Spanish (Español) translation by Javier Salesi (you can also view the original English article)
En el siguiente tutorial, aprenderás cómo hacer un efecto metálico Illustrator. En la primera parte descubrirás cómo crear un efecto de metal pincelado en Illustrator y en la segunda descubrirás cómo crear un efecto metal Illustrator de aspecto plateado..
Si no tienes el tiempo de aprender a hacer efectos Illustrator desde cero, siempre puedes contar con Envato Elements. Ahí encontrarás una enorme colección de recursos que puedes usar para crear efectos metálicos Illustrator. Esta colección de estilos gráficos metálicos es solo uno de los muchos ejemplos. Con tan solo un clic, puedes darle a tu texto ese aspecto metálico en Illustrator.
¿Buscas un videotutorial para seguir? Te podemos ayudar. Puedes ver este nuevo video del canal de Envato Tuts+ en YouTube para aprender cómo hacer un efecto de texto metálico en Illustrator:
Lo que aprenderás en este tutorial de efecto de texto en Illustrator con aspecto metálico
- Cómo crear los fondos variados
- Cómo hacer un efecto metálico en Illustrator
- Cómo crear un efecto de metal con pincel en Illustrator
- Cómo crear un efecto metálico plateado en Adobe Illustrator
Lo que necesitarás para las letras metálicas
Necesitarás los siguientes recursos para completar estos efectos metálicos Illustrator:
1. Cómo configurar el fondo para el efecto metálico pincelado
Paso 1
Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles del menú desplegable, establece la Anchura en 850 y la Altura en 400 y luego haz clic en el botón Más ajustes.
Selecciona RGB para el Modo de color, establece los Efectos de rasterizado en Alta (300 ppp) y luego haz clic en el botón Crear para crear tu documento.
Paso 2
Toma la herramienta Rectángulo (M) y enfócate en tu barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=68 G=68 B=68. Haz clic en tu mesa de trabajo para abrir la ventana Rectángulo y solo crea una forma de 870 x 420 px.
Mantén esta forma seleccionada, cambia a la herramienta Selección (V) y enfócate en el panel de control para centrar fácilmente tu selección. Asegúrate de que la opción Alinear esté establecida con la Mesa de trabajo y luego haz clic en los botones de Centrar y Centrar verticalmente.
Pasa al panel Apariencia (Ventana > Apariencia) y haz clic en el botón Añadir nuevo relleno para agregar un segundo relleno para tu rectángulo. Selecciona este nuevo relleno y cambia su Modo de fusión a Luz suave, y luego haz clic en el botón Degradado radial del panel Degradado (Ventana > Degradado). Esto aplicará un degradado radial para tu relleno seleccionado. Concéntrate en los reguladores deslizantes del degradado y comienza seleccionando el de la izquierda. Disminuye su Opacidad a 0% y luego haz doble clic en él para remplazar el color existente con R=68 G=68 B=68. Pasa al otro regulador deslizante del degradado, haz doble clic en él y establece el color en R=18 G=18 B=38.
Una vez que termines, selecciona la herramienta Degradado (G) de tu barra de herramientas y úsala para estirar tu degradado radial sin tanta prolijidad como se muestra en la siguiente imagen. Ahora que tu fondo está configurado, aprendamos cómo hacer un efecto Illustrator de aspecto metálico.
2. Cómo hacer un efecto de texto en Illustrator con aspecto metálico
Paso 1
Toma la herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter).
Selecciona la fuente Headline Regular, establece el tamaño en 150 px y el tracking en 50 y luego solo haz clic en tu mesa de trabajo para escribir "METAL".
Paso 2
Asegúrate de que tu texto siga seleccionado mientras continuamos. Enfócate en el panel Muestras (Ventana > Muestras) y haz clic en la muestra [Ninguno] para deshacerte del color de texto existente.
Pasa al panel Apariencia y usa de nuevo el botón Añadir nuevo relleno para agregar un relleno para tu texto. Selecciónalo, pasa al panel Degradado y haz clic en ese botón de Degradado lineal para aplicar un degradado lineal para tu relleno seleccionado. Establece el Ángulo en 90 grados y concéntrate en los controles deslizantes del degradado.
Primero que nada, haz doble clic en el control deslizante izquierdo y establece el color en R=152 G=154 B=158 y luego haz doble clic en el control de la derecha y remplaza el color con R=114 G=114 B=114.
Haz clic en la barra de degradado para añadir un tercer control deslizante de degradado, selecciónalo y establece la Ubicación en 15% y luego haz doble clic en él para establecer el color en R=93 G=93 B=93. Repite la misma técnica para agregar otros cuatro controles deslizantes de degrado y selecciónalos uno por uno:
- Para el primero, establece la Ubicación en 35% y el color en R=152 G=154 B=158.
- Para el segundo, establece la Ubicación en 50% y el color en R=164 G=164 B=164.
- Para el tercero, establece la Ubicación en 60% y el color en R=134 G=134 B=134.
- Para el cuarto, establece la Ubicación en 80% y el color en R=201 G=201 B=201.
Paso 3
Asegúrate de que tu texto siga seleccionado, continúa enfocándote en el panel Apariencia, y selecciona el trazo. Haz clic en el botón Trazo para abrir el panel expandible Trazo, incrementa el Grosor a 3 pt y no olvides marcar el botón Extremo redondeado.
Aplica un degradado lineal de negro a blanco para este trazo, establece el Ángulo en 90 grados y regresa al panel Apariencia. Disminuye la Opacidad de tu trazo a 50%, cambia su Modo de fusión a Luz suave y luego aplica Efecto > Trazado > Desplazamiento. Establece el Desplazamiento en -1.5 px y haz clic en OK.
Paso 4
Asegúrate que tu texto siga seleccionado, sigue concentrándote en el panel Apariencia, y añade un segundo trazo usando el botón Añadir nuevo trazo. Selecciónalo, establece el Grosor en 1 pt y recuerda marcar el botón Extremo redondeado.
Aplica el degradado lineal mostrado a continuación, establece el Ángulo en 90 grados y regresa al panel Apariencia. Solo disminuye la Opacidad de este trazo a 70% y luego aplica Efecto > Trazado > Desplazamiento. Esta vez, establece el Desplazamiento en -0.5 px y haz clic en OK.
Paso 5
Cerciórate que tu texto siga seleccionado, añade un segundo relleno usando ese mismo botón Añadir nuevo relleno y arrástralo debajo del existente.
Selecciona este nuevo relleno y establece el color en R=88 G=89 B=91 y luego aplica Efecto > Estilizar > Sombra paralela. Introduce los ajustes mostrados en la ventana superior, haz clic en OK y de nuevo aplica Efecto > Estilizar > Sombra paralela. Esta vez, introduce los parámetros mostrados en la segunda ventana y haz clic en OK.
Paso 6
Comprueba que tu texto siga seleccionado, añade un tercer relleno y arrástralo arriba de los existentes. Para lograr esa apariencia metálica en Illustrator, agreguemos algunos efectos de rasterizado.
Selecciona el nuevo relleno y establece el color en negro (R=0 G=0 B=0), disminuye su Opacidad a 50% y cambia el Modo de fusión a Subexponer color y luego aplica Efecto > Distorsionar > Resplandor difuso. Arrastra esos controles deslizantes a 7, 20 y 10, haz clic en OK y aplica Efecto> Bosquejar > Papel con relieve. Introduce los ajustes mostrados en la siguiente imagen y haz clic en OK para aplicar el efecto.
Paso 7
Asegúrate que tu texto siga seleccionado, añade un nuevo relleno, y arrástralo arriba de los existentes.
Selecciona este nuevo relleno y establece el color en negro (R=0 G=0 B=0), cambia su Modo de fusión a Luz suave y luego aplica Efecto > Bosquejar > Papel con relieve. Establece esos controles deslizantes en 25, 15 y 8, haz clic en OK y aplica Efecto > Distorsionar > Ondas marinas. Establece el Tamaño de onda en 6 y la Magnitud de onda en 20, haz clic en OK y luego aplica Efecto > Trazos de pincel > Trazos angulados. Introduce los ajustes mostrados en la siguiente imagen y haz clic en OK para aplicar el efecto.
Paso 8
Asegúrate que tu texto siga seleccionado y añade un relleno más arriba de los existentes.
Selecciónalo y establece el color en R=20 G=20 B=51, disminuye su Opacidad a 50% y cambia el Modo de fusión a Sobreexponer color.
Paso 9
Ahora que has conseguido ese aspecto metálico en Illustrator, veamos cómo puedes aplicarlo fácilmente a otros elementos de tu diseño. Utilizaremos este Logo Pointer de Envato Elements para ejemplificar las técnicas y crear un logo metálico en Illustrator.
Comprueba que tu texto siga seleccionado, abre el panel Estilos gráficos (Ventana > Estilos gráficos) y solo haz clic en el botón Nuevo estilo gráfico para guardar los ajustes de Apariencia de tu texto como un estilo gráfico.
Ahora selecciona el logo pointer o cualquier otro elemento de tu diseño y solo haz clic en tu estilo gráfico guardado para crear un logo metálico en Illustrator.
3. Cómo configurar el fondo para el efecto de letras metálicas en Illustrator
Paso 1
Creemos un nuevo documento. Selecciona Pixeles del menú desplegable, establece la Anchura en 1100 y la Altura en 500, y luego haz clic en el botón Más ajustes.
Selecciona RGB para el Modo de color y establece los Efectos de rasterizado en Alta (300 ppp) y luego crea tu nuevo documento.
Paso 2
Comenzaremos de nuevo con el fondo, así que selecciona la herramienta Rectángulo (M) y concéntrate en tu barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=120 G=120 B=151. Haz clic en tu mesa de trabajo para abrir la ventana Rectángulo y simplemente crea una forma de 1120 x 520 px.
Mantén seleccionada esta forma, cambia a la herramienta Selección (V) y enfócate en el panel de control para centrar fácilmente tu selección. Asegúrate de que la opción Alinear esté establecida con la Mesa de trabajo y luego haz clic en los botones Centrar y Centrar verticalmente.
Pasa al panel Apariencia (Ventana > Apariencia) y haz clic en el botón Añadir nuevo relleno para agregar un segundo relleno a tu rectángulo. Selecciona este nuevo relleno y cambia su Modo de fusión a Luz suave, y luego haz clic en el botón de Degradado radial del panel Degradado (Ventana > Degradado) para aplicar un degradado radial a tu relleno seleccionado. Enfócate en los controles deslizantes del degradado y comienza seleccionando el de la izquierda. Disminuye su Opacidad a 0% y luego haz doble clic en él para remplazar el color existente con R=120 G=120 B=151. Pasa el otro control deslizante de degradado, haz doble clic en él y establece el color en R=70 G=70 B=101.
Una vez que termines, selecciona la herramienta Degradado (G) de la barra de herramientas y úsala par estirar tu degradado radial de una manera no tan prolija como se observa en la siguiente imagen.
4. Cómo crear un efecto de texto en Illustrator con aspecto plateado
Paso 1
Toma la herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter).
Selecciona la fuente Robinson Regular, establece el tamaño en 300 px y el tracking en 50 y luego solo haz clic en tu mesa de trabajo para escribir "SILVER".
Paso 2
Asegúrate que tu texto siga seleccionado, enfócate en el panel Muestras (Ventana > Muestras) y haz clic en la muestra [Ninguno] para deshacerte del color del texto existente.
Pasa el panel Apariencia y usa el botón Añadir nuevo relleno de nuevo para agregar un relleno para tu texto. Selecciónalo, pasa al panel Degradado y haz clic en el botón Degradado lineal para aplicar un degradado lineal a tu relleno seleccionado. Establece el Ángulo en 45 grados y concéntrate en los controles deslizantes del degradado.
Primero que nada, haz doble clic en el control deslizante izquierdo y establece el color en R=188 G=190 B=192 y luego haz doble clic en el de la derecha y usa el mismo color.
Haz clic en la barra de degradado para añadir un tercer control deslizante de degradado, selecciónalo y establece la Ubicación en 10% y luego haz doble clic en él para remplazar el color con R=231 G=230 B=233. Repite la misma técnica para añadir otros seis controles deslizantes de degradado. Selecciónalos uno a uno y utiliza los parámetros mostrados en la siguiente imagen.
Una vez que termines, regresa al panel Muestras y haz clic en el botón Nueva muestra para guardar tu degradado.
Paso 3
Mantente enfocado en el panel Apariencia, cerciórate de que el relleno aplicado a tu texto siga seleccionado y aplica Efecto > Estilizar > Sombra paralela. Introduce los ajustes mostrados en la siguiente imagen y haz clic en OK.
Paso 4
Asegúrate que tu texto siga seleccionado, mantente concentrado en el panel Apariencia y agrega un segundo relleno usando el mismo botón Añadir nuevo relleno.
Arrastra este nuevo relleno debajo del existente y selecciónalo. Establece el color en R=61 G=60 B=93 y disminuye su Opacidad a 75% y luego aplica Efecto > Trazado > Desplazamiento. Establece el Desplazamiento en -4 px, haz clic en OK y aplica Efecto > Distorsionar y transformar > Transformar. Solo arrastra el regulador Mover - Vertical a 16 px y haz clic en OK y aplica Efecto > Desenfocar > Desenfoque gaussiano. Establece el Radio en 25 px y haz clic en OK.
Paso 5
Verifica que tu texto siga seleccionado, mantente enfocado en el panel Apariencia y agrega un tercer relleno usando el mismo botón Añadir nuevo relleno.
Arrastra este nuevo relleno debajo de los existentes y selecciónalo. Aplica el degradado lineal mostrado abajo y aplica Efecto > Distorsionar y transformar > Transformar. Esta vez, arrastra ese control deslizante Mover - Vertical a 35 px, haz clic en OK y aplica Efecto > Desenfocar > Desenfoque gaussiano. Incrementa el Radio a 60 px y haz clic en OK.
Paso 6
Asegúrate que tu texto siga seleccionado, agrega un nuevo relleno y muévelo hasta arriba.
Selecciónalo, establece el color en R=120 G=120 B=151 y cambia el Modo de fusión a Luz suave, y luego aplica Efecto > Distorsionar > Resplandor difuso. Introduce los ajustes mostrados a continuación y haz clic en OK para aplicar el efecto sutil.
Paso 7
Asegúrate que tu texto continúe seleccionado, mantente enfocado en el panel Apariencia y esta vez selecciona el trazo.
Incrementa el Grosor a 4 pt y aplica tu degradado guardado desde el panel Muestras, y luego aplica Efecto > Trazado > Desplazamiento. Establece el Desplazamiento en -2 px y haz clic en OK.
Paso 8
Asegúrate que tu texto siga seleccionado, mantente enfocado en el panel Apariencia y agrega un nuevo relleno.
Arrastra este nuevo relleno en la parte superior, arriba del trazo y selecciónalo. Establece el color en R=120 G=120 B=151, disminuye su Opacidad a 50% y cambia el Modo de fusión a Luz suave.
Paso 9
Corrobora que tu texto siga seleccionado, mantente concentrado en el panel Apariencia y agrega un trazo más.
Arrástralo hasta la parte superior del panel y selecciónalo. Incrementa el Grosor a 10 pt y establece el color en negro, disminuye su Opacidad a 50% y cambia el Modo de fusión a Luz suave y luego aplica Efecto > Trazado > Desplazamiento. Establece el Desplazamiento en -5 px, haz clic en OK y aplica Efecto > Bosquejar > Cromo. Establece los Detalles en 8 y la Suavidad en 10, haz clic en OK y terminaste.
Paso 10
Usaremos de nuevo este Logo Pointer de Envato Elements para ejemplificar cómo puedes aplicar fácilmente este efecto plateado para crear un logo metálico en Illustrator.
Asegúrate que tu texto siga seleccionado, abre el panel Estilos gráficos (Ventana > Estilos gráficos) y solo haz clic en el botón Nuevo estilo gráfico para guardar los atributos de Apariencia de tu texto como un estilo gráfico.
Ahora selecciona el logo pointer o cualquier otro elemento de tu diseño y solo haz clic en tu estilo gráfico guardado para crear un logo metálico en Illustrator.
¡Felicidades! ¡Terminaste las letras metálicas!
Espero que hayas disfrutado este tutorial de efecto Illustrator y puedas aplicar estas técnicas en tus proyectos futuros.
Siéntete libre para ajustar los diseños finales y hacer tus propios efectos metálicos en Illustrator. Puedes encontrar magníficos recursos para inspiración en Envato Elements, con interesantes soluciones para mejorar tus efectos metal Illustrator.
Populares efectos metálicos Illustrator de Envato Elements
Envato Elements es un excelente recurso para complementos de textos metálicos Illustrator. Esta es una breve lista de algunos de los recursos más populares que puedes encontrar.
Texto metálico plateado en Illustrator (en formatos AI y EPS)
Convierte cualquier fuente en una letra metálica en Illustrator con este asombroso estilo gráfico. Todo lo que tienes que hacer es escribir tu texto y aplicar el estilo gráfico.
Estilos gráficos metálicos definitivos para Illustrator (en formato AI)
La enorme colección de estilos gráficos metálicos es la perfecta solución si deseas tener más alternativas. Entre esos 50 estilos gráficos, seguramente encontrarás uno adecuado para tu proyecto.
Bonitos patrones y texturas para efectos metálicos Illustrator (en formatos EPS, JPG y PNG)
Esta colección de 200 texturas metálicas y 24 patrones dibujados a mano es perfecta si prefieres experimentar y crear tu propio efecto metálico Illustrator único.
Texturas metálicas (en formatos EPS y PNG)
Usando estas texturas metálicas prolijamente diseñadas, puedes aplicar fácilmente un efecto de metálico pincelado y hacer que tu diseño destaque.
Efecto de texto Illustrator de acero brillante (en formatos AI y EPS)
Este es otro estilo gráfico que puedes usar para convertir tus fuentes en letras metálicas en Illustrator.
¿Quieres aprender más efectos Illustrator?
Tenemos un montón de tutoriales en Envato Tuts+ desde nivel principiante a intermedio. ¡Consúltalos!
