Cómo trabajar con objetos 3D y transparencias para hacer un diseño vectorial de una botella de cola

VECTORTUTS ha abordado los efectos 3D de Illustrator en varias ocasiones, por lo que los fundamentos ya deberían ser familiares para ti. En este tutorial, llevaremos esas habilidades a un nivel superior y discutiremos cómo Illustrator maneja la transparencia en los objetos 3D. En unos pocos pasos habrás creado una botella de cola de plástico, que es ideal para aquellos que se dedican al marketing de productos.

Previsualización de la imagen final

Esto es lo que buscamos construir con este tutorial.

Paso 1

Necesitamos dos símbolos para mapear nuestro objeto 3D final; una etiqueta de botella y alguna textura para el tapón de rosca. Haz la tuya con proporciones similares a las que se muestran a continuación y utiliza los diseños que quieras. Agrupa los componentes de la etiqueta (Objetos > Agrupar) para hacer un grupo de etiquetas y agrupa también los componentes de la textura superior.

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

Paso 2

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

En cualquier caso, introduce un nombre para cada uno de tus dos símbolos en el cuadro de diálogo Opciones de símbolo y haz clic en Aceptar. También puedes encontrar útil mostrar el panel de Símbolos como una lista (como se muestra en la imagen de abajo), que te permite ver los iconos de los símbolos más sus nombres asignados. Las instancias existentes de los símbolos en la mesa de trabajo pueden eliminarse ahora.

Paso 3

Ahora estoy en modo Contorno (Comando + Y para cambiar entre Vista previa y Contorno) mientras trabajo con vectores simples, pero puedes elegir el modo de vista que prefieras.

Utiliza las distintas herramientas de dibujo para crear las formas necesarias para la silueta de una botella de cola. Alinéalas todas en el centro, pero no te preocupes si el conjunto no es perfectamente simétrico, de todos modos vamos a cortarlo por la mitad. Hay muchas maneras de preparar las formas para girar, esta manera te da una impresión razonable de la forma final antes de aplicar el efecto 3D.

Paso 4

Utiliza las herramientas del Buscatrazos para unir las formas. A continuación, amplia las formas para tener un objeto completo.

Paso 5

Dibuja una línea vertical en el centro de tu objeto botella. Luego alinea los dos juntos en el centro. Ahora haz clic en la herramienta Dividir del Buscatrazos y expande el resultado. Tu objeto se habrá dividido limpiamente en dos.

Desagrupa las dos mitades (Objetos > Desagrupar) y elimina una de ellas. No importa cuál de las dos mitades elimines; más adelante hablaremos de ello.

Paso 6

Vamos a seguir dividiendo nuestro objeto, esta vez con una serie de líneas horizontales. Lo que pretendemos es una colección de piezas para que cada zona de la botella pueda tener sus propias propiedades de color y transparencia.

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

Paso 7

Una vez más, recurrimos a nuestras herramientas del Buscatrazos. No necesitas agrupar las líneas horizontales, simplemente selecciona todo en la página y haz clic en Dividir. Expande tu objeto como has hecho antes. A continuación, desagrupa (Objeto > Desagrupar) para liberar las secciones de la botella entre sí.

Paso 8

Utiliza la herramienta Selección directa para seleccionar cuatro de los nodos a lo largo del borde de tu objeto (como se señala abajo). A continuación, pulsa Borrar para eliminarlos. Esto debería dejarte con un vector segmentado que define el borde exterior de la mitad de tu botella.

Paso 9

Si estás trabajando en el modo Contorno, cambia a Vista Previa (Comando + Y) para que podamos determinar algunos colores. Dale a cada una de las cinco secciones de la botella un color 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 quieras jugar con esto).

Paso 10

Selecciona todas las secciones de tu botella y agrúpalas (Objeto > Agrupar). Esta es una etapa simple pero crucial en el proceso de giro 3D. Queremos que todas las secciones sean tratadas como una unidad y que los efectos se apliquen al grupo como un todo. Sin agruparlas, el efecto de giro se aplicaría a cada sección individualmente, creando cinco objetos 3D aleatorios. ¡Pruébalo tú mismo!

Paso 11

Selecciona tus vectores de botella ahora agrupados. Ve a Efecto > 3D > Girar y haz clic en Vista previa en el cuadro de diálogo Opciones que aparece. Aparecerá una interpretación 3D girada de tu vector, orientada 360° alrededor del borde izquierdo por defecto.

Esto nos devuelve al paso 5, cuando mencioné "más adelante". Bueno, más tarde es ahora. Cuando dividí el objeto botella en dos mitades elegí eliminar la parte derecha, dejándome la izquierda. Si has hecho lo mismo, tu botella se habrá interpretado como abajo.

Tendrás que modificar los ajustes para que el objeto gire hacia la derecha, como se muestra en la segunda imagen de abajo.

Paso 12

Dentro del cuadro de diálogo Opciones de giro 3D, haz clic en Mapear ilustración, lo que abre el cuadro de diálogo de Mapeado.  Selecciona las superficies que necesitas utilizando las flechas de navegación de superficies y asigna los símbolos apropiados a ellas desde el menú desplegable de símbolos. Habrá muchas superficies para elegir con un objeto complejo como éste, por lo que puede tomar un tiempo encontrar las que buscas. Esto es particularmente cierto cuando se gira un vector, ya que las superficies en el interior de tu objeto también pueden ser mapeadas.

Haz clic en Sombrear ilustración y luego en Aceptar. Una vez de vuelta en el diálogo de Opciones 3D, juega con el ángulo, la perspectiva y la iluminación (en Más opciones) hasta que estés contento con el resultado. A continuación, haz clic en Aceptar.

Paso 13

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

1. Seleccionando la botella 3D y reduciendo la opacidad en el panel de transparencia, todo el objeto se desvanecerá. Además, ni siquiera podrás ver el reverso del objeto, ya que habrá sido tratado como una imagen 2D. Esto se debe a que cuando Illustrator interpreta un objeto en 3D primero aplana la transparencia de dicho objeto (ver la primera imagen de abajo).

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 sólo los que necesitamos y alterando su opacidad podemos dar a nuestra botella un aspecto transparente (ver la segunda imagen de abajo). ¡El enfoque correcto! ¿No es así? ¡No!

Paso 14

Técnicamente hemos conseguido el aspecto que queríamos, pero en términos de buenas prácticas este método no es el mejor. 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 de nuestro grupo. Esta transparencia no se aplana y el efecto funciona.

Sin embargo, imagina que no tuviéramos un grupo. Imaginemos que hemos creado un único vector para hacer una botella de vidrio verde y que también queremos aplicar una transparencia. No tendríamos un grupo que expandir, pero aun así necesitaríamos alterar la transparencia de un elemento dentro de nuestro vector, así que aquí es donde entra en juego el tercer método correcto.

3. Abre tu panel Apariencia (Ventana > Apariencia) y utiliza la herramienta Selección directa para hacer clic en un vector cuya transparencia desees modificar. En el panel Apariencia puedes ahora aislar las propiedades de transparencia del trazo de este objeto. Para ello, haz clic en el atributo Trazo y cambia el valor en el panel de transparencia. No estás alterando las propiedades del objeto, sino las propiedades de su trazo, ¡que está lo más bajo posible en la jerarquía de propiedades! ¡Transparencia garantizada!

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

Paso 15

Si crees que la botella tiene que estar sobre algo, haz una elipse, dale un degradado radial del 50% de negro al blanco y escálalo verticalmente, como en la imagen de abajo. Colócala debajo de la base de la botella. Haz otra elipse (más grande), dale un degradado radial del 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.

Desgraciadamente, Illustrator (todavía) no contempla la ambientación como los programas 3D dedicados, así que tendrás que fingir tu propia sombra.

Conclusión

¡Ahí lo tenemos! ¡Una botella de cola de plástico transparente! Duplica tu botella final si quieres demostrar realmente su transparencia. Escala la botella para ajustarla a diferentes distancia. Ten en cuenta que al modificar la escala de los objetos interpretados en 3D (o el ancho del trazo, etc.) puede ser necesario volver a aplicar el mapeo de la imagen. Es probable que tus superficies tengan asignados diferentes números y que tus símbolos estén fijados en diferentes lugares.