sábado, 29 de enero de 2011

¡ Que asco !

Una vez mas bienvenidos seáis a este pequeño blog sobre ilustración digital.

Quizá os haya sorprendido el titulo de este articulo, pero es que en este post voy a explicar como conseguir, con Gimp, un curioso efecto que como podréis ver por la siguiente imagen da como resultado algo que solo podría definirse como "una sustancia viscosa y asquerosa"


Este efecto "gore" lo podemos conseguir partiendo de un documento en blanco y simplemente aplicandole tres filtros.
  • Primero de todo aplicamos el filtro Ruido solido que se encuentra en el submenu Nubes del grupo Renderizado, con el Detalle a 1 Y el Tamaño de X - Y a 16, y hacemos clic en Nueva semilla (para que nos cree una imagen diferente cada vez que lo utilicemos)
  • Antes de aplicar el siguiente filtro tenemos que dar color a nuestro efecto (ya que Gimp al contrario que Photoshop solo permite crear nubes en blanco y negro) para ello creamos una capa nueva, la rellenamos con el color que queramos, ya sea con el Pincel, la Herramienta de relleno o mediante la opción Rellenar con el color de frente del menú Editar, luego ponemos la capa en modo Multiplicar y aplanamos la imagen, haciendo clic con el botón derecho sobre la miniatura de la capa y seleccionando Aplanar la imagen.
  • Ahora aplicaremos el filtro Arista del grupo Detectar bordes, con las opciones de Algoritmo Sobel, Cantidad entre 6 y 8 y la casilla Manchar activada.
  • El siguiente filtro que hay que aplicar Warp effect que se encuentra en el submenu Artistic del menú Fx-Foundry con las opciones Highlight balance y Edge Amount entre 3 y 4.
Este ultimo filtro no se encuentra inicialmente entre los filtros de Gimp, así que hay que bustarlo en internet y instalarlo.

De no poder encontrarlo se puede conseguir un resultado similar, e incluso mejor, utilizando el filtro Relief light que se encuentra en el grupo Lights & shadows del paquete de filtros G-mic, que podéis descargar e instalar de su pagina web.


Este filtro tiene un dialogo mucho mas complejo que el anterior, con lo que nos permitirá obtener diferentes resultados dependiendo de como ajustemos sus diferentes potenciometros (como siempre suelo decir en estos casos, investigad, probad diferentes combinaciones y practicad)

La primera imagen de este post estaba hecha con el filtro Warp Effect, mientras que el siguiente ejemplo esta realizado utilizando G-mic.

 
Los dos filtros dan un resultado muy similar, pero G-mic nos permite ajustar mas determinadas opciones como el relieve o la Iluminación así como otros datos que nos permitirán obtener una imagen final menos "orgánica" y mas "pringosa"

Para terminar os dejo una imagen en la que he utilizado este efecto para crear el cartel de promoción de un supuesto ciclo de películas de terror.


sábado, 22 de enero de 2011

Vectorizar una imagen Bitmap

Bienvenidos seáis todos a un nuevo post de este Blog, creado para aficionados a la ilustración digital, por un aficionado a la ilustración digital.

Esta vez voy a explicar el funcionamiento de una herramienta del programa de diseño vectorial Inkscape (programa similar al Illustrator de Adobe, pero gratuito), que puede resultar muy útil para trabajar con ilustraciones y sobre todo fotografías, permitiéndonos conseguir unos resultados sorprendentes, que podemos editar y mejorar posteriormente con programas como Gimp.

Se trata de la opción Vectorizar mapa de bits, que se encuentra en el menú Trazados, y que como su nombre indica nos permite convertir en vectores los archivos de imágenes Bitmap (con los que trabajan programas como Photoshop o Gimp)

para poder utilizarlo tendremos que importar primero una imagen en mapa de bits, posteriormente seleccionamos esta herramienta y aparecera el siguiente cuadro de dialogo.

