Trabajar con objetos 3D y transparencias para hacer un diseño de botella Vector Cola

VECTORTUTS ha cubierto los efectos 3D de Illustrator unas cuantas veces, por lo que los conceptos básicos ya deberían estar familiarizados con usted. En este tutorial, vamos a mejorar esas habilidades y discutir cómo Illustrator trata la transparencia en los objetos 3D. En solo unos pocos pasos, habrá creado una botella plástica de cola, que es ideal para aquellos de ustedes involucrados en la comercialización de productos..

Vista previa de la imagen final

Esto es lo que estamos buscando construir con este tutorial..

Paso 1

Necesitamos dos símbolos para mapear a nuestro objeto 3D final; Una etiqueta de botella y alguna textura para la tapa de rosca. Haga el suyo con proporciones similares a las que se muestran a continuación y use los diseños que desee. Agrupe los componentes de la etiqueta (Objetos> Grupo) para crear un grupo de etiquetas y también agrupe los componentes de textura superior.

Una cosa a tener en cuenta es el uso de gradientes dentro de estos símbolos. Illustrator rasterizará los gradientes cuando aplique los símbolos a las superficies 3D. Esto está bien y puede darte el efecto deseado, pero al hacerlo limitarás la capacidad de ampliación de tu objeto final.

Paso 2

Abra el panel de símbolos (Ventana> Símbolos) y arrastre cada uno de los dos grupos a la ventana. Dependiendo de la versión de Illustrator que esté utilizando, se le presentará automáticamente el cuadro de diálogo Opciones de símbolos o tendrá que hacer doble clic en los símbolos una vez que estén en el panel..

De cualquier manera, ingrese un nombre para cada uno de sus dos símbolos en el diálogo Opciones de símbolo y haga clic en Aceptar. También puede resultarle útil mostrar el panel Símbolos como una lista (como se muestra en la imagen a continuación), que le permite ver los iconos de símbolos más sus nombres asignados. Las instancias existentes de los símbolos en su mesa de trabajo ahora se pueden eliminar.

Paso 3

Ahora estoy en modo Esquema (Comando + Y para cambiar entre Vista previa y Esquema) mientras trabajo con vectores simples, pero puedes elegir qué modo de vista prefieres.

Utilice las diversas herramientas de dibujo para formar las formas necesarias para una silueta de una botella de cola. Alinéelos a todos centralmente, pero no se preocupe si todo no es perfectamente simétrico, de todos modos vamos a cortarlo por la mitad. Hay muchos enfoques para preparar formas para girar, de esta manera te da una impresión razonable de la forma final antes de aplicar el efecto 3D.

Etapa 4

Usa las herramientas de Pathfinder para unir las formas. Luego expande tus formas para que tengas un objeto completo.

Paso 5

Dibuja una línea verticalmente en el centro de tu objeto de botella. Luego alinea los dos juntos centralmente. Ahora haga clic en la herramienta Dividir de Pathfinder y expanda el resultado. Tu objeto se habrá dividido prolijamente en dos.

Desagrupe las dos mitades (Objetos> Desagrupar) y elimine una de ellas. No importa cuál de las dos mitades elimines; más sobre esto más adelante.

Paso 6

Vamos a continuar dividiendo nuestro objeto, esta vez con una serie de líneas horizontales. Lo que buscamos es una colección de piezas para que cada área de la botella tenga sus propias propiedades de color y transparencia..

Comience con una línea para separar la parte superior de la botella del resto, luego una que comience la etiqueta y otra para el plástico debajo de la etiqueta. Continúe con este método hasta que su diseño coincida con la imagen que se muestra a continuación..

Paso 7

Una vez más nos dirigimos a nuestras Herramientas Pathfinder. No es necesario que agrupe las líneas horizontales, solo seleccione todo en la página y haga clic en Dividir. Expande tu objeto como lo has hecho antes. A continuación, desagrupe (Objeto> Desagrupar) para liberar sus secciones de botella entre sí..

Paso 8

Use la Herramienta de selección directa para seleccionar cuatro de los nodos a lo largo del borde de su objeto (como se resalta a continuación). Luego presione Eliminar para eliminarlos. Esto debería dejarte con un vector segmentado que define el borde exterior de mitad de tu botella.

Paso 9

Si actualmente está trabajando en modo Esquema, cambie a Vista previa (Comando + Y) para que podamos determinar algunos colores. Dale un color a cada una de las cinco secciones de la botella y deja el ancho del trazo en su valor predeterminado de 1px (el ancho del trazo determinará efectivamente el grosor del plástico de tu botella, es posible que desees jugar con esto).

Paso 10

Seleccione todas las secciones de su botella y agrúpelas (Objeto> Grupo). Esta es una etapa simple pero crucial en el proceso de rotación 3D. Queremos que todas las secciones se traten como una unidad y que los efectos se apliquen a todo el grupo. Sin agruparlos, el efecto de revolución se aplicaría a cada sección individualmente, creando cinco objetos 3D aleatorios. Pruébalo por ti mismo!

Paso 11

