Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Cómo Dibujar y Pintar un Rainbow Date Duo en Adobe Photoshop

by
Length:LongLanguages:

Spanish (Español) translation by RRGG (you can also view the original English article)

Final product image
What You'll Be Creating

¡El amor viene en muchas formas y colores hermosos! En este tutorial, dibujaremos y pintaremos una pareja feliz y colorida en Adobe Photoshop. También incorporaremos el simbolismo que hace referencia tanto a la bandera del orgullo transgénero como a la bandera del orgullo del arco iris.

Trabajaremos en Adobe Photoshop de principio a fin en este tutorial, desde el boceto inicial hasta los toques finales. Ya debería estar familiarizado con Adobe Photoshop. Esto incluiría conceptos como la creación de nuevos documentos y la funcionalidad básica de la herramienta.

¡Empecemos con esta fecha!

¿Buscando recursos de Photoshop? ¡Por qué no pasas a GraphicRiver para pinceles de Photoshop y más!

1. Cómo Crear un Bosquejo

Paso 1

Primero, necesitaremos crear un Nuevo Documento; Lo hice a 11 pulgadas de alto por 14 pulgadas de ancho con una resolución de 300 dpi. Este es un caso en el que vamos a tener una composición horizontal, en lugar de vertical.

New Document Window

Paso 2

Recomiendo dibujar en una Nueva Capa. Si no ve su panel Capas, puede abrirlo yendo a Ventana> Capas.

Al trabajar en una Nueva Capa, podemos mantener nuestra obra de arte y nuestros antecedentes independientes. Es posible que prefiera trabajar con varias capas, ¡y eso está bien! Usa todos los que quieras Puede Aplanar fácilmente sus Capas en el camino para combinar las que le gustaría ver condensadas.

Cree una Nueva Capa haciendo clic en el icono Nueva Capa en el panel Capas.

Example of the Layers Panel

Paso 3

Ahora, sigamos adelante y comencemos nuestro boceto. A menudo dibujo utilizando un Cepillo Redondo Duro. Sin embargo, rara vez dibujo sin ajustar primero la configuración en mi panel Pincel.

Recomiendo encarecidamente asegurarse de que la Fluctuación de Fase de Opacidad y la Fluctuación de Flujo estén configuradas en Presión de Pluma.

La opacidad se refiere a la cantidad de transparencia, mientras que Flujo se puede comparar con la cantidad de color que "sale" de su pincel. Puede encontrar esto en Transferir en el panel Pincel. Al configurar estas opciones en Presión del Pincel, notará la Opacidad y el Flujo variables en función de sus Pinceladas.

Example of Opacity and Flow Jitter

Paso 4

Personalmente, creo que es un poco más difícil dibujar dos personajes que interactúan, a diferencia de uno. Así que sé que este es un caso en el que voy a querer dedicar un poco más de tiempo a mi boceto inicial. Recomiendo tomar un tiempo extra para pensar en cómo te gustaría que los dos personajes se relacionen visualmente. ¿Sus proporciones parecen naturales en relación el uno con el otro?

Mi trabajo es típicamente estilístico más que realista: romper las reglas está bien (¡y divertido, en mi opinión)! Sin embargo, por ejemplo, sé que quiero que las cabezas de los dos personajes se vean naturales una al lado de la otra, como si estuvieran una al lado de la otra en el espacio compartido. Tendré que considerar estas relaciones visuales si quiero comunicarme visualmente con éxito.

Preview of Initial Sketch on New Layer

Paso 5

A menudo me gusta usar capas para dibujar encima de mi trabajo, al mismo tiempo que lo conservo. Por ejemplo, creé una Nueva Capa en la parte superior de mi boceto inicial, para poder usarla como guía y crear una más refinada.

Tenga en cuenta que también puede ajustar la Opacidad en sus Capas: gire la Opacidad de mi Capa de esbozo inicial para que solo sea parcialmente visible. Esta es solo una preferencia personal, pero creo que me facilita usarla como guía.

Example of Initial Sketch partially visible behind Refined Sketch

Paso 6

Eso nos lleva a nuestro boceto refinado. Una vez más, me quedé pegado a mi Pincel Grueso Redondo. Puedo ocultar mi boceto de Capa inicial Desactivando la Visibilidad, o puedo deshacerme de ella, usando el ícono de "papelera" en el panel de Capas.

Example of Refined Sketch and Hiding Layers

2. Cómo Añadir Colores Iniciales

Paso 1

Personalmente, me gusta poner color en la parte superior de mis líneas. La creación de una Nueva Capa y la configuración de su Modo de Fusión para Multiplicar me permite colocar el color en la parte superior, mientras que también aplica un poco de color y valor a las líneas.

Color placed on top of lines using Multiply Blending Mode

Paso 2

Algunas veces, comenzaré con un color base y luego aplicaré colores en la parte superior, en Nuevas Capas. De esta manera, con mis colores en Clipping Masks, puedo cambiar y ajustar colores fácilmente hasta que esté satisfecho con mis selecciones.

Notarás que las capas con la Máscara de Recorte aplicada a mi capa original (con Multiplicar aplicado) aún retienen ese Modo de Fusión Multiplicado asignado a esa capa original.

Examples of multiple Clipping Masks

Paso 3

Asimismo, esta técnica se puede usar en más de un lugar en la composición. Por ejemplo, en este caso, decidí que inicialmente quería acercarme a cada personaje por separado.

Para mantener las cosas organizadas, a menudo me gusta cambiar el nombre de mis capas y utilizar carpetas, especialmente cuando sé que voy a tener muchas capas.

Para cambiar el nombre de tus capas, haz Doble Clic en el nombre, ¡así de simple! También puede hacerlo haciendo Clic con el botón Derecho en la capa y seleccionando Cambiar nombre.

También puede encontrar Colores de Capa en este menú; ¡también pueden ayudar con la organización! Notarás que convertí las capas de un personaje en azul y una morada, en este ejemplo.

Las carpetas se pueden crear haciendo clic en el icono Nueva Carpeta en la parte inferior del panel Capas. Simplemente haga clic y arrastre las capas dentro y fuera de su carpeta.

Example of Folders and Colors in the Layers Panel

Paso 4

Una vez que estoy satisfecho con mis selecciones de color iniciales, personalmente me gusta aplanar mis capas. Antes de hacerlo, suelo Guardar mi trabajo, por si acaso quiero "volver".

Alternativamente, a veces creo una Nueva Carpeta y almaceno mi trabajo inicial en ella, así que tengo una versión de respaldo a mano.

Recuerde, puede Duplicar Capas Haciendo Clic y Arrastrando la capa (o carpeta) que desea duplicar al icono Nueva Capa en el panel Capas.

Alternativamente, puede Hacer Clic con el botón Derecho en la capa que desea duplicar y seleccionar Duplicar Capa en el menú correspondiente.

Dicho esto, ¡el fondo también necesita algunas consideraciones! Usando la Herramienta Balde de Pintura, agregué un color azul claro a la Capa de Fondo. Quiero crear algunas nubes esponjosas aquí, pero nos ocuparemos de eso más tarde. Por ahora, solo quiero que se establezca ese color de fondo inicial.

Preview of adjusted Background Layer

Paso 5

Finalmente, establezcamos algunos valores iniciales. Me gusta usar Máscaras de Recorte para esto: crea una Nueva Capa en la parte superior de tu obra de arte y configura su Modo de Fusión para Multiplicar.

Trabajé con un color púrpura claro aquí. Piensa dónde está tu fuente de luz y cómo podría afectar a tus sujetos.

Initial Values added to Illustration

3. Cómo Comenzar a Pintar

Paso 1

Antes de comenzar, asegúrese de estar familiarizado con la Opacidad y el Flujo en su panel de Opciones. Esto se encuentra en la parte superior del software (cerca de Archivo, Editar, etc.), y verá estas opciones específicamente cuando se seleccione la Herramienta Pincel.

A menudo ajusto estos valores, dependiendo del Trazo de Pincel que me gustaría hacer. Por ejemplo, con Opacidad y Flujo hasta al 100%, sé que voy a crear una línea más audaz que si tuviera ambas alrededor del 50%.

No hay "valores perfectos" aquí, en mi opinión, cambie y ajuste, según sea necesario.

Opacity and Flow in the Options Panel

Paso 2

Renderizar la cara, para ambos temas, tiene varias similitudes. Por ejemplo, tiendo a depender mucho de un  Cepillo Redondo Suave en el área facial, ya que hace que las transiciones sean más suaves de claras a oscuras.

Tenga en cuenta que estoy usando colores inspirados en los valores iniciales que colocamos en el paso anterior. Puede usar la Herramienta Cuentagotas para "recoger" estos colores.

Soft Round Brush used in the facial area

Paso 3

Los diferentes tonos de piel pueden significar diferentes valores y color local. Quería que las sombras tuvieran una temperatura similar, por la unidad, pero esto también puede significar ajustes, basados en el tema en sí.

También eliminé la marca de beso en la mejilla del personaje izquierdo, solo temporalmente, alisando el área de las mejillas. Una vez más, a menudo me gusta guardar el contenido de la copia de seguridad en una carpeta de "Copia de seguridad", como el boceto inicial, para mi referencia.

