InDesign CC 2017 avanzado: Documentos interactivos

Creación de ventana emergente en InDesign CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Efectos como el de crear ventanas emergentes eran antes imposibles en programas de maquetación. Sin embargo, actualmente contamos con varias funciones que, en combinación, nos pueden dar el mismo efecto, y en este video veremos cómo lograrlo.
05:52

Transcripción

Efectos como el de crear ventanas emergentes eran antes imposibles en programas de maquetación. Sin embargo, actualmente, contamos con varias funciones en InDesign que en combinación nos pueden dar el mismo efecto. Veamos. Aquí en la página 2 del documento me gustaría crear un efecto de ventana emergente para que cuando una persona oprima el botón de "Suscribirse" aparezca entonces la información y luego pueda cerrarlo. Para poder hacer esto, he hecho algunos preparativos. Por ejemplo, en el panel de capas, tengo una capa llamada "Ventana emergente" y ahí he colocado todos los elementos que voy a necesitar incluyendo este grupo que se compone de la ventana, lo he llamado "Visible" y luego tenemos el botón que todavía no es un botón interactivo solamente una caja con texto. De modo que el primer paso es seleccionar aquí el botón, convertirlo en un botón interactivo y tal vez ponerle un nombre apropiado. Muy bien. Luego aquí, revisamos en el panel de capas, tenemos el botón "Ventana Emergente". Listo. El siguiente paso es crear un objeto de varios estados utilizando éste como uno de los estados. Sin embargo, por definición tiene que haber varios estados, necesitamos, por lo menos, dos estados para crear uno de estos objetos. Uno de los estados debe ser "Invisible" para entonces cambiar entre el estado "Visible" e "Invisible". Para ello, entonces, voy a crear un rectángulo un poco más grande que la ventana, voy a asegurarme que no tenga color de relleno ni trazo. Ahora con ambos elementos seleccionados, es decir, el cuadro y el grupo, voy a seleccionar ambos y en la ventana "Estado de Objeto" voy a crear un nuevo estado de objeto. Aquí lo tenemos. El primer estado es invisible y el segundo, por supuesto, es visible, es donde está la ventana como tal. Vamos a ponerle aquí un nombre apropiado. Le voy a llamar "Ventana Emergente" y luego la voy a colocar en posición. Más o menos por aquí por el centro del documento, estoy esperando la línea guía, ahí está, y luego la horizontal, ahí listo. De modo que tengo aquí el elemento seleccionado, el objeto de "Varios Estados" está funcionando de maravilla como esperaríamos que estuviera funcionando, y listo. Ahora, lo que queremos hacer es utilizar este botón como un activador. Para ello, entonces, de vuelta en el panel de botones voy a añadir una acción para ir a un estado y el estado que quiero ir en la ventana emergente es el "Visible". De modo que tenemos el "Visible" y el "Invisible" que hasta ahora tiene el nombre equivocado, así que podemos hacer ahí un ajuste breve para ponerle aquí el nombre "Invisible", y ahora nos podemos asegurar de que estamos en el estado correcto. Aquí entonces, estamos listos para hacer una prueba, y la voy a hacer en la ventana "Previsualización de Interactividad de EPUB." Hago clic y ahí tenemos nuestra ventana. El problema es que no tenemos una forma de cerrarla todavía y es lo que vamos a hacer a continuación. Esta vez vamos a utilizar aquí un botón, que de hecho ya está integrado a la ventana emergente, y es el que observamos aquí. Sin embargo, para que funcione correctamente me parece que la forma más sencilla de hacerlo es utilizando un cuadro invisible, que vamos a colocar más o menos en el lugar donde está el botón. Vamos a asegurarnos que en el "Panel de Capas" esté en la capa apropiada y aquí incluso le podemos poner un nombre, pero no lo vamos a hacer todavía porque ese cuadro lo vamos a convertir en un botón interactivo. Le vamos a llamar "Botón Ocultar". La acción va a ser "Ir a Estado" y el estado que queremos es "Invisible". Ahora podemos hacer una prueba y vemos cuando generamos nuevamente el "preview", activamos y, si hago clic, desactivamos. Lo único que nos resta es añadir una especie de interactividad aqui al botón para que se sepa visiblemente que esto es algo, un elemento interactivo. Lo vamos a hacer cambiando aquí la apariencia de este botón, al pasar sobre él. Lo que quiero es cambiarlo a algo, quizás, un poco más oscuro,, como este; y el texto, también vamos a aplicarle asegurándonos de que estamos en el botón correcto, de hecho. Aquí, perfecto. Y el texto en color blanco o papel. Nuevamente, regreso al estado normal y esta sería la diferencia. Vamos a probarlo nuevamente. Ahora sí que funciona mucho mejor. Hago clic, tenemos la ventana emergente y la cerramos.

InDesign CC 2017 avanzado: Documentos interactivos

Diseña documentos interactivos con InDesign, el software desarrollado por Adobe para la creación y maquetacion de documentación y preparado para todos los soportes.

3:03 horas (41 Videos)
Actualmente no hay comentarios.
 
Fecha de publicación:11/05/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.