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!
Los siguientes activos fueron utilizados durante la producción de este proyecto..
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..
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.
Añadir Bleed 2 mm. Utilizamos sangrado para agregar lienzo adicional al documento. Esta área de sangrado no se imprimirá.
En el panel de Páginas, agregar nueva página. Ahora tenemos dos páginas.
Haga doble clic en la página principal..
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.
Añadir otra guía en la parte inferior de la página..
Agregue otra guía horizontal para agregar 4 y 3 columnas en cada 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.
Abra el panel Estilos de párrafo y cree un nuevo estilo..
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..
Alt-arrastre el cuadro de texto para duplicarlo. Colócalo en el otro lado de la página.
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.
Agrega una foto en la mitad superior de la página. Asegúrate de encajarlo en el área de sangrado..
No queremos que la imagen se mueva o edite accidentalmente. Haz clic derecho en la imagen y selecciona Bloquear.
Agregue un subtítulo de imagen agregando un cuadro de texto en la esquina inferior derecha de la imagen.
Agrega otra imagen y su subtítulo en la última columna.
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.
Aplicar el estilo de párrafo a su título..
Aplicar estilos de carácter en parte del título. Esto anulará la configuración de texto.
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.
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.
Dibuja un rectángulo y coloca un triángulo en su centro..
Seleccione ambas formas. Haz clic derecho en ellos y selecciona Grupo para combinarlos como grupo..
Abra el panel de ajuste de texto y establezca la siguiente configuración de ajuste.
Colóquelo encima del artículo..
Añadir otro artículo. Esta vez, gire la flecha para que apunte a la imagen pequeña..
Pase a la página siguiente. Añadir foto en la parte superior de la página.
Añadir un rectángulo que cubra la página inferior y la foto..
Aplicar degradado lineal de blanco a negro..
Desde el panel de efectos, establece su modo de fusión en Multiplicar.
Dibuja un rectángulo gris en la parte inferior de la página..
Añadir título de la publicación. Coloca algunas formas rectangulares detrás del texto..
Añadir cuerpo del artículo en un cuadro de texto separado.
Agregue una cita en la última columna hecha de la combinación de estilos de párrafo y estilos de carácter.
Agrega artículos más pequeños e imágenes en la parte inferior de la página.
Hemos terminado de trabajar en la página. A continuación se muestra el resultado..
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.
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..
Para este proyecto utilizo esta foto de referencia. Traza la primera página usando la herramienta Pluma en el modo Forma.
Agregue Trazo y reduzca su capa de Relleno para ayudarnos a ver la referencia.
Trace el resto de la página y asegúrese de colocarlo detrás de la página anterior..
Eliminar el trazo y cambiar la capa de relleno de nuevo al 100%. Esta vez aplique Sombra Interior y Superposición de degradado..
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.
Suaviza el resaltado aplicando el filtro de desenfoque gaussiano.
Reducir la opacidad de la capa.
Repita este paso para agregar más puntos destacados en la página..
Repita el mismo proceso pero esta vez pinte de negro para agregar sombra.
Pintar blanco en el centro de la página..
Suavizar aplicando un gran Gaussian Blur.
Reducir la opacidad de la capa.
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.
Suavizar la sombra de la página mediante la aplicación de filtro de desenfoque gaussiano.
Convertir capa a máscara de recorte. De esta manera, la sombra irá dentro de la página detrás de ella..
Sigue repitiendo este paso para agregar la sombra de otras páginas..
Añadir manualmente la sombra de la página en la portada de la revista principal..
Cree una nueva capa entre cada página y pinte una sombra aleatoria sutil para agregar una apariencia realítica.
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..
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..
Comando / Ctrl-arrastre la esquina hasta que coincida con la forma de la página.
Sigue repitiendo este paso..
Una simple transformación no bastará. Haz clic derecho y elige Warp.
Dibuje sus cuadros de control y deformación hasta que coincida con la curvatura de la página.
Convierta la capa en Máscara de recorte y colóquela debajo de todos los resaltes y sombras.
Duplique esta página de objetos inteligentes y colóquela en el resto de la página detrás de ella..
Repite este proceso en cada página..
Dibuje el resto de la página y esta vez aplique la siguiente página de InDesign.
Hasta aquí, aquí está nuestro resultado..
Comando / Ctrl-clic en todas las páginas para seleccionar toda la revista. Pintar negro en el centro de la revista..
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.
Suavizar la sombra de la revista mediante la aplicación de filtro de desenfoque gaussiano.
Borrar la sombra innecesaria.
Comando / Ctrl-clic izquierda cubierta.
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.
Agrega otra sombra detrás de la cubierta derecha. Nuestra maqueta ya está lista para usar.
Haga doble clic en el diseño de la página del objeto inteligente para editar su contenido..
Pega otro diseño de página en el archivo. Guarda el archivo y luego ciérralo.
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
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..
Esta vez, intentamos pegar este diseño..
Espera un rato.
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