También observe que estoy dibujando sobre mi trabajo, en una Nueva Capa, con el Modo de Fusión dejado en el valor predeterminado: Normal.

Example of Face Rendering on both characters

Paso 4

Después de empujar más el área de la cara, agreguemos algo de maquillaje. Me gustaría que ambos sujetos tuvieran un maquillaje colorido y divertido para los ojos y algún tipo de color de labios, también.

Para la sombra de ojos rosa, creemos una Nueva Capa y configuremos el Modo de Fusión para Multiplicar. Luego, aplique un color rosa brillante y saturado

Para la sombra de ojos verde, crea una Nueva Capa y configura el Modo de Fusión en Tono. Aplicar un color verde.

Recomiendo un Cepillo Redondo Suave para mantener la aplicación de color suave, en ambas instancias.

He vuelto a agregar la marca de beso con un Cepillo Redondo Duro, usando mi boceto original como referencia.

Para los labios, creé una Nueva Capa y dejé el Modo de Fusión en Normal. Pinté en la parte superior y agregué detalles sutiles, en gran parte usando un Cepillo Redondo Duro.

Make up added to the character art

4. Cómo Renderizar el Pelo

Paso 1

Nuestros dos personajes tienen diferentes tipos de cabello: uno es largo, fluido y recto, mientras que el otro es completo, rizado y esponjoso. Entonces nos acercaremos a cada uno un poco diferente.

Comencemos con el personaje a la izquierda del espectador.

En este caso, me gusta comenzar con líneas largas, empezando por la corona de la cabeza. Creo que es importante no dibujar estas líneas al azar. Eso haría que el cabello se vea caótico. En cambio, tenga un propósito con la dirección y el flujo de sus líneas.

Personalmente, me gusta comenzar con valores más oscuros y "trabajar mi camino ligero". Cuando se trata de elegir colores, utilizo la herramienta Cuentagotas para seleccionar un color basado en los valores iniciales que ya se han establecido aquí.

Start of rendering the left characters hair

Paso 2

En el caso de los aspectos más destacados, podría elegir un valor más claro con el Selector de color. Sin embargo, me gusta experimentar con los Modos de Fusión.

Crea una Nueva Capa y configúrala en Color Dodge. Use un Cepillo Redondo Suave para experimentar agregando valores de luz al área del cabello. Puede parecer un poco demasiado intenso; en este caso, baje la Opacidad de la capa y use un Borrador Suave y Redondo para suavizar los bordes.

Continuamente uso Color Dodge y Multiplicar para agregar capas al cabello.

Process illustrating the rendering process

Paso 3

Ahora, veamos al personaje en la derecha.

La idea de evitar las líneas al azar aquí sigue en pie, todavía me gusta pintar con trazos decididos, independientemente del tipo de cabello. Sin embargo, en este caso, me limitaré a los trazos suaves y redondeados, en lugar de los largos y fluidos.

Start of rendering afro textured hair

Paso 4

Lo mismo se aplica a los aspectos más destacados. En este caso, el personaje tiene rizos apretados y la textura es esponjosa. Si bien mi opinión sobre este tipo de cabello es estilística, Trazos del Pincel contradictorio podría hacer que esto parezca confuso.

Example of afro rendering process

Paso 5

Una vez que estoy contento con la representación básica del cabello, me gusta pasar a los detalles y los pelos perdidos.

Para hacerlo, crea una Nueva Capa en la parte superior de tu obra de arte. Agregué estos detalles usando un Cepillo Redondo Duro.

Details added to the hair areas

5. Cómo Añadir Variaciones de Color

Paso 1

Vamos a agregar variaciones de color en varias partes de la ilustración, pero antes de hacerlo, refinemos las secciones de color crema. Refiné los valores y los pliegues usando un Cepillo Redondo Duro y un Cepillo Redondo Suave.

Refining the fold areas

Paso 2

¡Ahora viene la parte divertida! Agreguemos un montón de variaciones de color.

Vamos a usar Modos de Fusión como una manera fácil de alterar el color en nuestro trabajo.

Usemos el personaje a la izquierda del espectador como un ejemplo preliminar. Vamos a agregarle algunos colores a su cabello.

Empecé creando una Nueva Capa y luego configurándola como una Máscara de Recorte, en la parte superior de mi obra de arte. Luego, comencé bloqueando el área que me gustaría colorear. No tiene que ser el (los) color (es) final (es) de mi elección en esta fase (elegí naranja).

Refining the hair area in a solid color

Paso 3

Luego, cambiemos el Modo de Fusión de Capa a Color. Observe cómo esto cambia el color del área que hemos rellenado.

Si Bloqueamos Píxeles Transparentes en nuestro panel Capas, ahora podemos aplicar varios colores en esta área, sin salir del límite del cabello. Lo hice usando un Cepillo Redondo Suave para mantener las transiciones de color sin problemas.

Adding rainbow colors to the hair

Paso 4

Ahora, añadamos algunas variaciones de color en otras áreas de la composición.

Al igual que en nuestro paso anterior, comience creando una Nueva Capa. Luego, bloquee el área donde nos gustaría agregar variaciones de color, primero, en un solo color (elegí azul).

El Modo de Fusión de esta capa debería ajustarse a Multiplicar:

Una vez que haya terminado de bloquear el área donde vamos a agregar variaciones de color, asegúrese de Bloquear Píxeles Transparentes en esta capa. De esta forma, podemos agregar todas las variaciones de color que nos gustaría, sin preocuparnos de salir fuera de los límites de estas áreas.

Defining another area for color variation

Paso 5

¡Ahora es el momento de agregar colores! Usé un Cepillo Redondo Suave para agregar arco iris a la camisa y diadema del personaje correcto.

Luego, utilicé un Cepillo Redondo Duro para agregar colores a los pendientes de ambos personajes: observe cómo estas líneas tienen un borde más duro.

Los pendientes del personaje izquierdo se refieren a la bandera del orgullo transgénero, mientras que los pendientes del personaje derecho hacen referencia a la bandera del orgullo del arco iris.

Using Multiply Blending Mode to apply colors

6. Cómo Añadir los Últimos Toques

Paso 1

Primero, añadamos algo de color y pulitura a los ojos.

Crea una Nueva Capa y, usando un Cepillo Redondo Duro, agrega un poco de color al área del ojo. Agregué un poco de color más oscuro en el centro y algunas pequeñas tiras de color más claro hacia la base.

Luego, crea otra Nueva Capa y configura el Modo de Mezcla para Multiplicar. Agregué un poco de valor al área superior de los ojos, en un color azul mediano.

Finalmente, crea una Nueva Capa más. En este caso, vamos a enfatizar lo más destacado que hemos creado en nuestro boceto original. Usé un Cepillo Redondo Duro para hacer esto.

Adding details to the eye areas

Paso 2

Pensé que algunas joyas adicionales aquí podrían ser divertidas, ¡así que agregué algunos collares de arcoiris! Hay una manera fácil de hacerlo en un solo Trazo de Pincel: ¡cambia el Espaciado de tu Pincel para que tus Trazos de Pincel se vean como una línea de puntos!

Abra su panel Pincel (a través de Ventana> Pincel) y seleccione la Forma de Punta del Pincel. Aumenta el Espacio: pongo el mío al 98%. Observe cómo el Pincel ya no parece un solo trazo. En cambio, verá el Pincel presentado como una fila de círculos.E

Crea una Nueva Capa para agregar en tu cadena de círculos.

Example of excess spacing added to the Brush Strokes

Paso 3

Para colorear estos collares, Bloquea los Píxeles Transparentes en la capa correspondiente. De esta forma, puede agregar todas las variaciones de arco iris que desee, sin preocuparse por salir de la forma que hemos creado.

En lugar de dibujar a mano un contorno exterior alrededor del collar, utilicé un Efecto de Capa de Trazo. Haga clic en Agregar un Estilo de Capa en el panel Capas y seleccione Trazo.

Finalmente, agregué algo de valor al crear una Nueva Capa, configurándola como una Máscara de Recorte. Utilicé la misma luz violeta de antes en el tutorial para agregar estos valores al área del collar.

Effects and colors added to the necklace area

Paso 4

Finalmente, agreguemos algunos aspectos destacados a las cuentas del collar. Recomiendo hacerlo en una Nueva Capa, usando un Cepillo Duro Redondo.

A diferencia de crear la base del collar en sí, dibujé pequeños puntos blancos a mano.

Highlights added to the necklace areas

Paso 5

Para resumir, hagamos algunas adiciones simples al fondo.

Primero, ajusté el azul claro en la capa de fondo. Oscurecí este azul levemente.

Esto fue para acomodar las nubes que quería agregar en una Nueva Capa. Los dibujé con un Cepillo Redondo Duro y un Cepillo Redondo Suave.

Para obtener una forma de nube más tenue y orgánica, use las herramientas Desenfocar y Difuminar para ajustar los contornos de sus nubes.

Example of clouds added to the background

¡Increíble Trabajo!

Espero que hayan disfrutado de unirse a mí durante el proceso de creación de esta ilustración, y que pueden usar algunos de estos consejos y técnicas en su propio y colorido trabajo.

Final tutorial image
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.