Crear una ilustración de estilo vectorial bajo el agua en Photoshop

Photoshop no es la primera aplicación en la que pensamos cuando alguien menciona ilustraciones de estilo vectorial. Eso es porque tenemos Illustrator para producir fácilmente ilustraciones vectoriales. Si bien Photoshop no fue diseñado originalmente para crear este tipo de ilustraciones, sí tiene la capacidad de producir ilustraciones que pueden cumplir o superar la de Illustrator. En este tutorial, demostraremos cómo crear una ilustración divertida, bajo el agua, de estilo vectorial utilizando Photoshop. Empecemos!


Antes de que empieces

Será de gran ayuda si utiliza una tableta gráfica para este tutorial. Comience con un archivo enorme (3,000 x 2,000 px, por ejemplo). Vas a cambiar el tamaño de la imagen al final. Trabajar con archivos grandes te permitirá ser más preciso. Además, recuerde, si está diseñando para imprimir, asegúrese de usar 300 ppi y un perfil de color CMYK.


El bosquejo

El primer paso será producir un boceto. Desafortunadamente, olvidé guardar mi boceto original, así que estarás solo aquí. Mi boceto se realizó directamente en Photoshop, pero puede dibujarlo en papel y escanearlo.


Rastreando tu arte lineal

Esta guía formará la base de las técnicas que utilizará a lo largo de este tutorial. Usando la herramienta Pluma, trace la forma de abajo.

Haga clic derecho en la ruta y luego haga clic en Rellenar ruta.

Ahora aplica la misma técnica a tu arte lineal..


Paso 1 - Colores

Ahora que se han rellenado las líneas de nuestras ilustraciones, ahora es el momento de agregar color. Con la herramienta Pluma, dibuje los trazados que crearán luces y sombras. Una vez que se haya cerrado cada ruta, rellene cada ruta en una nueva capa.

Añadir sombras y destacados.

Añadir detalles.

Aplica las mismas técnicas a los otros elementos de tu ilustración..

Puedes usar diferentes opacidades desde 50-60% para agregar una variedad de colores diferentes.

Tu ilustración ahora debería ser similar a la imagen de abajo..


Paso 2 - Antecedentes

Ahora, tenemos que trabajar en el fondo. Empezaremos con la arena. Haz un camino con la herramienta pluma y rellénalo en una capa.

Ahora aplique un filtro de ruido yendo a Filtro> Ruido> Agregar ruido.

Tu primera duna de arena debería verse así..

Usa la misma técnica para agregar otras dunas de arena. Agréguelos en una capa diferente y use un color más oscuro para darle un poco de profundidad..

Para agregar un poco más de profundidad, establezca la opacidad de la última capa en 60-70% y luego agregue un Desenfoque gaussiano.

Por último, cree una capa de sombra con la herramienta Pluma. Use un color oscuro con 50-60% de opacidad. Usted podría agregar un borrón también.

Dibuja algunos tiburones y difumínalos para darle profundidad..

Ahora aplique un desenfoque de movimiento. Filtro> Desenfoque> Desenfoque de movimiento. Establece el desenfoque en un ángulo para dar esta impresión de movimiento.

Tu tiburón ahora debería verse similar al de abajo. Para hacer una copia, duplicar, reflejar horizontalmente y redimensionar, si es necesario.

Usa la misma técnica para producir el arrecife. Solo dibuja un camino simple y agrega un Desenfoque Gaussiano. Usted puede agregar algunos puntos culminantes agregando algunos puntos de luz con un desenfoque.

Tu imagen ahora debería verse similar a la imagen de abajo..

Seleccione su capa de fondo blanco y aplique un degradado para colorear el agua.

Usa un degradado radial..

Dibuja el gradiente como se muestra abajo.

Muestre las otras capas en su ilustración y ahora debería verse similar a la imagen de abajo.


Paso 3 - La red

Ahora vamos a empezar a trabajar en la red. Dibuja tus líneas como se muestra a continuación.

Rellenar con un color básico..

Añade sombras y luces.

Continúa dibujando la parte trasera de la red. Rellenar con un color básico..

Añade sombras y luces.

Sigue agregando más arte lineal.

Rellena con el color básico y añade sombras y resaltes..

Agrega un estilo de capa a esa capa y selecciona Superposición de patrón. Creé un pequeño patrón de tablero de ajedrez y lo apliqué a la capa de red.

Llene la abertura como se muestra abajo.

Agregué una etiqueta a la red. Aquí está un primer plano.

Añadir algunas burbujas. Son simples de hacer. Una capa para líneas, una capa para luces y manchas. Establece las opacidades de resaltado de las capas en 60-70%.

Casi termino!


Paso 4 - Luces

Ahora haremos algunos ajustes..

Agregue algunos puntos pequeños con un cepillo duro de 1px, 2px, 3px y 4 px, solo con un clic. Cada tipo de puntos en la misma capa, y establece el modo de fusión de la capa en "aclarar".

Duplique la capa y vaya a Filtro> Desenfoque> Desenfoque gaussiano, configurando 1px. Configure el modo de fusión de capas en "esquivar lineal".

Crea una nueva capa y, con un pincel grande y muy suave, crea formas en puntos de luz.

Ajuste la opacidad al 45%, rellene al 15% y el modo de fusión en "esquivar lineal".

Ahora queremos mejorar la calidad de la imagen..

Así que crea una nueva capa, dejándola en blanco. Vaya a imagen> aplicar imagen y configure estos valores: (si está trabajando en CMYK, el canal será CMYK, así que no se preocupe).

Después de eso, seleccionando la capa que acabamos de crear, vaya a filtro> afilar> afilar. A continuación, establezca el relleno de capa en 40%. Mira, nuestra calidad mejoró.!


Imagen final