Cómo hacer un neumático detallado vector 3D en Illustrator

En este tutorial, te mostraré cómo crear un neumático vectorial con herramientas y técnicas muy sencillas. La parte importante y más complicada de este tutorial son las franjas de los neumáticos, pero lo resolveremos de manera simple y le daremos un excelente aspecto final. La instrucción tutorial se proporciona en Adobe Illustrator CS3.

Vista previa de la imagen final

A continuación se muestra la imagen final en la que trabajaremos. ¿Desea acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9 $ al mes.

Paso 1

Seleccione un nuevo documento web de 1024px por 768px con un modo de color de RGB y pantalla configurada a 72ppi.

Paso 2

Seleccione la herramienta Elipse (L) y haga clic en su mesa de trabajo en el cuadro de diálogo Elipse. Establezca el ancho y la altura en 400 px y luego haga clic en Aceptar. Seleccione el círculo y establezca el color de primer plano en ninguno y el color del trazo en K = 88. Cambia el nombre de esta capa a "neumático".

Paso 3

Seleccione el círculo, luego vaya a Efecto> 3D> Extruir y Bisel. Haga clic en el botón Más opciones y configure las opciones como se muestra a continuación y luego haga clic en Aceptar.

Etapa 4

Seleccione la herramienta Rectángulo o presione M, luego haga clic en la mesa de trabajo y, en el cuadro de diálogo, establezca el ancho
y altura a 600px por 4px respectivamente. Ahora establece el color de relleno a K = 90. Luego cree un rectángulo (M) con un ancho de 4px y una altura de 14px respectivamente (vea 4a abajo).

Establezca el color de relleno en K = 90. Para los dos rectángulos, seleccione un color de primer plano de K = 100 y establezca el trazo en ninguno. Presione Mayús + F7 para abrir el panel Alinear. Ahora seleccione estos dos rectángulos recién creados y haga clic en Alinear vertical Abajo y Alinear horizontalmente a la izquierda en el grupo Alinear objetos del panel Alinear.

Seleccione el mini rectángulo y muévalo 7 píxeles hacia arriba presionando la tecla de flecha arriba. Luego haga una copia del mini rectángulo (presionando Comando + C, luego Comando + F) y muévalo hacia el lado derecho del rectángulo largo. Asegúrese de mantener presionada la tecla Mayús mientras la mueve (4b).

Seleccione el rectángulo largo y el mini rectángulo de la derecha, luego presione Horizontal Alinear a la derecha en el grupo Alinear objetos del panel Alinear. Seleccione los dos mini rectángulos y vaya a Objeto> Fusión> Opciones de fusión ... luego, en la sección Espaciado, seleccione el valor de Pasos especificados de 50, establezca la Orientación en Alinear a la ruta y haga clic en Aceptar (4c).

Presione Comando + Alt + B para hacer una mezcla. Su resultado debe ser exactamente como se muestra a continuación (4d).

Paso 5

Seleccione los mini rectángulos combinados y presione Comando + Alt + Mayús + D, luego, en el cuadro de diálogo, establezca la Vertical
valore a -24 px en el grupo Mover y haga clic en Copiar (5a). Ahora seleccione el rectángulo largo y el mini-rectángulo mezclado superior. Presione Comando + Alt + Shift + D otra vez, luego establezca la alineación vertical a 24 px. Ahora haga clic en Copiar (5b). Mantenga la selección y presione Comando + D. Su resultado debe ser exactamente como se muestra a continuación (5c).

Paso 6

Presione A o seleccione la herramienta Selección directa de la paleta de herramientas. Seleccione los dos puntos inferiores de
los mini rectángulos más a la derecha y más a la izquierda de los mini rectángulos combinados muy inferiores (6a). Presione la tecla Mayús y luego presione la tecla de flecha derecha una vez. Haga lo mismo con los mini rectángulos combinados superiores (6b).

Seleccione todos los mini rectángulos combinados y vaya a Objeto> Expandir, luego, en el cuadro de diálogo Expandir, asegúrese de que tanto el Objeto como el Relleno estén marcados, y haga clic en Aceptar (6c). Agrupa todos los rectángulos mini y largos. Seleccione el grupo, luego copie (Comando + C) y pegue en su lugar (Comando + F). Arrástrelo 150px hacia abajo presionando la tecla de Flecha Abajo 15 veces, también mantenga presionada la tecla Mayús mientras arrastra (6d).

Mantenga la selección del grupo inferior, y luego cópielo y péguelo al frente. Ahora presione Mayús + F8 para abrir la paleta Transformar. No pierda la selección del grupo superior, ahora en la paleta Transformar establezca el ancho en 610px. Además, asegúrese de que su ancho de restricción y proporciones de altura estén habilitados (6e).

