1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Cómo Crear un Efecto de Texto Glaseado en Adobe Photoshop

Scroll to top

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

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

Este tutorial te mostrará cómo crear una punta de pincel y la usarás con la herramienta Pincel de mezcla en Adobe Photoshop para crear un efecto de texto glaseado. ¡Empecemos!

Este efecto de texto se inspiró en los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos se usaron durante la producción de este tutorial:

1. Cómo crear una punta de pincel mezclador

Paso 1

Comenzaremos con un documento ligeramente grande y lo reduciremos más adelante cuando terminemos de crear el efecto, para que sea más fácil trabajar con los detalles. 

Crea un nuevo documento de 1500 x 1500 px, elija la herramienta Elipse, elija la opción Forma en la barra de opciones y haga clic en cualquier parte del documento para obtener el cuadro Crear Elipse.

Establezca el valor de Ancho en 12 y la Altura en 35, y haga clic en Aceptar.

Create EllipseCreate EllipseCreate Ellipse

Paso 2

Haga doble clic en la capa de elipse para aplicar un efecto de Superposición de degradado con estas configuraciones:

  • Verifique la caja Dither
  • Ángulo: 0
  • Haga clic en el cuadro Degradado para crear el degradado
Gradient OverlayGradient OverlayGradient Overlay

Para crear el Degradado, debes hacer clic debajo de la barra de degradado para agregar pasos de color, y cuando haga clic en cada paso de color, puede cambiar sus valores de Color y Ubicación. Estos son los valores de Color Stop usados de izquierda a derecha:

Color - Ubicación

  • #c8bcb4 - 0%
  • #e7ded8 - 25%
  • #fffcf8 - 50%
  • #dacfc7 - 75%
  • #e9e1db - 100%
Gradient FillGradient FillGradient Fill

Paso 3

Duplica la capa de elipse con estilo y ocultala, y haz clic con el botón derecho en la copia para elegir Estilo de capa Rasterizar.

Rasterize Layer StyleRasterize Layer StyleRasterize Layer Style

Paso 4

Duplica la capa rasterizada y presione Comando-T para ingresar al modo de transformación libre.

Manten presionada la tecla Opción y haz clic y arrastra el punto de referencia al punto central inferior del cuadro delimitador.

Free Transform ModeFree Transform ModeFree Transform Mode

Paso 5

A continuación, rotarás la elipse en función de cuántos puntos deseas que tenga la punta del pincel, teniendo en cuenta que menos puntos crean un resultado más flexible, mientras que más puntos dan un resultado más completo.

Para conocer el valor de Ángulo que deseas utilizar, simplemente divide 360 entre la cantidad de puntos que deseas que tenga tu sugerencia. Por ejemplo, queremos que la sugerencia en este tutorial tenga 14 puntos, entonces 360/14 nos da 25.7, que ingresaremos en el campo Ángulo en la barra de Opciones.

Presiona la tecla Return para confirmar los cambios y salir del Modo de Transformación Libre.

Rotate the EllipseRotate the EllipseRotate the Ellipse

Paso 6

Presiona repetidamente las teclas Shift-Option-Command-T para duplicar la elipse con la transformación, hasta que termines de crear la forma de la punta.

A continuación, selecciona todas las capas de la elipse y presiona Command-E para unirlas en una capa y cambia el nombre de la capa fusionada a Brush Tip.

Puedes ocultar / mostrar la capa de la Brush Tip según sea necesario a lo largo del tutorial.

Brush TipBrush TipBrush Tip

2. Cómo crear una Ruta de trabajo

Paso 1

Cree el texto con la fuente Marketing Script, cambie el Tamaño a 550 pt, y si está usando más de una línea de texto, cambie el valor de Leading a 500.

Create the TextCreate the TextCreate the Text

Paso 2

Elige la Herramienta Pluma y elige la opción Ruta en la barra de Opciones. Para crear la ruta, haz clic para agregar puntos de anclaje y haz clic y arrastra para crear curvas.

