25 Producción Multimedia I. GUÍA 5 Facultad: Escuela: Asignatura:

‫׀‬

Ciencias y Humanidades. Comunicación. Producción Multimedia I.

TEMA: Configurando un documento para su publicación. Contenidos 1. Importación de imágenes. 2. Uso de Clips de película. 3. Uso de plantillas Photo Slideshow.

Objetivo Específico Conocer los usos del panel de Publicación y la configuración final de un documento Flash.

Materiales y Equipo • Guía 5.

Introducción Teórica Configuración de publicación para archivos SWF Haga clic en Archivo > Configuración de publicación y, a continuación, en la ficha Flash. Seleccione una versión de Player en el menú emergente Versión. No todas las funciones de Adobe® Flash® CS4 Professional funcionan en archivos SWF publicados para versiones de Flash Player anteriores a Flash Player 10. Para especificar la detección de Flash Player, haga clic en la ficha HTML, y seleccione Detectar versión de Flash e introduzca la versión de Flash Player que se debe detectar. 1

Seleccione la versión de ActionScript® en el menú emergente Script. Si selecciona ActionScript 2.0 o 3.0 y ha creado clases, haga clic en Configuración para establecer la ruta de clases relativa a los archivos de clase distinta de la ruta a los directorios predeterminados en Preferencias. 2

Para controlar la compresión de mapa de bits, ajuste el deslizador de calidad JPEG o introduzca un valor. Una imagen de baja calidad produce archivos de menor tamaño, una de alta calidad produce archivos de tamaño mayor. Pruebe con configuraciones distintas hasta lograr un equilibrio óptimo entre tamaño y calidad, el valor 100 ofrece la calidad máxima con el mínimo de compresión. 3

Para que las imágenes JPEG muy comprimidas tengan una apariencia más suave, seleccione Permitir desbloqueo JPEG. Esta opción reduce las irregularidades típicas que se derivan de la compresión JPEG, tal como la apariencia habitual de bloqueo de 8x8 píxeles que afecta a la imagen. Algunas imágenes JPEG pueden perder algunos detalles cuando esta opción está seleccionada. Para establecer la frecuencia de muestreo y la compresión de todos los flujos de sonido o sonidos de evento del archivo SWF, haga clic en Establecer junto a Flujo de audio o Evento de audio y seleccione las opciones adecuadas. 4

Nota: un flujo de audio se sincroniza con la línea de tiempo y comenzará a reproducirse en cuanto se haya descargado información suficiente para los primeros fotogramas. Un sonido de evento no se reproduce hasta que se ha descargado por completo y continúa reproduciéndose hasta que se detiene

Producción Multimedia I. GUÍA 4 de forma explícita. UTILIZACIÓN DE FLASH CS4 PROFESSIONAL

420 Publicación y exportación

