viernes, 17 de noviembre de 2017

Efecto de bosquejo

Saludos, sed bienvenidos a otro post de este pequeño blog dedicado especialmente al diseño gráfico y la ilustración n_n

En este post veremos uno de mis efectos de imagen preferidos, hacer que una fotografía parezca un dibujo, en esta ocasión utilizando un solo filtro de G´mic, uno de los mejores complementos de Gimp.


Se trata del filtro Pencil portrait, que podemos encontrar en el grupo Black & white de G´mic-QT en el menú Filtros.

Antes de utilizar este filtro podemos desaturar la imagen y dejarla en blanco y negro con la opción Desaturar del menú Colores, aunque esto es una opción personal mía y se puede utilizar este filtro perfectamente saltandonos este paso.


Las opciones principales de este filtro son Stroke legth, que controla el tamaño del trazo, Stroke angle, par ajustar el ángulo del mismo y Color para darle el color que deseemos al efecto.

Contour threshold, que establece la intensidad del contorno y Opacity, que evidentemente establece la opacidad, es mejor dejarlos tal y como están por defecto.


También hay que tener en cuenta que a mayor contraste entre luces y sombras en la fotografía original, mejor sera el resultado que obtengamos al aplicar este filtro, algo que se puede ver si comparamos la imagen que hay sobre este párrafo y la que hay debajo, siendo la segunda la que tenia un mejor equilibrio entre las zonas oscuras y las mas iluminadas.


