Crear un Efecto de Texto de Bollos Británicos en Adobe Photoshop

Usar diferentes pinceles, texturas y estilos de capa puede ser una gran manera de hacer un efecto de texto detallado. Este tutorial te mostrará cómo usar estos tres elementos, con otras herramientas y configuraciones, para crear un efecto de texto inspirado por los deliciosos bollos británicos. ¡Comencemos!

Elementos del Tutorial

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

• fuente Rockin Record G
• Textura: Piso de Madera por ivelt-resources
• Textura de mármol de alta calidad
• Set de pinceles de efecto de texto de bollo
• Textura de pan sin costura (Muy Pequeña) por auriso
• rosqullas y jalea (Pequeño) por kirkaejc

1. Crear el Fondo

Paso 1

Crear un nuevo documento de 838 x 530 px. Pon la imagen Texture: Wood Floor encima de la capa de Fondo, y cámbiala de tamaño como sea necesario.

Paso 2

Añade una capa de ajuste de Tono/Saturación y cambia el valor de Saturación a -83.

Paso 3

Añade una capa de ajuste de Niveles y cambia el valor de Gamma a 1.17 y el valor de Iluminación a 238.

Paso 4

Pon la imagen MARBLE TEXTURE encima de todas las capas, cambia el tamaño como sea necesario, y entonces cambia el Modo de Fusión de su capa a Subexponer Color y su Opacidad a 30%.

2. Crear el Texto y el Trazado de Trabajo

Paso 1

Crea el texto Todo en Mayúsculas usando la fuente Rockin Record G, el Tamaño 235 pt, y el color #f2ece6. Pon el valor de Tracking a 100.

Paso 2

Da clic derecho al texto y escoge Crear Trazado de Trabajo, y luego haz la capa de texto invisible.

3. Contornear el Trazado de Trabajo con Pinceles 1 y 2

Paso 1

Pon el color de Primer Plano a #flece6, crea una nueva capa encima de todas las capas, y llámala 1. Luego contornea el trazado con pincel 1 desde el Set de Pinceles de Efecto de Texto de Bollos.

Paso 2

Crea una nueva capa encima de la capa 1, llámala 2, y contornea el trazado con pincel 2.

Duplica la capa 2, y cambia el valor del Relleno de la copia a 0.

Paso 3

Duplica la capa 2 copia, Comando-clic la miniatura de la capa de texto para crear una selección, y luego borra la parte seleccionada desde el trazo de la capa 2 copia 2.

4. Contorneando el Trazado de Trabajo Interno

Paso 1

Contrae la selección por 10 píxeles.

Paso 2

Convierte la selección en un trazado de trabajo dando clic al icono de Hacer trazado de trabajo a partir de selección desde la parte inferior del panel de Trazados.

Paso 3

Crea una nueva capa encima de todas las capas, llámala 3, contornea el trazado con pincel 3, duplica la capa 3, y cambia el valor de su Relleno a 0.

Paso 4

Crea una selección a partir del texto original una vez más, y contrae la selección por 15 píxeles.

Crea una nueva capa encima de todas las capas, llámala 4, y rellena la selección con el color de Primer Plano.

Paso 5

Convierte la selección en un trazado de trabajo, y contornea con pincel 3.

5. Darle Estilo a la Capa 1

Paso 1

Abre la imagen Seamless Bread Texture, y cambia el tamaño a 295 x 275 px. Luego ve a Edición > Definir Motivo, y pon Textura de Pan, para el Nombre.

Da doble clic a la capa 1 para aplicar el siguiente estilo de capa:

Paso 2

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

• Profundidad: 275
• Contorno de Resplandor: Gaussiano
• Marca la casilla de Suavizado
• Modo de Resaltado - Color: #4f3e34
• Modo de Sombra: Subexposición Lineal
• Color: #e6d6bf

Paso 3

Añade Contorno con esta configuración:

• Contorno: Semi-Redondo
• Marca la casilla de Suavizado

Paso 4

Añade una Textura con esta configuración:

• Motivo: Textura de Pan
• Profundidad: 50%
• Marca la casilla de Invertir

Paso 5

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

• Motivo: Textura de Pan

Paso 6

Añade Sombra Paralela con esta configuración:

• Opacidad: 12%
• Desmarca la casilla Usar Luz Global
• Ángulo: 99
• Distancia: 18
• Tamaño: 6

Esto le dará estilo a los bordes.

6. Darle Estilo a las Capas 2 y 2 copia

Paso 1

Cambia el Modo de Fusión de la capa 2 a Multiplicar.

Paso 2

Da doble-clic a la capa 2 copia para aplicar un efecto de Sombra Paralela usando la siguiente configuración:

• Color: #6e6355
• Opacidad: 50%
• Distancia: 5
• Tamaño: 10

Esto añadirá una simple sombra a los bordes.

7. Darle Estilo a Capa 2 copia 2

Da doble-clic a la capa 2 copia 2 para aplicar el siguiente estilo de capa:

Paso 1

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

