Cómo crear una ilustración de un molinete de viento en Adobe Illustrator

En los siguientes pasos aprenderás a crear una colorida ilustración de un molinete de viento en Adobe Illustrator.

Para empezar, aprenderás a configurar una cuadrícula sencilla y a crear la primera hélice utilizando herramientas y efectos básicos. A continuación, aprenderás a añadir color y sombreado a estas formas utilizando técnicas básicas de fusión y construcción de formas vectoriales junto con el panel Apariencia. Utilizando un simple efecto de transformación y un montón de nuevos colores, aprenderás a multiplicar y recolorear las nuevas hélices.

Finalmente, aprenderás a crear un fondo colorido y sutilmente texturizado.

1. Crea un nuevo documento y configura una cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, introduce 600 en la casilla de anchura y 750 en la de altura y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppp) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles esté desmarcada antes de hacer clic en Aceptar.

Activa la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para empezar, necesitarás una cuadrícula cada 5px, así que simplemente ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Intenta no sentirte abrumado por la cuadrícula, te facilitará el trabajo y ten en cuenta que puedes activarla o desactivarla fácilmente con el atajo de teclado Control-".

También deberías abrir el panel de Información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

2. Crea las dos formas principales

Paso 1

Selecciona la herramienta Rectángulo (M) y céntrate en tu barra de herramientas. Elimina el color del trazo, luego selecciona el relleno y establece su color en R=255 G=167 B=0. Muévete a tu mesa de trabajo y simplemente crea un rectángulo de 135 x 55px, la opción Ajustar a cuadrícula debería facilitar tu trabajo. Concéntrate en la parte superior de este rectángulo naranja y elige la herramienta Selección directa (A). Selecciona el punto de anclaje derecho y arrástralo 55px hacia la izquierda.

Asegúrate de que el punto de anclaje que has movido permanece seleccionado, ve al panel de control y simplemente introduce 24px en la casilla Vértices. Esta función sólo está disponible para los usuarios de CC. La mejor solución para reemplazar este efecto sería la de Redondear cualquier esquina que puedes encontrar en este artículo: 20 secuencias de comandos gratuitas y útiles para Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator y toma la herramienta Selección directa (A). Selecciona ese punto de anclaje y ve a Archivo > Secuencias de comandos > Otra secuencia de comandos. Abre la Secuencia de comandos Redondear cualquier esquina, introduce un radio de 24px y haz clic en Aceptar. El resultado final puede ser un poco diferente.

Paso 2

Sigue concentrándote en la parte superior de tu forma naranja y asegúrate de que la herramienta Selección directa (A) sigue activa. Selecciona el punto de anclaje izquierdo, vuelve al panel de control y establece el Radio del Vértice en 30px. Usando la herramienta Selección (V), selecciona toda tu forma y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

Paso 3

Asegúrate de que tu forma naranja sigue seleccionada y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Concéntrate en la parte inferior de la forma resultante y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje derecho, ve al panel de control y establece el Radio del Vértice en 3px. Al final tu forma naranja debería tener el aspecto de la tercera imagen.

Paso 4

Establece el color de relleno en R=255 G=194 B=53, elige la herramienta Rectángulo (M), crea una forma de 70 x 55px y colócala como se muestra en la primera imagen. Asegúrate de que este rectángulo amarillo permanezca seleccionado, cambia a la herramienta Eliminar punto de ancla (-) y simplemente haz clic en el punto de anclaje inferior derecho para eliminarlo. Esto debería convertir su rectángulo amarillo en un triángulo como se muestra en la segunda imagen.

Paso 5

Asegúrate de que tu triángulo amarillo está seleccionado y ve a Efecto > Deformar > Arco. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en OK y ve a Efecto > Deformar > Arco inferior. Introduce los atributos que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

Paso 6

Enfócate en la parte superior de tu forma amarilla y escoge la herramienta Selección directa (A). Selecciona el punto de anclaje izquierdo, céntrate en el panel de control y establece el Radio del Vértice en 10px.

Paso 7

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), activa las Guías inteligentes (Control-U) y céntrate en el punto de anclaje superior derecho de tu forma amarilla. Usando la herramienta Pluma (P), crea un trazado simple como se muestra en la primera imagen. Vuelve a seleccionar tu forma naranja y haz una copia delante (Control-C > Control-F). Selecciona esta copia junto con la forma hecha al principio del paso, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Intersectar. Una vez que hayas terminado, desactiva las Guías inteligentes (Control-U).

Paso 8

Selecciona tu forma amarilla y simplemente pulsa Mayúsculas-Control- ] para traerla al frente. Vuelve a seleccionar esta forma junto con el pequeño trazado realizado en el paso anterior y haz clic en el botón Unir del panel Buscatrazos.

Paso 9

Asegúrate de que tu figura amarilla está seleccionada y haz una copia delante (Control-C > Control-F). Selecciona esta copia junto con tu forma naranja y haz clic en el botón Menos frente del panel Buscatrazos.

3. Añade color y luces sutiles

