Gua de aprendizaje de Flash CS5

Tutorial 13 - Publicacin y exportacin

Paso 1 de 10
Una vez que hemos creado una pelcula Flash, sea una animacin, un juego, un recurso educativo, etc., el ltimo paso es publicarla o exportarla a otro formato, segn sea su finalidad y canal de distribucin. Una opcin habitual es que nuestra pelcula se visualice en una pgina web. La forma ms rpida de generar un archivo HTML en el cual visualizar nuestro archivo SWF es mediante las opciones de publicacin incorporadas en Flash. Abrimos un documento fla con el contenido que queramos publicar. Seleccionamos Archivo > Configuracin de publicacin. De forma predeterminada, aparecern seleccionadas las casillas Flash y HTML, que son las necesarias para crear una pgina html que contenga el documento SWF. Los nombres de los archivos que se van a crear tendrn el nombre de nuestro archivo fla. Podemos cambiar estos nombres sin problemas. Por cada tipo de formato que seleccionemos, excepto para los proyectores, se mostrar una pestaa en la que podremos configurar las caractersticas del archivo que queremos publicar.

Paso 2 de 10
Comenzaremos por describir las opciones ms importantes a tener en cuenta de la pestaa Flash. En la opcin Script seleccionaremos la versin del lenguaje de script que hemos utilizado en nuestra pelcula. En esa gua hemos utilizado ActionScript 3.0. En algunas pelculas, aunque no hayamos escrito cdigo, puede que sea tambin necesario exportar con la versin 3.0. Si seleccionamos una versin del reproductor inferior a Flash Player 9, automticamente la versin del script cambiar a 2.0 o 1.0, segn la versin del reproductor seleccionada. Si hemos seleccionado una versin del Script que sea incompatible con nuestro cdigo o con algn elemento de la pelcula, al publicar la pelcula se mostrar una advertencia en el panel Salida, o aparecern errores en el panel Errores de compilador. Algunas de las funciones de Flash que necesitan la ltima versin tanto del reproductor como del script, incluso aunque no utilicemos cdigo, son las interpolaciones 3D o la herramienta huesos.

En la opcin Reproductor seleccionaremos la versin del Player necesaria para ver nuestra pelcula. Salvo si vamos a crear un proyector, que lleva incorporado su propio player, los usuarios debern tener una versin igual o mayor del plugin Flash Player que la que seleccionemos para ver correctamente el contenido de nuestra pelcula. Si seleccionamos una versin del reproductor que no sea compatible con algunas de las funciones que hemos utilizado en nuestra pelcula, una ventana de alerta nos informar de esta incompatibilidad.

Paso 3 de 10
En la parte superior del rea de Imgenes y sonidos tenemos en primer lugar Calidad JPEG. Aqu podemos seleccionar la calidad de los mapas de bits utilizados en nuestra pelcula. Una calidad menor en la imagen significa una mayor compresin, y, por tanto, un peso menor en el archivo resultante. Sin embargo, podemos seleccionar la casilla Suplantar configuracin de sonido para establecer desde aqu la calidad de los sonidos en el archivo final. En el caso de que hayamos utilizado en nuestra pelcula sonidos como flujo de audio, es necesario establecer desde aqu la calidad de la compresin del sonido, incluso aunque no est seleccionada la casilla de suplantar la configuracin del sonido. Cuando nuestra pelcula est publicada, una de las diferencias que podemos encontrar entre los sonidos de flujo y los de evento, adems de las explicadas en el tutorial 8, es que un sonido de flujo comenzar a reproducirse junto con el resto de la pelcula cuando se hayan descargado los primeros fotogramas, y podr detenerse en algn punto si la reproduccin avanza a ms velocidad que la descarga. Sin embargo, un sonido de tipo evento tendr que haberse descargado completamente antes de empezar la reproduccin, por lo que tardar ms en iniciarse, aunque despus no se detendr hasta que no lo indiquemos de forma explcita.

Respecto al audio, en principio la configuracin de la calidad de sonido ser la que est configurada desde las propiedades de cada sonido en la biblioteca en el caso de los eventos de audio, tal y como vimos en el tutorial 8.

Paso 4 de 10
Pasando a la pestaa HTML, una de las primeras opciones que nos podemos encontrar es si queremos que de forma automtica se detecte la versin de Flash del navegador. Si seleccionamos la casilla Detectar versin de Flash y el usuario tiene una versin inferior de Flash, se le enviar automticamente a una pgina para actualizar su reproductor. Si la casilla no est seleccionada, el archivo se reproducir aunque el usuario no disponga de la versin adecuada, pero las funciones incompatibles con la versin del usuario se mostrarn con errores. Por ello, siempre resulta conveniente asegurar que el usuario est visualizando la pelcula con la versin adecuada del player. Si seleccionamos pxeles o porcentaje, es posible que el usuario visualice partes de la pelcula que estaban fuera de los lmites de nuestro documento. En pelculas que incluyan mapas de bits o vdeos, no es conveniente redimensionar la pelcula, ya que las imgenes y vdeos pueden mostrarse pixelados. En el apartado Dimensiones, podemos seleccionar si la pelcula debe mostrarse con el mismo tamao que nuestro documento, o bien si debe ocupar un nmero concreto de pxeles o un porcentaje de la ventana del navegador.

