Cree una portada de revista, propagación interna con maquetas en Adobe InDesign

En la segunda parte de nuestro tutorial de dos partes, le mostraré cómo usar nuestro Gráfico de paisaje urbano para crear una portada de revista y luego dos versiones de una extensión interna en Adobe InDesign. Luego iré a crear una maqueta en Photoshop..

1. Configura tu cuadrícula

Paso 1

OK tiempo para entrar en InDesign. Abre un Nuevo A4, documento extendido.

Paso 2

Dirígete a tu Páginas Panel y crear un pliego extra (doble página). Seleccione la página maestra por doble clic en eso. Ahora estamos trabajando en esta página exclusivamente..

Paso 3

Ir Editar> Preferencias y editar la línea de base a la configuración adecuada.

Etapa 4

Ahora vamos a crear una cuadrícula modular que se ajuste a la línea de base. Esto es bastante fácil de hacer con una página legal / carta donde la línea de base es una fracción proporcional de la altura total de la página. En un A4, la división no encaja perfectamente. La última línea de base siempre se recorta, lo que dificulta hacer una cuadrícula modular en un A4 con una línea de base alineada.

Aquí hay un truco que puedes probar. En primer lugar, vaya a Diseño> Crear Guías y agregar la siguiente configuración. Utilizar 12 puntos para canalones, igual que el tamaño de línea de base.

Paso 5

Crea una forma que siga la cuadrícula modular recién creada. La línea de base y las nuevas guías no encajarán a la perfección, así que dibuje la forma para que se ajuste aproximadamente en una celda modular. Vea el lado izquierdo de la página para referencia. Luego, oculte las guías modulares y comience a multiplicar la forma hacia abajo con un canal de 12 puntos; consulte la página de la derecha para referencia. No se ajustará perfectamente a tu página, lo cual está bien..

Paso 6

Grupo las formas juntas (Control-G) y centrarlos en la página usando las herramientas de alineación. Básicamente, esto se convertirá en su nueva cuadrícula modular que también se ajustará a una cuadrícula de base, en un A4. Ahora arrastre una guía y colóquela en la parte superior de la línea de cuadros.

Paso 7

Cree una forma que se extienda desde la guía recién creada hasta la parte superior de la página. Este será su nuevo margen de papel, así que copie la medición de altura desde el menú superior.

Paso 8

Ir Diseño> Márgenes y columnas y pegue esta medida en el margen superior e inferior. Mantener un margen de 1.5 en los laterales e interior de la propagación..

Paso 9

Genial, ahora dibuje las guías y colóquelas en los cuadros de cada página para obtener esa nueva cuadrícula modular. Tu propagación debería verse así. Si mantuvo su cuadrícula de línea de base para comenzar desde el margen superior, y no desde la parte superior de la página, entonces ahora tiene una cuadrícula de línea de base modular. Deje de trabajar en la página maestra y vaya a la página 1, o la portada. Añadamos la imagen como fondo..

2. Diseña tu portada

Paso 1

Ir Archivo> Lugar y seleccione la ilustración exportada. Colóquelo como una página completa arrastrando la forma de una esquina a la otra..

En InDesign, la colocación de una imagen se realiza dentro de una forma que actúa como una máscara en Photoshop. Si desea recortar la imagen, simplemente haga el cuadro más pequeño. Si desea cambiar las dimensiones o mover la imagen en sí, utilice el Herramienta de selección directa y edítalo después de haberlo hecho clic.

Paso 2

Agregar contenido ahora debería ser fácil, ya que tiene las guías en las que puede confiar. Empecemos por hacer un título de revista e información adicional. Solo cubriré los aspectos técnicos de esto, ya que la cuestión de elegir dónde colocar el contenido realmente depende de usted..

Utilizar el Tipo de herramienta (T) para arrastrar un cuadro en la primera columna en la esquina superior izquierda y usar las siguientes configuraciones. En el Párrafo panel, no te olvides de activar 'ajustar a la cuadrícula de línea de base', es la caja de la esquina inferior derecha en el Párrafo Panel y hace que todo el texto se ajuste a la línea de base..

Paso 3

