Photoshop & InDesign

Posters en Photoshop y PDF interactivo en InDesign

Clase 16: Poster - Otra manera de usar Mascaras - Filtros - Estilos, Pinceles PHOTOSHOP

El procedimiento y las herramientas usadas para la producción de esta imagen fueron los siguientes:

1) Importo las imágenes que voy a usar en este poster

2) Las dispongo en el orden que prefiero según las capas

3) Defino una imagen que pondré de fondo al personaje en el cual me quiero basar para el poster, en este caso, elegí ese núcleo de energía de aparece en la serie. Para darle la terminación de "acuarela" a sus bordes, tengo que instalar pinceles con esa textura que necesito (se va a la "hamburguesa" en las opciones de pinceles, añadir nuevos pinceles, seleccionamos el archivo, y ya esta instalado), y luego debo trabajar con una mascara de capa sobre la imagen elegida.

4) Cuando se crea la mascara, se trabaja con un fondo de color negro y para la transparencia se usa un color blanco, lo que se hace es invertir los colores de esta (Imagen>Ajustes>Invertir) y con color negro usamos los pinceles instalados para dibujar la forma con la que queramos recortar el "fondo" de nuestro poster. Una vez pintado, se vuelve a invertir la caja y la mascara de recorte esta lista. Este proceso puede repetirse con cualquier recurso utilizado en el poster, yo lo use para el personaje y el fondo.

5) Implementé una sombra paralela para el personaje, el nombre de este y la piedra azul flotante para darle profundidad (Doble clic en la capa designada>activa sombra paralela>ajustar a gusto> OK)

6) Para el nombre del personaje cree una textura en 3D metalizada del color de su camisa (Doble clic a la capa del nombre del personaje>bisel y contorno >ajustar al gusto luces y relieves> OK)

7) Para la viñeta use un pincel grande con dureza en 0% y lo pase por los márgenes inferior y superior, en una capa nueva por encima de las demás. Además, en su modo de fusión puse "Subexponer color" y baje su opacidad para que no opaque tanto el color del fondo

🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸

Clase 17: PROPUESTAS - PDF INTERACTIVO INDESIGN

¡Clic a la imagen para ver el pdf!

El procedimiento y las herramientas usadas para la producción de este pdf interactivo fueron los siguientes:

1) Busco las imágenes del tema que elegí en Google, para la portada es importante una imagen donde estén todos los sujetos para que al seleccionar una de sus caras, te lleva a la información del que elegiste. Para lograr esto se uso un sistema de botones y destino de InDesign, explicado en los siguientes pasos

2) Se maquetan y arman en su totalidad todas las paginas de destino, con imágenes previamente retocadas en Photoshop para una estética mas limpia. En la portada del pdf, creo 5 elipses con el trazo de líneas cortadas y un relleno blanco casi transparente que servirá para usar de botón en la cara de cada uno de los integrantes de la banda

3) Establecemos primero los "destinos" de los futuros botones. Vamos primero a la barra superior de funciones: Ventana>Interactivos>Hipervínculos; una vez haya aparecido este panel, seleccionamos titulo por titulo de cada pagina que hayamos hecho y con la función de "nuevo destino de hipervínculo" en la hamburguesa del panel que hicimos aparecer, y lo único que cambiamos es el nombre del destino para identificarlo mejor. Por ejemplo, en este caso, uno de los destinos se llamaba "Niall" y así yo ya sabia que debía ir en el botón de la cara de Niall.

4) Luego de tener los destinos definidos, aplicamos botones a los círculos que creamos anteriormente para las caras de la banda. Para ello, volvemos a Ventana>Interactivos y esta vez vamos a Botones y Formularios. Nuestra primera parte del ajuste debe verse así (El nombre del botón varia según como queramos llamarlo nosotros, para dirigirse a destinos hay que hacer clic en el simbolo + de acciones y seleccionar "Ir a destino"):

5) Para la segunda parte de la creación de un botón, seleccionaremos el destino deseado para el botón que estemos trabajando, en este caso seguiremos con el ejemplo de Niall (seleccionamos el destino correspondiente a este, "Niall" y en apariencia activamos las 3 opciones que nos dan):

6) Repetimos el proceso desde el punto 4 con todos los demás botones de la portada.

7) Por ultimo es IMPORTANTISIMO guardarlo como pdf interactivo, ya que si lo guardamos como un pdf normal, las funciones de botones no serán utilizables.