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

Creación de botones avanzados en InDesign CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
El proceso de crear botones interactivos para EPUB3 o SWF es muy similar al que usamos cuando trabajamos documentos para PDF. Sin embargo, no estamos limitados en lo que podemos lograr. En este video veremos cómo crear estados de apariencia y personalizar un botón interactivo.
04:44

Transcripción

El proceso de crear botones interactivos para EPUB3 o SWF es muy similar al que usamos cuando trabajamos documentos para PDF. Sin embargo, no estamos limitados a lo que podemos lograr. Por ejemplo, en la página 8 de este documento «Salud y bienestar básico», me gustaría, en la parte inferior, trabajar con los botones que, eventualmente, van a ser parte de una proyección de diapositivas. Aquí tenemos unos botones que nos van a permitir navegar hacia la izquierda y derecha y luego unos botones miniaturas que también nos van a permitir activar la imagen en grande. Voy a comenzar aquí con estas pequeñas flechas que tenemos en los cuadros correspondientes. Selecciono primero el lado izquierdo, de hecho, puedo seleccionar a ambos y convertirlos todos de una sola vez a botones interactivos y luego voy a pasar a trabajar exclusivamente con esta. Voy a cambiar el nombre para que sea más fácil identificar como "Botón izquierdo", y por acá el "Botón derecho", perfecto. Ahora, seleccionando el "Botón izquierdo", voy a añadir un nuevo "Estado de apariencia" al pasar sobre él. Una vez añadido, voy a hacer doble clic sobre el botón para seleccionar el cuadro y ahora voy a cambiar el color de relleno a papel. Eso es todo lo que voy a hacer realmente. Y lo mismo voy a hacer con el lado derecho. Lo único que tengo que asegurarme de regresar al "estado normal", una vez haya finalizado los proyectos aquí. Así que selecciono este, creo un nuevo estado, doble clic y convertimos aquí el relleno a papel. Tal vez convenga, en este momento, seleccionar también el texto y cambiarlo de color para que se note un poco más. Me parece que eso está perfecto. Vamos a hacer lo mismo con este. Doble clic nuevamente para seleccionar el texto y convertirlo a negro. Regresamos a normal y ya, prácticamente, tenemos listo ese efecto al pasar sobre él. Ahora voy a trabajar con los botones que tengo aquí. Todavía no son botones, de hecho, son sencillamente miniaturas. Voy, entonces, a convertirlas a botones interactivos. También voy a trabajar con el nombre. Primero... ...segundo ...tercero. En el caso del primero, voy a crear dos estados al pasar sobre él y clic. El "estado de clic" es lo que ocurre cuando la persona hace clic en el botón. Voy a seleccionar el estado al pasar sobre él y voy a cambiar la apariencia. En este caso, veo que el cuadro tiene un relleno de este color, una especie de magenta RGB. Sin embargo, yo voy a trabajar con la imagen como tal y voy a reducir la opacidad, digamos un 50%. Me parece bien. Ahora podemos ver la diferencia entre un estado y el otro. Finalmente, en el caso del clic, de nuevo, voy a trabajar exclusivamente con la imagen y la voy a reducir a un 30%, de modo que el efecto va a ser más evidente cuando la persona hace clic en el botón. Lo mismo voy a hacer con el segundo. Creamos dos estados adicionales. Seleccionamos el estado que queremos modificar, la imagen solamente, reducimos la opacidad y lo mismo hacemos con el estado de clic. Importante mencionar que estoy solamente seleccionando la imagen y, de esa manera, el cuadro delimitador se queda intacto. Regreso siempre al normal. Como dicen que la repetición es la madre de la retención, vamos a hacerlo una vez más, para asegurarnos de que tengamos el concepto completamente dominado. Reducimos la opacidad en cada uno de los estados según sea necesario. Regreso a normal y listo. Ahora lo que queda es previsualizarlo y lo vamos a hacer precisamente en el cuadro de "Previsualización de interactividad de EPUB". Aquí tenemos el resultado al pasar sobre él, y cuando hago clic se hace más evidente la interacción.

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.