A menudo, la mejor manera de estar seguro de su profundidad y ángulos es renderizar objetos utilizando las herramientas 3D de Illustrators. Este tutorial lo guiará a través de la construcción de una bujía 3D a partir de múltiples componentes y luego la expansión de la imagen en un diagrama vectorial 2D. Para esto será necesaria la experiencia previa con Illustrators Revolve y Extrude..
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? Únase a VECTORTUTS PLUS por solo 9 / mes.
Para empezar, necesitamos saber cómo es una bujía. Coge uno de Internet en algún lugar, alternativamente, aquí hay un ejemplo para descargar si te sientes más cómodo trabajando con una imagen de calidad..
Podemos ver en la imagen que crear un solo objeto 3D no será posible en Illustrator. Las secciones superior e inferior pueden ser giradas en 3D, pero la parte central deberá procesarse mediante extrusión 3D. El electrodo inferior también deberá ser extruido..
Para obtener más información sobre estas dos técnicas, ¿por qué no consultar los tutoriales de VECTORTUTS Trabajar con objetos 3D y transparencias para hacer un diseño de botella de Vector Cola y crear una lata de frijoles al asignar vectores a un objeto 3D?.
Para nuestros dos elementos que serán girados podemos hacer un esquema. La brecha resultante en el medio finalmente se llenará con nuestro objeto extruido y girando las dos secciones principales como una, después de que estemos seguros de una buena alineación. Usa las herramientas Pathfinder para construir una silueta de tu enchufe.
Agregue todas las formas (excepto el electrodo de tierra en la parte inferior) utilizando la herramienta Pathfinder y corte el resultado por la mitad para crear un objeto para girar. Rellénelo con un color bastante pálido para poder ver claramente las áreas sombreadas e iluminadas una vez giradas.
La carcasa de la bujía tiene seis lados, por lo que podemos construirla fácilmente utilizando un hexágono extruido. Primero necesitamos establecer las dimensiones de nuestro polígono. La profundidad de la brecha se puede medir con la herramienta Medir y determina en qué medida tendremos que extruir el hexágono.
Primero, vaya a Illustrator> Preferencias> Unidades y rendimiento de visualización. Tendrá que establecer Unidades generales en Puntos, ya que los Puntos se utilizarán durante el proceso de renderización 3D. En este caso, puede ver que al arrastrar la herramienta Medir a través del espacio, la paleta de información muestra una distancia re de 15 puntos. No dude en volver a cambiar las preferencias de sus unidades ahora, solo necesitamos puntos para esa medición (aunque para ser justos, la diferencia entre px y pt es insignificante).
El ancho también se puede medir con precisión, o juzgar a ojo (y cambiar incluso cuando se renderiza en 3D si es necesario).
Ahora que tenemos nuestras medidas (36px de ancho x 15pt de alto) podemos establecer la construcción de nuestro hexágono. Seleccione la herramienta Polígono y haga clic una vez en la mesa de trabajo. En el diálogo de Polígono, ingrese 18px para el Radio (cualquier segmento de línea desde el centro hasta el perímetro, ¿lo recuerda desde la escuela?) Y 6 para los Lados. Haga clic en Aceptar.
Seleccione su hexágono y vaya a Efecto> Estilizar> Esquinas redondeadas. Introduzca un valor de 1px y haga clic en Aceptar. Expanda el efecto resultante (Objeto> Expandir) y el hexágono final listo para la extrusión debe verse como la imagen de abajo.
Seleccione su objeto principal y vaya a Efecto> 3D> Revolución ... Esperamos que las opciones de revolución en 3D le resulten familiares. Mi objeto ha sido dibujado de modo que necesito girarlo alrededor del borde derecho, eso es lo que selecciono en el Girar desde desplegable. Verifique Vista previa y arrastre el cubo de posicionamiento hasta que el objeto gire a la posición que desee. Además, tenga en cuenta que no estamos preocupados por ninguna perspectiva; Eso realmente complicaría las cosas cuando empezamos a combinar objetos juntos..
Tome nota de los valores que ha introducido para los 3 ejes de rotación, ya que los necesitará de nuevo: -30 °, -14 ° y 19 °.
Bien, hemos hecho un buen comienzo, ahora continuemos con el hexágono que hicimos anteriormente. Lo necesitamos en 3D, en el ángulo de rotación correcto y con la profundidad de extrusión correcta. Tenemos toda nuestra información, así que sigamos con esto ...
Seleccione el hexágono y vaya a Efecto> 3D> Extruir y biselar ... Ahora ingrese los valores que ya conocemos para los ángulos de rotación: -30 °, -14 ° y 19 °. Además, use una profundidad de extrusión de 15 puntos.
Con la vista previa marcada, podemos ver que nuestro hexágono es casi correcto, el cubo de posicionamiento es exactamente el mismo que era con nuestro objeto principal en cualquier caso ...
Sin embargo, debido a la forma en que Illustrator ha asignado las caras de los objetos, nuestro hexágono está inclinado exactamente 90 ° de lado. Necesitamos agregar 90 ° al valor en el eje rojo (para que lea 60 °) con el fin de alinear nuestro hexágono con el cuerpo principal de la bujía. Bingo!
Nuestra pieza final del tridimensionalismo (¿es eso una palabra?) Es el electrodo de tierra; esa pequeña pieza que se curva alrededor de la parte inferior para ayudar a hacer una chispa. Tenemos su esquema 2D anterior, ahora es un caso de extrusión 3D en el mismo ángulo que los otros objetos y con una profundidad adecuada. Una vez más: -30 °, -14 °, y 19 °. A continuación, coloque nuestro electrodo de tierra en el grado correcto de rotación, luego extrúyalo a 7 puntos, y se ajusta perfectamente con nuestros otros objetos.
Ahora podemos organizar nuestros objetos juntos, aunque debido a que Illustrator no se ocupa de combinar objetos 3D, nuestro hexágono tiene que sentarse en la parte superior. Vamos a dividirlos todos para poder colocarlos correctamente. Seleccione los objetos y vaya a Objeto> Expandir apariencia. Asegúrese de tener primero una copia de todos estos objetos en caso de que necesite consultar sus formularios originales más adelante. A continuación puede ver los vectores resultantes - objetos bastante complejos!
Estos objetos complejos se construyen a partir de grupos. Y grupos de grupos. Y grupos de grupos de grupos. Seleccione el cuerpo principal de la bujía y desagrupe (Comando + Shift + G). Ahora intenta y selecciona solo una parte de ella. Puede ser que necesite desagruparse nuevamente para comenzar a separar los componentes. Finalmente, debería poder aislar el grupo de la sección superior del grupo de la sección inferior y, por lo tanto, colocar los componentes en el orden de capa correcto, como se muestra a continuación..
Ahora comencemos a crear los segmentos de nuestro diagrama que se delinearán. Puede que le resulte más fácil colocar cada una de las piezas que ya hemos hecho en sus propias capas. Bloquear las capas con las que no está trabajando evitará dificultades para seleccionar lo que está buscando.
Seleccione la sección superior primero y desagrupe (Comando + Mayús + G). Luego seleccione una porción más pequeña como la que se ilustra a continuación. Debe poder combinar sus partes más pequeñas para crear un objeto grande y esto se hace, por supuesto, con las herramientas Pathfinder. Para utilizar la herramienta Agregar a la forma dentro de la paleta, debe asegurarse de que las partes más pequeñas estén todas separadas. Si desagruparlos no funciona, intente dividirlos primero usando la herramienta Dividir de Pathfinder.
Una vez que hayas combinado las partes más pequeñas, expándelos..
Una vez que lo haya hecho, ahora tendrá que embarcarse en repetir el proceso varias veces. Tenga en cuenta que no todo tiene que ser incluido; su objeto 3D expandido incluirá muchas capas y caras que simplemente puede ignorar. Construye las piezas que necesitas, rellénalas todas con el mismo color y en el siguiente paso trabajaremos para limpiarlas..
Nota: En retrospectiva, el color rosado puede no haber sido la mejor opción aquí ... lo siento.
Seleccione uno de sus segmentos recién creados y vaya a Seleccionar> Mismo> Color de relleno ... para seleccionar también los demás. Presione Comando + 3 para ocultarlos, dejando solo el exceso de su objeto 3D expandido. Hay bastante - y todo esto puede ser eliminado. Así que hazlo!
Con la basura fuera del camino, vamos a simplificar nuestros caminos restantes. La expansión del objeto 3D ha creado miles de puntos de anclaje que aumentarán el tiempo de procesamiento y reducirán la suavidad de sus vectores. Presione Comando + Alt + 3 para revelar los objetos que ocultó previamente. Luego, con ellos seleccionados, vaya a Objeto> Ruta> Simplificar ...
Aparecerá el diálogo Simplificar. Verifique Vista previa y vea qué efecto tienen sus configuraciones en las rutas seleccionadas. Le sugiero que mantenga la precisión de la curva al 100% para que sus objetos permanezcan fieles a su forma original. Alterar el umbral de ángulo cambiará los límites a los que se pueden inclinar los anclajes. Esto nuevamente afecta la forma de sus objetos y notará que cuanto más alto sea el umbral, más puntos de anclaje se necesitarán y más precisos serán sus objetos. Encuentra tu propio equilibrio. En mi caso, he reducido el número de puntos de anclaje de 3196 a solo 315. Una mejora masiva.
Cambie a la vista Esquema (Comando + Y para cambiar de vista) para permitir un trabajo rápido (en cualquier caso, ese color rosa fue ofensivo). Con la herramienta Selección directa, seleccione y elimine todas las rutas superfluas dejando solo lo que se necesita para la forma general. Siéntase libre de mejorar los caminos como le parezca.
Con un color de relleno adecuado (blanco) y un trazo bien ponderado, debe comenzar a obtener algo como la imagen de abajo. El hexágono también resultó bien, aunque necesitamos agregarle algunos detalles para resaltar los lados..
Cree un rectángulo y vaya a Efecto> Deformación> Bulge. Ingrese 15% como curva horizontal, haga clic en Aceptar y luego expanda el objeto resultante.
Coloque el objeto en su diagrama y use la herramienta Transformación libre para colocarlo en su posición. Manteniendo el comando mientras arrastra el cuadro de límites se sesgará según sea necesario. Repita para los tres lados visibles.
Tomará un tiempo, pero eventualmente se quedarán con todos sus objetos, limpiados y colocados correctamente, juntos haciendo una bujía reconocible.
Copie y pegue todo (Comando + C, Comando + F) luego use las herramientas Pathfinder para combinarlo todo. Dale a este nuevo objeto un trazo más grueso, elimina el relleno y alinea el trazo con el exterior. Agregar un fondo con un color adecuado también le dará un poco de atmósfera al diagrama.
También es posible agregar un logotipo a la bujía asignando un símbolo a su objeto 3D original. De nuevo, consulte uno de los tutoriales anteriores de VECTORTUTS para ver exactamente cómo se hace esto. Al asignar un objeto vectorial a su bujía, también se puede expandir como se muestra a continuación.
Con algunas etiquetas que indican qué es lo que hay en la anatomía de una bujía, ¡tenemos un diagrama técnico! Gracias a las herramientas 3D de Illustrators hemos podido construir con una profundidad y ángulos casi perfectos, todos alineados correctamente, terminando en un estilo claro y simple. Por supuesto, las herramientas 3D se pueden usar para construir una base para todo tipo de cosas: vaya y experimente!
Suscríbase a la fuente RSS de VECTORTUTS para estar al día con los últimos tutoriales y artículos de vectores..