7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Magazine Design

Cómo crear un moderno diseño de revista retro en Adobe InDesign

This post is part of a series called Magazine Design & Templates .
10 Tips for Designing High-Impact Magazines
How to Make a Magazine: From a Creative InDesign Template

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

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

Nuestro amor por las cosas vintage no se acabará pronto, pero puedes modernizar tus diseños al equilibrar los elementos retro y contemporáneos en tus diseños.

Aquí, reuniremos algunos pliegos para una revista de moda y estilo de vida con un aire retro. Esta es una magnífica introducción a la creación de revistas en Adobe InDesign, y una recopilación de consejos sobre cómo mantener tus diseños para que luzcan frescos y actuales.

Si eres relativamente principiante en InDesign, este artículo te introducirá en las técnicas esenciales del diseño impreso, igualmente expandirá más tu conjunto de habilidades.

Si quieres crear un completo diseño de revista rápida y fácilmente, una plantilla para revista siempre es una buena opción. Puedes encontrar una vasta selección de plantillas para títulos de estilo de vida, moda, comida y viajes en GraphicRiver y Envato Elements.

final layoutsfinal layoutsfinal layouts

Lo que necesitarás para crear tu revista

Usaremos Adobe InDesign para crear el diseño de revista. También necesitarás descargar las siguientes imágenes y archivos de fuentes:

Para ambos diseños:

Para el primer diseño inspirado en los 1950s:

Para el segundo diseño inspirado en los 1980s:

Una vez que has guardado las imágenes en un lugar seguro y has instalado las fuentes en tu computadora, estás listo para comenzar.

1. Cómo configurar tu documento de revista en InDesign

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento.

Mantén la Calidad en Imprimir, y establece el Número de páginas en 10*.

Establece la Anchura de la página en 213 mm y la Altura en 276.5 mm, que es equivalente a un tamaño de página estándar de una revista estadounidense. Si quieres adaptar tus diseños en un tamaño de página diferente, sigue leyendo.

Establece los Márgenes Superior y Exterior en 13 mm, Interior en 14 mm, e Inferior en 15 mm.

Añade un Sangrado de 5 mm, antes de hacer clic en OK.

new documentnew documentnew document
pagespagespages

*Nota: Puedes añadir fácilmente más páginas a tu revista posteriormente al hacer clic en el botón Nueva página en el panel Páginas (Ventana > Páginas).

Paso 2

Capas bien organizadas son clave para mantener intacta tu cordura mientras trabajas en complejos pliegos de revistas.

Expande el panel Capas (Ventana > Capas) y haz doble clic en el nombre Capa 1. Renombra la capa Background Color y haz clic en OK.

Elige Nueva capa del menú desplegable del panel (en la parte superior derecha). Nombra la capa Photos y haz clic en OK.

Crea otras tres capas en este orden: Typography, Texture y finalmente Master Elements.

master elementsmaster elementsmaster elements

Bloquea todas las capas excepto Master Elements, en la que trabajaremos primero.

master elements layermaster elements layermaster elements layer

Paso 3

Expande el panel Páginas (Ventana > Páginas) y haz clic en el ícono de A-Página maestra para que aparezcan las opciones de página maestra en la pantalla.

Haz un acercamiento en la esquina superior derecha de la página y usa la herramienta Texto (T) para crear un pequeño cuadro de texto contra la línea del margen. Aquí estará tu número de página, y puedes empezarlo con una 'l' o '>>' como lo hice aquí, si quieres.

Usa el panel principal Controles o el panel Carácter (Ventana > Texto y tablas > Carácter) para establecer la Fuente del marco en Besley.

character panelcharacter panelcharacter panel

Con tu cursor de texto ubicado en el marco de texto, dirígete a Texto > Insertar caracteres especiales > Marcadores > Número de la página actual.

current page numbercurrent page numbercurrent page number

Paso 4

Haz clic derecho en la A-Página maestra y haz clic en Opciones de página maestra.

master optionsmaster optionsmaster options

Añade 'Light Background' al nombre de la página maestra y haz clic en OK.

master optionsmaster optionsmaster options

Paso 5

En la A-Página maestra, haz Clic derecho> Duplicar pliego maestro para crear una copia debajo.

duplicate spreadduplicate spreadduplicate spread

Renombra esta B-Página maestra 'Dark Background'.

master optionsmaster optionsmaster options

Desde el panel Muestras, cambia el Color de la fuente del texto del número de la página a [Papel]. Cuando colocas este texto en un fondo de color oscuro, el cambio asegurará que el número de la página sea visible.

paper textpaper textpaper text

