sábado, 30 de octubre de 2010

Crear rayos de energia

Hace algún tiempo explique una sencilla forma de crear rayos de tormenta con Gimp, que podíamos incluir en  nuestros dibujos e ilustraciones.

En esta entrada veremos como desarrollar un efecto similar, solo que esta vez se trata de utilizar la infografia para realizar un tipo de rayos energéticos similares a los de la siguiente imagen de ejemplo.


Este tipo de efecto nos puede resultar muy útil en ilustraciones de tipo fantástico o de cienciaficcion, y se puede lograr de una forma muy sencilla y rápida.

  • Primero tenemos que utilizar la Herramienta de mezcla, seleccionando en el apartado de Forma el modo Bilineal, y con ella creamos un degradado con la anchura que queramos utilizando como primer color el que deseemos utilizar para crear nuestras rayos y como segundo color seleccionamos el negro.
  • Una vez realizado el degradado tendremos un documento de color negro con una especie de haz de luz  que lo cruza de un extremo a otro.
  • A este haz de luz le aplicamos el filtro Cubismo del grupo de filtros Artísticos, con un Tamaño del enlosado aproximadamente de 10 y una Saturación del enlosado que no superior a 5 (para evitar que los cuadrados que genera este efecto se creen demasiado separados unos de otros)
  • Para terminar de crear los rayos de energía le aplicamos el filtro Arista del grupo Detectar bordes con una Cantidad aproximada de 5.

Con esto ya tendremos listos nuestro efecto de rayos, pero podemos mejorarlo duplicando la capa, aplicándole a la capa inferior un Desenfoque gausiano de 20 o 25 y poniendo la capa superior en el modo de fusión Pantalla o solapar.


Podemos integrar estos rayos en nuestros dibujos utilizando los modos de fusión como, pantalla, Solapar, Blanquear, Claridad suave o Clarear solo.

También podemos combinar el Degradado y el filtro Cubismo, utilizando diferentes colores y cambiando el tamaño y la saturación del enlosado, para crear curiosos efectos y texturas como los de estas dos imagenes.



sábado, 23 de octubre de 2010

¡¡¡ Fuegooo !!!

Teniendo en cuenta que este es un blog de ilustración y retoque de imágenes mediante la utilización de programas de edición digital, es fácil imaginar que el titulo de este articulo no hace referencia  a los peligros del fuego o como prevenir los incendios forestales, sino a como crear un efecto para poder dibujar llamas y fuego  mas o menos realista , dependiendo de la paciencia y el tiempo que el dediquemos.


Podemos conseguir una llama similar a la de la imagen superior utilizando solo dos herramientas de Gimp, el Pincel y la Herramienta de emborronado.

  • Lo mejor es, primero de todo, crear una capa nueva sobre la que dibujaremos la llama.
  • Seleccionamos una tonalidad de color rojo y sobre la capa nueva hacemos con el Pincel una serie de trazados de arriba a abajo dándole forma de llama (aunque no hace falta que sean muy precisos ya que la mayor parte del trabajo lo haremos con el emborronado)
  • Después dibujamos dentro de los trazados rojos una serie de trazados amarillos que partan de la base de la "llama" que acabamos de realizar (estos trazos formaran el típico resplandor amarillo)
  • Para mejorar el resultado final, antes de empezar a difuminar la llama, repetimos el paso anterior pero realizando trazados de color blanco, que serán el resplandor de nuestra llama cuando este terminada.
  • Ahora ya podemos aplicar la Herramienta de emborronado, arrastrando el ratón de dentro hacia afuera de la llama y con un movimiento de ondulación, empezando por difuminar primero solo la parte roja, luego partiendo de la parte que hemos pintado de amarillo, también de dentro hacia afuera para que los dos colores se mezclen entre si y finalmente hacemos lo mismo con la parte pintada de blanco.
  • Podemos probar a utilizar diferentes valores para el Desvanecimiento y la Tasa del cuadro de dialogo del Emborronado, lo que nos permitirá hacer difuminados mas largo o cortos según aumentemos o disminuyamos estos valores.
  • Para Mejorar el aspecto final de nuestra llama podemos darle mas brillo añadiéndole un Destello con degradado,  o duplicar la capa y aplicarle un efecto de Desenfoque gausiano, para darle un mayor fulgor.

