Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cómo crear un efecto de texto de cerveza en Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, le mostraré cómo crear un efecto de texto cerveza en Adobe Photoshop utilizando estilos de capa, pinceles, filtros y máscaras de recorte.

Para este tutorial, elegí la palabra "PROSIT!", Una palabra alemana que significa "¡Salud!" en inglés.

Si desea utilizar texto con estilo en sus proyectos, hay muchos efectos de texto disponibles en GraphicRiver.

Recursos del tutorial

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

1. Cómo establecer el fondo

Paso 1

Abra Photoshop, vaya a Archivo> Nuevo y configure estos detalles preestablecidos:

  • Ancho: 850 px
  • Altura: 500 px
  • Resolución: 72 px / pulgada
  • Modo de color: RGB Color 8 bits

Haga clic en Crear.

Create a document

Paso 2

Vaya a Archivo> Colocar incrustado ... y elija wooden-floor-with-blurred-cafe-background.jpg. Marque la casilla Mantener relación de aspecto y establecer escala horizontal en 90%. Luego mueva esta imagen con el mouse para que sus bordes derecho e inferior se crucen con los bordes derecho e inferior del documento. Pulsa Enter para colocar la imagen.

Place image

Paso 3

Vaya a Capa> Nueva capa de ajuste> Curvas y presione Aceptar. En la ventana Propiedades de la capa, marque Editar puntos para modificar la curva y luego haga clic en cualquier lugar cerca de la línea blanca diagonal para crear un nuevo punto. Para este punto, configure la Entrada: 78 y la Salida: 12. Luego haga clic nuevamente dentro para crear el segundo punto. Establezca el segundo punto en Entrada: 216 y Salida: 163.

Use curves adjustment

Paso 4

Vaya a Capa> Nueva capa de ajuste> Matiz / Saturación ... y luego presione Aceptar. En la ventana de propiedades de la capa, establezca estos valores:

  • Matiz: +3
  • Saturación: -56
  • Ligereza: +5
Change hue and saturation

Paso 5

Seleccione la capa Matiz / Saturación 1, mantenga presionada la tecla Mayús y haga clic en la capa wooden-floor-with-blurred-cafe para seleccionar las tres capas, y luego presione Control-G para formar un grupo de estas capas.

Group layers

2. Cómo instalar los pinceles y el patrón

Paso 1

Vaya a Edición> Ajustes preestablecidos> Gestor de ajustes preestablecidos ... En el Tipo de ajuste preestablecido, seleccione Pinceles, haga clic en Cargar ... y elija bubbles-and-foam-brushes.abr.

Install brushes

Paso 2

Vaya a Editar> Ajustes preestablecidos> Gestor de ajustes preestablecidos ... En el Tipo de ajuste preestablecido, seleccione Patrones, haga clic en Cargar ... y elija el foam-noise.pat.

Install a pattern

3. Cómo crear capas de texto

Paso 1

Elija la herramienta de tipo (T) y escriba "PROSIT!" Elija la fuente Poetsen One, y luego vaya a Ventana> Carácter y establezca el tamaño de la fuente en 240 pt y el Seguimiento en -60.

Type the text

Paso 2

Vaya a Capa> Duplicar capa ..., asígnele el nombre Sombra y presione Aceptar. Para mover esta capa debajo del PROSIT! capa, vaya a Capa> Organizar> Enviar hacia atrás.

Duplicate layer

4. Cómo diseñar una capa de texto

Paso 1

Seleccione la opción "PROSIT!" capa y vaya a Capa> Estilo de capa> Opciones de fusión ... para aplicar el siguiente estilo de capa.

Agregue un bisel y relieve con estos ajustes:

  • Estilo: bisel interior
  • Técnica: lisa.
  • Profundidad: 55%
  • Dirección: Abajo
  • Tamaño: 13 px
  • Desmarque la casilla Usar luz global
  • Ángulo: -170
  • Altitud: 32
  • Contorno de brillo: Pendiente de rodadura - Descendente
  • Marque la casilla Anti-alias
  • Modo destacado: Pantalla #ffffff y opacidad: 69%
  • Modo Sombra: Pantalla #ffffff y Opacidad: 85%
Add a bevel and emboss

Paso 2

Agrega un contorno con estos ajustes:

  • Contorno de brillo: Pendiente de rodadura - Descendente
  • Marque la casilla Anti-alias
  • Rango: 100%
Add a contour

