Crear una maqueta de revista utilizando InDesign y Photoshop

Los diseñadores a menudo usan varias aplicaciones para crear su trabajo. Lo bueno de los productos de Adobe es que puede cambiar fácilmente entre ellos para realizar diversas tareas. En este tutorial, le mostraremos cómo diseñar el diseño de una revista utilizando Adobe InDesign. Luego, le mostraremos cómo crear una maqueta realista y reutilizable de ese diseño en Photoshop que puede presentar a sus clientes. Empecemos!


Activos Tutoriales

Los siguientes activos fueron utilizados durante la producción de este proyecto..

  • Calles de Nueva York 3
  • Medio del camino
  • Pueblos indígenas
  • Dirty Back callejón solicitud
  • Corredores - Encuentro
  • Namibia - desierto de Namib - Vlei muerto

Paso 1: Diseño de página en InDesign

Abre InDesign. Antes de comenzar algo, vamos a configurar la unidad en milímetros. Haga clic en Editar> Preferencias y configure sus Unidades de regla en milímetros..


Paso 2

Haga clic en Archivo> Nuevo para crear un nuevo archivo. Establezca su tamaño de página en Carta. Haga clic en el botón Más opciones.


Paso 3

Añadir Bleed 2 mm. Utilizamos sangrado para agregar lienzo adicional al documento. Esta área de sangrado no se imprimirá.


Etapa 4

En el panel de Páginas, agregar nueva página. Ahora tenemos dos páginas.


Paso 5

Haga doble clic en la página principal..


Paso 6

Pulsa Comando / Ctrl + R para revelar la regla. Comando / Ctrl-arrastre para hacer una nueva guía en la parte superior de ambas páginas.


Paso 7

Añadir otra guía en la parte inferior de la página..


Paso 8

Agregue otra guía horizontal para agregar 4 y 3 columnas en cada página.


Paso 9: Agregar número de página

Haga clic y arrastre con la herramienta Tipo para dibujar un cuadro de texto. Tipo Página entonces espacio. Seleccione Tipo> Insertar carácter especial> Marcador> Número de página actual.


Paso 10

Abra el panel Estilos de párrafo y cree un nuevo estilo..


Paso 11

Haga doble clic en los estilos y establezca su alineación en Away from Spine. Aplicar este estilo al cuadro de texto de la página actual..


Paso 12

Alt-arrastre el cuadro de texto para duplicarlo. Colócalo en el otro lado de la página.


Paso 13

A continuación, puedes ver el resultado en la página. El carácter A cambia automáticamente, según el número de página actual.


Paso 14

Agrega una foto en la mitad superior de la página. Asegúrate de encajarlo en el área de sangrado..


Paso 15

No queremos que la imagen se mueva o edite accidentalmente. Haz clic derecho en la imagen y selecciona Bloquear.


Paso 16

Agregue un subtítulo de imagen agregando un cuadro de texto en la esquina inferior derecha de la imagen.


Paso 17

Agrega otra imagen y su subtítulo en la última columna.


Paso 18

Agregue el cuadro de texto en la primera columna y rellénelo con un artículo. Para rellenarlo con texto ficticio, haga clic en Tipo> Rellenar con texto de marcador de posición.


Paso 19

Aplicar el estilo de párrafo a su título..


Paso 20

Aplicar estilos de carácter en parte del título. Esto anulará la configuración de texto.


Paso 21

Aplicar el estilo de párrafo al cuerpo del artículo. Desde la barra de opciones, establecer sangría de primera línea: 4 mm.


Paso 22

Seleccione el primer párrafo y anule su configuración de la barra de opciones eliminando su sangría de primera línea a 0 mm.


Paso 23

Dibuja un rectángulo y coloca un triángulo en su centro..


Paso 24

Seleccione ambas formas. Haz clic derecho en ellos y selecciona Grupo para combinarlos como grupo..


Paso 25

Abra el panel de ajuste de texto y establezca la siguiente configuración de ajuste.


Paso 26

Colóquelo encima del artículo..


Paso 27

Añadir otro artículo. Esta vez, gire la flecha para que apunte a la imagen pequeña..


Paso 28

Pase a la página siguiente. Añadir foto en la parte superior de la página.


Paso 29

Añadir un rectángulo que cubra la página inferior y la foto..


Paso 30

Aplicar degradado lineal de blanco a negro..


Paso 31

Desde el panel de efectos, establece su modo de fusión en Multiplicar.


Paso 32

Dibuja un rectángulo gris en la parte inferior de la página..


Paso 33

Añadir título de la publicación. Coloca algunas formas rectangulares detrás del texto..


Paso 34

Añadir cuerpo del artículo en un cuadro de texto separado.


Paso 35

Agregue una cita en la última columna hecha de la combinación de estilos de párrafo y estilos de carácter.


Paso 36

Agrega artículos más pequeños e imágenes en la parte inferior de la página.


Paso 37

Hemos terminado de trabajar en la página. A continuación se muestra el resultado..


Paso 38: Exportando página a JPEG

Exportaremos esta página a Photoshop. No queremos importar el archivo INDD, pero elegimos JPEG porque es mucho más simple. Entonces, primero vamos a exportar la página a formato JPEG. Haga clic en Archivo> Exportar.