2. Cómo plasmar color y fotografía en tus pliegos de revista

Paso 1

Regresa al panel Capas y bloquea la capa Master Elements. Desbloquea la capa inferior, Background Color.

locked layerslocked layerslocked layers

Haz clic en Nueva muestra de color en el menú del panel Muestras y crea una nueva muestra CMYK, C=0 M=27 Y=18 K=0. Haz clic en Añadir y luego en OK.

Dirígete a las Páginas 2 y 3 de tu documento de InDesign.

Usa la herramienta Rectángulo (M) para crear una forma por toda la Página 2, extendiéndola hasta el borde del sangrado. Establece el Relleno a tu nueva muestra en rosa.

fill rectanglefill rectanglefill rectangle

Paso 2

Bloquea la capa Background Color y desbloquea la capa de arriba, Photos.

Usa la herramienta Marco rectangular (F) para crear un marco de imagen por toda la Página 3. Aplica Archivo > Colocar, navega hasta una de las imágenes del retrato de la modelo que descargaste antes (o una foto de tu elección) y aplica Abrir, permitiéndole rellenar todo el marco.

rectangle frame toolrectangle frame toolrectangle frame tool

Debido a que esta foto tiene un fondo oscuro, arrastro el ícono de la página derecha de B-Página maestra - Dark Background al ícono de la Página 3, para aplicarla a esta página.

dark backgrounddark backgrounddark background

3. Cómo aplicar formato de tipografía retro a tu revista

Paso 1

Bloquea la capa Photos y desbloquea Typography ubicada arriba de ella.

Toma la herramienta Texto (T) y crea un cuadro de texto grande para un título en la Página 2 de tu pliego. Escribe la primera parte del título del artículo, y establece la Fuente en Moonface Script, Tamaño 180 pt.

moonface scriptmoonface scriptmoonface script

Aplica Edición > Copiar, Edición > Pegar al marco de texto y escribe la segunda parte de tu título. Mueve el marco de texto hacia arriba para permitir que las palabras se unan.

typographytypographytypography

Paso 2

Añade el texto de cuerpo debajo de tu título establecido en Bosley y en Mayúsculas.

Puedes apegarte a esta regla de una fuente por título, otra para el texto del cuerpo mientras trabajas en los pliegos de tu revista.

text framestext framestext frames
text framestext framestext frames

4. Cómo añadir textura a tus diseños

La textura es una manera fácil y eficaz de inyectar estilo vintage a tus diseños de revista.

Paso 1

Bloquea la capa Typography y desbloquea la capa Textura ubicada arriba.

texture layertexture layertexture layer

Usa la herramienta Marco rectangular (F) para crear un marco de imagen por toda la Página 2 del pliego y aplica Archivo > Colocar.

Elige una de las imágenes de textura PNG dentro de la carpeta handmade vintage textures (texturas vintage hechas a mano). Aquí me decanté por Texture 14.

Copia y Pega el marco de imagen de textura, moviendo la copia arriba de la Página 3.

texturetexturetexture

Paso 2

Selecciona ambos marcos de imagen de textura y ve a Objeto > Efectos > Transparencia. Establece el Modo en Sobreexposición de color y disminuye la Opacidad a 35%.

color dodgecolor dodgecolor dodge

¿Quieres un aspecto más flexible? Establece el Modo en Multiplicar.

final spreadfinal spreadfinal spread

5. Y repite...

Al estructurar en capas background color, photo, type y texture, puedes crear un hermoso estilo retro para tus diseños de revista. Es fácil de seguir este mismo proceso con otros diseños, como aquí, para el siguiente pliego de la revista.

Aquí, he establecido dos diferentes retratos de modelo en las Páginas 4 y 5 del documento.

photosphotosphotos

Copio y Pego los marcos de imagen de la textura que usé en el pliego anterior e incremento la Opacidad de la transparencia del modo Sobreexposición de color para llevar un poco de más textura a este pliego.

color dodgecolor dodgecolor dodge
texturetexturetexture

También voy a crear otro par de pliegos en la revista, usando el mismo proceso de estructurar en capas. Continúa leyendo para ver cómo uso la misma técnica para crear un diseño inspirado en los 1980s.

Paso 1

Desplázate a las Páginas 6 y 7 de tu documento, y coloca una imagen grande, como esta, en la capa Photos, abarcando todo el pliego.

photos layerphotos layerphotos layer

Paso 2

Usa la Herramienta texto (T) para crear un marco de texto muy grande por toda la página izquierda, y escribe el título del artículo. Establece la Fuente en Cred Regular.

