Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:LongLanguages:

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

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

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

Photoshop Text Styles 01
Estilos de Texto Photoshop
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.