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

Cómo crear un efecto fácil de falla de texto digital en Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called How to Make Glitch Art.
How to Create a Glitch Animated Gif Action in Adobe Photoshop
How to Create a Set of Glitches in Adobe Photoshop

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

Final product image
What You'll Be Creating

Este tutorial te mostrará cómo usar estilos de capas de Photoshop, filtros, y máscaras de capa para crear una rápida y fácil falla de texto digital. ¡Empecemos!

Este efecto de texto fue inspirado por la mayoría de Estilos de Capa disponibles en GraphicRiver.

Activos de tutorial

Los siguientes activos fueron utilizados durante la producción de este tutorial:

1. Cómo crear las capas de fondo y texto

Paso 1

Crea un Nuevo Documento de 900 x 700 px, haz clic en el botón Crear nuevo relleno o ajuste de capa en el panel Capas, elige Color Sólido, y usa el Color #101010.

Solid Color Layer

Paso 2

Crea el texto en Blanco usando la fuente Pixel Digivolve, y pon el Tamaño a 170 pt.

Create the Text

Paso 3

Renombra la capa de texto a Texto 01, haz clic derecho, y selecciona Convertir a objeto inteligente.

Convert to Smart Object

Paso 4

Duplica la capa de Texto 01, y renombra la copia a Texto 02.

Duplicate the Text Layer

Paso 5

Oculta la capa de Texto 02 haciendo clic en el ícono del ojo a su lado.

Hide the Layer

2. Cómo aplicar los estilos de capa

Haz doble clic en la capa de Texto 01 para aplicar el siguiente Estilo de capa.

Paso 1

Debajo de las Opciones de fusión ve a Fusiones avanzadas, y desmarca las cajas de los Canales G y B.

Advanced Blending

Paso 2

Añade un Resplandor exterior con estos valores:

  • Opacidad: 50%
  • Color#ffffff
  • Tamaño: 10
Outer Glow Layer Style

Esto hará el estilo de la parte roja del texto.

Styled Text 1

Muestra la capa de Texto 02, y haz doble clic para aplicar el siguiente Estilo de capa:

Paso 3

Debajo de las Opciones de fusión, ve a Fusiones avanzadas, y desmarca la caja de los Canales R.

Advanced Blending Options

Paso 4

Añade un Resplandor exterior con los estos valores:

  • Opacidad: 50%
  • Color:  #ffffff
  • Tamaño: 10
Outer Glow Layer Style

Esto hará el estilo de la parte azul, la cual no será visible ahora, pero trabajaremos en ella luego.

Styled Text 2

3. Cómo crear un efecto básico de falla

Paso 1

Selecciona la Herramienta Mover, y usa las Teclas de Flechas para empujar ligeramente las capas Texto 01 y Texto 02 en direcciones opuestas para mostrar los colores rojo y azul, y obtén el resultado que te gusta.

Nudge the Text Layers

Paso 2

Duplica las capas Texto 01 y Texto 02.

Duplicate Layers

Paso 3

Crea una Nueva capa en la parte superior, nómbrala Filtros 01, y presiona la Opción-Control-Shift-E para crear una estampa de todas las capas que tienes.

Haz clic derecho en la capa Filtros 01, y selecciona Convertir a objeto inteligente.

Convert to Smart Object

Paso 4

Presiona la casilla Opción y haz clic en el ícono Añadir máscara de capa en la parte inferior del panel Capas para añadir una máscara de capa invertida.

Add a Layer Mask

Paso 5

Duplica la capa Filtros 01 y renombra la copia a Filtros 02.

Duplicate the Layer

4. Cómo trabajar con máscaras de capa

Paso 1

Selecciona la Herramienta de Marco Rectángular, crea algunas selecciones aleatorias que cubran partes del texto, y asegúrate de extender las selecciones hacia afuera de los lados izquierda y derecha del texto.

Mantén suficiente espacio vertical entre las selecciones ya que vamos a crear algunas selecciones más entre ellos.

Create Selections

Paso 2

Selecciona la miniatura de la Máscara de capa de Filtros 01 y rellena la selección con Blanco.

Presiona Control-D para Deseleccionar.

Fill the Selection

Paso 3

Presiona la casilla Opción y haz clic en la miniatura de la máscara de capa de Filtros 01 para mostrarlo. Usaremos esto como referencia para crear las selecciones entre las líneas que ya tenemos.

Show the Layer Mask

Paso 4

Utiliza la Herramienta de Marco Rectangular otra vez para crear líneas más estrechas entre las que tienes, pero mantén algunas áreas no seleccionadas también.

Create More Selections

Paso 5

Presiona la casilla Opción y haz clic en la miniatura de la máscara de capa de Filtros 01 otra vez para obtener el contenido original, selecciona la miniatura de la máscara de capa Filtros 02 y rellena la nueva selección con Blanco.

