Crea un dibujo digital de un zombi desde cero en Adobe Photoshop
Spanish (Español) translation by Lourdes Lopez Jimenez (you can also view the original English article)



Nuestro resumen, como debemos aceptarlo, es:
"Crea la caricatura de un zombi e incorpora la letra Z."
Los zombis son geniales, y casi es Halloween, así que por supuesto. Como un reto extra usare solo dos pinceles.
Para hacer la caricatura de un zombi muy funky voy a cubrir mi proceso de tomar un resumen hasta el final, con consejos y trucos en el camino incluyendo la maravilla que son las máscaras de recorte. También te enseñaré la importancia de hacer bocetos, llevar un esbozo a un final escalofriante, trucos de lineart, y una pizca de teoría del color.
Voy a usar imágenes de Photodune y DeviantART como referencia de poses espeluznantes de no muertos.
Recursos del Tutorial
Los siguientes recursos fueron usados durante la producción de este tutorial.
Fotos stock de DMacstudios
Fotos stock de Photodune
Otros recursos:


1. Configuración del documento
Paso 1
Para esta ilustración vamos a configurar la zona de trabajo para imprimir. Queremos tener el tamaño de un A3 asi que en el menú desplegable Nuevo Documento (Archivo > Nuevo o Control-N) pondremos:
- Anchura a 3,508 px
- Altura a 4,961 px
- Resolución a 300 dpi (el estándar Puntos Por Pulgada para imprimir)
El Modo de Color será CMYK ya que vamos a imprimir este documento. Aunque, si tu dibujo no es para imprimir pon entonces el Modo de Color en RGB.


Paso 2
Para prevenir que creemos el dibujo muy cerca del borde donde puede cortarse, crea una zona de seguridad de 100 pixeles (px) usando Guías.
Abre el menú desplegable Guía Nueva yendo a Ver > Guía Nueva donde vamos a crear cuatro guías. Para cada guía tendras que reabrir el menú desplegable Guía Nueva.


- Vertical 100 px después click OK
- Horizontal 100 px después click OK
- Horizontal 4,861 px (altura del documento menos 100 px) después click OK
- Vertical 3,408 px (anchura del documento menos 100 px) después click OK


Selecciona el margen con la Herramienta Marco Rectangular (M) y mantén pulsado Shift para seleccionar los cuatro lados. Puede ser útil tener Ajustar habilitado (Vista > Ajustar) y asegúrate de que Ajustar a > Todo esta seleccionado.




Control-D para Deseleccionar el área, luego ve a Vista > Borrar Guías para eliminar las guias azules. Me gusta más crear un margen gris que usar guías, porque incluso con ajustar desactivado, el pincel puede acabar ajustándose a las guias, creando unas líneas rectas indeseadas.


2. ¿Qué es un Zombi? Definición Breve de nuestro Dibujo
Para esto tenemos un resumen muy sencillo :
"Crea la caricatura de un zombi e incorpora la letra Z."
De acuerdo con Wikipedia un Zombi es "un cadáver resucitado a través de la magia, tal como la brujería. El concepto se ha asociado popularmente con la religión Vudú, pero no toma parte en ninguna de las prácticas formales de la fe."
¿Pero qué nos dice esto? ¡Necesitamos crear un cadaver andante! Si te refieres a la cultura popular, tenemos una visión bastante esteorotípica de los zombis. Quejosos cuerpos animados con articulaciones deformadas, gimiendo siniestramente, a menudo con heridas abiertas y señales de descomposición. Películas tales como Posesión Infernal, Zombies Party (Una noche... de muerte), 28 Días Después y Amanecer de los Muertos, y juegos como Silent Hill, Left4Dead y Plants vs. Zombies probablemente son nuestra visión típica de los zombis.
Colecciona Referencias Basadas en la Descripción de Zombi
Para nuestro zombi he encontrado algunas imágenes de referencia fantásticas en DeviantArt y Photodune para poses y anatomía. El área del zombi con la que necesitaré más ayuda sería el cráneo, así que esperé hasta que el boceto fue elegido a partir de algunas imagenes de referencia de mi modelo de cráneo. Si vas a crear retratos y personajes es una gran idea tener un buen conocimiento de anatomía estudiando la forma humana; las clases de dibujo en persona son excelentes para esto. Encuentro muy útil tener un modelo de cráneo en mi escritorio, especialmente si tengo que practicar un ángulo complicado de la cabeza. ¡Hay muchos sitios de imagenes stock que tienen cráneos en todos los ángulos si no puedes gratificarte con un cráneo en tu escritorio todos los días!
3. Pinceles
Aqui están los dos pinceles que vamos a usar para este tutorial. El primero es el Pincel Circular Definido Personalizado. Aquí están mis ajustes.
Ajustes del Pincel Circular Definido Personalizado
Presiona F5 para abrir el menú desplegable Pincel.
Usa un Pincel Estándar Duro
- Dureza al 100%
- Espaciado al 1%


