Inicia sesión


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.

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.

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

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).

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

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

Paso 6

Luegoda 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

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%

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

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

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.

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%.

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

Paso 13

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

  • Modo de Fusión: Normal
  • Color: # ffffff
  • Opacidad: 40%

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.

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

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%

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

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.

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


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


  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-04-01
  • Categorias: Adobe PhotoShop Noticias Tutorial




Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!






Cómo rastrear a los usuarios de Adblock usando Google Analytics

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-15
  • Categorias: Google WebSite Trucos y tips Noticias Tutorial

Cómo eliminar a todos los usuarios de Twitter que estás siguiendo

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-15
  • Categorias: Google Chrome Redes Sociales Twitter Noticias Tutorial

Cómo escribir un poema

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-15
  • Categorias: Trucos y tips Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Cómo insertar código JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Expresiones JavaScript para especificar valores de atributos en HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial