Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Illustration

Cómo crear una sirena punk estilo Art Nouveau en Adobe Illustrator

by
Read Time:11 minsLanguages:

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

En este tutorial, te enseñaremos el procedimiento paso a paso de elaborar una sirena con una afinidad por todas las cosas del rock punk y que se venden en tu tienda local Hot Topic o Spencer's. Desde el anillo de botón de Hello Kitty en el ombligo o su exuberante e indomable estilizado cabello azul verdoso, exploraremos el alucinante mundo del color y las formas que es el vectorial.


Paso 1

Cuando trabajo, generalmente comienzo con papel y lápiz. Me gusta la idea de tomarme mi tiempo con mi cuaderno de bosquejos en mi regazo, escuchando algunas canciones inspiracionales, ya sean de metal pesado u ópera y definir los detalles de mi siguiente ilustración. El típico lápiz de grafito 0.7 funciona bien para definir detalles pequeños y una vez terminado, puede ser digitalizado en la computadora usando una resolución de 300 puntos por pulgada.

Cuando hice los primeros bosquejos, me enfoqué en varias partes independientes. Hice los elementos del frente, la sirena y los elementos del fondo en páginas separadas y los llevé a Photoshop para hacer la composición. Una vez que he combinado mis capas en una imagen, los niveles se cambiaron para oscurecer las líneas y definir las formas finales para facilitar la vectorización.

Una vez que el bosquejo ha sido guardado en formato JPEG o PNG se lleva a Adobe Illustrator. Este archivo particular se preparó en 8.5 x 11 pulgadas para comenzar. En algunos casos, necesitarás verificar tus preferencias al dirigirte a la parte superior de la barra y hacer clic en Configuración del documento > Editar mesas de trabajo o usar el método abreviado del teclado Alt + Ctrl + P, donde puedes manipular las líneas discontinuas en tu mesa de trabajo al tamaño que requieras, o introducir el tamaño en la parte superior de la barra.


Paso 2

En este paso, comencé a trabajar en los tonos base de la piel usando únicamente la herramienta Pluma (P) y las curvas se logran manteniendo pulsada la tecla (Alt) mientras se crean los puntos para formar cada trazado. He usado solo dos degradados, un crema claro: R=244 G=223 B=189 y rubor miel: R=170 G=99 B=63 para mantener las cosas menos complicadas. Este es un degradado lineal con una Opacidad sólida. Mientras continúo, me aseguro de nombrar mis capas para facilitarme las cosas durante todo el proceso. Si este fuera un proyecto más complejo, sería más necesario nombrar mis capas, no únicamente para mí, sino también porque podría compartirlo más adelante con impresores o personas que trabajan en esa área. Si puedes, haz esto un hábito.


Paso 3

En esta etapa, comenzaremos a trabajar en el sombreado y las iluminaciones de su tono de piel. Generalmente voy directo al rostro, ya que es una de mis partes favoritas para crear pero en esta ocasión primero voy a enfocarme en su piel. Tengo una buena y divertida razón para esto, pero la discutiremos más tarde. Por ahora, voy a usar el mismo crema claro: R=244 G>=223 B=189 y rubor miel: R=170 G=99 B=63 para hacer sus sombras, pero he disminuido la Opacidad en el lado crema claro a 0%. Para algunas de las áreas oscuras, he usado un marrón miel: R=128 G=64 B=54 y un marrón grisáceo: R=179 G=113 B=78 con la Opacidad establecida en 0% en el marrón grisáceo. Un ejemplo de esto es su mano. El sombreado interior es un poco más oscuro con una Transparencia de 53%. Para sus iluminaciones voy a usar una variación de blancos en cada lado de mi escala de degradado. El primero es un color cáscara de huevo: R=252 G=246 B=213 y el segundo es un blanco pastel: R=251 G=240 B=209 con la Opacidad establecida en 0% en el lado pastel. Este es un degradado radial para darle una apariencia más suave y más natural.


Paso 4

El sombreado de sus rasgos faciales están hechos en un marrón miel: R=128 G=64 B=54 y un marrón grisáceo: R=179 G=113 B=78 con la Opacidad establecida en 0% también en el marrón grisáceo. Estas áreas también son degradados radiales que recogen las partes más claras de su piel muy agradablemente. Sus labios son hechos de un rosa oscuro vintage: R=193 G=89 B=89 y un marrón grisáceo: R=179 G=113 B=78 con la Opacidad establecida en 0% en el marrón grisáceo. Una iluminación de nuestro color cáscara de huevo: R=252 G=246 B=213 y la segunda es un blanco pastel: R=251 G=240 B=209 con la Opacidad establecida en 0% en el lado pastel para hacerla parecer más brillante.


Paso 5

En este paso, vamos a agregar sus ojos. Sus ojos son de una variación de blanco: R=232 G=235 B=237 inicialmente porque agregaremos una forma más pequeña de blanco puro sobre ella un poco más adelante. Esto le da a sus ojos un poco más de definición y así nuestra imagen 2D tendría un poco más de dimensión. Las pestañas, las cejas y el lunar están hechos de negro y su pupila no quedará de este color particular. Esta es una forma meramente contenedora y nos enfocaremos en su ojo posteriormente.


Paso 6

¡El siguiente paso es agregar los tatuajes! Esta es la parte divertida que ansiaba y espero que tú también. Todas las piezas están hechas en un degradado radial de dos tonos y algunos de los colorees utilizados son un rojo dulce: R=208 G=0 B=69 y rojo manzana: R=162 G=24 B=0, con un grosor de Trazo de 0.75 pt en rojo oscuro: R=114 G=33 B=22. También he usado otros degradados de dos tonos como el blanco puro: R=255 G=255 B=255 y el azul nube: R=167 G=181 B=183 con un grosor de Trazo de 0.75 pt de azul nube más oscuro: R=141 G=154 B=160.

Una vez que tenga mis tatuajes como los quiero, Agruparé (Ctrl + G) mis elementos y tomaré un duplicado de la capa del cuerpo inicial y la moveré arriba de esta capa. Puedo seleccionar estas capas ahora y voy a Objeto > Trazado de recorte > Crear o (Ctrl + 7) para crear una máscara alrededor de estos elementos. Luego disminuyo mi Transparencia a Opacidad 75% para que se muestre el sombreado y crear una sensación de que los tatuajes son independientes de su piel.


Paso 7

En este paso voy a seguir las mismas pautas del paso 6. El brazo está separado del cuerpo, así que se ejecutará el mismo procedimiento para formar un tatuaje más unificado.


Paso 8

El siguiente paso es añadir la mitad inferior de su cuerpo y la parte superior del bikini. Usando tu herramienta Pluma (P) haz curvas que sigan el bosquejo. Su color es un gris oscuro: R=68 G=68 B=86 y negro dentro de un degradado radial. El blanco de la parte superior del bikini es el mismo color utilizado en sus tatuajes, y los rayos del sol japonés se hicieron de un degradado de dos tonos de azul prusia: R=53 G=83 B=164 y rojo profundo: R=69 G=0 B=0.


Paso 9

En una nueva capa, comenzaremos a crear el cabello de nuestra chica rockera. La aplicación del color consiste de una combinación tricolor que se conoce como cristal de mar: R=62 G=189 B=159, un azul mar: R=36 G=43 B=103 y azul zafiro: R=0 G=19 B=92 y una mezcla de un tono más oscuro con verde menta: R=85 G=194 B=110, azul mar profundo: R=21 G=21 B=61 y negro.

Eventualmente haré otra capa para poner detrás la capa "Mermaid" (sirena) que incluirá el cabello detrás de la cabeza.


Paso 10

Ahora podemos incluir iluminaciones para darle ese resplandeciente color cristal de mar que buscamos. Este degradado radial de dos tonos está hecho de un azul pastel brillante: R=162 G=255 B=246 y un verde pasto medio: R=85 G=194 B=110 con la Opacidad establecida en 0% en el lado del verde pasto medio.


Paso 11

Ahora la aplicación de color para las pupilas. Usaremos un degradado radial con dos colores, un rosa cálido: R=255 G=69 B=266, y púrpura real: R=69 G=0 B=65. Detrás de este fantástico color del ojo, he colocado una forma ligeramente más grande de color púrpura oscuro: R=41 G=8 B=58 y un brillo arriba de todo es un degradado radial blanco en ambos lados con la Opacidad establecida en 0% en el lado más alejado del centro.


Paso 12

Sus piercings están hechos con otro degradado radial de blanco hacia el centro y un gris metálico: R=58 G=58 B=58 hacia los bordes. Los eclipses (L) están hechos de un marrón miel: R=128 G=64 B=54 y un marrón grisáceo: R=179 G=113 B=78 con la Opacidad establecida en 0% en el marrón grisáceo con una Transparencia de 66%.


Paso 13

Enfocándonos en nuestra cola de escamas, ahora podemos comenzar a poner las escamas. En verdad no tenemos que ser demasiado detallados en esta área, pero unos Eclipses (L) bien colocados elaborados con óvalos le darán una apariencia agradable. Este color es un gris niebla: R=179 G=182 B=189 y el mismo gris oscuro: R=68 G=68 B=86 que usamos previamente, solo que en esta ocasión nuestra Opacidad ha sido cambiada a 0% en el lado gris oscuro. Estos elementos han sido agrupados (Ctrl + G) y la Transparencia ha sido disminuida a 28%.


Paso 14