Para omitir la configuración para determinados sonidos seleccionados en la sección Sonido del inspector de propiedades, seleccione Suplantar configuración de sonido. Para crear un archivo SWF más pequeño de baja fidelidad, seleccione esta opción. Nota: si se anula la selección de la opción Suplantar configuración de sonido, Flash explora todos los flujos de sonido del documento (incluidos los sonidos de un vídeo importado) y publica todos los flujos de sonido con la configuración más alta. Si uno o más flujos de sonido tienen una configuración de exportación alta, esto puede ocasionar el aumento del tamaño del archivo. 6 Para exportar sonidos adecuados a los dispositivos, incluidos los dispositivos móviles, en lugar del sonido de la biblioteca original, seleccione Exportar sonidos de dispositivo. Haga clic en Aceptar. 7 Para establecer la configuración de SWF, elija cualquiera de las siguientes opciones: Comprimir película (Predeterminada) Comprime el archivo SWF para reducir el tamaño de archivo y el tiempo de descarga. Especialmente útil para archivos de texto o con gran cantidad de código ActionScript. Los archivos comprimidos sólo se reproducen en Flash Player 6 y versiones posteriores. Incluir capas ocultas (Predeterminada) Exporta todas las capas ocultas del documento de Flash. Si se anula la selección de Exportar capas ocultas se evita que todas las capas (incluidas las anidadas dentro de clips de película) marcadas como ocultas se exporten en el archivo SWF resultante. De esta forma puede probar distintas versiones de documentos de Flash con capas invisibles. Incluir metadatos XMP (Predeterminada) Exporta todos los metadatos introducidos en el cuadro de diálogo Información de archivo. Para abrir este cuadro de diálogo, haga clic en el botón Información de archivo. También puede seleccionar Archivo > Información de archivo. Los metadatos se pueden ver cuando el archivo SWF está seleccionado en Adobe® Bridge. Exportar SWC Exporta un archivo .swc, que se utiliza para distribuir componentes. El archivo .swc contiene un clip compilado, el archivo de clase de ActionScript del componente y otros archivos que describen el componente. 8 Para utilizar la configuración avanzada o activar la depuración del archivo SWF de Flash publicado, seleccione cualquiera de las opciones siguientes: Generar informe de tamaño Genera un informe donde figura el volumen de datos del contenido de Flash por archivo. Proteger contra importación Evita que otros usuarios importen el archivo SWF de Flash y lo conviertan de nuevo en un documento FLA. Permite utilizar protección con contraseña con el archivo SWF de Flash. Omitir acciones de trace() Determina que Flash ignore las declaraciones de trazado (trace) de ActionScript en el archivo SWF actual. Si selecciona esta opción, la información de las declaraciones trace no se mostrará en el panel Salida. Para obtener más información, consulte “Información general sobre el panel Salida” en la página 392. Permitir depuración Activa el depurador y permite depurar un archivo SWF de Flash de forma remota. Permite utilizar protección con contraseña con el archivo SWF. 9 Si utiliza ActionScript 2.0, y ha seleccionado Permitir depuración o Proteger frente a importación, introduzca una contraseña en el campo de texto Contraseña. Si añade una contraseña, los demás usuarios deberán introducirla para poder depurar o importar el archivo SWF. Para eliminar la contraseña, desactive el campo de texto Contraseña. Para más información sobre el depurador, consulte “Depuración de ActionScript 1.0 y 2.0” en la página 383. Si utiliza ActionScript 3.0, consulte “Depuración de ActionScript 3.0” en la página 394. 10 En el menú emergente Seguridad de reproducción local, seleccione el modelo de seguridad de Flash que desea utilizar. Especifique si desea conceder a su archivo SWF publicado acceso local o de red. Si elige acceso local, el archivo SWF publicado sólo podrá interactuar con archivos y recursos del sistema local, pero no de la red. Si elige acceso de red, el archivo SWF publicado podrá interactuar con archivos y recursos de la red, pero no con el sistema local. 5

UTILIZACIÓN DE FLASH CS4 PROFESSIONAL

421 Publicación y exportación

11 Para habilitar el archivo SWF para el uso de la aceleración de hardware, seleccione una de las

siguientes opciones en el menú Aceleración de hardware: Nivel 1 - Directo El modo Directo mejora el rendimiento de la reproducción al permitir que Flash Player dibuje directamente en la pantalla en lugar de que sea el navegador el que realice el dibujo. Nivel 2 - GPU En el modo GPU, Flash Player utiliza la potencia disponible de la tarjeta gráfica del equipo para reproducir vídeo y crear capas compuestas de gráficos. De este modo, se puede mejorar el nivel de rendimiento en función del hardware de gráficos del usuario. Utilice esta opción si su público usuario dispone de tarjetas gráficas de calidad alta.

