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 una hermosa sirena en Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Las sirenas vienen en una variedad de formas, tamaños y colores. En este tutorial, vamos a caminar dibujando y pintando una colorida sirena en Adobe Photoshop.

Vamos a dibujar y pintar dentro de Adobe Photoshop, de principio a fin, incluso en el boceto inicial. Supongo que tiene conocimientos básicos de Photoshop, como crear nuevos documentos y seleccionar diferentes herramientas dentro del panel Herramientas. También debes tener una comprensión básica de las capas. Tenga en cuenta que este tutorial requiere una tableta de dibujo de algún tipo, con sensibilidad a la pluma.

Empecemos !

¿Buscas pinceles de Photoshop, acciones y más? ¿Por qué no echas un vistazo a GraphicRiver para obtener increíbles complementos de Photoshop?

1. Cómo crear el boceto

Paso 1

Comenzaremos por crear un Nuevo Documento. Esto se puede encontrar a través de Archivo y luego Nuevo.

Aquí hay muchas opciones (¡suficientes para todo un tutorial!), Pero a los fines de este tutorial, voy a dibujar a 8 pulgadas de ancho por 10 pulgadas de alto. También estoy trabajando a 300 dpi. Una vez que esté satisfecho con sus elecciones, seleccione Aceptar.

New Document Dialog Box displaying file options

Paso 2

Antes de comenzar a dibujar, asegurémonos de haber preparado nuestro documento correctamente. Hay dos cosas importantes que me gustaría hacer antes de comenzar a dibujar.

Crea una nueva capa. Utilizo capas con mucha frecuencia cuando estoy dibujando y pintando en Photoshop, y las necesitarás en este tutorial.

Para hacer esto, asegúrese de que su panel de Capas esté abierto. Si no lo ve abierto por defecto, seleccione Ventana y luego Capas.

Por defecto, notará que solo hay una capa aquí. Se llama Fondo, y podríamos recurrir a él, si quisiéramos. Sin embargo, voy a hacer una nueva capa haciendo clic en el icono Crear una nueva capa.

Esta nueva capa es la capa en la que voy a dibujar. Esto significa que será independiente de la capa de fondo (donde se encuentra el color de fondo blanco).

Example of creating a New Layer in the Layers Panel

Paso 3

Ahora, elijamos un pincel para crear nuestro boceto. Hay muchos pinceles de Photoshop maravillosos que podrías usar, pero para este tutorial, vamos a depender en gran medida de los pinceles básicos y predeterminados incluidos con el software. Tenga en cuenta que estos son solo posibles ajustes de pincel: no existe una elección universalmente correcta o incorrecta, y cuanto más los use, más cómodo se sentirá con ellos.

Sin embargo, la configuración predeterminada puede no verse o sentirse de la manera que usted desea, directamente de la caja. Tal vez les falta la sensibilidad que están más acostumbrados a ver en los medios reales, como lápices o marcadores, por ejemplo. Aquí haremos algunos ajustes simples que cambiarán su aspecto y uso.

Puede ver su configuración de Pincel a través de Windows y luego Pincel.

Intente alternar en Opacity Jitter y configurarlo en Pen Pressure.

Brush Panel and where to adjust the Opacity Jitter

Esta configuración aumentará y disminuirá la opacidad de los trazos de pincel, según la presión que coloque en el lápiz.

Intenta configurar el Jitter de Tamaño a la Presión del Lápiz también.

Brush Panel and where to adjust the Size Jitter

Notarás en la vista previa que los extremos del pincel disminuyen ahora, en lugar de permanecer en un tamaño uniforme. De nuevo, esto estará determinado por la presión que pones en tu pluma. Puede que esta no sea la configuración que desee durante todo el proceso de pintura, pero le recomiendo saber dónde está y qué hace, especialmente para hacer bocetos.

Paso 4

¡Ahora, comencemos a dibujar! Comenzaré con un cepillo redondo duro básico.

Como una sirena es a la vez un ser humano y un pez, me gusta mirar las referencias de ambos, así que puedo ver cómo se mueve el cuerpo de cada uno. ¡No tengas miedo de experimentar con tipos de cuerpos también! En este caso, voy a darle al personaje una figura completa.

Empecé bloqueando formas básicas para definir partes clave del cuerpo, como las costillas y los huesos de la cadera. Cuando se trata de la cola, elegí tratarla como un apéndice largo y fluido. Voy a pretender que hay un hueso largo allí, por ejemplo.

Example image of blocking out basic forms

Como esta sirena va a estar bajo el agua, consideremos también cómo el agua puede afectar al personaje. Por ejemplo, es probable que el cabello fluya con el agua de alguna manera, y el peso del cuerpo podría no mantenerse del mismo modo que lo haría en tierra. La cola, en este caso, también podría ser fluida y ligera de peso.

Example image of refined sketch

Cree una nueva capa, como hicimos anteriormente en este tutorial, para dibujar encima de su boceto inicial. Me gusta trabajar de esta manera cuando quiero preservar mi boceto inicial y usarlo como guía.

Example image of further refined sketch utilizing layers

2. Cómo agregar los colores iniciales