Seleccione sus vectores botella ahora agrupados. Vaya a Efecto> 3D> Revolución y haga clic en Vista previa en el cuadro de diálogo Opciones que aparece. Se le presentará una representación 3D girada de su vector, girada 360 ° alrededor del borde izquierdo de forma predeterminada.

Esto nos lleva de nuevo al Paso 5 cuando mencioné "más sobre esto más adelante". Bueno, más tarde está aquí ahora. Cuando dividí todo el objeto de la botella en dos mitades, elegí borrar el lado derecho, dejándome con el izquierdo. Si hiciste lo mismo, tu botella se habrá renderizado de la siguiente manera..

Deberá modificar la configuración para que el objeto gire alrededor del lado derecho, como se muestra en la segunda imagen a continuación..

Paso 12

En el cuadro de diálogo Opciones de revolución 3D, haga clic en Arte de mapa, que abre el cuadro de diálogo Mapa. Seleccione las superficies que necesita utilizando las flechas de navegación de la superficie y asigne los símbolos apropiados a ellas desde el menú desplegable de símbolos. Habrá muchas superficies para elegir con un objeto complejo como este, por lo que puede tardar un poco en encontrar las que está buscando. Esto es particularmente cierto cuando se gira un vector, ya que las superficies en el dentro de su objeto también puede ser mapeado.

Haga clic en Shade Artwork y luego haga clic en Aceptar. Una vez de vuelta en el diálogo de Opciones 3D, juegue con el ángulo, la perspectiva y la iluminación (en Más opciones) hasta que esté satisfecho con el resultado. A continuación, haga clic en Aceptar.

Paso 13

Ahora tenemos una bonita botella 3D con una etiqueta y un poco de textura de tapa, pero el plástico y la cola son opacos; Necesitamos resolver el problema de la transparencia (aquí viene la parte más importante del tutorial). Hay varias maneras en las que puedes pensar para enfocar esto, así que primero tacharé las formas incorrectas y luego demostraré cómo se debe hacer..

1. Al seleccionar la botella 3D y reducir la opacidad en el panel de transparencia, todo el objeto se desvanecerá. Además, ni siquiera podrá ver el reverso del objeto, se lo habrá tratado como una imagen 2D. Esto se debe a que cuando Illustrator presenta un objeto en 3D, primero aplana la transparencia de ese objeto (vea la primera imagen a continuación).

2. En su lugar, podríamos expandir el grupo en el panel Capas o hacer doble clic en el objeto para revelar los elementos del grupo. Seleccionando solo aquellos que necesitamos y modificando su opacidad, podemos darle a nuestra botella un aspecto transparente (vea la segunda imagen a continuación). El enfoque correcto! ¿Derecha? Incorrecto!

Paso 14

Técnicamente acabamos de lograr el aspecto que queríamos, pero en términos de mejores prácticas Este método no va a ganar una estrella de oro. Illustrator ha aplanado la transparencia del objeto principal (en este caso, el grupo de vectores), aunque ahora hemos alterado las propiedades de un objeto. dentro nuestro grupo. Esta transparencia no se aplana y el efecto funciona..

Sin embargo, imagina que no teníamos un grupo. Imagina, en cambio, que habíamos construido un solo vector para hacer una botella de vidrio verde y también queríamos aplicar una transparencia. No tendríamos un grupo para expandir, sin embargo, todavía tendríamos que alterar la transparencia de un elemento dentro nuestro vector, por lo que aquí es donde el tercero correcto el metodo entra en juego.

3. Abra su panel Apariencia (Ventana> Apariencia) y use la herramienta Selección directa para hacer clic en un vector cuya transparencia desee modificar. En el panel Apariencia, ahora puede aislar las propiedades de transparencia de trazo de este objeto. Para ello, haga clic en el atributo Trazo y cambie el valor en el panel de transparencia. No está alterando las propiedades del objeto, sino las propiedades de su trazo, ¡que está lo más abajo posible de la jerarquía de propiedades! Transparencia garantizada!

Dale a los trazos de las secciones de plástico una Transparencia Multiplicada del 40% y al trazo de la sección de cola una Transparencia Multiplicada del 60%.

Paso 15

Si sientes que la botella debe estar apoyada en algo, haz una elipse, dale un degradado radial de 50% de negro a blanco y escálala verticalmente, como se muestra en la siguiente imagen. Colóquelo debajo de la base de la botella. Haz otra elipse (más grande), dale un degradado radial de 20% de negro a blanco. Luego enmascara (Comando + 7) la mitad superior con un rectángulo. Colócalo detrás de la botella como un horizonte..

Desafortunadamente, Illustrator (todavía) no se ocupa de ambientes tales como programas 3D dedicados, por lo que tendrá que falso tu propia sombra.

Conclusión

¡Ahí lo tenemos! ¡Una botella de cola de plástico transparente 3D! Duplica tu botella final si realmente quieres demostrar su transparencia. Escala para permitir la distancia. Tenga en cuenta que al modificar la escala de los objetos renderizados en 3D (o el ancho del trazo, etc.), es posible que deba volver a aplicar la asignación de imágenes. Es probable que a sus superficies se les hayan asignado números diferentes y que sus símbolos estén conectados en diferentes lugares.