1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto en bisel de bronce en Adobe Photoshop

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial, aprenderás a crear un efecto de texto en bisel de bronce utilizando estilos de capa en Adobe Photoshop. ¡Empecemos!

Recursos del tutorial

Los siguientes recursos fueron utilizados durante la producción de este tutorial:

1. Crea el fondo

Paso 1

Instala el archivo de motivo llamado fondo_negro.pat  haciendo doble clic en él.

Paso 2

Crea un nuevo documento (Archivo > Nuevo). Ajuste el ancho a 600 px y el alto a 500 px. La resolución debe ser de 72 ppp.

Create a new documentCreate a new documentCreate a new document

Paso 3

Seleccione el fondo y duplícalo (ve a Capa > Duplicar capa > Aceptar). Cambie el nombre de la nueva capa por el de Motivo de fondo.

Rename the new layer as Background PatternRename the new layer as Background PatternRename the new layer as Background Pattern

Paso 4

Ahora vamos a añadir la textura usando un Estilo de Capa. Tenga en cuenta que vamos a utilizar mucho el Estilo de Capa, así que trate de recordar cómo llegar al menú.

Ve a Capa > Estilo de capa > Superposición de motivo, selecciona ' fondo_negro.pat ' de la lista, establece el valor de Escala al 50%, y pulsa OK.

Add the textureAdd the textureAdd the texture
black_backgroundpatblack_backgroundpatblack_backgroundpat

Paso 5

Para crear el efecto de iluminación de la parte superior, ve a Bisel y Relieve dentro del cuadro de diálogo Estilo de capa y aplica la siguiente configuración:

Top lighting effectTop lighting effectTop lighting effect

black_backgroundpat with top lighting effectblack_backgroundpat with top lighting effectblack_backgroundpat with top lighting effect

2. Para crear el texto

Paso 1

Escribe la palabra Round o un texto de tu elección utilizando la fuente Stonecross. Ajusta el tamaño de la fuente a 132 pt y el seguimiento a 20 pt. Para obtener la mejor calidad, cambia el modo de anti-aliasing a Sharp. Cambie el nombre de la capa A01.

The text - Layer A01The text - Layer A01The text - Layer A01

Paso 2

Usando la herramienta Mover, selecciona el texto y la capa de fondo, y luego haz clic en Alinear Centro Horizontal y Alinear Centro Vertical en el menú superior para centrarlo.

Paso 3

Duplica el texto y cambia el nombre de la nueva capa A02, como se muestra a continuación. Oculta la capa A02 para trabajar más cómodamente, ya que no vamos a utilizar esta capa hasta la parte 4 de este tutorial.

Duplicate the text - Layer A02Duplicate the text - Layer A02Duplicate the text - Layer A02

The text layer over the backgroundThe text layer over the backgroundThe text layer over the background

3. Estilizar la capa principal

Paso 1

Instala el archivo .pat llamado metal_rasgado.pat.

Paso 2

Vamos a trabajar en la capa A01. Ve a Estilo de capa > Superposición de motivo, haz clic en el cuadro Motivo y elige metal_rasgado.pat de la lista. Esta textura funcionará como base para el efecto de metal.

Pattern Overlay scratched_metalpat on our textPattern Overlay scratched_metalpat on our textPattern Overlay scratched_metalpat on our text
scratched_metalpat on our textscratched_metalpat on our textscratched_metalpat on our text

Paso 3

Para conseguir un color bronce realista, ve a Estilo de capa > Superposición de color. Cambie el Modo de fusión a Multiplicar y define los siguientes valores.

Bronze colorBronze colorBronze color

Bronze color on our textBronze color on our textBronze color on our text

Paso 4

En la ventana de Estilo de capa, modifica los ajustes de Bisel y relieve y Contorno como se muestra a continuación.

