Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo Crear un Colorido y Brillante Efecto de Texto en Adobe Photoshop

Scroll to top
Read Time: 5 min

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

En éste tutorial te mostraré cómo crear un colorido y brillante efecto de texto en Adobe Photoshop usando dos estilos de capa.

Si quisieras saltarte éste tutorial pero aún deseas comprar el efecto de texto puedes dirigirte a GraphicRiver y comprar 7 Brillantes Estilos de Photoshop 2.

El paquete completo tiene siete diferentes efectos de texto y funciona con formas y texto.

Promo imagePromo imagePromo image
7 Brillantes Estilos de Photoshop 2

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante éste tutorial:

  • Fuente: Lobster 1.4
  • Fondo y Contorno dentro del archivo zip adjunto a éste tutorial.

1. Cómo Crear los Estilos de Capa

Paso 1

Ve a Archivo > Abrir, y abre la imagen de fondo.

Background imageBackground imageBackground image

Paso 2

Toma la Herramienta Texto Horizontal con éstos parámetros:

  • Fuente: Lobster 1.4
  • Tamaño: 210 pt
  • Método de suavizado: Enfocado
  • Color. Blanco  #ffffff
Horizontal Type Tool and its settingsHorizontal Type Tool and its settingsHorizontal Type Tool and its settings

Paso 3

Escribe Shiny y colócalo en el centro del documento.

Para centrar una capa, presiona Control-A para seleccionar el documento, y luego toma la Herramienta Mover (V) y haz click en los íconos Alinear Centros Verticales y Alinear Centros Horizontales.

Aligning the layerAligning the layerAligning the layer

Paso 4

Haz doble-click en la capa Shiny para abrir la ventana Estilo de Capa.

Con toda confianza habilita y deshabilita los siguientes efectos para ver lo que ha cambiado. Comencemos con la Superposición de Degradado; de ésta manera podrás ver mejor lo que está ocurriendo.

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

  • Modo de Fusión: Normal
  • Tramado: Desmarcado
  • Opacidad: 100%
  • Invertir: Desmarcado
  • Estilo: Lineal
  • Alinear con Capa: Marcado
  • Ángulo: 90°
  • Escala: 100%

Haz click en la Barra de Degradado y haz un degradado con éstos ajustes:

  • Primera Detención de Color: #ffc609
  • Primera Detención Posición: 0%
  • Segunda Detención de Color: #f8e45f
  • Segunda Detención Posición: 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Paso 5

Agrega un Bisel & Relieve con éstos ajustes:

  • Estilo: Relieve
  • Técnica: Redondeado
  • Profundidad: 286%
  • Dirección: Arriba
  • Tamaño: 10 px
  • Suavizado: 0 px
  • Usar Luz Global. Desmarcado
  • Ángulo: 96°
  • Altitud: 16°
  • Contorno de Resplandor: Haz click en la casilla Contorno y carga el archivo Shiny Contour.shc (archivo zip)
  • Suavizado: Marcado
  • Modo Resaltado. Trama
  • Modo Resaltado Color: #ffee93
  • Modo Resaltado Opacidad: 67%
  • Modo de Sombra: Normal
  • Modo de Sombra Color: #190a20
  • Modo de Sombra Opacidad: 9%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Paso 6

Agrega un Trazo con éstos ajustes:

  • Tamaño: 4 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Sobreimpresión: Desmarcado
  • Tipo de Relleno: Color
  • Color: #7344ac
Stroke settingsStroke settingsStroke settings

Paso 7

Agrega una Sombra Paralela con éstos ajustes:

  • Modo de Fusión: Normal
  • Color: #ae00f6
  • Opacidad: 100%
  • Usar Luz Global: Desmarcado
  • Ángulo: 120°
  • Distancia: 5 px
  • Extensión: 100%
  • Tamaño: 5 px
  • Contorno: Lineal
  • Suavizado: Desmarcado
  • Ruido: 0%
  • La Capa Cubre la Sombra Paralela: Marcado
Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Tu imagen debería verse así:

How the image should lookHow the image should lookHow the image should look

Paso 8

Selecciona la capa Shiny y presiona Control-J para duplicarla. Luego haz click-derecho y elige renombrarla a Shiny TOP.

Renaming the layerRenaming the layerRenaming the layer

Paso 9

Haz click-derecho en la capa Shiny TOP y elige Limpiar Estilo de Capa. Luedo haz doble-click en la capa para abrir la ventana Estilo de Capa.

