Want to create interactive content? It’s easy in Genially!

Reuse this genially

Diseño editorial 11 interacción de archivos

Osvaldo Barrita Sier

Created on November 16, 2021

Start designing with a free template

Discover more than 1500 professional designs like these:

Modern Presentation

Terrazzo Presentation

Colorful Presentation

Modular Structure Presentation

Chromatic Presentation

City Presentation

News Presentation

Transcript

Reto del día

En el libro previamente diseñado crea hipervinculos a paginas determinadas y a paginas web fuera del documento

Creación de documentos interactivos para PDF

  • Puede exportar documentos Adobe PDF en los que se incluyan las siguientes características interactivas.
  • Marcadores: Los marcadores creados en el documento de InDesign aparecen en la ficha Marcadores, en la parte izquierda de la ventana de Adobe Acrobat o Adobe Reader. Cada marcador salta a una página, texto o gráfico en el archivo PDF exportado.
  • Clips de película y sonido: Puede añadir películas y clips de sonido a un documento o crear vínculos con archivos de secuencia de vídeo en Internet. Estos clips de película y sonido pueden reproducirse en el archivo PDF exportado.
  • Hipervínculos: En un documento PDF exportado, si hace clic en un hipervínculo, éste le dirigirá a otra ubicación en el mismo documento, a un documento diferente o a un sitio web.

Creación de documentos interactivos para PDF

Referencias cruzadas; Una referencia cruzada remite a los lectores de una parte del documento a otra en el archivo PDF exportado. Las referencias cruzadas son especialmente útiles en las guías del usuario y en los manuales de referencia. Al exportar a PDF un documento con referencias cruzadas, éstas actúan como hipervínculos interactivos. Transiciones de página: Las transiciones de página muestran un efecto decorativo, como Disolver o Limpiar, al pasar las páginas del PDF exportado en el modo de pantalla completa.

Previsualización de documentos interactivos

  • Use el panel Previsualización para previsualizar la interactividad y animación de la selección y del pliego actual, o de todo el documento. El panel Previsualización se puede redimensionar, acoplar, mostrar flotante o bien moverse a un segundo monitor.
  • Elija Ventana > Interactivo > Previsualización.
  • Para previsualizar la interactividad y animación, realice una de estas acciones:
  • Para previsualizar la selección actual, haga clic en el botón Definir modo Previsualizar selección .
  • Para previsualizar el pliego actual, haga clic en el botón Definir modo Previsualizar pliego .

Previsualización de documentos interactivos

  • Para previsualizar el documento actual, haga clic en el botón Definir modo Previsualizar documento .
  • Haga clic en el botón Reproducir previsualización para previsualizar la selección, el pliego o el documento. Si es necesario, en el panel Previsualización, haga clic en elementos interactivos, como botones, para probarlos.
  • Si va a previsualizar el documento, puede hacer clic en las flechas Ir a página anterior e Ir a página siguiente del final del panel para ir a otras páginas.

Uso del modo de presentación

  • El modo Presentación muestra el documento de InDesign activo como una presentación. En el modo Presentación, el menú de la aplicación, los paneles, las guías y los bordes de marcos están ocultos. El área de fondo tiene un color oscuro de forma predeterminada cuando el tamaño del documento tiene una proporción diferente a las dimensiones del monitor actual.
  • El modo Presentación es una función muy útil vinculada con Adobe Connect. Puede iniciar un encuentro Web con el comando Archivo > Compartir mi pantalla. Cuando la pantalla se empieza a compartir, puede poner el documento de InDesign en el modo Presentación.
  • Elija Ver > Modo de pantalla > Presentación.
  • Utilice una de las siguientes combinaciones de tecla.

Uso del modo de presentación

  • Haga clic con el botón derecho del ratón, pulse la flecha derecha o pulse AvPág // Pliego siguiente
  • Pulse Mayús y haga clic, haga clic con el botón derecho del ratón, pulse la flecha izquierda o pulse RePág // Pliego anterior
  • Salir del modo Presentación // Esc
  • Primer pliego // Inicio
  • Último pliego // Fin
  • Cambiar el color de fondo a negro // B
  • Cambiar el color de fondo a blanco // W
  • Cambiar el color de fondo a gris // G

Hipervínculos

  • Puede crear hipervínculos para que, tras exportar el documento a Adobe PDF o SWF en InDesign, los usuarios puedan hacer clic en un vínculo para saltar a otras ubicaciones del mismo documento, a otros documentos o a sitios web. Los hipervínculos de archivos en PDF y SWF no estarán activos cuando se exporten a InCopy.
  • Un origen es un texto con hipervínculo, un marco de texto con hipervínculo o un marco de gráfico con hipervínculo. Un destino es la URL, archivo, dirección de correo electrónico, página, anclaje de texto o destino compartido al que salta un hipervínculo. Un origen solo puede saltar a un destino, pero varios orígenes pueden saltar al mismo destino.

Hipervínculos

  • Crear hipervínculos a páginas web (URL) Puede utilizar varios métodos diferentes para crear hipervínculos a distintas URL. Al especificar una URL, puede utilizar cualquier protocolo válido de Internet: http://, file://, ftp://, o mailto://.
  • Haga clic con el botón derecho en el texto, marco o gráfico seleccionado y, a continuación, seleccione Hipervínculos > Nuevo hipervínculo. Se abrirá el cuadro de diálogo Nuevo hipervínculo.

Hipervínculos

  • Seleccione una URL de destino correcta:
  • En el cuadro de texto URL, escriba o pegue el nombre de la URL. Asegúrese de que la opción de URL esté seleccionada en el menú desplegable Vincular a.
  • En el menú desplegable URL, seleccione una URL previamente añadida. La apariencia del hipervínculo es la misma que la que se utilizó en la anterior URL.
  • Ajuste o cambie la configuración del aspecto en la pestaña Apariencia.
  • Indique el texto alternativo en la pestaña Accesibilidad. Aparecerá cuando no se muestre la imagen.
  • Haga clic en OK.

Creación de hipervínculos a archivos

  • Si crea un hipervínculo a un archivo, al hacer clic en el hipervínculo del PDF o SWF exportado, el archivo se abre en su aplicación nativa (Microsoft Word para archivos .doc, por ejemplo).
  • Seleccione el texto, marco o gráfico que desee establecer como origen del hipervínculo.
  • Elija Nuevo hipervínculo en el menú del panel Hipervínculos o haga clic en el botón Crear nuevo hipervínculo de la parte inferior del panel Hipervínculos.
  • En el cuadro de diálogo Nuevo hipervínculo, seleccione Archivo en el menú Vincular a.
  • Para la ruta de acceso, escriba el nombre de la ruta o haga clic en el botón de carpeta para localizar y hacer doble clic en el nombre de archivo.
  • Seleccione Destino de hipervínculo compartido si desea almacenar el archivo en el panel Hipervínculos y facilitar así su reutilización.
  • Elija la apariencia del origen del hipervínculo y, a continuación, haga clic en OK.

Crear hipervínculos a mensajes de correo electrónico

  • Seleccione el texto, marco o gráfico que desee establecer como origen del hipervínculo.
  • Elija Nuevo hipervínculo en el menú del panel Hipervínculos o haga clic en el botón Crear nuevo hipervínculo de la parte inferior del panel Hipervínculos.
  • En el cuadro de diálogo Nuevo Hipervínculo, elija Correo electrónico en el menú Vincular a.
  • En Dirección, escriba la dirección de correo electrónico como, por ejemplo, username@company.com.
  • En Línea de asunto, escriba el texto que aparece en la línea de asunto del mensaje de correo electrónico.
  • Seleccione Destino de hipervínculo compartido si desea almacenar el mensaje de correo electrónico en el panel Hipervínculos y facilitar así su reutilización.
  • Elija la apariencia del origen del hipervínculo y, a continuación, haga clic en OK.

Crear hipervínculos a páginas

  • Puede crear un hipervínculo a una página sin crear primero un destino. Sin embargo, al crear un destino de página, puede indicar un número de página y configuración de visualización.
  • Seleccione el texto, marco o gráfico que desee establecer como origen del hipervínculo.
  • Elija Nuevo hipervínculo en el menú del panel Hipervínculos o haga clic en el botón Crear nuevo hipervínculo de la parte inferior del panel Hipervínculos.
  • En el cuadro de diálogo Nuevo hipervínculo, seleccione Página en el menú Vincular a.
  • En Documento, seleccione el documento que incluya el destino al que desee saltar. Todos los documentos abiertos guardados aparecen en el menú emergente. Si el documento que está buscando no está abierto, seleccione Examinar en el menú emergente, busque el archivo y haga clic en Abrir.
  • En Página, indique el número de página al que desee saltar.

