1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

¿Cómo Crear Efecto de Texto de Bolas de Helado en Adobe Photoshop?

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

Este tutorial te mostrará cómo usar texturas, estilos de capa, y pinceles para crear un efecto de texto de bolas de helado delicioso y colorido. ¡Comencemos!

Este efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Elementos del Tutorial

Los siguientes elementos fueron usados durante la producción de este tutorial:

1. ¿Cómo Crear el Fondo y las Capas de Texto?

Paso 1

Crea un Nuevo Documento de 1000 x 800px, da clic en el icono de Crear Nuevo Relleno o Capa de Ajuste en la parte inferior del panel de Capas y escoge Degradado.

Crea un Relleno de Degradado usando los Colores #7e4569 a la izquierda, #5a1961 en el medio, y #311737 a la derecha.

Cambia el Estilo a Radial y la Escala a 150% y marca la casilla de Tramado.

Gradient FillGradient FillGradient Fill

Paso 2

Crea el texto, cada letra en una capa separada, Todo en Mayúsculas, usando la fuente Neretto Sans. Pon el Tamaño a 150 pt y el Color a blanco.

Create the TextCreate the TextCreate the Text

Paso 3

Para cada letra que tengas, selecciona su capa y presiona Comando-T para entrar en el Modo de Transformación Libre.

Rota y mueve las letras un poco para crear un resultado dinámico y presiona la tecla Regresar para aceptar los cambios.

Transform the LettersTransform the LettersTransform the Letters

Paso 4

Para mantener las cosas organizadas, iguala el nombre de las capas con el de sus letras y añade números para las repetidas.

Rename the LayersRename the LayersRename the Layers

Paso 5

Para cada capa de letra que tengas, Duplícala y cambia el valor de Relleno de la copia a 0.

Duplicate and Change the Fill ValuesDuplicate and Change the Fill ValuesDuplicate and Change the Fill Values

2. ¿Cómo Seleccionar y Añadir Imágenes de Textura?

Paso 1

Abre las imágenes de Bolas de helado, y toma la Herramienta de Selección Rápida.

Da clic en el icono de Añadir a la Selección en la barra de Opciones, y marca la casilla Mejorar Automáticamente si quieres obtener una selección precisa, aunque esto es opcional ya que puede ralentizar las cosas un poco.

Da clic-arrastra para seleccionar la imagen de bola y ve a Edición > Copiar.

Select and Copy the Scoop ImageSelect and Copy the Scoop ImageSelect and Copy the Scoop Image

Paso 2

De vuelta al documento original, ve a Edición > Pegar.

Da clic-derecho en la imagen pegada y da clic en Convertir a Objeto Inteligente.

Pon la imagen de bola de helado encima de la letra que quieres añadir, da clic-derecho en la capa de nuevo y da clic en Crear Máscara de Recorte para recortar la imagen de la letra.

Add the Scoop Image to the LetterAdd the Scoop Image to the LetterAdd the Scoop Image to the Letter

Paso 3

Presiona Comando-T y Transforma la imagen hasta que te guste como se vea dentro de la letra.

Presiona la tecla Regresar para aceptar los cambios.

Transform the Scoop ImageTransform the Scoop ImageTransform the Scoop Image

Paso 4

Repite los mismos pasos para seleccionar las otras imágenes y añádelas al resto de las letras que tienes.

Puedes usar la misma imagen más de una vez, pero Transforma para hacerlas ver diferentes.

Add More Scoop ImagesAdd More Scoop ImagesAdd More Scoop Images

3. ¿Cómo darle Estilo a la Capa de Texto?

Da doble-clic a la capa de texto original de la primera letra para aplicar el siguiente Estilo de Capa:

Paso 1

Añade un Bisel y Relieve con esta configuración:

  • Tamaño: 35
  • Marca la casilla de Suavizado
  • Modo de Resaltado:
    • Color: #ff988a
  • Modo de Sombra: Subexponer Color
    • Color: #daaf98
    • Opacidad: 35%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade Contorno con esta configuración:

  • Contorno: Semi-Redondo
  • Marca la casilla de Suavizado.