Ahora seleccione las dos franjas inferiores, luego, en la Paleta de Pathfinder, haga clic en Intersectar áreas de formas, y haga clic en Expandir en
Los modos de forma (6f). Ahora configure el color de relleno de la franja con forma en K = 100 (6 g). Seleccione la franja superior e inferior y haga clic en Centro de alineación vertical en el grupo Alinear objetos de la paleta Alinear (6h). El resultado se muestra en la última imagen de abajo (6i).

Paso 7

Ahora seleccione ambas franjas y arrástrelas dentro de la Paleta de símbolos en el cuadro de diálogo Opciones de símbolo. Ahora nombrela "banda" y configure el Tipo en Gráfico (7a). Ahora puedes eliminar el símbolo de la franja de tu mesa de trabajo.

Paso 8

Seleccione la llanta y presione Mayús + F6 para abrir la paleta de apariencia. En la paleta de apariencia, encontrará la opción Extrusión y biselado 3D, siga adelante y haga clic en ella. En las opciones de Extrusión 3D y Biselado verifique la Vista previa (8a). Ahora haga clic en el botón Map Art. En el cuadro de diálogo Map Art para el tipo de campo Superficie 6 y luego presione Enter (8b). Ahora, en el campo Símbolo, seleccione nuestro símbolo de banda (8c). Escálelo como se muestra (8d), luego haga clic en Aceptar y vuelva a la mesa de trabajo. El resultado se muestra en la última imagen de abajo (8e).

Paso 9

Seleccione el neumático y vaya a Objeto> Expandir apariencia. Ahora desagrupe el neumático tres veces y seleccione la parte rayada del neumático (9a). Haga clic derecho en él y seleccione Liberar máscara de recorte (9b).

Paso 10

Seleccione la raya del neumático, córtela (Comando + X) y cree una nueva capa a partir de la paleta de capas. Ahora nómbrelo como "banda" y péguelo en su lugar (Comando + F). Bloquea la capa "raya". Ahora seleccione toda la capa de llantas, haga clic en Agregar al área de forma, luego en Expandir en la paleta Pathfinder (10a).

Paso 11

Haz un nuevo círculo con dimensiones de 400px por 400px. Establezca el color del trazo en K = 100 y establezca el color de relleno en ninguno. Ahora seleccione el círculo y presione S Tecla y Enter. Ahora, en el cuadro de diálogo Escala, escriba 80 en el campo Escala y haga clic en Copiar (11a).

Mantenga la selección y luego presione la tecla Intro nuevamente. Escriba 90 en el campo Escala y haga clic en Copiar (11b). Selecciona y corta (Comando + X) el círculo más grande. Crea una nueva capa, llámala "círculo 1" y pégala al frente (Comando + F).

Selecciona y corta (Comando + X) el círculo medio. Crea una nueva capa con el nombre "círculo 2". Pegue en frente (Comando + F), luego seleccione el círculo más interior. Córtalo (Comando + X) y toma una capa de creación llamada "wheel", y pégala al frente (Comando + F). El resultado hasta ahora se muestra a continuación (11c).

Paso 12

Seleccione la "rueda", pulse S, y luego Enter. Ahora en el cuadro de diálogo Escala, escriba 45 en la Escala
campo, luego haga clic en Copiar. Cortar el mini-círculo y hacer una nueva capa y llamarlo "mini_circle" (12a). Seleccione "círculo 2" y luego, en la paleta de trazo, haga clic en Alinear trazo al interior e ingrese un peso de 18 puntos (12b). Ahora seleccione "rueda" y haga lo mismo que con "círculo 2", pero establezca su Peso de carrera en 80 puntos (12c).

Paso 13

Seleccione la rueda y establezca su Línea discontinua en 89 puntos para el primer guión y el espacio para
92pt, como se muestra abajo (13a). Seleccione la "rueda" y el "círculo 2" y vaya a Objeto> Expandir apariencia, luego haga clic en
Expandir en la paleta Pathfinder. Ahora puede eliminar la capa "círculo 2", su "círculo 2" ya está
Copiado a la capa "rueda". Esto se debe a que la capa superior tiene prioridad, como se muestra a continuación (13b).

Paso 14

Seleccione el "mini_circle", luego presione S. Ingrese un valor de Escala de 200 y presione Copiar. Otra vez
selecciona el "mini_círculo" y presiona S y luego Enter. Ahora escriba un valor de escala de 130 y presione Copiar. Bloquea la capa "mini_circle" (14a).

