Advertisement
  1. Design & Illustration
  2. Designing
Design

Cómo crear un diseño de revista profesional

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Book Templates .
42 Best InDesign Template Tutorials
How to Change Page Size in InDesign

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

¿Alguna vez te preguntaste cómo los diseñadores profesionales logran el balance perfecto entre texto e imagen? Utilizando las poderosas herramientas de texto de InDesign, aprenderás las técnicas que te ayudarán a plantear y organizar el diseño de una revista.

Paso 1 Configurar el documento

Para este tutorial, vamos a utilizar un documento estándar de tamaño A4. Comenzaremos estableciendo el Número de páginas (Number of Pages) en 8, el Sangrado (Bleed) en 2 mm (para tener un poco de espacio para que las imágenes se superpongan), los Márgenes (Margins) Superior (Top) e Inferior (Bottom) en 10 mm, el Interior (Inside) en 13 mm y el Exterior (Outside) en 20 mm. La razón de esta diferencia en los márgenes es que, en una doble página, un margen ligeramente más grande en el exterior de la página se ve mejor y proporciona espacio para contener la versión impresa. También es útil para la cuadrícula de la página en el paso siguiente.

Paso 2 Crear la grilla

Para configurar la grilla de la página, vamos a la doble A-Página maestra (A-master) y seleccionamos Maquetación > Crear guías (Layout > Create Guides). La grilla se utiliza para mantener la coherencia en el diseño de la página y proporciona un marco para ordenar el contenido. Una grilla bien utilizada es lo primero que se necesita para lograr un diseño de aspecto profesional. Para este tutorial vamos a armar una de 12 filas (Rows) por 12 columnas (Columns), con un medianil (Gutter) de 3 mm. Elegiremos Encajar guías a Márgenes (Fit Guides to Margins) para crear una grilla con un ancho de columna de 12 mm.

¿Por qué? Nuestro ancho de página es de 210 mm; con 20 mm de margen exterior y 13 mm de margen interior, nos quedan 177 mm para 12 columnas y 11 medianiles (el espacio entre columnas): 12 columnas de 12 mm más 11 medianiles de 3 mm es igual a 177 mm.

Paso 3 Colocar un fondo

Al diseñar una revista, queremos mantener un buen equilibrio entre los espacios en blanco, las imágenes y el texto. Una buena técnica es utilizar una imagen con una gran cantidad de espacio "vacío", el espacio alrededor del sujeto tiene la misma función que el espacio en blanco. Estoy usando una fotografía llamada, Summertime Sunshine (Sol de verano) por Stewart, tiene un lindo fondo borroso en el que podemos colocar nuestro texto.

En la página 2-3, pondremos la fotografía en el espacio de sangrado, de modo que toda la doble página quede cubierta. Debemos mover la fotografía en el marco para que el sujeto quede dentro del margen de la primera página y la parte superior del cóctel, en el borde de una fila de la cuadrícula.

Paso 4 Crear el cuerpo de texto

Haremos un marco de texto en la misma posición vertical y horizontal que el cóctel de la página opuesta, aquí en la tercera fila, quinta columna de la cuadrícula. Esto crea una línea imaginaria que conecta la imagen con el texto. Utilicé el título de la fotografía, Summertime Sunshine, como título de la página y llené el resto del marco de texto con la función Llenar con texto falso (Fill with placeholder text) de InDesign.

Paso 5 Configuración de la cuadrícula base

Para hacer que nuestro texto se vea bien, necesitamos configurar una cuadrícula base. Vamos a Preferencias > Cuadrículas (Preferences > Grids) y establecemos un Incremento cada (Increment Every) 8 pt. En este tutorial vamos a utilizar un tamaño de texto de 12 pt y una interlínea de 16 pt. Una cuadrícula base de 8 pt, que es la mitad de la interlínea, proporciona flexibilidad porque también podemos utilizarla para tamaños de texto más pequeños.

Paso 6 Cambiar el estilo del Párrafo básico

En la paleta Estilos de párrafo (Paragraph Styles) cambiaremos el estilo del Párrafo básico (Basic Paragraph). Usé FF Meta Book Roman con un tamaño de 12 pt y una interlínea de 16 pt. También podemos dejar el interlineado automático porque nuestra cuadrícula base se asegurará de que todo el texto quede bien alineado.