AGrega un Bisel & Relieve con éstos parámetros:

  • Estilo: Inglete Interior
  • Técnica: Redondeado
  • Profundidad: 551%
  • Dirección: Arriba
  • Tamaño. 16 px
  • Suavizar: 0 px
  • Usar Luz Global: Desmarcado
  • Ángulo: 96°
  • Altitud: 16°
  • Contorno de Resplandor: Desnivel - Superficial
  • Modo Resaltado: Trama
  • Modo Resaltado Color: #ffee93
  • Modo Resaltado Opacidad: 67%
  • Modo Sombra: Normal
  • Modo de Sombra Color: #190a20
  • Modo de Sombra Opacidad: 9%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Paso 10

Agrega una Sombra Interior con éstos parámetros:

  • Modo de Fusión: Multiplicar
  • Color: #bf8c01
  • Opacidad: 21%
  • Usar Luz Global: Desmarcado
  • Ángulo: -45°
  • Distancia: 5 px
  • Retraer: 0%
  • Tamaño: 5 px
  • Contorno: Lineal
  • Suavizado: Desmarcado
  • Ruido: 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Paso 11

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

  • Modo de Fusión: Subexponer Color
  • Tramado: Desmarcado
  • Opacidad: 100%
  • Estilo: Lineal
  • Ainear con Capa: Marcado
  • Ángulo: 90°
  • Escala: 100%

Haz click en la Barra de Degradado y haz un degradado con éstos ajustes:

  • Primera Detención Color: #a5a5a5
  • Primera Detención Posición: 4%
  • Segunda Detención Color: #ffffff
  • Segunda Detención Posición: 27%
  • Tercera Detención Color: #e2e2e2
  • Tercera Detención Posición: 74%
  • Cuarta Detención Color: #b2b2b2
  • Cuarta Detención Posición: 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Paso 12

Agrega un Resplandor Exterior con étos parámetros:

  • Modo de Fusión: Trama
  • Opacidad: 75%
  • Ruido: 0%
  • Color: #eac919
  • Técnica: Más suavizado
  • Extender: 0%
  • Tamaño: 0 px
  • Contorno: Lineal
  • Suavizado: Desmarcado
  • Rango: 50%
  • Vibración: 0%
Outer Glow settingsOuter Glow settingsOuter Glow settings

Paso 13

Agrega una Sombra Paralela con éstos parámetros:

  • Modo de Fusión: Exclusión
  • Color: #1eff00
  • Opacidad: 100%
  • Usar Luz Global:Desmarcado
  • Ángulo: 120°
  • Distancia: 3 px
  • Extender. 100%
  • Tamaño: 3 px
  • Contorno: Lineal
  • Suavizado: Marcado
  • Ruido: 0%
  • La Capa cubre la Sombra Paralela. Marcado

Después de eso haz click en OK

Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Paso 14

Ahora manten presionada la tecla Control y haz click en las capas Shiny y Shiny TOP para seleccionar ambas. Luego presiona Control-G para agrupar las capas.

Grouping the layersGrouping the layersGrouping the layers

Paso 15

Haz doble click en la capa del grupo para abrir la ventana Estilo de Capa.

Agrega una Sombra Paralela con éstos ajustes:

  • Modo de Fusión: Normal
  • Color: #000000
  • Opacidad: 30%
  • Usar Luz Global: Desmarcado
  • Ángulo: 120°
  • Distancia: 3 px
  • Extensión: 39%
  • Tamaño: 5 px
  • Contorno: Lineal
  • Suavizado: Marcado
  • Ruido: 0%
  • La Capa cubre la Sombra Paralela: Marcado

Después de eso, haz click en OK.

Y el resultado es:

Final resultFinal resultFinal result

¡Felicidades, Terminaste!

En éste tutorial, aprendiste cómo crear un colorido y brillante efecto de texto en Adobe Photoshop. Comenzamos creando un estilo de capa, y luego agregamos otro estilo de capa arriba de ese para complementar el efecto.

No olvides guardar los estilos, para que puedas usarlos con otras cosas.

Espero que hayas disfrutado éste tutorial, y con toda confianza deja tus comentarios abajo.

Éste efecto de texto que acabamos de crear es parte de 7 Brillantes Estilos de Photoshop 2.

Promo imagePromo imagePromo image
7 Brillantes Estilos de Photoshop 2
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads