Parte 1:Creación de Publicaciones Interactivas en EPUB con Adobe InDesign CC

https://www.youtube.com/watch?v=sokrbc2bfmk&list=PLjY56lUN9yyjvzo68nwb4gHw11Jx29EkH&index=3

Objetivo de Aprendizaje:

Aprender a utilizar Adobe InDesign CC para crear y exportar publicaciones digitales interactivas en formato EPUB, optimizando el uso de estilos de párrafo, carácter y objeto, así como integrando elementos multimedia para mejorar la experiencia del lector.

Guía de Trabajo: Paso a Paso

1. Preparación del Archivo

Paso 1: Configuración Inicial

- Abrir Adobe InDesign CC.

- Crear un Nuevo Documento: `Archivo > Nuevo > Documento` (`Ctrl+N`).

- Configurar Tamaño de Página y Márgenes: Ajustar según las necesidades del proyecto.

Paso 2: Aplicación de Estilos

- Estilos de Párrafo y Carácter:

- Crear un Estilo de Párrafo: `Ventana > Estilos > Estilos de Párrafo` (`Ctrl+F11`).

- Aplicar Estilo de Párrafo: Seleccionar texto y aplicar el estilo deseado.

- Crear un Estilo de Carácter: `Ventana > Estilos > Estilos de Carácter`.

- Aplicar Estilo de Carácter: Seleccionar texto y aplicar el estilo deseado.

- Importancia de los Estilos: Asegurarse de que todos los estilos estén correctamente aplicados para evitar un archivo EPUB grande e ineficiente.

Paso 3: División de Capítulos

- Crear Estilo de Título de Capítulo:

- Crear Estilo de Título 1: Usar este estilo para dividir capítulos.

- Configurar Estilo para EPUB: `Ventana > Estilos > Estilos de Párrafo > Editar Estilo > Etiquetas de Exportación EPUB y HTML`.

- Activar División de Documento: Activar la opción "Dividir Documento".

2. Preparación de Imágenes

Paso 1: Configuración de Imágenes

- Insertar Imágenes:

- Insertar Imagen: `Archivo > Colocar` (`Ctrl+D`).

- Ajustar Tamaño de Imagen: Asegurarse de que la imagen se ajuste a la caja de imagen.

Paso 2: Estilo de Objetos

- Crear Estilo de Objeto:

- Abrir Panel de Estilos de Objeto: `Ventana > Estilos > Estilos de Objeto`.

- Crear Nuevo Estilo de Objeto: Configurar las opciones de exportación para EPUB y HTML.

- Estilizar Contenedor: Seleccionar `Estilizar Contenedor` y configurar las opciones deseadas (p.ej., formato PNG a 96 ppi).

3. Creación de Índice

Paso 1: Configuración del Índice

- Crear Índice: `Maquetación > Tabla de Contenidos`.

- Configurar Opciones:

- Anclaje de Textos: Activar "Crear anclaje de textos en párrafo de origen".

4. Exportación a EPUB

Paso 1: Verificación del Documento

- Revisar Documento: Asegurarse de que todos los estilos y elementos interactivos estén correctamente aplicados.

Paso 2: Exportar a EPUB

- Exportar Documento: `Archivo > Exportar` (`Ctrl+E`).

- Seleccionar Formato EPUB: Elegir `EPUB (Reajustable)` o `EPUB (Diseño fijo)` según las necesidades del proyecto.

- Configurar Opciones de Exportación:

- Incluir Imágenes: Seleccionar la calidad y formato de imagen.

- Incluir Multimedia: Verificar que los videos y animaciones estén correctamente integrados.

- Generar Índice: Asegurarse de que el índice esté configurado para la navegación interactiva.

Paso 3: Finalización

- Guardar Archivo EPUB: Seleccionar la ubicación y nombre del archivo.

- Verificar Archivo EPUB: Abrir el archivo EPUB en un lector compatible (p.ej., iBooks en iOS) para asegurarse de que todos los elementos interactivos funcionen correctamente.

Comandos Cortos y Funciones Clave

- Nuevo Documento: `Ctrl+N`

- Colocar Imagen: `Ctrl+D`

- Estilos de Párrafo: `Ctrl+F11`

- Exportar Documento: `Ctrl+E`

- Panel de Estilos de Objeto: `Ventana > Estilos > Estilos de Objeto`

