1. Design & Illustration
  2. Typography

Cómo crear un efecto de texto rápido de interferencia de video retro en Adobe InDesign

Scroll to top
This post is part of a series called Text Effects in Adobe InDesign.
How to Create a Vintage Movie Text Effect in Adobe InDesign
How to Create a Bold 90s Text Effect in Adobe InDesign
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro 3D Displaced Text Effect in Adobe Photoshop
How to Create a Retro Chrome Text Effect in Adobe Illustrator
This post is part of a series called How to Make Glitch Art.
How to Create VHS Glitch Art in Adobe Photoshop
21 Glitch & VHS Photo Effects With Digital Photoshop Art Styles

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

¿Quieres darle a tu texto un cambio de imagen atrevido al estilo de Mad Max?

Este efecto súper rápido de interferencia sólo toma 10 minutos en crearse y es un buen reemplazo para las acciones extensas o caras de Photoshop.

Si quieres que tu diseño sea realmente único, puedes cambiar fácilmente la fuente para crear un aspecto muy diferente. Ve a GraphicRiver o Envato Elements para obtener las fuentes adecuadas para tu próximo proyecto.

¡Empecemos!

Lo que necesitarás para crear tu efecto

Además de tener acceso a Adobe InDesign, también necesitarás:

1. Cómo crear un fondo para tu efecto de texto

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento. Crea un documento de cualquier tamaño. En este caso, creé una página en tamaño horizontal A3. Luego, haz clic en OK.

Expande el panel Capas (Ventana > Capas) y cambia el nombre de la Capa 1 a Fondo. Crea dos capas nuevas en este orden: Texto y Superposición.

Luego, bloquea todas las capas excepto la de Fondo, en la que trabajaremos primero.

locked layerslocked layerslocked layers

Paso 2

Expande el panel Muestras (Ventana > Color > muestras) y crea dos nuevas muestras CMYK:

  • Verde: C=56 M=0 Y=65 K=0
  • Azul: C=54 M=0 Y=25 K=0
swatch optionsswatch optionsswatch options

Paso 3

Elige la opción Nueva muestra de degradado en el menú desplegable del panel Muestras.

new gradient swatchnew gradient swatchnew gradient swatch

Nombra la muestra como Degradado del fondo, establece el Tipo en Radial y establece el Color de etapa en Muestras. Elige [Negro] para la etapa izquierda en la Gradación de degradado abajo y elige Verde para la etapa derecha. Luego, haz clic en OK.

radial gradientradial gradientradial gradient

Paso 4

Crea una segunda muestra de degradado nueva, nómbrala Rosado a rojo y establece el Tipo en Lineal.

Establece la etapa izquierda en la muestra Magenta (C=0 M=100 Y=0 K=0) en la lista de Muestras y la etapa derecha en la muestra Roja (C=15 M=100 Y=100 K=0).

pink to red gradientpink to red gradientpink to red gradient

Crea una muestra de degradado Lineal final, nómbrala Azul a verde. Establece la etapa izquierda en muestra Azul y la etapa derecha en Verde.

linear gradientlinear gradientlinear gradient

Paso 5

Usa la Herramienta rectángulo (M) para crear una forma en toda la página y establece el Relleno en la muestra Degradado de fondo.

Utiliza el panel Degradado (Ventana > Color > Degradado) para invertir el Ángulo del degradado si es necesario, deja que el color verde pálido se extienda hacia afuera desde el centro de la página.

radial gradientradial gradientradial gradient

Paso 6

Usa la Herramienta rectángulo (F) para crear un marco de imagen en toda la página. Ve a Archivo > Colocar, ve a una de las imágenes de ruido de interferencia del paquete de texturas que descargaste anteriormente y haz clic en Abrir.

Selecciona el marco, ve a Objeto > Efectos > Transparencia. Establece el Modo en Multiplicar y reduce la Opacidad a 80%.

multiplymultiplymultiply

2. Cómo crear una tipografía de interferencia

Paso 1

Bloquea la capa Fondo y desbloquea la capa Texto.

Usa la Herramienta texto (T) para crear un marco de texto en la página. Escribe el texto, en este caso es "GLITCH" (interferencia), y establece la Fuente en Bungee o en la fuente de tu elección.

En el panel Muestras, establece el Color de fuente en [Papel].

type texttype texttype text

Paso 2

Selecciona el marco y ve a Objeto > Efectos > Transparencia. Establece el Modo en Trama y Opacidad en un 85%.

transparencytransparencytransparency

Haz clic en Resplandor externo en el menú izquierdo del panel. Reduce la Opacidad a un 50%.

outer glowouter glowouter glow

Haz clic en Desvanecimiento básico en el menú de la izquierda. Establece la Anchura en 0.125 in, Obturación en un 20%, Esquinas en Redondeado y Ruido en un 10%. Luego, haz clic en OK.

basic featherbasic featherbasic feather

Paso 3

Selecciona el marco de texto y ve a Edición > Copiar, Edición > Pegar en mismo lugar. Muévalo un poco abajo hacia la izquierda, antes de Hacer clic derecho > Organizar > Enviar detrás.

Ajusta el Color de fuente de este texto pegado en Azul a Verde.

blue to greenblue to greenblue to green

Ve nuevamente a Edición > Pegar en mismo lugar, ajusta el Color de fuente de este texto en Rosado a Rojo. Mueve el marco un poco hacia arriba a la derecha.

pink to redpink to redpink to red

Paso 4

Una vez que esté completamente satisfecho con el formato de tu texto, puedes vectorizarlo para añadir más textura al efecto.

Selecciona los tres marcos de texto y ve a Texto en el menú principal. Elige Crear contornos.

outlined textoutlined textoutlined text

Ahora que el texto está vectorizado, puedes aplicar un Color de trazo a cada palabra, en un color que coincida con el Relleno.

Luego, con las tres formas seleccionadas, expande el panel Trazo (Ventana > Trazo) y establece el Grosor del Trazo en 3 pt y Tipo en Ondulado.

wavy strokewavy strokewavy stroke

Paso 5

Puedes añadir un efecto "fantasma" final, copiando y pegando el texto blanco, muévelo detrás de las otras copias de texto y establece la Transparencia en Trama y la Opacidad en 35%.

screenscreenscreen

3. Cómo añadir textura de superposición a tu efecto

Paso 1

Bloquea la capa Texto y desbloquea la capa superior, Superposición.

Crea un marco de imagen en la página con la Herramienta marco rectangular (F) y ve a Archivo > Colocar, usa la misma imagen de textura de interferencia que usaste anteriormente (mira el paso anterior 2.1).

glitch textureglitch textureglitch texture

Paso 2

Ve a Objeto > Efectos > Transparencia para establecer el Modo en Multiplicar y reduce la Opacidad a 55%.

multiplymultiplymultiply

Paso 3

Haz clic en Desvanecimiento de degradado en la parte inferior del menú de la izquierda y aplica un degradado Radial, comienza con un color más pálido en el centro de la página y ve oscureciendo en los bordes para crear así un efecto de iluminado.

gradient radialgradient radialgradient radial

Conclusión

Tu efecto de texto está terminado, ¡buen trabajo! Este es un efecto divertido, de inspiración retro, que es ideal para añadir un marco distópico a tus diseños.

Puedes encontrar más fuentes geniales para crear efectos de texto en GraphicRiver y Envato Elements.

final effectfinal effectfinal effect