Difuminado digital

Bienvenidos seáis todos a este blog de ilustración y diseño digital ^^

En este post me gustaría tratar de nuevo una herramienta típica en los programas de dibujo digital que ya he explicado en alguna que otra entrada, pero que creo que es conveniente recalcar ya que puede resultarnos muy útil a la hora de realizar nuestras ilustraciones, me refiero al difuminado.

Esta herramienta recibe el nombre de Emborronado en el Gimp y Dedo si trabajáis con Photoshop y se puede utilizar de la misma manera que el Pincel o el lápiz pero en lugar de pintar lo que hace es difuminar lo que ya esta coloreado, de la misma manera que podríamos hacerlo con los dedos sobre un papel en el que hubiéremos hecho un dibujo a lápiz o con carboncillo.

Esto puede ser muy útil para realizar efectos como brillos o sombreados, especialmente en zonas como las arrugas de la ropa.

Podemos utilizar esta herramienta tanto si trabajamos con el ratón como si disponemos de una tableta, de hecho este modo de difuminado nos puede servir para conseguir efectos con el ratón que utilizando el Pincel solo podríamos lograr con una tableta digitalizadora.

El parámetro mas importante de esta opción de dibujo es el que regula la cantidad de difuminado que queremos, es decir el equivalente a la presión que haríamos con el dedo si estuviésemos trabajando manualmente, que en el caso de Gimp se llama Tasa y que encontramos en las opciones que aparecen en la parte derecha de la pantalla, y en el caso de Photoshop recibe el nombre de Intensidad y la encontramos en las opciones de la herramienta que aparecen en la parte superior de la pantalla.

Cuanto mayor sea el valor que introduzcamos, mas intenso sera el efecto de difuminado que lograremos.

Photoshop además incluye una opción llamada Pintar con los dedos, con la que se logra un efecto similar al de mancharnos los dedos con pintura y pintar con ellos sobre un papel o un lienzo.

En la ilustración superior he utilizado el Emborronado para realizar parte de las sombras, las iluminaciones en la piel y el aura de luz del eclipse que se ve al fondo de la imagen.

Los rayos, el efecto mágico en las manos y las alas del personaje son pinceles predeterminado, que también pueden sernos muy útiles en nuestros dibujos y que podéis descargar desde paginas web como Hawksmont , en el caso que que utilicéis Gimp o brusheezy si trabajáis con Photoshop (aunque la mayoría de pinceles de Photoshop son compatibles con Gimp)

Truconsejos - Edicion fotografica basica

Bienvenidos seáis una vez mas a este blog, espero que este  post de truconsejos sea de utilidad ^^

En este tercer post de truconsejos rápidos me gustaría explicar los tres fundamentos , que, al menos bajo mi punto de vista, resultan fundamentales para iniciarse en la edición y retoque digital de fotografías, que se pueden aplicar a Photoshop, Gimp o cualquier otro programa de edición fotográfica.

Trabaja con una copia de la imagen

Nunca, pero NUNCA hay que editar y modificar la imagen original, lo primero que hemos de hacer es duplicar la capa en la que se encuentra la fotografía, que es la única capa que aparece cuando empezamos a trabajar con un archivo de imagen digital y trabajar siempre con la capa duplicada.

Esto nos permite tener siempre una capa con la imagen original, por si la necesitamos para algo, y conservar la fotografía tal cual era antes de empezar a retocarla, para poder ver las diferencias entre el antes y el después de nuestros retoques y ver como avanza nuestro trabajo.

 Domina las capas y sus modos de fusión

Lo mejor es trabajar con diferentes capas, esto , junto con los modos de fusión, es decir la manera en que los colores de una capa interactúan  con los de las capas inferiores, permite crear en unos minutos efectos de edición y montaje fotográficos sencillos y a la vez  interesantes y llamativos.

La imagen superior,por ejemplo, esta hecha en unos cinco minutos utilizando tres capas para lograr el efecto de marco y la sombra y una mas para mejorar el color, como explique en el primer truconsejo.

Utiliza las mascaras de capa

Las mascaras permiten mostrar una parte de la imagen y ocultar otra, según pintemos en la mascara con blanco o negro, de manera que podemos hacer visible una parte de una capa pero el resto seguirá estando allí aunque no lo veamos, a esto se le llama "cambio no destructivo" ya que no eliminamos la información, simplemente la hacemos invisible y podemos mostrarla si la necesitamos.

Para la imagen superior, en la que solo el verde de la hierba y los arboles tiene color y el resto es en blanco y negro, he utilizado dos capas, a la inferior la he desaturado para eliminar los colores y a la superior le he aplicado una mascara negra, para hacer la imagen invisible y he pintado con blanco la parte donde había verde para desvelar el color solo en esas zonas.

Para cambiar entre trabajar sobre una mascara o una capa solo tenéis que clicar sobre la miniatura de una o de otra para tenerla activa.

Aunque podría daros una infinidad de consejos mas estos tres son los que yo considero fundamentales para la edición fotográfica, y los he explicado de una manera intencionadamente genérica para que puedan aplicarse a cualquier programas de retoque digital.

Cromado derretido

Bienvenidos seáis una vez mas a mi pequeño blog y gracias por vuestra visita ^^

Este va a ser uno de esos post en los que explicare como realizar una imagen, un tanto psicodélica, que podemos utilizar como fondo, ya sea de escritorio o para una presentación en Powerpoint o Impress, simplemente usando para ello filtros de Gimp.

Para conseguir una imagen como la tenéis sobre este texto, que simula un efecto similar al de un cromado que se esta derritiendo, utilizaremos solo dos capas que conseguiremos que interactúen entre ellas mediante un filtro de desplazamiento.

Primero crearemos un documento nuevo, del tamaño que queramos, teniendo en cuenta para que queremos  utilizar la imagen, y en su capa inicial le aplicaremos el filtro Ruido solido del submenú Nubes que se encuentra en el grupo de filtros Renderizado, activamos la opción Aleatorizar y el Tamaño de X entre 6 y 10.

Seguidamente creamos una capa nueva, la llenamos de negro y le aplicamos uno de los degradado de Gimp utilizando la Herramienta de mezcla, con el formato Cónico y el modo de fusión en Diferencia.

Repetimos el degradado varias veces desde distintos ángulos, para que el modo de fusión Diferencia cree diferentes efectos de color.

Ahora para conseguir que la capa del degradado se "derrita" siguiendo los contornos de la capa de nubes que tiene debajo utilizaremos el filtro Desplazar del menú Mapa, en la que tenemos que elegir en el Desplazamiento Y la capa de las nubes y un valor entre 40 y 60, el Desplazamiento X lo ponemos a cero y activamos la opción Manchar del Comportamiento de borde.

Veremos que después de este filtro se produce un desplazamiento vertical de los pixels que forman la imagen aunque no sea muy exagerado, para que el efecto sea mas llamativo tenemos que repetir varias veces el filtro pulsando Ctrl + F.

Si lo repetimos las veces suficientes conseguiremos una imagen similar a la del ejemplo que tenéis arriba, que he hecho con el degradado Golden.

Como veis se pueden conseguir una imágenes muy originales y extrañas utilizando simplemente filtros y herramientas como el degradado, el uso que les demos ya depende de nosotros y de nuestra imanación.

Bitmap y vectores

Bienvenidos seáis todos una vez mas a este blog, espero que disfrutéis de vuestra visita ^^

En este post veremos como podemos convertir un dibujo que hemos escaneado y tenemos guardado en un archivo de mapa de bits en un archivo vectorial, utilizando una herramienta de Inkscape llamada Vectorizar mapa de bits (el nombre lo dice todo ¿no?)

Los programas de diseño vectorial suelen tener una herramienta que nos permite transformar una imagen bitmap en un conjunto de vectores que podemos editar y modificar, en el caso de Illustrator esta herramienta es Calco interactivo que podemos encontrar en el menú Objeto, y en el caso del programa de software libre Inkscape utilizaremos Vectorizar mapa de bits del menú Trayecto.

Podemos vectorizar una fotografía (como explique en uno de los post del mes de enero de este año) pero su principal utilidad es la de utilizarlo con dibujos entintados para transformar los trazos del dibujo en vectores, como en el caso de la imagen superior (aunque para poder subirla al blog he tenido que exportarla primero a jpg)

Para poder vectorizar un dibujo tendremos que importarlo desde el menú Archivo, y luego utilizamos la opción vectorizar mapa de bits y en su cuadro de dialogo en la pestaña Modo nos centraremos en la primera opción Corte de luminosidad, en la que tendremos que fijar el Umbral dependiendo de como sean nuestros trazos a la hora de dibujar, pero generalmente deberá estar entre 400 y 450.

En la pestaña Opciones podemos ajustar las opciones Eliminar motas, que nos permite deshacernos de los pequeños puntos o imperfecciones que en ocasiones se nos cuelan en un dibujo, Suavizar bordes y Optimizar trayecto que dan una mayor redondez a los trazados.

Unos valores altos en estas opciones dan como resultado un trazado mas suavizado, pero menos fiel a nuestro dibujo original.

Una vez vectorizado podemos seguir trabajando con el en Inkscape, exportarlo como Bitmap o incluso importarlo en un programa de diseño 3D como Blender, ya que este es compatible con los trazados vectoriales de Inkscape.