Deselecciona cuando termines.

Fill the Selection

5. Cómo aplicar filtros de efectos de falla

Paso 1

Selecciona la capa Filtros 01, ve a Filtro > Pixelizar > Grabado, y establece el Tipo a Trazos Cortos.

Mezzotint Filter

Paso 2

Selecciona la capa Filtros 02, ve a Filtro > Distorcionar > Ola. Este puede ser un filtro difícil de aplicar, por lo que puede que necesites probar diferentes valores hasta obtener el resultado que te gusta.

Los valores están aquí:

  • Número de generadores: 1
  • Longitud de onda:
    • Min. 1
    • Max. 106
  • Amplitud:
    • Min. 90
    • Max. 133
  • Escala:
    • Horiz. 6
    • Vert. 1
  • Tipo: Seno
  • Áreas sin definir: Repetir píxeles de los bordes
Wave Filter Settings

Paso 3

Ve a Filtro > Píxelar > Grabado, y establece el Tipo a Trazos Largos.

Mezzotint Filter

Paso 4

Ve a Filtro > Estilizar > Viento, establece el Método a Viento, y la Dirección a Desde la derecha.

Wind Filter

Paso 5

Si necesitas eliminar partes no deseadas, selecciona la miniatura de la máscara de capa, selecciona la Herramienta Pincel y elija una punta redonda suave.

Establece el Color de Primer Plano a Negro y pinta sobre las áreas no deseadas para ocultarlas.

Hide Unwanted Areas

6. Cómo añadir líneas de exploración

Paso 1

Haz clic en Crear nuevo relleno o en el icono de ajuste de capa en la parte inferior del panel Capas, y elige Búsqueda de Color.

Elege la tabla Fuji ETERNA 250D Fuji 3510 (de Adobe).cube desde el menú Archivo 3DLUT.

Color Lookup

Paso 2

Crea una Nueva Capa en la parte superior, rellena con Blanco, nómbrala Líneas de exploración y conviértela en un Objeto inteligente.

Asegúrate que los Colores de Fondo y Primer Plano están en Blanco y Negro.

Create the Scanlines Layer

Paso 3

Ve a Filtro > Galería de Filtros > Esbozo > Patrón Semitono, y usa estos valores:

  • Tamaño: 1
  • Contraste: 5
  • Tipo de Patrón: Línea
Halftone Pattern Filter

Paso 4

Cambia el Modo de Fusión de las Líneas de exploración a Luz Suave y su Opacidad al 50%.

Layer Settings

Paso 5

Crea un nuevo relleno o ajuste de capa en la parte inferior del panel Capas, elije Patrón y utiliza el Relleno del Patrón 1 del paquete de Patrones de líneas de exploración básicos.

Cambia la Opacidad de la capa a 25%.

Pattern Fill Layer

7. Cómo crear una superposición de ruido

Paso 1

Crea una Nueva Capa en la parte superior, rellena con Negro, nómbrala Ruido y conviértelo en un Objeto Inteligente

Create the Noise Layer

Paso 2

Ve a Filtro > Textura > Granulada, y esa estos valores:

  • Intensidad: 40
  • Contraste: 50
  • Tipo de grano: Punteado
Grain Texture Filter

Paso 3

Haz clic en OK, y ve otra vez a Filtro > Textura > Granulada y usa los mismos valores del paso anterior.

Grain Filter Settings

Paso 4

Haz clic en el icono Nuevo efecto de capa en la esquina inferior derecha, ve a Dibujo > Conté Crayon, y utiliza estos valores:

  • Nivel de Primer Plano: 7
  • Nivel de Fondo: 7
  • Textura: Lienzo
  • Escala: 100%
  • Relieve: 4
  • Luz: Superior
Conte Crayon Filter

Paso 5

Cambia el Modo de Fusión de la capa Ruido a Evadir Línea (Añadir) y su Opacidad a 20%.

Set Blend Mode to Linear Dodge

Paso 6

Utiliza la Herramienta de Marco Rectángular para crear selecciones aleatorias sobre todo el documento, pero intentar evitar crear grandes selecciones sobre el texto.

Create Random Selections

Paso 7

Presiona Control-J para Duplicar la selección en una Nueva Capa, renómbrala como Líneas de Ruido, y cambia su Modo de Fusión a Evitar Color.

Add Noise Lines

¡Felicitaciones! Has terminado.

En este tutorial, creamos un par de capas de texto como objetos inteligentes, y usamos opciones de fusión y los estilos de capa para crear el efecto de falla principal.

Luego, creamos capas de filtros, y sus ajustes de máscaras de capas.

Finalmente, usamos un grupo de filtros para terminar el efecto de falla, como también, añadimos una rápida superposición de ruido para hacerla más realista.

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

Glitch Text Effect Photoshop Tutorial
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.