La fusion de capas

Bienvenidos a este primer post después del parón de Agosto n__n

Después de una semanas inactivos empezaremos con algo suave, con un post para recordar lo importante que es en edición y diseño digital el dominar el trabajo con capas y sus modos de fusión, algo que ya dije en otro post, allá por el noviembre del 2011.

  

Trabajar con capas nos permite poder tener diferentes elementos de una imagen separados y por lo tanto poder moverlos o modificarlos como queramos de forma individual sin alterar al resto.

Si a esto añadimos los modos de fusión de capa, que permiten que una capa interactúe con las capas inferiores, podemos lograr de forma sencilla efectos como los de la imagen superior, en el que he añadido el nombre de mi blog a la tapa de la caja de mi pluma caligráfica, utilizando el modo de fusión Ennegrecer, de manera que parece estar impreso en ella e incluso se ve alterado por el reflejo de la luz.

O como en este segundo ejemplo, donde e intentado crear algo similar a un graffiti, utilizando el modo Combinar granulado de Gimp, para que el texto parezca estar pintado sobre la textura de fondo.

Estos modos de fusión combinan los colores de las diferentes capas, creando, generalmente, sensación de oscurecimiento o de iluminación, de manera que modos como Ennegrecer, Multiplicar o Combinar granulado crean tonos mas oscuros y modos como Solapar, Blanquear o Claridad suave dan la sensación de una mayor claridad.

Podemos utilizar diferentes estilos de fusión en diferentes capas, para que los elementos que componen una imagen se adecuen al resultado que buscamos.

Así, en la imagen superior he utilizado diferentes fusiones de capa para integrar, el dibujo de la guitarra, la luz del neón y el efecto de viñeteado.

Los nombres de los modos de fusión que aparecen en este post pertenecen a Gimp, pero prácticamente todos los programas de edición digital de imágenes, como Krita o Photoshop, utilizan tipos de fusión similares, aunque con otros nombres.

Para finalizar solo deciros, como siempre, que aprender a dominar estos modos de fusión, es cuestión de practicar y experimentar y que si queréis aprender ha hacer el pájaro de papiroflexia del la tercera imagen, podéis verlo en el vídeo del siguiente link.

https://www.youtube.com/watch?v=hWPDvAxJKEU

Nos leemos n__n

Entre luces y sombras

Bienvenidos seáis todos a un nuevo post de mi blog, dedicado a la ilustración y el diseño digital n__n

En esta primera entrada de verano quisiera subir algunos de los dibujos que he hecho últimamente, para practicar con las luces y las sombras, utilizando solo grises, ya sea a lápiz, con rotuladores grises o mediante herramientas digitales como Gimp.

Para empezar aquí tenéis un contraluz, en el que la silueta esta dibujada a mano y escaneada y posteriormente el fondo y el efecto de lluvia se han añadido con Gimp.

Este primer dibujo lo hice para ver como quedaba una imagen solo silueteada, sobre un fondo gris y la siguiente para practicar con las sombras sobre un rostro, utilizando solo lápiz, sin tinta ni color de ningún tipo, intentando que las sombras se oscurezcan de izquierda a derecha.

Los otros dos dibujos están realizados también 100% a mano, pero entintándolos y utilizando rotuladores de tonos grises para realizar el sombreado.

El primero lo hice para ver como me quedaban las sombras sobre las telas, como las cortinas o la ropa que lleva la chica y es que las telas es algo con lo que nunca he conseguido dominar a la hora de plasmarlas en un dibujo.

En este ultimo dibu el fondo era mas importante que el personaje ya que trataba de que el sombreado del torreón semiderruido, las hierba o las nubes quedaran lo mejor posible.

Me siento muy cómodo haciendo este tipo de dibujos manuales, en los que solo utilizo tonos grises, ya sea con rotuladores o con aguada, así que supongo que continuare subiéndolos de tanto en tanto.

Nos vemos dentro de una semana, o dos, con mas dibujos, diseños y tutos ...

Lapiz y capas

Bienvenidos seáis una vez mas a este pequeño blog, pasad y ponéos cómodos n__n

Este sera otro de esos post en los que subo algunos de mis dibujos hechos solo a lápiz, pero esta vez incluyendo texturas o elementos reales tomados de fotografías.

Podemos utilizar texturas para mejorar nuestros dibujos a lápiz o conseguir determinados efectos, para ello lo mejor es copiar y pegar la imagen de la textura en nuestro dibujo, ponerla de fondo y poner la capa que contenga el dibujo en un modo de fusión como Multiplicar que podemos encontrar entre los modos de fusión de capas de Gimp.

