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

Cómo Crear un Texto de Efecto Brilloso e Hinchado en Adobe Photoshop

by
Read Time:3 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 usar estilos de capa en Photoshop para crear un super rápido y fácil efecto de texto brilloso e hinchado. ¡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 Crear un Colorido Fondo Bokeh

Paso 1

Crea un nuevo documento de 1000 x 600 px. Ve a Archivo > Colocar Elementos Enlazados, y agrega la imagen Bokeh black and white overlay.

Redimensiona la textura como gustes, y renombra su capa a Bokeh Texture.

Add the Bokeh TextureAdd the Bokeh TextureAdd the Bokeh Texture

Paso 2

Agrega la imagen Autumn Blur | Free Texture / background arriba de la capa Bokeh Texture, renombra su capa a Color Texture, cambia su Modo de Fusión a Color, y redimensiónala como sea necesario.

Add the Color TextureAdd the Color TextureAdd the Color Texture

2. Cómo Crear Capas de Texto

Paso 1

Crea el texto en Mayúsculas usando la fuente Sleepy Fat Cat. Cambia el Tamaño a 215 pt y el Tracking a 10.

Create the TextCreate the TextCreate the Text

Paso 2

Cambia el valor de Relleno de la capa de texto a 0, y duplícala.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

3. Cómo Crear un Estilo de Capa Colorido Texturizado

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

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

  • Profundidad: 200
  • Tamaño: 35
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 40
  • Altitud: 50
  • Contorno de Resplandor: Valle - Bajo
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Lineal
    • Opacidad: 100%
  • Modo de Sombra: Trama
    • Color: #888888
    • Opacidad: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos atributos:

  • Contorno: Leño
  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Agrega una Textura con éstos parámetros:

  • Motivo: Type
  • Escala: 200%
TextureTextureTexture

Paso 4

Agrega una Sombra Interior con éstos ajustes:

  • Modo de Fusión: Sobreexponer de Color
  • Color: #ffffff
  • Opacidad: 25%
  • Desmarca la casilla Usar Luz Glogal
  • Ángulo: -108
  • Distancia: 10
  • Tamaño: 10
Inner ShadowInner ShadowInner Shadow

Paso 5

Agrega una Superposición de Colores con éstos ajustes:

  • Color: #e0dadb
  • Modo de Fusión: Multiplicar
Color OverlayColor OverlayColor Overlay

Paso 6

Agrega una Superposición de Degradado con éstos parámetros:

  • Marca la casilla Tramado
  • Modo de Fusión: Subexposición Lineal
  • Opacidad: 50%
  • Crea el Degradado usando los colores #ec3017 a la izquierda y #00a0a4 a la derecha. Puedes usar diferentes colores y experimentar con los valores de Ubicación de las Detencones de Color si gustas. Los valores de Ubicación usados aquí son 12 y 95.
Gradient OverlayGradient OverlayGradient Overlay

Paso 7

Agrega una Sombra Paralela con éstos parámetros:

  • Opacidad: 15%
  • Distancia: 10
  • Extensión: 30
  • Tamaño: 10
Drop ShadowDrop ShadowDrop Shadow

Ésto creará el efecto principal.

Style Text Layer 1Style Text Layer 1Style Text Layer 1

4. Cómo Agregar un Estilo de Trazo

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

Paso 1

Agrega un Bisel y Relieve con éstos ajustes:

  • Estilo: Relieve del Trazo
  • Tamaño: 7
  • Suavizar: 1
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 60
  • Altitud: 60
  • Contorno de Resplandor: Desnivel - Profundo
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Lineal
    • Opacidad: 100%
  • Modo de Sombra: Trama
    • Color: #888888
    • Opacidad: 70%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Cono - Invertido
  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Agrega un Trazo con éstos parámetros:

  • Tamaño: 5
  • Opacidad: 0%
StrokeStrokeStroke

Paso 4

Agrega una Superposción de Colores con éstos atributos:

  • Color: #5c5c5c
  • Modo de Fusión: Superponer
Color OverlayColor OverlayColor Overlay

Ésto agregará un trazo e intensificará los colores.

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

5. Cómo Agregar una Superposición de Textura

Paso 1

Coloca la imagen Ice Cubes Texture arriba de todas las capas. Renombra su capa a Texture Overlay, cambia su Modo de Fusión a Superponer, y redimensiónala como sea necesario.

Add the Texture OverlayAdd the Texture OverlayAdd the Texture Overlay

Paso 2

Haz comando-click en la miniatura de la capa de texto para crear una selección.

Create a SelectionCreate a SelectionCreate a Selection

Paso 3

Haz click en el ícono Añadir máscara de capa en la parte inferior del panel Capas para enmascarar la selección.

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

¡Felicidades! Terminaste

En éste tutorial, usamos un par de texturas para crear un colorido fondo bokeh. Luego, creamos las capas de texto, les aplicamos estilo, y agregamos una superposición de textura para lograr el efecto.

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

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