El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

InDesign CC 2017 avanzado: Documentos interactivos

Crear una proyección de diapositivas en InDesign

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Uno de los elementos interactivos más divertidos es la proyección de diapositivas, y en este video veremos cómo superar algunas limitaciones de InDesign para crear un elemento interactivo verdaderamente impactante.
09:02

Transcripción

Uno de los elementos interactivos más divertidos es la proyección de diapositivas. Y aunque el formato PDF nos limita un poco en cuanto a lo que podemos hacer en InDesign; en este video te enseñaré cómo superar este problema para crear disapositivas impresionantes. En la página cuatro del documento Guía-Vacaciones, me gustaría convertir esta imagen y las que están detrás en una proyección de diapositivas. Y para eso he hecho algunos preparativos. Por ejemplo, en el panel de "Capas" tengo una capa exclusiva para todas las imágenes, se llama: "Diapositivas"; y aquí puedo mostrar cada una de ellas, perfectamente alineadas. Eso es importante para que el truco quede como se supone. Bien, otra cosa que he hecho es que he convertido cada una de esas imágenes en un botón interactivo. Por ejemplo, si selecciono la primera veo que se llama "Botón primero"; luego la imagen segunda, *"Botón segundo"; "tercero", y finalmente, la última imagen con el "Botón último". Además de eso, aquí en el panel "Botones" voy a ver que cada uno de estos botones le he asignado una acción especial, y es la acción "Mostrar/Ocultar botones y formularios". La voy a encontrar, precisamente, en el primer conjunto que aplica a las acciones que tienen que ver con todos los documentos interactivos que podemos crear en InDesign. Bien, de modo que esos son los preparativos que he hecho. Ahora, para el siguiente paso, voy desplegar el panel de "Capas" como un panel flotante. Lo voy a colocar aquí, al lado del de "Botones", y la ventana la voy a mover hacia un lado; creo que así podemos apreciar un poco más lo que está ocurriendo. El próximo paso es duplicar cada una de estas imágenes o botones interactivos, porque lo que quiero es crear unas miniaturas aquí en la parte inferior. Las miniaturas van a ser botones, que cuando la persona pulse, va entonces a mostrar la imagen en grande, en el lugar correspondiente. De modo que voy a seleccionar cada uno de los elementos, voy a duplicar con la tecla de "Opción" o la tecla de "Alt" en PC, y la voy a mover aquí hacia la mesa de trabajo. Ahora, con los botones duplicados, voy a moverlos dentro de esta capa que está vacía en este momento, que se llama "Botones-diapositiva". Los muevo, los coloco allí, y ahora tengo entonces un duplicado de cada una de las imágenes. La ventaja es que cada imagen ya está convertida a botón interactivo y tiene el nombre correspondiente; con la excepción de cada miniatura tiene entonces un número uno al lado del nombre. De modo que tenemos "Botón primero 1", esa corresponde a la imagen botón primero. ¡Perfecto! Ahora, las ponemos a tamaño. Rápidamente lo podemos hacer, ya con las herramientas InDesign, y, luego, las ponemos en su lugar. Para eso, de nuevo, con el panel de "Capas", selecciono la última, la puedo entonces mover con la flechita aquí en el teclado. Voy a ir ajustando cada una, según sea necesario; incluso, puedo seleccionarlas todas a la misma vez. Y con el panel de "Alinear" las puedo distribuir equitativamente utilizando el centro como punto de referencia; sin embargo, aquí voy a tener un pequeño problema por el tamaño, así que, voy a hacer aquí un ajuste, de nuevo las selecciono todas, y nuevamente, hago lo propio. ¡Listo! Ya tenemos cada uno de los botones. El próximo paso, de nuevo lo voy a hacer con el panel de "Capas" y el panel de "Botones y formularios". Y ahora, tengo que seleccionar el primer botón interactivo, "Botón primero" con el número "1" corresponde aquí a la miniatura. Veo que no tenemos acciones aquí para estos botones, así que tenemos que asignarlos de nuevo. "Mostrar/Ocultar botones" Por cada uno de ellos vamos a asignar la misma acción. "Mostrar", y finalmente, aquí, "Mostrar/Ocultar" Ahora, voy a regresar al primer botón y aquí es donde vamos a asignarle qué es lo que vamos a mostrar, qué es lo que vamos a ocultar. Se supone que cuando la persona pulsa este botón, solamente muestre en la imagen uno que, si bien recordamos, se llama "Botón primero". De modo que aquí, en la "Visibilidad" le voy a decir que cuando la persona, "Al liberar o tocar", entonces muestre solamente el "Botón primero". Y aquí el icono de la "Visibilidad" me muestra que precisamente eso es lo que va a ocurrir. Por otro lado, no quiero que muestre el "Botón último", de modo que pulso dos veces, no quiero que muestre el "Botón tercero" ni tampoco el "Botón segundo". Solamente va a mostrar el "Botón primero". Lo mismo vamos a hacer entonces con el segundo botón de miniatura, en este caso queremos solamente revelar la imagen grande que se llama "Botón segundo"; todas las demás las vamos a ocultar. Tercero: revelamos "Botón tercero", ocultamos las demás, y, finalmente, para esta vamos a solamente revelar "Botón último", todas las demás las vamos a ocultar. De modo que, ya estamos listos, ya creo que hemos configurado todo lo que necesitamos aquí, y ahora vamos a previsualizar cómo se ve esto a través de "Vista previa de SWF", "SWF", ponerle un tamaño que se aprecie un poco más. En este caso, solamente, voy a generar la página en la que actualmente estoy, que es la número cuatro; así que selecciono el ícono de página y hacemos la reproducción de la vista previa, y aquí la tenemos. De modo que, cuando oprimo el primer botón, no pasa nada porque ya estamos en el primer botón. Vamos al segundo, tercero y cuarto. Efectivamente, todo funciona de maravilla. El único cambio que haría es con el estado de este botón para que se vea un poco más interactivo. Vamos a hacer eso nuevamente. Seleccionamos el primer botón, utilizo "Botones y formularios", creo un segundo estado. Y este estado, lo que vamos a hacer es que... vamos hacer un poco algo diferente con cada uno de ellos. Y en el estado "Normal" queremos que haya una opacidad de 60%. Por supuesto, el marco, seleccionando cada uno de estos botones, debería ya contar con un relleno blanco, y luego para... la imagen solamente, vamos a colocar aquí un por ciento de 60, y eso vamos a hacer por cada uno de ellas. Y la última, tenemos aquí 60% en la opacidad. Finalmente, vemos aquí lo que sería "Normal", el estado "Al pasar sobre él". Por cada una de ellas podemos observar lo que ocurre. Aquí tenemos un problema, y es que teníamos activado el modo de "Apariencia" "Al pasar sobre él", cuando hicimos el cambio. Así que aquí tenemos que hacer un cambio, tal vez, lo más prudente sería, para ahorrar tiempo, es que aquí, en "Normal", colocamos un 100%, y "Al pasar sobre él", entonces, colocamos un 60%. Y me parece que, entonces, todas las demás estarían igual. Vamos a asegurarnos de que aquí el relleno sea "Papel", y listo. Todas deben quedarse en el estado "Normal" cuando terminemos con lo que estemos haciendo aquí con los estados. Y, finalmente, para diferenciar un poco a las miniaturas del fondo les podemos colocar aquí un borde, digamos de cinco puntos. De nuevo, lo que nostros hagamos aquí es importante que lo hagamos dentro de la "Apariencia" "Normal". Finalmente, podemos previsualizar esto en una vista previa. Y, finalmente, entonces, tenemos, no solamente, el efecto de diapositiva pero también de los estados "Al pasar sobre él".

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.