PDF de programación - Animacion con Flash

Animación con Flash.

Ferran Agelet Ordobàs.
Feliciano Villar Posada.

Grado de Multimedia

multimedia.uoc.edu

Graduado en Multimedia (UOC)



Animación con Flash



1.- Introducción a Flash.........................................................................................................3
Introducción ...................................................................................................................3
¿Qué es Flash?..............................................................................................................3
Características de Flash..................................................................................................3
Archivos y requisitos para ver películas realizadas en Flash..............................................4
Imágenes vectoriales y de mapa de bits...........................................................................4
El entorno de trabajo de Flash.........................................................................................5
2.- Los objetos: dibujar y escribir con Flash.......................................................................... 15
Introducción ................................................................................................................. 15
El dibujo con Flash ....................................................................................................... 15
El color en Flash........................................................................................................... 26
Escribir con Flash ......................................................................................................... 32
Trabajar con objetos ..................................................................................................... 34
Importar objetos............................................................................................................ 40
3.- Estructura de una película: símbolos, capas, escenas ...................................................... 42
Símbolos y capas ......................................................................................................... 42
Trabajar con símbolos ................................................................................................... 42
Trabajar con capas ....................................................................................................... 46
Estructura de una película Flash.................................................................................... 49
4.- Creación de animaciones ............................................................................................... 52
Introducción ................................................................................................................. 52
Elementos mínimos de una animación: los fotogramas ................................................... 52
Operaciones con fotogramas seleccionados ................................................................... 54
Técnicas de animación.................................................................................................. 56
Tipos especiales de capas orientadas a efectos de animación......................................... 62
Animación y símbolos: los clips de película o movie clips ................................................ 67

Página 2

Graduado en Multimedia (UOC)



Animación con Flash



1.- Introducción a Flash



Introducción

Macromedia Flash se está convirtiendo en el estándar para la creación de contenidos
animados y altamente interactivos para ser distribuidos en la Red.

Este material pretende recorrer el camino necesario para llegar a conocer las posibilidades de
la aplicación sin experiencia previa.

El objetivo es que, a partir de este material, el usuario interesado disponga de los conceptos y
práctica necesarios para elaborar sus primeros proyectos y afronte con garantías de éxito la
profundización en niveles más complejos.

Para poder dominar la animación con Flash es importante practicar y probar todo lo que aquí
se explica, aunque no se plantee ningún ejercicio explícito. Ninguna explicación puede sustituir
la propia experiencia con el programa.

¿Qué es Flash?

Flash es una aplicación informática producida por la empresa de software norteamericana
Macromedia, que se utiliza principalmente para la generación de páginas web animadas e
interactivas.

Combina en un solo producto una potente herramienta de animación y diseño con un entorno
de programación para aplicaciones multimedia interactivas. De esta forma, es posible obtener
lo mejor de ambos mundos, creando programas que incluyen animaciones y elementos
gráficos que contienen comportamientos interactivos.

Esta es una característica que lo hace único pero que también precisa una formación amplia. El
desarrollador de Flash se desenvuelve en un entorno que es a la vez diseño y programación,
arte y técnica. En este material abordaremos ambos aspectos ¿Aceptas el reto?

Características de Flash

Flash se ha convertido en el estándar, de hecho, para la producción y visualización de
contenidos dinámicos e interactivos en línea (conectados a Internet), gracias a características
como las siguientes:

Se puede utilizar tanto para la producción de elementos animados e interactivos que se

integran dentro de una página web como para generar sitios completos. En ambos casos,
el uso de Flash permite incrementar la espectacularidad y riqueza interactiva de nuestra
web.

La utilización de Flash es relativamente sencilla. Con poco tiempo de aprendizaje

podemos llegar a crear elementos animados e interactivos básicos y gracias a la ayuda de
su entorno de trabajo visual, resulta accesible llegar a niveles más sofisticados, incluso
para aquellos con poca experiencia previa en el uso de herramientas similares.