Paso 5 de 10
En el rea de Reproduccin, podemos seleccionar, entre otras opciones, si la pelcula debe reproducirse indefinidamente (como un bucle). De esta forma, slo se detendr cuando lo explicitemos con un stop. De no estar seleccionada la casilla, la pelcula se reproducir al completo, y se detendr al llegar al ltimo fotograma. Seleccionamos Archivo > Vista previa de publicacin > HTML para ver el resultado de nuestra pelcula con la configuracin actual. Podemos hacer varias pruebas con las opciones de HTML hasta conseguir que la pelcula se muestre como queramos. Para publicar la pelcula seleccionamos Archivo > Publicar, o bien pulsamos sobre el botn Publicar de la ventana de Configuracin de publicacin. Para poder visualizar la pelcula en Internet, tendremos que subir tanto el archivo swf como el archivo html que hemos publicado. Si la casilla Mostrar men est activada, se mostrar un men contextual cuando pulsamos sobre la pelcula con el botn derecho del ratn. El usuario podr avanzar y retroceder en la pelcula, cambiar la visualizacin, etc. Para desactivar este men contextual, y que slo aparezca informacin acerca de Flash, desactivamos la casilla Mostrar men. Consulta la ayuda de Flash para conocer las caractersticas del resto de opciones de publicacin de HTML. Si observamos el cdigo fuente del archivo html que Flash ha generado automticamente, veremos que hay muchas lneas de cdigo. Si queremos incluir nuestra pelcula como parte de una pgina web junto con otro contenido, el archivo HTML que crea Flash puede resultar confuso y difcil de compatibilizar. Por ello recomendamos publicar desde Flash slo nuestro archivo swf, y para integrar el contenido en un archivo HTML utilizar una librera JavaScript que detallaremos a continuacin.

Paso 6 de 10
Para la publicacin de contenido flash incrustado en una pgina web, existe una librera JavaScript llamada swfobject.js que permite incluir nuestra pelcula en un archivo HTML de forma sencilla y respetando los estndares web. Los archivos necesarios y la documentacin sobre esta librera la podemos encontrar en http://code.google.com/p/swfobject/. En la misma pgina podemos encontrar un generador del cdigo necesario para integrar nuestro SWF con esta librera, el cual facilita la tarea de crear el cdigo. En la parte superior del generador del cdigo tenemos que incluir en primer lugar la ubicacin en la que ubicaremos el archivo swfobject.js respecto al HTML. Tambin tenemos que determinar la versin del Flash Player necesaria para visualizar nuestra pelcula. Podemos incluir el Adobe Express Install, un pequeo instalador que aparecer en el caso de no disponer de la versin del plugin requerida, y que permitir una instalacin de una versin actual del player sin salir de nuestra pgina. En el rea de definicin del SWF, tenemos que indicar el nombre y ubicacin de nuestro archivo respecto al documento HTML. Tambin debemos especificar sus dimensiones (en pxeles o en porcentaje). En el rea more podremos definir otros parmetros, como por ejemplo si queremos que se muestre o no el men contextual.

Paso 7 de 10
En el rea del HTML podemos definir el contenido alternativo que se mostrar a los usuarios que no dispongan de la versin del Flash Player requerida. Por ltimo pulsamos sobre Generate para generar el cdigo html necesario para visualizar nuestra pelcula. Si queremos que nuestra pelcula forme parte de otro documento html ya creado, ser suficiente con copiar las lneas de script que se encuentran en la cabecera del cdigo creado. <script type="text/javascript" src="swfobject.js"> </script> <script type="text/javascript"> swfobject.registerObject("myFlashContent", "10.0.0", "expressInstall.swf"); </script> Tambin tenemos que pegar todo el contenido que se encuentra entre las etiquetas <div> </div> (incluidas) dentro del cuerpo de nuestra pgina. Si por ejemplo se tratara de un banner animado que no es imprescindible para el funcionamiento de la pgina, podramos mostrar simplemente una imagen fija en sustitucin de la animacin swf. En otros casos donde la pelcula tenga mayor importancia, podramos incluir una descripcin del contenido, e indicar que para visualizar correctamente la aplicacin se necesita tener una versin ms actual de Flash Player. De esta forma tendremos todo el contenido de nuestra pelcula dentro de una etiqueta div. Para comprender las ventajas que esto supone, necesitamos tener conocimientos previos de HTML y CSS. No debemos olvidar incluir el archivo swfobject.js junto con la publicacin de nuestra pgina, as como expressInstall.swf si lo hubiramos seleccionado.

