Cómo crear patines de hielo con un estilo vectorial de dibujo suave en Illustrator

En el hemisferio norte es prácticamente invierno y los Juegos Olímpicos de invierno están a la vuelta de la esquina. Por ello, tengo en mente el patinaje artístico con líneas suaves, dulces tonos pastel y gráficos escalables. Abre Adobe Illustrator y acompáñame a usar los pinceles de cerdas, el panel de Apariencia y algunos Efectos para construir patines artísticos desde cero y crear un arte lineal perfecto a partir de formas superpuestas.

1. Construir la bota

Paso 1

He empezado con un boceto rápido, hecho en Adobe Photoshop CC de dos patines artísticos. Están dibujados suavemente, coloreados con tonos pastel, y he hecho un uso intensivo del efecto Desenfoque. Importa tu boceto, si te interesa tener uno, a Illustrator.

Paso 2

La mayor parte de este tutorial se ocupará de la bota derecha. Abajo he dibujado rápidamente (en Photoshop, sobre una captura de pantalla) la forma de la bota principal que hice (con la herramienta Pluma (P) en Illustrator) basada en mi boceto. El pie, en este caso de perfil y 3/4, tiene forma de cuña. Fíjate en el redondeo del talón (1), en la forma en que el pie se arquea hacia arriba debido al ángulo de la bota colgante (2) y en el punto en que la parte superior del pie se une a las articulaciones de los dedos (3). Esta forma de bota base se descompondrá en breve en más formas para crear el patín artístico.

Paso 3

Para la suela de la bota, la parte del patín que se conectará a la cuchilla (menos el talón, que dibujaremos en el paso 5) dibuja una forma que siga el contorno del borde inferior de la bota pero que sea más baja que la propia forma de la bota.

Paso 4

Para que la suela quede al ras de la bota (1), utiliza la herramienta de selección directa (A) para agarrar un punto de anclaje (2) y alinearlo con la esquina inferior derecha de la bota (3). Para redondear los bordes de la bota y de la suela, dibuja una forma que intersecte ambas piezas y dales nueva forma (4). Selecciona las tres formas y, usando la herramienta de construcción de formas (Shift-M), selecciona las porciones de cada forma que se cruzan con la pieza rosa recién dibujada. Deselecciona y elimina estas piezas adicionales (5).

Paso 5

El talón se compone de dos piezas, ambas dibujadas con la herramienta Pluma. La pieza izquierda es el lado del tacón y su borde más izquierdo sigue el borde del tacón de la bota. La pieza derecha es la parte interior del tacón y se curva un poco permaneciendo perpendicular a la parte exterior del tacón.

2. Desenfundar la cuchilla

Paso 1

En referencia a mi boceto, la hoja sigue el ángulo de la bota, pero permanece plana (en el siguiente paso añadiremos algunas formas para crear dimensión). La parte trasera de la hoja se extiende más allá de la parte trasera de la bota. Hay tres partes, llamadas montantes, donde la pala se une a la bota: en el talón, cerca de la bola del pie y en los dedos. No te olvides de la puntera en el extremo derecho de la pala (el detalle con el que la introduzcas depende de ti).

Paso 2

para añadir dimensión a la hoja, considera la posibilidad de extender la hoja, con una pequeña serie de formas, media pulgada más o menos (esta medida es relativa a la propia bota como si tuviera 9 pulgadas más o menos de tamaño). Asegúrate de que los ángulos son perpendiculares al borde de la hoja y siguen el ángulo del talón. Utiliza la herramienta Shape Builder para ayudar a eliminar partes de la parte superior de la hoja que se extienden demasiado.

3. Crear los componentes de arranque

Paso 1

Estas dos secciones siguientes tratan de los componentes del patín que lo mantienen en el pie del usuario. Empecemos por la parte de la zapatilla que sostiene los ojales (los agujeros para los cordones). Es de un grosor medio, redondeado en cada extremo, sigue la curva de la lengüeta de la bota y se extiende desde la parte superior hasta los dedos.