Así podemos lograr efectos como los de las dos primeras imágenes de esta entrada, en las que he utilizado una textura de pergamino para la primera y otra de papel antiguo para la que podéis ver bajo estas lineas.

Podemos utilizar el mismo sistema si lo que queremos es añadir el dibujo a una fotografía, de forma similar a lo que yo he hecho en el siguiente dibujo.

Para esta imagen he fotografiado el lápiz y la goma sobre una pagina en blanco, he escaneado el dibujo y he unido ambas imágenes, como en los casos anteriores, utilizando Gimp y el modo de fusión Multiplicar en la capa del dibujo.

Es cierto que podría haber puesto el lápiz y la goma sobre el dibujo y haberlo fotografiado, para ahorrarme toda la edición con Gimp, pero por experiencia se que escanear un dibujo siempre es mejor que fotografiarlo y se consigue una mayor calidad.

Si lo que queremos es que parte del dibujo quede por debajo de determinado elemento de la fotografía, como en el caso de la rosa negra de la ultima imagen de ejemplo de este post, tendremos que utilizar, además de las capas, las mascaras y las herramientas de selección.

En este caso, después de poner la capa del dibujo en modo Multiplicar, he creado una mascara en esta capa, haciendo clic con el botón derecho del ratón y seleccionando Añadir mascara de capa, luego con paciencia he seleccionado el negro y el verde de la rosa con la Herramienta de selección difusa y con la mascara de capa activada he rellenado la selección de negro, con lo que la parte del dibujo que estaba sobre la rosa ha desaparecido, dando la impresión de que el dibujo a lápiz esta bajo la rosa.

Una vez mas, habría sido mucho mas fácil poner la rosa sobre el dibujo y hacer la foto, pero os aseguro que de esta forma el dibujo habría perdido calidad en la imagen resultante.

Halloween 2014

Bienvenidos seáis todos a esta entrada especial de Halloween n__n

Como en los últimos dos años, por estas fechas suelo colgar en mi blog una entrada especial para celebrar Halloween en la que incluyo una ilustración y un rotulo y poco mas, espero que el dibu de este año os guste.

Y que paséis un gran y terrorífico día de Halloween (O día de los muertos, como prefiráis) ....

Patrones y tramas

Bienvenidos seáis una vez mas a mi pequeño blog, pasad y poneos cómodos n__n

Después de varias entradas dedicadas al dibujo manual al 100% ya toca una enfocada a tratar la parte mas digital de la ilustración, y en esta ocasión veremos como podemos utilizar una serie de patrones con Gimp que nos permitirán crear tramas y efectos típicos del comic y el manga.

Esos patrones en blanco y negro, de los que tenéis unos cuantos ejemplos en la imagen superior, los encontrareis en la pagina de Deviantart, en la siguiente dirección web.

http://www.deviantart.com/resources/applications/gimpbrushes

En ella encontrareis un apartado llamado 108 manga tones for Gimp, que  nos proporcionara mas de 100 patrones muy útiles para realizar tramas de puntos y lineas, muy utilizados en los comics en blanco y negro, así como efectos para fondos como los de la primera imagen de este post.

Para poder instalarlos en Gimp tendremos que descomprimir el archivo y copiar los diferentes patrones en la carpeta de Gimp correspondiente, que por defecto se encuentra en la siguiente ruta.

Archivos de programa\GIMP2\share\gimp\2.0\patterns

Una vez instalados podemos utilizarlos con la la opción Relleno con patrón  de la Herramienta de relleno o del menú Editar.

Bajo este párrafo podéis ver un ejemplo de lo que se puede hacer con este tipo de tramas, cuando realizamos un dibujo en blanco y negro y queremos añadir tonalidades grises para enriquecer un poco el dibujo.

Y en el siguiente dibujo he utilizado uno de los fondos que aparecen en la primera imagen , de la manera en que suele aparecer en el manga japones.

Podéis ver como aplicar este tipo de tramas con Gimp en los post de este mismo blog del Febrero y Noviembre del 2012, así como la manera en que podemos crear nosotros mismos mas tramas mecánicas con el filtro Papel de periódico.

Halloween 2013

It´s Halloween n__n

Fanart - Los relatos de Gabriel Cruz

Bienvenidos seáis una vez mas a este pequeño blog, creado por un aficionado al diseño y la ilustración digital n__n

Este sera mi primer post dedicado a realizar ilustraciones de personajes de otros dibujantes, a modo de homenaje, es decir, lo que se conoce en el mundillo del comic como fanart.

Y en esta primera entrada de este tipo he decidido hacer un dibu basándome en uno de los personajes de un colega bloger mexicano, se trata de Juanito extraño creado por el artista Gabriel Cruz.

