Lluvia y nieve

Ya hemos visto como podemos crear rayos que resulten medianamente realistas con programas de retoque de imágenes de mapa de bits o Bitmap, ahora veremos cómo podemos incorporar efectos de lluvia o nieve.

Si dibujar un rayo resultaba relativamente sencillo, añadir lluvia a nuestros dibujos, cómo en esta imagen, resulta aun más sencillo y rápido.

• Para empezar crearemos una nueva capa (a la que podemos llamar "Lluvia") y la rellenamos de color negro con el Cubo de pintura.

•  Luego aplicamos el filtro Ruido RGB del grupo de filtros Ruido, y en su cuadro de diálogo desactivamos la opción RGB independiente  y ajustamos las opciones  de color a nuestro gusto para crear más o menos ruido (a mayor cantidad de ruido más denso sera el efecto de lluvia resultante)

• Ahora aplicamos el filtro Desenfoque de movimiento, con la opcion Lineal activa y la longitud y el ángulo que queramos darle a las gotas de lluvia.

• Finalmente para que la capa de lluvia permita ver la capa o capas que hay bajo ella cambiamos el modo de fusión a Pantalla o Solapar.

• Es posible mejorar el efecto de lluvia ajustando la opacidad de la capa y los niveles de brillos, sombras y medios tonos, asi cómo el brillo y el contraste, consiguiendo así que se vean los trazos más blancos y haciendo desaparecer los que tienen un tono más apagado.

Podemos crear nieve de forma muy similar, solo que en lugar del filtro ruido, para crear la nieve tenemos que pintar los copos uno por uno, utilizando el pincel o el aerógrafo y para simular la sensacion de movimiento utilizaremos el filtro Desefoque de movimiento de a misma manera que lo hemos hecho con la lluvia.

También podemos crear dos o mas capas con efectos de lluvia o nieve para dar una mayor sensación de profundidad, colocando una en primer plano y otra entre el fondo y el personaje o personajes que aparezcan en la ilustración.

¡Rayos y relámpagos!

Si en el post anterior explique cómo podíamos hacer un  cielo nuboso con Gimp, en este post y el siguiente me dedicare a explicar cómo podemos simular efectos meteorológicos como los rayos, la lluvia o la nieve.

Hay una forma muy fácil, aunque un poco chapucera, de realizar rayos con un programa de retoque de imágenes como Gimp, este sistema consistiría en trazar una línea sinuosa con el pincel o con el aerógrafo, copiar la capa en la que se encuentre esta línea, y desenfocar las dos capas, la primera un poco y la segunda bastante, con lo que crearemos con la primera capa algo similar a un rayo y con la segunda el fulgor brillante que lo rodea.

Existe otra forma, también sencilla, pero algo más extensa de realizar, que nos permitirá crear rayos de tormenta mucho mas aparentes y realistas.

• Para empezar creamos un Degradado vertical de blanco a negro, que cubra toda la capa, a este degradado le aplicamos el filtro Nubes de diferencia que se encuentra en el grupo de filtros Renderizado y Nubes, con lo que conseguiremos que se cree una línea negra en el centro  de la pantalla.

• Si aumentamos el tamaño de los ejes X e Y, así como el detalle conseguiremos como resultado final un rayo mas fimo y retorcido, con lo que resultara más realista.

• Para mejorar nuestro rayo podemos clicar en la opción Niveles del menú Colores y mover hacia la izquierda la flecha gris y la blanca del grafico de niveles (que controlan los medios tonos y las iluminaciones respectivamente) hasta que la línea negra quede claramente definida.

• Ahora clicamos sobre la opción Invertir del menú Colores, con esto los tonos se invertirán y la línea negra se convertirá en una línea blanca, que se parecerá mucho a un rayo de tormenta si hemos aplicado los valores apropiados en capa paso.

• Ya solo queda borrar con cuidado el resto de la capa, utilizando un pincel grande primero y uno más pequeño para perfilar el  contorno de nuestro rayo.

• Con el modo de fusión de capa Clarear solo conseguiremos que este efecto quede mejor integrado en nuestras ilustraciones, pudiendo crear rayos para una tormenta o para algún tipo de efecto especial.

En las nubes

Hay una parte en toda ilustración o dibujo que resulta importante para la composición final, me estoy refiriendo al fondo, y es que aunque los personajes que aparezcan en primer plano serán siempre los que acapararan la atención de quien observe nuestros dibujos, un fondo bien desarrollado y colocado puede dar el remate final a nuestros trabajos.

Podemos añadir un cielo como fondo a nuestras ilustraciones de forma muy sencilla, utilizando una fotografía, que podemos sacar de internet, de alguna revista, o si no queremos tener problemas de derechos, podemos tomarla nosotros mismos con una cámara digital.

Pero también podemos crear este tipo de fondos con Gimp en pocos pasos utilizando las Capas y las Mascaras, que podemos aplicar a estas capas.