Seleccione la herramienta Agregar punto de anclaje. Con esta herramienta, agregue puntos de anclaje a cada centro de la rueda, como se muestra a continuación (14b). Ahora con esta herramienta, agregue más puntos de anclaje al área intersectada de la rueda con dos círculos recién creados desde el "mini_circle", como se muestra a continuación (14c a 14d). Ahora desbloquee la capa "mini_circle" y seleccione solo las capas "mini_circle" y "wheel", haga clic en Agregar al área de la forma y luego en Expandir en la paleta de Pathfinder.

Ahora borre esos dos círculos, lo que creamos desde el "mini_circle" anteriormente. Cambie el nombre del "mini_circle" a "wheel" y elimine la capa anterior de "wheel". Seleccione la herramienta Agregar punto de anclaje, ahora haga algunos puntos de anclaje en el espacio de la rueda hasta el borde del "mini_círculo" como se muestra (14e).

Paso 15

Seleccione la herramienta Eliminar punto de anclaje de la paleta de herramientas. Ahora retire todos los puntos de anclaje de esquina de la rueda como se muestra en (15a). Ahora use la herramienta Convertir punto de anclaje o presione Mayús + C para suavizar el borde mini_circle como se muestra en la imagen - 15b repita este mismo mecanismo para suavizar todos los demás bordes mini_circle también.

Vea esta imagen para ver cómo debe convertir sus puntos de anclaje (15c). Ahora seleccione los puntos de esquina (15d) con la Herramienta de selección directa (A) y luego haga clic en Convertir los puntos de ancla seleccionados en Suavizar como en (15e). Repita estos pasos para suavizar todos los otros puntos de esquina de la rueda. Tu imagen final debe parecerse a la imagen (15f).

Paso 16

Crea una nueva capa con el nombre "rueda superior". Crea un círculo con un tamaño de 35px por 35px. A continuación, establezca su color de Relleno y Trazo en K = 100. Además, establezca su trazo de alineación al exterior, peso a 37 puntos, la línea discontinua al primer guión 12 puntos y la primera brecha 10 puntos (16a).

Bloquea todas las capas excepto la nueva capa "rueda superior" creada. Seleccione la parte superior de la rueda y vaya a Objeto> Expandir apariencia, luego haga clic con el botón derecho y seleccione Desagrupar. Seleccione el círculo de la "parte superior de la rueda" (16b) y hágalo un poco más grande arrastrándolo, mantenga presionado Comando + Mayús mientras arrastra para obtener la forma y posición perfectas.

Ahora seleccione el círculo y la forma del trazo y haga clic en Agregar al área de la forma, luego expanda en la paleta de Pathfinder como se muestra (16c). Cree un nuevo círculo con un tamaño de 85 px por 85 px y alinéelo en el centro de la "parte superior de la rueda". Haga esto seleccionando "wheel top" y el círculo, luego haga clic en Horizontal Align Center y Vertical Align Center en el grupo Align Objects del Align Pallet (16d).

Paso 17

Ahora seleccione el círculo y bloquéelo (Comando + 2), luego haga puntos de cada camino que se interseca con "círculo superior" con el círculo y también haga puntos en el centro de cada borde largo exterior de "borde superior" (17a).

Ahora quita todos los puntos de la esquina (17b). Convierta las esquinas de los bordes y gírelas como se muestra (17c). Seleccione los puntos de esquina con la herramienta Selección directa y haga clic en Convertir los puntos de ancla seleccionados en Suavizar (17d). Ahora presione Comando + Alt + 2 para desbloquear el círculo y eliminarlo.

Paso 18

Crea un nuevo círculo de 22 px por 22 px de tamaño. Establezca el color de relleno en marrón oscuro (R = 66 G = 33 B = 11). Lo encontrará en el palet de muestras RGB predeterminado y establecerá su color de trazo en marrón (R = 96 G = 56 B = 19). Encontrará este color justo en el lado izquierdo del color de relleno (18a).

Ahora seleccione la herramienta Polígono, mantenga presionada la tecla Mayús mientras dibuja el polígono, luego establezca su ancho en 19px. Asegúrate de que tienes habilitadas las proporciones de ancho y altura (18b).

Seleccione el polígono y configure su color de relleno como Ninguno y Trazo a 3px y un color negro (K = 100). Vaya a Objeto Expandir en el cuadro de diálogo y haga clic en Aceptar. Ahora use la herramienta Eliminar punto de ancla para eliminar los puntos internos del polígono como se muestra a continuación (18d).

