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

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

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final 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 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 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 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 Settings

Paso 3

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

Blend 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 Text

Paso 2

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

Layer Fill Value

Paso 3

Duplica la capa del texto.

Duplicate 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 Emboss

Paso 2

Agrega un Contorno con ésta configuración:

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

Paso 3

Agrega una Textura con ésta configuración:

  • Motivo: Little Pluses
Texture

Paso 4

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

  • Color: #3f3d43
  • Modo de Fusión: Multiplicar
  • Opacidad: 90%
Color 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 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 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 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 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 Emboss

Paso 2

Agrega un Contorno con ésta configuración:

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

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 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 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 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 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 2

Ésto finalizará el efecto de texto.

Styled 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 Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.