Paso 1

¡Ahora, comencemos a trabajar con colores! Personalmente, me gusta pintar encima de mis líneas. Empiezo creando una Nueva Capa y configurando el Modo de Fusión para Multiplicar. Luego, sigo adelante y pinto encima. Notarás que esto también altera los colores de mis líneas, según el color que coloqué encima.

Placing colors on top of lines using Blending Modes

Una vez que estoy satisfecho con mis elecciones, me gusta aplanar mis capas de ilustraciones. ¡Advertencia, esto significa que el boceto y los colores se combinarán en una sola capa! A menudo me gusta guardar una copia de mi trabajo antes de hacer esto, ¡por si acaso quiero volver, antes de este paso!

Para seleccionar varias capas, haga clic y mantenga presionada la tecla Shift. Luego, para fusionarlos, haga clic con el botón derecho y seleccione Fusionar capas.

Example of Merging Layers

Paso 2

Ahora, agreguemos un Color de fondo básico. Elija un color a través del selector de color en el panel Herramientas y luego aplíquelo a la capa de fondo con la herramienta Cubo de pintura. Si es necesario, limpie cualquier color perdido alrededor de su obra de arte.

Example image showing the addition of a Background Color

Como voy a usar el fondo para inspirar las sombras del personaje, voy a bloquear algunos elementos de fondo básicos. Sé que quiero que mi sirena esté bajo el agua, y me gustaría tener algo de luz que brille en el agua, desde arriba.

In progress examples of blocking out background elements

Para lograr este aspecto, utilicé colores más claros que el azul del fondo, un Cepillo Redondo Duro y un Borrador redondo suave y un borrador duro redondo para mezclar y dar forma a mis líneas. También utilicé las herramientas Blur y Smudge para ayudar a que las líneas de agua en la parte superior parezcan más orgánicas.

Paso 3

Para bloquear en sombras al personaje, creé una Nueva capa en la parte superior de la capa de mi obra actual y la configuré como máscara de recorte.

Esto significa que puedo pintar encima sin salir de los límites de mi trabajo. Para hacerlo, seleccione su capa recién creada, haga clic con el botón derecho en una PC o presione Control en Mac, y luego seleccione Máscara de recorte.

Aquí se muestra cómo se ve una capa con una máscara de recorte. Tenga en cuenta que también he configurado el modo de fusión para Multiplicar.

Example Clipping Mask with Blending Mode set to Multiply

3. Cómo pintar la sirena

Paso 1

Ahora que hemos establecido los conceptos básicos de nuestro dibujo, podemos comenzar a refinar nuestro trabajo. Este es el punto donde a menudo experimento con otros pinceles. Por ejemplo, cuando renderizo una máscara, suelo usar un pincel con un borde más suave. Utilicé el pincel redondo predeterminado para este tutorial, con la misma configuración revisada anteriormente, para que las sombras parezcan más suaves en la piel.

Example of Soft Round Brush used to smooth skin areas

¿Pero cómo se obtienen cambios sutiles en el valor? ¿Cómo fusionas tus líneas y haces que las cosas parezcan más pictóricas?

Experimentar con la Opacidad (la cantidad de transparencia) y el Flujo (la cantidad de "pintura" que sale) puede ayudar en las áreas que requieren cambios sutiles en el valor. Esto puede variar según la cantidad de presión que coloque en su pluma, las elecciones de estilo y la forma en que prefiere dibujar.

Image showing where to find the Opacity and Flow options in the Options Panel

Paso 2

Cuando renderizo cabello, me gusta pensar en la dirección en que se encuentra, fluye o se mueve. La dirección de tus golpes marca una gran diferencia; las líneas al azar se verán caóticas. Recomiendo tomarse su tiempo y crear trazos que van desde la corona hasta las puntas.

Example of lines drawn from the crown to the tips of the hair

Habrá variaciones en el valor (claro y oscuro) dentro del cabello también. Tenga en cuenta que estos cambios de valores no son independientes; en general, deberían inspirarse en la misma fuente de luz que bloqueamos anteriormente.

Example of hair rendering process mid completion

Paso 3

También me gusta agregar variación en el cabello, por lo que no necesariamente se ve como un bloque uniforme. Experimenté colocando hebras sueltas en la parte superior, en una nueva capa, de un color similar. Para unificarlos con el resto del cabello, agregué contornos en un color oscuro en los bordes más externos.

Example of stray hair added to the illustration

Paso 4

Para lograr más de un color en el cabello, creé una Nueva capa en la parte superior del cabello. Utilicé una máscara de recorte, una vez más, así que no tengo que preocuparme por colorear "fuera de las líneas". Cambié el Modo de fusión a Color y ¡voilá! ¡Ahora los consejos son azules!

Example of Clipping Masks and Blending Modes used to change Color

Notarás que también aproveché esta oportunidad para agregar un toque de color a los ojos. Usé un cepillo redondo suave para agregar algunos tonos rosas y azules, nuevamente, con la misma técnica.

4. Cómo agregar textura en la cola

Paso 1