No os preocupéis si el resultado final no queda bien a la primera, al ser un proceso muy manual, en el que la mayor parte del trabajo  se realiza "a bulto", es posible que tengáis que practicar, repetir y experimentar hasta alcanzar un resultado aceptable (es lo que me paso a mi)

Podemos utilizar este sistema para crear curiosos efectos de texto, como en el caso de la siguiente imagen.



Existen multitud de  tutoriales para realizar efectos como este, ya sea en vídeo o en texto, en un montón de paginas web, aquí os dejo la dirección de un par que me han parecido bastante interesantes:

www.solophotoshop.com

www.todo-photoshop.com


Aunque se trate de portales dedicados al Photoshop no resulta difícil aplicar la mayoría de sus tutoriales a otros programas, como Gimp.

viernes, 15 de octubre de 2010

Efectos de iluminación

Una vez mas veremos como crear sencillos e interesantes efectos Con Gimp para darle un mejor aspecto a nuestras ilustraciones, dibujos o logos.

Esta vez veremos como crear las luces y sombras en un fondo utilizando efectos de iluminación de dos formas diferentes, la primera utilizando el filtro de Gimp, Efectos de iluminación y  la segunda creándolos de forma mas personal con degradados y mascaras.

 Iluminar con el filtro Efectos de iluminación.

Este filtro se encuentra en el grupo de filtros Luces y sombras y tiene un cuadro de dialogo bastante extenso, por eso yo solo destacare las opciones mas importantes para crear una iluminación sencilla en una capa, como en esta imagen de ejemplo.



  • Para empezar partiremos de una capa que rellenaremos de color negro, y directamente le aplicamos el filtro Efectos de iluminación.
  • En la pestaña Opciones establecemos la Distancia  entre el foco de luz  y la zona a luminar (a mayor distancia mas difuso sera el efecto de iluminación)
  • En la pestaña Luz (posiblemente la mas importante) en Configuración de luz  establecemos cuantos puntos de iluminación queremos, en Tipo si queremos que sea Direccional (como si la luz viniese de un  foco que apuntase a una dirección concreta) o Punto (como la luz de u na bombilla) en esta misma pestaña establecemos el Color de la luz (en la imagen de ejemplo rojo) y la Intensidad.
  • En la pestaña Material las opciones mas importantes son Brillo, que determina la extensión de la zona iluminada y Lustre, que determina el fulgor de la luz en su zona mas cercana al origen de esta.
  • Las otras dos pestañas Mapa de relieve y Mapa de entorno sirven para determinar en que zonas de la capa a iluminar afectara mas o menos la luz ,creando previamente un canal que servirá como mapa de iluminación (es mejor no modificar nada de estas pestañas a no ser que tengamos muy claro lo que queremos hacer)


Probando con las distintas opciones he obtenido el fondo de la imagen del ejemplo y luego he creado dos capas, sobre la primera he pegado el dibujo y en la otra he creado el texto.


Crear la sombra paralela es tan sencillo como seleccionar el fondo transparente de la capa del dibujo, invertir la selección crear una capa nueva entre el dibujo y el fondo, rellenarla de negro, desenfocarla (con el filtro Desemfoque gausiano) y moverla un poco a la derecha.

Iluminación con degradado y mascaras.

Para crear el fondo de la siguiente imagen he utilizado simplemente un degradado radial y una mascara para oscurecer aun mas los bordes de la capa.



  • Con la Herramienta de mezcla creamos un degradado radial utilizando un tono caro y otro oscuro de un mismo tipo de color (en el caso de la imagen dos tomos marrones) utilizando como centro del degradado la parte de la capa que queremos que este mas iluminada.
  • Solo con esto ya tendremos un efecto de luces y sombras bastante aceptable, pero podemos mejorarlo creando una nueva capa rellenándola de negro y aplicándole una Mascara (opción Mascara del menú Capa)
  • Sobre esta mascara usamos de nuevo un degradado radial, pero esta vez que vaya de negro a blanco, y utilizando como centro el mismo del degradado anterior lo extendéis hasta el final del documento.
  • esto creara una zona transparente en la capa rellenada de negro que se ira haciendo mas visible en los extremos de la capa creando así las zonas de mayor oscuridad.
  • podemos mejorar el resultado final poniendo el modo de fusión de la capa en Multiplicar y modificando su opacidad.