Paso 2

La lengüeta, ya dibujada en la forma principal de la bota, se vuelve a dibujar abajo en color rosa fuerte (mejor para que se vea. Estos colores son solo para mostrar cada pieza por separado y ayudar a mantener las cosas organizadas). A diferencia de las botas de moda a las que estoy acostumbrado, la lengüeta dibujada a continuación es un poco más grande que las de los patines artísticos. Ajusta el tamaño según tu boceto o referencia, si te apetece.

Paso 3

Dibuja una forma curvada de tres puntos con la herramienta Pluma sobre la puntera. Su colocación en la bota puede desplazarse hacia atrás, así como redondearse para obtener una representación más dinámica, bien utilizada y precisa de un patín de hielo. Repasaré los cambios en el arranque general para conseguir un dibujo más vivo en la sección cinco, cuando abordemos el componente de arte lineal de este diseño.

4. Colocar los cordones

Paso 1

Con la herramienta Pincel de manchas (Shift-B), he indicado rápidamente dónde quiero añadir cada gancho y ojal para los cordones. Habrá cuatro ganchos alrededor de los cuales se enrollarían los cordones si estos fueran patines reales, y siete ojales por los que pasarán los cordones. Agrupa (Control-G) estas pequeñas manchas y, usando la Herramienta Elipse (L) y haz cuatro grandes elipses cerca de la parte superior de la bota. Agrupa estas cuatro formas.

Paso 2

Para los ojales, dibuja dos círculos, uno más pequeño que el otro y alineado dentro del más grande, con la Herramienta Elipse. Selecciona ambos y pulsa Minus Front en Pathfinder. Copia (Control-C) y pega (Control-V) seis de estas formas de ojal a lo largo de la línea de formas de manchas hechas en el paso anterior. Agrupa estos círculos amarillos y elimina las formas de manchas blancas.

Paso 3

Utilizando la herramienta Pincel de manchas o la herramienta Pincel (B) (tendrás que expandir todos los trazos si utilizas esta), dibuja varias líneas curvas para los cordones. Independientemente de la herramienta que utilices, ajusta el tamaño y la forma general en el panel de esa herramienta (haz doble clic en la herramienta en la barra de herramientas). Los cuatro primeros atraviesan la lengua sin entrecruzarse. Los otros diez o catorce deben hacer pequeñas x y racimos a lo largo del resto de la parte superior del patín. Ten en cuenta que el patín de abajo se ajustará para que los cordones ocupen menos espacio en la propia bota.

5. Construir un arte lineal perfecto

Paso 1

He ocultado los componentes de los cordones en el panel de capas para que podamos centrarnos en el arte lineal del propio patín. Como puedes ver, las formas se superponen bastante. Si añadiera un trazo a esas formas, el arte lineal sería un desastre. Usando la herramienta Shape Builder, vamos a reasignar los componentes superpuestos de cada forma para que las líneas sean más limpias.

Comienza con la bota azul y la suela verde (que se ve abajo). Selecciona ambas formas y con la herramienta Shape Builder, selecciona los tres componentes: solución, parte superpuesta y bota. Deseleccionar y unir el trozo del medio, el que estaba superpuesto a la bota desde la suela, con la forma de bota azul en Pathfinder.

La segunda imagen de abajo muestra ahora que la suela y la bota tienen unos bordes limpios entre sí, a la vez que siguen siendo formas completas y cerradas (perfectas no solo para el arte lineal, sino para ser rellenadas después con color).

Paso 2

Continuemos con la técnica del paso 1 en la lengüeta y esa forma púrpura que sostiene los ojales. Selecciona la bota azul y la lengüeta rosa. Usando la herramienta Shape Builder, selecciona todos los componentes de las formas que veas: bota, lengüeta, trozos superpuestos, trozos no intersectados, etc. Deselecciona y une las partes de la bota con ellas mismas en Pathfinder y los componentes de la lengüeta del zapato con ellos mismos también. Para las partes de las formas que no se cruzan en absoluto con la bota (véase la parte de la forma púrpura que es más alta que la bota o que sobresale de la punta), puede eliminarlas antes de que se produzca la unión.

