Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Crear un Efecto de Texto de Queso en Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Este tutorial te mostrará cómo crear un efecto de texto de queso usando los estilos de capa, filtros y pinceles de Photoshop.

Este efecto de texto está basado en Texto de Queso — Acción de Photoshop disponible Envato Market. La acción transforma cualquier texto o forma en queso con solo un clic.

Action preview
Texto de Queso — Acción de Photoshop

Elementos del Tutorial

Los siguientes elementos fueron usados durante este tutorial:

1. ¿Cómo Preparar el Fondo?

Abre Adobe Photoshop, ve a Archivo > Nuevo y pon la Anchura a 850 px, Altura a 500 px, y Resolución a 72 Pixeles/Inch.

Ve a Archivo > Colocar Incrustado... y selecciona la imagen Various crusty bread and buns.jpg. Rota y escala la imagen para que se ajuste a tu documento, y luego presiona Enter para colocarla.

Set the background

2. ¿Cómo Instalar el Pincel y la Acción?

Paso 1

Ve a Edición > Prediseñados > Administrador de Preestablecidos... En el Texto Predefinido, selecciona Pinceles, y luego da clic en Cargar... y escoge Cheese-brush.arb.

Install the brush

Paso 2

Para instalar la acción que será usada luego en este tutorial, ve a Archivo > Abrir y selecciona Layer Duplicator.atn. Para ver si la acción está cargada, ve a Ventana > Acciones, y debes ver la carpeta Layer Duplicator allí.

Install the action

3. ¿Cómo Crear la Capa de Texto?

Escoge la Herramienta Texto (T); escoge la fuente Poplar Std y pon el Tamaño a 241 pt y luego escribe "CHEESE". Luego ve a Texto > Texto Deformado; pon el Estilo a Arco y Fusión a 7%. Finalmente, ve a Capa > Objeto Inteligente > Convertir a Objeto Inteligente.

Type the text

4. ¿Cómo Crear los Agujeros Exteriores del Queso?

Paso 1

Ve a Capa > Nuevo > Capa, nómbrala agujeros exteriores, y presiona OK. Entonces mantén presionada la tecla Control y da clic en la miniatura de la capa "CHEESE" para hacer la selección. Ve a Ventana > Trazados y da clic en Crear trazado de trabajo a partir de selección en la parte inferior del panel Trazados.

Create a workpath

Paso 2

Ahora ve a Ventana > Pinceles y selecciona el pincel agujeros de queso, y luego mientras la capa "agujeros exteriores" esté seleccionada, da clic-derecho sobre el Trazado de Trabajo en el panel Trazados y selecciona el Trazo... desde el menú. Selecciona Herramienta: Pincel; desmarca el botón Simular Presión, y da clic en OK.

Stroke a path

Paso 3

Mantén presionada la tecla Control y da clic sobre la miniatura de la capa "agujeros exteriores" para hacer una selección, y luego seleccionar la capa "QUESO" y ve a Capa > Máscara de Capa > Ocultar Selección. Luego borra la capa "agujeros exteriores".

Mask a text layer

5. ¿Cómo Darle Estilo a la Capa de Texto?

Paso 1

Selecciona la capa "CHEESE" y luego da doble-clic a esta capa para aplicar el siguiente estilo de capa:

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

  • Modo de Fusión: Normal
  • Marca la casilla Tramado
  • Opacidad: 100%
  • Estilo: Lineal
  • Ángulo: 90°
  • Da clic sobre Degradado y pon estas detenciones:
  • Colorea la detención con #feca50 sobre Ubicación: 6%
  • Colorea la detención con #fdc542 sobre Ubicación: 39%
  • Detención de color con #ffd269 sobre Ubicación: 82%
  • Detención de color #feca50 sobre Ubicación: 100%

Da clic en OK.

Add a gradient overlay

Paso 2

Ve a Filtro > Distorsión > ZigZag... y usa esta configuración:

  • Cantidad: 2
  • Crestas: 5
  • Estilo: Ondulaciones

Da clic en OK y luego ve a Capa > Objetos Inteligentes > Convertir a Objeto Inteligente.

Add a zigzag filter

6. ¿Cómo Crear el Efecto 3D?

Paso 1

El efecto 3D es creado duplicando la capa de texto; luego moviendo 1 px y enviando la capa detrás. Se repite 15 veces, y, para ahorrar tiempo, he creado una acción automática que hará estos pasos para ti.