El extravagante cinturón de arcoíris está hecho con seis juegos de degradados de dos tonos, con niveles bajos adicionales e iluminaciones conformadas por pequeños triángulos para darles dimensión. Es un poco tedioso, pero vale la pena el resultado. Una sombra negra se añade debajo con una Opacidad de 59%.


Paso 15

En este punto, puedo hacer una capa duplicada y agregar un poco de suavidad a su cabello. Haz clic en Efecto > Desenfocar > Desenfoque gaussiano para acceder a las opciones de Desenfoque con un valor de 4.6 px y una Opacidad de 35%.


Paso 16

El collar para nuestra sirena es una serie de trazos discontinuos. Esta opción puede encontrarse debajo de tu ventana Grosor de trazo en Línea discontinua. Para un eslabón circular, cambia el guión a 0.75 pt y el espacio a 3 pt y no olvides cambiar tu Remate a Extremo redondeado, y el Vértice a Unión redondeada. El grosor de la línea es de 3 pt. El color base es un plateado medio: R=122 G=122 B=122.


Paso 17

A continuación, trabajaremos en los elementos de fondo. He creado una nueva capa llamada "Crown" y lo primero que hice es una corona de color blanco: R=255 G=255 B=255. Agregaremos esta capa un poco más tarde.


Paso 18

Una nueva capa necesita añadirse a nuestros "Tiburones". Usando nuestra herramienta Pluma (P) seguiremos los contornos de los bosquejos para nuestros amigos marinos y los vamos a colorear como corresponde. Usaré un Degradado radial de tres colores para nuestros psicodélicos elementos del fondo. Los colores predominantes aquí son un amarillo ácido: R=240 G=255 B=92, azul eléctrico: R=28 G=69 B=156 y un púrpura eléctrico: R=177 G=0 B=208.

Una vez que este satisfecho con la manera en la que se colocaron mis colores, agregaré un efecto de vitral al ir a Efecto > Pixelizar > Cristalizar y agregaré un tamaño de celda de 17 pt y haré clic en OK. Luego duplicaré mis tiburones e incorporaré una capa de Desenfoque gaussiano al ir a Efecto > Desenfocar > Desenfoque gaussiano con un radio de 5.8 pixeles.


Paso 19

En este paso voy a seguir el mismo procedimiento del paso 18 para lograr mi efecto de vitral. Sin embargo las algas marinas tienen un color distinto. Usé un Degradado radial de dos tonos de verde limón: R=162 G=185 B=0 y verde pasto: R=33 G=46 B=0. Los trazos se añaden según corresponda, principalmente de negro con un grosor de 1 pt.

También he comenzado a añadir los rayos luminosos que salen de mi corona y que están hechos de un rosa cálido: R=231 G=0 B=133 hasta negro con la Opacidad establecida en 0% hacia el negro.


Paso 20

En este paso vamos a añadir finalmente nuestra destello estilo Nouveau a la composición. Al tomar una copia del cuerpo de la sirena, excluyendo las capas enmascaradas solo podemos combinarlas en una capa al ir a Ventanas > Buscatrazos > Unificar. Esto puede ilustrarse en una captura de pantalla donde tenemos un relleno verdoso. Usando de nuevo el negro, convierte esta capa en un Trazo con un grosor de 7 pt y asegúrate de que la opción de Remate esté cambiada a Extremo redondeado y la opción de Vértice en Unión redondeada. Esto te evita tener bordes definidos innecesarios. En el estilo Nouveau, los bordes redondeados son un punto clave a observar.


Paso 21

En seguida, haremos nuestro diseño de onda usando la herramienta Pluma (P) y siguiendo las curvas de nuestro bosquejo. La aplicación del color es la misma de la de nuestro tiburón en el paso 18, así que dirígete a ese punto para identificar la combinación tricolor específica que necesitas.


Paso 22

Una vez que estés satisfecho cómo lucen nuestros diseños de la nueva ola, podemos añadir una sombra negra duplicando las capas y usando un Desenfoque gaussiano de 5.0 pixeles y la Opacidad disminuida a 71%.


Paso 23

Los mismos pasos se hacen con nuestra sirena, pero la Opacidad está disminuida a 42% debido al brillo del elemento del fondo. El fondo es un púrpura profundo: R=22 G=2 B=22.


Conclusión

En verdad espero que te hayas divertido mucho leyendo este tutorial, como yo creando la ilustración. La combinación de contornos sólidos y colores audaces le imprime una sensación moderna y alternativa al maravilloso y clásico mundo del Art Nouveau en mi opinión, y espero que también llegues a este resultado. Si quisieras consultar más tutoriales con un tema similar al Art Nouveau, consulta este tutorial sobre la creación de un póster estilo Art Nouveau.

One subscription.
Unlimited Downloads.
Get unlimited downloads