Creación de Publicaciones Digitales Interactivas con Botones en Adobe InDesign y Exportación en Formato EPUB

Objetivo del Aprendizaje: 

Al finalizar esta guía, los estudiantes serán capaces de crear publicaciones digitales interactivas en Adobe InDesign utilizando botones para cambiar el color de objetos multiestructurados y exportar el documento final en formato EPUB. Los estudiantes aprenderán a utilizar herramientas y comandos cortos del programa para diseñar y configurar elementos interactivos.

Paso a Paso para la Creación de Publicaciones Digitales Interactivas

 Preparación del Documento

1. Abrir Adobe InDesign y Crear un Nuevo Documento

-          Comando Corto: `Ctrl + N` (Windows) / `Cmd + N` (Mac)

-          Seleccionar las dimensiones del documento según las necesidades del proyecto.

2. Importar Imágenes

-          Arrastrar y soltar las imágenes preparadas en el documento de InDesign.

-          Posicionar las imágenes en el lugar deseado.

3. Alinear Imágenes

-          Seleccionar todas las imágenes.

-          Usar el panel de Alineación para alinearlas horizontal y verticalmente.

-          Comando Corto: `Shift + Ctrl + A` (Windows) / `Shift + Cmd + A` (Mac)

 Creación del Objeto Multiestructurado

4. Agrupar Imágenes y Convertir en Objeto Multiestructurado

-          Agrupar las imágenes seleccionadas.

-          Comando Corto para Agrupar: `Ctrl + G` (Windows) / `Cmd + G` (Mac)

-          Abrir el panel de Objetos Multiestructurados.

-          Convertir las imágenes agrupadas en un solo objeto multiestructurado.

-          Asignar un nombre al objeto, por ejemplo, "camioneta".

5. Configuración de Estados del Objeto

-          Asegurarse de que cada imagen esté en un estado diferente (cada imagen representa un color diferente).

 Creación de Botones Interactivos

6. Desagrupar Imágenes

-          Desagrupar las imágenes para trabajar individualmente con ellas.

-          Comando Corto para Desagrupar: `Shift + Ctrl + G` (Windows) / `Shift + Cmd + G` (Mac)

7. Convertir Imágenes en Botones

-          Seleccionar una imagen y abrir el panel de Botones y Formularios.

-          Convertir la imagen en botón.

-          Asignar una acción al botón: "Ir al Estado".

-          Seleccionar el estado correspondiente al color de la imagen.

-          Repetir este proceso para cada imagen.

 Verificación de la Interactividad

8. Probar la Interactividad

-          Abrir la ventana de previsualización (Preview).

-          Comando Corto: `Shift + W`

-          Probar cada botón para asegurarse de que cambia al estado correcto al hacer clic.

 Exportación del Documento en Formato EPUB

9. Exportar el Documento

-          Ir al menú `Archivo > Exportar`.

-          Seleccionar el formato EPUB.

-          Configurar las opciones de exportación según las necesidades del proyecto.

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

Recursos y Herramientas

-          Paneles Utilizados:

o   Panel de Alineación

o   Panel de Objetos Multiestructurados

o   Panel de Botones y Formularios

o   Ventana de Previsualización

-          Comandos Cortos:

o   Nuevo Documento: `Ctrl + N` / `Cmd + N`

o   Alinear: `Shift + Ctrl + A` / `Shift + Cmd + A`

o   Agrupar: `Ctrl + G` / `Cmd + G`

o   Desagrupar: `Shift + Ctrl + G` / `Shift + Cmd + G`

o   Previsualización: `Shift + W`

o   Exportar: `Ctrl + E` / `Cmd + E`

Conclusión

Esta guía proporciona un marco paso a paso para crear publicaciones digitales interactivas en Adobe InDesign, utilizando botones para cambiar el color de objetos multiestructurados y exportando el documento final en formato EPUB. Siguiendo estos pasos, los estudiantes podrán mejorar sus habilidades en la creación de contenido digital interactivo, aplicando comandos cortos y herramientas específicas del programa para optimizar su flujo de trabajo.

https://www.youtube.com/watch?v=66q3x6R_aRs&list=PLAQywpvrjZ7kto_8lEEaPogib17FoCCgQ&index=5

Comentarios

Entradas populares de este blog

Efecto Agua con Adobe Photoshop

Efecto código binario en Adobe Photoshop

Tutorial: Introducción a la Terminología y Sintaxis Básica de JavaScript en Adobe Acrobat