Ya solo queda incluir los distintos elementos de la ilustración o logo que queramos realizar.

sábado, 9 de octubre de 2010

Fondo de escritorio original

Con los filtros y modos de fusión de capas de Gimp ya hemos visto como crear un fondo de escritorio psicodelico, en este post veremos como crear una imagen que nos puede servir como base para crear otro tipo de fondo o como textura para nuestras ilustraciones, como en esta imagen de ejemplo.



Para crear este tipo de imagenes tendremos que utilizar un par de filtros y los modos de fusión de capas.

  • Primero abrimos un documento nuevo con las dimensiones que deseemos y en su capa de fondo le aplicamos un degradado lineal con la Herramienta de Mezcla (en el caso de la imagen del ejemplo de azul caro a azul oscuro)
  • Creamos una capa nueva y le aplicamos el filtro Plasma del submenu Nubes que se encuentra en el grupo de filtros Renderizado, le damos al filtro los valores que prefiramos para crear el efecto de plasma que mas nos interese  (aunque los valores bajos darán como resultado una menor cantidad de ruido) bajamos la opacidad al 60 o 50 % y el modo de fusión de capa en Combinar granulado.
  • Creamos otra capa y aplicamos otro filtro del grupo Renderizado, en este caso Llama del submenu Naturaleza, de su cuadro de dialogo seleccionamos el Mapa de colores "gris josette" para que el resultado sea en blanco y negro y agrandamos el efecto desde la pestaña Cámara de manera que ocupe la mayoría de la pantalla.
  • A esta capa le bajamos la opacidad y la ponemos en modo Ennegrecer para que interactué con  las capas inferiores.




 
Ya tenemos un curioso efecto gráfico que podemos utilizar como textura para nuestros dibujos o como fondo de escritorio si le añadimos una capa mas en la que incluimos alguna imagen y le aplicamos algún modo de fusión que nos de un buen resultado.




sábado, 2 de octubre de 2010

Fondo de escritorio psicodelico

Bienvenidos seáis todos a un nuevo post de este blog, creado por un aficionado al dibujo, los comics y la ilustración con técnica digitales.

Hoy veremos como crear, utilizando filtros de Gimp, una curiosa ilustración psicodelica, que podemos utilizar como un llamativo fondo de escritorio.




Para conseguir desarrollar esta imagen, hay que utilizar los siguientes filtros:
  • Primero utilizaremos Ruido solido, del grupo Renderizado - Nubes, con un nivel de Detalle a 15 y el tamaño de los ejes al máximo.
  • Ahora aplicamos el filtro Viñeta del grupo Artístico, con un Radio de mascara  a 5 y un Porcentaje de negro de 1,000
  • Para crear las "fibras" que forman la base de este efecto aplicamos el filtro Desenfoque de movimiento, en el modo Acercamiento y la Longitud a 100.
  • Para mejorar el resultado repetimos este filtro, utilizando los mismos valores.
  • Como ultimo filtro aplicamos el filtro de Distorsiones, remolino y aspiración, con un Ángulo de remolino de entre 105 y 120, la Cantidad de pellizcos en 0,001 y el Radio en 1.

El resultado de todos estos efectos sera una especie de molinete en blanco y negro, que servirá como base para conseguir la imagen final.

  • Ahora duplicamos la capa.
  • La volteamos la capa duplicada con la opción Voltear hotizontal del menú Herramientas, y le cambiamos el modo de fusión a Clarear solo.
  • Unimos todas las capas haciendo clic derecho sobre las miniaturas de las capas y seleccionando la opción Aplanar imagen.
  • Para darle color a la imagen resultante utilizamos la opción Colorear del Menú Colores



Para rematar nuestra imagen también podemos cambiar los Niveles, la Luminosidad o la Saturación.

Cada vez que creemos este tipo de imagen podremos obtener un resultado diferente alterándolos valores de las distintas opciones de los filtros y clicando sobre la opción Semilla aleatoria del filtro Ruido solido (lo que creara un efecto de nubes diferente cada vez que utilicemos esta opción)