1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Crea una Snowboard de alto vuelo en Illustrator

Todos conocemos la típica foto del "deportista de snowboard volando por los aires". Adiciónale unos destellos de lente y ¡lo lograrás! En este tutorial damos el concepto de giro utilizando líneas ondeadas que sugieren movimiento y salpicadura de nieve. ¡Hagámoslo!
Scroll to top

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

Todos conocemos la típica foto del "deportista de snowboard volando por los aires". Adiciónale unos destellos de lente y ¡lo lograrás! En este tutorial damos el concepto de giro utilizando líneas ondeadas que sugieren movimiento y salpicadura de nieve. ¡Hagámoslo!

Vista previa de la imagen final

Dale una mirada a la imagen que crearemos. Puedes ver la vista previa de la imagen final abajo o ver una versión agrandada aquí.

Tutorial en video

Nuestro editor de video Gavin Steele ha creado un tutorial en video para complementar texto + imagen.

Introducción

El tema de la pieza que vamos a crear es snowboarding y consiste en una combinación de fotografía, efectos especiales y tipografía. El punto focal es la foto y no hacemos más que cortar nuestro snowboarder. El nombre del truco realizado es real, un alley oop. Y finalmente, los líneas onduladas y las salpicaduras unen los dos elementos sugiriendo movimiento y velocidad.

Y como en gran parte de mi trabajo, la pieza tiene un sentido retro que trae nostalgia junto al tipo de fuente Sega y una paleta de color tipo vintage. Es sencillo de hacer, ¡así que manos a la obra!.

Paso 1

Primero que todo, planea tu diseño. Puedes ver lo que intento alcanzar en la imagen de abajo.

Paso 2

Abre Illustrator y mientras usas la herramienta pincel (B) dibuja varias líneas de diferente longitud y grosor. Puedes cambiar el grosor alterando el valor de trazo.

Si no tienes Illustrator, crear algo similar en Photoshop también es fácil. Solo haz un modo camino con la Herramienta Lápiz (P) y trázalo con los parámetros que desees en los pinceles.

Paso 3

Selecciona todas las líneas y ve a Efecto > 3D > Extrusión y Bisel. Solamente cambia la posición de Profundidad de Extrusión hasta que obtengas un resultado similar.

Paso 4

Empieza con un documento nuevo en Photoshop. El mío es de 19 cm por 13 cm en 300 ppi. Rellena el fondo con degradado (G) de dos sombras de color cian: #238d8b (arriba) y #48bebc (abajo).

Paso 5

Copia todas las líneas (Comando + C) y pégalas (Comando + V) en el documento de Photoshop creado recientemente.

Paso 6

Repetir el proceso para crear el mismo grupo de líneas y el fondo en cian. Colócalos encima.

Paso 7

Para el paso siguiente, he ocultado la capa con las líneas en cian. Selecciona la capa de líneas rojas y duplícala (Comando + J). Conviértela en una máscara de recorte presionando la tecla Alt y dando clic entre las dos capas en el menú de capas. Haz clic derecho en la capa, selecciona rasterizar. Eso la aplanará, Luego, configura el modo fusionar de la capa para multiplicar y mueve las líneas alrededor para lograr el efecto. 

Paso 8

Repite el proceso para cada línea de trabajo.

Paso 9

Y ¡uhmm!, más líneas. Sin temor solo duplica las líneas existentes, se cuidadoso de ser demasiado repetitivo.

Paso 10

Y una línea solitaria más con el color: #C5A78A. Esto combina con los pantalones del snowboarder.

Paso 11

Es momento de colocar al snowboarder. Obtén esta foto de sxc. Hay algunos otros snowboarders en esta página, pero tienen puestos diferentes colores de ropa y haciendo trucos diferentes, pero la cromática y tipo en este tutorial requiere de este snowboarder en particular. Cambia el tono a -11 yendo a Imagen > Ajustes > Tono & Saturación.

Paso 12

También agregué un grupos de líneas rojas que las puse sobre el snowboarder.

Paso 13

Crea otra línea encima del snowboarder. Usa la herramienta marquesina para colocar la parte que quieres detrás de su mano, luego ocúltala yendo a Capa > Máscara de Capa > Ocultar Selección.

Paso 14

Ahora obtén esos pinceles de salpicadura de bittbox. Pinta una salpicadura en cian cerca de la base. Pintamos con los colores de fondo para intentar desvanecer algunas líneas complicadas.

Paso 15

Coloca algo más de salpicaduras en color cian.

Paso 16

Es momento de hacer algunas blancas.

Paso 17

Las verdes (#3baa7c) solamente amplían el color de la paleta. Ahora lucen fuertes, pero lo hice con los ajustes de color en mente (mira el siguiente paso). Justo detrás del snowboarder hay uno en rosa (#bc3253).

Paso 18

Ahora es momento para los grandes cambios. Ve a Capa > Nuevos Ajustes de Capa > Mapa de Degradado. Selecciona el color púrpura y naranja de la lista, coloca el modo Fusión de la capa y Opacidad al 90%.

Paso 19

Agrega un Mapa de Degradado más y escoge dos colores. Izquierda y derecha están en naranja (#ff6e02) y el centro está en verde (#7b7b37). Este debería ser con Luz Suave y 30% de Opacidad.

Paso 20

Consigue esta fuente y escribe en la primera palabra. Colócala encima de todas las capas de líneas. Escoge un color amarillo suave: #e0bd9b.

Paso 21

Duplica (Comando + J) y mueve a la izquierda arriba solo un par de pixeles. Cambia el color a un amarillo oscuro: #c7a98c.

Paso 22

Agrega una capa de estilo sobre la capa con doble clic. Agrega un Bisel y Relieve, así como también un Degradado. Usa los valores mostrados abajo.

Paso 23

Crea una capa nueva y pinta dos salpicaduras - color blanco y verde. Haz una máscara de recortes que aparezca dentro de la letra.

Paso 24

Encuentra las capas con las líneas que cruzan la imagen. Duplícala (Comando + J) y mueve la capa encima de la capa de letras. Crea un máscara de recorte, rasterízala, desatúrala (Comando + Shift + U) y ve a Filtro > Desenfoque > Desenfoque Gaussiano. Desenfoca lo suficiente para que luzca como una sombra y a dale a la capa una Opacidad al 30%.

Paso 25

Repite el proceso de pintado en el otro texto también. Sin embargo, escribe la segunda palabra detrás de más capas de línea, esto le dará una profundidad de campo. Esto cambiará la posición de las sombras. Las líneas que están encima de todos los tipos tendrán colocadas sombras más cerca de la primera palabra y sombras más lejos en la segunda. Las líneas que cubren solo la segunda palabra proyectan una sombra cercana en la palabra.

Paso 26

Más sombras en el snowboarder. No apliques sombras en las salpicaduras para que no se vean planas.

Paso 27

Obtén esta foto de sxc y desatúrala (Comando + Shift + U). Colócala encima de todas las capas, cambia su Opacidad al 40% y el Modo Fusión a superposición.

Imagen final

Bien, ¡eso es todo amigos!.Espero que este tutorial haya sido de utilidad. Puedes ver la imagen final debajo o visualizar una versión grande de la imagen aquí.