Cómo hacer arte conceptual de un dragón zombie: Pintura en Adobe Photoshop

La última vez estuvimos diseñando y dibujando un dragón zombi. Hoy vamos a hacerlo más real creando una pintura digital en Adobe Photoshop. Te mostraré una forma limpia y no destructiva de pintar digitalmente. Usaremos máscaras de capa y mapas conocidos del modelado 3D. Te explicaré cómo funciona la oclusión ambiental y cómo añadirle color e iluminación con los modos de fusión adecuados. Vamos a crear una pieza de arte conceptual completa con tres pinceles muy simples que harás tú mismo. ¡Sígueme!

1. Prepara el espacio de trabajo

Paso 1

Tenemos que preparar el boceto que creamos antes. Si dibujaste tu arte lineal de forma tradicional, escanea o toma una buena foto de él.

Paso 2

Crea un Nuevo archivo (Control-N) y elige las dimensiones que te permitan trabajar cómodamente. Cuanto más grande, mejor, ¡pero no te pases! Si no estás seguro de lo mucho que puedes abarcar, prueba con 5000 px x 5000 px, elige un pincel complicado, y pinta un gran trazo rápidamente. Si no se retrasa, eres libre de continuar.

Pega tu arte lineal en el archivo y, si es necesario, redimensiónalo con la herramienta Transformación libre (Control-T).

Paso 3

Nombra la capa con el boceto Arte lineal. Cambia su Modo de fusión a Multiplicar para que sólo sus líneas sean visibles.

2. Crea los recursos

Ahora tenemos que preparar las herramientas con las que trabajaremos.

Paso 1

Es bueno preparar el esquema de colores antes de comenzar a pintar. De esta manera evitaremos sorpresas desagradables. Nuestro dragón zombi estará hecho de huesos, músculos, ligamentos y piel, y sabemos de qué colores son estas cosas. Sólo tenemos que extraer sus tonos dominantes y ponerlos en nuestro esquema de colores.

Primero, encontremos imágenes que representen el tema de la manera ideal. Puedes usar la Búsqueda de imágenes de Google para ello. ¿Qué necesitamos encontrar?

• Músculos: Encontrarás los mejores resultados usando el criterio Autopsia de músculos, pero no lo recomiendo para personas sensibles. En su lugar, puedes probar algo menos específico, como Filete crudo, o algún otro tipo de carne que puedas ver con tranquilamente, o incluso un fotograma de alguna película de terror de bajo presupuesto que sea más divertido que aterrador. Si tienes suerte, deberías conseguir alguno con un tono azulado en las venas.
• Huesos: Escribe Huesos de animales para ser específicos.
• Piel: Dependiendo del efecto que necesites, puedes escribir varias palabras clave. Según mi visión, la Piel de murciélago es la que mejor funciona.

Paso 2

Elige las mejores imágenes y pégalas en un nuevo archivo. Crea una combinación de ellas sin dejar espacios en blanco. Cuando termines, selecciona Guardar para Web (Control-Shift-Alt-S).

Paso 3

Usa Color Thief o cualquier otro sitio similar para extraer el esquema de colores de la imagen. En mi caso, un esquema es todo lo que necesito, pero puedes crear esquemas separados para músculos/huesos/piel. Pega la captura de pantalla en el archivo principal y nombra la capa Esquema de color. Bloquea los píxeles de la imagen para evitar errores, así podrás mover el esquema de colores sin riesgo de modificarlo. También puedes crear Muestras predefinidas, si te gusta más este método.

Paso 4

¡Todo artista necesita un pincel! Vamos a crear tres muy básicos.

El primero que necesitamos es un pincel circular clásico con Transferencia de Opacidad. Probablemente tengas uno en tu paleta, si no lo tienes, busca el más similar y ajusta la configuración como se muestra a continuación.

Paso 5

Puedes guardar el pincel de la forma normal (el icono de la "tarjeta blanca" debajo de los ajustes), o crear una herramienta preestablecida. La otra forma es especialmente conveniente cuando tienes muchos pinceles en la paleta y quieres usar sólo unos pocos para esta pintura en particular, o cuando quieres usar rápidamente pinceles de paletas separadas.