Impresionante, agrega el resto del contenido de manera similar, utilizando la misma técnica que la anterior. Para el título de PSD, simplemente "amplié" el texto yendo a Tipo> Crear Contornos y estirado proporcionalmente para adaptarse a las cajas requeridas de la red..

Etapa 4

Ajustes finales a la portada: agregar un subtítulo y un cuadro de código de barras falso y un logotipo ficticio.

Ahora, cómo cambiar el color del texto. Si tiene un cuadro de texto seleccionado, vaya a Ventana> Muestras. Todos los colores atribuidos a formas, texto, etc. deben ser seleccionados desde aquí. Haga clic en el pequeño icono T y cambie el color del texto a blanco. El icono T es el color del texto, a diferencia del color de la forma que se coloca a su izquierda.

3. Diseña tu espacio interior

Paso 1

En la siguiente página, la propagación..

Decidí hacer la distribución mayormente fotográfica, así que tomé una forma para el lugar donde se ubicará mi ilustración, que se completa en la página izquierda y en las 1.25 columnas de la derecha. También he colocado un 6 puntos trazo en la parte superior para comenzar a crear el encabezado.

La forma gris es básicamente un marcador de posición que usaré más adelante para rellenarla con la imagen usando Archivo> Lugar. Ya puede colocarlo si lo desea, pero recomiendo usar formas simples sin color para planificar la composición y agregar el resto cerca del final..

Paso 2

A continuación, cree el número de página en la página izquierda. Use la siguiente configuración y cree su cuadro de texto para que rellene toda una columna. Alinee el texto en el centro del cuadro de texto (el icono está en un círculo en rojo) y no olvide hacer que se ajuste a la línea de base en la Párrafo ajustes.

Paso 3

Lo mismo ocurre con el lado opuesto. Agregue el número de página y el título del capítulo en la página derecha.

Etapa 4

Agregue el resto de la información: Título del artículo establecido en "Akzidenz Grotesk BQ Condensado", 96 puntos tamaño, Espacio de 84 puntos. ¿Por qué este tamaño? Simple, he hecho el espaciado y el tamaño del texto para que sea proporcional al tamaño de una fila. Observe que el texto se ajusta a la parte inferior de dos filas verticales de mi cuadrícula modular.

Debajo he colocado el llamado título del autor y un párrafo introductorio de texto ficticio en "Texto de carga en negrita cursiva".

Paso 5

Simplemente coloque la ilustración dentro del cuadro de colocación y habrá terminado con su primer pliego..

Paso 6

He hecho una extensión adicional que se centra en el texto solamente. Calcular qué columnas usar para el texto del cuerpo y cuáles no, es una cuestión de planear la composición y permitir que la sala de contenidos respire a través de espacios en blanco (áreas inactivas).

Lo que quieres hacer es agregar el texto del cuerpo y el título para empezar. Poco a poco agregaremos citas, párrafos introductorios, imágenes quizás (aunque no en este caso) ...

Paso 7

Ahora vamos a añadir un párrafo de introducción..

Puede ver la configuración a continuación para el texto, pero permítame repasar algo de información sobre cómo decidir qué tamaño de fuente usar en su página. Una línea base de 12 puntos es muy compatible con sus tamaños de fuente estándar en el menú desplegable de tamaño de fuente, en general.

Si el espacio entre las filas es de 12 puntos, el tamaño de la fuente debe ser 9 o 12, para permitir que haya espacio entre cada fila. Tener un tamaño de 12 puntos / 12 puntos de separación lo ahogará y hará que la lectura sea un poco más difícil, además de hacer que el párrafo sea demasiado pesado e intimidante. Deja que tus filas respire.

Una línea base de 12 puntos significa que su espacio es siempre un múltiplo de 12 puntos. 12 pt, 24pt, 48 pt, etc. Eso significa que elegir un tamaño de fuente más grande también es fácil. 24 puntos de separación entre hileras? Utilice el tamaño de fuente 18pt. Espaciado de 48 filas? Utilice el tamaño de fuente de 36 puntos. La lista continua.