Contour layer styleContour layer styleContour layer style

Paso 3

Añade Textura con esta configuración:

  • Motivo: Granja de Hormigas (Ant Farm)
Texture layer styleTexture layer styleTexture layer style

Paso 4

Añade Sombra Interior con esta configuración:

  • Modo de Fusión: Subexposición Lineal
  • Color: #b27a67
  • Opacidad: 35%
  • Distancia: 0
  • Retraer: 13
  • Tamaño: 24
Add an Inner ShadowAdd an Inner ShadowAdd an Inner Shadow

Paso 5

Da clic-derecho a la capa a la cual le diste estilo, da clic en Copiar Estilo de Capa, selecciona las capas de texto originales restantes, da clic-derecho en cualquiera de ella, y da clic en Pegar Estilo de Capa.

Copy and Paste the Layer StyleCopy and Paste the Layer StyleCopy and Paste the Layer Style

Paso 6

Puedes notar que el estilo no parece bueno por todos los colores diferentes.

Así que puedes dar doble-clic a cada capa de letra, y ajustar su Modo de Resaltado en Bisel y Relieve y los Colores de Modo de Sombra, así como el Color de Sombra Interior.

Iguala esos colores a las texturas de la letra y puedes incluso hacer un muestra de colores de la textura misma. Ningún valor específico es necesitado, solo los que se vean bien.

Adjust the Effect ColorsAdjust the Effect ColorsAdjust the Effect Colors

4. ¿Cómo Añadir Dimensión?

Paso 1

Da doble-clic a la copia de la capa de texto de la primera letra y aplica Bisel y Relieve con esta configuración:

  • Tamaño: 24
  • Desmarca la casilla de Usar Luz Global
  • Ángulo: 164
  • Altitud: 53
  • Marca la casilla de Suavizado
  • Modo de Resaltado: Luz Suave
    • Color: #ffe9e9
  • Modo de Sombra:
    • Opacidad: 0%
Bevel and Emboss layer styleBevel and Emboss layer styleBevel and Emboss layer style

Paso 2

Copia y Pega el Estilo de Capa al resto de la capa de texto que tengas.

Copy and Paste the Layer StyleCopy and Paste the Layer StyleCopy and Paste the Layer Style

Paso 3

Pon cada capa de letra en un Grupo dentro de su nombre.

Group the Letter LayersGroup the Letter LayersGroup the Letter Layers

5. ¿Cómo Crear Capas de Trazo?

Paso 1

Crea una Nueva Capa encima de todas las capas de la primera letra dentro de su grupo, y nómbrala Trazo.

Add a Stroke LayerAdd a Stroke LayerAdd a Stroke Layer

Paso 2

Mantén presionada la tecla Opción, y da clic-arrastra la imagen de la letra para crear una Copia y ponerla encima de la capa Trazo.

Duplicate the Scoop ImageDuplicate the Scoop ImageDuplicate the Scoop Image

Paso 3

Recorta la capa de la imagen de bola de helado en la capa Trazo.

Repite los mismo pasos para crear las otras capas Trazo de la letra.

Clip the Scoop ImageClip the Scoop ImageClip the Scoop Image

6. ¿Cómo Hacer un Trazado de Trabajo con una Punta de Pincel Modificada?

Paso 1

Toma la Herramienta Pincel y abre el panel Pincel.

Escoge una Punta Dura Redonda, y usa esta configuración para las pestañas Forma de la Punta del Pincel y Dinámica de Forma.

Brush Tip SettingsBrush Tip SettingsBrush Tip Settings

Paso 2

Da clic-derecho a la capa de texto de la primera letra, y da clic en Crear Trazado de Trabajo.

Asegúrate de seleccionar la capa Trazo luego.

Create Work PathCreate Work PathCreate Work Path

Paso 3

Con la Herramienta Pincel activa, presiona la tecla Regresar una vez para Contornear el trazado.