Producción Multimedia I. GUÍA 4 Si el sistema de reproducción no dispone de hardware suficiente para permitir la aceleración, Flash Player vuelve al modo de dibujo normal de forma automática. Para obtener el mejor rendimiento en las páginas Web que contienen varios archivos SWF, habilite la aceleración de hardware sólo para uno de los archivos. La aceleración de hardware no se utiliza en el modo Probar película. Cuando publique el archivo SWF, el archivo HTML que incluye contendrá un parámetro HTML wmode. Si se selecciona la aceleración de hardware de Nivel 1 o Nivel 2 se define el parámetro HTML wmode como "direct" o "gpu" respectivamente. Si se activa la aceleración de hardware se sustituye la configuración de Modo de ventana que haya seleccionado en la ficha HTML del cuadro de diálogo Configuración de publicación, ya que también se almacena en el parámetro wmode del archivo HTML. 12 Para determinar el tiempo máximo para la ejecución de los scripts en el archivo SWF, introduzca un valor en Límite de tiempo del script. Flash Player cancelará la ejecución de los scripts que superen el límite fijado.

Configuración de publicación para archivos GIF Utilice archivos GIF para exportar dibujos y animaciones simples para utilizarlas en páginas Web. Los archivos GIF estándar son mapas de bits comprimidos. Un archivo GIF animado (a veces denominado como GIF89a) ofrece una forma simple de exportar secuencias animadas breves. Flash optimiza las imágenes GIF con animación y sólo almacena los cambios realizados de fotograma a fotograma. Flash exporta el primer fotograma del archivo SWF como archivo GIF, a menos que se introduzca la etiqueta de fotograma #Static en el inspector de propiedades para indicar que se debe exportar un fotograma clave distinto. Flash exporta todos los fotogramas del archivo SWF actual a un archivo GIF animado, a menos que se especifique un rango de fotogramas para exportar insertando las etiquetas de fotograma #First y #Last en los fotogramas clave correspondientes. Flash puede generar un mapa de imágenes para un GIF para mantener los vínculos URL para los botones en la película original. Utilice el inspector de propiedades para colocar la etiqueta de fotograma #Map en el fotograma clave en el que va a crear el mapa de imágenes. Si no crea ninguna etiqueta de fotograma, Flash crea un mapa de imágenes con los botones del último fotograma del archivo SWF. Puede crear un mapa de imágenes sólo si la variable de la plantilla $IM está presente en la plantilla que seleccione. 1 Seleccione Archivo > Configuración de publicación, haga clic en Formatos y seleccione Imagen GIF. 2 Para el nombre de archivo GIF, puede utilizar el nombre predeterminado o escribir uno nuevo con la extensión .gif. 3 Haga clic en GIF. Dimensiones Introduzca la anchura y la altura en píxeles para la imagen de mapa de bits exportada, o bien seleccione Coincidir con película para que el GIF tenga el mismo tamaño que el archivo SWF de Flash y mantener así la proporción de la imagen original. Reproducir Determina si Flash crea una imagen en reposo (Estática) o un GIF animado (Animación). Si elige Animación, seleccione Reproducir indefinidamente o introduzca el número de repeticiones.UTILIZACIÓN DE FLASH CS4 PROFESSIONAL 431 Publicación y exportación 4 Para especificar un rango de configuraciones de aspecto para el archivo GIF exportado, elija una de las siguientes opciones: Optimizar colores Elimina los colores que no se utilizan de la tabla de colores del archivo GIF. Esta opción reduce el tamaño de archivo sin afectar la calidad de imagen, pero aumentando ligeramente los requisitos de memoria. Esta opción no tiene efecto en una paleta adaptable. (Una paleta adaptable analiza los colores de la imagen y crea una tabla de color exclusiva para el archivo GIF seleccionado.) Entrelazado Hace que el GIF exportado se visualice en el navegador de forma gradual, a medida que se va descargando. proporciona al usuario el contenido gráfico básico antes de que el archivo se haya descargado por completo, y es posible que se descargue con más rapidez a través de una conexión de red lenta. No utilice la opción Entrelazar con los archivos GIF animados. Redondeado Aplica el suavizado a un mapa de bits exportado para producir una imagen de mapa de bits de alta calidad y mejora la calidad de visualización de texto. El suavizado, no obstante, puede hacer que aparezca un halo de píxeles grises alrededor de una imagen suavizada situada en un fondo coloreado, a la vez que aumenta el tamaño del archivo GIF. Exporte una imagen sin suavizado si aparece un halo o si coloca una transparencia GIF sobre un fondo multicolor. Tramar colores sólidos Aplica un tramado a los colores sólidos y a los degradados. Quitar degradados (Desactivada de forma predeterminada) Utiliza el primer color del degradado para convertir todos los degradados del archivo SWF en colores sólidos. Los degradados aumentan el tamaño de un archivo GIF y, a menudo, son de poca calidad. Para evitar resultados inesperados, debe elegir con cuidado el primer color de los degradados, si utiliza esta opción.

