1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

Cómo Crear un Efecto de Texto de Degradado de Caricatura en Adobe Photohsop

En este tutorial, quiero mostrarte cómo crear un efecto de texto de cuento de hadas en Adobe Photoshop. Si quieres obtener el resultado final sin ningún esfuerzo, puedes comprarla en GraphicRiver.
Scroll to top

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

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

En este tutorial, quiero mostrarte cómo crear un efecto de texto de cuento de hadas en Adobe Photoshop. Si quieres obtener el resultado final sin ningún esfuerzo, puedes comprarla en GraphicRiver.

Este paquete incluye textos diferentes y funciona con formas y texto.

Photoshop Text Styles 01Photoshop Text Styles 01Photoshop Text Styles 01
Estilos de Texto en Photoshop

Recursos del Tutorial

Los siguientes recursos serán usados durante este tutorial:

Antes de comenzar a crear este efecto de texto, descarga e instala la fuente.

1. ¿Cómo Crear las Capas de Estilo?

Paso 1

Abre Photoshop, ve a Archivo > Nuevo para crear un nuevo documento.

Creating a New DocumentCreating a New DocumentCreating a New Document

Paso 2

Rellena el documento usando el color #282828. Escoge la Herramienta de Texto con esta configuración:

  • Fuente: Great Vibes
  • Tamaño de la Fuente: 127 pt
  • Color: Blanco
  • La definición de tracking para los caracteres seleccionados: -25
Text ToolText ToolText Tool

Paso 3

Escribe la palabra "Fairy" (La primera letra debe estar en mayúscula) y ponla en el centro del documento (presiona Control-A para seleccionar el documento, luego escoge la Herramienta de Mover (V) y da click en los iconos de Alinear Centros Verticales y Alinear Centros Horizontales).

Text AlignText AlignText Align

Paso 4

Da doble click en la capa de texto para aplicar los siguientes estilos de capa.

Añade un Trazo con esta configuración:

  • Tamaño: 7 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Tipo de Relleno: Color
  • Color: #ff0084
Layer 1 - StrokeLayer 1 - StrokeLayer 1 - Stroke

Luego da click en OK para guardar los cambios.

Paso 5

Selecciona la capa "Fairy", ve a Capa > Duplicar Capa, y nombra la capa "Medio". Da click en OK para crear la capa. Escoge la Herramienta Mover (V) y mueve hacia arriba e izquierda por 7 px. Ve a Capa > Estilo de Capa > Borrar Estilo de Capa para borrar el estilo. Cambia el color a #c6c6c6.

Creating a New LayerCreating a New LayerCreating a New Layer

Paso 6

Luego da doble-click con el mouse en la capa de texto para abrir la ventana de Estilo de Capa.

Añade un Trazo con estos trazos:

  • Tamaño: 4 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Tipo de Relleno: Color
  • Color: #8c054a
Layer 2 - StrokeLayer 2 - StrokeLayer 2 - Stroke

Paso 7

Ahora añade Resplandor Interior

  • Modo de Fusión: Superponer
  • Opacidad: 50%
  • Ruido: 0%
  • Color: #ffffff
  • Técnica: Suavizado
  • Origen: Borde
  • Retraer: 100%
  • Tamaño: 4 px
  • Contorno: Linear
  • Desmarca Suavizado
  • Rango: 100%
  • Vibración: 0%
Layer 2 - Inner GlowLayer 2 - Inner GlowLayer 2 - Inner Glow

Paso 8

Añade Superposición de Degradado con esta configuración:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Degradado: de #f6b6ce a #e35b9b
  • Estilo: Reflejado
  • Angulo: 90°
  • Escala: 46%
  • Desmarca Tramado e Invertir
  • Marca Alinear con Capa
Layer 2 - Gradient OverlayLayer 2 - Gradient OverlayLayer 2 - Gradient Overlay

Paso 9

