Tutorial Graffiti digital

Este es un tutorial para la elaboración de una ilustración de graffiti de manera personal. Las herramientas utilizadas en este caso son Adobe Illustrator para el trazado, y Adobe Photoshop para algunos detalles de retoque y efectos.

Éste es el trabajo final y a continuación describiré brevemente los pasos que seguí para concluir con la imagen.

Paso 1
Selecciona un boceto y toma una foto o un scan de la hoja completa

Paso 2
Crea un documento nuevo en Adobe Illustrator del tamaño que vayas a preferir, en mi caso yo selecciono las opciones por defecto, que son un documento tamaño carta, modo CMYK a 300 ppi.

Paso 3
En el lienzo inserta la imagen con el comando File > Place (Colocar en español) y dimensiónalo de un tamaño amplio para mayor comodidad a la hora del trazo.

Como sugerencia personal, yo suelo trabajar fuera del espacio del lienzo.

Paso 4
En la pestaña de capas dejamos la imagen del boceto en una capa individual y le ponemos un candado para que quede bloqueada y no se muevan los objetos del lienzo, y la renombramos para que no haya confusión. Luego creamos una capa nueva para comenzar con el trazado. 

Paso 5
Con la herramienta de Trazado iremos dibujando las partes del relleno del graffiti como si fueran objetos, es decir, cada parte del boceto será un objeto, inlcuyendo el outline del mismo.

Al ir trazando podemos alternar el relleno y el trazo de nuestro objeto con shift+x para darnos una idea de cómo quedará la parte ya trazada del boceto

El trazo del outline del graffiti te recomiendo hacerlo en una capa inferior al relleno de éste, hacerlo de otro color y nombrarlo como mejor te acomode. En este caso el outline del graffiti tiene espacios huecos que iremos haciendo con la herramienta de pathfinder de la siguiente manera:

1. Después de haber trazado el outline, trazas cada uno de los huecos y al terminar selecciones todos los objetos.
2. Con la herramienta Pathfinder oprimes el botón Divide.
3. Desagrupas todo el objeto y comienzas a borrar cada uno de los objetos que conforman cada hueco

Paso 6
A continuación vamos a hacer que el outline del graffiti quede definido de la misma manera que hicimos para la separación de los huecos. Esta opción nos ayudará a tener por separado el outline y después colocarlo encima de todo el diseño.

Selecciona todos los objetos de ambas capas y presiona el botón Divide. 

Paso 7
Depués de aplicar Divide la acción hará que todos los objetos queden agrupados, por lo que tendremos que separarlos con la opción de desagrupar (1) Object > Ungroup . Por practicidad yo separo el outline del relleno seleccionando las partes del primero y colocándolo en una capa nueva.

Nota: Recomiendo que siempre el outline del graffiti quede en la capa superior a todas las demás.

Paso 8
Ya teniendo todos los objetos por separado podemos comenzar a colorear cada una de las partes utilizando colores sólidos o gradients.

Para agregar detalles utilizo algunas técnicas empleadas en la elaboración de graffiti sobre pared, como son el uso de sombras, brillos y destellos que pueden ser realizados mediante gradients, efectos de blur, etc.

Dependiendo de tu creatividad puedes ir agregando aún más detalle, relieves, texturas, sombras, modos de mezcla (blending). Lo ideal es que cada efecto lo tengas separado por capas y debidamente nombrada para que puedas editar cada detalle por separado.

Paso 9
Al terminar nuestro documento el Illustrator podemos pasarlo a Photoshop para continuar agregando efectos. Lo que un servidor hace es exportar (File > Export) el archivo de nuestro graffiti en un formato de imagen .png para poder conservar la transparencia.

Podemos agregar un fondo, destellos, texturas y sombras para darle realce a nuestra obra final.

Como sugerencia, hay que considerar trabajar la ilstración en una resolución alta por si hay que hacer ajustes, o aplicaciones posteriores.

Espero que sirva de algo este pequeño tutorial.