El entorno de Flash dispone de herramientas para probar nuestras creaciones y verlas tal

como las verá el usuario final. Por otra parte, las películas hechas con Flash son
multiplataforma, se ven de la misma forma independientemente del navegador (Explorer,
Netscape, Mosaic u otros) y del sistema operativo (Windows, Macintosh, Linux u otros) que
utilice el usuario. Incluso se puede utilizar en entornos como Palm, Pocket PC o PlayStation
II.

Página 3

Graduado en Multimedia (UOC)



Animación con Flash



Las películas Flash se descargan rápidamente en el ordenador del usuario, ya que,
aunque se incorporen elementos complejos, conservan unos tamaños relativamente
modestos. Además, las películas Flash se pueden empezar a ver aunque no se hayan
descargado totalmente (tecnología de flujo o streaming).

La incorporación de elementos interactivos es muy sencilla con Flash. Por ejemplo,

podemos conseguir que determinados objetos de nuestra película reaccionen a las
acciones del usuario, o también, podemos construir formularios atractivos para pedir
información.

La creación de animaciones complejas: objetos que cambian de posición, de color, de

forma o, incluso, que se convierten en otros objetos, resulta muy fácil con Flash. Gracias a
la organización de los documentos siguiendo la metáfora de una película, con su línea
temporal y su sistema de animación interpolada, crear contenidos dinámicos es sencillo y
divertido. Con Flash es posible crear animaciones mediante programación y, por lo tanto,
que cambian cada vez que se ejecutan.

Para que nuestra web sea más espectacular, podemos incorporar fácilmente en una

película Flash elementos multimedia como imágenes, sonido y vídeo, incluso ficheros
externos, sincronizados o no con las animaciones.

Flash está preparado para gestionar contenido multimedia dinámico. Con él se pueden

crear no sólo webs, sino también pequeñas aplicaciones, como chats, servicios de noticias,
bancos de imágenes o de vídeo y, por supuesto, juegos.

Flash dispone de un sistema de bibliotecas que permite reutilizar los elementos de una

película dentro de la misma película o en otra, aprovechando al máximo el trabajo del
diseñador.

Archivos y requisitos para ver películas realizadas en Flash

Las películas producidas con Flash se almacenan en dos tipos de archivo:

Los archivos con la extensión .fla: se generan cuando guardamos nuestro trabajo con

Flash y contienen la película en formato original, de tal manera que podemos modificarla.
Cuando hacemos doble clic, estos archivos abren la aplicación.

Los archivos con la extensión .swf: contienen la película en un formato optimizado para su
descarga en Internet. Se trata de los archivos que se ejecutan en el navegador de nuestro
usuario y contienen la película como producto final, no la fuente original. Estos archivos no
permiten modificar las películas, sólo permiten visualizarlas.

Si el usuario no dispone en su navegador de la extensión necesaria para visualizar ficheros de
este formato, debe descargarla desde la web de Macromedia, la empresa creadora del
programa Flash: http://www.macromedia.com

Sin embargo, la gran mayoría de navegadores incorporan de serie dicha extensión, lo que
convierte esta tecnología prácticamente en un estándar.



Resulta importante tener en cuenta que para que el usuario final pueda descargar una película
Flash desde Internet (en formato .swf) y pueda verla sin problemas en su ordenador, el
navegador que utilice debe tener preinstalado un pequeño complemento, llamado plug-in,
específico para la detección e interpretación de archivos con extensión .swf.

Imágenes vectoriales y de mapa de bits

Página 4

Graduado en Multimedia (UOC)



Animación con Flash


Una película realizada con Flash se compone, entre otros elementos, de un conjunto de objetos
gráficos, de imágenes. En general, una imagen digital puede ser de dos tipos: vectorial o de
mapa de bits.



Una imagen vectorial se compone de una o