Paso 1

Ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está ajustado en 1px. Vuelve a seleccionar tu forma naranja y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia abajo y 1px hacia la derecha usando los botones de flecha de tu teclado. Vuelve a seleccionar las dos copias realizadas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona la forma resultante y céntrate en el panel Apariencia. Establece el color de relleno en negro (R=0 G=0 B=0) y luego simplemente haz clic en el texto "Opacidad" para abrir el panel desplegable Transparencia. Baja la Opacidad al 25% y cambia el Modo de fusión a Luz suave.

Paso 2

Vuelve a seleccionar tu forma naranja y haz otras dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 3px hacia abajo y 5px hacia la derecha. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

Paso 3

Vuelve a seleccionar tu forma naranja y haz una copia delante (Control-C > Control-F). Selecciona esta copia y ve a Objeto > Transformar > Rotar. Ajusta el Ángulo a 5 grados y haz clic en el botón Copiar. Asegúrate de que la forma recién creada está seleccionada y muévela 5px hacia abajo y 5px hacia la derecha. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 5% y cambia el Modo de fusión a Luz suave.

Paso 4

Vuelve a seleccionar tu forma naranja y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Asegúrate de que la forma recién creada está seleccionada y haz una copia delante (Control-C > Control-F). Selecciona esta copia y muévela 1px hacia arriba. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la siguiente imagen y baja su Opacidad al 70%. Ten en cuenta que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad, lo que significa simplemente que tienes que seleccionar ese deslizador de degradado, centrarte en la casilla de Opacidad (del panel Degradado) y ponerla al 0%.

Paso 5

Vuelve a seleccionar tu forma naranja, céntrate en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno. Selecciona este nuevo relleno y simplemente añade el degradado lineal que se muestra en la primera imagen. No olvides que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad mientras que el "50" azul representa el porcentaje de Ubicación.

Asegúrate de que tu forma naranja sigue seleccionada y añade un tercer relleno usando el mismo botón de Añadir nuevo relleno. Selecciona el nuevo relleno, baja su Opacidad al 30% y añade el degradado lineal que se muestra en la segunda imagen.

Paso 6

Muévete a la forma amarilla, selecciónala y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia arriba y 1px hacia la izquierda. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Asegúrate de que la forma resultante está seleccionada, cambia su Modo de fusión a Luz suave y añade el degradado lineal que se muestra en la siguiente imagen.

Paso 7

Desplázate hasta la forma amarilla, selecciónala y haz dos copias por delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 2px hacia la derecha. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Asegúrate de que la forma resultante está seleccionada, baja su Opacidad al 50%, cambia el Modo de fusión a Luz suave y añade el degradado lineal que se muestra en la siguiente imagen.

Paso 8

Asegúrate de que tu forma amarilla sigue seleccionada y sustituye el color de relleno existente por el degradado lineal que se muestra en la siguiente imagen. Una vez que hayas terminado, selecciona todas las formas hechas hasta ahora y simplemente pulsa Control-G para agruparlas.

4. Multiplica y cambia el color de tu hélice

Paso 1

Selecciona tu grupo y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen (no olvides marcar el punto de referencia inferior izquierdo), haz clic en Aceptar y luego ve a Objeto > Expandir apariencia. Asegúrate de que el grupo de formas resultante está seleccionado y simplemente pulsa Mayúsculas-Control-G para Desagruparlo. Concéntrate en el panel Capas y encontrarás cuatro grupos separados, uno para cada hélice.

Paso 2

Concéntrate en el grupo de formas que conforman la hélice inferior derecha y simplemente reemplaza los colores utilizados para las formas principales por los que se muestran en la siguiente imagen.

Paso 3

Céntrate en el grupo de formas que componen la hélice inferior izquierda y simplemente sustituye los colores utilizados para las formas principales por los que se muestran en la siguiente imagen.

Paso 4

Céntrate en el grupo de formas que componen la hélice superior izquierda y simplemente sustituye los colores utilizados para las formas principales por los que se muestran en la siguiente imagen.

Paso 5

Selecciona el grupo de formas que componen la hélice amarilla restante, haz una copia delante (Control-C > Control-F) y llévala al frente (Mayúsculas-Control-[ ). Selecciona el grupo de formas que conforman la hélice azul, haz una copia al frente (Control-C > Control-F), selecciónala y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con un blanco plano (R=255 G=255 B=255) y llévala al frente (Mayúsculas-Control-]).

Paso 6

Vuelve a seleccionar tu forma blanca junto con la copia de la hélice amarilla, abre el panel Transparencia (Ventana > Transparencia) y simplemente haz clic en el botón Crear máscara.

Paso 7

Vuelve a seleccionar todas las formas hechas hasta ahora y ve a Objeto > Transformar > Rotar. Introduce un ángulo de -45 grados y haz clic en Aceptar.

5. Crea el palo

Paso 1

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Elige un color marrón sencillo para el relleno, toma la herramienta Rectángulo (M), crea una forma de 10 x 200px y colócala como se muestra en la siguiente imagen. Asegúrate de que este nuevo rectángulo permanece seleccionado y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 2px, haz clic en Aceptar y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia.

Paso 2

Asegúrate de que tu forma marrón sigue seleccionada, sustituye el color de relleno existente por el degradado lineal que se muestra en la siguiente imagen y luego simplemente pulsa Mayúsculas-Control-[ para enviarla hacia atrás.

Paso 3

Asegúrate de que tu forma de palo sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno usando el mismo botón de Añadir nuevo relleno. Selecciona el nuevo relleno, baja su Opacidad al 70%, cambia el Modo de fusión a Luz suave, añade el degradado lineal que se muestra en la siguiente imagen y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar.

Paso 4

Asegúrate de que tu forma de palo permanece seleccionada, céntrate en el panel Apariencia y añade un tercer relleno. Hazlo negro, baja su Opacidad al 6%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px, haz clic en Aceptar y ve a Efecto > Artístico > Película granulada. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

6. Crea el pin

Paso 1

Usando la herramienta Elipse (L), crea un círculo de 10px, colócalo como se muestra en la siguiente imagen y rellénalo con el degradado radial que se muestra a continuación.

Paso 2

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Asegúrate de que tu círculo de 10px sigue seleccionado y haz dos copias delante (Control-C > Control-F > Control-F). Selecciona la copia superior y muévela 1px hacia arriba usando el botón de flecha hacia arriba de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro y baja su Opacidad al 20%.

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y luego ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Usando la herramienta Elipse (L), crea una forma de 4 x 2px y colócala como se muestra en la tercera imagen. Rellena esta pequeña forma con blanco, baja su Opacidad al 70% y cambia el Modo de fusión a Luz suave.

Paso 3

Desactiva la Cuadrícula (Ver > Ocultar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Vuelve a seleccionar tu círculo de 10px junto con las dos pequeñas formas utilizadas para iluminarlo y agrúpalas (Control-G).

Asegúrate de que este nuevo grupo permanezca seleccionado, céntrate en el panel Apariencia y añade un nuevo trazo utilizando el botón Añadir nuevo trazo. Hazlo de 1px de ancho y establece el color en R=35 G=31 B=32 luego baja su Opacidad a 10% y cambia el Modo de fusión a Multiplicar. Sigue concentrándote en este trazo, asegúrate de que sigue seleccionado, ve a Efecto > Trazado > Añadir y luego ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de 0,5px y haz clic en Aceptar.

Ahora, selecciona todo el grupo (simplemente haz clic en el texto "Agrupar" de la parte superior del panel Apariencia) y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la izquierda (en la siguiente imagen), haz clic en Aceptar y luego añade los otros dos efectos de Sombra paralela que se muestran en la siguiente imagen.

Paso 4

Vuelve a seleccionar todas las formas hechas hasta ahora y simplemente agrúpalas (Control-G).

7. Crea el fondo y añade un sombreado sutil

Paso 1

Elige la herramienta Rectángulo (M) y haz clic en tu mesa de trabajo para abrir la ventana Rectángulo. Introduce 610 en la casilla de Anchura y 760 en la de Altura y haz clic en el botón Aceptar. Asegúrate de que la forma resultante permanece seleccionada, envíala al fondo (Mayúsculas-Control-[ ) y establece el color de relleno en R=254 G=211 B=170.

A continuación, tendrás que centrarla, así que abre el panel Alinear (Ventana > Alinear). Ajusta la alineación a la Mesa de trabajo (abre el menú desplegable y ve a Mostrar opciones si no puedes ver la sección Alinear a como se muestra en la siguiente imagen), asegúrate de que tu forma está seleccionada y luego simplemente haz clic en los botones Alinear centro horizontal y Alinear centro vertical. Al final tu rectángulo debería cubrir toda la mesa de trabajo como se muestra en la siguiente imagen.

Paso 2

Asegúrate de que tu forma de fondo sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno utilizando el mismo botón Añadir nuevo relleno. Selecciona el nuevo relleno y simplemente añade el degradado radial que se muestra en la siguiente imagen.

Paso 3

Asegúrate de que tu forma de fondo permanece seleccionada, céntrate en el panel Apariencia y añade un tercer relleno. Necesitarás un motivo incorporado para este nuevo relleno, así que ve al panel Muestras, abre el menú desplegable y ve a Abrir biblioteca de muestras > Motivos > Decorativo > "Decorative Legacy". Se abrirá una nueva ventana con un conjunto de motivos incorporados. Asegúrate de que el relleno añadido en este paso sigue seleccionado, añade el motivo "Weave Color", baja su Opacidad al 20%, cambia el Modo de fusión a Luz suave y ve a Efecto > Artístico > Película granulada. Introduce las propiedades que se muestran a continuación y haz clic en Aceptar.

Paso 4

Vuelve a seleccionar el grupo de formas que componen tu molinete de viento y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana superior izquierda (en la siguiente imagen), haz clic en Aceptar y luego añade los otros cinco efectos de Sombra paralela que se muestran a continuación.

¡Felicidades! ¡Terminaste!

Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.

Siéntete libre de probar otros colores para tus hélices.