Por lo general, la cola de una sirena difiere de la piel humana. Podemos esperar que esta parte de la sirena tenga una textura similar a una escala, como la que vemos en un pez. Sin embargo, antes de comenzar a experimentar con texturas, quiero ir y mezclar las sombras que he colocado en esta área, usando un Cepillo redondo suave y Opacidad reducida.

Una vez que esté satisfecho con sus sombras base aquí, es hora de comenzar a experimentar con la textura. Vamos a crear una textura nosotros mismos, aquí en Photoshop, para crear un efecto similar a una escala.

Image that shows tail area smoothed with Soft Round Brush

Paso 2

En primer lugar, al igual que la forma en que cambiamos el color del cabello, comenzaremos por crear una nueva capa en la parte superior de nuestra obra de arte. Bloquee el área en un solo color, pero no cambie ningún modo de fusión esta vez (simplemente déjelo Normal por ahora).

Sin embargo, deberá bloquear los píxeles transparentes, como se ve a continuación.

Esto significa que cuando pasemos a aplicar filtros, permanecerá aislado en esta área que hemos completado.

Area above tail blocked out with a solid color

Paso 3

Primero, aplicaremos el filtro Nubes para crear alguna variación en el valor. Alternativamente, puede agregar sus propias variaciones aquí, a mano.

Cuando utilice el filtro Nubes, asegúrese de que sus Colores de primer plano y de fondo se hayan seleccionado correctamente. En este ejemplo, y para este tutorial, utilicé un azul claro y blanco. Luego, con la capa correcta seleccionada, vaya a Filtros> Renderizar> Nubes.

Example of applied Cloud filter

Paso 4

¡Ahora, creemos algunas escalas! Abra la Galería de filtros, a través de Filtros> Galería de filtros.

Luego, aplicaremos dos filtros aquí a nuestra capa: primero, vidrieras, y en segundo lugar, envoltura de plástico. Aquí hay un ejemplo de cómo se ve esto, con la Galería de filtros abierta:

Tenga en cuenta que la flecha apunta a la lista de filtros aplicados. Puede agregar o eliminar filtros a través de los íconos Nuevo y Papelera, que aparecen en un círculo arriba.

Mi configuración fue:

  • Vitral: Tamaño de la celda 28, Grosor del borde 7, Intensidad de la luz 4
  • Envoltura de plástico: Resalte Resistencia 13, Detalle 12, Suavidad 5

Tenga en cuenta, sin embargo, que no hay "configuraciones perfectas". Te animo a experimentar y ajustar estos valores, como mejor te parezca.

Seleccione Aceptar una vez que esté satisfecho con los valores que ha seleccionado.

Example of the Filter Gallery and its settings

Paso 5

Ahora, configure el Modo de fusión de la capa en la que hemos estado trabajando para Multiplicar. Voila! La cola de nuestra sirena parece cubierta de escamas.

Scales Layer set to Multiply illustrating effect on tail area

5. Cómo agregar los toques finales

Paso 1

Para finalizar nuestra ilustración, agregaremos algunos detalles a la aleta caudal y al aspecto del personaje.

Primero, corta la cola de la sirena y pégala en su propia capa.

Establezca el Modo de fusión de esta capa en Multiplicar, y baje la Opacidad a un valor de alrededor del 50%, como se muestra arriba. Esto hará que la cola se vea transparente.

Example of fin cut with lowered opacity

Paso 2

Para agregar alguna variación de color a la cola, duplique la capa de cola y cambie su Modo de fusión a Normal. Bajé la Opacidad al 33% y, con los píxeles bloqueados (Bloquear píxeles transparentes en el panel Capas, una técnica utilizada anteriormente en este tutorial), apliqué algunos azules y morados.

Example of color placed underneath transparent fin

Paso 3

Para finalizar la cola, utilicé más de una capa. Dibujé las puntas ligeramente coloreadas de la cola con un Pincel redondo duro con la Opacidad en toda la extensión (100%, lo que significa que no es transparente). Recuerde, siempre puede alternar entre Bloquear píxeles transparentes y si desea aplicar color sin que salga del límite de su dibujo. Usé esto, aquí, para cambiar el color de esta línea de púrpura a azul.

Luego, para unificar y refinar la cola, dibujé un contorno oscuro alrededor del perímetro del trabajo que completé en esta área (similar a las técnicas utilizadas en el cabello).

Visual adjustments made to fin and tail area

Paso 4

Finalmente, quería agregar algunos detalles a la piel. Para hacerlo, reutilicé los conceptos presentados anteriormente en este tutorial. Por ejemplo, creé una nueva capa y creé líneas en la piel para sus detalles de piel y tatuajes. Bajé la Opacidad en estas capas y usé un Cepillo redondo suave al borrar, para alisar y mezclar los bordes.

Example of final refinements

¡Impresionante trabajo!

Espero que haya recogido algunos nuevos consejos y técnicas en este tutorial. Tenga en cuenta que estos pasos pueden (¡y deben!) Experimentar con diferentes colores. Prueba diferentes poses, tipos de cuerpo e incluso diferentes tipos de colas.

¡Buena suerte creando coloridas sirenas tuyas!

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.