Recursos Adicionales

- Tutoriales en Línea: Adobe ofrece una serie de tutoriales en su sitio web y en YouTube para profundizar en el uso de InDesign.

- Foros de Soporte: Participar en foros como Adobe Community para resolver dudas y compartir experiencias con otros usuarios.

Conclusión

Esta guía proporciona un enfoque estructurado para crear publicaciones interactivas en formato EPUB utilizando Adobe InDesign CC. Siguiendo estos pasos, podrás optimizar tu flujo de trabajo y asegurar que tus publicaciones sean atractivas y funcionales para tus lectores.

Parte 2: Publicación Digital Interactiva con Adobe InDesign y la Función Publicar en Línea

Objetivo de Aprendizaje:

Aprender a utilizar Adobe InDesign para crear y publicar documentos digitales interactivos en línea, aprovechando la función "Publicar en línea" para compartir contenido de manera accesible a través de navegadores web sin la necesidad de descargar archivos EPUB.

Guía de Trabajo: Paso a Paso

1. Configuración Inicial del Espacio de Trabajo

Paso 1: Abrir Adobe InDesign CC

- Abrir Adobe InDesign CC.

Paso 2: Seleccionar el Espacio de Trabajo

- Cambiar a Espacio de Trabajo Digital Publishing:

- `Ventana > Espacio de Trabajo > Digital Publishing`.

2. Creación del Documento

Paso 1: Configurar el Nuevo Documento

- Crear Nuevo Documento:

- `Archivo > Nuevo > Documento` (`Ctrl+N`).

- Configurar el tamaño del documento a `5.5 x 8.5 pulgadas` para un tamaño tipo libro.

- Activar "Páginas Opuestas".

- Establecer el número de páginas (por ejemplo, 14 páginas).

3. Aplicación de Estilos y Configuración de Contenido

Paso 1: Crear y Aplicar Estilos de Texto

- Estilos de Párrafo:

- `Ventana > Estilos > Estilos de Párrafo` (`Ctrl+F11`).

- Crear un nuevo estilo de párrafo para los títulos de capítulo y otro para el texto del cuerpo.

- Estilos de Carácter:

- `Ventana > Estilos > Estilos de Carácter`.

- Crear estilos de carácter para resaltar texto específico.

Paso 2: Añadir Imágenes

- Insertar Imágenes:

- `Archivo > Colocar` (`Ctrl+D`).

- Ajustar el tamaño de la imagen dentro de su marco.

Paso 3: Crear Estilos de Objetos

- Estilos de Objeto:

- `Ventana > Estilos > Estilos de Objeto`.

- Crear un estilo de objeto para las imágenes, configurando las opciones de exportación para EPUB y HTML.

4. Integración de Elementos Interactivos

Paso 1: Añadir Animaciones y Medios

- Animaciones:

- `Ventana > Interactivo > Animación`.

- Configurar animaciones para los elementos según sea necesario.

- Medios:

- `Ventana > Interactivo > Medios`.

- Insertar y configurar videos y otros medios interactivos.

Paso 2: Crear Botones e Hipervínculos

- Botones:

- `Ventana > Interactivo > Botones y Formularios`.

- Crear botones interactivos y asignarles acciones (como ir a una página específica).

- Hipervínculos:

- `Ventana > Interactivo > Hipervínculos`.

- Crear enlaces dentro del documento o hacia sitios web externos.

5. Publicación en Línea

Paso 1: Verificar el Documento

- Revisar el Documento:

- Asegurarse de que todos los estilos y elementos interactivos estén correctamente aplicados.

Paso 2: Publicar en Línea

- Exportar Documento en Línea:

- `Archivo > Publicar en línea`.

- Configurar las opciones de publicación, incluyendo el título del documento y las opciones de visualización.

- Publicar el documento y obtener el enlace para compartir.

6. Comandos Cortos y Funciones Clave

- Nuevo Documento: `Ctrl+N`

- Colocar Imagen: `Ctrl+D`

- Estilos de Párrafo: `Ctrl+F11`

- Panel de Estilos de Objeto: `Ventana > Estilos > Estilos de Objeto`

- Exportar Documento: `Archivo > Publicar en línea`

Recursos Adicionales

- Tutoriales en Línea: Adobe ofrece tutoriales en su sitio web y en YouTube para profundizar en el uso de InDesign.

- Foros de Soporte: Participar en foros como Adobe Community para resolver dudas y compartir experiencias con otros usuarios.

Conclusión

Esta guía proporciona un enfoque estructurado para crear y publicar documentos digitales interactivos utilizando Adobe InDesign y la función "Publicar en línea". Siguiendo estos pasos, podrás optimizar tu flujo de trabajo y asegurar que tus publicaciones sean accesibles y funcionales para tus lectores a través de cualquier navegador web sin necesidad de descargar archivos adicionales.

Parte 3: Guía de Trabajo: Creación y Exportación de Publicaciones Digitales en EPUB con Adobe InDesign

Objetivo de Aprendizaje:

El objetivo de esta guía es proporcionar a los usuarios las habilidades necesarias para crear y exportar publicaciones digitales en formato EPUB utilizando Adobe InDesign. Los usuarios aprenderán a utilizar herramientas y comandos cortos, así como a integrar interactividad y animaciones en sus documentos.

Paso a Paso:

1. Configuración Inicial del Documento

1.1 Crear un Nuevo Documento:

- Abre Adobe InDesign.

- Ve a Archivo > Nuevo > Documento (Ctrl+N).

- Configura el tamaño de página, márgenes y sangrías según las necesidades del proyecto.

- Selecciona "Páginas opuestas" si deseas un diseño de doble página.

1.2 Configurar Páginas:

- Para ajustar las páginas enfrentadas, ve al panel de páginas (F12).

- Haz clic derecho en una página y desmarca "Permitir que las páginas del documento se mezclen" para organizar manualmente las páginas.

2. Diseño de Páginas

2.1 Añadir Elementos de Diseño:

- Utiliza la Herramienta de Rectángulo (M) para crear formas básicas.

- Cambia el color de relleno y trazo desde el panel de Color (F6).

2.2 Ajustar Formas:

- Con la Herramienta Pluma (P), haz clic en un punto existente para eliminarlo y crear formas personalizadas como triángulos.

3. Interactividad y Animación

3.1 Añadir Animaciones:

- Cambia al espacio de trabajo de Publicación Digital (Ventana > Espacio de trabajo > Publicación Digital).

- Abre el panel de Animación (Ventana > Interactivo > Animación).

- Selecciona un objeto y aplica un preajuste de animación desde el panel.

3.2 Configurar Animaciones:

- Ajusta las propiedades de animación, como la duración y el tipo de entrada/salida.

- Utiliza el panel de Previsualización (Ventana > Interactivo > Previsualización de EPUB) para ver la animación en acción.

3.3 Sincronizar Animaciones:

- Abre el panel de Tiempo (Ventana > Interactivo > Tiempo).

- Selecciona las animaciones que deseas sincronizar y haz clic en el icono de enlace para unirlas.

4. Creación de Contenido Interactivo

4.1 Añadir Hipervínculos:

- Selecciona el texto u objeto.

- Ve a Ventana > Interactivo > Hipervínculos.

- Introduce la URL o selecciona una página del documento.

4.2 Crear Botones Interactivos:

- Selecciona un objeto y ve al panel de Botones y Formularios (Ventana > Interactivo > Botones y Formularios).

- Configura las acciones del botón, como "Ir a página", "Mostrar/Ocultar botones", etc.

5. Exportación a EPUB

5.1 Preparar el Documento:

- Asegúrate de que todas las fuentes y enlaces estén correctamente incrustados.

- Ve a Archivo > Exportar (Ctrl+E).

5.2 Configurar Opciones de Exportación:

- Selecciona EPUB (Reflujo) o EPUB (Fijo) según el tipo de contenido.

- Configura las opciones de exportación, como las propiedades de metadatos y la conversión de imágenes.

5.3 Exportar el Documento:

- Haz clic en Exportar y revisa el archivo EPUB generado en un lector de EPUB compatible.

Comandos Cortos y Funciones

- Nuevo Documento: Ctrl+N

- Guardar Documento: Ctrl+S

- Exportar: Ctrl+E

- Deshacer: Ctrl+Z

- Herramienta Selección: V

- Herramienta Texto: T

- Herramienta Pluma: P

- Herramienta de Rectángulo: M

- Mostrar/Ocultar Páginas: F12

- Abrir Panel de Animación: Shift+F12

Esta guía proporciona un recorrido completo por las herramientas y funcionalidades esenciales de Adobe InDesign para crear publicaciones digitales interactivas en formato EPUB. Con esta guía, los usuarios estarán equipados para diseñar, animar y exportar contenido digital de alta calidad.

Parte 4: Creación de Publicaciones Digitales Interactivas en Adobe InDesign

Objetivo del Aprendizaje

El objetivo de esta guía es capacitar a los usuarios en la creación y exportación de publicaciones digitales interactivas en formato EPUB utilizando Adobe InDesign. Los usuarios aprenderán a diseñar presentaciones visuales con animaciones, botones interactivos, videos y enlaces, optimizando el contenido para una experiencia de lectura dinámica y accesible.

Guía de Trabajo: Paso a Paso

1. Preparación del Documento

1. Crear un Nuevo Documento:

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

- Ajustar las dimensiones y configuraciones según sea necesario para la publicación digital.

2. Configurar Páginas:

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

- Seleccionar "Documento EPUB" para establecer la base de una publicación digital.

2. Inserción y Manipulación de Imágenes

1. Colocar una Imagen:

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

- Seleccionar la imagen desde el disco duro y colocarla en la página.

2. Dibujar un Marco para la Imagen:

- Seleccionar la herramienta de marco (`F`).

- Dibujar el marco en la página y ajustar el tamaño según sea necesario.

3. Duplicar Marcos:

- Seleccionar el marco.

- Comando: `Alt + Arrastrar` (Windows) / `Option + Arrastrar` (Mac) para duplicar el marco y crear múltiples copias idénticas.

4. Ajustar Imagen al Marco:

- Seleccionar la imagen.

- Comando: `Ctrl + Shift + Alt + E` (Windows) / `Cmd + Shift + Option + E` (Mac) para ajustar la imagen al marco proporcionalmente.

3. Creación de Diapositivas Interactivas

Seleccionar y Alinear Marcos:

- Seleccionar todos los marcos con imágenes.

- Usar las opciones de alineación en el panel de control para alinear los marcos horizontal y verticalmente.

2. Crear Objetos de Estado:

- Con los marcos seleccionados, abrir el panel "Estados de Objeto".

- Comando: `Ctrl + Alt + O` (Windows) / `Cmd + Option + O` (Mac)

- Crear un nuevo estado de objeto para agrupar las imágenes como una presentación de diapositivas.

3. Agregar Botones de Navegación:

- Abrir el panel "Botones y Formularios".

- Seleccionar los botones predefinidos o crear los propios.

- Asignar acciones a los botones (Ej. ir al estado anterior/siguiente del objeto multiestado).

4. Inserción de Enlaces y Multimedia

1. Agregar un Hipervínculo:

- Seleccionar el texto o imagen que será el hipervínculo.

- Abrir el panel "Hipervínculos".

- Comando: `Ctrl + Alt + Shift + K` (Windows) / `Cmd + Option + Shift + K` (Mac)

- Introducir la URL destino y aplicar el enlace.

2. Insertar Video:

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

- Seleccionar el archivo de video y colocarlo en la página.

- Ajustar el tamaño del marco de video.

3. Configurar Controles de Video:

- Abrir el panel "Medios".

- Seleccionar opciones de controlador de video (mostrar al pasar el cursor, reproducción automática, etc.).

- Establecer una imagen de póster para el video.

5. Exportación del Documento EPUB

1. Exportar como EPUB:

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

- Seleccionar "EPUB (Formato de diseño fijo)".

- Configurar las opciones de exportación (incluir metadatos, resolución de imágenes, etc.).

- Guardar el archivo y revisar en una aplicación de lectura de EPUB.

Recursos Adicionales

- Panel de Animación: `Ctrl + Shift + F9` (Windows) / `Cmd + Shift + F9` (Mac)

- Panel de Botones y Formularios: `Ctrl + Shift + F11` (Windows) / `Cmd + Shift + F11` (Mac)

- Panel de Hipervínculos: `Ctrl + Alt + Shift + K` (Windows) / `Cmd + Option + Shift + K` (Mac)

- Panel de Medios: `Ctrl + Alt + Shift + F8` (Windows) / `Cmd + Option + Shift + F8` (Mac)

Esta guía te ayudará a crear publicaciones digitales interactivas y profesionales, optimizando el uso de Adobe InDesign para la creación de contenido atractivo y funcional en formato EPUB.