Paso 7 Alineación

Vamos a Sangría y espaciado (Indents and Spacing) y establecemos la Alineación (Alignment) en Izquierda (Left Justify). En la web es casi imposible que un texto justificado se vea bien, pero con InDesign es muy fácil de hacer. También cambiaremos el ajuste de Alinear con cuadrícula (Align to Grid) a Todas las líneas (All Lines), y añadiremos 16 pt de Espacio después (Space After) de un párrafo. Esto no es necesario y también se puede utilizar Sangría de primera línea (First Line Indent) para separar los párrafos.

Paso 8 Separación de sílabas

La separación de sílabas es muy importante cuando el texto está justificado. Corta palabras largas al final de una línea para que la columna tenga un borde recto, en lugar de contener una gran cantidad de huecos. Los ajustes de separación de sílabas por defecto en InDesign necesitan algunos cambios para mejorar el aspecto de nuestro cuerpo de texto. Cambiaremos la configuración para utilizar la partición de palabras sólo para las Palabras con un mínimo de (Words with at least) 6 caracteres, y Después de las primeras (After First) y Antes de las últimas (Before Last) 3 letras. El Límite de separación (Hyphen Limit) establece cuántas líneas en una fila pueden tener un guión en el extremo. Creo que 3 es demasiado y un máximo de 1 se ve mucho mejor. Además, debemos desactivar las casillas de palabras en mayúsculas (Capitalised Words) y última palabra (Last Word).

Paso 9 Justificación

Por defecto, la configuración de justificación es un poco suelta. Ajustaremos el Espacio entre palabras (Word Spacing) a un mínimo de 85% y un máximo de 105%. De esta manera las palabras no tendrán grandes o pequeños espacios entre ellas. Para el Espacio entre letras, estableceremos el mínimo en -2% y el máximo en 2%. Esto mejora bastante la justificación. También se puede experimentar con Escala de pictograma (Glyph Scaling) si es necesario.

Paso 10 Color del texto

Por el fondo oscuro, estoy utilizando el blanco como color para el texto. Siempre podemos elegir lo que se vea mejor, aunque la prioridad es mantener el texto legible.

Paso 11 Columnas de texto

Abrimos las Opciones de marco de texto (Text Frame Options) cliqueando con el botón derecho sobre el marco de texto y cambiamos las columnas a 2 con un medianil de 3 mm. De esta manera la longitud de la línea se reduce y aumenta la legibilidad.

Paso 12 Título

Para el título nos conviene utilizar un tamaño de texto más grande, de 42 pt, y un valor negativo de interletrado, de -50, para disminuir el espacio entre las letras. Los titulares a menudo se benefician del ajuste de interletrado.

Paso 13 Expandir columnas

Una nueva función de InDesign CS5 es la posibilidad de que un párrafo abarque varias columnas. Vamos a usar esto para que el título ocupe las dos columnas del marco de texto. En Maquetación de párrafo (Paragraph Layout) ponemos Expandir columnas (Span Columns) y en Expandir (Span), Todo (All).

Paso 14 Ajustes en el título

Debido al ajuste en el interletrado, las letras "r" y "t" ahora se tocan entre sí. Esto es algo que, en general, trataremos de evitar. Para resolverlo puse el kerning entre estas letras en 75, esto crea suficiente espacio para separarlas.

Paso 15 Alineación óptica de margen

Lo última que haremos es un pequeño ajuste en la paleta Artículo (Story) de InDesign: Alineación óptica de margen (Optical Margin Alignment). Esto empuja los guiones, comillas y caracteres anchos, como la W y la A fuera del marco de texto. Esto mejora el aspecto de los bordes. Hacemos clic en el marco de texto, habilitamos la Alineación óptica de margen y establecemos el valor igual al tamaño del cuerpo del texto.

Conclusión

Acabamos de crear una página sencilla pero bien equilibrada, con buena tipografía y buen uso del espacio en blanco. Ya tenemos los fundamentos establecidos para una revista de diseño consistente.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

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.