https://youtu.be/cM61v-BoyQ8

Graphik Bold.otf

Graphik-Light.ttf

Graphik-Regular.ttf

esquire-logo-vector.pdf

Esquire Singapore - February 2020 4 páginas.pdf

Para seguir con nuestras clases de adobe InDesign hoy vamos a replicar una publicación de cuatro páginas está tomada de la revista Esquire en este caso la edición de singapur de febrero a la que le hemos dejado la tapa dos páginas y creamos en la última página una publicidad totalmente personal.

Lo primero que debemos saber para crear en el documento en InDesign es saber las medidas de esta revista nos vamos a ir a archivo propiedades y vemos que mide 21 x 27 centímetros ahora nos vamos a indicar y colocamos estos valores

Una vez en InDesign colocamos el título se va a llamar práctico en InDesign 02 fulano de tal o el nombre de cada alumno dijimos que el tamaño de la publicación era de 210 x 270 el tema de las columnas y los márgenes no lo sabemos porque los vamos a tomar como referencia a la misma revista lo que sí vamos a hacer que no se encuentra en la revista es dejar un sangrado de tres milímetros para ir acostumbrándonos a trabajar cómo se hace cuando vamos a publicar una revista para imprimir.

Le damos entonces 210 por 270 orientación vertical 4 páginas las páginas van a ser opuestas así nos muestra la tapa sola y la contratapa sola le damos crear una vez que creamos el documento en la misma carpeta creamos una sub carpeta llamada documentos y vamos a pegar ahí las fuentes que vamos a utilizar en esta publicación. En este caso usamos una que originalmente se usó en la revista que la gráfica y para el cuerpo de texto usamos una clásica que nos puede servir para un montón de publicaciones más que es Adobe Garamond. Cerramos la publicación y al volver a abrirla esta fuente van a estar instalada temporalmente en nuestro sistema vamos a colocar en nuestras páginas el pdf de la revista para usarlo como guía en nuestra en nuestro diseño al emular el diseño. Nos vamos a ir a colocar archivo colocar o control D: elegimos el pdf nos fijamos que este puesto mostrar opciones de importación al abrir le vamos a vamos a repetir esto cuatro veces una por cada página. Le vamos a decir en las opciones que el tamaño será el medio es decir todos los 210 x 270 le damos ok. Nos colocamos en la esquina de la página y le damos un clic nos vamos a las otras páginas y repetimos control D paso a la página 2 recortará medio ok control z que estaba seleccionada en la otra imagen por eso la puso en la tapa fijo que no esté nada seleccionado y vamos por la página 3 hago un clic y me voy por último a la contratapa control d última página ok y hago un clic vamos a colocar la imagen de tapa y de paso vemos el concepto de capas

Abro un recuadro que llegue hasta la línea roja la línea roja es el sangrado este espacio que hay entre la fotografía y el sangrado en la parte de la imagen que va a ser guillotinada para que no haya bordes blancos en la publicación me voy a colocar traigo una fotografía una fotografía en la que aparezca cada uno de ustedes le voy a dar en este caso encaje en el marco proporcionalmente como me gustaría que la imagen esté centrada hago un clic doble clic y con las flechas del teclado acomodo la imagen dentro del marco a complica afuera si me voy a previsualizar voy a ver como realmente quedaría la imagen después de ser guillotinada si no estoy viendo muy bien la imagen me aseguro en ver rendimiento de visualización visualización de alta calidad si me voy a capas voy a ver que tengo en la capa superior la fotografía y en la capa inferior el pdf de la revista square le voy a poner un candado para que no mueva accidentalmente esta imagen lo que voy a tratar de hacer ahora es de emular el efecto de color que tiene la fotografía esto tendría que hacerlo en photoshop pero dado que lo podemos hacer rápidamente en in design lo haremos aquí un cuadrado del tamaño completo hasta el sangrado a este cuadrado le doy ningún borde lo pintó de blanco me voy a fx transparencia y le voy a decir que en vez de modo normal se ponga en saturación ok pongo un candado a ese rectángulo y creo otro rectángulo más del mismo tamaño que va a tener también el borde ninguno y de color va a ser cian me voy a fx le pongo transparencia y en vez de normal le voy a dar color me parece que es un poquito exagerado entonces le bajó el porcentaje en este caso 60% ok vamos a colocar el logo de la revista te voy a sacar el candado ala al pdf y lo colocó arriba ahora si le pongo el candado me voy a colocar control d elijo el logo y le voy a decir que el fondo sea transparente ok y abro un rectángulo aproximadamente del ancho y posición perfecto voy a crear un estilo de párrafo que se llame título chico cuyo formato básico va a ser la tipografía que hemos cargado en nuestra carpeta dijimos que se llamaba gráfico nos fijamos que sea el centro alineado con cuadrícula ninguna color de carácter lo veremos en caracas le doy ok a ver la etapa donde dice zinc a por arriba del a voy a poner el lugar donde fue editada esta revista y le doy el estilo de párrafo ya está en este caso en particular lo voy a hacer de color blanco me parece que debo agrandar el tamaño y acomodo bien si me molesta en estas líneas se llaman bordes de marco me voy a ver extras ocultar el borde del marco