Paso 3

Agrega una sombra interna con estos ajustes:

  • Modo de mezcla: Quemadura de color # 000000
  • Opacidad: 50%
  • Desmarque la casilla Usar luz global
  • Ángulo: -90
  • Distancia: 0 px
  • Estrangular: 0 px
  • Tamaño: 32 px
  • Marque la casilla Anti-alias
Add an Inner Shadow

Paso 4

Agregue un brillo interior con estos ajustes:

  • Modo de fusión: Esquivar color # ffc600
  • Opacidad: 21%
  • Técnica: precisa
  • Fuente: Centro
  • Estrangular: 0%
  • Tamaño: 27 px
  • Marque la casilla Anti-alias
  • Rango: 49%
Add an inner glow

Paso 5

Agrega una Superposición de degradado con estos ajustes:

  • Modo de mezcla: Normal
  • Opacidad: 100%
  • Estilo: Lineal
  • Ángulo: 90
  • Escala: 100%
  • Haga clic en el degradado y establezca estas paradas de color:
  • Color stop 1 - Color: # b2710b Ubicación: 0%
  • Color stop 2 - Color: # dca010 Ubicación: 25%
  • Color stop 3 - Color: # dfb031 Ubicación: 53%
  • Color stop 4 - Color: # c77f0d Ubicación: 80%

Pulse el botón Aceptar.

Add a gradient overlay

Paso 6

Vaya a Capa> Objeto inteligente> Convertir a objeto inteligente y luego vaya a Capa> Estilo de capa> Opciones de fusión ... En las Opciones de fusión, establezca la opacidad de relleno al 90% y presione el botón OK.

Change blending options

Esto creará la capa principal del efecto de texto de la cerveza.

Beer text result

5. Cómo crear una sombra de reparto

Paso 1

Seleccione la capa "Sombra" y vaya a Capa> Estilo de capa> Opciones de fusión ... para aplicar el siguiente estilo de capa.

En Opciones de fusión, establezca la Opacidad de relleno en 0%.

Change blending options

Paso 2

Agrega una Superposición de degradado con estos ajustes:

  • Modo de mezcla: Normal
  • Marque la casilla de Dither
  • Opacidad: 100%
  • Estilo: Lineal
  • Ángulo: -90
  • Escala: 100%
  • Haga clic en el degradado y establezca estas paradas de color y opacidad:
  • Color stop 1 - Color: # 000000 Ubicación: 0%
  • Parada de opacidad 1 - Opacidad: 0% Ubicación: 0%
  • Color stop 2 - Color: # 000000 Ubicación: 100%
  • Parada de opacidad 2 - Opacidad: 100% Ubicación: 100%

Pulse el botón Aceptar.

Add a gradient overlay

Paso 3

Haga clic derecho en la capa "Sombra" y elija Convertir en objeto inteligente. Luego vaya a Edición> Transformar> Sesgar y establezca la escala vertical al 50%. Arrastre el punto de anclaje central superior a alrededor de -40 ° y presione Enter.

Transform a shadow

Paso 4

Seleccione la herramienta Mover (V) y luego use las teclas de flecha para mover la sombra como se muestra en la siguiente imagen.

Move the shadow

Paso 5

Vaya a Filtro> Desenfoque> Desenfoque gaussiano ..., establezca el Radio a 2.6 px y luego presione Aceptar.

Gaussian blur filter

Paso 6

Vaya a Capa> Estilo de capa> Opciones de fusión ... y establezca la opacidad de relleno en 75%. Pulsa OK.

Change blending options

Esto creará una sombra proyectada para su texto.

Shadow result

6. Cómo crear la primera textura de la cerveza.

Paso 1

Seleccione la opción "PROSIT!" capa y vaya a Capa> Nueva capa de relleno> Color sólido .... Asigne un nombre a la capa Textura 1 y marque la casilla Usar capa anterior para crear máscara de recorte, luego presione Aceptar y seleccione color black. Pulse Aceptar de nuevo.

Create a new layer

Paso 2

Vaya a Filtro> Pixelar> Puntillizmo ..., seleccione Convertir a objeto inteligente, y luego configure el Tamaño de celda en 9. Presione Aceptar.

Add a pointillize filter

Paso 3

Vaya a Capa> Estilo de capa> Opciones de fusión ..., configure el Modo de fusión en Aclarar y la Opacidad de relleno en 10%, y luego presione Aceptar.

Change blending options

Esto creará la primera textura sutil de la cerveza.

Filter result

7. Cómo crear la segunda textura de la cerveza

Paso 1

Seleccione la capa "Textura 1" y vaya a Capa> Nueva capa de relleno> Color sólido .... Asigne un nombre a la capa Textura 2 y marque la casilla Usar capa anterior para crear máscara de recorte, luego presione Aceptar y seleccione el color black. Pulse Aceptar de nuevo.

Create a new layer

Paso 2

Vaya a Filtro> Pixelar> Mezzotint ..., seleccione Convertir a objeto inteligente y luego configure el Tipo en Puntos gruesos. Pulsa OK.

Add a mezzotint filter

Paso 3

Vaya a Capa> Estilo de capa> Opciones de fusión ..., establezca Modo de fusión en Luz suave y Opacidad de relleno en 20%, y luego presione Aceptar.

Change blending options

Esto creará la segunda textura sutil de la cerveza.

Filter result

8. Cómo crear la tercera textura de la cerveza.

Paso 1

Seleccione la capa "Textura 2" y vaya a Capa> Nueva capa de relleno> Color sólido .... Asigne un nombre a la capa Textura 3 y marque la casilla Usar capa anterior para crear máscara de recorte, luego presione Aceptar y seleccione el color black. Pulse Aceptar de nuevo.

Create a new layer

Paso 2

Vaya a Filtro> Pixelar> Mezzotint ..., seleccione Convertir a objeto inteligente y luego configure el Tipo en Puntos finos. Pulsa OK.

Add a mezzotint filter

Paso 3

Vaya a Capa> Estilo de capa> Opciones de fusión ..., establezca Modo de fusión en Luz suave y Opacidad de relleno en 20%, y luego presione Aceptar.

Change blending options

Esto creará la tercera textura sutil de la cerveza.

Filter result

9. Cómo crear grandes burbujas con un pincel personalizado

Paso 1

Seleccione la capa "Textura 3" y vaya a Capa> Nueva> Capa .... Asigne un nombre a la capa Big Bubbles y marque la casilla Usar capa anterior para crear máscara de recorte, y luego presione Aceptar.

Create a new layer

Paso 2

Vaya a sus pinceles (Ventana> Pinceles) y seleccione Burbujas - pincel grande.

Select the brush

Paso 3

Cepille sobre el texto para crear una densidad similar de burbujas como en la imagen de abajo. Puede volver a esta capa y agregar más burbujas en cualquier momento.

Brush the text

Paso 4

Vaya a Capa> Estilo de capa> Opciones de fusión ... para aplicar los siguientes estilos de capa.

En Opciones de fusión, establezca la Opacidad de relleno en 0%.

Change blending options

Paso 5

Agregue un bisel y relieve con estos ajustes:

  • Estilo: bisel interior
  • Técnica: lisa.
  • Profundidad: 240%
  • Dirección: arriba
  • Tamaño: 6 px
  • Desmarque la casilla Usar luz global
  • Ángulo: -90
  • Altitud: 60
  • Contorno Brillante: Cono - Invertido
  • Marque la casilla Anti-alias
  • Modo Resaltar: Pantalla con color white.
  • Resalte la opacidad: 43%
  • Modo Sombra: Luz suave con color black
  • Opacidad de las Sombras: 32%
Add a bevel and emboss

Paso 6

Agrega un contorno con estos ajustes:

  • Contorno Brillante: Cono - Invertido
  • Marque la casilla Anti-alias
  • Rango: 100%
Add a contour

Paso 7

Agregue un brillo interior con estos ajustes:

  • Modo de mezcla: Color Dodge
  • Opacidad: 50%
  • Color: blanco
  • Técnica: más suave
  • Fuente: Centro
  • Tamaño: 13 px

Pulse Aceptar para aplicar el estilo de capa.

Add an inner glow

Esto creará algunas burbujas grandes en la cerveza.

Brush result

10. Cómo crear pequeñas burbujas con un pincel personalizado

Paso 1

Seleccione la capa "Burbujas grandes" y vaya a Capa> Nueva> Capa .... Asigne un nombre a la capa Burbujas pequeñas y marque la casilla Usar capa anterior para crear máscara de recorte, y luego presione Aceptar.

Create a new layer

Paso 2

Vaya a sus pinceles (Ventana> Pinceles) y seleccione Burbujas - pincel pequeño.

Select the brush

Paso 3

Cepille sobre el texto para crear una densidad similar de burbujas como en la imagen de abajo. Puede volver a esta capa y agregar más burbujas en cualquier momento.

Brush the text

Paso 4

Vaya a Capa> Estilo de capa> Opciones de fusión ... para aplicar los siguientes estilos de capa.

En Opciones de fusión, establezca la Opacidad de relleno en 0%.

Change blending options

Paso 5

Agregue un bisel y relieve con estos ajustes:

  • Estilo: bisel interior
  • Técnica: lisa.
  • Profundidad: 209%
  • Dirección: arriba
  • Tamaño: 7 px
  • Desmarque la casilla Usar luz global
  • Ángulo: 90
  • Altitud: 30
  • Contorno Brillante: Cono - Invertido
  • Marque la casilla Anti-alias
  • Modo Resaltar: Pantalla con color white.
  • Resalte la opacidad: 43%
  • Modo Sombra: Luz suave con color black
  • Opacidad de las Sombras: 32%
Add a bevel and emboss

Paso 6

Agrega un contorno con estos ajustes:

  • Contorno Brillante: Cono - Invertido
  • Marque la casilla Anti-alias
  • Rango: 100%
Add a contour

Paso 7

Agregue un brillo interior con estos ajustes:

  • Modo de mezcla: Color Dodge
  • Opacidad: 50%
  • Color: white
  • Técnica: más suave
  • Fuente: Centro
  • Tamaño: 13 px
  • Marque la casilla Anti-alias

Pulse Aceptar para aplicar el estilo de capa.

Add an inner glow

Esto agregará algunas burbujas pequeñas a la cerveza.

Brush result

11. Cómo crear una espuma de cerveza

Paso 1

Elija la herramienta Rectángulo, configure el Relleno en color white y dibuje un rectángulo sobre la parte superior del texto. He bajado la opacidad del rectángulo para mostrarle la cantidad de texto que cubrí. Su rectángulo debe ser blanco sólido.

Create a rectangle

Paso 2

Vaya a Filtro> Distorsionar> Onda ..., seleccione el botón Convertir a objeto inteligente y use esta configuración:

  • Cantidad de generadores: 5
  • Longitud de onda: mín. 10 Max. 60
  • Amplitud: min. 2 Max. 6
  • Escala: H. 100% V. 100%
  • Tipo: Seno
  • Áreas no definidas: Repetir los píxeles del borde

Pulsa OK.

Add a wave filter

Paso 3

Mientras se selecciona la capa de rectángulo, presione Control y haga clic en "PROSIT!" capa para hacer una selección, y luego vaya a Capa> Máscara de capa> Revelar selección.

Mask a selection

Paso 4

Haga clic con el botón derecho en la capa de rectángulo y elija Convertir en objeto inteligente.

Convert to smart object

Paso 5

Vaya a Capa> Nueva> Capa ..., asigne un nombre a la capa Espuma y luego presione Aceptar.

Create a new layer

Paso 6

Mientras se selecciona la capa "Espuma", pulse Control y haga clic en la capa Rectángulo para hacer una selección, y luego vaya al panel Trayectorias (Ventana> Trayectorias) y haga clic en el icono Crear ruta de trabajo desde la selección.

Make a workpath

Paso 7

Vaya a sus pinceles (Ventana> Pinceles) y seleccione el pincel de espuma.

Select the brush

Paso 8

Haga clic con el botón derecho en la ruta de trabajo y seleccione Trazar ruta .... Seleccione Herramienta: Cepillo y presione Aceptar.

Stroke the path

Paso 9

Mantenga presionado Control y seleccione la capa Espuma y Rectángulo, y luego haga clic con el botón derecho en la capa Espuma y elija Convertir en objeto inteligente.

Convert to smart object

Paso 10

Vaya a Capa> Duplicar capa ... y duplique la capa Espuma como sombra Espuma. Pulsa OK.

Duplicate the layer

Paso 11

Mientras se selecciona la capa "Sombra de espuma", presione Control y haga clic en "PROSITAR". capa para hacer una selección, y luego vaya a Capa> Máscara de capa> Revelar selección.

Mask the layer

Paso 12

Enviar la capa de "Sombra de espuma" hacia atrás. Para hacerlo, vaya a Capa> Organizar> Enviar hacia atrás.

Arrange layers

12. Cómo diseñar la espuma de cerveza

Paso 1

