Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Text Effects

Cómo Crear un Realista Efecto de Texto Quemado en Adobe Photoshop

by
Read Time:4 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

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

Éste tutorial te mostrará cómo utilizar dos estilos de capa para crear un facilísimo, pero muy realista efecto de texto quemado en piel. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de éste tutorial:

1. Cómo Agregar una Textura de Fondo

Paso 1

Crea un nuevo documento de 1024 x 683px, y luego ve a Archivo > Colocar elementos enlazados para cargar la imagen Leather Texture (Textura de Piel)

Redimensiona la imagen para que encaje en el documento, y trata de mantener afuera la muy oscura esquina inferior derecha.

Place the Leather TexturePlace the Leather TexturePlace the Leather Texture

Paso 2

Ve a Imagen > Ajuses > Sombras/Iluminaciones.

Marca la casilla Mostrar Más Opciones, y usa éstos valores para el resto de la configuración:

Sombras:

  • Cantidad: 1
  • Tono: 50
  • Radio: 30

Iluminaciones:

  • Cantidad: 20
  • Tono: 50
  • Radio: 30

Ajustes:

  • Color: 0
  • Medios Tonos: 0
ShadowsHighlights SettingsShadowsHighlights SettingsShadowsHighlights Settings

2. Cómo Crear un Sencillo Efecto de Viñeta

Paso 1

Haz click en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas, y elige Degradado.

Add a Gradient LayerAdd a Gradient LayerAdd a Gradient Layer

Paso 2

Crea un relleno de degradado Transparente a Color usando los colores #eaeaea a la izquierda y #816f69 a la derecha.

Cambia el Estilo a Radial y la Escala a 350, y marca la casilla Tramado.

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

Paso 3

Cambia el Modo de Fusión de la capa Degradado a Subexposición Lineal.

Blend ModeBlend ModeBlend Mode

3. Cómo Crear el Texto

Paso 1

Crea el texto usando la fuente Big Top. Cambiar el Tamaño a 200 pt y el Tracking a -50.

Create the TextCreate the TextCreate the Text

Paso 2

Cambia el valor del Relleno de la capa del texto a 0.

Layer Fill ValueLayer Fill ValueLayer Fill Value

Paso 3

Duplica la capa del texto.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

4. Cómo Aplicar un Estilo de Capa a una Capa de Texto

Haz doble-click en la capa de texto original para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con ésta configuración:

  • Tamaño: 30
  • Contorno de Resplandor: Aro - Doble
  • Marca la casilla Suavizado
  • Modo Resaltado: Superponer
  • Modo de Sombra:
    • Color: #675b47
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con ésta configuración:

  • Contorno: Pendiente Hacia Abajo
  • Marca la casilla Suavizado.
  • Rango: 100%
ContourContourContour

Paso 3

Agrega una Textura con ésta configuración:

  • Motivo: Little Pluses
TextureTextureTexture

Paso 4

Agrega un estilo Superposición de Colores con ésta configuración:

  • Color: #3f3d43
  • Modo de Fusión: Multiplicar
  • Opacidad: 90%
Color OverlayColor OverlayColor Overlay

Paso 5

Agrega una Sombra Paralela con ésta configuración:

  • Modo de Fusión: Subexposición Lineal
  • Color: #74838e
  • Opacidad: 65%
  • Distancia: 5
  • Extender: 10
  • Tamaño: 20
Drop ShadowDrop ShadowDrop Shadow

5. Cómo Usar la Opción Fusionar Si Es

Paso 1

Haz click en la pestaña Opciones de Fusión en la parte superior del cuadro Estilo de Capa.

En la sección Fusionar si es cerca del extremo inferior, haz click y arrastra hacia la izquierda el regulador blanco de la Capa Subyacente.

Nota cómo ello afecta el relleno del texto en el documento, mientras comienzas a ver las áreas brillante que se aprecian.

Blend IfBlend IfBlend If

Paso 2

Ahora manten presionada la tecla Opción y haz click y arrastra el regulador para dividirlo. Mueve cada extremo por separado para crear una transición suave.

Ajusa los reguladores hasta que obtengas el efecto que quieres.

Blend If SlidersBlend If SlidersBlend If Sliders

Ésto básicamente ayuda a proteger las iluminaciones de la textura para que no resulte afectada por los efectos del texto que aplicaste.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

6. Cómo Aplicar un Estilo de Capa a una Copia de Capa de Texto

Haz doble click en la copia de la capa de texto para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con ésta configuración:

  • Estilo: Relieve Acolchado
  • Tamaño: 15
  • Marca la casilla Suavizado
  • Modo Resaltado: Superponer
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con ésta configuración:

  • Contorno: Desnivel Profundo
  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Agrega una Sombra Interior con ésta configuración:

  • Modo de Fusión: Subexposición Lineal
  • Color: #85552f
  • Opacidad: 35%
  • Distancia: 5
  • Tamaño: 10
Inner Shadow 1Inner Shadow 1Inner Shadow 1

Paso 4

Haz click en el signo + a la derecha en la pestaña Sombra Interior para agregar otro efecto de Sombra Interior con ésta configuración:

  • Modo de Fusión: Subexposición Lineal
  • Color: #8552f
  • Opacidad: 35%
  • Distancia: 0
  • Tamaño: 25
Inner Shadow 2Inner Shadow 2Inner Shadow 2

Paso 5

Agrega un Resplandor Exterior con ésta configuración:

  • Modo de Fusión: Subexposición Lineal
  • Opacidad: 70%
  • Color: #b2b0af
  • Tamaño: 10
Outer GlowOuter GlowOuter Glow

Paso 6

Agrega una Sombra Paralela con ésta configuración:

  • Modo de Fusión: Sobreexposición Lineal (Añadir)
  • Color: #ccdfe0
  • Opacidad: 45%
  • Distancia: 0
  • Tamaño: 5
Drop Shadow 1Drop Shadow 1Drop Shadow 1

Paso 7

Agrega otro efecto Sombra Paralela con ésta configuración:

  • Modo de Fusión: Luz Intensa
  • Color: #c9c7ad
  • Opacidad: 35%
  • Distancia: 5
  • Tamaño: 15
Drop Shadow 2Drop Shadow 2Drop Shadow 2

Ésto finalizará el efecto de texto.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

¡Sensacional Trabajo, Terminaste!

En éste tutorial, creamos un sencillo fondo usando una textura y una capa de relleno con degradado.

Posteriormente, creamos dos capas de texto, y les aplicamos estilos con un par de efectos y opciones de fusión para crear el efecto quemado.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.

Final ResultFinal ResultFinal Result
One subscription.
Unlimited Downloads.
Get unlimited downloads