Tema: Documentos dinámicos

Transcripción

1 Tema: Documentos dinámicos Facultad: Ciencias y Humanidades Escuela: Comunicaciones Asignatura: Diseño Editorial Objetivo Específico Crear los elementos que comprenden un documento dinámico. Hipervínculos y botones. Materiales Guía No. 9 Piezas clase teórica Introducción Teórica Creación de documentos dinámicos para Flash Para crear contenido para su reproducción en Flash Player, puede exportarlo a SWF o a XFL. SWF Al exportar a SWF se crea un archivo que está listo para su reproducción con Adobe Flash Player. Un archivo SWF puede incluir botones, transiciones de página e hipervínculos agregados en InDesign. Los archivos SWF que han sido exportados desde InDesign no incluyen películas ni archivos de audio. Hipervínculos Visión general del panel 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. Un origen es un texto hipervinculado, un marco de texto hipervinculado o un marco de gráfico hipervinculado. 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 sólo puede saltar a un destino, pero varios orígenes pueden saltar al mismo destino.

2 Hipervínculos A. Origen de hipervínculo B. Lista de hipervínculos en el documento actual C. Iconos de estado del hipervínculo Apertura del panel Hipervínculos Seleccione Ventana > Interactivo > Hipervínculos. Seleccione Ventana > Texto y tablas > Referencias cruzadas. Ordenar hipervínculos en el panel Hipervínculos Seleccione Ordenar en el menú del panel Hipervínculos y elija cualquiera de los siguientes: Manualmente Muestra los hipervínculos en el orden en el que fueron añadidos al documento. Por nombre Muestra los hipervínculos en orden alfabético. Por tipo Muestra los hipervínculos ordenados por grupos del mismo tipo. Mostrar los hipervínculos en filas más pequeñas Seleccione Filas de panel pequeñas en el menú del panel Hipervínculos. Creación de hipervínculos Puede crear hipervínculos a páginas, URL, anclajes de texto, direcciones de correo electrónico y archivos. Si crea un hipervínculo a una página o a un anclaje de texto en un documento diferente, asegúrese de que los archivos exportados aparecen en la misma carpeta. Para mostrar u ocultar hipervínculos, elija Ver > Mostrar hipervínculos u Ocultar hipervínculos. Creación de 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: file://, ftp://, o mailto://.

3 También puede usar la función Botones para enlazar con páginas Web. 1 Seleccione el texto, marco o gráfico que desee como origen del hipervínculo. Por ejemplo, puede seleccionar el texto Visitar el sitio Web de Adobe. 2 En el panel Hipervínculos, utilice cualquiera de los siguientes métodos para crear un hipervínculo a una URL: En el cuadro de diálogo URL, copie o pegue el nombre de la URL ( y luego pulse Intro o Tab. El hipervínculo se crea utilizando la configuración de apariencia más reciente. Para editar la apariencia, haga doble clic en el hipervínculo que aparece en el panel Hipervínculos. Para editar la URL del hipervínculo, seleccione el hipervínculo, edite la URL y pulse de nuevo Intro o Tab. Si selecciona una URL del documento, elija Nuevo hipervínculo desde URL en el menú del panel Hipervínculos. En el menú URL, seleccione una URL previamente añadida. La apariencia del hipervínculo es la misma que la que se utilizó en la anterior URL. Elija Nuevo hipervínculo en el menú del panel Hipervínculos. Seleccione URL en el menú Vincular a, especifique las opciones de apariencia y 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). Asegúrese de que el archivo que especifique esté disponible para cualquiera que abra el archivo PDF o SWF exportado. Por ejemplo, si va a enviar el PDF exportado a un compañero de trabajo, es preferible que especifique un archivo ubicado en un servidor compartido antes que en su disco duro. 1 Seleccione el texto, marco o gráfico que desea establecer como origen del hipervínculo. 2 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. 3 En el cuadro de diálogo Nuevo hipervínculo, seleccione Archivo en el menú Vincular a. 4 Para la ruta de acceso, escriba el nombre de la ruta de acceso o haga clic en el botón de carpeta para localizar y hacer doble clic en el nombre de archivo. 5 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.

4 6 Especifique la apariencia del origen del hipervínculo y, a continuación, haga clic en OK. Opciones de 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 > Mostrar hipervínculos, estas opciones de apariencia se muestran también en el documento de InDesign. Estilo de carácter Seleccione un estilo de carácter para aplicar al origen de hipervínculo. La opción Estilo de carácter está disponible únicamente si el origen de hipervínculo es texto seleccionado y no un marco o gráfico seleccionados. Si va insertar una referencia cruzada, puede aplicar un estilo de carácter durante la edición del formato de una referencia cruzada. También puede aplicar estilos de carácter a los bloques de creación dentro de un formato. Tipo 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. Edición de hipervínculos 1 En el panel Hipervínculos, haga doble clic en el elemento que desee editar. 2 En el cuadro de diálogo de edición de hipervínculos, realice los cambios necesarios al hipervínculo y luego haga clicen OK. Eliminación de hipervínculos Cuando se quita un hipervínculo, el texto o el gráfico de origen permanece. Seleccione el elemento o elementos que desee quitar en el panel Hipervínculos y, a continuación haga clic en el botón Eliminar de la parte inferior del panel. Cambiar de nombre a un origen de hipervínculo Si cambia el nombre del origen de hipervínculo cambiará la forma en que éste aparece en el panel Hipervínculos. 1 Seleccione el hipervínculo en el panel Hipervínculos. 2 Seleccione Cambiar nombre de hipervínculo en el menú del panel Hipervínculos y especifique un nombre nuevo. Edición o eliminación de destinos de hipervínculo 1 Abra el documento en el que aparece el destino.

5 2 Elija Opciones de destino de hipervínculo en el menú del panel Hipervínculos. 3 En Destino, seleccione el nombre del destino que desea editar. 4 Lleve a cabo una de las siguientes acciones: Haga clic en Editar y realice los cambios necesarios en el destino. Haga clic en Eliminar para quitar el destino. 5 Cuando haya terminado de editar o eliminar destinos, haga clic en OK. Botones Creación de botones Puede crear botones que realicen una acción al exportar el documento a formato SWF o PDF. 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 Al crear un botón, puede realizar alguna de las siguientes acciones: Hacer que los botones sean interactivos. Cuando un usuario hace clic sobre un botón del archivo SWF o PDF, se realiza una acción. Use la sección Estado de apariencia en el panel Botones, para definir la apariencia que el botón adquiere en respuesta a determinadas acciones del ratón. Defina el orden de tabulación de los botones en una página PDF. Conversión de un botón a partir de un objeto 1 Use la herramienta Texto 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". Es aconsejable que añada botones de navegación (como Página siguiente o Página anterior) a una página maestra de modo que no sea necesario volver a crearlos para cada página. Estos botones se muestran en todas las páginas del documento a las que se les ha aplicado la página maestra. 2 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. 3 Elija Objeto > Interactivo > Convertir a botón. También puede hacer clic en [Normal] en la sección Apariencia de estado del panel Botones para convertir el objeto seleccionado en un botón, o bien puede hacer clic en el icono Convertir el objeto en un botón en el panel Botones. 4 Seleccione Ventana > Interactivo > Botones para mostrar el panel Botones. Utilice la herramienta Selección para seleccionar el botón y realizar alguna de las siguientes acciones: En el cuadro de texto Nombre, especifique el nombre del botón para distinguirlo del resto de botones que cree.

6 Especifique una o más acciones para determinar qué ocurre cuando se hace clic sobre el botón en el archivo PDF o SWF exportado. Active estados adicionales y cambie su aspecto para determinar cómo se muestra el botón al pasar el ratón o al hacer clic sobre él en el archivo PDF o SWF exportado. Añadir un botón del panel Botones de muestra En el panel Botones de muestra se incluyen una serie de botones ya creados que pueden arrastrarse en el documento. Los botones de muestra incluyen efectos como desvanecimientos de degradado o sombras paralelas, con una ligera diferencia para el estado Al pasar sobre él. Los botones de muestra también tienen acciones asignadas. Por ejemplo, los botones de dirección de muestra están pre configurados con las acciones Ir a página siguiente e Ir a página anterior. Puede editar estos botones para adaptarlos a sus necesidades. El panel Botones de muestra es una biblioteca de objetos. Y tal y como ocurre con cualquier biblioteca de objetos, puede añadir botones al panel y eliminar aquellos que no desee utilizar. Los botones de muestra se almacenan en el archivo ButtonLibrary.indl, que se encuentra en la carpeta Presets/Button Library de la carpeta de la aplicación InDesign. 1 Seleccione Botones de muestra en el menú del panel Botones para abrir el panel Botones de muestra. 2 Arrastre un botón desde el panel Botones de muestra al documento. 3 Seleccione el botón usando la herramienta Selección y, a continuación, edite el botón como desee utilizando el panel Botones. Durante la edición de los botones de muestra, tenga en cuenta lo siguiente: Si añade texto a un botón, no olvide copiar y pegar el texto del estado de botón Normal al estado de botón Al pasar sobre él. De lo contrario, el texto que añada no aparecerá cuando el puntero del ratón pase por encima del botón en el archivo PDF o SWF. Puede cambiar el tamaño de los botones. Si arrastra un par de botones de página siguiente/anterior, cambie el tamaño del primer botón, seleccione el segundo botón y elija Objeto > Volver a transformar > Volver a transformar. Crear botones interactivos En InDesign, se pueden crear, editar y administrar efectos interactivos. Al exportar el documento a Adobe PDF o SWF, las acciones interactivas están activas en el documento PDF.

7 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. Este botón se ha configurado para reproducir un sonido cuando se suelta el botón del ratón. Nota: mientras que la mayor parte de las acciones son compatibles con los archivos PDF exportados, tan sólo unas pocas son compatibles con los archivos SWF. Cerrar, Salir, Ir a vista siguiente, Ir a vista anterior, Película, Abrir Archivo, Sonido y Ver zoom no tienen efecto en los archivos SWF. 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. 1 Use la herramienta Selección para seleccionar el botón que ha creado. 2 En el panel Botones, seleccione un evento como Al soltar, que determine el modo de activar las acciones. 3 Haga clic en el botón de signo más junto a Acciones y seleccione la acción que se va asignar al evento. 4 Especifique la configuración de la acción. Por ejemplo, si selecciona Ir a primera página, especifique el zoom. Si selecciona Ir a URL, especifique la dirección de la página Web. Algunas acciones como Ir a vista siguiente no tienen configuraciones adicionales. 5 Si fuera necesario, continúe añadiendo tantas acciones como sea necesario para cada evento.

8 Tipos de evento Los eventos indican la manera de activar acciones en botones al exportar el documento a PDF. (En Acrobat, los eventos se denominan desencadenadores.) Al soltar 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 el comportamiento. Al acercar al objeto El puntero del ratón entra en el área de botón definida por el cuadro delimitador del botón. Al alejar del objeto El puntero del ratón sale del área de botón. Con foco El botón recibe el foco mediante una acción del ratón o presionando la tecla Tabulación. Sin foco El foco se desplaza a otro botón o campo de formulario. Tipos de acciones Al crear una acción, se indica qué ocurre cuando el evento especificado se produce (normalmente cuando alguien hace clic en el botón). Puede definir que se produzcan las acciones siguientes al activar el tipo de evento: Cerrar (PDF) Cierra el documento PDF. Salir (PDF) Sale de la aplicación, como Adobe Reader, en la que está abierto el documento PDF. Ir a la primera/última/siguiente/anterior página Salta a la primera, última, siguiente o anterior página del archivo PDF o SWF. Seleccione una opción del menú Zoom para determinar cómo se mostrará la página. Ir a vista anterior (PDF) Salta a la última página consultada del documento PDF o vuelve al último tamaño de zoom utilizado. Ir a vista siguiente (PDF) Salta a una página después de haber ido a la vista anterior. Al igual que el botón Adelante sólo está disponible en un explorador Web tras hacer clic en el botón Atrás, esta opción está disponible sólo si el usuario ha saltado a una vista anterior. Ir a página (sólo SWF) Salta a la página del archivo SWF que especifique. Ir a URL Abre la página Web de la URL especificada. Película (PDF) Permite reproducir, pausar, detener o reanudar una película. Sólo las películas añadidas al documento aparecen en el menú Película.

9 Abrir archivo (PDF) Inicia y abre el archivo especificado. Si especifica un archivo que no sea PDF, el lector necesitará la aplicación nativa para abrirlo correctamente. Especifique una ruta de acceso absoluta (como c:\docs\sample.pdf). Mostrar/Ocultar botones Muestra u oculta los botones especificados en el archivo PDF o SWF exportado. (Acrobat también se refiere a los botones como campos.) Sonido (PDF) Permite reproducir, pausar, detener o reanudar el clip de sonido seleccionado. Sólo los clips de sonido añadidos al documento aparecen en el menú Sonido. Ver zoom (PDF) Muestra la página según la opción de zoom especificada. Puede cambiar el nivel de zoom de la página (como el Tamaño real), la composición de página (como Continua - páginas opuestas) o la orientación de la rotación. Editar o borrar acciones de botón 1 Use la herramienta Selección para seleccionar el botón. 2 En el panel Botones, lleve a cabo uno de los procedimientos siguientes: Para desactivar acciones, quite la selección de la casilla de verificación situada junto al elemento. La desactivación de eventos y acciones puede ser útil para realizar pruebas. Para cambiar el orden, arrastre y suelte acciones. Para borrar una acción, selecciónela del cuadro de lista y haga clic en el botón Eliminar la acción seleccionada. Para editar una acción, elija el evento al que se asigna la acción, seleccione la acción del cuadro de lista y cambie la configuración. Si tiene que sustituir la acción de un evento existente, elimínelo y añada una acción nueva. Adición de estados de botón Un botón se compone de un grupo de objetos individuales que representan, cada uno, un estado de botón. Cada botón puede tener hasta tres estados: Normal, Al pasar sobre él y Clic. En el archivo exportado, el estado Normal sólo aparece si el puntero del ratón no se desplaza hasta el área (Al pasar sobre él) o si se hace clic en el área del botón (Clic). Puede aplicar distintos aspectos a cada uno de estos tres estados para distinguirlos entre sí. De forma predeterminada, cualquier botón que cree se define con el estado Normal y contiene el texto o la imagen del botón. Al activar un nuevo estado, se copia el aspecto del estado Normal. Para distinguir un estado del resto, puede cambiar el color o añadir texto o imágenes. Estados de un botón A. El puntero no está sobre el área del botón (Normal). B. El puntero entra en el área del botón (Rollover) C. El puntero hace clic (Clic)

10 Nota: el área del botón en la que se puede hacer clic (segmento de trazado) viene determinada por el cuadro delimitador del estado de botón más grande. Por ejemplo, un botón redondo posee un segmento de trazado cuadrangular. Cambio del aspecto de los estados de un botón Si va a crear un botón con varios estados, es aconsejable finalizar el diseño del botón antes de activar otros estados. Al activar un estado, se copia el aspecto del estado Normal. Algunos cambios afectan únicamente al estado seleccionado, mientras que otros afectan a todos los estados activos. Si selecciona un estado y aplica un color de fondo diferente o edita el texto, el cambio afecta sólo al estado seleccionado. Si utiliza la herramienta Selección para mover o cambiar el tamaño del botón, el cambio afecta a todos los estados. Tenga en cuenta que cada estado es un objeto dentro del grupo de botones. Use la herramienta Selección directa para realizar cambios únicamente en el estado, no en la totalidad del grupo. 1 Elija Ventana > Interactivo > Botones para mostrar el panel Botones. 2 Con la herramienta Selección, seleccione el botón de la composición que desee editar. 3 Haga clic en [Al pasar sobre él] para activar el estado Al pasar sobre él. Se copia el aspecto del estado Normal al estado Al pasar sobre él. 4 Con Al pasar sobre él todavía seleccionado, cambie el aspecto del botón. Para cambiar el color, haga clic en los iconos Trazo o Relleno de la barra de herramientas y, a continuación, haga clic en un color de muestra del panel Muestras. Para colocar una imagen en el estado, seleccione Archivo > Colocar y haga doble clic en el archivo. Para pegar una imagen o un marco de texto, cópielo en el Portapapeles, seleccione el estado en el panel Botones y elija Edición > Pegar dentro. Para introducir texto, seleccione la herramienta Texto, haga clic en el botón y escriba el texto. También puede seleccionar Edición > Pegar dentro para copiar un marco de texto pegado. 5 Para añadir el estado Clic, haga clic en [Clic] para activarlo y siga el mismo procedimiento para modificar su aspecto. Eliminación y desactivación de estados

11 1 Seleccione el estado en el panel Botones. El estado seleccionado en el panel Estados determina el contenido que aparece en el marco de botón de la página de InDesign. Los iconos de miniatura del panel Estados muestran el contenido de cada estado. 2 Lleve a cabo una de las siguientes acciones: Para eliminar el estado Al pasar sobre él o Clic, haga clic sobre el icono de eliminar situado en la parte inferior del panel. La eliminación de un estado resulta especialmente útil si tras una larga edición del estado Normal, decide basar el estado Al pasar sobre él o Clic en el nuevo aspecto del estado Normal. Para desactivar un estado sin eliminarlo, haga clic en el icono de ojo junto a la casilla de verificación para anular su selección. Los estados que estén desactivados no se exportan a los archivos PDF o SWF. Nota: no es posible eliminar o desactivar el estado Normal. Creación de efectos de rollover en botones En algunos casos, puede preferir que el área de botón (llamada "segmento de trazado") permanezca invisible hasta que se sitúe sobre ella el puntero del ratón. Por ejemplo, cuando desplaza el puntero sobre un botón en un mapa, puede mostrarse una imagen que represente una región y, al retirar el puntero de dicha zona, la imagen desaparece. Una manera de conseguir este efecto es aplicar una imagen al estado Rollover en el panel Estados. Para realizar esto, cree un botón cuyo estado Normal carezca de borde y fondo. Seleccione el estado Al pasar sobre él en el panel Botones y, a continuación, utilice el comando Colocar o Pegar dentro para añadir una imagen. En el archivo exportado, la imagen aparece al mantener el puntero sobre un segmento de trazado. Procedimiento Bibliografía 1- Cree un documento nuevo de acuerdo a las medidas de su boceto. 2- Inicie la creación de su maqueta, utilizando las líneas guías, de acuerdo a las necesidades que presente su boceto. Guía 1

12 3- No olvide guardar su ejercicio en la carpeta correspondiente, así como entregar su boceto y la hoja de evaluación al docente. Bibliografía Manual Guía 3 Adobe InDesign CS4, PDF 6f99a.html Guía 4 fía