Crear hipervínculos a páginas

  • En Configuración de zoom, realice una de las acciones siguientes para seleccionar el aspecto de la página a la que saltará:
  • Seleccione Fija para ver el nivel de aumento y la posición de la página en el momento de crear el vínculo.
  • Seleccione Ajustar vista para que la parte visible de la página se muestre como el destino.
  • Seleccione Encajar en ventana para ver la página actual en la ventana de destino.
  • Seleccione Encajar ancho o Encajar alto para ver el ancho o el alto de la página actual en la ventana de destino.
  • Seleccione Ajustar área visible para ver la página de manera que el texto y los gráficos encajen en el ancho de la ventana, lo que normalmente significa que no se ven los márgenes.
  • Seleccione Zoom anterior para ver la ventana de destino con el nivel de aumento que el lector usará al hacer clic en el hipervínculo.
  • Especifique las opciones de apariencia y haga clic en OK.

Apariencia de hipervínculo

  • Las opciones determinan la apariencia del hipervínculo o la referencia cruzada en el archivo PDF o SWF exportado. Si selecciona Ver > Extras > Mostrar hipervínculos, estas opciones de apariencia también se muestran en el documento de InDesign.
  • Estilo de carácter:
  • Seleccione un estilo de carácter para aplicar al origen de hipervínculo.
  • De forma predeterminada, InDesign aplica el estilo de hipervínculo al texto u objeto seleccionado. Para texto, puede seleccionar fácilmente un estilo diferente en el menú desplegable Estilo del cuadro de diálogo Nuevo hipervínculo.
  • Para un objeto no textual, InDesign aplica un identificador visual temporal de diseño a los vínculos; una línea de puntos alrededor del objeto con el color heredado de color de la capa.

Apariencia de hipervínculo

  • Tipografía: Seleccione Rectángulo visible o Rectángulo invisible.
  • Resaltado: Seleccione Invertir, Contorno, Margen o Ninguno. Estas opciones determinan la apariencia del hipervínculo cuando se hace clic sobre él en el archivo PDF o SWF.
  • Color: Seleccione un color para el rectángulo visible del hipervínculo.
  • Anchura: Seleccione Delgado, Medio o Grueso para determinar el grosor del rectángulo del hipervínculo.
  • Estilo: Seleccione Sólido o Discontinuo para determinar la apariencia del rectángulo del hipervínculo.

Creación de botones

  • Puede crear botones que realicen una acción al exportar el documento a formato EPUB, PDF o SWF. Por ejemplo, puede crear un botón que salte a otra página o abra un sitio web.
  • Configuración de los botones para reproducir películas en un PDF exportado
  • Configuración de los botones para reproducir películas en un PDF exportado
  • Al crear un botón, puede realizar alguna de las siguientes acciones:
  • Cree botones interactivos en el panel Botones y formularios. Cuando un usuario hace clic en un botón del archivo EPUB, PDF o SWF de la maquetación fija exportado, tiene lugar una acción. Consulte Crear botones interactivos.
  • Vaya a la sección Apariencia del panel Botones y formularios para definir el aspecto que el botón adquirirá en respuesta a determinadas acciones del ratón.
  • Cree objetos de varios estados en el panel Estados de objeto.
  • Cree un efecto de “segmento o vínculo de trazado“ que muestre una imagen al pasar el puntero sobre un botón o hacer clic en él.

Crear un botón

  • Use la herramienta Pluma o una herramienta de dibujo, como la herramienta Rectángulo o Elipse para dibujar la forma del botón. Si fuera necesario, use la herramienta Texto para añadir texto al botón como, por ejemplo “Siguiente“ o “Comprar“.
  • Use la herramienta Selección para seleccionar el marco de imagen, forma o texto que desee convertir.
  • No ocurre lo mismo con una película, un sonido o un póster.
  • Haga clic en el icono Convertir en botón del panel Botones y formularios (elija Ventana > Interactivo > Botones y formularios). O bien, elija Objeto > Interactivo > Convertir en botón.

Crear un botón

  • En el panel Botones y formularios, siga uno de los procedimientos siguientes:
  • Seleccione Botónen el menú desplegable Texto.
  • En el cuadro de texto Nombre, indique el nombre del botón para distinguirlo del resto de botones que cree.
  • Indique el evento que vaya a activar la acción deseada.
  • Indique una o más acciones del botón para determinar qué ocurre cuando el evento se activa en el archivo EPUB, PDF o SWF de maquetación fija exportado.
  • Active estados adicionales y cambie los aspectos para determinar cómo se verá el botón al pasar el puntero del ratón o al hacer clic sobre él en el archivo EPUB, PDF o SWF de maquetación fija exportado.
  • Utilice el panel Previsualización (Ventana > Interactivo > Previsualización de interactividad de EPUB/Vista previa de SWF) para probar el botón antes de exportar el documento al archivo EPUB, PDF o SWF interactivo de maquetación fija.

Crear botones interactivos

  • En InDesign, se pueden crear, editar y administrar efectos interactivos. Cuando el documento se exporta a un archivo EPUB, PDF o SWF de maquetación fija exportado, estas acciones interactivas pueden estar activas.
  • Por ejemplo, supongamos que desea crear un botón para reproducir un sonido en un documento PDF. Puede colocar el archivo de sonido en un documento de InDesign y crear un botón que reproduzca el sonido al presionarlo en el documento PDF.
  • En este ejemplo, hacer clic en el botón del ratón es el evento, y la reproducción del sonido es la acción.

Añadir acciones a botones

  • Se pueden asignar acciones a eventos diferentes. Por ejemplo, en un archivo PDF exportado, puede reproducir un sonido cuando el puntero del ratón entra en el área de botón y reproducir una película al hacer clic en el botón del ratón y soltarlo. También puede asignar varias acciones al mismo evento. Por ejemplo, puede crear una acción que reproduzca una película y defina la vista de zoom en Tamaño real.
  • Use la herramienta Selección para seleccionar el botón que ha creado.
  • En el panel Botones y formularios, seleccione un evento como Al soltar, que determine el modo de activar las acciones.
  • Haga clic en el botón de signo más junto a Acciones y seleccione la acción que se vaya a asignar al evento.
  • Elija los ajustes de la acción

Añadir acciones a botones

  • Por ejemplo, si selecciona Ir a primera página, indique el zoom. Si selecciona Ir a URL, indique la dirección de la página web. Algunas acciones como Ir a vista siguiente no tienen configuraciones adicionales.
  • Si fuera necesario, continúe añadiendo tantas acciones como sea necesario para cada evento.
  • Para probar el botón, exporte el documento a EPUB, PDF o SWF de maquetación fija y vea el archivo exportado. Si va a exportar a PDF, asegúrese de que está seleccionada la opción Elementos interactivos. Si va a exportar a SWF, no olvide seleccionar Incluir botones.

Tipos de evento

  • Los eventos indican la manera de activar acciones en los botones cuando exporta el documento a PDF, SWF o EPUB. (En Acrobat, los eventos se denominan desencadenadores).
  • Al liberar o tocar: Soltar el botón del ratón tras hacer clic. Este es el evento que más se usa, ya que ofrece al usuario una última oportunidad para arrastrar el cursor fuera del botón y para no activar la acción.
  • Al hacer clic: Cuando se hace clic en el botón del ratón (sin soltarlo). A menos que tenga una razón concreta para usar Al hacer clic, es preferible usar Al soltar para que los usuarios puedan cancelar la acción.
  • Al pasar sobre el objeto: El puntero del ratón entra en el área de botón definida por el cuadro delimitador del botón.
  • Al alejarse del objeto: El puntero del ratón sale del área de botón.
  • Con foco (PDF): Cuando el botón del archivo PDF se resalta mediante una acción del ratón o presionando la tecla Tabulación.
  • Sin foco (PDF): Cuando el resaltado pasa a un botón o campo de formulario diferente en el archivo PDF.

Tipos de evento

  • Los eventos indican la manera de activar acciones en los botones cuando exporta el documento a PDF, SWF o EPUB. (En Acrobat, los eventos se denominan desencadenadores).
  • Al liberar o tocar: Soltar el botón del ratón tras hacer clic. Este es el evento que más se usa, ya que ofrece al usuario una última oportunidad para arrastrar el cursor fuera del botón y para no activar la acción.
  • Al hacer clic: Cuando se hace clic en el botón del ratón (sin soltarlo). A menos que tenga una razón concreta para usar Al hacer clic, es preferible usar Al soltar para que los usuarios puedan cancelar la acción.
  • Al pasar sobre el objeto: El puntero del ratón entra en el área de botón definida por el cuadro delimitador del botón.
  • Al alejarse del objeto: El puntero del ratón sale del área de botón.
  • Con foco (PDF): Cuando el botón del archivo PDF se resalta mediante una acción del ratón o presionando la tecla Tabulación.
  • Sin foco (PDF): Cuando el resaltado pasa a un botón o campo de formulario diferente en el archivo PDF.