Tutorial: Diseño gráfico estilo cómic

Tutorial: Diseño gráfico estilo cómic

Oye diseñadores, ¿quieres conocer al equipo de Go Media? Asiste a nuestro retiro de diseño de tres días con todo incluido, WMC: Off-The-Grid, del 5 al 7 de octubre. Para obtener más información, dirígete a wmcfest.com.

A menudo nos preguntan por el proceso de creación de nuestros folletos y carteles ilustrados. Intentaré daros un tutorial claro sobre cómo nuestros diseñadores gráficos de Ohio crean nuestras ilustraciones y las convierten en folletos o carteles. Nuestro producto final será este volante que fue creado para nuestra reciente muestra de arte Go Media Inc.:

Antes de entrar en una cantidad insana de detalles quiero darles un rápido vistazo al proceso:

1. Dibujar con lápiz sobre papel.
2. Tinta tu obra de arte a lápiz.
3. Escanea tu obra de arte a 300 dpi.
4. Crea una segunda copia de la obra de arte a 150 dpi.
5. Cree una capa de color justo debajo de la obra de arte (configure la capa de la obra de arte para que se multiplique)
6. Coloree su obra de arte.
7. Borre la capa de la obra de arte, y devuelva la capa de color a 300dpi
8. Abra la obra de arte original a 300dpi y péguela encima de la capa de color.
9. Aplanar la imagen y guardarla.
10. Importar la imagen a su software de diseño
11. Añadir texto y gráficos
12. Exportar el diseño final.

Paso 1. Dibujar con lápiz sobre papel. El primer paso es el dibujo a lápiz. Podría escribir una novela sobre cómo dibujar, pero este tutorial se centrará en el proceso de los pasos que se necesitan para pasar del dibujo a lápiz a la obra de arte comercial terminada y diseñada.

Herramientas que necesitarás:

Papel: Yo utilizo un Bristol con acabado de plancha. Este tipo de papel es lo suficientemente pesado como para soportar una gran cantidad de borrado. También es lo suficientemente grueso como para no arrugarse cuando estés en la fase de entintado de este proceso.

Lápiz: Yo uso un portaminas como el KOH-I-NOOR Technigraph 5611 Lead Holder. Este tipo de portaminas contiene un trozo de grafito muy grueso que se afila y se utiliza de forma similar a un lápiz real, excepto que es mejor.

Eraser: Yo uso la goma de borrar Staedtler Mars Plastic. Y una goma de borrar Sanford Tuff Stuff.

Creo que es importante mantenerse bastante suelto cuando se está en la fase de dibujo a lápiz. Empieza con formas básicas, mantén tus líneas bastante ligeras y cuando empieces a ver la forma que buscas puedes centrarte y «apretar» tu dibujo.

Aquí tienes una muestra de un dibujo a lápiz bastante suelto:

Aquí tienes una muestra de un dibujo a lápiz bastante apretado:

Una palabra de ánimo sobre el dibujo: Creo que la mayoría de los ilustradores son demasiado duros consigo mismos. Esperan sentarse con un trozo de papel y dibujar exactamente lo que tienen en su mente la primera vez. En mi opinión, esto es casi imposible. Dibujar es un proceso que lleva mucho tiempo. Me gusta hacer una analogía entre un buen bateador en béisbol y un buen ilustrador. Un gran promedio de bateo en las grandes ligas es «.300». Esta media de bateo significa que se consiguen 3 de cada 10 hits, o que se consigue un hit el 30% de las veces. Creo que ésta es una expectativa razonable para un artista. Si puedo conseguir 3 dibujos decentes de cada diez intentos, me siento bastante bien conmigo mismo.

Así que relájate mientras estás en la fase de dibujo a lápiz de este proceso. Consigue una gran pila de papel y relájate, dibuja mucho y no te preocupes por los bocetos «malos», simplemente échalos a un lado y vuelve a empezar.

Aquí está nuestro dibujo a lápiz acabado y apretado:

Paso 2. Entintar tu obra de arte a lápiz. El segundo paso es entintar el dibujo.

Herramientas que necesitarás:

Pincel de pintura o pluma de cuervo: En realidad uso un pincel muy pequeño (como un #1, #2 o #3).

Tinta china: Algunas tintas indias son más gruesas que otras. A mí me gusta una tinta china bien espesa. He tenido éxito con Higgins Waterproof Black India Ink.

Marcador: cualquier marcador negro resistente al agua debería servir.

Aquí hay una muestra del pincel que uso: Es un pincel normal de pelo de camello #0 Windsor & Newton. También he tenido mucho éxito con los nuevos pinceles de nylon sintético o de fibra de poliéster. Tambien notaras que enrollo cinta de enmascarar alrededor del pincel cerca de la punta. Lo hago para conseguir un mejor agarre de la brocha. Siento que tengo un mejor control sobre la punta con este mango extra.

Las áreas grandes de negro las relleno con un rotulador.

Aunque puedes entintar con bolígrafos mecánicos y rotuladores, creo que es importante utilizar bolígrafos de tinta de cuervo o pinceles porque te da la posibilidad de variar el grosor de tus líneas. En algunos puntos querrás empujar hacia abajo y crear líneas gruesas y en otros querrás levantar para hacer líneas muy finas. Experimenta con esto para ver qué funciona.

Un par de consejos sobre esto: Primero, puedes crear más profundidad en tu dibujo haciendo esto. Los objetos de tu dibujo que están más cerca de ti deben dibujarse con líneas más gruesas. Los objetos que están en el fondo deben dibujarse con líneas más finas. Esto creará una sensación de profundidad en su dibujo.

También – si hay puntos brillantes – por ejemplo, una fuente de luz está detrás de un objeto, y la fuente de luz está justo sobre el borde de sus objetos – el contorno de este objeto podría realmente adelgazar hasta el punto en que se detiene, hay una brecha, entonces la línea comienza de nuevo.

Después de mojar el pincel en la tinta china, a veces hay demasiada tinta en él, así que lo golpeo en el pozo de tinta, o dibujo unas cuantas líneas en un trozo de papel antes de pasar a mi dibujo.

También es importante que estés usando el papel correcto. La tinta china se extiende como un loco en algunos papeles. Consigue algunas variedades de papel Bristol y experimenta. A mí me parece que un Bristol grueso y liso o con acabado de plancha es el mejor.

Si tienes zonas grandes que necesitas «rellenar», te sugiero que utilices un rotulador negro resistente al agua.

Una vez que has terminado de entintar tu dibujo, suelo esperar al menos una hora antes de volver a borrar mis líneas de lápiz. Utilizo la misma goma de borrar de plástico y la paso por todo el dibujo. Si la tinta no está seca, se manchará, así que dale mucho tiempo. Una vez que la tinta esté seca, deberías poder borrar con seguridad todo el papel y el lápiz desaparecerá y la tinta permanecerá.

Paso 3. Escanee su obra de arte a 300 dpi. Una vez que tu obra de arte en blanco y negro esté completa, tendrás que pasarla a tu ordenador para colorearla.

Herramientas que necesitarás:

Ordenador: A partir de aquí trabajarás en un ordenador. Te recomiendo una estación de diseño potente, pero obviamente tendrás que trabajar con lo que tengas disponible. Si tu arte es pequeño un ordenador sencillo debería estar bien. Pero si estás trabajando a una escala muy grande – necesitarás poder de procesamiento para manejar el tamaño del archivo.

Escáner: Realmente me gustaría tener un escáner de gran formato. Eso me haría la vida mucho más fácil. Pero sólo tengo un escáner de 8,5×14 pulgadas. Esto normalmente significa que tengo que escanear mis obras de arte en pedazos y coserlos juntos. Esto puede ser un poco de un dolor en el culo.

Adobe Photoshop o Corel Painter: Personalmente uso Adobe Photoshop pero creo que Painter es probablemente mejor. Utilizo Photoshop porque es el programa con el que aprendí y con el que estoy más familiarizado.

Coser las obras de arte. Como a menudo tengo que escanear mis obras de arte por partes, ya que son demasiado grandes para mi escáner, te recomiendo que utilices estos consejos:

1. Alinea un borde de tu papel con el borde de la superficie de escaneo. Una vez que haya escaneado una parte, deslice el arte manteniendo un borde de su arte alineado con el borde. Esto evitará que su arte gire, por lo que coserlo será más fácil.
2. Escanee su arte a 300 dpi. Esto es alta resolución o resolución de «impresión». Normalmente reduzco la obra de arte más tarde, pero es mejor empezar con demasiada resolución que con muy poca.
3. Cose tu obra de arte juntando todas las piezas en un lienzo grande y alineándolas. Si configuras cada capa de la imagen en «multiplicar», será más fácil alinearlas.

Una vez que tengas tu imagen en blanco y negro escaneada en el ordenador y cosida en una sola pieza de arte, tendrás que cambiar el tamaño de la imagen al tamaño final que quieras para tu obra de arte. En este arte vamos a hacer un folleto de 4 «x9». Por lo tanto, reduciremos la obra de arte a 4″ y añadiremos lienzo adicional para que el tamaño final de nuestra obra de arte sea de 4 «x9».

*Si va a añadir gráficos y texto por encima o por debajo de su obra de arte – es posible que quiera tomarse un momento y hacer un boceto de cómo va a diseñar sus gráficos ahora. Si, por ejemplo, quieres añadir un título de texto encima de tu ilustración, ¿cuánto espacio vas a necesitar? De este modo, tendrás suficiente arte de fondo para utilizarlo cuando pases a la fase de diseño.

Aquí tienes el arte final escaneado:

Paso 4. Cree una segunda copia de la obra de arte a 150 dpi. Guarde una copia de su obra de arte en blanco y negro a 300 dpi. Guárdela, la necesitará más adelante. A continuación, cree una segunda copia de esta ilustración a 150 dpi. Este es el archivo que vamos a utilizar para colorear. Usted va a colorear en esta resolución más baja porque es más fácil en su computadora.

Paso 5. Crear una capa de «color» justo debajo de la obra de arte. Las capas de Photoshop deben estar configuradas así:

Capa superior: Su obra de arte en blanco y negro. (configure esta capa en «multiplicar» para que pueda ver el color detrás de su arte de línea): Capa en blanco que se utilizará para colorear (también se establece en multiplicar)

Capa de fondo: Blanco.

Paso 6. Colorea tu obra de arte. El proceso de colorear es un tema muy complejo. No voy a poder entrar en todos los detalles de la coloración, pero aquí hay algunos consejos:

Rellene las formas principales con un color que tenga un valor medio (ni muy brillante, ni muy oscuro – en algún lugar en el medio.) A continuación, volver y añadir las sombras y los puntos brillantes de este color de valor medio.

Cambia a la capa de tu obra de arte, utiliza tu Varita Mágica para seleccionar un área de tu obra de arte que quieras colorear, luego vuelve a tu capa de color para pintar tu color. De esta manera puede colorear sin temor a salirse de las líneas»

Puede ser una buena idea hacer sus colores sólidos en una capa, sus sombras en otra capa, y sus luces en otra. Y en general, mantener las cosas en capas puede ahorrarte problemas a largo plazo en caso de que quieras cambiar las cosas.

Tenga una estrategia general de color al iniciar este proceso. A menudo empiezo con una paleta de colores bastante limitada y trabajo sólo a partir de ella. Muchos de mis colores parecen casi monocromáticos porque utilizo una paleta de colores tan limitada. Esto es una especie de trampa, pero admito que no soy el mejor colorista.

También puede utilizar fotografías en su proceso de coloración para añadir textura.

Paso 7. Elimina la capa de arte, y devuelve la capa de color a 300dpi. En este punto, su documento debe tener sólo las capas que con los colores – sin obras de arte. A continuación, devuelva su imagen a 300dpi..

Paso 8. Abra la obra de arte original de 300dpi y péguela encima de la capa de color. Este es su archivo original de arte en blanco y negro que guardó a 300dpi y puso a un lado. Seleccione la ilustración y péguela sobre su imagen en color. Establezca la nueva capa de la obra de arte que debe estar en la parte superior a «Multiplicar»

Paso 9. Aplanar la imagen y guardarla. Esto debería ser auto-explicativo. ¡Su obra de arte está hecho! Enhorabuena.

Paso 10. Importar la imagen en su software de diseño. Yo personalmente uso Adobe Illustrator, creo que es el mejor. Pero puedes usar Freehand o Corel Draw. Utilice la función «colocar» para importar su obra de arte en su archivo de Illustrator.

Paso 11. Añade texto y gráficos. Añada texto y gráficos vectoriales a su imagen como haría con cualquier fotografía.

Paso 12. Exporta el diseño final. Eso es todo, ¡has terminado!
Sé que este tutorial no entró en todos los detalles que uno podría pensar, pero quería dar a la gente una comprensión general del proceso de cómo creamos nuestros diseños ilustrados. Entendemos que hay muchos aspectos para dibujar, ilustrar y colorear. Podríamos pasarnos todo el día escribiendo sobre los entresijos de todo ello. Ten en cuenta que ésta no es la única manera de hacer este tipo de trabajo. Es sólo un proceso que a mí me funciona. Puede que descubras atajos u otros métodos y te animamos a experimentar. Si tienes alguna duda, ¡pregunta!