Podéis disfrutar de las tiras cómicas de Juanito extraño y el resto de los personajes de Gabriel, como El niño vegetal, Fenomeno , La ley de la selva, Marciano en la luna, Vida animal, o Woody warttledrum , en su blog losrelatosdegabrielcruz.blogspot.com.es

El blog se actualiza a diario ofreciendo una tira cómica distinta cada día, de cualquiera de estos personajes.

Si queréis echaros una risas no dudéis en visitar este blog.

Software libre - Krita

Bienvenidos seáis una vez mas a este blog sobre diseño y ilustración digital con software libre n__n

Y este post esta dedicado precisamente a hablar sobre un de esos programas de free software destinado al diseño y la ilustración digital (especialmente ilustración) con mapa de bits o bitmap.

En otra entradas ya he utilizado programas como Blender, Inkscape y sobre todo Gimp (mi programa de software libre favorito)

En esta ocasión quisiera explicar las virtudes un programa con unas características similares a Gimp (o photoshop, ya puestos) se trata de Krita, que hasta hace algún tiempo solo estaba disponible para el sistema Linux, pero del que ya existe una versión para Windows.

Krita tiene las herramientas comunes a la mayoría de los programas de manipulación de imágenes de mapa de bits, como la edición de los niveles de luces y sombras, balance de color, invertir colores o ajuste de brillo y contraste (aunque, por algún motivo Krita las a incluido entre los filtros)

Como no,  podemos utilizar capas, así como mascaras de capa y múltiples modos de fusión y editar los diferentes canales de color por separado.

Su interfaz es similar a la de otros programas del mismo tipo, como podéis ver en la imagen inferior, en la que he utilizado una fotografía del blog bancodeimagenesgratis.com.

En esta captura de pantalla también podéis apreciar el efecto de uno de los filtros con los que cuenta Krita, Oilpaint, que nos permite transformar una fotografía en algo similar a una pintura al oleo.

Es en el apartado de filtros, donde mas flaquea este programa, ya que son un tanto escasos y apenas cuenta con efectos de tipo artístico, estando muy lejos de lo que podemos lograr con Gimp.

Por otro lado disponemos de una gran cantidad de patrones, que podemos aplicar a nuestros dibujos y diseños, así como una considerable variedad de pinceles, con los que se pueden conseguir efectos muy profesionales, y es con estos dos elementos y con la herramienta de texto con los que esta realizada la imagen que podéis ver bajo estas lineas.

Una de sus grandes ventajas sobre Gimp es que mientas que este ultimo solo puede trabajar con archivos de 8 bits, Krita nos permite utilizar y crear imágenes de hasta 16 y 32 bits.

Krita incluye herramientas tan originales como un multipincel, con el que podemos crear trazados de una manera muy similar a como lo haríamos con un espirografo (¿alguien recuerda los espirografos?) o el trazado de curvas con el que podemos crear lineas curvas perfectas sin ninguna complicación.

Yo hace una semana escasa que lo estoy utilizando y estoy encantado con el, y lo mejor es que al ser gratuito al igual que Gimp no tenemos por que elegir entre los dos, ya que podemos tenerlos ambos instalados sin problemas, pudiendo utilizar los archivos de Gimp con Krita, ya que este esta preparado para trabajar con ficheros xcf.

Y como lo mejor para conocer un programa es probarlo uno mismo, aquí os dejo la dirección de su web oficial.

www.krita.org

Desde el apartado de descargas de su pagina podéis bajaros el únicamente el  Krita o la suite Calligra que incluye, además, un paquete de aplicaciones ofimáticas similares a Openoffice y un programa de diseño vectorial llamado Karbon.

Truconsejos - Outline coloreado

Bienvenidos seáis una vez mas a este blog de dibujo y diseño digital con programas de software libre ^^

Con este post os traigo un nuevo truconsejo, en este caso de dibujo digital, sobre como podemos colorear el outline (es decir los trazados) de nuestros dibujos, lo que puede mejorar el aspecto final de nuestras obras.

La palabra outline es un anglicismo que hace referencia a los trazados a lápiz o tinta de un dibujo, es decir el dibujo en si, sin color, tramas o tonos grises para crear sombreado.

Estos trazados pueden colorearse con un programa de ilustración digital como Gimp, de forma sencilla,  aunque dedicándole un poco de tiempo y paciencia.

Para ello, una vez escaneado el dibujo, primero tendremos que aplicar el color a la ilustración de forma normal, ya que es mejor colorear el outline una vez este coloreado el resto del dibujo.

