1. Design & Illustration
  2. Illustration

Cómo dibujar un llanta 3D en Illustrator

by
Read Time:13 minsLanguages:

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

En este tutorial, te mostraré cómo dibujar una llanta vectorial utilizando algunas herramientas y técnicas muy sencillas. La parte importante y a la vez, la más complicada de este tutorial, es crear las líneas de labrado del neumático, pero vamos a resolver esto fácilmente para lograr un gran resultado. Las instrucciones de este tutorial se aplican a Adobe Illustrator CS3.

Vista previa del resultado final

Abajo se muestra la imagen final en la que trabajaremos. ¿Quieres acceso a los archivos completos de Vector Source y copias descargables de cada tutorial, incluyendo este? Únete a Vector Plus por sólo 9$ al mes.

Paso 1

Selecciona un nuevo documento web de 1.024px por 768px con un modo de color RGB y Pantalla a 72ppi.

Paso 2

Selecciona la Herramienta Elipse (L) y haz clic en tu mesa de trabajo. En el cuadro de diálogo, deja la Anchura y altura en 400px y, a continuación, haz clic en OK. Selecciona el círculo y aplícale color de relleno Ninguno y color de trazo K-88. Cambia el nombre de esta capa a "tire" (llanta).

Paso 3

Selecciona el círculo y a continuación, ve a Efecto > 3D > Extrusión y biselado. Haz clic en el botón Más opciones y deja los mismos ajustes que se muestran a continuación, haz clic en OK.

Paso 4

Selecciona la Herramienta Rectángulo (o presiona M), luego haz clic en la mesa de trabajo, y en el cuadro de diálogo deja la anchura
y la altura a 600px por 4px respectivamente. Ahora, aplica K-0 como color de relleno. A continuación, dibuja un rectángulo (M) con un ancho de 4px y una altura de 14px respectivamente (mira el paso 4a a continuación).

Establece el color de relleno en K-90. Para los dos rectángulos, selecciona un color de relleno  K-100 y trazo Ninguno. Presiona Mayús + F7 para abrir el panel Alinear. Ahora selecciona los dos rectángulos recién creados y en Alinear objetos del panel Alinear, haz clic en Alinear abajo y Alinear a la izquierda.

Selecciona el rectángulo pequeño y muévelo 7 píxeles hacia arriba presionando la tecla Flecha Arriba. Luego haz una copia del rectángulo  pequeño (presionando Comando + C y luego, Comando + F) y muévelo al lado derecho del rectángulo grande. Asegúrate de mantener pulsada la tecla Mayús mientras mueves (4b).

Selecciona el rectángulo grande y el rectángulo pequeño de la derecha, y da clic en Alinear a la derecha en el grupo Alinear objetos del panel Alinear. Selecciona los dos rectángulos pequeños y ve a Objeto > Fusión > Opciones de Fusión... Luego, en Espaciado, selecciona en Pasos especificados, un valor de 50 y Orientación Alinear con el trazado, clic en OK(4c).

Presiona Comando + Alt + B para crear una fusión. Tu resultado debe quedar exactamente como se muestra a continuación (4d).

Paso 5

Selecciona los rectángulos pequeños de la fusión y presiona Comando + Alt + Mayús + D, luego, en el cuadro de diálogo, establece el valor Vertical
en -24 px en el grupo Mover, y haz clic en Copiar (5a). Ahora selecciona el rectángulo grande y el rectángulo pequeño fusionado de arriba. Presiona Comando + Alt + Mayús + D de nuevo, luego establece la Alineación Vertical en 24 px. Ahora, haz clic en Copiar (5b). Mantén activa la selección y presiona Comando + D. Tu resultado debe quedar como se muestra a continuación (5c).

Paso 6

Presiona A (o activa la Herramienta Selección Directa en el Panel de Herramientas). Selecciona los dos puntos inferiores del
de la derecha y de la izquierda de los rectángulos pequeños de la fusión 6a). Mantén presionada la tecla Mayús y presiona la tecla de flecha derecha una vez. Haz lo mismo con los rectángulos pequeños  de la fusión de arriba (6b).

Selecciona todos los rectángulos pequeños fusionados y ve a  a Objeto > Expandir. Luego, en el cuadro de diálogo Expandir, asegúrate de que las opciones Objeto y Relleno estén marcadas y haz clic en OK(6c). Agrupa todos los rectángulos. Selecciona el grupo, luego copia (Comando + C) y pega en el mismo lugar (Comando + F). Arrastra el grupo 150px hacia abajo presionando la tecla flecha abajo 15 veces, mantén igualmente presionada la tecla Mayús mientras arrastras (6d).

Mantén seleccionado el grupo de abajo, cópialo y pégalo delante. Ahora presiona Mayús + F8 para abrir el panel Transformar. Mantén seleccionado el grupo de arriba, enseguida, desde el panel Transformar deja el ancho en 610px. Asegúrate de igual forma, que Restringir proporciones de anchura y altura, estén activadas (6e).

Ahora, selecciona las dos bandas inferiores. Luego, en el Panel de Buscatrazos, haz clic en el botón Formar intersección, y haz clic en Expandir.
(6f). Establece el color de relleno de la línea en K-100 (6g). Selecciona las franja superior e inferior, y haz clic en Alinear verticalmente en el grupo Alinear objetos del panel Alinear (6h). El resultado se muestra en la última imagen de abajo (6i).

Paso 7

Ahora, selecciona ambas bandas y arrástralas al Panel Símbolos. En el cuadro de diálogo Opciones de símbolo, nombra el símbolo "stripe" y selecciona Tipo, Gráfico (7a). Borra enseguida el símbolo franjas ("stripe") de la mesa de trabajo.

Paso 8

Selecciona el neumático y presiona Mayús + F6 para abrir el Panel de Apariencia. En este panel encontrarás listada la opción 3D Extrusión y Biselado, haz clic sobre el nombre para editarla. En las Opciones de Extrusión y biselado, marca la casilla la Previsualizar (8a). A continuación, haz clic en el botón Mapear ilustración. En el cuadro de diálogo, escribe 6 en el campo Superficie,  y presiona Enter (8b). Ahora, en el campo Símbolo, selecciona el símbolo "stripe" (8c). Escala como se muestra (8d) y haz clic en OK para regresar a la mesa de trabajo. El resultado se muestra en la última imagen de abajo (8e).

Paso 9

Selecciona el neumático y ve a Objeto > Expandir apariencia. Ahora Desagrupa el neumático tres veces y selecciona la parte del labrado del neumático (9a). Haz clic derecho sobre el objeto y activa Soltar máscara de recorte (9b).

Paso 10

Selecciona el labrado del neumático, corta (Comando + X), y en el panel Capas, crea una nueva capa. Nómbrala "stripe" y Pega el mismo lugar (Comando + F). Bloquea la capa "stripe". Selecciona toda la capa del neumático, haz clic en el botón Unificar en el panel Buscatrazos (10a).

Paso 11

Dibuja un nuevo círculo de 400px por 400px. Establece el color de Trazo en K-100 y color de relleno en Ninguno. Selecciona el círculo y presiona la tecla S y Enter. En el cuadro de diálogo escribe 80 en el campo Escala y haz clic en Copiar (11a).

Con la selección activa, presiona Enter nuevamente. Escribe 90 en el campo Escala y haz clic en Copiar (11b). Selecciona y corta (Comando + X) el círculo más grande. Crea una nueva capa, nómbrala "circle 1" y pégala delante (Comando + F).

Selecciona y corta (Comando + X) el círculo del medio. Crea una nueva capa y nombra esta capa "circle 2." Pega delante (Comando + F) y selecciona el círculo más interno. Corta (Comando + X), crea una nueva capa llamada "wheel"(rueda), y pega delante (Comando + F). Hasta ahora, el resultado es el que se muestra a continuación (11c).

Paso 12

Selecciona la capa "wheel", presiona S y Enter. Enseguida, en el cuadro de diálogo Escala, escribe 45 en el campo Escala.
A continuación, haz clic en Copiar. Corta el círculo pequeño y crea una nueva capa; nómbrala "mini_circle" (12a). Selecciona "circle 2", luego en el Panel Trazo, haz clic en Alinear Trazo al interior, e ingresa un grosor de 18pt (12b). Ahora, selecciona la capa "wheel" y haz lo mismo que con "circle 2", pero deja el Grosor de Trazo en 80pt (12c).

Paso 13

Selecciona la rueda y deja el primer guión de línea discontinua en 89pt y el Hueco en
92pt, como se muestra a continuación (13a). Selecciona "wheel" y "circle 2", y ve a Objeto > Expandir Apariencia, luego haz clic en
Expandir en el Panel Buscatrazos. En este punto, ya puedes eliminar la capa "circle 2" ("circle 2" ya está
copiado en la capa "wheel"). Esto se debe a que la capa superior tiene prioridad, como se muestra a continuación (13b).

Paso 14

Selecciona  "mini_circle", luego presiona S. Introduce un valor de Escala de 200 y presiona Copiar. Selecciona
nuevamente "mini_Circle" y pulsa S y Enter. Digita un valor de Escala de 130 y da clic en Copiar. Bloquea la capa "mini_circle" (14a).

Activa la herramienta Añadir punto de ancla. Con esta herramienta, añade nuevos puntos de ancla en cada centro de la rueda, como se muestra a continuación (14b). Agrega más puntos de ancla al área de la intersección de la rueda con los dos nuevos círculos creados a partir de "mini_circle", como se muestra a continuación (14c a 14d). Ahora desbloquea la capa "mini_circle" y selecciona solo las capas "mini_circle" y "wheel", haz clic en el botón Unificar en el panel Buscatrazos.

Ahora borra los dos círculos creados anteriormente a partir de "mini_circle". Cambia el nombre de  "mini_circle" a "wheel" y elimina la capa "wheel" anterior. Selecciona la Herramienta Añadir Punto de Ancla, añade algunos puntos de ancla en el espacio de la rueda hasta el borde de "mini_circle" como se muestra (14e).

Paso 15

Selecciona ahora la Herramienta Eliminar Punto de Ancla en el panel de Herramientas. Elimina todos los puntos de ancla de esquina de la rueda como se muestra en (15a). Activa la Herramienta Convertir Punto de Ancla (o presiona Mayús + C) para redondear el borde de "mini_circle" como se muestra en la imagen- 15b. Repite este procedimiento para suavizar todos los demás bordes de "mini_circle".

Observa esta imagen para que te des una idea de cómo debes convertir los puntos de ancla (15c). Enseguida, con la Herramienta Selección Directa (A), selecciona los puntos de esquina (15d)  y haz clic en Convertir Puntos de Ancla Seleccionados en suavizado, como en (15e). Repite estos mismos pasos para suavizar todos los demás puntos de esquina de la rueda. La imagen final debe parecerse a la imagen (15f).

Paso 16

Crea una nueva capa y nómbrala "wheel top." Dibuja un círculo con un tamaño de 35px por 35px. Deja su color de Relleno y Trazo en K-100. Además, establece Alinear Trazo en Exterior, Grosor  37pt, y Línea Discontinua, primer guión 12pt y primer hueco 10pt (16a).

Bloquea todas las capas excepto la capa "wheel top" recién creada. Selecciona la "wheel top" y ve a Objeto > Expandir Apariencia, enseguida haz clic derecho sobre la rueda y selecciona Desagrupar. Selecciona el círculo de la "wheel top" (16b) y arrastra para hacerlo un poco más grande, mantén presionando Comando + Mayús mientras arrastras para conservar las proporciones y la posición del objeto.

Selecciona ahora el círculo y la forma del trazo, y haz clic en Unificar en el panel Buscatrazos como se muestra (16c). Dibuja un nuevo círculo con un tamaño de 85px por 85px y alinealo al centro de la "wheel top". Para ello, selecciona "wheel top" y el círculo y, en el panel Alinear, en la sección Alinear objetos, haz clic en los botones Centrar y Centrar verticalmente  (16d).

Paso 17

Ahora, selecciona el círculo y bloquéalo (Comando + 2), luego crea puntos de ancla en la mitad de cada trazado de "wheel top" con el círculo, e igualmente añade puntos de ancla en el centro de cada borde largo exterior de "wheel top" (17a).

Borra todos los puntos de esquinas (17b). Suaviza las esquinas y gíralas como se muestra (17c). Con la Herramienta Selección Directa, selecciona los puntos de esquina y haz clic en Convertir Puntos de Ancla Seleccionados en Suavizado (17d). Presiona Comando + Alt + 2 para desbloquear el círculo y eliminarlo.

Paso 18

Dibuja un nuevo círculo con un tamaño de 22px por 22px. Establece su color de Relleno en marrón oscuro (R-66 G-33 B-11). Este es un color por defecto que encuentras en el panel de Muestras  RGB. Deja el color de trazo en marrón (R-96 G-56 B-19). Encontrarás este color justo en el lado izquierdo del color de relleno (18a).

Selecciona ahora la Herramienta Polígono, mantén presionada la tecla Mayúsculas mientras dibujas el polígono, luego establece su ancho en 19px. Asegúrate de tener habilitadas Restringir proporciones de anchura y altura (18b).

Selecciona el polígono y establezca su Color de Relleno en Ninguno y Trazo en 3px y un color negro (K-100). Ve a Expandir objeto en el cuadro de diálogo y haz clic en OK. Usa la Herramienta Eliminar Punto de Ancla para eliminar los puntos interiores del polígono como se muestra a continuación (18d).