Toma la Herramienta Selección Directa (A) y presiona la tecla Regresar una vez más para borrar el trazado de trabajo.

Stroke the Work PathStroke the Work PathStroke the Work Path

Paso 4

Repite para crear los trazos de las letras restantes.

Repeat for the Other LettersRepeat for the Other LettersRepeat for the Other Letters

7. ¿Cómo Darle Estilo a la Capa de Trazo?

Da doble-clic a la capa Trazo de la primera letra para aplicar el siguiente Estilo de Capa:

Paso 1

Añade Bisel y Relieve con esta configuración:

  • Tamaño: 7
  • Desmarca la casilla de Usar Luz Global
  • Ángulo: 167
  • Altitud: 21
  • Marca la casilla de Suavizado
  • Modo de Sombra: Subexposición Lineal
    • Color: #d5ccb9
    • Opacidad: 65%
Bevel and Emboss layer styleBevel and Emboss layer styleBevel and Emboss layer style

Paso 2

Añade Sombra Paralela con esta configuración:

  • Modo de Fusión: Subexposición Lineal
  • Color: #6e6e6e
  • Opacidad: 10%
  • Distancia: 0
  • Tamaño: 10
Drop Shadow layer styleDrop Shadow layer styleDrop Shadow layer style

Paso 3

Copia y Pega el Estilo de Capa en todas las capas Trazo.

Copy and Paste the Layer StyleCopy and Paste the Layer StyleCopy and Paste the Layer Style

8. ¿Cómo Crear una Punta de Pincel de Rocío?

Paso 1

Crea un Nuevo Documento de 100 x 100px con un Fondo blanco, toma la Herramienta Rectángulo Redondo, y pon el Radio en la barra de Opciones a 15.

Da clic una vez donde sea en el documento para obtener la casilla Crear Rectángulo, cambia la Anchura a 15 y la Altura a 35 y da clic en OK.

Asegúrate de que el Color de Relleno de la forma sea negro, y ponla en el centro del documento.

Create a Rounded Rectangle ShapeCreate a Rounded Rectangle ShapeCreate a Rounded Rectangle Shape

Paso 2

Ve a Edición > Definir Pincel Preestablecido, cambia el Nombre a Rocío y da clic en OK.

Define Brush PresetDefine Brush PresetDefine Brush Preset

Paso 3

Vuelve al documento original, toma la Herramienta Pincel y abre el panel Pincel.

Escoge la punta Rocío y usa esta configuración:

Forma de la Punta del Pincel

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Dinámica de la Forma

Shape DynamicsShape DynamicsShape Dynamics

Dispersión

ScatteringScatteringScattering

Dinámica de Color

Color DynamicsColor DynamicsColor Dynamics

9. ¿Cómo Usar un Pincel de Punta de Rocío?

Paso 1

Crea una Nueva Capa encima de todas las capas y llámala Rocío.

Pon el Color de Primer Plano a #fe0000 y el Color de Fondo a #1b9be6.

Da clic-arrastra un poco hacia adentro el area de texto para añadir el rocío.

Puedes cambiar el color del resultado cambiando los Colores de Primer Plano y Fondo.

Add the SprinklesAdd the SprinklesAdd the Sprinkles

Da doble-clic a la capa Rocío para aplicar el siguiente Estilo de Capa:

Paso 2