Abre la ventana Herramientas preestablecidas y haz clic en el icono de la tarjeta. Ponle el nombre Pincel de transferencia y guárdalo sin color.

Paso 6

El próximo pincel será definido, se usará para pintar colores planos y formas precisas. Sus ajustes deben ser similares a los que se muestran a continuación, así que puedes tomar cualquier pincel circular y modificarlo. Después, guárdalo como un nuevo Pincel o un nuevo Pincel preestablecido. En ese caso, llámalo Pincel definido.

Paso 7

Toma el Pincel de transferencia y modifícalo para que sea difuso. Nómbralo Pincel difuso.

Paso 8

¡Tenemos todo lo que necesitamos para empezar a pintar!

3. Crea una máscara de recorte

Primero tenemos que definir la forma general, cortando el objeto del entorno. En Photoshop eso se puede hacer fácilmente con una máscara de recorte.

Paso 1

Baja la Opacidad de la capa del arte lineal para hacerla más sutil. Crea una Nueva capa encima de ella y llámala Máscara. Selecciona el Pincel definido y dibuja el contorno del dragón, prestando especial atención a las formas interiores también. Tómate tu tiempo y hazlo con cuidado, ¡es un paso importante!

Paso 2

Utiliza la herramienta Varita mágica (W) en el modo Añadir a la selección para seleccionar todas las áreas fuera del dragón. Invierte la selección con Control-Shift-I.

Paso 3

Crea una nueva capa y rellena la selección con la herramienta Bote de pintura (G). Luego combínala con la capa Máscara seleccionándolas a ambas y haciendo clic en Control-E.

Paso 4

Para unir cualquier capa a nuestra Máscara de recorte sólo tienes que colocarla justo encima de la capa Máscara (o de cualquier capa recortada) y pulsar Control-Alt-G. Nada en esa capa cruzará el borde de la Máscara.

4. Oclusión ambiental

Para esta ilustración vamos a usar Mapas de capas. Este método se ha popularizado mucho últimamente, pero quiero mencionar una cosa importante. No es una técnica suprema, o la mejor de las mejores. Funciona muy bien cuando tienes un arte lineal prolijo y un buen plan para cada aspecto de la imagen. No es recomendable para ilustraciones creadas "sobre la marcha", cuando no estás seguro de lo que estás pintando y qué colores quieres usar.

Vamos a definir las áreas que no pueden ser alcanzadas fácilmente por la luz. Ten en cuenta que lo que vamos a pintar no existe por separado en la realidad. Es un mapa, un concepto del modelado 3D, donde la influencia de la luz se divide en capas separadas. En la pintura, un mapa OA (oclusión ambiental) hace arte lineal en 3D, algo que define claramente los bordes, pero que al mismo tiempo no necesita ser eliminado en ningún punto.

La técnica que voy a mostrarte es fácil, rápida y perfecta para trabajos detallados, pero sé que una vez que entiendas cuál es el objetivo, podrás desarrollar tu propia técnica para pintar la oclusión ambiental.

Paso 1

Recortemos la capa del arte lineal y añadamos otra capa entre ella y la Máscara. Nombra esta capa bg y llénala de blanco.

Paso 2

Añade una nueva capa sobre la del arte lineal. Nómbrala AO1. Rellénala con negro, luego baja la Opacidad al 85%.

Paso 3

Añade una Máscara de capa a la AO1.

Paso 4

Selecciona la Máscara de capa y usa el Pincel difuso para rellenar los espacios entre las líneas del arte lineal con blanco (al pintar con negro se revela lo que hay debajo de la capa, el blanco lo cubre). ¡No cruces las líneas, y no fusiones las áreas separadas!

Paso 5

Selecciona la capa AO1 y Duplícala (Control-J). Oculta la AO1 y nombra la copia AO2. Selecciona su Máscara de capa y pinta los contornos con el Pincel de transferencia, esta vez usando gris oscuro. Si las áreas se superponen, pinta sólo los contornos de la que está más cerca de ti.

(Si te confundes con todas estas capas, descarga el archivo adjunto y úsalo como referencia.)

Paso 6