Dinámica de Forma
- Variación del tamaño 0% con Control en Presión de la Pluma
- Diámetro mínimo 70%
- Variación del ángulo 0%; Control Desactivado
- Variación de la redondez 0%; Control Desactivado


Transferencia
- Variación de la opacidad 0%; Control Presión de la pluma; Mínimo 0%
- Variación del flujo 0%; Control Presión de la pluma; Mínimo 0%


Guarda después tu pincel presionando Crear Pincel Nuevo en la parte inferior derecha del menú desplegable Pincel.


El segundo es el Pincel de Borde Suave Personalizado. Aquí están mis ajustes.
Ajustes de Pincel de Borde Suave Personalizado
Presiona F5 para abrir el menú desplegable Pincel.
Usa un Pincel Estándar Duro
- Dureza al 0%
- Espaciado al 1%


Dinámica de Forma
- Variación del tamaño 0% con Control en Presión de la pluma
- Diámetro mínimo 70%
- Variación del ángulo 0%; Control Desactivado
- Variación de la redondez 0%; Control Desactivado


Transferencia
- Variación de la opacidad 0%; Control Presión de la pluma; Mínimo 0%
- Variación del flujo 0%; Control Presión de la pluma; Mínimo 0%


Guarda después tu pincel presionando Crear Pincel Nuevo en la parte inferior derecha del menú desplegable Pincel.


4. Esbozar la Composición
Esbozar es genial, la forma rápida de probar una composición antes de empezar a trabajar. Los bocetos son pequeños cuadrados o rectángulos hasta establecer la orientación de tu documento. En estos puedes esbozar rápidamente poses y composiciones para ver cual es el mejor uso del espacio y cual pieza tiene la mejor silueta.
Paso 1
Debajo he creado nueve rectángulos y esbozado una "Z" en cada uno, ya que este es el objeto central de la pieza. Luego usando formas irregulares, simples he hecho algunas poses basadas en las imágenes de referencia, e imaginación. Las tres que pensé eran las más "no muertas" se han rodeado de rojo.


Paso 2
Luego aislé mis tres favoritas para ver cual es la más convincente. La primera me recuerda a un oso, y la segunda es buena, pero no tan incómoda como la última. Normalmente incómodo no sería lo que estaríamos buscando pero viendo que queremos un tipo muerto desarticulado andando, es perfecto.


Paso 3


5. ¡Dale VIDA al Zombi!
Tomando mi pose esbozada, he creado una Nueva Capa (Control-Shift-N), luego cogí un color diferente y empecé a bosquejar la anatomía humana en la pose del zombie. Empecé con el cráneo, usando mi propia referencia de un cráneo y refinando la pose usando Photodune: siniestro zombi sangriento esperando a su presa como referencia.










6. Limpia el Boceto
Paso 1
Baja la opacidad del esbozo. Decidí que la mandíbula inferior no era necesaria, y sin ella el zombi se ve más desagradable.


Paso 2


Paso 3
Continué por todo nuestro zombi hasta completarlo y estoy satisfecho con el nivel de detalle.


7. Crea una Base Plana
Para hacernos la vida fácil vamos a crear una silueta sólida para nuestro zombi. Hacemos esto para que podamos Bloquear píxeles Transparentes de la capa y colorear rápidamente sin salirnos de las líneas.
Paso 1
Para hacerlo crea una Nueva Capa (Control-Shift-N)
Paso 2
Esboza la silueta en un gris medio usando el Pincel Duro.


