Creando una ilustración de estilo vectorial en Photoshop

En este tutorial aprenderás a cómo crear una ilustración de una modelo. Esta tendrá en estilo vectorial ya que emplearemos la Herramienta Subexponer de Photoshop para adicionar algo de dimensionalidad a la ilustración. Al finalizar tendrás suficiente información y práctica para crear tus propios proyectos. Aunque esto no requiere alguna habilidad especial, pues el uso de la herramienta Pluma será suficiente. Habilidades de dibujo también ayudan, al igual que una tableta, aunque ésta última no sea tan necesaria.

Tutorial Ganador del Tercer Lugar

Este es el tutorial ganador del tercer lugar Psdtuts+ Primer concurso de escritura de tutoriales. Puedes mirar los resultados del concurso aquí. ¡Felicitaciones a Gustavo Caetano Jacinto! ¡Disfruten este tutorial!

Vista previa de la imagen final

Demos una ojeada a la imagen que crearemos. Haz click la captura de pantalla de abajo para visualizar una imagen completa. Como siempre, el archivo de capas de Photoshop esta disponible en nuestra membresía Psdtuts+ Plus.

Paso 1

Antes de comenzar necesitamos encontrar nuestra inspiración. Para este tutorial, usé esta fotografía que encontré en Stockvault. Después de descargar la imagen, ábrela en Photoshop.

Paso 2

Estaremos usando varias capas para crear este arte, para así mantener todo organizado. Crear una nueva capa sobre la imagen y nómbrela "Cabeza". Ahora agarre su herramienta Lápiz (P) y asegúrese su conjunto de rutas.

Paso 3

Presiona Ctrl + Barra espaciadora para seleccionar la Herramienta Ampliar. Luego, amplía sobre el rostro de la modelo. Traza el contorno del rostro. No te preocupes de las partes cubiertas por el cabello. Luego nos encargaremos de ellas. Al finalizar selecciona el color #decfb8 y rellena la figura.

Paso 4

Crea una nueva capa sobre la capa "Cabeza" y nómbrala "Cabello" y repite el mismo proceso que hiciste con el rostro. Ahora encárgate del lado interno del cabello, ya que esto definirá la forma del rostro. Pero por ahora no te preocupes de todos los detalles aún. Luego, rellena la forma con color negro.

Paso 5

Por ahora deberá obtener algo similar como la imagen de abajo. Se ve rara, pero la mejoraremos.

Paso 6

Crea dos capas más abajo de la capa "Cabeza" y nómbralas: "Cuerpo" y "Camiseta". La capa "Camiseta" deberá estar sobre la capa "cuerpo" y ambas, debajo de la capa "Cabeza". 

Repite el mismo proceso. Empieza con el cuerpo y el cuello, y rellene la figura con el mismo color del de la cabeza. Ten en cuenta que es importante dibujar correctamente solo las partes que no estarán cubiertas por las otras capas. Luego crea la capa "Camiseta" y rellénala con un color azul claro.

Paso 7

Ahora vine una parte complicada, los ojos. Quizá vas a necesitar crear un grupo de capas solamente para los ojos, ya que usaremos muchas. Por ello, crea una capa nueva y llámala "Ojo". Ahora amplía y dibuja la forma alrededor de los ojos y rellénala de color blanco.

Paso 8

Crea una nueva capa y nómbrala "Iris". Ahora dibuja alrededor del iris y rellénalo con color negro.

Paso 9

Crea una nueva capa y nómbrala "Pestaña". Dibuja el trazado alrededor de la pestaña para contornear el globo ocular. Rellena con color negro. Usa la Herramienta Borrador para borrar todas las zonas blancas que sobrepasan el área de las pestañas.

Paso 10

Cree una capa y nómbrala "Retina". Dibuja el trazado alrededor de la retina y rellena con color negro.

Paso 11

Crea una capa y nómbrala "Iluminaciones". Para dar un poquito más de vida a los ojos, selecciona las iluminaciones sobre el iris y rellénalos con color blanco.

Paso 12

Ahora, también daremos a los ojos un poquito de profundidad a los ojos. Selecciona la capa "Cabeza". Dibuja los trazados alrededor de los ojos. Haz click-derecho en el camino y escoge Convertir Trazado a Selección.  Agarra la Herramienta Subexponer (0) y establece la Exposición alrededor del 25%. Luego, oscurece aquellas áreas intentando seguir la intensidad de figura.