Producción Multimedia I. GUÍA 4 Elija una de las siguientes opciones de Transparente para determinar la transparencia del fondo de la aplicación y la forma en la que las configuraciones alfa se convierten en GIF: Opaco Convierte el fondo en un color sólido. Transparente Establece el fondo de la película como transparente. 5

Alfa

Aplicaunatransparenciaparcial.Introduzcaunvalorentre0y255.Unvalormásbajoproduceunatransparencia mayor. El valor 128 corresponde a una transparencia del 50%. 6 Elija una opción en Tramar para especificar cómo se deben combinar los píxeles de los colores disponibles para simular los colores no disponibles en la paleta actual. El tramado puede mejorar la calidad del color, aunque con ello aumenta el tamaño del archivo. Ninguno Desactiva el tramado y sustituye los colores que no estén en la tabla de color básico con el color sólido de la tabla que más se aproxime al color especificado. La desactivación del tramado genera archivos más pequeños, pero los resultados del color son menos satisfactorios. Ordenado Ofrece un tramado de buena calidad y es la que menos aumenta el tamaño del archivo. Difusión Proporcionalamejorcalidaddetramado,peroaumentaeltamañodelarchivoyeltiempodeproceso.Sólo funciona con la paleta de colores Web 216 seleccionada. 7 Para definir la paleta de colores de la imagen, seleccione uno de los siguientes tipos de paleta: Web 216 Utiliza la paleta estándar WebSafe de 216 colores para crear la imagen GIF, a fin de conseguir una buena calidad de imagen y un procesamiento más rápido en el servidor. Adaptable Analiza los colores de la imagen y crea una tabla de color exclusiva para el archivo GIF seleccionado. Es la mejor opción para aquellos sistemas que muestran miles o millones de colores; crea el color más apropiado para la imagen, aunque aumenta el tamaño del archivo. Para reducir el tamaño de un archivo GIF con una paleta adaptable, utilice la opción Núm. máx. de colores en el paso 10 para disminuir el número de colores de la paleta. UTILIZACIÓN DE FLASH CS4 PROFESSIONAL

432 Publicación y exportación

Es igual que la opción de paleta Adaptable, salvo que convierte colores muy similares a los de la paleta de colores Web 216. La paleta de colores resultante se optimiza para la imagen, aunque siempre que sea posible Flash utilizará los colores de Web 216. Esto produce mejores colores para la imagen cuando la paleta Web de 216 colores está activa en un sistema de 256 colores. Personalizada Especifica una paleta que se ha optimizado para la imagen seleccionada. La paleta personalizada se procesa a la misma velocidad que la paleta Web de 216 colores. Para utilizar esta opción debe saber cómo crear y utilizar paletas personalizadas. Para seleccionar una paleta personalizada, haga clic en el icono de carpeta Paleta (el icono de carpeta que aparece al final del campo de texto Paleta), y seleccione un archivo de paleta. Flash admite paletas guardadas en el formato ACT en el que exportan algunas aplicaciones gráficas. 8 Para establecer el número de colores utilizados en la imagen GIF, si ha seleccionado la paleta Websnap adaptable o Adaptable, introduzca un valor para Núm. máx. de colores. Un número menor de colores puede producir un archivo más pequeño, pero es posible que los colores de la imagen se degraden. 9 Haga clic en Aceptar. Websnap adaptable