Luego coge el borrador con borde duro para limpiar los bordes de la silueta. Puedes pintar la silueta con cuidado a mano, pero yo prefiero este método.


Paso 3
Una vez hayas terminado con todo el exterior, nombra la capa Base con doble click sobre el nombre de la capa en el panel Capas.


Paso 4
Crea un Nuevo Documento (Archivo>Nuevo o Control-N).


Paso 5
Luego ve a Imagen > Rotación de imagen > 90° a la derecha para poner el documento horizontal. Selecciona el Lineart y la Base de nuestro dibujo original y arrástralos al Documento A3 Horizontal. Crea una guía debajo de los pies del zombi presionandoControl-R para sacar las reglas, después usa la Herramienta Mover (V) para arrastrar una guía horizontal hacia abajo desde la regla superior.
Paso 6
Ahora selecciono la capa Lineart y Base haciendo click en la capa Base, manteniendo pulsado Shift y luego click en la capa Lineart. Después arrastra ambas capas al icono de Nueva Capa (mostrado debajo) en la parte inferior de la paleta de capas.







¡Ahora estamos listos para esbozar algunos colores!
8. Bocetos de Colores
Para colorear sobre las siluetas vamos a usar Máscaras de Recorte. Las uso todo el tiempo como una forma no destructiva de pintar un elemento. En la capa superior a la silueta, crea una Nueva Capa (Control-Shift-N) después click derecho en la Nueva Capa y selecciona Crear máscara de recorte. Lo creado en esta capa se mostrará solamente en cualquier píxel libre de la capa de abajo.


Para crear Sombras Propias en mi ilustración voy a coger los Colores Naturales y pintarlos en una Capa con Multiplicar. Para un acercamiento más realista puedes cambiar los Colores Naturales para tener tonos más cálidos o fríos dependiendo de tu fuente de luz, pero para esta pieza quería un estilo caricaturesco. Para las Luces y otros detalles voy a coger colores de MagicPicker Color Wheel y te mostraré porque elegí estos colores.
Paso 1
Crea una Nueva Capa (Control-Shift-N) sobre la del primer zombi gris y click derecho para seleccionar Crear máscara de recorte.
Paso 2
Coge tu Pincel de borde duro y empieza a aplicar colores de tu primera paleta en el zombi. No tienes que hacerlo perfecto en este paso, es solo para darte una idea de como se ven los colores juntos. Esto también hará más rapido pintar tu diseño final, ya que nos evitamos las suposiciones. Sientete libre de añadir colores nuevos si no ves que funcionen, o si la sensación que dan al completo no funciona. He hecho esto en el primero, donde quería ver como se verían las sombras en contraste con un tono de piel tan intenso.
Paso 3
Repite el proceso en el segundo y tercer zombi.
Paso 4
Mira los tres diseños uno al lado del otro y ve cual funciona mejor. Sientete libre de hacer esto tantas veces como quieras si el esquema de colores no funciona para ti.


Aquí esta lo que pienso de los tres esquemas:
Elección de color 1: Turquesas, verdes y azules están muy presentes, con toques de color rojo y naranja. Buena sensación repulsiva, pero creo que es un poco soso.
Elección de color 2: Colores más amigables, usando lilas y rosas con una base turquesa y un toque de naranja. Me gusta este, pero quizás es un poco muy cursi.
Elección de color 3: Colores otoñales, principalmente rojos y naranjas para contrastar fuertemente con el verde mohoso de la piel. Creo que este esquema es el más dramático y tiene una discordancia, sensación incorfortable, así que iré con este.
9. Coloreado: Configuración del Boceto
¡Es hora de colorearlo! Pero primero necesitamos crear una nueva capa, y bloquear nuestra capa lineart.
Paso 1
Crea una capa debajo del lineart limpio.
Paso 2
Selecciona la capa lineart y pon el Modo de fusión en Multiplicar. La razón por la que hacemos esto es para hacer el lineart más visible sobre cualquier cosa que hagamos debajo. Luego Bloquea la capa haciendo click en el candado del panel Capas.


10. Creando Dibujos Planos
Hacer dibujos planos es una de mis cosas favoritas sobre dibujo digital. Puedes ser lo flojo y desordenado que quieras, pero esto no importa mientras los bordes se mantengan limpios.
Paso 1
Coge el color borgoña de la camiseta del zombi presionando Alt mientras tengas el Pincel (B) seleccionado.
Paso 2
Crea una Nueva Capa (Control-Shift-N) sobre la silueta del zombi, después click derecho en la Nueva Capa y selecciona Crear máscara de recorte.
Paso 3
Empieza a pintar la camiseta. Los bordes del cuerpo estarán limpios, pero como puedes pintar en cualquier parte dentro de la silueta tendrás que pintar áreas tales como el cuello cuidadosamente. No te preocupes, sin embargo, después de que hayas acabado el trabajo preliminar, aplicar la "pintura" ¡se vuelve fácil y despreocupada!


Paso 4
Repite este proceso para todos los elementos como sus calzoncillos, zapatos, y calcetines, y no te olvides de los pequeños detalles como el cerebro, ojos y dientes.
Paso 5
Aunque cada capa sea "recortada" a la silueta, necesitamos asegurarnos de que no pintamos fuera de nuestras fronteras. Así que por cada elemento, selecciona la capa y presiona el botón Bloquear píxeles transparentes .


Paso 6
Desactiva la capa lineart haciendo click en el pequeño ojo al lado de la capa. Hacemos esto para ver si hay algún área que nos hayamos dejado. ¡Tu zombi debería verse como este!


11. Local Colour
Color Natural, de acuerdo con Wikipedia, es "el color natural de un objeto inalterado añadiéndole luz y sombra o cualquier otra distorsión. el color natural se ve mejor en una superficie mate, debido a que no se refleja, y por lo tanto distorsionada. En el Realismo de Bellas Artes, esto se refiere al color que el cerebro percibe que es un objeto. Por ejemplo, una manzana es de color rojo."
¿Entonces qué significa esto para tu zombi? Usando la paleta 3, hacemos que el color de las cosas en él estén bien, el color que queremos que sea, porque todo lo que sabemos sobre zombis no son reales... ¿verdad?
- Verde para su piel no muerta, podrida
- Rojo para su camiseta rasgada, punteras del calcetin y los bordes del calzoncillo
- Naranja para su ¡oh-so-cool! zapatilla
- Naranja oscuro para su ¡CEREEEEEBROOOOOS! y la tirita de la rodilla
- Verde grisáceo pálido para sus calcetines, calzones, ojos, dientes, y detalles del zapato


Consejo: Es una gran idea limitar tu paleta y asegurarte de repetir colores en tu pieza para darle una visión unificada.
12. Sombras y Sombras Propias (Áreas Oscuras)
Aquí hay algunas definiciones del Catedrático de la Universidad Santa Monica Cary Childress:
"Sombras: Las sombras son la ausencia de la luz. Las sombras no cambian de color, pero sólo bajan el valor (el color un poco más fresco está bien). Las sombras sólo deben bajar el valor 2-3 Pasos. (Más en la luz superior contrastada, menos en más suave, la luz más plana.)
"Sombra Propia: La Sombra Propia es la parte más oscura del objeto. Por lo general, el lado vertical lejano a la fuente de luz. En el mismo lado que la sombra."
Paso 1
Vamos a darle un primer pase a nuestras sombras. Crea una Nueva Capa (Control-Shift-N) en Multiplicar en el Modo de fusión para capa, ponla como Máscar de Recorte sobre la base de la piel, y con el mismo verde que la piel.
Tomando el Pincel Duro, empieza a pintar en las áreas de sombra. Presta atención a las áreas como la cavidad ocular, donde hay un cambio brusco de luz. Luego, coge el Borrador (E) y selecciona el Pincel Suave y borra en las sombras oscuras donde hay un ligero cambio de luz, por ejemplo en la curva del cráneo. Define áreas desde las suaves (la sombra en si) hasta las más fuertes (sombras reflejadas). Esto normalmente se aplica con una fuente de luz fuerte. El uso del contraste entre bordes suaves y fuertes ayudará a definir la forma.
Consejo: Si no te sientes muy seguro usando este método, reduce entonces la opacidad del borrador y trabaja en esas áreas lentamente.


Consejo 2: Coloca el cráneo modelo o un objeto redondo en tu escritorio mientras dibujas, con una fuente de luz similar, para que puedas tener una idea de como se forman las sombras suaves y oscuras.
Paso 2
Las sombras propias son zonas realmente oscuras donde la luz no llega a nada. Así que para conseguirlo vamos a seguir en otra capa de sombra usando el Modo de fusión para capa en Multiplicar y el mismo verde, junto al pincel duro como antes. Las zonas donde podría alcanzar un poquito de luz podrían ser bajo el pómulo, en el orificio nasal, profundo en la cuenca del ojo, etc.
Paso 3
Sigue sobre toda la pieza usando Máscaras de Recorte y los Colores Naturales en una capa con Multiplicar para crear sombras y sombras propias.


13. Toques de Luz
Paso 1
Continua el proceso de creación: Nueva Capa y Máscara de recorte.
Aquí tienes un primer plano de los toques de luz en la cara del zombi. He cogido un verde más pálido basándome en el tono de la piel, y lo he usado con un Pincel de Borde Duro (B), luego he suavizado algunos bordes con un Borrador de Borde Suave (E).


Fíjate aquí que las luces en naranja se convierte en un mayor grado de saturación de color amarillo. Es solo un pequeño cambio, pero en lugar de añadir negro, gris o blanco para cambiar los colores, mueve el espectro ligeramente. Por ejemplo, para hacer un toque de luz rojo, muévelo suavemente hacia el naranja e incrementa la saturación. ¡La razón por la que hacemos esto es para que resalte!


Paso 2
También es divertido jugar con los Modos de fusión para capa para darle efectos diferentes. Aquí he usado un naranja saturado en una capa con Luz Suave para darle un toque de luz más sutil.


He aquí unas notas útiles sobre la diferencia entre sombra, tinte y tono.
Sombra: Cualquier tonalidad con negro añadido


Tinte: Cualquier tonalidad con blanco añadido (también conocido como Saturación)


Tono: Cualquier tonalidad con gris añadido


Aquí tienes un ejemplo de lo que quiero decir. El tono central es el lila original, y para iluminarlo he añadido un rosa arrastrando el regulador y cambiando el Tinte ligeramente. Las sombras han sido creadas de una forma similar moviendo la tonalidad hacia el azul y cambiando la Sombra ligeramente. Esto da un resultado más agradable.



El Selector de Color de Photoshop es similar a MagicPicker, pero usando MagicPicker puedes mantener esta ventana abierta y cambiar los colores sobre la marcha. Juega un poco con el regulador usando ya sea el del Selector de Color de Photoshop o de MagicPicker para crear paletas más interesantes que simplemente añadir negro, blanco o gris a la mezcla.


Practica eligiendo colores para toda la pieza. ¡Recuerda mantener los colores unificados!
14. ¡CEREBROS!
Porque los zombis tienen algo con la materia gris (o naranja en este caso) ¡Pense en enseñarte los pasos para crear cerebros brillantes!
Paso 1
Separa el cerebro del cráneo y ponlo en el escritorio. Añade una fuente de luz para ver cuanto brilla. Intenta hurgarla...
Paso 2
Una vez hayas vuelto a poner en su sitio al cerebro selecciona la capa plana del Cerebro.


Paso 3
Crea una Nueva Capa (Control-Shift-N) en Multiplicar, y asegúrate de que esta recortada a la capa del Cerebro.
Crea una Máscara manteniendo pulsado Control y haciendo click en la vista previa del cerebro plano en el panel Capas. Después, click en el icono de un rectángulo con un círculo en el medio, en la parte inferior del panel Capas. Esto creará una máscara del cerebro entero. Luego click en la vista previa transparente de esa capa para que no pintemos en la máscara.
Selecciona el cerebro naranja manteniendo pulsado Alt con el Pincel seleccionado, y pinta en las zonas alejadas de la fuente de luz usando el Pincel Duro.


Paso 4
Ahora añadiremos sombras propias. Crea una Nueva Capa (Control-Shift-N) en Multiplicar, y asegúrate de que está recortada a la capa del Cerebro.
Manteniendo pulsado Alt, arrastra la máscara de la capa Sombras a la capa Sombras Propias, después click en la vista previa transparente de la capa.
¡Selecciona el lila del MagicPicker Color Wheel y pinta en algunas Sombras Propias para un resaltado extra del cerebro!