La pestaña Opciones cuenta con tres casillas que podemos activar y ajustar:
  • Eliminar motas, que nos permite eliminar pequeños de talles de la imagen.
  • Suavizar bordes, para crear unos trazados mas o menos redondeados.
  • Optimizar trazos, que nos permite crear una imagen final con una mayor o menor  cantidad de trazados.
Estas opciones tendremos que ajustarlas antes de empezar a trabajar con la imagen, y los valores que establezcamos dependerán del lo fiel que queremos que el trazado de vectores sea la imagen original y de la potencia de nuestro ordenador (lo mejor es hacer algunas pruebas con una imagen pequeña que no tenga mucha resolución y ver lo que tarda nuestro equipo en realizar todo el proceso)

Una vez ajustadas a nuestro gusto las opciones podremos pasar a la pestaña Modo y empezar a trabajar realmente con nuestras imágenes.

Esta pestaña esta dividida en dos partes, la primera, Pasada simple, nos permite crear imágenes en Blanco y negro, de tres formas diferentes:
  • Corte de luminosidad crea una imagen de luces y sombras similar a la opción Umbral de Gimp
  • Detección de bordes delimita los contornos de la imagen
  • Reducción de colores reduce los colores de la imagen a la cantidad que indiquemos en la casilla colores y creara diferentes contornos negros (el resultado de esta opcion puede ser muy desconcertante)
En la siguiente imagen  de muestra podéis ver la fotografía original y el resultado después de haber aplicado las tres opciones, reducir la opacidad de la tercera y añadir un degradado.


Las opciones de Pasadas múltiples, nos permite crear barios trazados con diferentes escalas de grises o colores:

  • Pasos de luminosidad y Grises dan como resultado una imagen en escala de grises, pero el primero utiliza diferentes grados de opacidad y el segundo convierte la imagen de color a Blanco y negro.
  • Colores crea una imagen con la cantidad de colores que le indiquemos en la casilla Pasadas, a mas pasadas mayor cantidad de colores y mayor tiempo de espera para que Inkscape termine de vectorizar la imagen.
Para esta imagen de ejemplo he utilizado la opción Colores con 8 pasadas.

La mejor manera de dominar esta herramienta es practicar con ella, realizando pruebas con fotografías de caras, personas y paisajes, estudiar los resultados que obtenemos y pensar como podemos mejorarlos (ya sabéis, paciencia, mucha paciencia)

Para finalizar os dejo esta imagen en la que después de utilizar Inkscape para vectorizar una fotografía mía la he exportado de nuevo a bitmap para editarla con Gimp y darle un aspecto de pirograbado utilizando un fondo con un motivo de madera y el filtro Añadir bisel.


Podeis descargaros el programa Inkscape desde la pagina web de su desarrollador:


sábado, 15 de enero de 2011

El pincel califrafico

Bienvenidos seáis todos una vez mas a este blog sobre dibujo e ilustración digital.

En este post me gustaría hablar de una herramienta que puede resultar muy útil tanto para conseguir una buena caligrafía como a la hora de entintar nuestros dibujos, me refiero a la pluma caligráfica, que es básicamente una pluma estilográfica, pero con la punta biselada.


Entintando un dibujo con este tipo de pluma obtendremos unos resultados muy similares a los que conseguiríamos haciendo un entintado con plumilla o pincel, pero con la ventaja de que resulta mas cómoda de manejar y utiliza cartuchos desechables, con lo que no tenemos que depender constantemente de tener un tintero cerca.

La punta biselada hace que el trazo sea diferente dependiendo del ángulo y la forma en que sujetemos la pluma, con lo que podremos conseguir unos resultados mucho mejores que utilizando solo rotuladores.

El equivalente en un programa de retoque digital, como Gimp o Photohoshop, son los pinceles caligráficos.


Este tipo de pinceles nos pueden resultar muy útiles si queremos realizar un rotulo dándole un toque mas personal del que conseguiríamos utilizando una fuente de texto, puesto que si lo escribimos pintando con un pincel caligráfico en lugar de teclear el texto el resultado final resultara único, ya que dependera enteramente de nuestra caligrafía


Esto resulta mucho mas sencillo de hacer si se tiene una tableta con un pen digital, aunque se pueden conseguir unos resultados sorprendente simplemente con el ratón si tenemos un mínimo de paciencia y practicamos un poco.

Después de dibujar el texto solo es cuestión de embellecerlo seleccionándolo con la herramienta de Seleccionar por colores, y aplicándole filtros como Añadir bisel o Añadir borde, para darle una sensacion de relieve o Sombra arrojada, para crear facilmente un efecto de sombra bajo el texto, también podemos aplicarle un de gradado para que el rotulo no sea de un color uniforme.


Esto son solo algunas sugerencias, las posibilidades si usamos un poco la imaginacion y la creatividad son realmente infinitas.


viernes, 7 de enero de 2011

Efecto Bokeh

Bienvenidos seáis todos a este mi primer post del 2011.

En este articulo explicare como conseguir con Gimp el efecto de desenfocado y reflejo de luz que los fotógrafos llaman efecto Bokeh, como el de la siguiente fotografía de ejemplo.


Este efecto puede resultar muy útil no solo para embellecer fotografías, desenfocando el fondo y añadiendo los efectos de "reflejos de lente", sino también para crear interesantes efectos que nos pueden servir como fondo para un banner o una presentación multimedia (de tipo Powerpoint o Impress)
En esta imagen he partido de un simple degradado con dos tonos de azul y he añadido varias capas con este efecto, utilizando luego distintos grados de desenfoque y de modos de fusión de capas.


En este post me centrare en como aplicar este efecto en nuestras ilustraciones y diseños, para lo que primero de todo tendremos que definir un pincel con el que crear los efectos de reflejos de luz.

  • Primero de todo abrimos un archivo nuevo con un tamaño de unos 200 o 300 pixels tanto de alto como de ancho.
  • Creamos con la herramienta Mover y clicando en la regla, una guia horizontal y otra vertical en la mitad del documento, de manera que se cruzaran justo en el centro.
  • Utilizando estas guias creamos una selección circular que parta del centro y ocupe casi todo el documento y la rellenamos de blanco con una opacidad al 50%
  • Luego creamos un borde de 2 pixels, Con la herramienta  Borde del menú Selección y lo rellenamos de nuevo de blanco, que al superponerse al blanco del circulo quedara mas opaco.
  • Ahora solo tenemos que guardarlo como un pincel o utilizar la opción de Copiar del menú Edición para poder hacer uso de esta imagen como un pincel mas (como ya explique en uno de mis posts anteriores)

Antes de empezar a trabajar con este pincel tendremos que cambiar su dinámica, lo que conseguiremos en la Caja de herramientas, seleccionando la herramienta Pincel y la opción Dinámica de pincel.

Aquí tendremos que desactivar la opción que aparece por defecto y activar las opciones Opacidad, Dureza y Tamaño de la fila Aleatorio (la ultima de todas)

De esta manera cada vez que usemos el pincel obtendremos un resultado diferente en transparencia y tamaño, siendo el tamaño máximo el que tengamos establecido.

Ahora sobre la fotografía , ilustración o fondo sobre el que queramos trabajar solo tenemos que crear una capa nueva y ir clicando para obtener los círculos que simulan el reflejo de luz en la lente de una cámara fotográfica hasta que quedemos satisfechos con el resultado final (si algún circulo quedara demasiado opaco no tenemos mas que pulsar Ctrl + Z para deshacer la ultima acción y seguir trabajando)

Podemos crear dos o tres capas diferentes con diferentes tamaños de pincel y luego aplicarles un modo de fusión como Pantalla o Solapar y un grado de Desenfoque Gausiano deferente a cada una de ellas.

Para finalizar os dejo dos imagenes mas de muestra, en la primera he añadido este efecto a un rotulo y en la segunda a una ilustración.