En la siguiente imagen podéis ver una de mis primeras pruebas con este sistema, un dibujo al que después de pasar por el proceso de vectorizado  le he añadido algunas tramas con Gimp, para darle algo mas de vidilla  (y porque hacia tiempo que no utilizaba tramas)

Poder vectorizar un dibujo entintado puede ser muy útil, pero quizás os estéis preguntando si se podría hacer lo mismo con un dibujo a lápiz, y la respuesta seria que si, pero la calidad del resultado dependerán que lo definidas y limpias que sean las lineas que hagamos a la hora de dibujar.

En la siguiente imagen podéis ver uno de mis dibujos antiguos a lápiz y el resultado después de pasar por Inkscape y retocar algunas cosas con Gimp.

En esta otra imagen, mas actual  y dibujada pensando en vectoritarla directamente del lápiz (y por lo tanto hecha con un trazo mas definido y marcado) no he tenido que retocar nada, a parte de añadirle las tramas, y sin embargo el resultado es mucho mas limpio y definido que el anterior.

Lo mejor para llegar a controlar esta herramienta de Inkscape es hacer muchas pruebas con diferentes dibujos y variando las opciones de su cuadro de diálogos hasta encontrar los parámetros mas adecuados a nuestro estilo de dibujar.

Efecto de Puzzle

Bienvenidos una vez mas a este blog, pasad y poneros cómodos ^^

En este post veremos un filtro de Gimp que nos permite darle a nuestras fotografías un aspecto similar al de un puzzle, y como mejorarlo con las herramientas de selección.

Para empezar tenemos que abrir con Gimp la imagen a la que queramos añadirle el efecto, y aplicarle el filtro Puzzle que se encuentra entre los efectos de Patrón del submenu Renderizado del menú Filtros.

En su cuadro de dialogo tenemos que especificar el numero de piezas horizontales y verticales, así como el aspecto que tendrá el bisel de las piezas, ajustando la Anchura y la Cantidad de reflejo (un reflejo excesivo hará que el efecto sea poco natural)

El resultado sera similar al de la imagen superior, que podemos mejorar haciendo algo tan simple como es seleccionar algunas piezas del puzzle y borrarlas o cambiar su posición para que de la sensación de que nuestro puzzle esta incompleto.

Esto resulta sencillo, a la vez que laborioso ya que tendremos que hacerlo de una forma muy manual utilizando la Herramienta de selección o la Herramienta de rutas, aunque antes tenemos que darle a la imagen un canal alfa (que permite crear transparencias), clicando en la miniatura con el botón derecho del ratón y seleccionando la opción Añadir canal alfa.

Con cualquiera de estas dos herramientas (la primera resulta mas sencilla de manejar) tendremos que trazar el contorno de la pieza que queramos modificar, una vez hecha la selección copiamos su contenido, es decir la pieza del puzzle, con la opción Copiar del menú Editar, borramos el contenido de la selección, para eliminar la pieza original del puzzle, creamos una capa nueva y pegamos la selección en ella.

Ahora tenemos la pieza en una capa independiente, y podemos ponerla e el lugar del documento que queramos y la hemos eliminado de la imagen inicial, de manera que donde estaba la pieza ahora hay un hueco (por eso hemos tenido que crear antes el canal alfa)

Podemos hacer esto con varias piezas o partir el puzzle en dos para crear un efecto similar al de la siguiente imagen.

También podemos añadir una capa debajo de las que tengamos para crear un fondo a la imagen final, que podemos crear con pinceles, degradado o texturas (o una combinación de los tres)

Para dar un mayor efecto de volumen y simular la sensación de que las piezas sueltas están realmente sobre el puzzle podemos crear sombras en estas piezas con el filtro Sombra arrojada del grupo Luces y sombras del menú Filtros, y podemos hacer lo mismo en la capa donde se encuentra la imagen principal para crear sombra sobre el fondo.

Truconsejos - Degradado de contorno

Bienvenidos seáis a este nuevo post de truconsejos rápidos para ilustración y diseño digital ^^

Este sera mi segundo post de lo que yo llamo Truconsejos, que no son sino truquillos rápidos y simples para programas de retoque y creación digital, generalmente de software libre.

En esta entrada veremos como sacarle partido al modo Contorno de la Herramienta de mezcla del programa Gimp a la hora de realizar rótulos.

Gimp tiene en su herramienta de degradado, que en este programa se llama Herramienta de mezcla, varios modos de realizar los degradado, entre ellos los básicos de Lineal o Radial y otros mas complejos como el modo de Contorno.

Este estilo de degradado se aplica siguiendo la forma concreta de una selección, lo que nos permite crear efectos curiosos y interesantes si lo aplicamos a un texto, especialmente si utilizamos una fuente de texto que tenga un trazado amplio.