Crea rutas de trabajo solo para las letras de texto principales: cualquier punto o acento que agreguemos más adelante.

Create the Work PathCreate the Work PathCreate the Work Path

Paso 3

Mientras creas la ruta, puedes mantener presionada la tecla Command para ajustar temporalmente los puntos de anclaje y sus líneas de dirección y puntos. Otra forma de hacerlo sería utilizando la Herramienta de Selección Directa (A) en su lugar.

Cuando termine de crear una ruta de trabajo, presione Command y haga clic en cualquier lugar fuera de ella.

Adjust the Work PathAdjust the Work PathAdjust the Work Path

Paso 4

En el panel Rutas, haz doble-clic en la pestaña Work Path  para guardarla.

Save Work PathSave Work PathSave Work Path

3. Cómo usar la Herramienta de Pincel Mezclador

Paso 1

Elige la Mixer Brush Tool  (haga clic y mantenga presionada la Herramienta Pincel estándar para revelarlo), y use esta configuración en la barra de Opciones:

  • Haz clic en el icono Cargar el pincel después de cada de trazo.
  • Haz clic en el icono Limpiar el pincel después de cada de trazo.
  • Elige el pre-ajuste dry, Heavy Load de la lista Useful mixer brush combinations.
  • Mojado: 0%
  • Carga: 100%
  • Flujo: 50%
  • Suavidad de Trazo: 100%
  • Desmarca la casilla Muestra Todas las Capas.

Después de eso, seleccione la capa Punta del Pincel y cambie el Tamaño de La punta de la Herramienta de pincel Mezclador por uno que cubra la punta que creó, que es alrededor de 70 px aquí.

Coloca la punta de la Herramienta de Pincel Mezclador exactamente en la parte superior de la punta que creó, manten presionada la tecla Opción y haga clic una vez para cargar la punta en el pincel.

Load the Brush TipLoad the Brush TipLoad the Brush Tip

Paso 2

Oculta la capa de texto, crea una nueva capa en la parte superior de todas las capas y asígnale el nombre Text Stroke, y presiona la tecla Return para trazar la ruta con la punta del pincel cargada.

Stroke the Work PathStroke the Work PathStroke the Work Path

Paso 3

Luego puedes agregar manualmente cualquier línea o trazo extra donde sea necesario.

Add Additional PartsAdd Additional PartsAdd Additional Parts

Paso 4

Para agregar los extremos y los puntos del texto, cree una nueva capa y asígnale el nombre Extremos de Trazo.

Stroke Ends LayerStroke Ends LayerStroke Ends Layer

Paso 5

Abre el panel Configuración de pincel y, en la pestaña Dinámica de forma, cambie el Control de Fluctuación de Tamaño a Desvanecimiento y establezca su valor en 20.

Shape DynamicsShape DynamicsShape Dynamics

Paso 6

Coloca la punta del pincel encima de uno de los extremos de las letras, asegúrate de colocarlo lo más preciso posible sobre él, y haz clic y arrastra para crear el final del trazo.

Create the Stroke EndsCreate the Stroke EndsCreate the Stroke Ends

Paso 7

Esto podría tomar un par de intentos para perfeccionarse, pero también puedes transformar los consejos para tener más control sobre el resultado.

Para hacerlo, usa la Herramienta Lazo para seleccionar el final del trazo que desea transformar, presione Comando-T para ingresar al Modo Transformación Libre, y mueva, gire y cambie el tamaño de los extremos según sea necesario.

Transform the EndsTransform the EndsTransform the Ends

Paso 8

Use la misma punta de pincel para hacer clic y arrastrar para agregar los puntos también. Puedes agregar tantas capas diferentes para los puntos y termina según sea necesario.

Una vez que hayas terminado, haz clic en el icono Agregar máscara de capa en la parte inferior del panel Capas, elige la herramienta Pincel, establezca Color de primer plano en Negro y usa una punta con un valor de Dureza que te guste para borrar las partes no deseadas.