Paso 8 de 10
Volviendo a Flash y a la ventana Configuracin de publicacin, tambin podemos publicar archivos GIF, JPEG y PNG para mostrar una imagen de nuestro documento. Las ltimas casillas son para crear proyectores, esto es, archivos ejecutables que contienen nuestra pelcula, y que incluyen su propio reproductor independiente. De esta forma no es necesario que el usuario final disponga de la versin requerida del Flash Player para visualizar el contenido. Esta forma de publicacin es la ms habitual para crear CD interactivos con contenido realizado en Flash. Para un ejecutable en Windows es suficiente con el archivo EXE que genera el proyector, por lo que no es necesario generar un archivo SWF. Cuando se genera un ejecutable para un CD, es habitual incluir un archivo llamado autorun.inf que indique que se reproduzca de forma automtica nuestro ejecutable. Para ello tendr el siguiente contenido: [autorun] open=nombreArchivo.exe Si necesitamos crear un proyector para Lnux, podemos descargarnos el proyector necesario en http://www.adobe.com/support/flashplayer /downloads.html, abrir con l nuestro swf, y crear un proyector nuevo desde Linux con nuestro contenido. En el archivo que hemos creado con Flash y que est pensado para publicarse en un CD, es frecuente incluir algunas instrucciones para que el contenido se visualice a pantalla completa: stage.displayState = StageDisplayState.FULL_SCREEN; Dentro de la pantalla completa, podemos indicar si el contenido debe ampliarse o no escalarse, con una de las siguientes lneas: stage.scaleMode = StageScaleMode.SHOW_ALL; stage.scaleMode = StageScaleMode.NO_SCALE;

Paso 9 de 10
Adems de estas opciones de publicacin que hemos visto, tambin podemos exportar el contenido de nuestra pelcula a diversos formatos. Seleccionamos Archivo > Exportar > Imagen para crear una imagen con el fotograma actual. Podemos elegir entre varios formatos adems de los que ya aparecan en las opciones de publicacin, como por ejemplo Mapa de bits o Adobe FXG, un nuevo formato de archivo compatible con Flash Catalyst, Fireworks, Illustrator y Photoshop.

Hay que tener en cuenta que, salvo el formato SWF, ninguna de las dems opciones de exportacin de pelcula ejecutar la programacin de ActionScript. Por lo tanto, si tenemos alguna animacin creada mediante cdigo, sta no se visualizar en el archivo exportado. Tampoco podrn visualizarse las lneas de tiempo anidadas. Con Flash CS5 tambin podemos crear contenidos para varias plataformas diferentes. Por ejemplo, podemos crear un archivo Adobe Air para generar e implementar aplicaciones complejas de Internet en nuestro escritorio. En la documentacin de Flash podemos encontrar ayuda para publicar para Adobe Air. Tambin podemos crear contenido preparado para dispositivos mviles. Existe numerosa documentacion en internet sobre este tema. Por ejemplo para comenzar podemos consultar el artculo Developing for mobile devices with the Adobe Flash Platform.

Si seleccionamos Archivo > Exportar > Pelcula tambin podemos elegir tambin entre varios formatos de exportacin. Por ejemplo, podemos exportar nuestra pelcula como una secuencia de imgenes que luego podremos importar y modificar con programas de edicin de vdeo. Tambin podemos crear directamente un archivo de vdeo AVI o MOV.

Paso 10 de 10
Antes de finalizar, comentar que Flash dispone de algunas herramientas muy tiles que no hemos tratado a lo largo de estos tutoriales y que recomendamos probar, como por ejemplo: La herramienta Deco, que nos permite crear fcilmente rellenos complejos a partir de formas predeterminadas, o utilizando smbolos que tengamos en nuestra biblioteca. Tambin podemos seleccionar pinceles complejos. El panel Kuler, que podemos abrir seleccionando Ventana > Extensiones > Kuler, y con el cual podemos acceder a grupos de colores o temas creados por una comunidad en lnea de diseadores. Tambin nos permite crear y guardar nuestros propios temas de colores para incluirlos fcilmente en nuestros proyectos. Ante cualquier duda sobre los temas tratados en esta gua recomendamos consultar la ayuda de Flash. Recordemos que podemos acceder a la ayuda general de Flash desde el buscador de la barra de men si se trata de dudas generales sobre el entorno de edicin

o desde el icono de ayuda del panel Acciones si se trata de dudas sobre el cdigo que estemos escribiendo.