Creación de Hotspots Interactivos Invisibles en Adobe InDesign

Objetivo del Aprendizaje

Aprender a crear elementos interactivos invisibles (hotspots) en Adobe InDesign que se activan mediante eventos de ratón, como pasar el cursor por encima (rollover), para enriquecer documentos digitales interactivos en formato EPUB.

 Guía de Trabajo Paso a Paso

 1. Configuración Inicial

1.      Abrir Adobe InDesign: Inicia Adobe InDesign y abre el documento en el que deseas trabajar o crea uno nuevo.

2.      Preparar el Documento: Asegúrate de tener los elementos gráficos o textos sobre los que deseas agregar los hotspots.

 2. Creación del Hotspot Invisible

1.      Seleccionar la Herramienta de Rectángulo:

-          Comando corto: Tecla `M` para seleccionar la herramienta de rectángulo.

-          Función: Esta herramienta permite dibujar un contenedor sin relleno ni borde que será invisible.

2.      Dibujar el Hotspot:

-          Acción: Haz clic y arrastra para dibujar un rectángulo en la zona donde deseas crear el hotspot.

-          Nota: Este rectángulo será invisible en el documento final.

3.      Convertir el Rectángulo en un Botón Interactivo

1.      Abrir el Panel de Botones y Formularios:

o   Acción: Ve a `Ventana > Interactivo > Botones y Formularios` para abrir el panel.

o   Función: Este panel permite convertir objetos en elementos interactivos.

2. Convertir a Botón:

o   Acción: Con el rectángulo seleccionado, haz clic en "Convertir a Botón" en el panel de Botones y Formularios.

o   Función: Esto transforma el rectángulo en un botón interactivo.

3. Nombrar el Botón:

o   Acción: Asigna un nombre descriptivo al botón, por ejemplo, "Motor_Btn" y presiona `Enter` para guardar el nombre.

o   Nota: Es importante nombrar correctamente los botones para organizarlos y referenciarlos fácilmente.

 4. Configurar Eventos y Acciones

1.      Seleccionar Evento de Rollover:

o   Acción: En el panel de Botones y Formularios, cambia el evento predeterminado "Al soltar o tocar" a "Al pasar el ratón" (`On Rollover`).

o   Función: Esto define que la acción se desencadene cuando el usuario pase el ratón sobre el hotspot.

2.      Agregar Acción de Mostrar/Ocultar:

o   Acción: Haz clic en el ícono de `+` para agregar una nueva acción y selecciona "Mostrar/Ocultar Botones y Formularios".

o   Función: Permite que un botón específico (por ejemplo, una burbuja de información) aparezca cuando el usuario pasa el ratón sobre el hotspot.

o   Configuración: Selecciona el botón que deseas mostrar (por ejemplo, "Info3") y asegúrate de que el ícono del ojo esté visible.

3.      Configurar Evento de Roll Off:

o   Acción: Añade otra acción para el evento "Roll Off". Selecciona nuevamente "Mostrar/Ocultar Botones y Formularios" y elige el mismo botón ("Info3"), pero esta vez asegúrate de que el ícono del ojo tenga una línea roja para indicar que debe ocultarse.

o   Función: Esto define que la burbuja de información se oculte cuando el usuario retire el ratón del hotspot.

 5. Ajustar la Visibilidad Inicial de los Botones

1. Configurar Ocultación Inicial:

-          Acción: Selecciona el botón de información (por ejemplo, "Info3"), ve al panel de Botones y Formularios y marca la opción "Oculto hasta activar".

-          Función: Asegura que el botón de información esté oculto en el documento inicial y solo se muestre cuando se active el evento de rollover.

 6. Previsualizar y Exportar

1.      Previsualizar Interactividad:

-          Acción: Utiliza el botón de `Vista Previa` en el panel de Botones y Formularios para ver cómo se comporta el documento.

-          Función: Te permite comprobar que los eventos de rollover y roll off funcionan correctamente.

2.      Exportar el Documento:

-          Acción: Exporta el documento como EPUB, PDF interactivo o HTML según tus necesidades.

-          Comando corto: `Ctrl + E` (Windows) / `Cmd + E` (Mac) para abrir la ventana de exportación.

-          Función: Permite elegir el formato de exportación y configurar las opciones de interactividad.

 Resumen de Comandos Cortos

-          Herramienta de Rectángulo: `M`

-          Abrir Panel de Botones y Formularios: `Ventana > Interactivo > Botones y Formularios`

-          Exportar: `Ctrl + E` (Windows) / `Cmd + E` (Mac)

 Consejos Adicionales

-          Organiza tus capas: Usa el panel de capas para organizar tus elementos interactivos y mantener un flujo de trabajo ordenado.

-          Prueba tu interactividad: Siempre previsualiza y prueba tus documentos interactivos en diferentes dispositivos y lectores de EPUB para asegurar una experiencia de usuario consistente.

 Recursos Adicionales

-          Lodestone Training:

Con esta guía, serás capaz de crear documentos digitales interactivos y profesionales utilizando Adobe InDesign, mejorando así la experiencia del usuario final.