Spanish (Español) translation by Ivan Gomez (you can also view the original English article)
En el tutorial de hoy vamos a ver cómo combinar Illustrator y Photoshop para crear una lata de spray 3D, texturizada. Este tutorial requiere conocimientos básicos de Illustrator y Photoshop, así como de la herramienta Lápiz. ¡Empecemos!
Paso 1
Abre Adobe Illustrator. Crea un nuevo documento. El primer paso es crear todos los materiales y elementos que aparecerán en la lata. La mayoría de ellos son formas básicas y texto. Yo creé la salpicadura y el escudo para este tutorial. Puedes utilizarlos o puedes buscar elementos vectoriales similares gratuitos en Internet.
Ten en cuenta que incluí medidas para que te des una idea del tamaño y la proporción, pero no tienes que ser exacto. Siempre puedes cambiar el tamaño de los objetos más tarde si es necesario.
Paso 2
Ve a Ventana/Símbolos para abrir el panel panel Símbolos. Arrastra cada uno de los elementos que acabas de crear al panel Símbolos para convertirlos en símbolos.
Desde el menú del panel Símbolos (esquina superior derecha) selecciona "Vista de lista grande".
Da clic en el botón Opciones de símbolo en la parte inferior del panel, y cambia el nombre de cada uno de los símbolos como se ve en la siguiente imagen. Por último, puedes eliminarlos de la mesa de trabajo.
Paso 3
Con la Herramienta Pluma (P) dibuja una forma como en la imagen de abajo. Trata de respetar la cantidad de nodos.
Paso 4
Ve al menú y haz clic en Efecto > 3d > Girar. Introduce los valores de la siguiente imagen.
Paso 5
En la ventana Opciones de giro 3D, haz clic en el botón Mapear ilustración. Marca la casilla Difuminar ilustración y Geometría invisible. Por ahora sólo utilizaremos los cuadrados Rojo y Gris que convertimos en símbolos. Da clic en las flechas de dirección para navegar por cada superficie. Teniendo la imagen en el Paso 6 como referencia, aplica el material correspondiente, seleccionándolo en el menú de lista Símbolo.
Ten en cuenta que la estructura de alambre se resalta en rojo en la superficie seleccionada. Si el material/símbolo es demasiado pequeño para la superficie, haz clic en el botón Cambiar escala para ajustar. Finalmente haz clic en Ok en la ventana Mapear ilustración y en la ventana Opciones de giro 3D.
Paso 6
Deberías tener algo como esto.
Paso 7
Abre ahora el panel Capas si no está abierto aún. Cambia el nombre <Trazado> a PRINCIPAL.
Paso 8
Selecciona la forma principal; duplícala arrastrándola al botón Crear nueva capa en la parte inferior del panel Capas. Renombra el nuevo trazado PRINCIPAL a BLANCO GRANDE.
Paso 9
Oculta el trazado PRINCIPAL. Selecciona el trazado BLANCO GRANDE. Abre el panel Apariencia y da clic en la palabra Giro 3D (Mapeado). Haz clic en el botón Mapear ilustración.
Paso 10
Primero borra los símbolos de todas las superficies. Si has creado exactamente la misma cantidad de nodos tienes que seleccionar Superficie 5. Si no es así, no te preocupes, solo busca la superficie que coincida con la de la siguiente imagen y coloca el símbolo Blanco Grande como se ve en la siguiente imagen.
Paso 11
Ahora vamos a repetir los pasos de 7 a 10 varias veces para posicionar los diferentes elementos. Te puedes estar preguntando: ¿Cuál es la ventaja de colocar los elementos en varios trazados superpuestos en vez de hacer sólo un símbolo con todo lo que hay dentro?
- Puedes copiar cada elemento en Photoshop como capas individuales.
- Esto permite un uso más eficiente de los recursos del equipo, ya que puedes ocultar todos los elementos no utilizados de ser necesario.
Duplica el trazado GRANDE BLANCO arrastrándolo al botón Crear nueva capa en la parte inferior del panel Capas. Cambia el nombre del nuevo trazado GRANDE BLANCO a GRANDE PEQUEÑO.
Selecciona el trazado BLANCO PEQUEÑO. Abre el panel Apariencia y da clic en la palabra Giro 3D (Mapeado). Haz clic en el botón Mapear ilustración. Elimina los símbolos de todas las superficies. Busca la superficie que coincida con la siguiente imagen y coloca el símbolo BLANCO PEQUEÑO como se ve en la siguiente imagen. Finalmente, haz clic en Ok en la ventana Mapear ilustración y en la ventana Opciones de giro 3D.
Paso 12
Duplica el trazado BLANCO PEQUEÑO arrastrándolo al botón Crear nueva capa en la parte inferior del panel Capas. Cambia el nombre del nuevo trazado BLANCO PEQUEÑO a ESCUDO.
Selecciona el trazado ESCUDO. Abre el panel Apariencia y selecciona la palabra Giro3D (Mapeado). Da clic en el botón Mapear ilustración. Elimina todos los símbolos de todas las superficies.
Busca la superficie que coincida con la siguiente imagen y coloca el símbolo ESCUDO como se ve en la siguiente imagen. Finalmente, haz clic en Ok en la ventana de Mapear ilustración y en la ventana Opciones de giro 3D.
Paso 13
Duplica el trazado ESCUDO arrastrándolo al botón Crear nueva capa en la parte inferior del panel Capas. Cambia el nombre del nuevo trazado ESCUDO a PRESURIZADO.
Selecciona el trazado PRESURIZADO. Abre el panel Apariencia y da clic en el texto Giro 3D (Mapeado). Da clic en el botón Mapear ilustración. Elimina todos los símbolos de todas las superficies.
Busca la superficie que coincida con la de la siguiente imagen y coloca el símbolo "Humo presurizado" como se muestra en la siguiente imagen. Finalmente haz clic en Ok en la ventana de Mapear ilustración y en la ventana Opciones de giro 3D.
Paso 14
Duplica el trazado PRESURIZADO arrastrándolo al botón Crear nueva capa en la parte inferior del panel Capas. Cambia el nombre del nuevo trazado PRESURIZADO a MARCA.
Selecciona el trazado MARCA. Abre el panel Apariencia y da clic sobre la palabra Giro 3D (Mapeado). Da clic en el botón Mapear ilustración. Elimina todos los símbolos de todas las superficies.
Buscala superficie que coincida con la siguiente imagen y coloca el símbolo MARCA como se muestra en la siguiente imagen. Finalmente, haz clic en Ok en la ventana Mapear ilustración y en la ventana Opciones de giro 3D.
Paso 15
Duplica el trazado MARCA arrastrándolo al botón Crear nueva capa en la parte inferior del panel Capas. Cambia el nombre del nuevo trazado MARCA a BOQUILLA1.
Selecciona el trazado BOQUILLA1. Abre el panel Apariencia y da clic sobre la palabra Giro 3D (Mapeado). Da clic en el botón Mapear ilustración. Elimina todos los símbolos de todas las superficies.
Busca la superficie que coincida con la siguiente imagen y coloca el símbolo BOQUILLA1 como se muestra en la siguiente imagen. Finalmente, haz clic en OK en la ventana Mapear ilustración y en la ventana Opciones de giro 3D.
Paso 16
Duplica el trazado BOQUILLA1 arrastrándolo al botón Crear nueva capa en la parte inferior del panel Capas. Cambia el nombre del nuevo trazado BOQUILLA1 a BOQUILLA2.
Selecciona el trazado BOQUILLA2. Abre el panel Apariencia y da clic sobre la palabra Giro 3D (Mapeado). Haz clic en el botón Mapear ilustración. Elimina todos los símbolos de todas las superficies.
Busca la superficie que coincida con la de la siguiente imagen y coloca el símbolo BOQUILLA2 como se ve aquí. Finalmente, haz clic en Ok en la ventana de Maper ilustración y en la ventana Opciones de giro 3D.
Paso 17
Duplica el trazado BOQUILLA2 arrastrándolo al botón Crear nueva capa en la parte inferior del panel Capas. Cambia el nombre del nuevo trazado BOQUILLA2 a SALPICADURA.
Selecciona el trazado SALPICADURA. Abre el panel Apariencia y da clic sobre la palabra Giro 3D (Mapeado). Haz clic en el botón Mapear ilustración. Elimina todos los símbolos de todas las superficies.
Esta vez voy a aplicar el símbolo SALPICADURA a 3 superficies; en este ejemplo, las superficies 10, 11 y 12. Toma la siguiente imagen como guía para identificar las superficies en tu caso. Finalmente, haz clic en Ok en la ventana Mapear ilustración y en la ventana Opciones de giro 3D.
Paso 18
Haz visible todos los trazado, y tendrás algo similar a lo que se ve en la imagen abajo.
Paso 19
Ahora abre Adobe Photoshop y creemos un nuevo archivo de 600 px x 1000 px. Si tu capa "Fondo" es blanca, presiona Comando/Ctrl + I para invertirla. El fondo debe ser negro. Duplica la capa de fondo arrastrándola al botón Crear una nueva capa. Cambia el nombre de la nueva capa a "MyBg". Haz doble clic en la capa "MyBg" y aplica los estilos Resplandor interior y Superposición de degradado con la configuración de la siguiente imagen. Clic en OK
Paso 20
Ve al tu archivo de Illustrator y copia (Comando/Ctrl + C) la forma PRINCIPAL y pégala (Comando/Ctrl + V) en el archivo de Photoshop como un objeto inteligente.
Paso 21
Regresa a Illustrator y selecciona formas BLANCAS GRANDES y BLANCAS PEQUEÑAS y cópialas (Comando/Ctrl + C). Pégalas (Comando/Ctrl + V) en el archivo de Photoshop como un objeto inteligente. Y cambia el nombre de la capa a BLANCO.
Haz lo mismo para el resto de las formas una por una. Cambia el nombre de todas las capas como se ve en la siguiente imagen.
Paso 22
Oculta todas las capas excepto PRINCIPAL. Abre el panel TRAZADOS (Ventana/Trazados) y presiona el botón Crear trazado nuevo en la parte inferior del panel. Activa la Herramienta Pluma (P) y dibuja un trazado alrededor de la parte roja del cuerpo del spray. Presiona Comando/Ctrl y haz clic sobre la miniatura del trazado para crear una selección del trazado.
Paso 23
Ve a la panel Capas y presiona el botón Crear nueva capa de relleno o ajuste en la parte inferior del panel. Selecciona Mapa de degradado. Haz doble clic en el icono del mapa de degradado para abrir el panel de Propiedades. Haz clic sobre el mapa de degradado del panel Propiedades y edita el degradado como se muestra en la siguiente imagen. Da clic en Ok
Paso 24
Ahora necesitarás una textura "sucia", puedes usar la que adjunto a este tutorial. Ábrela y pégala en tu archivo, sobre la capa BLANCO. Cambia el nombre de la capa de la textura a TEXTURA. En el menú, ve a Imagen > Ajustes > Blanco y negro. Da clic en Automático y presiona Ok. En el menú, ve a Imagen > Ajustes > Niveles. Da clic en Automático y presiona Ok.
Paso 25
Con la capa BLANCO seleccionada, haz clic en el botón Añadir máscara de capa en la parte inferior del panel Capas. Abre el panel Canales y presiona Comando/Ctrl + clic sobre la miniatura de cualquiera de los canales Rojo, Verde o Azul para crear una selección. Vuelve al panel Capas y oculta la capa TEXTURA. Selecciona la miniatura de la Máscara de capa BLANCO. Presiona Comando/Ctrl + H para ocultar la selección. Pinta las partes de la capa BLANCO donde desees que los rasguños queden en negro. Puedes pintar con color blanco para ocultarlos.
Paso 26
Presiona nuevamente Comando/Ctrl + H para mostrar la selección. Ahora vamos a guardar la selección ya que la usaremos más adelante. Activa Selección/Guardar selección, y nómbrala "SELECCION" en el campo Nombre. Esto creará un nuevo canal llamado SELECCION. Presiona Comando/Ctrl + D para deseleccionar.
Ahora que hemos guardado nuestra selección, podemos eliminar la capa TEXTURA seleccionándola y presionando la tecla Suprimir o arrastrándola al ícono de papelera en la parte inferior del panel Capas.
Hasta ahora deberías tener algo como esto en tu panel de Capas y Canales.
Paso 27
Creemos algunos rasguños en el escudo. Descubre la capa ESCUDO. Añade una máscara de capa haciendo clic en el botón Añadir máscara de capa en la parte inferior del panel Capas. Ve al panel Canales y presiona Comando/Ctrl + clic sobre la miniatura del canal SELECCION. Presiona Comando/Ctrl + H para ocultar la selección. Ve al panel Capas de nuevo y selecciona la máscara de capa de la capa ESCUDO. Pinta con color negro sobre el escudo para revelar algunos rasguños. Recuerda, para borrar rasguños pinta con blanco.
Con una máscara de capa seleccionada puedes alternar de negro a blanco y viceversa pulsando la tecla X.
Si has terminado con los rasguños, recuerda borrar la selección. No puedes verlos porque están ocultos, pero están ahí; así que presiona Comando/Ctrl + H para hacer visible la selección y Comando/Ctrl + D para deseleccionar.
Paso 28
Repite el paso 27 para las capas PRESURIZADO y MARCA.
Paso 29
Descubre la capa BOQUILLA1; cambia su modo de fusión a Subexponer color y reduce su Relleno al 40%. Descubre la capa BOQUILLA2; cambia su modo de fusión Subexposición lineal. Descubre la capa SALPICADURA; cambia su modo de fusión a Subexponer color y reduce su relleno al 90%.
Paso 30
Ahora vamos a añadir algunas sombras más a la lata de spray. En el panel Capas, selecciona la capa SALPICADURA. Da clic en el botón Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas. Selecciona "Tono/Saturación..." Selecciona la máscara de capa de la capa Tono/Saturación 1 y presiona Comando/Ctrl + I para invertirla. Cambia el modo de fusión de la capa Tono/Saturación 1 a Subexponer color. Ve al panel de Propiedades y cambia la Luminosidad a -50.
Ahora, con la máscara de capa Tono/Saturación 1 seleccionada, comienza a pintar con blanco en los lados de la lata de spray para agregar más sombras. Recuerda que siempre puedes borrar pintando con negro sobre la máscara de capa.
Si has terminado de añadir sombras al spray, notarás que el fondo también se oscureció. Vamos a arreglar eso enseguida.
Ve a la capa PRINCIPAL y presiona Comando/Ctrl + haz clic en la miniatura. Esto seleccionará el spray. Presiona Comando/Ctrl + Mayúsculas + I para invertir la selección, ya que queremos una selección del fondo y no del spray. Selecciona la máscara de capa de Tono/Saturación 1, asegúrate de que en el panel de Herramientas el color de fondo sea negro, y presiona la tecla Suprimir.
Paso 31
Agreguemos ahora un poco más de textura a la lata de spray para que se vea más sucia. Ve al panel Canales y selecciona el canal SELECCION. Presiona Comando/Ctrl + A para seleccionar todo. Presiona Comando/Ctrl + C para copiar.
Ve al panel Capas y con la capa Tono/Saturación 1 seleccionada, presiona Comando/Ctrl + V para pegar el canal seleccionado como una capa. Cambia el nombre de la capa a TEXTURA. Presiona Comando/Ctrl + y haz clic en la máscara de capa de la capa Tono/Saturación 1 para crear una selección de ella.
Selecciona la Capa TEXTURA y da clic en el botón Añadir Máscara de Capa en la parte inferior del panel Capas. Cambia el modo de fusión a Multiplicar y reduce el relleno al 50%.
Paso 32
Hemos terminado con la lata de spray, así que ya podemos crear un grupo con todos sus elementos. Selecciona la capa TEXTURA y, con la tecla Mayús presionada, selecciona la capa PRINCIPAL. Presiona Comando/Ctrl + G para agrupar todas las capas del spray y cambia el nombre del grupo a SPRAY. El panel Capas debería ser similar a la siguiente imagen.
Paso 33
Creemos el humo. Crea una nueva capa sobre el grupo SPRAY y nómbrala HUMO. Ve a Filtro > Interpretar > Nubes.
Da clic en el botón Añadir máscara de capa en la parte inferior del panel Capas. Presiona Comando/Ctrl + I para invertirlo. Con la máscara de capa HUMO seleccionada, pinta con blanco para revelar el humo.
Vamos a hacer el humo un poco verde. Da clic en el botón Crear nueva capa o Crear nueva capa de ajuste. Esto crea una nueva capa llamada Tono/Saturación 2. Selecciona la Capa Tono/Saturación 2 y en el panel de Propiedades introduce los valores de la imagen a continuación. Nota que la opción Colorear está activada. Con la máscara de capa de la capa Tono/Saturación 2 seleccionada, presiona Comando/Ctrl + I para invertir el color de la máscara. Pinta con blanco para descubrir el color verde.
Paso 34
Regresa a Illustrator y crea una espiral con la configuración de la siguiente imagen. Para abrir la ventana en espiral, haz clic en el documento con la herramienta Espiral seleccionada. Ve a Objeto > Expandir apariencia. Presiona Comando/Ctrl + C para copiar la espiral.
Paso 35
Ve nuevamente a Photoshop y presiona Comando/Ctrl + V para pegar la espiral sobre la capa MyBg. Cambia el nombre de la capa a ESPIRAL. Presiona Comando/Ctrl + T y aparecerán los Manejadores de Transformación; a continuación, presiona Comando/Ctrl y arrastra los controladores para distorsionar la espiral como se ve en la siguiente imagen. Presiona Enter/Retorno cuando hayas terminado.
Paso 36
Da clic en el botón Crear máscara de capa en la parte inferior del panel Capas. Presiona la tecla G para activar la herramienta Degradado y asegúrate de tener un degradado de blanco a negro. Con la máscara de capa de la capa ESPIRAL seleccionada, arrastra diagonalmente para ocultar la parte posterior de la espiral en la distancia.
Imagen final
By
