Utiliza un polígono básico, rotación 3D y degradados para ilustrar un paraguas

¿Quieres ilustrar un paraguas? Si es así, ¡pongámonos manos a la obra y sin duda aprenderás a utilizar las excelentes herramientas de Illustrator para crear tus propias hermosas e impresionantes ilustraciones!  Abre el programa Illustrator, crea un nuevo documento y comencemos.

Paso 1

Primero tienes que hacer el llamado "Boceto geométrico principal" que se muestra en la imagen de abajo.

Si sabes cómo lograr este resultado sin ayuda, hazlo solo. Pero si no es así, lee atentamente los primeros pasos introductorios del tutorial. Toma la herramienta Polígono y haz clic en el espacio de trabajo de tu documento. Establece el número de lados en 8 como se muestra en los diagramas de abajo.

Paso 2

Ve a Efecto > Distorsionar y transformar > Fruncir y engordar.

Luego ve a Objeto > Expandir apariencia.

Después ve a Efecto > 3D > Rotar y elige el ajuste preestablecido Posición isométrica izquierda como se muestra.

Paso 3

Vuelve a ir a Objeto > Expandir apariencia.

El resultado que acabas de obtener es plano. Pero, como sabes, la parte superior de un paraguas es cóncava hacia arriba. Para replicarla toma la herramienta Selección directa (A), y convierte tu figura en violeta. Luego toma la herramienta Pluma (P) y delinea los trazados de la parte superior del paraguas. Mira la imagen de abajo.

Paso 4

Divide el trazado violeta en 5 partes y coloréalas con diferentes colores.

Toma la herramienta Segmento de línea (Barra invertida), y dibuja un trazado que representará el bastón del paraguas y aplícale los Remates redondos en la paleta Trazo. Coloca este trazado en la posición correcta entre los trazados naranja y marrón.

Ve a Objeto > Expandir y a Objeto > Desagrupar.

Paso 5

Dibuja el puño de la misma manera.

Expándelo...

...e infla el extremo del mismo como se muestra, porque creo que así será más interesante. :)

Y tu "Boceto geométrico principal" estará listo.

Paso 6

Empecemos a pintar nuestro paraguas para convertir la imagen geométrica plana en el resultado final tridimensional. Seleccionamos el trazado rojo superior y lo rellenamos con un degradado lineal angular.

El trazado violeta se rellena también con un degradado lineal angular.

Paso 7

El trazado naranja debe rellenarse con un degradado más oscuro. ¿Sabe por qué? Porque este trazado se encuentra en la parte interior del paraguas. Es una zona de sombra en la imagen. Añade el colorido correspondiente, como se muestra.

El trazado del bastón es una parte metálica del paraguas. Por lo tanto, su relleno debe tener contrastes entre las luces y las sombras. Aplícale un relleno degradado para cumplir esta regla. Ve la imagen de abajo como referencia.

Paso 8

El trazado marrón tiene una distribución de luz compleja, como se puede ver en la parte superior de la imagen final de este tutorial. Para conseguir este efecto, primero rellena este trazado con el degradado normal que se muestra a continuación.

Copia este trazado y pégalo delante (Comando + C y luego Comando + F). Rellena la copia con el otro degradado mostrado.

Y cambia el Modo de fusión a Oscurecer en la paleta Transparencia.

Paso 9

Las partes interiores de la parte superior del paraguas se rellenan de la misma manera. Hazlo sin ayuda. Sigue los diagramas de abajo.

Paso 10

El puño se ve plano...

Vamos a convertirlo en ámbar. Lo haremos sin usar ningún patrón y dentro de los límites del programa Illustrator. ¿Cómo lograrlo?

Toma la herramienta Elipse (L) y dibuja una elipse negra. (El fondo oliva no es importante).

Ve a Objeto > Transformar > Escalar y establece allí los valores mostrados en el cuadro de diálogo. Luego haz clic en el botón Copiar.

Cambia la Opacidad de la elipse más grande a 0.

Ve a Objeto > Fusión > Opciones de fusión y especifica las opciones correspondientes como se muestra a continuación.

Selecciona ambas elipses y ve a Objeto > Fusión > Crear (Comando + Alt + B).

Paso 11

A continuación, arrástrala y suéltala en la paleta Pinceles. Selecciona la opción Pincel de arte en el cuadro de diálogo.

Configura los parámetros del pincel como puedes ver en el diagrama de abajo. Nombra este pincel como "Pincel negro". Además, cambia el Método de colorización del pincel a Alteración del tono (mostrado con una flecha en el diagrama de abajo) para poder manejar los colores del pincel.

Paso 12

Haz clic en el botón Nuevo pincel en la paleta Pinceles, y selecciona la opción Pincel de cerdas en el cuadro de diálogo.

Configura los elementos del pincel como puedes ver en el diagrama de abajo y nombra este pincel como "Pincel del puño".

Paso 13

Cuando este pincel esté seleccionado, toma la herramienta Pincel (B) y dibuja el siguiente trazado sobre el puño. Cambia el Color de trazo a naranja claro.

Recorta el trazado con una máscara de recorte yendo a Objeto > Máscara de recorte > Crear (Comando + 7).

Paso 14

Dibuja los siguientes trazados y aplícales el "Pincel negro". Recórtalos también con la correspondiente máscara de recorte.

Reduce tanto la opacidad como el grosor de trazo de los trazados y cambia el Color de trazo a blanco. A pesar de que usamos el "Pincel negro", el Color del trazo nos permitirá manejar el color del pincel de manera más efectiva.

Paso 15

Aplica el "Pincel negro" con el Trazo negro a los siguientes trazados.

Y aplica el "Pincel negro" con el Trazo blanco a los siguientes trazados.

Cambia el Modo de fusión de estos trazados a Multiplicar en la paleta Transparencia.

Paso 16

Para completar la creación del puño ámbar necesitamos añadir dos o tres trazados semitransparentes sobre los cuales se aplicará el "Pincel negro". Hazlo.

¿Puedes distinguir ahora el puño del paraguas de color ámbar?

Paso 17

Modifica el contorno del bastón metálico para ilustrar una pestaña.

Dibuja un trazado gris con la herramienta Pluma (P) debajo de la cavidad.

Cópialo y pégalo detrás (Comando + C y luego Comando + B), muévelo y cámbialo ligeramente como se muestra a continuación, y cambia el color de relleno del mismo.

Haz hincapié en la cavidad utilizando el "Pincel negro".

Paso 18

Fija el puño al bastón ilustrando el siguiente rectángulo rellenado con un degradado lineal angular. Sigue el diagrama que se muestra a continuación.

Realiza una fusión a partir de las líneas normales que se muestran a continuación. Hazlo solo. En este punto del tutorial ya sabes cómo lograrlo sin ayuda.

Recorta la fusión con una máscara de recorte y disminuye la opacidad de la misma. Deberías obtener la misma imagen que se muestra a continuación.

Y aplica el "Pincel negro" a los dos siguientes trazados.

Paso 19

Realiza las elipses mostradas sobre el bastón en la parte superior del mismo.

Haz un cilindro a partir de ambas: elipses rojas y amarillas. Selecciona la elipse roja, cópiala y pégala delante (Comando + C y luego Comando + F). Toma la herramienta Lazo (Q) y selecciona los puntos de anclaje más cercanos de estos dos trazados: la copia de la roja y la amarilla.

Pulsa el botón Borrar de tu teclado.

Selecciona los puntos de anclaje superiores de estos dos trazados con la herramienta Lazo (Q)...

...y ve a Objeto > Trazado > Unir (Comando + J).

Haz lo mismo con los puntos de anclaje inferiores.

Paso 20

Repite estas manipulaciones para conseguir el resultado mostrado, donde debes añadir además la elipse azul oscuro.

Rellena los trazados con los colores y los degradados como se muestra. Creo que ya puedes hacerlo solo.

El detalle del bastón se inserta utilizando la máscara de recorte sobre la elipse azul oscuro. Solo tienes que aplicar las técnicas que has aprendido hasta ahora en el tutorial. Sigue el diagrama de abajo.

Paso 21

Los ocho rayos de unión se ilustran de la misma manera. Sigue los diagramas de abajo y créalos. Primero utiliza líneas normales como rayos.

A continuación, expándelas, rellénalas con degradados lineales angulares y coloca cada rayo en el lugar adecuado. Deben estar colocados simétricamente. Hay 4 rayos en la parte delantera y otros 4 en la parte trasera. Sigue la imagen de abajo en el proceso.

Paso 22

Si lo deseas, puedes dibujar los agujeros para los rayos.

Pero apenas son visibles en la imagen completa...

Paso 23

Las varillas principales que sostienen la parte superior del paraguas son muy finas y se pueden representar con trazados normales con el "pincel negro". Te lo mostraré. Dibuja un trazado normal...

...y aplícale el "Pincel negro".

Ilustra las otras varillas.

¿Por qué se puede utilizar esta manera simple, sin una creación detallada? Porque cada ilustración vectorial se realiza en sus propias dimensiones a pesar de su capacidad de ser escalada. En la medida en que no dibujemos un paraguas para una gigantografía en la calle podemos producir las partes pequeñas del mismo sin necesidad de trabajar a fondo en los detalles. Y, además, las imágenes de las gigantografías de la calle se ven desde lejos. Por lo tanto, las partes pequeñas también son invisibles.

Paso 24

Los extremos de los rayos son diminutos, y se pueden crear, como acabo de decir, utilizando los círculos simples rellenos de un degradado radial.

Las líneas a lo largo de los bordes de la parte superior del paraguas son trazados normales. El trazado de dichas líneas está ligeramente desaturado en el interior, porque están situadas en la zona de sombra.

A continuación, dibuja un fondo.

Conclusión

La imagen final está abajo.