Paso 13

Avanza un poquito más y oscurece el área alrededor del ojo usando la Herramienta Subexponer.

Paso 14

Regresa a la capa "Ojo" y crea una capa llamada "Ceja" sobre ésta. Crea un trazo alrededor de las cejas y rellena con color negro.

Paso 15

Ahora terminaste con los ojos, entonces crea una nueva capa externa de los "Ojos" y llámala "fosa nasal". Crear un trazo alrededor de las fosas nasales, haz click-derecho para transformar la selección. Rellénalo con el mismo color que escogiste para el rostro. Abre Curvas (Comando + M) y empuja la curva un poquito abajo para oscurecer el color.

Paso 16

Selecciona la capa "Cabeza". Dibuja alrededor debajo de los bordes de la nariz. Abre Curvas (Comando + M) y empuja la curva un poquito abajo para oscurecer el color.

Paso 17

Todavía en la capa "Cabeza", selecciona la Herramienta Subexponer (0). Luego, oscurece las aéreas alrededor de la nariz para darle forma y profundidad. Usa la imagen como referencia.

Paso 18

Crea una capa encima y llámala "Boca". Luego dibuje un trazo alrededor de la boca y rellénalo con color #fcb09e.

Paso 19

Dibuja el contorno alrededor del área más oscura en medio de la boca. Haz click-derecho para hacerle una selección, abre Curvas (Comando + M) y oscurécela un poquito.

Paso 20

Selecciona la capa "Cabeza". Luego dibuja un trazo alrededor del área de la piel clara sobre la parte superior de la boca. Usa la imagen de abajo como referencia. Abra Curvas (Comando + M) y levanta a curva ligeramente para iluminar el área.

Paso 21

Para finalizar usa la Herramienta Subexponer para oscurecer el área de sombras de la boca en ambas capas "Cabeza" y "Boca".

Paso 22

Con la Herramienta Subexponer aún seleccionada, selecciona la capa "Cuerpo" y oscurece las áreas de sombras en el cuello.

Paso 23

Con la capa "Cuerpo" aún seleccionada, usa la Herramienta Pluma para seleccionar las sombras en ambas axilas. Luego, haz click-derecho para transformar la selección, abre Curvas (Comando + M) y oscurece esas áreas.

Paso 24

Selecciona la capa "Camiseta". Usa la herramienta Pluma para dibujar alrededor de la parte iluminada de la camiseta. Haz click-derecho para transformarla en selección, abre Curvas (Comando + M) e ilumina esas aéreas.

Paso 25

Con la capa "Camiseta" aún seleccionada, usa la Herramienta Pluma para dibujar alrededor de las las sombras en la camiseta. Haz click-derecho para transformarla en selección, abre Curvas (Comando + M) y oscurece esas áreas. Luego usa la Herramienta Subexponer para darle algunos acabados finales.

Paso 26

Selecciona la capa "Cabello". Luego usa la Herramienta Pluma para dibujar alrededor de las franjas y darle más detalles al cabello. Rellénalo con color negro.

Paso 27

Haz click en la capa "Cabello" para seleccionarla. Usa las flechas Abajo y Derecha para mover la selección un poquito abajo y a la derecha como en la imagen.

Selecciona la capa "Cuerpo" y use la Herramienta Subexponer para hacer la sombra del cabello en el cuerpo. Haz lo mismo con la capa "Cabeza". Usa la Herramienta Subexponer para crear las mismas sombras en el rostro. Usa la imagen de abajo como guía.

Paso 28

Selecciona la capa "Cuerpo" y usa la Herramienta Pluma para dibujar las sombras alrededor del brazo. Abre Curvas (Comando + M) y oscurece esas áreas.

Paso 29

Crea una capa debajo de la capa "Camiseta". Selecciona lo negro del brasier sobre su hombro derecho y rellénalo de color negro.

Paso 30

Crear una capa nueva debajo de todas las demás. ¡Rellénelo con un lindo colorido de fondo degradado y acabaste! Este tutorial te enseña como crear una ilustración simplemente con estilo vectorial y usar la Herramienta Subexponer para adicionar un poquito de profundidad, suavidad e interés para la ilustración. Es un rápido y efectivo estilo para que lo uses en tu propio trabajo de ilustración. Puedes ver una a amplia versión aquí.