Duplica la capa una vez más, ocúltala y ponle el nombre AO3 a la nueva copia. Ahora vamos a usar un truco que depende de tu versión de Photoshop.

CS5 o más reciente

Selecciona la herramienta Pincel mezclador del menú Pincel y simplemente fusiona todo, dejando los contornos intactos. ¡Dios, me encanta esta herramienta!

CS4 o anterior

Puedes intentar usar la herramienta Desenfocar, pero lo más probable es que no te dé los resultados adecuados. Para mantener el control, usa el Pincel difuso y fusiona las áreas manualmente, escogiendo los colores con la herramienta Cuentagotas (I). El objetivo es ocultar los trazos.

Paso 7

Crea una Nueva capa sobre AO3, rellénala con blanco y llámala AO4. Baja la Opacidad al 50%. Añade la Máscara de capa y revela los contornos sutilmente con el Pincel de transferencia.

Paso 8

¡Terminamos! Puedes jugar con la Opacidad de AO4 para obtener el resultado que quieres, pero recuerda, ¡esto no es realmente sombreado! No necesitamos sombras oscuras aquí. Apaga la capa de arte lineal para ver nuestro mapa de OA en toda su gloria.

5. Colores planos

Es hora de empezar con la pintura en sí. Si crear el mapa del OA te aburrió, tengo buenas noticias: ahora podrás pintar libremente sin riesgo de perder detalles. A continuación, simplemente pondremos otro mapa encima.

Paso 1

Crea una Nueva capa, y llámala Colores planos. Establece su Modo de Fusión en Multiplicar, así las capas de abajo se oscurecerán con los colores, pero no se cubrirán con ellos. Utiliza el Pincel definido y los colores de nuestro esquema de colores para definir las áreas de color principales.

Paso 2

Duplica (Control-J) la capa Colores planos y oculta la original. Esta vez toma el Pincel de transferencia y las mezclas de colores de nuestra paleta de colores. Es muy raro que los materiales orgánicos sean coloreados con un solo tono. Por ejemplo, la piel humana blanca se ve mejor cuando se mezcla con el verde y el azul. Usa esto como una oportunidad para añadir una ligera textura.

6. Luz y sombra

También crearemos mapas separados para la iluminación.

Paso 1

Crea una Nueva capa y nómbrala Sombra. Rellénela con la versión oscura de la luz ambiental; en nuestro caso, será azul: #050323. Baja la Opacidad al 80%.

Paso 2

Añade una Máscara de capa a la Sombra y usa el Pincel de transferencia para pintar las áreas iluminadas. Usa el gris para la luz sutil y el negro para la luz fuerte. Si quieres corregir algo, simplemente usa el blanco, ¡no es necesario el borrador! Cíñete a las reglas que hemos usado para pintar la OA, haz los bordes pronunciados y no lleves la luz a las grietas.

Es bueno recordar que la iluminación interesante es en realidad redundante, incluso indeseada, cuando se trata de arte conceptual. Tu iluminación debe presentar a la criatura de la manera más natural posible, sin ocultar las partes cruciales. ¡No hay necesidad de exagerar!

Paso 3

Los colores cambian sus propiedades dependiendo del fondo. Añadamos una Nueva capa justo en la parte inferior y nombrémosla Fondo. Usa el Pincel difuso y el Pincel de transferencia para bosquejar los colores y la iluminación del fondo. No necesita ser detallado en absoluto, sólo necesitamos el esquema de color a utilizar para la iluminación.

Paso 4

Crea una Nueva capa, y llámala Luz. Rellénala con el color de la fuente de luz principal (aquí, #c7ffb5). Establece el Modo de Fusión en Superponer, acentúa las áreas brillantes, y añade una Máscara de capa. Rellénala con negro para ocultarlo todo, y luego usa un Pincel de transferencia blanco para dibujar (mostrar) las partes más brillantes. Utiliza pequeños trazos para crear una textura.

Paso 5

Ahora podemos añadir luz especular. Los músculos normalmente están cubiertos por una membrana brillante, así que usémosla para hacer al dragón ligeramente brillante. ¡Es un zombi fresco, después de todo!

Crea una Nueva capa, y nómbrala Luz especular 1. Usa el Pincel definido para pintar pequeños puntos de luz en las áreas más prominentes. Puedes usar el método no invasivo con una Máscara de capa blanca y otra negra, o simplemente dibujarlas de la forma habitual. ¡Ten cuidado, cuanto más las uses, más débiles serán visualmente!

Paso 6

Para suavizar el efecto, podemos añadir otra capa (llamémosla Luz especular 2) y agregar un poco de desenfoque con un Pincel de transferencia blanco.

7. Pulido final

Nuestro dragón está técnicamente listo, ¡pero no tenemos que detenernos en este punto!

Paso 1

Vamos a oscurecer la parte inferior de la bestia para fusionarla mejor con el suelo y llevar el foco a la parte superior. Para ello, Crea una Nueva capa y nómbrala Niebla. Rellénala con un color aleatorio y luego haz doble clic para llegar a las Opciones de Fusión.

Primero, cambia la Opacidad de relleno al 0%.

En segundo lugar, añade una Superposición de degradado y construye un degradado de blanco (para la parte superior) y de cian oscuro (#010b0e, para la parte inferior). Configura el Modo de Fusión en Multiplicar y cambia el Ángulo para que se ajuste a la iluminación.

Paso 2

Nuestro zombi se ve bastante amigable, ¡así que agreguemos algo de sangre! Usa el rojo oscuro (#4c0000) y el Pincel de transferencia para añadir sangre en algunas áreas.

Paso 3

Unos simples puntos blancos añadirán un poco de brillo atractivo a la sangre.

Paso 4

Podemos usar venas como otro toque interesante. Hazlas azul oscuro y ligeramente brillantes.

Paso 5

Trabajemos en el suelo ahora. No es realmente importante para la ilustración, pero será un buen detalle. Utilicé una textura de texturemate.com, cambié su Modo de Fusión a Superponer, y ajusté su perspectiva con la herramienta Transformación libre (Control-T, mantén presionado Control al hacer clic en los puntos para moverlos individualmente).

Añadiendo una Máscara de capa a la capa de textura puedes fusionarla fácilmente con el fondo.

Paso 6

Añadí algunos huesos para generar una sensación del tamaño a escala. A veces es bueno añadir una silueta humana para esto.

Paso 7

Añade una Capa de ajuste de Niveles. Mediante la revisión del histograma podremos comprobar si el contraste es apropiado. Arrastra los marcadores para ajustar el gráfico entre ellos.

Otra forma de comprobar los valores es poner una capa negra en modo de Saturación en la parte superior. Además, apaga el fondo por un momento para ver cómo se ve la criatura por sí misma.

Paso 8

Nos estamos acercando al final. Si no te gusta algo de tu imagen, la principal ventaja de trabajar con mapas es que ahora puedes editarlos por separado, sin destruir la imagen en su conjunto.

Puedes añadir un fondo más complicado, pero no es realmente necesario. Cuando nuestro objetivo es mostrar a la criatura, añadir un fondo no sólo sería una pérdida de tiempo, sino que rompería la claridad de nuestro mensaje. Incluso puedes quitar el fondo y añadir una simple pared gris, ¡nadie se quejará!

Mi último consejo para esta etapa final es: tómate un descanso, tómate un café, lee unas cuantas páginas de un libro. Distraete, luego vuelve y fíjate en qué es lo que menos te gusta de la pintura. Para mí fue la falta de luz de fondo, así que la añadí con el Pincel difuso. Como todo tiene su propia capa, ¡eres libre de modificar cualquier cosa!

¡Lo logramos!

Hoy aprendimos cómo planear una ilustración y preparar las herramientas adecuadas para ello, y luego cómo construir una ilustración paso a paso, mapa a mapa. Ahora ya sabes cómo crear oclusión ambiental, iluminación y reflexión especular, y cómo controlar cada aspecto de la pintura para hacerla editable al final.

¿Crees que el proceso es muy tedioso y lento? ¿Qué pasa si no tienes ningún plan en particular en tu mente y quieres diseñar algo sobre la marcha? ¿Y si necesitas hacer algo rápido? Para ello hay otro método, y te lo mostraré en mi próximo tutorial. ¡Estate atento!