Otro hermoso ejemplo de por qué debería usar una línea de base se puede ver en la captura de pantalla. Observe cómo se alinean las fuentes más grandes y más pequeñas. Esto es más difícil de hacer sin una línea de base. Si tiene problemas para alinear la parte superior de los párrafos con un marco de imagen, por ejemplo, es posible que desee cambiar su línea de base a 6 puntos, lo que no cambia el diseño básico de nada, ya que es una división de su línea de base de 12 puntos existente. Sin embargo, sí permite un mayor refinamiento para la alineación y un espacio entre filas más flexible. Es posible que desee hacer esto solo después de adquirir cierta experiencia en la combinación del tamaño de fuente y el espaciado de filas.

Paso 8

También he agregado títulos y secciones de citas en mi página usando las mismas técnicas.

4. Crea una maqueta para tu propagación

Paso 1

Muy bien, es hora de hacer una maqueta de nuestra portada y se propaga. Exportar cada propagación como un jpeg a través Archivo> Exportar. Utilice los ajustes a continuación. Vamos a trabajar en la primera propagación y usted puede hacer la portada y la última propagación usted mismo.

Paso 2

Cambiar el tamaño de su imagen en Photoshop a 2000 píxeles. Si desea mantenerlo en el tamaño original de 4500px, está bien. Estoy haciendo esta maqueta para tamaños de pantalla y cambiando el tamaño de InDesign e Illustrator. Las exportaciones a tamaños más pequeños son mejores porque suavizan el suavizado de texto y gráficos, lo que crea una apariencia más fotográfica..

Paso 3

Asigne un nombre a la capa de fondo y vuelva a recortar el lienzo para que permita espacio adicional. Rellena el fondo con un gris con el que te sientas cómodo..

Etapa 4

Crea una nueva capa y hazla una Máscara de recorte Para la capa extendida. Arrastre una guía en el centro del lienzo (debería ajustarse automáticamente al centro con Guías inteligentes habilitado).

Utilizar el Herramienta de gradiente (G) para hacer un degradado de negro a transparente en la página de la derecha. Use la herramienta Marquesina para limitar el gradiente a la página de la derecha (usando la guía central como límite central). Si está demasiado oscuro, puedes cambiar la transparencia de la capa..

Paso 5

Haga lo mismo con el lado izquierdo esta vez y difumine la capa de degradado 1px (Filtro> Blur> Gaussian Blur). Esto hará que la línea central se vea más como un pliegue realista..

Paso 6

Crea una nueva capa debajo de la capa de la revista. Llénalo con negro y haz que encaje tanto como la página izquierda. Utilizar el Herramienta de deformación para deformarlo como se ve abajo. Haz lo mismo para el fondo (deformación)..

Paso 7

Entrar Modo de máscara rápida (Q) y crea un degradado usando negro como en la imagen de abajo. Vamos a hacer una selección utilizando gradientes..

Paso 8

Salida Modo de máscara rápida (Q) e invierte tu selección (Control-Shift-I). Ir Filtro> Blur> Gaussian Blur. Desenfocar la selección 6.5px.

Paso 9

Deselecciona y difumina toda la capa ahora por 1px.

Paso 10

Soltar la capa Opacidad a 20%. Debería ser apenas visible. Duplícalo y arrástralo a la página derecha también.

Borre un poco de la parte superior con una máscara de degradado para que sea más pesado en la parte inferior y más claro en la parte superior. Ahora haga doble clic la capa de propagación y añadir una Dropshadow.

Impresionante trabajo, ya estás hecho!

¡Eso es! Aquí están las maquetas finales y la portada de nuestro proyecto. Espero que hayas recogido algunos buenos consejos en el camino..

Listo para usar Magazine Mockup Templates by Placeit

Placeit es una herramienta de generación de maquetas en línea que es simple y fácil de usar. No se requieren habilidades de Photoshop o Adobe porque se hace todo en línea. Simplemente seleccione una plantilla de su Más de 11,000 plantillas SMART, Inserta tu diseño y listo.. 

Leyendo una revista en la maqueta del jardínMujer joven echando un vistazo a una revista mientras se encuentra dentro de una tienda de maquetas