Tendrás que crear dos curvas de contorno personalizadas para conseguir el efecto de volumen. Sigue las imágenes con atención y utiliza los valores que se muestran en la columna de la derecha.

First custom curveFirst custom curveFirst custom curve
Second custom curveSecond custom curveSecond custom curve

Our text are now beveledOur text are now beveledOur text are now beveled

Paso 5

Ve a Estilo de capa > Satinado y utiliza los siguientes ajustes para dar brillo al texto.

El Contorno es una curva por defecto llamada Cala - Profunda.

Brighten up the text with SatinBrighten up the text with SatinBrighten up the text with Satin

Our beveled text brighten upOur beveled text brighten upOur beveled text brighten up

Paso 6

Ahora vamos a mejorar el efecto del metal brillante añadiendo brillo. Ve a Estilo de capa > Resplandor interior y establece los siguientes valores.

Shiny metal effect by adding glowShiny metal effect by adding glowShiny metal effect by adding glow
Our text with a glow final touchOur text with a glow final touchOur text with a glow final touch

Paso 7

Necesitamos añadir algunas sombras para separar el texto del fondo. Ve a Estilo de capa > Resplandor exterior y utiliza los valores que se muestran a continuación.

Getting more contrast to the backgroundGetting more contrast to the backgroundGetting more contrast to the background
Just a little more contrastJust a little more contrastJust a little more contrast

4. Estilo de la segunda capa

Paso 1

Vamos a trabajar con la capa A02, así que asegúrate de activarla. Ve a Estilo de capa > Resplandor exterior y utiliza los valores que se muestran en la imagen de abajo.

Outer Glow as a strong strokeOuter Glow as a strong strokeOuter Glow as a strong stroke

This is a preliminar stepThis is a preliminar stepThis is a preliminar step

Paso 2

Para empezar a mejorar el aspecto 3D, vamos a resaltar las luces y sombras de los bordes. Ve a Estilo de capa > Bisel y relieve y utiliza la siguiente configuración. Crea un contorno personalizado con los valores mostrados en la columna de la derecha.

Lights and shadows to the new stronger strokeLights and shadows to the new stronger strokeLights and shadows to the new stronger stroke
Now this is 3DNow this is 3DNow this is 3D

Paso 3

Este es un paso muy importante. Tenemos que conseguir una buena perspectiva con un punto de equilibrio central.

Ve a la ventana de Carácter y cambia la Escala Horizontal al 98% como se muestra a continuación.

The central vanishing point in few clicksThe central vanishing point in few clicksThe central vanishing point in few clicks

Paso 4

Para igualar el color de ambas capas de texto, ve a Estilo de capa > Superposición de color y utiliza los siguientes valores.

Match the colorMatch the colorMatch the color
Our duty are close to the endOur duty are close to the endOur duty are close to the end

Paso 5

Selecciona Trazo en la ventana de Estilo de capa, establece el Tipo de relleno como Degradado y utiliza los valores que se muestran a continuación para dar brillo a los bordes.

Tip: Para crear un nuevo punto en el degradado debes hacer clic debajo de la barra de degradado. Haciendo clic en cada uno de los topes de color podrás modificar la Ubicación y el Color.

Brighten up the edgesBrighten up the edgesBrighten up the edges

A little big changeA little big changeA little big change

Paso 6

En este último paso vamos a añadir algo de profundidad para que el texto destaque. Modifica la Sombra Caída utilizando los siguientes ajustes.

The last shadowThe last shadowThe last shadow
Final Bronze Beveled Text EffectFinal Bronze Beveled Text EffectFinal Bronze Beveled Text Effect

Gran trabajo, ¡has terminado!

En este tutorial te he enseñado a crear un fondo metálico y un efecto de texto en bisel de bronce utilizando estilos de capa.

Espero que hayas disfrutado de este tutorial y puedas utilizar lo que has aprendido para tus propios proyectos. Por favor, siéntete libre de comentar y mostrarme tus resultados.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads