Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing
Design

Crea una Maqueta de Revista utilizando InDesign y Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

Final product image
What You'll Be Creating

Los diseñadores a menudo utilizan varias aplicaciones para crear su trabajo. Lo bueno de los productos de Adobe es que puedes cambiar fácilmente entre ellos para realizar varias tareas. En este tutorial, te mostraremos cómo hacer un diseño de revista con Adobe InDesign. A continuación, te mostraremos cómo crear una maqueta de revista realista y reutilizable de ese diseño en Photoshop que puedes presentar a tus clientes. ¡Empecemos!


Tutorial de Activos

Durante la producción de este proyecto se utilizaron los siguientes activos.


Paso 1: Diseñando la Página en InDesign

Abre InDesign. Antes de empezar cuaquier cosa, vamos a establecer la unidad en milímetros. Haz clic en Editar > Preferencias y establece tus Unidades de Regla en Milímetros.


Paso 2

Haz Clic en Archivo > Nuevo para crear un nuevo archivo. Establece su tamaño de página en tamaño Carta. Haz Clic en el botón Más Opciones.


Paso 3

Añade la Sangría de 2 mm. Usamos la sangría para agregar un lienzo adicional al documento. Esta zona de sangría no se imprimirá.


Paso 4

En el panel Páginas, agrega una nueva página. Ahora tenemos dos páginas.


Paso 5

Haz doble clic en la página maestra.


Paso 6

Pulsa Comando/Ctrl + R para mostrar la regla. Haz clic en Comando/Ctrl y arrastra para hacer una nueva guía en la parte superior de ambas páginas.


Paso 7

Agrega otra guía en la parte inferior de la página.


Paso 8

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


Paso 9: Añade el número de página

Haz clic y arrastra con la herramienta Texto para dibujar un cuadro de texto. Escribe Page y, a continuación, espacio. Selecciona Texto > Inserta Carácter Especial > Marcador > Número de Página Actual.


Paso 10|

Abre el panel Estilos de Párrafo y crea un nuevo estilo.


Paso 11

Haz doble clic en los estilos y establece su alineación como Lejos del Lomo Aplica este estilo a la página actual del cuadro de texto.


Paso 12

Pulsa Alt y arrastra el cuadro de texto para duplicarlo. Colócalo al otro lado de la página


Paso 13

A continuación, puedes ver el resultado en la página. El caracter "A" cambia automáticamente, en función del número de página actual.


Paso 14

Añade una foto en la mitad superior de la página. Asegúrate de ajustarlo a la zona de la sangría.


Paso 15

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


Paso 16

Agrega subtítulos de imagen agregando un cuadro de texto en la esquina inferior derecha de la imagen.


Paso 17

Añade otra imagen y un subtítulo en la última columna.


Paso 18

Agrega el cuadro de texto en la primera columna y rellénalo con un artículo. Para rellenarlo con texto ficticio, haz clic en Texto > Rellenar con Texto de Muestra.


Paso 19

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


Paso 20

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


Paso 21

Aplica el estilo de párrafo al cuerpo del artículo. En la Barra de Opciones, establece la sangría de la primera línea: 4 mm.


Paso 22

Selecciona el primer párrafo y anula su configuración en la Barra de Opciones eliminando su Sangría de la Primera Línea a 0 mm.


Paso 23

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


Paso 24

Selecciona ambas formas. Haz clic con el botón derecho en ellos y selecciona Agrupar para combinarlos como un grupo.


Paso 25

Abre el panel Ajuste de Texto y define el siguiente ajuste de Texto.


Paso 26

Colócalo encima del artículo.


Paso 27

Agrega otro artículo. Esta vez, gira la flecha para que esté apuntando a la imagen pequeña.


Paso 28

Pasa a la página siguiente. Añade una foto en la parte superior de la página.


Paso 29

Agrega el rectángulo que cubra la página inferior y la foto.


Paso 30

Aplica degradado lineal de blanco a negro.


Paso 31

En 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ñade el título de la publicación. Coloca algunas formas rectangulares detrás del texto.


Paso 34

Agregue el cuerpo del artículo en un cuadro de texto independiente.