Erase Unwanted AreasErase Unwanted AreasErase Unwanted Areas

Paso 9

Haz clic en el icono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Niveles.

Recorta la capa Niveles a la capa Extremos de trazo y cambie su valor Sombras de niveles de salida a 35.

Puedes agregar cualquier otra capa de ajuste o usar cualquier otro valor para mejorar los extremos y combinarlos mejor con el trazo de texto original. También puedes pintar sobre las partes que no deseas que la capa de ajuste afecte utilizando su máscara de capa.

LevelsLevelsLevels

4. Cómo agregar color y textura

Paso 1

Coloca las capas utilizadas para crear el efecto de formación de hielo en un grupo y asígnale el nombre Texto.

Text GroupText GroupText Group

Paso 2

Haga doble clic en el grupo Texto para aplicar los efectos de Superposición de colores con esta configuración:

  • Color: #ecd9c0
  • Modo de mezcla: Superposición
Color OverlayColor OverlayColor Overlay

Paso 3

  • Color#f8748d
  • Modo de fusión: Quema lineal

Ten en cuenta que puedes elegir cualquier otro color que desees para tu texto.

Color OverlayColor OverlayColor Overlay

Paso 4

Duplica el grupo de texto y haz clic con el botón derecho en la copia para seleccionar Merge Group.

Cambia el nombre de la capa fusionada a Detalles, haz clic con el botón derecho y elija Convertir a objeto inteligente.

Merge GroupMerge GroupMerge Group

Paso 5

Ve a Imagen> Ajustes> Tono / Saturación, y cambia el valor de Saturación a -100.

HueSaturationHueSaturationHueSaturation

Paso 6

Ve a Filtro> Galería de filtros> Artística> Envoltura de plástico y usa estas configuraciones:

  • Fuerza del Reflejo: 11
  • Detalle: 15
  • Suavidad: 5
Plastic WrapPlastic WrapPlastic Wrap

Paso 7

Ve a Imagen> Ajustes> Niveles, y cambia el valor Gamma a 0.75.

LevelsLevelsLevels

Paso 8

Cambia el modo de fusión de la capa de detalles a luz suave y su opacidad al 35%.

Layer PropertiesLayer PropertiesLayer Properties

5. Cómo agregar sombras y aspectos destacados 

Paso 1

Crea una nueva capa en la parte superior de todas las capas, asígnale el nombre Dodge & Burn, y ve a Edición> Rellenar.

Establece el contenido en 50% gris y haz clic en Aceptar.

Dodge Burn LayerDodge Burn LayerDodge Burn Layer

Paso 2

Cambie el Modo de fusión de la capa Dodge & Burn a Luz suave.

Layer PropertiesLayer PropertiesLayer Properties

Paso 3

Haz clic en el comando miniatura de la capa Detalles para cargar una selección y haga clic en el icono Agregar máscara de capa.

Add Layer MaskAdd Layer MaskAdd Layer Mask

Paso 4

Lo que debes hacer a continuación es utilizar las herramientas de Dodge y Burn para iluminar y oscurecer áreas del texto, para crear una sensación más 3D.

Cambie los valores de Tamaño y Dureza de la punta del pincel según el resultado que desee.

Las partes más importantes para oscurecer son las que se superponen, pero seguramente puedes tomarte tu tiempo para trabajar en cualquier otra área que sientas que necesitas aclarar u oscurecerse también.

Brighten and DarkenBrighten and DarkenBrighten and Darken

6. Cómo agregar Sprinkles 

Paso 1

Elige la herramienta Pincel y abre el panel Configuración de pincel.

Elige una punta redonda dura y usa estas configuraciones:

Forma de punta de pincel

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Dinámica de forma

Shape DynamicsShape DynamicsShape Dynamics

Dispersión

ScatteringScatteringScattering

Dinámica de color

Color DynamicsColor DynamicsColor Dynamics

Paso 2