Vamos a trabajar ahora con los márgenes y la columna pero no nos conviene hacerlo en la etapa sino que nos conviene hacerlo en una página ya diagramada recuerden lo que dijimos antes que la maquetación generalmente tiene que estar en la página maestra para que se replique en todo el documento entonces me voy a copiar estas 2 me voy a la página maestra esto es más que nada una buena costumbre en este documento quizás no hubiera hecho caso muy de hecho falta me voy a maquetación márgenes y columnas

También como es una sana costumbre trabajo con varias columnas en este caso voy a trabajar con 12 justo en esta columna no está el texto así que seleccionó las dos veo que las dos páginas de la derecha y de la izquierda estén en celeste seleccionada y me voy a través de la maquetación entonces uso la página de la derecha como guía para los márgenes veamos el margen exterior no empiezo a agrandar hasta que toque el borde de la columna del bar que en interior lo empiezo a agrandar hasta que toque la columna en el inferior lo empiezo a agrandar o achicar según sea su caso hasta que toque en la parte baja de la columna y en el superior es muy difícil de saber dónde llegó el diseñador con ese margen porque la palabra porfolio seguramente esté por fuera de la caja de texto lo que podemos hacer es agrandarlo la parte superior de sitges le doy veamos en la calle wall mediana daría la sensación de que con 5 milímetros estamos bien le doy ok borro aplico las páginas maestras a todas mis páginas y cuando vuelvo con doble clic

ya tengo los márgenes y columnas integrados voy a generar ahora mi cuerpo de texto abre una columna me voy a estilo del párrafo y voy a crear un estilo nuevo que se llame cuerpo de texto está basado en ningún estilo de párrafo vamos a usar garmont ponemos por ahora un día para ver qué pasa español justificar a la izquierda por ahora alinear con cuadrícula ninguno y seno con textos falsos nos vamos a cappa y daría la sensación que el texto de la revista está un poquito más apretado aquí lo vemos entonces vamos a probar con 95 correcto 95 parece ser no es exactamente igual porque vemos que él y le interlineado no es exactamente igual es un poquito más grande intra línea vamos a trabajar con 12 el interlineado de 11 entonces tenemos 950 maños con un interlineado de 11 vamos a ir a edición preferencias cuadrículas y le vamos a decir que el incremento sea cada 11 puntos ahora volvemos al cuerpo de texto decimos que al inico en cuadrícula todas las líneas me alejo oculto y duplicó este par éste llega hasta el fondo del ciclo

vamos a dar texto llenar con texto falso colocó ahora la fotografía dibujo un rectángulo si tiene bordes se lo quito con ninguno me voy con control de a colocar y me fijo que esté reemplazar elementos seleccionados le voy a abrir y la imagen se coloca en este caso en particular le voy a dar botón derecho encaje llenar marco proporcionalmente esto es solamente una práctica pero si yo fuera a imprimir este documento necesitaría saber la resolución de esta imagen para conocer y puede ser impresa de buena calidad es

solo ver en ventana información aquí me dice que lo 2 la imagen tiene 300 píxeles por pulgada pero efectivamente en colocada aquí a este tamaño tiene 728 o sea que me sobra la cantidad de píxeles que yo tengo para imprimir en una imprenta en un orden si este número de pixel efectivo fuera menor de 300 ahí ya debería ver si usó la imagen a un tamaño más pequeño o la reemplazo y vamos a crear el estilo del título abro una ventana y escribo en este caso biblioteca central explico título chico y veo que es diferente para aprovechar lo que ya tengo duplicó arrastró al más y creó una copia doble clic le voy a dejar le borró y que quede con título me voy a formato básico y me parece que es tan bold entonces lo voy a poner semi bolt y si voy a ajustar el tamaño el goyo key posición ahora me pongo un cuerpo de texto y voy a generar la bajada type un texto de bajada en este caso lo he pegado y como voy a usar garamond para la bajada duplicó cuerpo de texto lo nombró bajada y edito me parece que 12 el tamaño correcto

el interlineado lo vamos a dejar en 14 y le vamos a quitar alinear con cuadrícula en este caso en particular este central ah coloco mi bajada como está centrado me voy a estar los bordes de la página y generó una línea apretando shift uno parece demasiado la vamos a dejar en cero 5 no voy a cappa ocultó el pdf y veo que está bien aquí arriba presentación lo vamos a hacer con título chico vamos a agrandar el cuadro y nos damos cuenta que es muy muy grande duplicamos título chico y a la copia le bajamos

el tamaño de quizás con el mismo bajado duplicó portfolio bien por último nos faltaría en esta página colocar un pie de página vamos a crear una línea de texto vamos a crear un estilo que se llame pie basado en ninguno retomamos la fuente que usamos al principio gráfica vamos a usar semi bowl con texto falso hago una línea y creó un estilo que se llame pie basado en ninguno en formatos de caracteres básicos busco algunos de los graphics que se parezca probemos con regular light no daría la sensación que se

regular y reemplazo vamos a crear el estilo de este resaltado veamos un par de líneas con texto falso lo vamos a crear a partir del cuerpo de texto duplicamos y le ponemos expandido por ella mart y aquí controlamos en mayúscula en minúsculas vamos a colocar todo mayúscula porque no son no son versalitas todos tienen si fueras versalitas habría una diferencia en la altura de las mayúsculas con la minúscula en este caso son todos mayúsculas vamos a usar un tamaño un poco más chico y vamos a aumentar el tracking