Spanish (Español) translation by Valeria Angulo (you can also view the original English article)
Abre las páginas de cualquier revista de alta gama y podrás encontrar un trabajo de diseño realmente excepcional. Los diseños interiores de los títulos de moda pueden ser particularmente impresionantes. Los diseñadores se están volviendo más experimentales con la tipografía, las cuadrículas irregulares y la elección de imágenes inusuales para crear diseños de revistas que se ven tan hermosos como las portadas.
En este tutorial aprenderás a diseñar tu propia maqueta de tres pliegos para un artículo de revista utilizando Adobe InDesign. Veremos cómo preparar una cuadrícula, trabajar con Maestros para crear uniformidad visual en las páginas y cómo seleccionar colores, imágenes y tipos de letra para crear un diseño de nivel profesional.
Te llevaremos a través del proceso gradualmente, paso a paso, por lo que este tutorial es adecuado para principiantes en InDesign.
¡Pongámonos en marcha!
1. Crea tu documento de revista y tu cuadrícula
Paso 1
Abre InDesign y selecciona Nuevo documento en la ventana de Bienvenida o ve a Archivo > Nuevo > Documento.
En la ventana de Nuevo Documento, mantén la Calidad en Impresión. Fija el número de páginas en 6. Mantén marcada la opción Páginas enfrentadas.
En el menú desplegable Tamaño de página selecciona Personalizado... para abrir la ventana Tamaño de página personalizado. Vamos a usar las mismas dimensiones que usamos para este tutorial de Portada de Revista, que usa un tamaño de página de revista estándar de los Estados Unidos. Esto es 8 3/8 pulgadas por 10 7/8 pulgadas, aunque trabajaremos en milímetros en todo momento.
Escribe "US Magazine" en el cuadro de texto de la parte superior de la ventana y establece el ancho en 213 mm y el alto en 276,5 mm (esto equivale a 8 3/8 pulgadas por 10 7/8 pulgadas). Haz clic en Añadir y luego en OK.
Paso 2
De vuelta en la ventana Nuevo documento, establece los márgenes superior, inferior e interior en 10 mm. Haz clic en el icono de la cadena a la derecha de los valores de los márgenes para romper la cadena. Escribe 6 mm en el cuadro de valor Margen exterior. Esto es para dejar un poco más de espacio en el borde interior de la página, para acomodar la encuadernación.
También debes incluir un Sangrado de 3 mm en todos los lados excepto en el Interior, donde no será necesario. Configura el Sangrado interior a 0 mm.
Haz clic en OK.
Paso 3
Notarás que la primera página de tu documento comienza en una sola página a la derecha. Sin embargo, queremos crear la maquetación para tres pliegos de dos páginas. Si estás creando una revista completa en un documento, puedes simplemente tratar la Página 1 como la primera página de toda la revista, por ejemplo, una página para el contenido o quizás para un anuncio.
Por ahora, sin embargo, queremos ser capaces de reorganizar la página 2 del documento hacia arriba, de modo que se sitúe junto a la página 1, formando un pliego completo.
Abre el panel Páginas (Ventana > Páginas) y luego abre el menú desplegable del panel, accesible desde la esquina superior derecha del panel. Haz clic una vez en Permitir reorganización de páginas de documento para desmarcar la opción.
De vuelta en el panel de Páginas, ahora puedes agarrar páginas individuales y moverlas más libremente, conectándolas a otras páginas sin las restricciones del modo reorganizado normal.
Agarra el icono de la Página 2 y conéctalo a la derecha de la Página 1. Repite el proceso con las demás páginas hasta que tengas un conjunto de tres pliegos de dos páginas, como se muestra.
Paso 4
Aunque se fomenta la experimentación con la tipografía para obtener diseños de revista dinámicos y emocionantes, siempre debes establecer algún tipo de cuadrícula para que el texto aparezca de forma coherente en todas las páginas de la revista. Esto le dará a los diseños un aspecto profesional y limpio.
Vamos a crear una cuadrícula sencilla en el pliego Maestro, ya que se aplicará automáticamente a todas las páginas del documento.
Vuelve al panel Páginas y haz doble clic en uno de los iconos de la A-Página Maestra (A-Master)para que aparezca la página Maestra en pantalla.
Si las reglas no se muestran por defecto dirígete a Ver > Mostrar Reglas. Arrastra una Guía hacia abajo desde la regla superior hasta los 37 mm, para que se sitúe en la página de la izquierda. Arrastra una segunda guía hacia abajo hasta 254 mm.
Desde la regla de la izquierda, arrastra una guía vertical hasta 13 mm y luego arrastra una segunda hasta 195 mm.
Estas guías formarán los bordes superior, inferior y exterior de tus columnas de texto.
Marquemos el punto central del documento. El punto central estará ligeramente descentrado, ya que el margen exterior es más estrecho que el margen interior. Pero no pasa nada; todo el contenido aparecerá centrado una vez impreso y encuadernado.
Ve a Maquetación > Márgenes y Columnas y establece el Número de Columnas en 2 y el Interlineado en 0 mm. Haz clic en OK.
Arrastra otra guía vertical desde la regla de la izquierda hasta los 94 mm y arrastra una segunda hasta 115 mm.
Por último, arrastra el ratón por toda la página izquierda para seleccionar todas las guías y ve a Edición > Copiar, Edición > Pegar. Manipula este conjunto de guías pegadas en una posición reflejada en la página derecha del pliego Maestro.
2. Personaliza la (las) Maestra(s)
Deberás colocar cualquier contenido que quieras que aparezca en todas las páginas de tu documento en una página maestra. Por lo tanto, las cosas como los encabezados y los números de página deben colocarse aquí, para que la creación del resto de los diseños no sean un problema.
Paso 1
Selecciona la Herramienta de Zoom (Z) en el panel de Herramientas y haz clic y arrastra sobre la esquina inferior izquierda de la página izquierda del pliego maestro.
Con la Herramienta de Texto (T) crea un pequeño marco de texto, colocándolo justo debajo del margen inferior. Coloca el cursor en el marco de texto y ve a Texto > Insertar carácter especial > Marcadores > Número de página actual.
Resalta el carácter 'A' y ajusta la Fuente, desde el panel de Controles de Formato de Caracteres que se encuentra en la parte superior de la pantalla, a Adobe Garamond Pro, Semibold Italic, y el Tamaño a 10 pt.
Selecciona el marco de texto con la Herramienta de Selección (V, Escape) y Edición > Copiar, Edición > Pegar. Coloca el marco pegado en la esquina inferior derecha de la página derecha de la Página Maestra y ajusta la alineación del texto a Alinear a la derecha.
Paso 2
También puedes añadir cabeceras a la página maestra.
Utiliza la Herramienta de Texto (T) para crear dos marcos de texto, uno en la esquina superior izquierda de la página izquierda para el "Nombre de la Revista". Establece la Fuente como antes, Adobe Garamond Pro, tamaño 10 pt. Establece el grosor a Semibold.
Coloca el otro marco de texto en el centro de la parte superior de la página izquierda, escribiendo el "Número de la revista", y configurando la Fuente como Adobe Garamond Pro, Semibold Italic, y el tamaño 10 pt. Configura el texto como Alinear al Centro.
Crea un tercer marco de texto y colócalo en la esquina superior derecha de la página derecha de la página Maestra. Este es el lugar perfecto para poner el nombre de tu artículo. En este caso, es "Días de sueño en denim". Establece la Fuente a Adobe Garamond Pro, Semibold Italic, y el tamaño 10 pt. Establece el texto a Alinear a la derecha.
Vamos a crear el diseño de la revista utilizando solo tres colores: [Negro], [Papel] y una nueva muestra de color gris-azul. Abre el panel Muestras (Ventana > Color > Muestras) y haz clic en el icono Nueva muestra. Añade una nueva Muestra CMYK, C=56, M=41, Y=37, K=20.
Establece el título del artículo en esta nueva muestra.
Paso 3
Algunas de las páginas de la maqueta de tu revista pueden incluir imágenes o colores de fondo oscuros, y el texto oscuro desaparecerá contra ellos. Solucionemos eso ahora mismo.
Vuelve al panel Páginas, mantén pulsada la tecla Mayúsculas y selecciona las dos páginas del A-Master. Arrástralas hasta el icono de Crear Nueva Página en la parte inferior del panel. Se creará una segunda página maestra, una B-Página Maestra (B-Master).
Asegúrate de que la Página maestra B aparezca en la pantalla, luego arrastra el ratón a través de todo el pliego, seleccionando todos los marcos de texto. Ajusta el Color de la fuente de todo el texto del pliego a [Papel]. Elimina el marco de texto "Número de edición".
Paso 4
Para garantizar que el texto de las páginas Maestras se sitúe al frente de tu diseño, puedes situar el contenido de las Maestras en la misma capa que el texto principal de tus maquetas.
Abre el panel de Capas (Ventana > Capas) y haz doble clic en el nombre de la Capa 1 por defecto. Cambia el nombre de la capa por el de Tipografía y pulsa OK.
3. Introduce bordes en tus maquetas
Para dar a tu revista un aspecto más profesional, deberías introducir bordes alrededor de las páginas. Esto ayuda a enmarcar tu contenido, dándole un aspecto realmente elegante.
Paso 1
Permaneciendo en el panel de Capas, primero bloquea la capa de Tipografía. A continuación, haz clic en el icono de Nueva capa en la parte inferior del panel. Cambia el nombre de la capa por el de Borde.
Agarra la capa de Borde y muévela para que se sitúe debajo de la capa de Tipografía.
Paso 2
Permaneciendo en la capa Borde, trae el primer pliego, Páginas 1-2, de tu documento en la pantalla.
Selecciona la Herramienta Rectángulo (M) y arrástrala para crear un marco que se extienda a lo largo de toda la Página 1, apoyando los bordes en el borde de corte del documento.
Establece el Color de Relleno en [Ninguno] y el Trazo en [Negro], y aumenta el Grosor del Trazo a 4 mm.
Selecciona el marco y Edición > Copiar y Edición > Pegar. Posiciona el marco pegado en una posición reflejada en la Página 2.
Paso 3
Arrastra el ratón por toda la extensión para seleccionar los dos marcos negros y ejecuta Edición > Copiar.
Navega hasta las Páginas 3-4, y ejecuta Edición > Pegar en mismo lugar. Alterar el Color del Trazo a [Papel].
Repite de nuevo para las Páginas 5-6, ajustando el Color del Trazo a [Papel].
4. Juega con el color y las imágenes
¡Ahora podemos empezar con las cosas divertidas!
Paso 1
Vuelve al panel de Capas y Bloquea la capa Borde. Crea una nueva capa, renombrándola como Imagen.
Agarra la nueva capa y muévela para que se sitúe debajo de la capa Borde.
Paso 2
Querrás seleccionar una imagen que se vea fuerte y dramática cuando se coloque en toda la página. Para este artículo de moda, he elegido una imagen de una mujer con estilo que lleva vaqueros.
La imagen original es a todo color. Pero para darle un toque especial, he editado la foto en Adobe Photoshop. Para imitar el aspecto de la imagen aquí, en la que solo los vaqueros aparecen en color, utiliza la Herramienta Lazo (L) para seleccionar solo el área de los jeans. Copiar y Pegar la selección, por lo que se destaca en una capa separada.
Aplica una capa de ajuste del mezclador de canales en monocromo solo a la foto original, manteniendo los pantalones vaqueros sacados en color.
Paso 3
Vuelve a InDesign y trae a la pantalla la Página 2 del documento en pantalla.
Selecciona la Herramienta Marco Rectángulo (F) y arrastra para crear un marco que se extienda por toda la página.
Ve a Archivo > Colocar y selecciona la imagen elegida. Haz clic en Abrir. Acomoda la imagen en el marco hasta que estés satisfecho con la escala.
Paso 4
Selecciona la Herramienta Rectángulo (M) y arrástrala para crear un marco de 216 mm de Ancho y 110 mm de Alto. Ponlo en la parte inferior de la Página 1 en la posición mostrada.
Paso 5
Navega hasta la Página 3 de tu documento. Como antes, crea un marco de imagen del Ancho y Alto de la página, extendiéndolo hasta el Sangrado, y ejecuta Archivo > Colocar. Selecciona la misma imagen de antes.
Haz doble clic dentro del marco para seleccionar la imagen directamente y ejecuta Control-Clic (Mac OS) o Clic derecho (Windows) > Transformar > Voltear horizontal. Esta vez amplía la escala de la imagen y enfoca la mitad inferior de la foto, introduciendo los jeans y los zapatos en el marco. Deja un espacio decente a la derecha de la imagen para dejar algo de espacio para el texto.
Paso 6
Selecciona la Herramienta Rectángulo (M) y arrastra para crear un marco que se extienda desde la parte superior hasta la inferior de la Página 4. Apoya el borde derecho en el sangrado del extremo derecho y extiende el Ancho hasta que encuentres en el punto central de la Página 4.
Notarás que el título del artículo en la esquina superior derecha de la Página 4 ya no es visible y el número de página no se ve muy claro, ahora está sobre un fondo oscuro. Para solucionarlo, basta con ir al panel Páginas y arrastrar el icono de la página derecha de la B-Maestra, dejándolo caer sobre el icono de la Página 4 en el panel.
Ya que estás ahí, también puedes aplicar la B-Maestra a la Página 5 del documento.
Paso 7
Selecciona el marco gris que acabas de crear y ejecuta Edición > Copiar. Navega más abajo hasta la Página 5 del documento y ejecuta Edición > Pegar. Mueve el marco pegado al lado izquierdo de la página, como se muestra.
Paso 8
Utiliza la Herramienta Marco Rectangular (F) para crear un nuevo marco de imagen grande. Colócalo en el centro del pliego de las Páginas 5-6.
Ve a Archivo > Colocar y selecciona una segunda imagen. En este caso, he elegido una imagen de una pila de jeans.
Al igual que hice con la primera imagen, utilicé Photoshop para sacar uno de los pares de jeans en color y el resto de la pila en monocromo.
Paso 9
El borde blanco está cortando el centro de la imagen, lo cual no se ve bien. Así que, vuelve al panel de Capas y Desbloquea la capa de Bordes. Retira los bordes interiores de cada uno de los bordes hacia el centro de la página, de modo que aún tengas un borde blanco alrededor del fondo de color en la página de la izquierda.
¡Buen trabajo! Así es como se ve tu artículo de revista en este momento:
¡Ahora todo lo que tenemos que hacer es añadir algo de texto!
5. Tipografía para el diseño de tu revista
Paso 1
Ve al panel de Capas y Bloquea la capa de Imagen. Desbloquea la capa Tipografía.
Paso 2
Ya hemos utilizado Adobe Garamond Pro para los encabezados y los números de página, así que podemos seguir utilizándolo para el texto principal del artículo. Sin embargo, puedes introducir uno, o incluso dos, tipos de letra más para utilizarlos en un título más emocionante, y para utilizarlos en todo el documento para las citas y otros elementos de texto decorativos.
Futura Std es un tipo de letra limpio y minimalista que le dará un toque extra de estilo y modernidad al diseño de una revista de moda. Pero cualquier fuente sans serif con un grosor condensado opcional también sería una buena elección.
Para añadir un toque divertido, también puedes instalar Sail, que tiene un toque más alegre.
Ve a la Página 1 de tu documento y utiliza la Herramienta de Texto (T) para crear un marco de texto de 214 mm de Ancho y 94 mm de Alto. Escribe "Días de (salto de párrafo) Denim" y configura la Fuente como Futura Std Light Condensed, y el texto como Todas Mayúsculas.
Resalta solo 'Días de' y establece el Tamaño a 122 pt. Aumenta el Tracking, desde el panel de Controles de Formato de Caracteres en la parte superior de la pantalla, a 230.
Resalta 'Denim' solo y aumenta el Tamaño a 135 pt, el Interlineado a 160 pt y el Tracking a 430. Ajusta el texto a Alineación derecha y modifica el Color de la fuente a la muestra gris-azul, C=56, M=41, Y=37, K=20.
Coloca el marco de texto justo por encima del centro de la página, como se muestra.
Paso 3
Introduce un segundo marco de texto más pequeño (de unos 75 mm de Ancho) en la Página 1, colocándolo en el centro hacia la parte inferior de la página. Aquí puedes escribir un breve resumen del artículo, configurando la Fuente como Futura Std Light Condensed, Tamaño 14 pt, Todas mayúsculas, el Color de la fuente como [Papel] y la alineación del texto como Justificado (Todas las líneas).
Pon el "Nombre" del autor del artículo debajo del resumen, en Adobe Garamond Pro.
Paso 4
Crea un tercer marco de texto en la Página 1, de unos 170 mm de Ancho. Sitúalo en el centro de la página, en la parte superior del marco gris.
Escribe "Soñando" y elige la Fuente Sail, el Tamaño 112 pt, y el Color de la fuente en [Papel]. Con la Herramienta de Selección (V, Escape) activa, pasa el cursor por la esquina inferior derecha del marco y gíralo un poco hacia arriba para dar al texto una ligera inclinación.
Paso 5
Navega hasta el segundo pliego del documento, centrándote en la Página 3.
Utiliza la Herramienta de Texto (T) para crear un marco de texto cuadrado y colócalo entre las guías que marcan la mitad derecha de la página. Apoya el borde superior del marco en la guía horizontal superior, como se muestra a continuación.
Escribe un subtítulo introductorio de cuatro palabras de cinco caracteres. Aquí he elegido " Basic Smart Rough Chic?", colocando cada palabra en una nueva línea.
Establece el Tipo de Letra a Futura Std Light Condensed, Tamaño 50 pt, Interlineado 70 pt, Todas Mayúsculas y Justificar Todas las Líneas. Aumenta el Tracking a 600 y resalta las partes individuales del texto, poniéndolas en un color diferente, C=56, M=41, Y=37, K=20.
Paso 6
Saca una guía de la regla de la izquierda al centro del marco de texto, y al centro de la sección de la columna.
Selecciona la Herramienta Texto (T) y crea un nuevo marco de texto de 37,5 mm de Ancho y 115,5 mm de Alto. Alinea el borde izquierdo de este nuevo marco de texto con el borde izquierdo del marco de texto del subtítulo, y apoya el borde inferior contra la guía horizontal inferior.
Puedes empezar a introducir el texto de tu artículo en este marco de texto. Si todavía no tienes ningún texto, puedes ir a Texto > Rellenar con texto de marcador de posición. Establece la Fuente a Adobe Garamond Pro, Tamaño 11 pt.
También puedes sacar la primera letra del artículo en un Capitular, usando las opciones disponibles en el panel de Controles de Formato de Caracteres. Establece el Número de Líneas de Capitular a 3, y establece la Fuente del primer carácter a Futura Std Medium Condensed y el Color a C=56, M=41, Y=37, K=20.
Paso 7
Crea otro marco de texto con las mismas dimensiones que el marco de texto alto que acabas de crear. Colócalo a la derecha del primer marco, apoyado en la guía del extremo derecho, como se muestra.
Haz clic en el cuadro blanco de la esquina inferior derecha del primer marco, antes de hacer clic en el segundo marco, permitiendo que el texto fluya hacia este.
Continúa creando nuevos marcos de texto con las mismas dimensiones, colocándolos de dos en dos en la página opuesta del pliego, utilizando las guías para ayudarte. Repite el proceso anterior, introduciendo el texto en los marcos a medida que avanzas. Ajusta el color de parte del texto a [Papel] si necesitas contrastarlo con el fondo oscuro.
Continúa en el siguiente pliego, Páginas 5-6, colocando los marcos de texto alrededor de la imagen de los jeans apilados como se muestra.
Paso 8
Vuelve a la Página 4 del documento, en el segundo pliego. Puedes añadir algunas citas extraídas para dar un poco más de profundidad al diseño.
Utiliza la Herramienta de Texto (T) para crear un marco de texto del ancho de dos columnas, igual que el marco de texto del subtítulo. Escribe una cita y establece la Fuente a Futura Std light Condensed, Tamaño 15 pt, Color de Fuente a C=56, M=41, Y=37, K=20 y Justificar Todas las Líneas. Establece el Tracking a 300.
Abre el panel Historia (Ventana > Texto y tablas > Historia) y marca la casilla Alineación del margen óptico para desplazar las comillas hasta situarlas fuera del marco de texto, dando un aspecto más uniforme al texto.
Coloca el primer marco de texto de cita debajo de las dos columnas de la izquierda en la Página 4. Copia y Pega el marco de texto, ajustando el contenido del texto, tres veces más, colocándolas en las Páginas 4, 5 y 6 como se muestra.
Paso 9
Tus diseños están casi terminados, ¡y se ven increíbles!
Puedes añadir un último toque decorativo para dar a tus maquetas ese toque profesional extra. Crea un marco de texto cuadrado y colócalo debajo de la cita de la izquierda en la Página 4 de tu documento. Escribe "D" (de "denim") y establece la Fuente como Sail, Tamaño 200 pt, Color C=56, M=41, Y=37, K=20. Gira ligeramente el marco de texto para darle un ángulo ligeramente jocoso.
Con el marco de texto seleccionado, ve a Objeto > Efectos > Transparencia y reduce la Opacidad al 30%.
Ejecuta Edición > Copiar y Edición > Pegar el marco de texto, ajustando el Color de la fuente a [Papel]. Coloca este segundo marco en la esquina superior derecha de la Página 4.
Ejecuta Copiar y Pegar los dos marcos de texto "D" en la última página de la revista, colocándolas como se muestra.
Paso 10
Antes de exportar tus diseños para la impresión, haz un pequeño desvío hacia el segundo pliego de tu documento. Puede que te des cuenta de que el zapato de la derecha de la foto se está metiendo en la columna de texto de la izquierda, lo que no es lo ideal.
Para resolverlo rápidamente, selecciona la Herramienta Elipse (L) en el panel Herramientas y arrastra para crear una pequeña elipse irregular que se sitúe justo encima de la parte inferior del zapato.
Ajusta el Color del Trazo a [Ninguno]. Ve a Ventana > Ceñir texto y ajusta el ceñido a Ceñir forma del objeto, con un Desplazamiento de 5 mm.
6. Exporta tu revista para imprimirla
Tus diseños están terminados, ¡un gran trabajo! Tienen un aspecto fantástico.
Cuando estés listo para enviar tus diseños a la imprenta, solo tienes que seguir los siguientes pasos.
Paso 1
Ve a Archivo > Exportar... para abrir la ventana de Exportar. Selecciona Adobe PDF (Imprimir) en el menú desplegable de Formato. Dale un nombre al archivo y haz clic en Guardar.
En la ventana Exportar Adobe PDF, selecciona Calidad de Prensa en el menú desplegable Preselección de Adobe PDF.
Mantén marcada la opción Páginas, no la opción Pliegos, a menos que la impresora especifique lo contrario.
Paso 2
En la sección Marcas y Sangrados, haz clic para seleccionar Todas las marcas de impresoras en el menú Marcas y haz clic para seleccionar Utilizar la configuración de sangrado del documento en el menú Sangrado y anotaciones. Haz clic en Exportar.
¡Ya está hecho! Ya tienes tus diseños de revista listos para ser enviados a la imprenta.
En este tutorial, hemos aprendido a diseñar maquetas de nivel profesional para un artículo de revista de moda. Las lecciones que hemos cubierto aquí, como la configuración de páginas Maestras adecuadas, la creación de una cuadrícula sencilla y la experimentación con tipografía elegante, también se aplicarían muy bien a cualquier otro tipo de revista que estés diseñando. ¡Buen trabajo!