Establece el Color de primer plano en #f1a595 y el Color de fondo en #fef200, crea una nueva capa debajo de la capa de Dodge y Burn, y haz clic y arrastre ligeramente sobre el texto para agregar salpicaduras de colores.

Add SprinklesAdd SprinklesAdd Sprinkles

7. Cómo estilizar los Sprinkles

Haz doble clic en la capa Sprinkles para aplicar el siguiente estilo de capa:

Paso 1

Agrega un bisel y relieve con estas configuraciones:

  • Tamaño: 1
  • Brillo del Contorno: Cono
  • Verifica el cuadro Anti-aliased
  • Modo de resaltado: luz suave
    • Modo sombra:
      • Opacidad: 21%
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Paso 2

    Agrega un Contorno con estas configuraciones:

    • Contorno: Anillo - Doble
    • Verifica el cuadro Anti-aliased.
    ContourContourContour

    Paso 3

    Agrega una superposición de colores con estas configuraciones:

    • Color: #f8f7f2
    • Modo de fusión: superposición
    Color OverlayColor OverlayColor Overlay

    Paso 4

    Agrega una sombra paralela con estas configuraciones:

    • Modo de fusión: Color Burn
    • Color: #626262
    • Opacidad: 100%
    • Distancia: 2
    • Tamaño: 7
    Drop ShadowDrop ShadowDrop Shadow

    Esto estilizará los sprinkles.

    Styled SprinklesStyled SprinklesStyled Sprinkles

    8. Cómo hacer ajustes finales 

    Paso 1

    Agrega una capa de relleno de color sólido en la parte superior de la capa de fondo con Color #fdfdfb.

    Solid ColorSolid ColorSolid Color

    Paso 2

    Agregue una capa de relleno de degradado encima de la capa de Color sólido y use un relleno de degradado de Transparente a Relleno de Color usando los colores #ffeeeea la izquierda y #ffd7dd a la derecha.

    Cambia el Estilo a Radial y la Escala a 200, y cambie el Modo de fusión de la capa a Multiplicar y su Opacidad al 25%.

    GradientGradientGradient

    Paso 3

    Crea una nueva capa en la parte superior de todas las capas, llámala High Pass y presiona las teclas Shift-Option-Command-E para crear un sello.

    Convierta la capa en un objeto inteligente y cambie su modo de fusión a luz suave.

    High Pass LayerHigh Pass LayerHigh Pass Layer

    Paso 4

    Ve a Filtro> Otro> Pase alto, y cambia el Radio a 1.

    High PassHigh PassHigh Pass

    Paso 5

    Crea otra capa nueva en la parte superior de todas las capas y asígnale el nombre Ruido.

    Llena la capa con un 50% de gris, conviértela en un objeto inteligente y cambia su modo de fusión a luz suave.

    Noise LayerNoise LayerNoise Layer

    Paso 6

    Ve a Filtro> Ruido> Agregar ruido, cambie la Cantidad a 5 y la Distribución a Gaussiana, y desmarque la casilla Monocromática.

    Noise FilterNoise FilterNoise Filter

    Paso 7

    Finalmente, puedes guardar una imagen del resultado final, ábrela y ve a Imagen> Tamaño de imagen para reducirla a tu gusto.

    Image SizeImage SizeImage Size

    ¡Felicitaciones! Ya has terminado

    En este tutorial, creamos una punta de pincel y una ruta de trabajo basada en texto, y utilizamos la herramienta Pincel de mezcla para trazar la ruta con la punta para crear el efecto glaseado.

    Luego, agregamos los extremos y puntos, diseñamos el resultado para agregar color y utilizamos filtros para agregar textura y detalles.

    Después de eso, le hicimos dodge y burn al texto para agregar más profundidad, y modificamos una punta de pincel para agregar los sprinkles.

    Finalmente, agregamos algunos ajustes finales para finalizar el efecto.

    Por favor, siéntete libre de dejar tus comentarios, sugerencias y resultados a continuación.

    Final ResultFinal ResultFinal Result