Para darle play a la acción, selecciona la capa "CHEESE" y ve a Ventana > Acciones; selecciona la carpeta Layer Duplicator y colapsa y luego selecciona la acción Make 15 layers y da clic en el botón Play en la parte inferior del panel Acciones.

Play the action

Paso 2

Luego de que la acción esté terminada, duplica la capa "cheese-3D" (Capa > Duplicar Capa...) y nómbrala sombra, y luego envía hacia atrás (Capa > Organizar > Enviar Detrás).

Duplicate the layer

7. ¿Cómo Darle Estilo a la Capa de Texto 3D?

Selecciona la capa "cheese-3D" y luego da doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

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

  • Estilo: Inglete Interior
  • Técnica: Suavizado
  • Profundidad: 594%
  • Dirección: Arriba
  • Tamaño: 8 px
  • Suavizado: 12 px
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -79°
  • Altitud: 37°
  • Marca la casillas Suavizado
  • Modo de Iluminación: Trama con color #ffffff y Opacidad: 38%.
  • Modo de Sombra: Luz Suave con color #000000 y Opacidad: 24%
Add a bevel and emboss

Paso 2

Añade Sombra Interior con esta configuración:

  • Modo de Fusión: Subexponer Color
  • Color: #000000
  • Opacidad: 27%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -90°
  • Distancia: 3 px
  • Retraer: 0%
  • Tamaño: 8 px
  • Marcar la casilla de Suavizado
Add an inner shadow

Paso 3

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

  • Modo de Fusión: Multiplicar
  • Marca la casilla Tramado
  • Opacidad: 40%
  • Estilo: Ángulo
  • Ángulo:
  • Escala: 150%
  • Da clic sobre Degradado y pon estas detenciones:
  • Color de detención #fbaf3a sobre Ubicación: 0%
  • Color de detención #fdc747 sobre Ubicación: 20%
  • Color de detención #fbaf3a sobre Ubicación: 47#
  • Color de detención #fdc747 sobre Ubicación: 75%
  • Color de detención #fbaf3a sobre Ubicación: 100%
Add a gradient overlay

Paso 4

Añade Sombra Paralela con esta configuración:

  • Modo de Fusión: Multiplicar
  • Escoge el color: #dca423
  • Opacidad: 60%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 86°
  • Distancia: 1 px
  • Extensión: 0%
  • Tamaño: 1 px
  • Marca la casilla Suavizado

Presiona OK para aplicar todos los cambios.

Add a drop shadow

8. ¿Cómo Darle Estilo a la Capa de Texto Principal y a la Sombra?

Paso 1

Selecciona la capa "CHEESE" y luego da doble-clic a esta capa para añadir un Sombra Interior con esta configuración:

  • Modo de Fusión: Sobreexposición Lineal (Añadir)
  • Color: #ffffff
  • Opacidad: 4%
  • Marcar casilla Usar Luz Global
  • Ángulo: -90°
  • Distancia: 2 px
  • Retraer: 0%
  • Tamaño: 3 px
  • Marcar la casilla Suavizado

Presiona OK para aplicar todos los cambios.

Add an inner shadow

Paso 2

Selecciona la capa "sombra" y luego da doble clic a esta capa para aplicar el siguiente estilo:

Pon las Opciones de Fusión:

  • Relleno de Opacidad: 0%
Set the blending options

Paso 3

Añade Sombra Paralela con esta configuración:

  • Modo de Fusión: Multiplicar
  • Escoger color #000000
  • Opacidad: 20%
  • Marcar casilla Usar Luz Global
  • Ángulo: 90°
  • Distancia: 3 px
  • Extensión: 0%
  • Tamaño: 6 px
  • Marca la casilla Suavizado

Presiona OK para aplicar todos los cambios.

Add a drop shadow

Este es el resultado con todas las capas de estilo aplicadas.

Layer styles applied

9. ¿Cómo Crear Capas para el Pincel?

Paso 1

Ve a Capa > Nueva > Capa; nombra la capa "grandes agujeros" y da clic en OK, y luego presiona la tecla Control y da clic sobre la miniatura de la capa "cheese-3D" para hacer una selección. Selecciona la capa "grande agujeros" y ve a Capa > Máscara de Capa > Revelar Selección.

Create a new layer

Paso 2

Duplica la capa "grandes agujeros" (Capa > Duplicar Capa...); nómbrala "pequeños agujeros" y da clic en OK.

Duplicate a layer

10 ¿Cómo Crear los Agujeros de Queso?

Paso 1

Selecciona la capa "grandes agujeros", y, luego, ve a Ventana > Pinceles, selecciona el pincel cheese-holes, pon el Tamaño a 50 px y haz algunos puntos sobre el texto de queso. El color del pincel no es importante.

Brush the area with big brush

Paso 2

Selecciona la capa "agujeros pequeños", y, luego ve a Ventana > Pinceles; selecciona el pincel cheese-holes, pon tu Tamaño a 14 px y haz algunos puntos sobre el texto de queso. Luego cambia el Tamaño de Pincel a 6 px y haz muchos puntos pequeños sobre todo el texto. El color del pincel no es importante.

Brush the area with small brush

11. ¿Cómo Darle Estilo a los Agujeros Grandes del Queso?

Selecciona la capa "grandes agujeros" y luego da doble clic sobre esta capa para aplicar el siguiente estilo de capa:

Paso 1

Pon las Opciones de Fusión:

  • Marca la casilla Máscara de capa oculta efectos.
Set the blending options

Paso 2

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

  • Estilo: Inglete Interior
  • Técnica: Suavizado
  • Profundidad: 115%
  • Dirección: Arriba
  • Tamaño: 9 px
  • Suavizar: 8 px
  • Desmarcar casilla de Usar Luz Global
  • Ángulo: -111°
  • Altitud: 42°
  • Marca la casilla de Suavizado
  • Modo de Iluminación: Sobreexposición Lineal (Añadir) con color #ffffff y Opacidad: 14%.
  • Modo de Sombra: Luz Suave #000000 y Opacidad: 54%
Add a bevel and emboss

Paso 3

Añadir Superposición de Color con esta configuración:

  • Modo de Fusión: Normal
  • Color: #fcc14e
Add a color overlay

Paso 4

Añade un Resplandor Exterior con esta configuración:

  • Modo de Fusión: Superposición
  • Opacidad: 23%
  • Color: #fffffff
  • Técnica: Suavizar
  • Extensión: 0%
  • Tamaño: 7 px
  • Marca la casilla suavizado

Presiona OK para aplicar los cambios.

Add an outer glow

Este es el resultado con el estilo de capa aplicado.

Result with styled brush

12. ¿Cómo Aplicar los Pequeños Agujeros de Queso?

Selecciona la capa de "pequeños agujeros" y luego da doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Pon las Opciones de Fusión:

  • Marca la casilla Máscara de capa oculta efectos
Set the blending options

Paso 2

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

  • Estilo: Inglete Interior
  • Técnica: Suavizado
  • Profundidad: 594%
  • Dirección: Arriba
  • Tamaño: 3 px
  • Suavizar: 5 px
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -104°
  • Altitud: 48°
  • Marca la casilla Suavizado
  • Modo de Iluminación: Sobreexposición Lineal (Añadir) con color #ffffff y Opacidad: 0%
  • Modo de Sombra: Luz Suave con color #000000 y Opacidad: 63%
Add a bevel and emboss

Paso 3

Añade Sombra Interior con esta configuración:

  • Modo de Fusión: Sobreexposición Lineal (Añadir)
  • Color: #ffffff
  • Opacidad: 13%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -90°
  • Distancia: 1 px
  • Retraer: 0%
  • Tamaño: 0 px
  • Marca la casilla Suavizado
Add an inner shadow

Paso 4

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

  • Modo de Fusión: Normal
  • Color: #fcc14e

Presiona OK para aplicar los cambios.

Add a color overlay

¡Felicidades! ¡Has Terminado!

En este tutorial, aprendiste a cómo usar estilos de capa, filtros y pinceles para crear un efecto de texto en Adobe Photoshop.

Comenzamos a crear nuestro texto y luego usamos más capas para el efecto 3D. Luego le dimos estilo a nuestra capa, y finalmente añadimos y le dimos estilo a los pinceles para crear agujeros de queso.

Final result

Espero que hayas disfrutado este tutorial. Siéntete libre de dejar tus comentarios, sugerencia y resultados debajo. Este efecto de texto que creamos está inspirado en la Acción de Texto de Queso de Envato Market, que aplicará automáticamente el efecto de queso en cualquier texto o forma.


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