Cómo Crear un Efecto Rápido de Texto de Vidrio Roto en Adobe Photoshop

Este tutorial te mostrará cómo usar un par de estilos de capa para crear un estilo de texto de vidrio. Después, te mostraré cómo usar la herramienta de selección y máscaras para convertirlo en vidrio roto. ¡Comencemos!

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

Recursos del Tutorial

Los siguientes recursos fueron usados durante el proceso de producción de este tutorial.

• Fuente Ronnia Bold
• Sorensen Leather - Campo-burgundy-20824 por SorensenLeather

1. Cómo Crear un Fondo

Paso 1

Crea un nuevo documento de 100 x 667 px. Después coloca la imagen Sorensen Leather - Campo-burgundy-20824 encima de la capa Background, renombra su capa a BG Texture y redimiensionala cómo gustes.

Paso 2

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

Paso 3

Cambia el valor de Gamma a 1.10 y los Luces a 180.

Paso 4

Agrega una capa de Degradado encima de todas las capas.

Crea un degradado de relleno Tranparente a Color de Relleno, usando los colores #d6d6d6 para la izquierda y #a6a6a6 para la derecha.

Cambia el Estilo a Radial y la Escala a 250 y marca la casilla Dither.

Paso 5

Cambia el Modo de Fusión de la capa de Degradado a Color Burn.

2. Cómo Crear el Texto

Paso 1

Crea el texto Todo en Mayúsculas usando la fuente Ronnia Bold. Establece el Color a Blanco y el Tamaño a 150 pt.

Paso 2

Cambia el valor de Relleno de la capa de texto a 0 y duplícala dos veces.

3. Cómo Aplicar un Estilo de Capa a la Capa Original de Texto

Haz doble clic sobre la capa original de texto y aplica el siguiente estilo de capa:

Paso 1

Agrega una Sombra Paralela con estos ajustes:

• Modo de Fusión: Luz Viva
• Color: #f2dede
• Opacidad: 10%
• Desmarca la casilla Usar Luz Global
• Ángulo: -19
• Distancia: 11
• Tamaño: 20

Paso 2

Haz clic en el símbolo + a la derecha de la pestaña de Sombra Paralela, para agregar otro efecto de Sombra Paralela con estos ajustes:

• Modo de Fusión: Quemado de Color
• Color: #837777
• Opacidad: 30%
• Desmarca la casilla Usar Luz Global
• Ángulo: 107
• Distancia: 12
• Difusión: 2
• Tamaño: 10

Esto crearé una sombra paralela y resaltará parte del efecto.

4. Cómo Aplicar Un Estilo de Capa a la Primer Copia de Capa de Texto

Da doble clic sobre la primer copia de la capa de texto para aplicar el siguiente estilo de capa:

Paso 1

Agrega Bisel y Relieve con estos ajustes:

• Tamaño: 3
• Modo de Sombra: Superponer
• Color: #e4eeee

Paso 2

Agrega Contorno con estos ajustes:

• Contorno: Desnivel - Profundo
• Marca la casilla Suavizado.
• Rango: 100%

Paso 3

Agrega una Sombra Interior con estos ajustes:

• Modo de Fusión: Pantalla
• Color: #e2e2e2
• Opacidad: 10%
• Desmarca la casilla Usar Luz Global
• Ángulo: 90
• Distancia: 2
• Tamaño: 13

Paso 4

Agrega un Resplandor Interior con los siguientes ajustes:

• Modo de Fusión: Superponer
• Opacidad: 30%
• Color: #f1ecec
• Técnica: Preciso
• Tamaño: 3
• Marca la casilla Suavizado
• Rango: 35

Paso 5

Agrega una Superposición de Degradado con estos ajustes:

• Marca la casilla Tramado
• Modo de Fusión: Luz Suave
• Opacidad: 50%
• Estilo: Reflejado
• Ángulo: 105
• Escala: 150%
• Marca la casilla Invertir
• Haz clic en la caja de Degradado para crear un relleno degradado

Paso 6

Para crear un degradado, necesitarás hacer clic debajo de la barra de degradado para agregar Detenciones de Color y cuando hagas clic en cada Detención de Color, puedes cambiar sus valores de Color y Ubicación. Aquí están los valores de Detención de Color usados de izquierda a derecha:

Color - Ubicación

• #252321 - 0%
• #656565 - 22%
• #eeeeee - 44%
• #585858 - 69%
• #eeeeee - 70%
• #606060 - 83%
• #252321 - 100%

Paso 7

Cambia el valor de Relleno de la primera copia de capa a 0.

5. Cómo Aplicar una Estilo de Capa a la Segunda Copia de Capa de Texto

Haz doble clic en la segunda copia de capa de texto para aplicar el siguiente estilo de capa:

Paso 1

Agrega Bisel y Relieve con estos ajustes:

• Tamaño: 5
• Marca la casilla Suavizado
• Modo de Sombra: Superponer
• Color: #d0e8e9

Paso 2

Agrega un Contorno con estos ajustes:

• Marca la casilla Suavizado
• Rango: 70%

Esto estilizará la última parte del efecto.

6. Cómo Enmascarar una Selección

Paso 1

Elige la Herramienta Lazo Poligonal y da clic en el ícono Agregar a selección en la barra de Opciones.

Lo que necesitas hacer ahora es crear figuras afiladas sobre algunas partes del texto, para imitar la apariencia de áreas rotas.

Paso 2

Cuando termines de crear la selección, mantén presionada la tecla Opción y da clic al ícono Agregar máscara de capa en la parte inferior del panel de Capas.

Paso 3

Mantén presionada la tecla Opción otra vez y arrastra la máscara a cada una de las capas de copia de texto.

7. Cómo Crear Piezas Destrozadas Simples

Paso 1

Otra vez con la Herramienta Lazo Poligonal, crea algunas selecciones afiladas de piezas destrozadas más pequeñas alrededor del texto, para crear las piezas destrozadas.

Una vez que has terminado con eso, crea una nueva capa encima de todas las capas, nombrala Piezas y rellena la selección de las piezas con Blanco.

Presiona Commando-D para deshacerte de la selección.

Paso 2

Duplica las capa de Piezas dos veces.

8. Cómo Copiar y Pegar Estilos de Capas

Paso 1

Haz clic derecho sobre la capa original de texto y elige Copiar Estilo de Capa. Después da clic derecho sobre la capa Piezas y elige Pegar Estilo de Capa.

Repite eso para la primera y segunda copia de las capas de texto y Piezas.

Paso 2

Haz clic derecho sobre el ícono fx a la derecha de la capa de Piezas y elige Cambiar escala de efectos de capa.

Paso 3

Establece el valor de Escala a 50%. Repite eso para las copias de capa de Piezas.

Paso 4

Haz doble clic en la capa de Piezas y cambia el valor de Tamaño del efecto Sombra Paralela de vuelta a 10.

Esto asegura que la sombra tiene el mismo tamaño para todas las partes del texto.

9. Cómo Crear un Efecto de Reflector

Paso 1

Usa la Herramienta Marco Elíptico para crear una elipse alrededor del texto.

Paso 2

Crea una nueva capa encima de la capa Degradado y nombrala Luz.

Rellena la selección con el color #d6d6d6.

Paso 3

Ve a Filtro > Desenfocar > Desenfoque Gaussiano y después ajusta el Radio a 50 o cualquier otro valor que prefieras.

Paso 4

Cambia el Modo de Fusión de la capa Luz a Luz Intensa y su Opacidad a 10% o cualquier otro valor que gustes.

¡Felicidades, Has Terminado!

En este tutorial, creamos un simple fondo usando una textura de piel y un una capa de relleno degradado para un efecto de viñeta.

Después, creamos tres capas de texto y las estlizamos para crear el efecto de vidrio.

Después de eso, usamos la Herramienta Lazo Poligonal para crear áreas rotas y piezas destrozasas y estilizamos las piezas para encajar con el efecto.

Finalmente, agregamos un poco de iluminación detrás del texto, usando una selección elíptica y un filtro de desenfoque.

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