Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
¿Quieres ilustrar una aspiradora vectorial? En este tutorial aprenderás algunas excelentes técnicas de ilustración vectorial, así como a utilizar potentes herramientas de Illustrator, como: Herramientas 3D, Máscaras de opacidad y Fusiones. Sigue el tutorial mientras creas tu propia e impresionante obra de arte.
Paso 1
Dibuja un rectángulo vertical alargado, como se muestra a continuación. Con él harás el tubo del limpiador.
Gíralo y rellénalo con un degradado lineal angular.
Dibuja un trazado curvado en la parte inferior del tubo. Presta atención a la forma redondeada de la parte superior de este trazado. Debes representar la aspiradora con cuidado, así que ten en cuenta el ángulo de visión hacia ella.
Paso 2
La parte inclinada es volumétrica. Para representar su volumen hay que hacer una distribución de la luz. Puedes usar mallas para ello, pero te aconsejo que crees Pinceles de arte y los apliques a este trazado. Veamos esos pinceles en acción. Toma la herramienta Elipse (L) y dibuja una elipse alargada. Rellénala de negro.
Cópiala y pégala delante (Comando + C y luego Comando + F). Ve a Objeto > Transformar > Escala y establece allí los valores que puedes ver en el diagrama de abajo.
Ve a Objeto > Fusión > Opciones de Fusión y establece el Espaciado en Pasos especificados y la cantidad de pasos en unos 100.
Cambia la Opacidad de la elipse más grande a 0.
Selecciona ambas elipses y ve a Objeto > Fusión > Crear (Comando + Opción + B).
Paso 3
Arrastra y suelta esta fusión en la paleta Pinceles. Selecciona la opción Pincel de arte en el cuadro de diálogo.
Establece los elementos del pincel como se muestra en el siguiente diagrama. Nombra este pincel "Pincel negro".
Paso 4
Crea el "Pincel blanco" del mismo modo, con las elipses rellenas de blanco. A continuación, toma la herramienta Pluma (P), dibuja un trazado en la parte inclinada del tubo (se muestra en el diagrama de abajo) y aplícale el "Pincel negro".
Dibuja los siguientes trazados, aplícales los pinceles, cambia los grosores del trazo y la opacidad de los trazados si es necesario. Sigue tu instinto de estética.
Seguramente, este resultado no te resulta atractivo, pero puedes mejorarlo. Selecciona el trazado gris inclinado, cópialo y pégalo delante (Comando + C y luego Comando + F). Luego selecciona ambos: todos los trazados sobre la parte gris, y la copia de la parte gris como tal, y ve a Objeto > Máscara de recorte > Crear (Comando + 7). Este detalle se ve mejor.
Paso 5
Ahora vamos a ilustrar la parte más baja del tubo. Primero crea el trazado que se muestra a continuación. Rellénalo con cualquier color.
Luego ve a Efecto > 3D > Extrusión y biselado, y establece allí los valores que te permitirán conectar el detalle con el tubo. Usa el diagrama de abajo como referencia.
Paso 6
Ve a la paleta Apariencia y haz clic en el enlace "Extrusión y biselado 3D" para editar el efecto. Establece el estilo de interpretación en "Sin sombreado" como se muestra. Es necesario hacer esto para disminuir la cantidad de trazados después de la expansión.
Después ve a Objeto > Expandir apariencia. Luego ve a Objeto > Desagrupar tres veces.
Ahora selecciona las partes superiores del detalle y haz clic en el botón Unir en la paleta Buscatrazos.
Y tendrás dos trazados.
Paso 7
Selecciona el trazado verde y expándelo ligeramente, como se muestra en el diagrama de abajo.
Rellénalo con un degradado lineal angular.
Y rellena el trazado amarillo con un degradado radial.
Paso 8
Ahora, dibuja el detalle de conexión utilizando la herramienta Pluma (P).
Dibuja la parte superior de este detalle como se muestra.
Rellena el trazado azul con un degradado lineal angular.
A continuación, selecciona el trazado amarillo y ve a Objeto > Crear malla de degradado. Establece los elementos de la malla como se muestra en el diagrama de abajo.
Cambia los colores de los nodos utilizando la herramienta Malla (U). Además, puedes utilizar esta herramienta para añadir y eliminar los nodos de malla en tu ilustración. Sigue la imagen de abajo para crear tus propias mallas.
Aplica el "Pincel blanco" a los siguientes trazados para enfatizar la distribución de la luz.
Paso 9
Crea un trazado angosto rellenado con el degradado lineal más oscuro en el lado izquierdo del detalle.
Haz lo mismo en la parte derecha del detalle.
Aplica el "Pincel blanco" al siguiente trazado y recórtalo con una máscara de recorte.
Paso 10
De acuerdo con el principio de distribución de la luz, los píxeles señalados por la flecha en el diagrama de abajo deben ser más brillantes que sus alrededores.
Para ello, toma la herramienta Rectángulo redondeado y dibuja la siguiente forma rellena de blanco.
Luego dibuja el trazado más pequeño sobre ella como se muestra.
Cambia la Opacidad del trazado más grande a 0, y ve a Objeto > Fusión > Crear (Comando + Opción + B). Y crea el "Pincel Blanco 2" a partir de esta fusión.
Y aplica este pincel al siguiente trazado recortado con la correspondiente máscara de recorte.
Paso 11
Hagamos ahora el trazado rectangular, en la parte superior del tubo metálico, rellenado con el mismo degradado.
Expande ahora este degradado a la malla de degradado yendo a Objeto > Expandir. Borra el trazado de recorte en la malla.
Toma la herramienta Malla (U) y añade una nueva línea ortogonal a la malla.
Toma la herramienta Lazo (Q) y selecciona los nodos de la malla mostrada.
Escala la malla yendo a Objeto > Transformar > Escalar.
Y aplica la nueva máscara de recorte a la misma.
Paso 12
Crea una elipse normal y haz un Pincel artístico a partir de ella. Nómbralo "Pincel elíptico".
Aplica este pincel al siguiente trazado. Presta atención a la anchura del mismo. Debe situarse debajo del tubo metálico porque representará una plantilla para el comienzo de la manguera.
Luego expándelo...
...y aplícale la máscara de recorte. ¿Recuerdas el ángulo de visión y en consecuencia que los extremos del trazado deben tener formas redondeadas?
Paso 13
Cambia la forma gris plana por una volumétrica utilizando el "Pincel negro". Aplícalo a los siguientes trazados.
Y recorta el resultado con un trazado de recorte.
Paso 14
Dibuja el aro blanco utilizando el efecto Extrusión y biselado 3D. Coloca el aro sobre el tubo como se muestra.
Cambia el estilo de interpretación a "Sin sombreado" y expande el trazado obtenido.
Debes conseguir los dos siguientes trazados.
Rellena el trazado rojo con negro...
...y el trazado verde con un degradado lineal como se muestra.
Paso 15
Dibujemos la parte principal de la aspiradora. Primero haz la forma verde que se muestra.
Luego dibuja una elipse roja sobre ella.
Y crea otra elipse encima.
A continuación, elimina las partes innecesarias de los trazados para conseguir el siguiente resultado.
Puedes utilizar tanto la paleta Buscatrazos como la herramienta Creador de formas (Mayúsculas + M) para crear los trazados presentados. Dibuja el trazado azul sobre el resultado.
Elimina también las partes superfluas del contorno azul.
Paso 16
Dibuja el asa sobre el trazado azul utilizando el efecto Extrusión y biselado 3D.
Selecciona el trazado azul y rellénalo con el degradado radial que se muestra a continuación.
Expand now the vacuum cleaner handle in order to receive the following three paths.
Selecciona el trazado violeta del asa y rellénalo con un degradado lineal angular.
El trazado marrón también debe ser rellenado con un degradado lineal.
Rellena el trazado azul como se muestra a continuación.
Paso 17
Ahora selecciona la parte más oscura del asa, cópiala y pégala delante (Comando + C y luego Comando + F). Rellena la copia con otro degradado lineal angular.
Luego ve a la paleta de Transparencia y cambia el modo de fusión a Superponer para que la distribución de la luz sea más agradable.
Paso 18
Aplica el "Pincel negro" al siguiente trazado, que se encuentra bajo la superficie lateral del asa.
Recórtalo con el trazado de recorte y disminuye la opacidad del trazado.
Aplica ahora los "Pinceles negros" a los siguientes trazados.
El último trazado debe ser recortado.
Aplica el "Pincel elíptico" a la esquina superior de la superficie lateral del asa, expándelo y rellénalo de negro. Utiliza el diagrama de ayuda que aparece a continuación como referencia.
Paso 19
Aplica el "Pincel blanco" al siguiente trazado,...
...y recórtalo con una máscara de recorte.
Dibuja dos círculos concéntricos rellenos de color rosa.
Cambia la Opacidad del círculo más grande a 0, y luego crea una fusión de estos círculos (Comando + Opción + B).
Coloca esta fusión debajo del asa,...
...y recórtala con un trazado de recorte.
Paso 20
La superficie de la cavidad de la aspiradora, rellena con los tonos de rosa, tiene la propiedad de reflexión. Así que vamos a crear un reflejo del asa. Primero dibuja el trazado mostrado y rellénalo con un degradado lineal angular.
Ahora dibuja el siguiente trazado rellenado con un degradado radial, como se muestra en el diagrama de abajo.
Recorta ambos trazados.
Después crea un nuevo trazado a partir de estos tres trazados (rellenados con degradados lineales, radiales y el trazado de recorte). Utiliza la paleta Buscatrazos o la herramienta Constructor de formas (Mayúsculas + M) para ello.
Coloca este trazado al frente y rellénalo con un degradado radial que vaya de negro a blanco.
Puedes cambiar la Opacidad de este nuevo trazado.
Ahora selecciona ambos: este trazado y el grupo formado por dos trazados recortados...
... ve a la paleta Transparencia y haz clic en el comando "Crear máscara de opacidad" del menú desplegable.
Paso 21
Crea una malla sobre el trazado amarillo de la aspiradora. Utiliza tonos rojos para los nodos de la malla.
Recorta la malla.
Utiliza una malla similar para colorear la parte roja de la aspiradora.
Paso 22
Aplica el "Pincel blanco" al siguiente trazado para reproducir la distribución de luz en la parte trasera de la aspiradora.
Ahora crearemos agujeros en la superficie lateral de la aspiradora. Primero tenemos que representar una forma de superficie real. Te aconsejo que utilices una fusión para esta representación. Observa la imagen de abajo como referencia.
Ahora puedes expandir esta fusión yendo a Objeto > Expandir. A continuación, corta las líneas mediante el uso de la herramienta Tijeras (C). Elimina las partes innecesarias y ve a la paleta Trazos. Selecciona la opción "Línea discontinua". Cambia el Remate a Redondo, y especifica las dimensiones de la línea discontinua. Deberías obtener el siguiente resultado.
Copia los agujeros y pégalos detrás (Comando + C y luego Comando + B), cambia el color del trazo de negro a rosa, y mueve ligeramente los agujeros rosas.
Paso 23
Rellena el trazado verde del limpiador con un degradado lineal angular.
Y aplica el "Pincel blanco" al siguiente trazado.
Paso 24
Creemos ahora una rueda. Dibuja el trazado que se muestra a continuación.
A continuación, aplica el "Pincel negro" al siguiente trazado.
Dibuja el siguiente trazado rellenado con un degradado radial. No se encuentra en el centro de la elipse gris debido al ángulo de visión. ¿Lo recuerdas?
Aplica los pinceles "Blanco y Negro" a los trazados de la goma de la rueda.
Paso 25
Dibuja el siguiente trazado en el centro de la rueda y rellénalo con un degradado radial.
Cambia el Trazo aplicando el "Pincel negro" a éste, y disminuye el Grosor del trazo.
Observemos la vista completa de la rueda.
¿Sabes cómo mejorarla? Disminuye la Opacidad del último trazado a un 10% aproximadamente.
¿Qué te parece ahora la rueda? Es importante desarrollar tu ojo artístico mientras trabajas en los tutoriales.
Paso 26
El botón de encendido se muestra a continuación. Si sabes cómo conseguir este resultado, hazlo por ti mismo sin ayuda. De lo contrario, lee atentamente los siguientes pasos.
Primero dibuja el siguiente trazado violeta.
Luego dibuja el trazado verde...
...y el trazado amarillo.
Paso 27
Rellena el trazado violeta con un degradado lineal angular, como se muestra.
Rellena el trazado amarillo con un gris pizarra claro.
Rellena el trazado verde con un degradado lineal angular.
Aplica los "Pinceles negros" a los siguientes trazados.
Paso 28
Aplica el "Pincel negro" al siguiente trazado, y disminuye la Opacidad del mismo.
A continuación, aplica el "Pincel blanco" al trazado mostrado en el siguiente diagrama, y disminuye la Opacidad del mismo.
Recorta los trazados con la máscara de recorte.
Paso 29
Realiza la fusión de dos círculos blancos como lo hiciste antes.
Recorta también esta fusión.
Paso 30
Dibuja los trazados que puedes ver en las imágenes de abajo y aplícales los "pinceles blanco y negro", luego recorta los trazados con la ayuda de la máscara de recorte.
Paso 31
La superficie superior del botón necesita un reflejo. Por lo tanto, tenemos que reflejar el asa de la aspiradora en ella. Dibuja el trazado que se muestra a continuación y rellénalo con un degradado lineal angular.
Recórtalo con un trazado de recorte.
Cambia la Opacidad y el modo de fusión del mismo en la paleta de Transparencia.
Haz lo mismo con el segundo trazado.
Paso 32
Dibuja el símbolo de energía en el botón.
Y aplica los pinceles "Blanco y Negro" a los contornos del mismo.
Paso 33
Utiliza el "Pincel negro" para enfatizar el siguiente trazado.
Usa la fusión para iluminar la superficie lateral del botón.
Paso 34
Dibuja ahora el siguiente trazado en la parte superior del limpiador, que representará una línea guía que va a lo largo de la parte superior del limpiador.
A continuación, dibuja un trazado elíptico. Presta atención a la ubicación de su centro.
Dibuja un trazado azul sobre él.
Y elimina la línea guía.
Paso 35
Rellena el trazado azul con un color cereza.
Ahora convierte el trazado amarillo en una malla, y cambia los colores de los nodos de la malla. El resultado debe ser como el de la siguiente imagen:
Paso 36
Crea un aro 3D usando el efecto "Extrusión y biselado 3D". Observa el diagrama de referencia que se muestra a continuación.
Después de expandirlo deberías tener tres trazados. El trazado posterior debe ser rellenado con negro.
Rellena la parte superior del aro con gris oscuro.
El trazado carmesí debe rellenarse con un degradado lineal angular.
Paso 37
Para crear la manguera de conexión, toma la herramienta Pluma (P), y dibuja el siguiente trazado.
A continuación, toma la herramienta Tijeras (C) y haz clic en el punto mostrado para dividir el trazado.
Luego dibuja el siguiente trazado compuesto rellenado con un degradado radial en el primer extremo del trazado.
Y dibuja otro trazado compuesto relleno con un degradado radial en el segundo extremo del trazado, como se muestra a continuación.
Deberías obtener la siguiente imagen.
A continuación, crea una fusión a partir de estos trazados compuestos.
Repite estas manipulaciones con otro trazado.
Paso 38
Dibuja un trazado gris...
...y envíalo hacia atrás.
Recorta la manguera con un trazado compuesto de recorte.
Paso 39
Crea las sombras de dos partes de la aspiradora utilizando las fusiones.
Conclusión
La imagen final se encuentra a continuación. Puedes ilustrar tus propias aspiradoras utilizando las técnicas descritas, y compartir tus resultados en los comentarios de abajo.
By