Añade Sombra Paralela con esta configuración:

  • Modo de Fusión: Normal
  • Escoger color: #840048
  • Opacidad: 100%
  • Desmarca Usar Luz Global antes de poner el Angulo: a 135°
  • Distancia: 10 px
  • Extensión: 100%
  • Tamaño: 0 px
  • Contorno: Linear
  • Desmarca: Suavizado
  • Ruido: 0%
  • Marca La Capa Cubre la Sombra Paralela
Layer 2 - Drop ShadowLayer 2 - Drop ShadowLayer 2 - Drop Shadow

Da click en OK para guardar los cambios.

Paso 10

Selecciona la capa Media y duplícala. Da doble click en el nombre y cámbialo a "Frente". Presiona Enter para aplicar los cambios. Escoge Herramienta Mover (V) y mueve la capa 5 px hacia arriba y 1 px hacia la izquierda. Ve a Capa > Estilo de Capa > Borrar Estilo de Capa para para borrar los estilos de capa.

Creating a New LayerCreating a New LayerCreating a New Layer

Paso 11

Asegúrate de que la capa Frente esté seleccionada. Da doble click con el mouse y aplica el siguiente estilo de capa. Pon la Opacidad de Relleno a 0%.

Layer 3 - Blending OptionsLayer 3 - Blending OptionsLayer 3 - Blending Options

Paso 12

Añade un Trazo:

  • Tamaño: 7 px
  • Posición: Interior
  • Modo de Fusión: Normal
  • Opacidad: 0%
  • Tipo de Relleno: Color
  • Color: #000000
Layer 3 - StrokeLayer 3 - StrokeLayer 3 - Stroke

Paso 13

Añade Superposición de Colores con esta configuración:

  • Modo de Fusión: Normal
  • Color: #ffffff
  • Opacidad: 40%
Layer 3 - Color OverlayLayer 3 - Color OverlayLayer 3 - Color Overlay

Luego da click en OK para guardar los cambios.

Paso 14

Selecciona las capas Fairy, Medio y Frente, ve a Capa > Combinar Capas (o presiona Control - E) para mezclarlas en una sola.

Merging the LayersMerging the LayersMerging the Layers

Paso 15

Da doble-click a la capa de texto para aplicar la siguiente capa de estilo.

Añade un Trazo:

  • Tamaño: 10 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Tipo de Relleno: Color
  • Color: #000000
Merged Layer - StrokeMerged Layer - StrokeMerged Layer - Stroke

Paso 16

Ahora añade Resplandor Exterior:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Ruido: 0%
  • Color: #ffffff
  • Técnica: Más Suavizado
  • Extender: 100%
  • Tamaño: 14 px
  • Contorno: Linear
  • Desmarca Suavizado
  • Rango: 100%
  • Vibración: 0%
Merged Layer - Outer GlowMerged Layer - Outer GlowMerged Layer - Outer Glow

Paso 17

Añade Sombra Paralela con esta configuración:

  • Modo de Fusión: Normal
  • Escoge el color #000000
  • Opacidad: 30%
  • Desmarca Usar Luz Global antes de poner el Angulo a 135°
  • Distancia: 35 px
  • Extensión: 0%
  • Tamaño: 0%
  • Contorno: Lineal
  • Desmarcar Suavizado
  • Ruido: 0%
  • Marcar La Capa Cubre la Sombra Paralela
Merged Layer - Drop ShadowMerged Layer - Drop ShadowMerged Layer - Drop Shadow

Da click en OK para guardar los cambios.

¡Felicidades! ¡Lo Hiciste!

En este tutorial aprendiste cómo crear un texto de cuento de hada. Espero que te halla gustado. No olvides compartir tus resultados.

Final ResultFinal ResultFinal Result

Este efecto de texto que hemos creado es un parte del paquete de mis estilos de texto en GraphicRiver.

Photoshop Text Styles 01Photoshop Text Styles 01Photoshop Text Styles 01
Estilos de Texto Photoshop