Seleccione el polígono y rellénelo con un degradado como se muestra (18e). Los colores son varios tonos de gris, con un ángulo de -34. Establezca el color de trazo del polígono en gris oscuro con un peso de trazo de 0.5 pts. Ahora centra el círculo y el polígono juntos. Colóquelo en el medio de una mano de "parte superior de la rueda" y cópielo a todas las demás manos, también gire algunos tornillos a un ángulo diferente.

Paso 19

Agregue una superposición de degradado a "parte superior de la rueda" como se muestra en la imagen-19a. Seleccione "wheel top" y haga una copia y péguela en su lugar. Ahora cambia su color a gris (K = 30). Muévalo 1px hacia la izquierda y 1px hacia abajo, envíelo de vuelta presionando Comando + tecla de Soporte Izquierdo (19b).

Seleccione la rueda y cambie su color de relleno a degradado (19c). Copiar y pegar delante de la rueda. Cambie su color de relleno a Ninguno y Trazo a gris oscuro (K = 70), luego devuélvalo presionando Comando + tecla de soporte izquierdo.

Ahora agregue un color de trazo de gris claro (K = 20) a la "rueda superior". Seleccione la rueda superior e inferior y vaya a Objeto> Fusión> Opciones de fusión (19d). Presione Comando + Alt + B para hacer una mezcla (19e). Editar un logotipo como se muestra (19f). Coloque el texto (19g). Ahora seleccione "wheel", "wheel top" y el grupo de texto, y renómbrelos a "wheel" (19h).

Paso 20

Seleccione "rueda" y vaya a Efecto> 3D> Girar, luego cambie la configuración como se muestra (20a). Mantenga la selección y vaya a Objeto> Expandir apariencia (20b).

Paso 21

Ve y desbloquea la capa "neumático". Cree un nuevo círculo de 500 px por 500 px y establezca su color de relleno en Ninguno y el color del trazo en negro. Vaya a Efecto> 3D> Girar y cámbielo como se muestra (21a). Ahora colóquelo como se muestra a continuación (21b).

Haga una copia de este círculo y péguela en su lugar. Cambie su tamaño a 322px por 322px. Coloque eso como se muestra (21c). Ahora haga más dos círculos a 390px por 390px y 440px por 440px copiándolo y colóquelo como se muestra (21d). Llamaremos a estos cuatro movimientos: "círculo 1", "círculo 2", "círculo 3" y "círculo 4" a partir del más pequeño.

Paso 22

Establezca el color del trazo "círculo 1" en gris (K = 40) y el color del trazo "círculo 2" en gris claro (K = 20). Seleccione "círculo 1" y "círculo 2 y haga una copia. Mantenga la copia seleccionada (22a).

Vaya a Objeto> Fusión> Opciones de fusión, configure como se muestra (22b). Ahora presiona Comando + Alt + B para mezclar. Ahora corte la "rueda" de su capa y péguela en la capa de "neumático". Colóquela como se muestra (22c). Seleccione "circle 1" y "circle 2" y presione la tecla Comando + Mayús + Derecha para llevarla al frente.

Paso 23

Retire la copia de "círculo 1" y "círculo 2" y colóquela exactamente en su estado anterior. Selecciónelo, luego presione la tecla Comando + Shift + Corchete derecho para traerlo al frente.

Cambie el color del "círculo 1" a gris (K = 60) y el "círculo 2" a gris oscuro (K = 80), como se muestra (23a). Establezca el color del trazo "círculo 3" en gris oscuro (K = 70) y el color del trazo de círculo 4 en gris oscuro (K = 80). Seleccione "círculo 2", "círculo 3" y "círculo 4". Configure el modo de mezcla y añádalo como se muestra (23b).

Paso 24

Haz un círculo que tenga 220px por 220px y rellénalo con negro. Vaya a Efecto> 3D> Girar ... y cambie la configuración como se muestra (24a). Cópialo y ponlo en frente (Comando + F). Cambie el relleno del círculo superior a gris oscuro (K = 70). Mueve la copia 6px arriba y 6px a la derecha. Selecciona los dos círculos y mezcla (4b). Ahora colóquelo como se muestra a continuación (24c).

Conclusión

Finalmente, agregué el texto de marca y lo modifiqué ligeramente para hacerlo más evidente. Un gran problema con la forma de la rueda es que cuando la giramos con la herramienta 3D ha perdido el aspecto perfecto (especialmente con sus orificios), esto no se puede resolver directamente, pero podemos resolverlo manualmente. Por lo tanto, es una buena idea planificar el ángulo en el que se colocará la rueda desde el principio. Este fue mi primer tutorial y los comentarios son bienvenidos. Gracias por leer!

Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..