Configuración de publicación para archivos PNG PNG es el único formato de mapa de bits que se utiliza en plataformas distintas y que admite transparencias (un canal alfa). También es el formato de archivo nativo de Adobe® Fireworks®. Flash exporta el primer fotograma del archivo SWF como archivo PNG, a menos que se introduzca la etiqueta #Static frame para indicar que se debe exportar un fotograma clave distinto. 1 Seleccione Archivo > Configuración de publicación, haga clic en Formatos y seleccione Imagen PNG. 2 Para el nombre de archivo PNG, puede utilizar el nombre predeterminado o escribir uno nuevo con la extensión .png. 3 Haga clic en PNG. Dimensiones Introduzca la anchura y la altura en píxeles para la imagen de mapa de bits exportada, o bien seleccione Coincidir con película para que la imagen PNG tenga el mismo tamaño que el archivo SWF y mantener así la proporción de la imagen original. Profundidad de bits Determina el número de bits por píxel y los colores utilizados para crear la imagen. Cuanto mayor sea la profundidad de bits, mayor será el archivo. • 8 bits por canal (bpc) para una imagen de 256 colores • 24 bpc para miles de colores • 24 bpc con alfa para miles de colores con transparencia (32 bpc) 4 Para especificar la configuración de la presentación de la imagen PNG exportada, seleccione las siguientes opciones: Optimizar colores Elimina los colores no utilizados de la tabla de colores de un archivo PNG,

Producción Multimedia I. GUÍA 4 reduciendo el tamaño de archivo de 100 a 1500 bytes, sin afectar a la calidad de la imagen y aumentando ligeramente los requisitos de memoria. No tiene efecto en una paleta adaptable. Entrelazado

MuestraelPNGexportadoenelnavegadordeformagradual,amedidaquesevadescargando.Permite al usuario ver el contenido gráfico básico antes de que el archivo se haya descargado por completo y su descarga se puede producir con mayor rapidez a través de una conexión de red lenta. No utilice la opción Entrelazar con los archivos PNG animados. Redondeado Aplica el suavizado a un mapa de bits exportado para producir una imagen de mapa de bits de alta calidad y mejora la calidad de visualización de texto. El suavizado, no obstante, puede hacer que aparezca un halo de píxeles grises alrededor de una imagen suavizada situada en un fondo coloreado, a la vez que aumenta el tamaño del archivo PNG . Exporte una imagen sin suavizado si aparece un halo o si desea colocar una transparencia PNG sobre un fondo multicolor. Tramar colores sólidos Aplica un tramado a los colores sólidos y degradados. Quitar degradados (Desactivada de forma predeterminada) Utiliza el primer color del degradado para convertir todos los degradados de la aplicación en colores sólidos. Los degradados aumentan el tamaño de un archivo PNG y, a menudo, son de poca calidad. Para evitar resultados inesperados, debe elegir con cuidado el primer color de los degradados, si utiliza esta opción. UTILIZACIÓN DE FLASH CS4 PROFESSIONAL UTILIZACIÓN DE FLASH CS4 PROFESSIONAL

433 Publicación y exportación5 434 Publicación y exportación

Si ha seleccionado 8 bpc en Profundidad de bits, elija una opción de Tramar para especificar cómo se deben combinar los píxeles de los colores disponibles para simular los colores no disponibles en la paleta actual. El tramado puede mejorar la calidad del color, aunque con ello aumenta el tamaño del archivo. Elija una de las opciones siguientes: Ninguno Desactiva el tramado y sustituye los colores que no estén en la tabla de color básico con el color sólido de la tabla que más se aproxime al color especificado. La desactivación del tramado genera archivos más pequeños, pero con resultados de color menos satisfactorios. Ordenado Ofrece un tramado de buena calidad y es la que menos aumenta el tamaño del archivo. Difusión Proporciona la mejor calidad de tramado, pero aumenta el tamaño del archivo y el tiempo de proceso. También funciona con la paleta de colores Web 216 seleccionada. 6 Elija uno de los siguientes tipos de paleta para definir la paleta de colores de la imagen PNG: Web 216 Utiliza la paleta estándar WebSafe de 216 colores para crear la imagen PNG a fin de conseguir una buena calidad de imagen y un procesamiento más rápido en el servidor. Adaptable Analiza los colores de la imagen y crea una tabla de color exclusiva para el archivo PNG seleccionado. Esta opción es la mejor para aquellos sistemas que muestran miles o millones de colores; crea el color más apropiado para la imagen, aunque produce un tamaño de archivo mayor que el de un PNG credo con una paleta WebSafe de 216 colores. Websnap adaptable Es igual que la opción de paleta Adaptable, salvo que convierte colores muy similares a los de la paleta WebSafe de 216 colores. La paleta de colores resultante se optimiza para la imagen, aunque siempre que sea posible Flash utilizará los colores de Web 216. Esto produce mejores colores para la imagen cuando la paleta WebSafe de 216 colores está activa en un sistema de 256 colores. Para reducir el tamaño de un archivo PNG con una paleta adaptable, utilice la opción Núm. máx. de colores en el paso 10 para disminuir el número de colores de la paleta. Personalizada Especifica una paleta que se ha optimizado para la imagen seleccionada. La paleta personalizada se procesa a la misma velocidad que la paleta WebSafe de 216 colores. Para utilizar esta opción debe saber cómo crear y utilizar paletas personalizadas. Para seleccionar una paleta personalizada, haga clic en el icono de carpeta Paleta (el icono de carpeta que aparece al final del campo de texto Paleta), y seleccione un archivo de paleta. Flash admite paletas guardadas en el formato ACT utilizado para la exportación por las aplicaciones gráficas más habituales. 7 Si ha seleccionado la paleta Websnap adaptable o la paleta Adaptable, introduzca un valor para Núm. máx. de colores para establecer el número de colores utilizados en la imagen PNG. Un número menor de colores puede producir un archivo más pequeño, pero es posible que los colores de la imagen se degraden. 8 Elija una de las siguientes opciones de filtro para seleccionar un método de filtrado línea a línea que haga el archivo PNG más compresible y experimente con las distintas opciones para una imagen en concreto: Ninguno Desactiva el filtrado. Anterior Transmiteladiferenciaentrecadabyteyelvalordelbytecorrespondienteparaelpíxelanterior. Arriba Transmite la diferencia entre cada byte y el valor del byte correspondiente del píxel que se halla

Producción Multimedia I. GUÍA 4 en la posición inmediatamente superior. Promedio Utiliza la media entre los dos píxeles colindantes (izquierdo y superior) para determinar el valor del píxel. Ruta Calcula una función lineal simple de los tres píxeles colindantes (izquierdo, superior y superior izquierdo) y, a continuación, elige como mecanismo de predicción el píxel colindante más cercano al valor calculado. Adaptable Analiza los colores de la imagen y crea una tabla de color exclusiva para el archivo PNG seleccionado. Esta opción es la mejor para sistemas que muestren miles de millones de colores, crea el color más apropiado para la imagen, pero produce un tamaño de archivo mayor que el de un PNG que se cree con una paleta Web de 216 colores. Reduce el tamaño de un PNG creado con una paleta adaptable disminuyendo el número de colores en la paleta. 9 Haga clic en Aceptar.

Procedimiento 1. Explore el panel de Publicación del documento, para ver todas las opciones de Bibliografíade su portafolio digital. Pruebe la película para ver el resultado final. configuración

Guía 1 Bibliografía • Guía de usuario de Adobe Flash CS3. • Guía elwebmaster.com (taller de botones en flash). 3

Guía 4 fía