Paso 35

Agrega 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 e imágenes más pequeñas 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: Exportación de 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. Por lo tanto, primero vamos a exportar la página al formato JPEG. Haz clic en Archivo > Exportar.

En el cuadro de diálogo Exportar, establece su tipo de archivo en JPEG.


Paso 39: Referencias de Maqueta

Es mucho más fácil usar referencias fotográficas de revistas reales que dibujar sólo de la imaginación. Agarra 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 la maqueta, es mejor usar la foto con perspectiva. Esto da como resultado una apariencia más realista.


Paso 40

Para este proyecto utilizo esta referencia fotográfica. Traza la primera página con la herramienta Pluma en el modo Forma.


Paso 41

Añade Trazo y reduce su capa Relleno para ayudarnos a ver la referencia.


Paso 42

Traza el resto de la página y asegúrate de colocarla detrás de la página anterior.


Paso 43

Elimina Trazo y vuelve a cambiar la capa Relleno a 100%. Esta vez aplica Sombra Interior y Superposición de Degradado.


Paso 44

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


Paso 45

Suaviza el resaltado aplicando el filtro Desenfoque Gaussiano.


Paso 46

Reduce la Opacidad de la capa.


Paso 47

Repite este paso para agregar más resaltados a la página.


Paso 48

Repite el mismo proceso, pero esta vez pinta de negro para agregar sombra.


Paso 49

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


Paso 50

Suavízalo aplicando un Desenfoque Gaussiano muy grande.


Paso 51

Reduzca la Opacidad de la capa.


Paso 52

Presiona Comando/Ctrl y haz clic en la primera página para seleccionarla. Añade una nueva capa detrás de la primera página. Rellena la selección con negro.


Paso 53

Suaviza la sombra de la página aplicando el filtro Desenfoque Gaussiano.


Paso 54

Convierte la capa en Máscara de Recorte. De esta manera, la sombra irá dentro de la página detrás de ella.


Paso 55

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


Paso 56

Agrega manualmente la sombra de la página en la portada principal de la revista.


Paso 57

Haz una nueva capa entre cada página y pinta una sombra aleatoria sutil para añadir apariencia realística.


Paso 58

Haz Clic en Archivo > Coloca y selecciona nuestra página de InDesign en formato JPEG. El archivo JPEG se insertará en el PSD como un Objeto Inteligente. Podemos transformar esta imagen sin editar ninguno de sus píxeles.


Paso 59

Duplica el objeto inteligente de la página pulsando Comando/Ctrl + J. Haz clic en el icono del ojo en la parte delantera de la capa de página original para ocultarlo. Pulsa Comando/Ctrl + T y transforma la página.


Paso 60

Presiona Comando/Ctrl- y arrastra 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 será suficiente. Haz clic con el botón derecho y elige Deformar.


Paso 63

Dibuja su asa y cuadros de deformación hasta que coincida con la curvatura de la página.


Paso 64

Convierte la capa en Máscara de Recorte y colócala debajo de todos los resaltados y sombras.


Paso 65

Duplica esta página de objetos inteligentes y colócala 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 aplica la siguiente página de InDesign.

Hasta ahora, aquí está nuestro resultado.


Paso 68: Añadir Sombra

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


Paso 69

Rellena el fondo con negro. Selecciona la revista. Haz una nueva capa y colócala debajo de todas las capas. Rellene la selección con negro.


Paso 70

Suaviza la sombra de la revista aplicando el filtro Desenfoque Gaussiano.


Paso 71

Borra la sombra innecesaria.


Paso 72

Presiona Comando/Ctrl y haz clic en la cubierta izquierda.


Paso 73

Haz una nueva capa de nuevo y rellénala de negro. Suavízala de nuevo aplicando Desenfoque Gaussiano, pero esta vez usa un Radio más pequeño.


Paso 74

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


Paso 75

Haz 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, a continuación, ciérralo.


Paso 77

Dependiendo del tamaño del archivo y de la condición de tu computadora, es posible que debas 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. Repite este proceso en la otra página.


Paso 79

Esta vez, intentamos pegar este diseño.


Paso 80

Espera un momento.


Imagen final

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