Desde el cuadro de diálogo Exportar, establezca su tipo de archivo en JPEG.


Paso 39: Referencias de la maqueta

Es mucho más fácil usar fotos reales de revistas que dibujarlas solo desde la imaginación. Toma tu cámara y toma una foto de tu revista. También queremos asegurarnos de que la revista tenga el mismo tamaño que el diseño de nuestra revista. Para maqueta, es mejor usar foto con perspectiva. Esto resulta en una apariencia más realista..


Paso 40

Para este proyecto utilizo esta foto de referencia. Traza la primera página usando la herramienta Pluma en el modo Forma.


Paso 41

Agregue Trazo y reduzca su capa de Relleno para ayudarnos a ver la referencia.


Paso 42

Trace el resto de la página y asegúrese de colocarlo detrás de la página anterior..


Paso 43

Eliminar el trazo y cambiar la capa de relleno de nuevo al 100%. Esta vez aplique Sombra Interior y Superposición de degradado..


Paso 44

Añadir nueva capa en la parte superior de la página. Establézcalo como Máscara de recorte (Comando / Ctrl + Alt + G). De esta manera, todo lo que pongamos aquí irá dentro de la página. Use la herramienta Pluma para dibujar una línea blanca como resaltado en la página.


Paso 45

Suaviza el resaltado aplicando el filtro de desenfoque gaussiano.


Paso 46

Reducir la opacidad de la capa.


Paso 47

Repita este paso para agregar más puntos destacados en la página..


Paso 48

Repita el mismo proceso pero esta vez pinte de negro para agregar sombra.


Paso 49

Pintar blanco en el centro de la página..


Paso 50

Suavizar aplicando un gran Gaussian Blur.


Paso 51

Reducir la opacidad de la capa.


Paso 52

Comando / Ctrl-clic en la primera página para seleccionarlo. Añadir nueva capa detrás de la primera página. Rellenar selección con negro.


Paso 53

Suavizar la sombra de la página mediante la aplicación de filtro de desenfoque gaussiano.


Paso 54

Convertir capa a máscara de recorte. De esta manera, la sombra irá dentro de la página detrás de ella..


Paso 55

Sigue repitiendo este paso para agregar la sombra de otras páginas..


Paso 56

Añadir manualmente la sombra de la página en la portada de la revista principal..


Paso 57

Cree una nueva capa entre cada página y pinte una sombra aleatoria sutil para agregar una apariencia realítica.


Paso 58

Haga clic en Archivo> Colocar y seleccione nuestra página de InDesign en formato JPEG. El archivo JPEG se insertará en la PSD como un objeto inteligente. Podemos transformar esta imagen sin editar ninguno de sus píxeles..


Paso 59

Duplique el objeto inteligente de la página presionando Comando / Ctrl + J. Haga clic en el icono del ojo en la parte frontal de la capa de la página original para ocultarlo. Pulsa Comando / Ctrl + T y transforma la página..


Paso 60

Comando / Ctrl-arrastre la esquina hasta que coincida con la forma de la página.


Paso 61

Sigue repitiendo este paso..


Paso 62

Una simple transformación no bastará. Haz clic derecho y elige Warp.


Paso 63

Dibuje sus cuadros de control y deformación hasta que coincida con la curvatura de la página.


Paso 64

Convierta la capa en Máscara de recorte y colóquela debajo de todos los resaltes y sombras.


Paso 65

Duplique esta página de objetos inteligentes y colóquela en el resto de la página detrás de ella..


Paso 66

Repite este proceso en cada página..


Paso 67

Dibuje el resto de la página y esta vez aplique la siguiente página de InDesign.

Hasta aquí, aquí está nuestro resultado..


Paso 68: Añadir Sombra

Comando / Ctrl-clic en todas las páginas para seleccionar toda la revista. Pintar negro en el centro de la revista..


Paso 69

Rellene el fondo con negro. Seleccione la revista. Crea una nueva capa y colócala debajo de todas las capas. Rellenar selección con negro.


Paso 70

Suavizar la sombra de la revista mediante la aplicación de filtro de desenfoque gaussiano.


Paso 71

Borrar la sombra innecesaria.


Paso 72

Comando / Ctrl-clic izquierda cubierta.


Paso 73

Vuelve a hacer una nueva capa y rellénala con negro. Ablande de nuevo aplicando Gaussian Blur, pero esta vez use un radio más pequeño.


Paso 74

Agrega otra sombra detrás de la cubierta derecha. Nuestra maqueta ya está lista para usar.


Paso 75

Haga doble clic en el diseño de la página del objeto inteligente para editar su contenido..


Paso 76

Pega otro diseño de página en el archivo. Guarda el archivo y luego ciérralo.


Paso 77

Dependiendo del tamaño del archivo y la condición de su computadora, es posible que deba esperar unos segundos o minutos para actualizar el contenido del objeto inteligente


Paso 78

En el archivo de la maqueta, el contenido de la página se actualiza automáticamente. No se necesita transformación manual. Repita este proceso a la otra página..


Paso 79

Esta vez, intentamos pegar este diseño..


Paso 80

Espera un rato.


Imagen final

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..

Mujer leyendo una plantilla de revista en el asiento trasero de un automóvilAfuera leyendo una revista maqueta de hombre joven con gafas