Las mascaras se utilizan para ocultar o mostrar determinadas partes de una capa, de manera que la capa mostrara la parte de la máscara que este pintada de blanco y ocultara lo que este pintado de negro, creando determinados grados de transparencia en las zonas pintadas con todos grises.

• Para crear un cielo nuboso tendremos que partir de una capa que podemos pintar con un degradado que variara dependiendo de si queremos crear un cielo a mediodía, un atardecer, un anochecer, etc.

• Después creamos una nueva capa y le aplicamos el filtro Ruido solido, que se encuentra en el grupo de filtros Renderizado y Nubes.

• En el cuadro de dialogo le ponemos un nivel de detalle alto, para conseguir unas nubes esponjosas, y el tamaño lo ajustamos a nuestro gusto.

• Ahora creamos la máscara de la capa, clicando con el botón derecho del ratón sobre la miniatura de la capa y seleccionando la opción Añadir mascara de capa…

• Clicamos sobre la miniatura de capa para activarla, seleccionamos todo el contenido de la capa y lo copiamos.

• Ahora clicamos sobre la miniatura de la mascara (de manera que quede activa) pegamos y clicamos sobre el icono con forma de ancla que hay bajo las miniaturas de las capas, con lo que fijamos la selección a la máscara de la capa.

• Para mejora el efecto de las nubes podemos duplicar la capa y aplicarle color con la opción Colorear del menú Colores y utilizar los modos de fusión de capa Pantalla o Solapar, con lo que conseguiremos unas nubes más realistas y mejor integradas a la capa de fondo.

El resultado final será algo parecido a la ilustración inferior, que podremos grabar y utilizar en nuestros dibujos.

Con este mismo sistema, pero coloreando las nubes con colores intensos podemos crear un efecto similar a una nebulosa, que podemos utilizar en ilustraciones y dibujos en los que necesitemos crear un fondo espacial.

Interacción entre Gimp y Inkscape

Hace ya seis meses que empecé a editar este blog, lo que no está nada mal, sobre todo si tenemos en cuenta que todo empezó como un ejercicio para un curso de contenidos de internet, en el que había que crear un blog y editar el primer post.

A partir de entonces el mundo de los blogs me apasiono y decidí seguir editando mi blog aun después de haber terminado el curso.

Durante este tiempo he intentado compartir mis limitados conocimientos sobre el mundo de la ilustración digital a trabes de este medio de comunicación, centrándome sobre todo en la utilización del programa de software libre Gimp, Que permite la edición de imágenes en mapa de bits, ya sea para retoque fotográfico o para diseño y ilustración.

Pero también podemos utilizar otro tipo de programas, como por ejemplo Inkscape, un programa de diseño vectorial, también de software libre, muy similar a Illustrator.

Con este programa y un poco de práctica para conocer sus funciones y herramientas, podemos realizar fácilmente elementos como la pluma de esta imagen.

Inkscape y Gimp tiene una gran capacidad de interacción, ya que Inkscape cuenta con opciones de Importar y Exportar imágenes en mapa de bits, lo que nos permite incorporar estas imágenes a nuestros archivos de diseño vectorial, o guardar estos diseños vectoriales en imágenes Bitmap, que posteriormente podremos retocar con Gimp.

Gimp también cuenta con la posibilidad de cargar archivos en el formato que utiliza Inkscape (SVG) aunque tendremos que renderizar primero la imagen, para lo que dispondremos de un cuadro de dialogo que nos permitirá establecer las dimensiones del archivo así como la resolución con la que queremos trabajar.

Podéis encontrar múltiples tutoriales de estos dos programas, así como otros muchos programas de diseño, maquetación de revistas, creación de páginas Web y 3D, en muchos blogs y páginas web, aquí os dejo unos cuantos enlaces a algunas de estas páginas que me han parecido especialmente interesantes.

http://www.gimp.org.es/

http://joaclintistgud.wordpress.com/

http://www.scarfive.com.ar/

Texto en 3D

Como ya conté en un par de post Gimp tiene filtros para crear objetos que simulen un efecto de 3D, pero también existe un sencillo truco que nos puede permitir crear textos con relieve de una forma rápida y sin muchas complicaciones.

• Para empezar con la herramienta de texto escribimos, utilizando un tamaño de fuente grande, la palabra o frase a la que queremos dar volumen, preferiblemente utilizando un color oscuro o directamente negro.

• Le aplicamos el filtro Efecto de iluminación, que se encuentra en el grupo de filtros Luces y sombras, ponemos el foco de luz en el centro del texto, en la pestaña Luz seleccionamos un color gris claro y en la pestaña Material configuramos las opciones de manera que creemos un brillo en el texto que no resulte excesivo, esto dependerá del tamaño y el tipo de fuente que utilicemos (aquí es cuestión de probar, deshacer y volver a probar hasta que consigamos un resultado que nos guste)