Para terminar deciros que se puede mejorar la imagen final ajustando los Niveles en el menú Colores o añadiendo un efecto de viñeteado, con Vignette del grupo Frames o enfatizar el trazo con Freaky details del menú Details, ambos pertenecientes a G`mic-QT.


Nos vemos pronto, con mas diseños, tutos y dibujos ...

viernes, 3 de noviembre de 2017

Efecto de 8 Bits

Saludos a todos, bienvenidos seáis otro día mas a mi pequeño rincón de la web, pensado para los aficionados al diseño y la ilustración digital n_n

Esta vez vamos a ver como podemos crear un efecto de 8 bits en nuestras fotografías utilizando una pequeña aplicación gratuita para el móvil  llamada Retroboy.


Esta App es muy intuitiva y sencilla de manejar, permitiendo aplicar este efecto en unos instantes y sin tener que complicarnos demasiado.

Con los tres iconos inferiores podemos ver las imágenes que ya tengamos realizadas con este programa, aplicar este efecto a la imagen que realicemos en ese momento y hacer un vídeo con este tipo de estética de 8 bits.


Para abrir la galería de fotos y poder trabajar con una foto que ya tengamos en el móvil tenemos que pulsar sobre el icono con forma de fotografía, en la parte superior de la pantalla de nuestro móvil. 

El engranaje muestra todos los parámetros y varía según el tipo de efecto que seleccionemos, siendo los mas importantes Dithering y Rastering que controlan un mayor o menor nivel de detalles.

El icono del embudo permite seleccionar el tipo de efecto entre 6 diferentes, que simulan el aspecto de los gráficos de una pantalla LCD, de un Comodore 64 o un Amstrad entre otros.


Los otros dos iconos de esta aplicación corresponden al flash de la cámara (con forma de relámpago) y a la selección entre cámara delantera o trasera del móvil.


Con Retroboy podemos conseguir efectos fotográficos que nos recuerdan a los gráficos de los primeros ordenadores y consolas y estaría especialmente recomendado para quienes en su día disfrutaron de ese tipo de tecnología.

Nos vemos pronto con mas dibus, tutoriales y diseños ...

sábado, 21 de octubre de 2017

Halloween 2017

Saludos a todos, sed bienvenidos a mi pequeño refugio de la web, que en esta ocasión se torna algo mas oscuro que de costumbre, debido a la cercanía de Halloween y el Dia de todos los santos n_n.

Y es que este sera uno de esos posts que publico por estas fechas, para celebrar la festividad de el dia de Halloween que ya tenemos a la vuelta de la esquina.


Solo quisiera desearos que espero que lo paséis lo mejor posible estos días, con vuestros amigos y familiares y que aprovechéis al máximo el día festivo que nos espera.


Y para terminar explicar que la primera y la segunda imágenes de este post las he creado con Gimp, en el caso de la segunda, utilizando dos fotografías de Pixabay y la tercera es un selfie retocado desde la web Photolab.


Nos vemos pronto con mas tutos, dibus y diseños ...

viernes, 6 de octubre de 2017

Imagen colorida

Saludos a todos, pasad a este mi pequeño rinconcito de la web y sentíos como en vuestra casa n_n

Hoy os mostrare como crear con Gimp una imagen abstracta colorida, como la de la imagen inferior, utilizando un par de filtros de G´mic.


El primero de estos filtros es Plasma, que encontramos en el menú Rendering de la herramienta G´mic-QT que se encuentra integrada en el menú principal Filtros.

Tenemos que dejar todos los parámetros de su caja de dialogo tal como están, excepto Randomize que tiene que es mejor que este activado.


Una vez generada la imagen, que básicamente parecen nubes de colores, le aplicamos el filtro Vector painting, del grupo Artistic, también de G´mic, con su opción Details entre 5 y 8.

Ya tendremos la imagen final lista, aunque los colores quizás estén un poco apagados, pero podemos mejorar esto simplemente duplicando la capa  y poniendo su modo de fusión en Solapar.


También podemos utilizar la opción Niveles del menú Colores, ajustando su curva a nuestro gusto, o añadir un efecto de viñeteado, para que la tonalidad sea menos uniforme.


Y hasta aqui este post de hoy, nos vemos pronto con mas digus, tutoriales y diseños ...

viernes, 29 de septiembre de 2017

Photo Lab - efectos fotográficos Online

Saludos a todos los aficionados al diseño y la ilustración asi como a los curiosos que hayáis descubierto este blog por casualidad n_n

En esta entrada os hablare de Photo Lab, una aplicación Online que nos permite aplicar unos magníficos efectos en nuestras fotografías, sin necesidad de descargar o instalar ningún tipo de software.


Esta web contiene una amplia gama de efectos para embellecer nuestras imágenes, especialmente si se trata de primeros planos, ya que muchos de ellos están especialmente pensados para aplicarse en rostros, como en el caso del estilo cómic que podéis ver bajo este párrafo, aplicado a uno de mis selfies.


No tenéis mas que entrar en la web e ir explorando hasta que encontréis el filtro que mas os guste, pudiéndolos ordenar como Top combos es decir los mas usados, Trending, los que están de moda o Recent.


Una vez elegido el efecto clicamos en Apply combo to your photo, cargamos una foto desde nuestro dispositivo y ajustamos el encuadre.


Con esto la web generara la imagen final y podremos descargarla en nuestro ordenador o compartirla en las redes sociales.


Photo lab es una web especialmente recomendada no tanto para resultados profesionales como para pasar un rato entretenido con nuestras fotografías, experimentando con las diferentes opciones que nos ofrece.

Nos vemos pronto con mas dibujos, tutos y diseños ...

Hasta pronto :-)

sábado, 16 de septiembre de 2017

Cuestion de cabeza ...

Saludos a todos, sed bienvenidos a mi pequeño rincón de la web, creado para los aficionados al diseño y la ilustración digital n_n

En este post me voy a dedicar a subir algunos de los dibus que he hecho últimamente, practicando el dibujo de la cabeza humana y aprovechare para dar algunos consejos que a mi me han resultado muy útiles.


Primero de todo decir que no se debe dibujar el cuello recto con respecto a la espalda, lo que es un error demasiado común, sino con cierta inclinación, para que hace resulte mas natural.


La mejor forma de dibujar las orejas es hacerlo entre los ojos y la nariz, esto hará tanto que queden en su lugar como que tengan el tamaño mas acertado.


Entre los dos ojos debemos dejar una distancia aproximada de otro ojo y así mismo, las pupilas, deben quedar, mas o menos, a la altura de la comisura de los labios, para conseguir que queden centrados con respecto al resto de la cara.


Un fallo que podemos cometer es dibujar poca frente o cráneo, lo que hará que la cabeza quede demasiado pequeña, así como deformada y poco creíble.


Así que recordad dibujar siempre cráneo si hacéis una cabeza de perfil, como las primeras de este post y frente suficiente, como podéis ver en los dos últimos dibujos.

Podéis encontrar muchos consejos similares a estos y tremendamente útiles en el canal de YouTube de Estudio Katastrofico, imprescindible para cualquier aficionado al dibujo.

Nos vemos pronto, con mas dibujos,diseños y tutoriales ...

sábado, 9 de septiembre de 2017

Efecto de imagen abstracta

Saludos a todos, bienvenido a el primer post de este blog, después de un periodo de descanso veraniego n_n

Hoy veremos como crear con el programa de edición de imágenes de software libre Gimp un efecto un tanto abstracto, como de pintura derretida, utilizando dos filtros de uno de sus principales complementos, G´mic.


Para ello primero de todo generaremos los colores, utilizando Turbulence o Plasma que podemos encontrar en el grupo Rendering en la herramienta G´mic-QT del menú Filtros, manteniendo todos los parámetros por defecto.

Sobre la imagen resultante aplicamos el efecto 3D elevation del mismo grupo de filtros, con lo que obtendremos una sensación de relieve en la imagen, mas o menos pronunciada, dependiendo del tono de color.


En este filtro los parámetros mas importantes a ajustar son, Factor, que controla la cantidad de elevación, Size, que nos permite determinar el tamaño del plano que se genera (que tendremos que aumentar hasta que ocupe toda la extension de la imagen), Rendering, que tenemos que poner en su opción de Flat shaded y Specular lightness, para ajustar la intensidad de la luz.



Aparte de los valores anteriores, podemos elegir el tamaño de la imagen resultante con los parámetros Width y Height.


Como siempre suelo decir, este es uno de esos efectos en los que podemos experimentar y practicar mucho para conseguir diferentes resultados, algunos de los cuales nos pueden resultar muy sorprendentes.

Nos vemos pronto con mas tutos, dibujos y diseños ...

sábado, 12 de agosto de 2017

Descanso veraniego

Saludos a todos, bienvenidos a todos a este ultimo post de este caluroso mes de Agosto n_n

Este va a ser el típico post que subo en Verano para anunciar que el blog permanecerá inactivo durante el mes de Agosto para que pueda tomarme unas semanas de descanso, y así poder cargar pilas y regresar en septiembre con mas novedades.


Mientras tanto seguiré subiendo alguna que otra cosa en mi perfil de G+ e iré preparando dibujos, tutoriales y diseños para Septiembre.


Mientras tanto espero que paséis un buen verano y que podáis sobrellevar mas o menos bien el calor típico de estos meses.


Nos vemos en septiembre ... n_n

sábado, 5 de agosto de 2017

Siluetas invertidas

Saludos a todos, bienvenidos a mi pequeño rincón de la web, pasad y sentíos como en vuestra casa n_n

Hoy mostrare algunos ejemplos de como podemos utilizar una silueta invertida, es decir, una imagen en la que tenemos un fondo y una silueta que en lugar de ser una mancha negra nos muestra una parte de una fotografia, de forma similar a como podemos ver bajo este párrafo.


Para ello tendremos que utilizar tres capas, la primera, que estará bajo las otras dos y que generalmente sera una fotografía, donde aparecerá la imagen que se mostrara en la silueta, otra intermedia con un fondo que puede ser un color solido, un degradado, una textura o otra imagen y finalmente una capa superior con la silueta.


La silueta podemos obtenerla de un dibujo, de un diseño vectorial o de una fotografía, que podemos conseguir en una web de imágenes como Pixabay.

Luego solo tendremos que seleccionarla con alguna de las herramientas de selección del programa de edición fotográfica que estemos utilizando, por ejemplo, la Selección difusa en el caso de Gimp o la Varita mágica si utilizamos Photoshop.


Con la selección activa solo tenemos que deshabilitar o eliminar la capa de la silueta y borrar en la capa intermedia, con lo que quedara un hueco con la forma de la silueta en esta capa que nos dejara ver la imagen que se encuentra en la capa inferior.


Una técnica sencilla con la que se pueden conseguir resultados interesante, en unos pocos pasos y sin complicarnos demasiado.

Nos vemos pronto, con mas diseños, tutoriales y dibus ...

sábado, 22 de julio de 2017

Mejorar el color de una fotografia

Saludos a todos, bienvenidos a un nuevo post de este pequeño blog dedicado al diseño y la ilustración digital, con software libre n_n

En esta entrada veremos como podemos mejorar, utilizando Gimp, el color de nuestras fotografías, sin editar ningún parámetro de color, simplemente usando capas y sus modos de fusión.


Antes de nada duplicaremos la capa de la fotografía dos veces, de forma que tendremos tres capas idénticas.

En la capa superior, con la que haremos la mayor parte del trabajo, eliminamos los colores, pasándola a blanco y negro,con el modo Luminosidad de la opción Desaturar que podemos encontrar en el menú Colores.

Invertimos los colores, convirtiendo la capa en algo parecido a un negativo fotográfico, utilizando Invertir, también en el menú Colores.


Aplicamos el filtro Desenfoque Gaussiano, del grupo Difuminar en el menú Filtros, utilizando un radio de desenfoque entre 20 y 40, dependiendo del tamaño de la fotografía.

Ajustamos la opacidad de esta capa a 35 y la fusionamos con la capa inferior haciendo clic con el botón derecho del ratón en la miniatura de la capa y seleccionando en el menú emergente Combinar hacia abajo.

Con todo esto habremos conseguido crear una copia de la fotografía original, que se encuentra en la capa inferior, pero con los colores atenuados.

Ajustamos el modo de fusión de esta nueva capa en Combinar granulado o Claridad suave, con lo que mejoraremos sensiblemente los colores de la fotografía original.


Aquí podéis ver un ejemplo de una fotografía con el antes y el después de haber aplicado este sistema, donde se puede apreciar como los colores  se ven mucho mas vivos, e incluso se consigue una mayor profundidad en la imagen.


Si los colores se ven demasiado acentuados solo tenemos que ajustar la opacidad de la capa superior, hasta conseguir que parezcan mas naturales, generalmente entre un 75 y un 50%


Este sistema puede parecer en un principio un tanto complicado, pero resulta mas sencillo que ajustar parámetros como los niveles, el tono o la saturación y una vez lo hayamos utilizado unas pocas veces nos resultara de lo mas sencillo, al tener que realizar siempre los mismos pasos.

para finalizar solo decir que las fotografías que he editado para realizar este post son originarias de Pixabay, un fantástico banco de imágenes de libre uso.

Nos vemos pronto con mas dibujos, tutoriales y diseños ...

sábado, 15 de julio de 2017

Imagen en código Ascii

Saludos a todos, bien venidos seáis a mi pequeño blog de diseño e ilustración digital con software libre n_n

En este post explicare como podemos transformar una imagen en código Ascii utilizando Gimp y uno de los muchos filtros que incorpora G´mic.


Este filtro es Ascii art y lo podemos encontrar en el grupo Arrays and tiles de la herramienta G´mic en el menú Filtros.


Para lograr un resultado similar al de la imagen superior tenemos que tener en cuenta principalmente que la opción Charset es la que nos permite elegir el tipo de símbolos que formaran la imagen, pudiendo elegir entre código binario, números, letras o caracteres Ascii, entre otras, así como el grupo de caracteres que elijamos, y que podemos personalizar en la opción Custom dictionnary.

Las siguientes tres opciones es mejor dejarlas en sus valores por defecto, siendo la ultima la que controla el tamaño del texto, que podemos aumentar, aunque perderemos resolución en la imagen final.

Result type nos da a elegir entre generar una imagen con los colores originales de la fotografía sobre un fondo negro, sobre un fondo transparente, texto negro sobre fondo blanco y texto blanco sobre fondo negro.


El resto de opciones de este bloque sirven para ajustar parámetros como la luminosidad, el difuminado y los colores de la fotografía de origen.

Y finalmente si activamos Output Ascii file podremos guardar este efecto como un archivo de texto, en lugar de como una imagen, que podremos editar con cualquier tipo de procesador de texto.


Este tipo de filtro funciona especialmente bien con primeros planos y fondos negros, consiguiéndose, sin demasiado esfuerzo, resultados como el de la imagen superior.


Hasta aquí este post de hoy, nos vemos pronto con mas diseños, dibujos y tutoriales ...

viernes, 7 de julio de 2017

Efecto de marco sombreado

Saludos a todos, bienvenidos seáis tanto los habituales de este blog como los que lo descubrís por primera vez n_n

En este post veremos una forma muy sencilla de crear un efecto de marco o relieve sombreado en nuestras fotografías, utilizando Gimp, aunque el mismo sistema se podría utilizar con cualquier otro programa edición fotográfica.


Lo primero que hemos de hacer es duplicar la capa  y en esta nueva capa usamos la opción Todo del menú Seleccionar y posteriormente reducimos la selección unos 50 pixels con la opción Encoger de este mismo menú.

Con esto tendremos una selección rectangular, perfectamente centrada, alrededor de la fotografía, de la que eliminaremos su parte exterior.

Para ello lo mejor es hacer clic en la miniatura de capa con el botón derecho del ratón, seleccionamos Añadir mascara de capa y activamos la opción Selección, con lo que haremos invisible todo lo que no este seleccionado.



Ahora y aun con la selección activa, creamos una capa nueva, la colocamos entre las dos anteriores y la rellenamos de negro.

Desactivamos la selección y usamos, sobre este cuadrado negro, el filtro Desenfoque Gaussiano, del grupo Difuminar en el menú Filtro, con un valor entre 30 y 40.

Con esto tendremos un efecto de marco con sombra similar al de las dos primeras imágenes de este post, algo que también podemos hacer de forma parecida con un texto o una silueta.


Lo único que cambiaría en este caso es que tendríamos que utilizar alguna herramienta de selección para poder seleccionar el texto o la figura y rellenarlas de negro.


De igual manera en lugar de una fotografía podemos utilizar también una textura, para realizar rótulos similares a este.


Y hasta aquí este post, no vemos pronto con mas dibus, tutos y diseños ...