Selecciona el polígono y rellénalo con un degradado como se muestra (18e). Los colores son matices de gris con un ángulo de -34. Establece el color de Trazo del polígono en gris oscuro con un Grosor de Trazo de 0.5pt. Centra el círculo y el polígono. Colócalo en el centro uno de los brazos de "wheel top" y cópialo en los demás brazos, rota igualmente algunos tornillos en diferentes ángulos.

Paso 19

Aplica un relleno de degradado a "wheel top" como se muestra en la imagen- 19a. Selecciona "wheel top", cópialo y Pégalo en el mismo lugar. Cambia su color a gris (K-30). Muévelo 1px a la izquierda y 1px hacia abajo, envíalo detrás presionando la tecla Comando + [ (19b).

Selecciona la rueda y cambia su color de relleno a degradado (19c). Copia y pega delante de la rueda. Cambia su color de relleno a Ninguno y Trazo a gris oscuro (K-70), luego envíalo detrás presionando Comando + [.

Enseguida, aplica un color de Trazo gris claro (K-20) a "wheel top". Selecciona las ruedas superior e inferior y ve a Objeto > Fusión > Opciones de fusión (19d). Da clic en OK (o presiona Comando + Alt + B) para hacer una mezcla (19e). Crea y edita un logotipo como se muestra (19f). Coloca el texto (19g). Ahora selecciona "wheel", "wheel top" y el grupo de texto, y renómbralos  "wheel" (19h).

Paso 20

Selecciona "wheel" y ve a Efecto > 3D > Rotar, deja los ajustes como se muestra (20a). Con la selección activa, ve a Objeto > Expandir apariencia (20b).

Paso 21

Desbloquea la capa "tire". Dibuja un nuevo círculo de 500px por 500px y establece su color de relleno en Ninguno, y color de Trazo en negro. Ve a Efecto > 3D > Girar, y ajústalo como se muestra (21a). Ubícalo como se muestra a continuación (21b).

Haz una copia de este círculo y Pega en el mismo lugar. Cambia su tamaño a 322px por 322px. Ubícalo como se muestra (21c). Ahora dibuja dos círculos más de 390px por 390px y de  440px por 440px y colócalos como se muestra (21d). Llamaremos a estos cuatro trazos: "circle 1", "circle 2", "circle 3" y "circle4" a partir del más pequeño.

Paso 22

Deja el color de trazo "circle 1" en gris (K-40) y el color de trazo "circle 2" en gris claro (K-20). Selecciona "circle 1" y "circle 2" y haz una copia. Mantén seleccionada la copia (22a).

Ve a Objeto > Fusión > Opciones de fusión, deja los ajustes como se muestra (22b). Presiona Comando + Alt + B para mezclar. Ahora corta "wheel" de su capa y pégala en la capa "tire". Ubícala como se muestra (22c). Selecciona la fusión de "circle 1" y "circle 2" y presiona Comando + Mayús + Tecla ]  para Traer al frente.

Paso 23

Selecciona de nuevo la copia de "circle 1" y "circle 2" y ubícala exactamente en posición anterior. Selecciónala, y presiona Comando + Mayús + ], para Traerlo al frente.

Cambia el color de "circle 1" a gris (K-60), y de "circle 2" a gris oscuro (K-80), como se muestra (23a). Deja el color de Trazo de "circle 3" en gris oscuro (K -70), y de "circle 4" en gris oscuro (K-80). Selecciona "circle 2", "circle 3" y "circle 4." Crea una fusión como se muestra (23b).

Paso 24

Dibuja un círculo de 220px por 220px y rellénalo de negro. Ve a Efecto > 3D > Rotar... y cambia la configuración del efecto como se muestra (24a). Cópialo y pégalo delante (Comando +F). Cambia el relleno del círculo superior a gris oscuro (K-70). Mueve la copia 6px hacia arriba y 6px a la derecha. Selecciona los dos círculos y fusiona (4b). Ahora ubícalo como se muestra a continuación (24c).

Conclusión

Por último, he añadido el texto de la marca y lo he modificado ligeramente para hacerlo más real. Un problema con la forma de la rueda, es que cuando la giramos con el efecto 3D, pierde sus proporciones (especialmente los agujeros). Esto no se puede arreglar aquí, pero podemos hacer los ajustes manualmente. Por lo tanto, es una buena idea planear con anterioridad el ángulo en el que se colocará la rueda. Este fue mi primer tutorial y los comentarios son bienvenidos. ¡Gracias por leer!

Suscríbete a vectortuts+ RSS Feed para estar al día con los últimos tutoriales y artículos vectoriales.

One subscription.
Unlimited Downloads.
Get unlimited downloads