Cuando ya tengamos el proceso de coloreado "normal" acabado ya podremos aplicar el color a los trazados, para ello primero tendremos que seleccionarlo, lo que podemos hacer clicando con el botón derecho del ratón sobre la capa en la que se encuentren los trazos a tinta y seleccionar la opción Alfa a Selección.

Ahora el outline esta seleccionado y podriamos empezar a colorearlo, pero es posible que los bordes de la selecion no nos permitan ver bien la zona que queramos colorear, asi que lo mejor seria hacer esta selecion invisible, esto lo podemos hace desactivando la opcion Mostrar seleccion del menu Ver, que por defecto se encuentra siempre activada.

Si hacemos esto no podremos ver los limites de la selección, pero esta sigue estando activa y cualquier cosa que hagamos en la ilustración solo afectara a la zona seleccionada, es decir, que si aplicamos un color solo pintaremos sobre la selección, en este caso sobre los trazados.

Y ahora que ya podemos colorear el outline sin problemas solo hay dos cosas que tenemos que tener en cuenta, la primera en que tendremos que utilizar un color mas oscuro del que tenga la parte del dibujo en la que se encuentra el trazado (podemos pintar con un tono mas claro, pero el resultado quedara un  tanto extraño) y la segunda es que en las zonas donde el trazado separe dos colores lo pintaremos con un tono de la zona que quede mas arriba, así por ejemplo, los tazados del pelo o la ropa que estén tocando la piel los pintaremos con un tono mas oscuro del que hemos utilizado para el pelo o la ropa, por que estos quedan por encima de la piel (tenéis un buen ejemplo de esto en la primera imagen de este post)

Este trazado coloreado se aprecia mas en las ilustraciones donde hayamos utilizado unos tonos claros, ya que si la ilustración es mas bien oscura, como la que tenéis encima de estas lineas, el color del trazado ha de ser tan oscuro que a penas se notan los matices entre los diferentes colores que le apliquemos al outline.

Dar color a los trazados de un dibujo puede ser muy laborioso, ya que tenemos que hacerlo todo o casi todo de forma muy manual, pero con practica y paciencia iremos logrando unos resultados que nos harán ver que resulta mucho mejor hacerlo así que no dejar simplemente el dibujo con los trazos de tinta negros.

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)

Las capas y el color

Veamos cómo colorear con Gimp a la chica de este dibujo, utilizando diferentes capas para trabajar.

 

• En el momento en el que abramos el documento este tendrá una sola capa. Esta será la capa que Gimp asignara por defecto como “Fondo”, y a la que podemos renombrar como, por ejemplo, “Trazado” (En algunos manuales veréis que a esta capa se la denomina usualmente “Outlines”, que es el anglicismo con el que los profesionales se refieren a las líneas de entintado de un dibujo)

• Ahora crearemos una capa que utilizaremos para el color, lo mejor es que este debajo de la capa que contiene el dibujo original, para eso solo hay que pinchar sobre la miniatura de la capa nueva y arrastrarla debajo de la capa del trazado.

• Antes de empezar a pintar tenemos que modificar la capa en que se encuentran los trazados para que podamos ver lo que hay bajo ella. Esto lo podemos hacer de dos formas, borrando el color blanco y dejando solo el trazado negro del dibujo (mediante la herramienta de selección de color) o, de una forma mucho más fácil, ajustando el modo de la capa en “multiplicar”, con este modo de fusión de capas los colores de la capa se solapan con los de las capas inferiores (en el caso de una capa en la que solo hay blanco y negro, como es el caso, el color blanco se hará transparente y solo dejara ver el negro de las líneas del dibujo)

• Ahora podemos empezar a seleccionar las diferentes zonas del dibujo en la capa de trazados, con la barita mágica, y pintando esa zona en la capa del color. Para poder seleccionar solo las partes del dibujo que queramos pintar con un determinado color, como la cara o el pelo, el trazado tiene que estar completamente cerrado, ya que de lo contrario se seleccionaran zonas que no queramos.

• Después de aplicar el color tendremos que hacer el sombreado, la forma más fácil es crear una capa nueva sobre la capa en la que tenemos el color, poner esta capa también en modo “multiplicar” y pintar en ella las sombras con un color gris, con lo que conseguiremos oscurecer el color de fondo, como lo haría una sombra en el mundo real.

Hasta aquí tendríamos el coloreado más básico. Ahora podemos seguir añadiendo capas para crear el resto de elementos, como los detalles del fondo, los brillos de la luz o añadir algún elemento en primer plano.

Aquí tenéis una pequeña animación donde podéis ver cómo, partiendo del dibujo original, irán apareciendo las diferentes capas que he utilizado, hasta llegar al resultado final.