Paso 5
Para añadir toques de luz, selecciona el naranja más claro de nuestra paleta.
Crea una Nueva Capa (Control-Shift-N) en Multiplicar, y asegúrate de que está recortada a la capa Cerebro.
Manteniendo pulsado Alt, arrastra la máscara de la capa Sombra Propia a la capa Luces, y después click en la vista previa transparente.
Pinta las luces en las zonas que podrían estar más cerca de la fuente de luz.


Paso 6
Para los reflejos, crea una Nueva Capa (Control-Shift-N) en Multiply, y asegúrate de que está recortada a la capa Cerebro.
Manteniendo pulsado Alt, darrastra la máscara de la capa Luces a la capa Reflejo, y luego click en la vista previa transparente.
Selecciona un amarillo bastante pálido del Selector de Color, y añade unos reflejos intensos para darle al cerebro un aspecto húmedo y brillante.


Ahí lo tienes. ¡CEREEEEEEEBROOOOOOOOOOOOOOOS!
15. Crea la Z
Antes de empezar la Z, oculta todas las capas de detalles del zombi presionando el icono del "ojo" junto a su respectiva capa.
Paso 1
Empezaremos con una silueta base. En una Nueva Capa (Control-Shift-N), pinta la silueta de la Z usando el Pincel Duro.


Paso 2
En una Nueva Capa (Control-Shift-N), click derecho y selecciona Máscara de Recorte. En el Modo de Fusión para Capas selecciona Multiplicar y usa el mismo color de la base para pintar las sombras, asegurándote de utilizar la misma fuente de luz que el zombi.


Paso 3
Después crea una Nueva Capa (Control-Shift-N) como Máscara de Recorte, y después selecciona un lila más claro y cálido, y pinta toques de luz sutiles.


Paso 4
Para las cuerdas ya he creado una forma en naranja. Repite el proceso de Nueva Capa como antes con Mácara de Recorte pintándole las luces con un naranja amarillento.


Paso 5
Crea una Nueva Capa (Control-Shift-N) como Máscara de Recorte. Luego coge un lila pálido, añadiendo luces a las protuberancias de los huesos y en su longitud para darle un ligero brillo. Si quieres que los huesos sean realmente brillantes, añade una pequeña luz blanca pura en estas áreas destacadas. ¡Usa blanco puro con mucha moderación!


Como los huesos son una característica de fondo, no queremos distraer la atención de los detalles del zombi, así que mantenlos simples.
16. Toques Finales
Antes de empezar, activa de nuevo todas las capas pulsando Alt mientras hacemos click en una capa oculta.
Paso 1
Rellena una Nueva Capa (Control-Shift-N) con un turquesa desaturado.


Paso 2
¡Ahora es el momento de añadir un poco de oscuridad espeluznante! Añade un Degradado (Alt-G) al rojo bermellón de la capa superior, como Luz Fuerte en el Modo de Fusión para Capas.


Paso 3
Selecciona la Herramienta Elipse (Alt-U), y mientras mantienes pulsado Shift para contener el escalado, dibuja varios crículos como objetos celestes rellenos de una casi, pero no del todo, blanco.


Paso 4
Duplica la capa estrellas arrastrándola hacia abajo al icono Nueva Capa en el panel Capas , Click Derecho en la capa de abajo y selecciona Rasterizar Capa, luego Filtro > Desenfoque Gaussiano, y configura el radio para darle una apariencia resplandeciente.


Paso 5
En una Nueva Capa (Control-Shift-N) como Multiplicar en el Modo de fusión para capas , por debajo de todo el zombie y la letra, crea algunas sombras proyectadas bajo los pies del zombi y la base de la Z usando el Pincel Duro.
Paso 6
Cambia el borde a blanco.
Voila!


Espero que hayas disfrutado creando un zombi desde la nada, ¡Yo definitivamente lo hice! Con unos simples pasos como con las máscaras de recorte crearás un ejercito de no muertos en un santiamén.
¡Deseando verte la próxima vez en más tutoriales de ilustración!
¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!