cred regularcred regularcred regular

Paso 3

Muestras de degradado son magníficas para agregar una sensación retro a la tipografía en tus diseños de revista. Primero, es una buena idea crear una gama de muestras para utilizar en tu degradado.

Elige Nueva muestra de color del menú principal del panel Muestras. Establece el Tipo en Cuatrocromía y el Modo en CMYK. Luego ajusta los valores CMYK abajo. Para crear una gama de muestras estilo puesta del sol, como las que se usaron aquí, añade las siguientes muestras al panel:

  • C=0 M=30 Y=93 K=0
  • C=0 M=84 Y=91 K=0
  • C=0 M=95 Y=18 K=0
  • C=65 M=85 Y=0 K=0
new color swatchnew color swatchnew color swatch

Paso 4

Elige Nueva muestra de degradado del menú principal del panel.

new gradient swatchnew gradient swatchnew gradient swatch

Nombra la muestra Sunset, establece el Tipo en Lineal y elige Muestras del menú Color de etapa.

Haz clic en la etapa de la izquierda en la Gradación de Degradado en la parte inferior y establece esta en la muestra amarilla.

Haz clic en la etapa de la derecha y establece esta en la muestra púrpura oscuro.

Haz clic en la gradación dos veces para añadir dos etapas más y establece estas en las muestras naranja y rosa, para crear un efecto de puesta de sol gradual. Luego haz clic en OK.

gradient optionsgradient optionsgradient options

Paso 5

Selecciona el marco de texto del título y aplica la muestra de degradado Sunset en el texto utilizando el panel Muestras.

sunset gradientsunset gradientsunset gradient

También puedes crear un subtítulo establecido en Arista Pro Fat, y aplica la muestra Sunset también en esta.

arista proarista proarista pro

Paso 6

Desbloquea la capa Texture, aplica Copiar y Edición > Pegar en el mismo lugar a los marcos de imagen de la textura del pliego anterior.

Ve a Objeto > Efectos > Transparencia para experimentar un poco con los ajustes de transparencia.

soft lightsoft lightsoft light

Paso 7

Para el pliego final de este artículo, voy a añadir un gradiente de color en toda la imagen, para darle un aspecto retro.

Coloca una foto en la capa Photos. Si quieres introducir una sección más grande del texto del cuerpo a este pliego, únicamente deja que la foto cubra algo del pliego.

photo framephoto framephoto frame

Usa la herramienta Marco rectangular (F) para crear una forma sobre la parte superior del marco de la imagen y establece el Relleno de la forma en Sunset.

sunset gradientsunset gradientsunset gradient

Con la forma seleccionada ve a Objeto > Efectos > Transparencia y establece el Modo en Multiplicar. Disminuye la Opacidad a 80% y haz clic en OK

multiply transparencymultiply transparencymultiply transparency

Paso 8

Esparce marcos de texto en Cred Regular por todo el diseño, usando algunas de las muestras que creaste antes para añadir una contrastante inyección de color.

cred regularcred regularcred regular

Puedes establecer un marco de texto en la sección más vacía de tu pliego, estableciendo el texto del cuerpo en Acre.

acre fontacre fontacre font

Puedes incrementar el número de líneas de la capitular en el panel Párrafo para sacar la primera letra de tu artículo como letra capitular o capital. Trata de establecerla en una fuente contrastante, como Cred, y en la muestra de degradado Sunset.

drop capdrop capdrop cap

Y este diseño está terminado, ¡fabuloso!

final layoutfinal layoutfinal layout

Una vez que hayas terminado cada pliego de tu revista, asegúrate de dirigirte a Archivo > Guardar para mantener una copia intacta de todo tu arduo trabajo.

Puedes seguir añadiendo páginas a tu revista usando el panel Páginas. Sigue la secuencia del estructurado de capas, background color, photos, typography y texture para conformar un aspecto de inspiración vintage para tu revista.

Conclusión

En este tutorial, hemos visto cómo puedes añadir toques vintage a tus diseños de revista con color, tipografía y textura. Esta mezcla de moderno y retro es una tendencia exitosa en el diseño impreso en el 2018, así que comienza a experimentar con toques vintage en tus proyectos para mantener tus diseños con un aspecto fresco y actual.

Si quieres crear completos diseños de revista rápida y fácilmente, una plantilla para revista es un magnífico lugar para comenzar. Puedes encontrar una amplia gama de plantillas para títulos de estilo de vida, moda, comida y viajes en GraphicRiver y Envato Elements.

final magazinefinal magazinefinal magazine
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription.
Unlimited Downloads.
Get unlimited downloads