sábado, 28 de agosto de 2010

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.

miércoles, 18 de agosto de 2010

¡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.





sábado, 14 de agosto de 2010

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.



domingo, 8 de agosto de 2010

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/