Seleccione la capa "Sombra de espuma" y vaya a Capa> Estilo de capa> Opciones de fusión ... para aplicar los siguientes estilos de capa.

En Opciones de fusión, establezca la Opacidad de relleno en 0% y marque la casilla Efectos de máscara de capa oculta.

Change blending options

Paso 2

Agrega una Sombra con estos ajustes:

  • Modo de mezcla: Quemadura lineañ con color black
  • Opacidad: 8%
  • Desmarque la casilla Usar luz global
  • Ángulo: 90
  • Distancia: 2 px
  • Tamaño: 4 px
  • Contorno: gaussiano
  • Marque la casilla Anti-alias

Pulse Aceptar para aplicar el estilo de capa.

Add a drop shadow

Paso 3

Seleccione la capa "Espuma" y vaya a Capa> Estilo de capa> Opciones de fusión ... para aplicar los siguientes estilos de capa.

Agregue un bisel y relieve con estos ajustes:

  • Estilo: bisel interior
  • Técnica: lisa.
  • Profundidad: 150%
  • Dirección: arriba
  • Tamaño: 29 px
  • Suavizado: 4 px
  • Desmarque la casilla Usar luz global
  • Ángulo: 90
  • Altitud: 30
  • Marque la casilla Anti-alias
  • Modo Resaltado: Pantalla con color white.
  • Resalte la opacidad: 100%
  • Modo Sombra: Quemadura lineal con color black
  • Opacidad de las Sombras: 10%
Add a bevel and emboss

Paso 4

Agrega una sombra interna con estos ajustes:

  • Modo de mezcla: quemadura lineal con color black
  • Opacidad: 15%
  • Desmarque la casilla Usar luz global
  • Ángulo: -90
  • Distancia: 5 px
  • Tamaño: 7 px
  • Marque la casilla Anti-alias
Add an inner shadow

Paso 5

Agregue un brillo interior con estos ajustes:

  • Modo de mezcla: Quemadura lineal
  • Opacidad: 21%
  • Color: black
  • Técnica: más suave
  • Fuente: Centro
  • Tamaño: 62 px
  • Marque la casilla Anti-alias
Add an inner glow

Paso 6

Agrega una Superposición de patrón con estos ajustes:

  • Modo de mezcla: Quemadura lineal
  • Opacidad: 34%
  • Patrón: ruido de espuma

Pulse Aceptar para aplicar el estilo de capa.

Add a pattern overlay

Paso 7

Haga clic con el botón derecho en la capa "Espuma" y seleccione Convertir en objeto inteligente. Esto creará la textura y la sombra de la espuma.

Convert to smart object

13. Cómo crear las burbujas de espuma de cerveza

Paso 1

Seleccione la capa "Espuma" y vaya a Capa> Nueva> Capa .... Nombre la capa de burbujas de espuma y marque la casilla Usar capa anterior para crear máscara de recorte, y luego presione Aceptar.

Create a new layer

PAso 2

Vaya a sus pinceles (Ventana> Pinceles) y seleccione Burbujas - pincel pequeño.

Select the brush

Paso 3

Cepille sobre la espuma para crear una densidad similar de burbujas como en la imagen de abajo. Puede volver a esta capa y agregar más burbujas en cualquier momento.

Brush the foam

Paso 4

Vaya a Capa> Estilo de capa> Opciones de fusión ... para aplicar los siguientes estilos de capa.

En Opciones de fusión, establezca la Opacidad de relleno en 0%.

Change the blending options

Paso 5

Agregue un bisel y relieve con estos ajustes:

  • Estilo: bisel interior
  • Técnica: lisa.
  • Profundidad: 220%
  • Dirección: arriba
  • Tamaño: 7 px
  • Desmarque la casilla Usar luz global
  • Ángulo: -90
  • Altitud: 30
  • Marque la casilla Anti-alias
  • Modo Resaltado: Pantalla con color white.
  • Resalte la opacidad: 80%
  • Modo Sombra: Luz suave con color black
  • Opacidad de las Sombras: 55%

Pulse Aceptar para aplicar el estilo de capa.

Add a bevel and emboss

¡Felicidades! Estas listo

En este tutorial, aprendió a crear un efecto de texto de cerveza usando estilos de capa, pinceles personalizados y máscaras de recorte.

Espero que hayas disfrutado de este tutorial y no dudes en dejar tus comentarios y creaciones a continuación.

Final result
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.