• Tamaño: 10
• Modo de Resaltado:
• Color: #695041
• Opacidad: 50%
• Modo de Sombra:
• Color: #aa998b
• Opacidad: 30%

Paso 2

Añade un Contorno usando los valores por defecto.

Paso 3

Añade una Textura con esta configuración:

• Motivo: Textura de Pan
• Profundidad: 50%

Esto le dará estilo a la capa 2 copia 2.

8. Estilo de Capa 3

Da doble-clic a la capa 3 para aplicar el siguiente estilo de capa:

Paso 1

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

• Estilo: Inglete Exterior
• Marca la casilla de Suavizado
• Modo de Resaltado: Luz Lineal
• Opacidad: 10%
• Modo de Sombra:
• Color: #a47a54
• Opacidad: 15%

Paso 2

Añade un Contorno con esta configuración:

• Contorno: Semi-Redondo
• Marca la casilla de Suavizado

Esto le dará estilo a la capa 3

9. Darle Estilo a la capa 3

Da doble-clic a la capa 3 copia para aplicar el siguiente estilo de capa:

Paso 1

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

• Tamaño: 13
• Desmarca la casilla de Usar Luz Global
• Ángulo: 27
• Altitud: 69
• Marca la casilla de Suavizado
• Modo de Sombra - Color: #8d672c

Paso 2

Añade una Textura con esta configuración:

• Motivo: Nubes

Paso 3

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

• Color: #e9e1d9

Paso 4

Añade una Sombra Paralela con esta configuración:

• Opacidad: 94%
• Distancia: 1
• Tamaño: 10

Esto le dará estilo a la parte cremosa debajo de la jalea.

10. Darle Estilo a la Primera Capa de Jalea

Paso 1

Cambia el valor del Relleno de la capa 4 a 0, y luego duplica cinco veces.

Da doble-clic a la capa 4 para aplicar el siguiente estilo de capa:

Paso 2

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

• Tamaño: 32
• Suavizar: 3
• Desmarca la casilla Usar Luz Global
• Ángulo: 27
• Altitud: 69
• Marca la casilla Suavizado
• Modo de Resaltado: Luz Lineal
• Opacidad: 20%

Paso 3

Añade una Textura con esta Textura:

• Motivo: Nubes
• Escala: 70%
• Profundidad: 20%

Paso 4

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

• Color: #330417

Aquí es donde escoges el color de la jalea. Así que siéntete libre de cambiarlo en cualquier momento que te parezca.

Paso 5

Añade una Sombra Paralela con esta configuración:

• Distancia: 0
• Tamaño: 3

Esto le dará estilo a la primera capa de jalea. Luego, añadiremos capas de contorno y brillo.

11. Darle Estilo a la Segunda Capa de Jalea

Da doble*clic a la capa 4 copia para aplicar el siguiente estilo de capa:

Pasa 1

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

• Tamaño: 18
• Suavizar: 1
• Desmarca la casilla Usar Luz Global
• Ángulo: 166
• Altitud: 69
• Contorno de Resplandor: Cono - Invertido
• Marca la casilla de Suavizado
• Modo de Resaltado: Luz Lineal
• Opacidad: 50%
• Modo de Sombra - Opacidad: 0%

Paso 2

Añade una Textura con esta configuración:

• Motivo: Nubes
• Profundidad: 20%

Esto añadirá algo de iluminación/contorno a la jalea.

12. Darle Estilo a la Tercera Capa de Jalea

Copia y pega el estilo de capa de la capa 4 copia a la capa 4 copia 2, y da doble-clic a la capa 4 copia 2 para cambiar un par de valores, como se muestra abajo:

Bisel y Relieve

• Tamaño: 15
• Ángulo: -14
• Modo de Resaltado - Opacidad: 30%

Esto añadirá algo más de brillo a la jalea.

13. Darle Estilo a la Cuarta Capa de Jalea

Pegar el estilo de la capa 4 copia a la capa 4 copia 3, y da doble-clic a la capa 4 copia 3 para cambiar un par de valores como se muestra debajo:

Paso 1

Bisel y Relieve

• Tamaño: 29
• Ángulo: 45
• Modo de Resaltado: Trama
• Opacidad: 90%

Esto le dará estilo a la última capa de brillo.

14. Darle Estilo a los Bordes de la Jalea

Da doble-clic a la capa 4 copia 4 para aplicar el siguiente estilo de capa:   

Paso 1

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

• Tamaño: 24
• Suavizar: 9
• Desmarca la casilla de Usar Luz Global
• Ángulo: 22
• Altitud: 64
• Contorno de Resplandor: Cono - Invertido
• Marca la casilla de Suavizado
• Modo de Resaltado: Luz Lineal
• Modo de Sombra - Opacidad: 0%

Paso 2

Añade un Contorno con esta configuración:

• Contorno: Cono - Invertido
• Marca la casilla de Suavizado

Paso 3

Esto le dará estilo a los bordes derechos e inferiores de la jalea. Copia y pega este estilo de capa a la capa 4 copia 5.

Paso 4

