1. Design & Illustration
  2. Typography

Cómo crear un efecto de texto vintage rápido en Adobe InDesign

Scroll to top
This post is part of a series called Text Effects in Adobe InDesign.
How to Create a Quick Pop Art Type Effect in Adobe InDesign
How to Create a Quick Letterpress Type Effect in Adobe InDesign
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro Star Wars Text Effect in Photoshop
Quick Tip: Create a 3D Retro Text Effect With the Appearance Panel

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 crear un efecto de texto impresionante en poco tiempo? Aunque Photoshop es ideal para crear efectos de texto avanzados, también puedes crear diseños similares con el panel Efectos de Adobe InDesign.

En este tutorial crearemos un efecto de texto vintage con detalles del estilo de la impresión tipográfica. ¿Lo mejor? Para crear este efecto de texto solo necesitas unos minutos. Entonces, ¿qué esperas?

¿Estás en la búsqueda de fuentes de impresión tipográfica o vintage para tu próximo proyecto? En GraphicRiver y Envato Elements encontrarás una gran selección de fuentes tipográficas geniales.

Cómo crear un efecto de texto vintage en InDesign

Para crear este efecto, necesitarás un estilo de fuente condensada (como Bebas Neue Bold, que la usamos aquí) y una imagen de textura de papel (prueba este fondo de papel vintage de PhotoDune).

vintage effect finalvintage effect finalvintage effect final

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento para crear un documento nuevo si así lo deseas. Si quieres incorporar el efecto en un documento de InDesign existente, puedes omitir este paso y crear el efecto directamente en el diseño existente. En este caso, cree una página horizontal A3 con la Calidad en Imprimir.

Para crear este efecto vintage al estilo de la impresión tipográfica, necesitarás cuatro muestras de color; dos pares de muestras de diferentes colores en versiones claras y oscuras. Expande el panel Muestras (Ventana > Color > Muestras) y selecciona Nueva muestra de color en el menú desplegable del panel. Para crear las muestras que utilicé aquí, añade estas muestras de color CMYK a tu panel:

  • Azul: C=76 M=32 Y=1 K=0
  • Azul oscuro: C=100 M=79 Y=46 K=53
  • Mostaza: C=10 M=15 Y=73 K=1
  • Dorado: C=25 M=35 Y=98 K=0
gold swatchgold swatchgold swatch

Paso 2

Expande el panel Capas (Ventana > Capas) y crea dos capas: Fondo en la parte inferior y Texto arriba. Bloquea la capa Texto para que podamos trabajar ahora en la capa Fondo.

background layerbackground layerbackground layer

Selecciona la Herramienta rectángulo (M) y arrástrala por toda la página, establece el Relleno en Mostaza desde el panel Muestras.

mustard fillmustard fillmustard fill

Selecciona la Herramienta marco rectangular (F) y crea un marco de imagen sobre la parte superior, con las mismas dimensiones que el rectángulo de color abajo. Ve a Archivo > Colocar, elige la imagen de textura de papel, haz clic en Abrir y deja que rellene todo el marco.

Con el marco de imagen seleccionado ve a Objeto > Efectos > Transparencia, establece el Modo en Multiplicar y baja la Opacidad al 50%.

multiplymultiplymultiply

Haz clic en Desvanecimiento de degradado en la parte inferior del menú de la izquierda del panel. Elige Radial para el Tipo, deja que la parte más clara del degradado se extienda hacia afuera desde el centro de la página. Haz clic en OK para salir de la ventana.

gradientgradientgradient

Paso 3

Bloquea la capa Fondo y desbloquea la capa de arriba, Texto.

Selecciona la Herramienta texto (T) y crea un marco de texto grande en el centro de la página. Escribe el texto y establece la fuente en su estilo condensado (u otro estilo que tú prefieras), como Bebas Neue Bold.

Una vez que estés satisfecho con el formato del texto, ve a Edición > Copiar, editar > Pegar una copia en la mesa de trabajo para guardar una copia. Selecciona el marco del texto original y ve a Texto > Crear contornos para convertir el texto en un vector.

bebas neuebebas neuebebas neue

Paso 4

Desde el panel Muestras, establece el Relleno del vector en el color más tenue de tus muestras oscuras (en este caso, dorado) y el Trazo en el color más oscuro (en este caso, azul oscuro).

stroke bluestroke bluestroke blue

Ve a Objeto > Efectos > Sombra interior y aplica un efecto de sombra en Modo Multiplicar, con un Color de efecto dorado. Sube la Obturación a un 40% y el Ruido a un 40%.

effect coloreffect coloreffect color

Haz clic en Resplandor interior en el menú de la izquierda y aplica un efecto Dorado con una Opacidad baja, una Obturación alta (70%) y un Ruido alto (100%).

inner glowinner glowinner glow
effect so fareffect so fareffect so far

Paso 5

Selecciona el vector y ve a Edición > Copiar, editar > Pegar en mismo lugar, desplázalo ligeramente hacia la parte inferior izquierda usando las teclas de dirección. Establece el Relleno en [Ninguno] y Trazo en Dorado.

pasted vectorpasted vectorpasted vector

Luego ve a Objeto > Efectos > Transparencia y establece el Modo en Multiplicar y la Opacidad en 80%. Esto le dará al efecto un ligero efecto de mala impresión, que añade el toque vintage del texto.

multiplymultiplymultiply

Paso 6

Ve a Edición > Pegar en mismo lugar otra copia del vector de texto y luego Haz clic derecho > Organizar > Enviar detrás. Cambia la posición a la parte inferior derecha creando un efecto de sombra. Establece el Trazo en [Ninguno] y Relleno en Azul.

blue fillblue fillblue fill

Ve a Objeto > Efectos > Sombra paralela y elige Azul oscuro para el Color de efecto. Aumenta la Extensión a un 60% y el Ruido al 10%.

effect coloreffect coloreffect color

Haz clic en OK y ya terminaste tu efecto de texto vintage.

Conclusión: tu efecto de texto terminado

¡Gran trabajo! Este efecto de texto vintage sería un gran añadido para los diseños de carteles o como un logotipo genial para un proyecto de marca.

¿Buscas fuentes inspiradas en lo vintage para tu próximo proyecto? Ve a GraphicRiver o Envato Elements para encontrar tipos de letras inspirados en la impresión tipográfica y así darle a tus diseños un toque retro.

final vintage effectfinal vintage effectfinal vintage effect