La forma de aplicarlo es muy sencilla, solo tenemos que utilizar la Herramienta de texto y escribir lo que queramos, eligiendo un tamaño y tipografía a nuestro gusto, automáticamente el texto se generara en una capa nueva.

Clicamos sobre la miniatura de la capa con el botón derecho del ratón y seleccionamos la opción Alfa a selección, con lo que el texto quedara perfectamente seleccionado.

Ahora seleccionamos los colores que crearan el degradado en las casillas del color primario y secundario o elegimos uno de los degradados predeterminados con los que cuenta Gimp.

Utilizamos la Herramienta de mezcla, en su cuadro de dialogo seleccionamos en la casilla de forma la opción Contorno, y trazamos el degradado, con lo que se generara en el texto un efecto similar al de las imágenes de muestra.

Hay que tener en cuenta que una vez hecho esto, el texto dejara de ser editable, es decir que no podremos cambiar ni lo que hemos escrito ni ninguno de sus atributos.

Luego ya es cuestión de utilizar la imaginación para mejorar el resultado añadiendo fondos, o elementos al texto como contornos, destellos, halos, degradados o cualquier cosa que se os ocurra.

Efecto retro

Bienvenidos seáis una vez mas a este pequeño blog de consejos para principiantes en la ilustración y el diseño digital ^^

En esta entrada me gustaría explicar un pequeño truco para darle a nuestras ilustraciones un aspecto retro que nos recuerde a los dibujos que aparecían en algunos comics hace unos 30 años, utilizando, como no, el Gimp.

La forma mas fácil de conseguir esto sin variar demasido nuestro estilo de dibujo seria colorearlo de manera que simulemos la trama de puntos que se utilizaban para crear los diferentes colores antes de que la ilustración y la impresión digital permitieran crear estos mismos colores con una trama mucho mas fina que apenas se aprecia a simple vista.

Para ello coloreamos nuestro dibujo como siempre, pero poniéndole pocas sombras (o ninguna, ya que si miramos uno de estos comics antiguos a color veremos que no se molestaban mucho a la hora de dar volumen a los colores)

Para crear la trama de puntos, primero creamos una nueva capa y la rellenamos de un tono gris (por ejemplo el 808080) utilizando una de las herramientas de pintura o la Herramienta de Relleno y le aplicamos el filtro Papel de periódico del grupo de filtros Distorsiones.

En el cuadro de dialogo de este filtro, activamos la casilla de Fijar los canales, ponemos el Sobremuestreo a 15 y el Tamaño de la celda y el Ángulo a nuestro gusto, pero teniendo en cuenta que el punteado debe ser lo bastante grande como para que se pueda apreciar sin problemas.

Ya tenemos nuestra trama, pero no nos interesa que los puntos sean negros, así que vamos al menú Colores y en la opción Tono y saturación ponemos la Luminosidad al 100%

Con esto los puntos tendrán un tono gris claro y si ahora ponemos la capa en modo Multiplicar, estos se solaparan a los colores de la capa inferior, adquiriendo un tono mas oscuro del color que tengan debajo.

Ahora la trama ocupa todo el dibujo pero lo normal es que solo queramos que se vea en algunas zonas, para ello clicamos con el boton derecho sobre la miniatura de la capa y elegimos la opcion Añadir mascara de capa  y en su cuadro de dialogo seleccionamos Transparencia total.

La capa donde se encuentra la trama es ahora invisible, para poder mostrar la trama punteada en las zonas de la ilustración que nos interesen tenemos que clicar sobre la miniatura de la mascara de la capa, para activarla y sobre la ilustración pintar con color blanco o crear una selección de la zona que queramos y rellenarla de blanco.

Lo que conseguiremos no es colorear de blanco esa zona, sino hacer visible la parte de la capa sobre la que pintemos, ya que la mascara oculta las partes que están en negro y desvela las que están en blanco (si pintamos con tonos grises conseguiremos un tono de semi transparencia dependiendo de lo oscuro que sea el tono de gris que utilicemos)

Para alternar entre trabajar sobre la mascara o sobre la capa no tenemos mas que clicar cobre la miniatura de la una o la otra para activarlas.

Podemos hacer esto con diferentes capas en las que hayamos creado diferentes tamaños de tramas de puntos para conseguir un tramado diferente en determinadas zonas de nuestra ilustración.

Recordad no utilizar muchas sombras o reflejos de luz y brillos si queréis dar un aspecto retro ha vuestros dibujos, ya que esto es mas típico de los comics que se empezaron ha hacer ha partir de los 90 cuando empezó a extenderse, especial mente en el comic americano, el coloreado digital.