Da doble clic a la capa 4 copia 5 para cambiar el valor de Ángulo de Bisel y Relieve a 112.

Esto le dará estilo a los bordes izquierdos y superiores de la jalea.

15. Añade Migas

Paso 1

Crea un nuevo trazado de trabajo, crea una nueva capa debajo de la capa 1, llámala Migas, y contornea el trazado con el pincel Migas.

Da doble clic a la capa Migas para aplicar el siguiente estilo de capa:

Paso 2

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

• Profundidad: 275
• Tamaño: 3
• Contorno de Resplandor: Gaussiano
• Marca la casilla de Suavizado
• Modo de Resaltado - Color: #4f3e34
• Modo de Sombra - Color: #aa998b

Paso 3

Añade un Contorno con esta configuración:

• Marca la casilla de Suavizado.

Paso 4

Añade una Textura con esta configuración:

• Motivo: Textura de Pan

Paso 5

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

• Motivo: Textura de Pan

Paso 6

Añade una Sombra Paralela con esta configuración:

• Opacidad: 30%
• Desmarca la casilla de Usar Luz Global
• Ángulo: 99

Esto le dará estilo a las migas.

16. Crear la Parte 3D

Paso 1

Crea una selección de capas 1, 2 y el contenido de la capa de texto original.

Crea una nueva capa (Capa 1) debajo de la capa de Migas, rellena la selección con el color de Primer Plano, y luego deselecciona.

Paso 2

Pon el Modo Transformar Escala, y escala el disminuye el tamaño del contenido de la Capa 1 poniendo un valor de 99% para los valores W y H en la barra de Opciones.

Paso 3

Presiona las teclas Opción-Comando-Mayus-T (Alt-Control-Mayus-T para Windows) dos veces para crear dos copias más escaladas. Agrupa las tres capas en un grupo nombrado 3D.

17. Dale Estilo a la Parte 3D

Copia y pega el estilo de capa de la capa Migajas al grupo 3D, y da doble-clic al grupo 3D para cambiar un par de valores como se muestra debajo:

Paso 1

Bisel y Relieve

• Tamaño: 5
• Modo de Sombra: Subexposición Lineal
• Color: #bf9876

Paso 2

Textura

• Marca la casilla Invertir

Paso 3

Sombra Paralela

• Opacidad: 15%
• Distancia: 12
• Tamaño: 6

Esto le dará estilo a la parte 3D.

18. Mejorar la Sombra

Paso 1

Crea una selección de capas 1, 2 y el contenido de la capa de texto original de nuevo.

Crea una nueva capa debajo del grupo 3D, y nómbrala Sombra.

Rellena la selección con color #4b4845, y convierte la capa en un Objeto Inteligente.

Paso 2

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

Paso 3

Cambia el Modo de Fusión de la capa de Sombras a Subeposición Lineal, y su Opacidad a 25%. Luego mueve la sombra alrededor un poco hasta que te guste cómo parece.

19. Mejorar el Color y Añadir la Imagen

Paso 1

Añade una capa de ajuste de Degradado.

Crea un transparente para rellenar el degradado de color usando el color #f2ece6. Pon el Estilo a Radial y la Escala a 500.

Luego pon la capa de ajuste de Degradado encima de todas las capas, y cambia su Modo de Fusión a Subexposición Lineal.

Paso 2

Abre la imagen bagels and jam, y usa la Herramienta Lazo Magnético, o cualquier otra herramientas de selección que te guste, para seleccionar el cuchillo y la taza de jalea.

Paso 3

Puedes usar Perfeccionar Borde para refinar tu selección.

Paso 4

Copia y pega la parte seleccionada al documento del efecto de texto original. Cambia el tamaño, rota, y re-posiciona hasta que te guste como parece la imagen.

Paso 5

Añade una capa de ajuste de Tono/Saturación y recórtala a la capa de la imagen.

Para los valores de rojos, cambia el Tono a -30 y la Saturación a -20. Básicamente tratamos de igualar el color del tazón de jalea al del texto.

Paso 6

Du´plica la capa de la imagen y pon la copia debajo.

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

Convierte a Objeto Inteligente, aplica un Desenfoque Gaussiano con un Radio de 3.5, y luego transforma la copia negra para crear una sombra basada en las otras sombras que ya tienes en el documento.

Paso 7

Finalmente, usa la Herramienta Esponja para desaturar las partes naranjas del cuchillo.

¡Felicidades! Lo has hecho.

En este tutorial, creamos un simple fondo usando un par de texturas, creamos el texto y modificamos algunas de sus configuraciones para comenzar a trabajar en el efecto.

Luego comenzamos creando selecciones, trazados de trabajo, y capas para lograr contornos y rellenos diferentes.

Luego de eso, le dimos estilo a cada capa para hacer las diferentes capas de los bollos, creando la parte del pan, la parte cremosa, y la parte de jalea.

Finalmente, creamos y le dimos estilo a la parte 3D del efecto, mejoramos la sombra y añadimos una simple imagen para terminar el efecto.

Siéntete libre de dejar tus comentarios, sugerencias y resultados debajo.