Paso 3

Continúa con cada forma para que cada bloque de color no se cruce con ningún otro. Notarás un cambio en el aspecto general del patín, ya que lo he remodelado para que sea menos rígido y más redondeado en el talón, el tobillo y la punta. Ve a continuación una captura de pantalla rápida del dedo del pie siendo redondeado con la ayuda de la Herramienta Pluma y la Herramienta Constructor de Formas.

Paso 4

A continuación ocurren dos cosas: 1) He puesto el relleno en nulo y el peso del trazo en 0.5pt. El color del trazo es un gris oscuro y el pincel utilizado es el pincel Spotter en Pinceles de cerdas en la biblioteca de pinceles. 2) Es una comparación de la primera forma de patín que dibujé y los cambios realizados en la bota para que parezca menos rígida y más redondeada.

5. Rellenar las líneas y trabajar con cordones

Paso 1

Agrupa tu arte lineal. Copia y pega el arte lineal, y alinéalo con el grupo original. Bloquea el grupo de arte lineal superior en el panel Capas. Para el grupo inferior, cambia el trazo a nulo y los colores de relleno a blanco, cremas variados, grises fríos y grises cálidos (ve abajo para los colores y la aplicación). Este es el esquema de color general para la pieza. Bloquea este grupo en el panel de Capas por el momento.

Paso 2

Desenmascara los componentes de encaje en el panel Capas. Ve a continuación los grupos generales que se hacen. Todas las formas necesitan dos cosas: ser establecidas como un trazo con el pincel de cerdas utilizado para el arte de la línea de patín, y tener formas blancas detrás de cada forma para que no se puedan ver las líneas a través de cada forma.

Paso 3

La forma más fácil que encontré para organizar estas formas es Desagrupar todos los ojales y cordones, Copiar y Pegar cada componente para que las formas secundarias se llenen de blanco (trazo establecido como nulo), y cada forma blanca se Agrupa con su contraparte de arte lineal en la parte superior. Luego, en el panel Capas, están ordenados de la siguiente manera: los ganchos encima de cada uno de los cordones correspondientes (cuatro y cuatro), todos los ojales debajo del resto de los cordones, y cada pieza de cordón, de arriba a abajo, está en orden descendente (la pieza más baja es la más alta en el panel Capas. Ve a continuación la referencia del pedido.

Paso 4

Como referencia (y como puedes ver este es el patín rígido inicial), esta es la colocación de ambos patines en la composición final.

6. Gradientes, transparencias y formas de sombra variadas

Paso 1

Una vez más, he ocultado los componentes del cordón para la imagen de abajo. He dibujado, con la herramienta Pluma, dos formas para añadir sombras degradadas a la parte de la bota que sostiene los ojales de los cordones. Una vez que hayas dibujado las formas adicionales (estas se ajustan a la forma previamente púrpura y ocupan un tercio de la forma completa cada una), aplica un degradado Radial utilizando el panel Degradado. Este va de crema claro a blanco. Ajusta el ángulo con la herramienta de degradado (G).

Paso 2

Para las sombras de la apertura de la bota sobre la lengüeta y los cordones, dibuja una forma que se superponga a la lengüeta. Esto se colocará debajo de la pieza de los ojales, pero por encima de la lengüeta, de la bota. Copia y pega esta forma de sombra transparente (he reducido la opacidad al 30% en el panel de transparencia) dos veces y apílalas para que cada una esté un poco más atrás que la siguiente. Aplica un efecto de Desenfoque Gaussiano a la pieza inferior y Agrupa las tres piezas.

Paso 3

Para las sombras por encima y por debajo de los cordones, repite la técnica del paso 2. Para asegurarte de que las formas de la sombra se ajustan a las piezas de la bota o de la lengüeta, dibuja una forma con la herramienta Pluma que se cruce con las piezas de la sombra en el lugar donde deseas cortarlas. Selecciona todas las piezas, y utilizando la herramienta Shape Builder, como has hecho anteriormente, selecciona los componentes que se cruzan, deselecciona y elimina las porciones extra de esas formas de sombra para que se corten al final de la lengüeta de los zapatos.

Paso 4

Continúa añadiendo capas de formas transparentes, aplicando desenfoques gaussianos a la pieza más baja y Agrupándolas a medida que avanza a lo largo de la lengüeta de la bota.

Paso 5

Dibuja una forma, con la Herramienta Pluma, que se ajuste al contorno de la parte trasera de la bota (el talón del pie, en este caso, en lugar del propio zapato) y aplica un Gradiente Radial utilizando un color crema más oscuro que el del Paso 1.

Paso 6

Utiliza formas transparentes azules y amarillas, algunas con un efecto de Desenfoque aplicado, otras sin, para sombrear la parte inferior de la bota. Coloca las capas una encima de la otra y Agrupa. Sigue añadiendo formas de sombra, degradados y transparencias, alrededor del patín. Centra las sombras en la suela (en gris cálido oscuro), y para la cuchilla, utiliza un gris frío oscuro (similar al color utilizado para el arte lineal) mostrando las sombras proyectadas.

Paso 7

Selecciona todos los degradados de sombra y las transparencias y Agrúpalos. Los de la lengüeta de la bota se agruparán por separado, ya que tienen que estar debajo de la mayoría de las formas de la bota. En el panel Apariencia, cambia el Modo de fusión a Multiplicar haciendo clic en Opacidad y eligiendo Multiplicar en el cuadro de diálogo que aparece. Repite la operación para las formas de sombra en los cordones y la lengüeta. Para las luces de la hoja, utiliza formas de degradado blancas y colócalas debajo del arte lineal, en lugar de multiplicarlas, para que permanezcan visibles.

7. Atemos los cordones

Paso 1

Yo he elegido atar los cordones en un pequeño y sencillo lazo. Con la herramienta Pincel de manchas, asegúrate de que la opción "Combinar solo con la selección" está seleccionada en el panel de opciones del Pincel de manchas (haz doble clic en la herramienta en la barra de herramientas para que aparezcan las opciones). Ajusta las opciones del pincel a tu gusto. En mi caso, como estoy usando una tableta, el tamaño del pincel varía en función de la presión, la fidelidad y la suavidad se han bajado mucho para que lo que dibuje no se suavice después de dibujarlo, y el ángulo y la redondez son fijos (ya que quiero trazos gruesos y redondeados).

Paso 2

Dibujé dos formas de bucle, con la herramienta Pincel de manchas, después de ajustar las opciones en el paso anterior, y dos cordones largos ligeramente curvados. Copia y pega las cuatro formas y aplics el mismo trazo de Pincel Bristle del arte lineal del patín. Coloca en capas cada pieza de arte lineal y la forma rellena de manera que el lazo superior se sitúe detrás del lazo inferior y las colas del lazo estén detrás de cada uno.

Paso 3

Para el nudo, repetí el proceso del paso 2 y dibujé una pequeña mancha en lugar de un círculo perfecto. Sombree el lazo de encaje de manera similar al proceso de la Sección 6. Repite las secciones 1-7 para el patín izquierdo. Alternativamente, puedes copiar y pegar el patín derecho, después de agrupar todos los componentes, y cambiar las formas de los cordones, la lengüeta de la bota, y el ángulo de la bota para que haya alguna diferencia entre los dos patines.

Paso 4

Repita las secciones 1-7 para el patín izquierdo. Alternativamente, puedes copiar y pegar el patín derecho, después de Agrupar todos los componentes, y cambiar las formas de los cordones, la lengüeta de la bota, y el ángulo de la bota para que haya alguna diferencia entre los dos patines. A continuación, pon en capas las formas de sombra oscura, con gradientes lineales aplicados que van desde el gris oscuro Transparente hasta el totalmente Opaco sobre el patín izquierdo que servirán como sombras proyectadas del patín derecho (ve la colocación del patín derecho como referencia para esto). Abajo tengo seis capas de piezas de sombra superpuestas.

8. Trabajar en el fondo

Paso 1

Utilizando un verde menta claro como color de relleno, garabateé un fondo con la herramienta Pincel de manchas detrás de los patines. Ten en cuenta los patines en la foto de abajo no son la versión final de este diseño y se utilizan como referencia de colocación para el fondo final.

Paso 2

Selecciona el garabato del fondo y en Efecto > Distorsionar y Transformar > Rugosidad, ajusta las opciones para que el color del garabato quede muy entrecortado.

Paso 3

En Efectos > Distorsión > Vidrio, ajusta las opciones para que el fondo parezca dibujado con un pastel o un crayón sobre un papel con textura (lienzo, en este caso).

Paso 4

Copia y pega el fondo varias veces, ajusta la transparencia de cada una de ellas para que tenga una capa suave y aplica un Desenfoque Gaussiano a una de las formas de menta duplicadas para que parezca que el fondo está hecho de pasteles y no de píxeles.

8. Haz un patrón de copos de nieve

Paso 1

Los copos de nieve se hacen fácilmente. Dibuja un círculo trazado con la Herramienta Elipse. Con la Herramienta Segmento de Línea (\) dibuja una línea horizontal, bisecando el círculo. Copia y pega el segmento de línea y Gira cada uno alrededor del círculo para obtener cuatro líneas en total y ocho secciones iguales. Aumenta el peso de las líneas y los círculos, Expande su apariencia en Objeto, Agrúpalos y ve a Zig Zag en Efecto > Distorsionar y Transformar. Ajusta el tamaño y las crestas por segmento a tu gusto. Pulsa OK. Expande el copo de nieve en Objeto.

Paso 2

Aplica un solo color de relleno a la forma del copo de nieve. Con la herramienta de selección directa, selecciona los componentes del copo de nieve y elimínalos. Para eliminar más componentes del copo de nieve, dibuja formas adicionales sobre el copo de nieve (en este caso, líneas más gruesas que se han ampliado a objetos). Selecciona las nuevas formas y el copo de nieve, y utiliza la herramienta constructora de formas para seleccionar los componentes de intersección de las formas. Deselecciona y Borra partes del copo de nieve para que haya más espacios en el diseño. Una vez que estés satisfecho con el copo de nieve en general, Únelo en Pathfinder.

Paso 3

Repite el proceso de los pasos 1 y 2 para hacer copos de nieve con formas diferentes. Cambia el tamaño de uno o dos de ellos (yo solo estoy usando dos en este diseño) y selecciona ambos mientras están colocados uno cerca del otro. En el panel de Opciones de Patrón, pulsa Hacer Patrón.

Paso 4

Ajusta el patrón en el panel de opciones a tu gusto. Cuando estés satisfecho, guarda el patrón en la parte de opciones adicionales del panel (el pequeño bloque rayado en la parte superior derecha) y aplica tu patrón de copos de nieve recién hecho a un rectángulo grande que cubra la mesa de trabajo (dibuja con la herramienta Rectángulo (M)) colocado detrás de los patines pero por encima del fondo de color pastel menta en el panel Capas.

¡Ponte los patines!

Se han realizado diversos cambios en cada patín para hacerlos menos rígidos (todos ellos realizados en la propia forma básica en lugar de redibujarla). La idea de la pieza es crear un vector que parezca dibujado con rotuladores de diseño o acuarela y tintas. Que sea ligero, soñador y que evoque el pensamiento de patinadores moviéndose con elegancia.