• Luego aplicamos el filtro Añadir Bisel del grupo Decorativos, con un grosor de 5, y repetimos este filtro dos o tres veces, de manera que el bisel se aprecie de forma clara.

• Con esto habremos creado un efecto de acolchado en el texto que le dará un ligero efecto de volumen.

• Para aumentar este efecto y darle al texto una verdadera apariencia de 3D solo tenemos que duplicar la capa clicar cobre la capa y pulsar la flecha arriba, con lo que conseguiremos que la capa duplicada se desplace un pixel hacia arriba.

• Tendremos que repetir esto una veintena de veces o mas dependiendo del volumen que queramos darle al texto.

• Finalmente agrupamos todas las capas duplicadas excepto la ultima, que se encontrara sobre todas las demás, con lo que tendremos una capa con el texto, otra con las capas agrupadas que será la que dará el efecto de volumen y la capa de fondo con lo que podremos aplicar cambios de niveles, tono y saturación, así como de color, hasta conseguir un resultado similar al de esta imagen superior.

Este efecto también podemos aplicarlo a dibujos formas o logotipos, para conseguir darles una apariencia 3D.

Texto de neón

En uno de mis primeros post explique el funcionamiento de una de las herramientas de texto de Gimp, la opción Logotipos, que nos permite crear distintos tipos de rotulos, configurando sus diferentes opciones a nuestro gusto.

Uno de los logos que podemos crear con esta herramienta es Neón, que nos generara un texto con una apariencia similar a un letrero creado con luces de neón.

Pero el cuadro de dialogo de este logotipo no es muy completo y no nos permite personalizar algunos aspectos importantes para en el resultado final, como la cantidad y extensión del resplandor que rodea al texto.

Afortunadamente al igual que sucedía con los destellos podemos crear rápida y fácilmente este tipo de efecto utilizando capas y filtros.

• Para empezar con la herramienta de texto establecemos un cuadro que ocupe toda la extensión del documento y escribimos el texto con la fuente, el color y el tamaño que queramos, de manera que quede centrado dentro del cuadro en el que lo escribimos (para que el efecto de neón quede bien, lo mejor es utilizar un tipo de texto que no sea muy grueso)

• Ahora seleccionamos el texto con la herramienta de Seleccionar por color clicando en cualquier parte del texto.

• Contraemos la selección con la opción Encoger del menú Seleccionar el numero de pixeles necesario para que tenga aproximadamente la mitad de grosor del texto y la rellenamos de blanco.

• Ya solo tenemos que duplicar la capa de texto y desenfocar las dos capas, la capa superior con un desenfoque ligero (de 5 o 10 pixeles como mucho, dependiendo del tamaño del texto) y la capa inferior con un desenfoque alto para crear el fulgor del neón (esta capa podemos duplicarla de nuevo y aplicar diferentes tipos de fusión y de opacidad hasta que consigamos el efecto que más nos guste)

En la imagen superior yo he añadido una capa de fondo a la que le he aplicado un filtro de Efectos de iluminación con un tipo de luz focal del mismo color del texto para mejora el brillo que rodea al texto.

Efectos de destello - De creacion propia (2)

Si el destello que creamos en el post anterior os gusto, ahora veremos cómo hacer uno mocho más realista.

Empezaremos llenando la capa de fondo con el color negro, ya que este efecto se aprecia mejor sobre un fondo oscuro.

• Ahora creamos una capa nueva y dibujados con la herramienta lápiz una serie de linear rectas en forma de estrella que se crucen en un mismo punto (lo mejor para hacer esto es clicar en un punto del documento y con la tecla Mayúsculas apretada arrastrar el ratón para hacer el trazado de la línea y volver a clicar en el punto final)

• Tenemos que repetir este punto con diferentes grosores de línea, hasta que tengamos formada una estrella con las suficientes puntas.

• Ahora en el centro de las linear que hemos creado con el lápiz trazaremos otras líneas más cortas y gruesas con la herramienta aerógrafo utilizando un flujo intermedio (aquí no hay que pasarse ya que estos trazos formaran el brillo central del destello cuando esté terminado)

• Después de aplicar el aerógrafo hacemos una selección alrededor de nuestra estrella que sea una vez y media más grande que las líneas, y aplicamos el filtro de Desenfoque de movimiento en el modo acercamiento y ajustando la longitud según lo grande que hayamos hecho la estrella.
• 
  

• Seguramente tendrás que repetir este filtro varias veces hasta que consigas el efecto deseado, cuando las líneas ya tengan un efecto similar a un destello hay que copiar la capa y rotarla (Herramientas de transformación, Rotar) y cambiar el modo de fusión de esta nueva capa a claridad fuerte.

• Puedes duplicar y rotar esta última capa varias veces hasta conseguir que el destello tenga el aspecto que busques.

Al final tendréis una imagen similar a esta.

Ya tenéis un destello que podréis utilizar en vuestros dibujos, y combinar con los destellos propios de Gimp.