Añade Bisel y Relieve con esta configuración:

  • Tamaño: 1
  • Desmarca la casilla de Usar Luz Global
  • Ángulo: 128
  • Altitud: 37
  • Marca la casilla de Suavizado
  • Modo de Resaltado: Luz Intensa
    Bevel and Emboss layer styleBevel and Emboss layer styleBevel and Emboss layer style

    Paso 3

    Añade Sombra Paralela con esta configuración:

    • Modo de Fusión: Subexponer Color
    • Color: #010101
    • Opacidad: 10%
    • Distancia: 3
    • Tamaño: 5
    Drop Shadow layer styleDrop Shadow layer styleDrop Shadow layer style

    Paso 4

    Da clic en el icono de Añadir Máscara de Capa en la parte inferior del panel de Capas, y selecciona la miniatura de la máscara.

    Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

    10. ¿Cómo Crear un Relleno de Textura de Máscara?

    Paso 1

    Pon el Color Frontal y de Fondo a Negro y Blanco y ve a Filtro > Interpretar > Nubes.

    Render CloudsRender CloudsRender Clouds

    Paso 2

    Ve a Filtro > Galería de Filtros > Bosquejar > Reticulación, y usa esta configuración:

    • Densidad: 12
    • Nivel Frontal: 40
    • Nivel de Fondo: 5
    Reticulation Filter SettingsReticulation Filter SettingsReticulation Filter Settings

    Paso 3

    Da clic en el icono Nueva capa de efecto en la esquina inferior derecha y aplica el filtro Fotocopia con esta configuración:

    • Detalle: 7
    • Oscuridad: 8
    Photocopy Filter SettingsPhotocopy Filter SettingsPhotocopy Filter Settings

    Paso 4

    Añade otra Nueva capa de efecto, y aplica el filtro Bajo Relieve con esta configuración:

    • Detalle: 13
    • Suavizado: 3
    • Luz: Inferior
    Bas Relief Filter SettingsBas Relief Filter SettingsBas Relief Filter Settings

    Esto aplicará una Máscara de Capa que fusiona el rocío con las bolas para hacer que el efecto se mire más realista.

    Layer Mask TextureLayer Mask TextureLayer Mask Texture

    11. ¿Cómo Añadir Más Rocío?

    Paso 1

    Crea una Nueva Capa encima de la capa Rocío, nómbrala Rocío 2, y Copia y Pega el Estilo de Capa de la capa Rocío.

    Pon el Color Frontal a #fe0000 y el Color de Fondo a #01ffe5, y añade algunas rociaduras al texto.

    Add More SprinklesAdd More SprinklesAdd More Sprinkles

    Paso 2

    Añade otra Nueva Capa encima de todas las capas, nómbrala Rocío 3, Pega el mismo Estilo de Capa, y añade más rociadura alrededor del texto.

    Add Sprinkles Around the TextAdd Sprinkles Around the TextAdd Sprinkles Around the Text

    Paso 3

    Pon todas las capas de rociadura en un grupo Rociaduras.

    Sprinkles GroupSprinkles GroupSprinkles Group

    12. ¿Cómo darle Estilo a un Capa de Goteo?

    Paso 1

    Crea una Nueva Capa encima de todas las capas de la primera letra, y nómbrala Goteo.

    Mantén presionada la tecla Opción para dar clic-arrastrar la imagen de la letra encima de la capa de Goteo, y Recortarla en ella.

    Da clic-derecho en la imagen y escoge Convertir a Objeto Inteligente.

    Create a Drip LayerCreate a Drip LayerCreate a Drip Layer

    Da doble-clic a la capa de Goteo para aplicar el siguiente Estilo de Capa:

    Paso 2

    Añade Bisel y Relieve con esta configuración:

    • Tamaño: 16
    • Suavizar: 1
    • Desmarca la casilla de Usar Luz Global
    • Ángulo: 30
    • Altitud: 48
    • Contorno de Resplandor: Cono
    • Marca la casilla de Suavizado
    • Modo de Sombra: Luz Intensa
      • Color: #a1a1a1
    Bevel and Emboss layer styleBevel and Emboss layer styleBevel and Emboss layer style

    Paso .3

    Añade Contorno con esta configuración:

    • Contorno: Niveles Redondeados
    • Marca la casilla de Suavizado.
    Contour layer styleContour layer styleContour layer style

    Paso 4

    Añade Sombra Interior con esta configuración:

    • Modo de Fusión: Subexponer Color
    • Opacidad: 35%
    • Desmarca la casilla Usar Luz Global
    • Ángulo: 90
    • Distancia: 3
    • Retraer: 33
    • Tamaño: 3
    Inner Shadow layer styleInner Shadow layer styleInner Shadow layer style

    Paso 5

    Selecciona la imagen de la capa de Goteo, ve a Filtro > Ruido > Mediana, y cambia el Radio a 5.

    Median FilterMedian FilterMedian Filter

    Paso 6

    Ve a Filtro > Desenfoque Gaussiano, y cambia el Radio a 2.

    Gaussian BlurGaussian BlurGaussian Blur

    13. ¿Cómo Pintar las Gotas?

    Paso 1

    Toma la Herramienta Pincel, usa la misma configuración de la punta de pince de trazo, pero cambio el valor de Espaciado a 1, en la pestaña Forma de la Punta del Pincel.

    Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

    Paso 2

    Selecciona la capa Gota, y comienza a pintar las gotas arrastrando lentamente el pincel en la forma que te guste.

    Paint the DripsPaint the DripsPaint the Drips

    Paso 3

    Usa la Herramienta Borrador para borrar cualquier area que no te guste.

    Erase Unwanted AreasErase Unwanted AreasErase Unwanted Areas

    Paso 4

    Repite todos los pasos para añadir al resto de letras que tengas.

    Add More DripsAdd More DripsAdd More Drips

    14. ¿Cómo Añadir Sombras y una Textura de Fondo?

    Paso 1

    Da doble-clic al primer grupo de letras que tengas para aplicar un efecto de Sombra Paralela con esta configuración:

    • Modo de Fusión: Subexponer Color
    • Opacidad: 7%
    • Distancia: 45
    • Tamaño: 20
    Drop Shadow layer styleDrop Shadow layer styleDrop Shadow layer style

    Paso 2

    Copia y Pega el Estilo de Capa al resto de las letras.

    Copy and Paste the Layer StyleCopy and Paste the Layer StyleCopy and Paste the Layer Style

    Paso 3

    Pon la imagen MGrunge005 encima de la capa Relleno de Degradado, cambia le tamaño como sea necesario y cambia el Modo de Fusión de la capa a Luz Suave y su Opacidad a 25%.

    Add the Background TextureAdd the Background TextureAdd the Background Texture

    15. ¿Cómo Crear Ajuste Globales?

    Paso 1

    Crea una Nueva Capa encima de todas las capas, nómbrala Paso Alto, y presiona las teclas Mayus-Opción-Comando-E para crear una capa tampón.

    Da clic-derecho en la capa Paso Alto y escoge Convertir a Objeto Inteligente.

    Create a High Pass LayerCreate a High Pass LayerCreate a High Pass Layer

    Paso 2

    Ve a Filtro > Otro > Paso Alto, y cambia el Radio a 1.5.

    High Pass FilterHigh Pass FilterHigh Pass Filter

    Paso 3

    Cambia el Modo de Fusion de la capa Paso Alto a Luz Suave y su Opacidad a 50%.

    High Pass Layer SettingsHigh Pass Layer SettingsHigh Pass Layer Settings

    Paso 4

    Añade un Mapa de Degradado encima de todas las capas, y crea el Relleno de Degradado usando los Colores #55456b a la izquierda, #79566e en el medio, y #d4977c a la derecha.

    Marca la casilla Tramado, y cambia el el Modo de Fusión de la capa del Mapa de Degradado a Luz Suave y su Opacidad a 50%.

    Gradient Map adjustment layerGradient Map adjustment layerGradient Map adjustment layer

    ¡Felicidades! ¡Lo haz Hecho!

    En este tutorial, hemos creado un par de capas de texto, y añadido texturas de bolas de helado a ellas.

    Luego, usamos pinceles y estilos de capa para darle estilo a las letras, y añadido trazos, goteos y rociaduras a ellos.

    Finalmente, hemos usado texturas y capas de ajuste para terminar el efecto.

    Por favor siéntete libre de dejar tus comentarios, sugerencias y resultados abajo.

    Ice Cream Scoop Text Effect Photoshop TutorialIce Cream Scoop Text Effect Photoshop TutorialIce Cream Scoop Text Effect Photoshop Tutorial