Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)
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.
- New York Streets 3
- A Mitad del Camino
- Gente Indígena
- Solicitud de Callejón Trasero Sucio
- Corredores - Reunión
- Namibia - Desierto de Namib - Dead Vlei
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
By
