Animacion con Flash

46,571 views

Published on

Materiales del curso básico de animación con Flash MX.

Published in: Technology, Business
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
46,571
On SlideShare
0
From Embeds
0
Number of Embeds
1,060
Actions
Shares
0
Downloads
874
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Animacion con Flash

  1. 1. Animación en Flash MX Conceptos Basicos
  2. 2. Animación en Flash MX <ul><li>Para crear animación de un documento de Macromedia Flash MX, se modifica el contenido de fotogramas sucesivos. Puede hacer que un objeto se desplace a lo largo del escenario, aumente o disminuya de tamaño, gire, cambie de color, aparezca o desaparezca progresivamente, o cambie de forma. Los cambios pueden ocurrir por separado o combinados entre sí. Por ejemplo, puede hacer que un objeto gire a medida que aparece y se desplaza por el escenario. </li></ul>
  3. 3. Animación en Flash MX <ul><li>Existen dos métodos para crear una secuencia de animación en Flash: la animación interpolada y la animación fotograma por fotograma . </li></ul><ul><li>En la animación interpolada , se crean los fotogramas inicial y final, y Flash crea los fotogramas intermedios. Flash varía el tamaño, la rotación, el color y otros atributos del objeto uniformemente entre los fotogramas inicial y final para crear la sensación de movimiento </li></ul>
  4. 4. Animación en Flash MX <ul><li>En la animación fotograma por fotograma , la imagen se crea en cada fotograma. </li></ul><ul><li>La animación fotograma por fotograma cambia el contenido del escenario en cada fotograma y es ideal para las animaciones complejas en las que la imagen cambia en cada fotograma en lugar de moverse por el escenario. Este tipo incrementa el tamaño del archivo con mayor rapidez que la animación interpolada </li></ul>
  5. 5. Animación en Flash MX <ul><li>Flash puede crear dos tipos de animaciones interpoladas: interpolación de movimiento e interpolación de formas. </li></ul><ul><li>En la interpolación de movimiento , se definen propiedades tales como la posición, el tamaño y la rotación de una instancia, un grupo o un bloque de texto en un instante específico, y después estas propiedades se pueden cambiar en otro momento. También se puede crear una interpolación de movimiento a lo largo de un trazado. </li></ul><ul><li>En la interpolación de formas , se dibuja una forma en un instante específico y después se modifica o se dibuja otra forma en otro instante. Flash interpola los valores o formas de los fotogramas intermedios para crear la animación. </li></ul>
  6. 6. Animación Interpolada <ul><li>La animación interpolada es una forma eficaz de crear movimiento y realizar cambios ya que reduce al mínimo el tamaño del archivo. En esta animación, Flash sólo guarda los valores de los cambios producidos entre fotogramas. </li></ul>
  7. 7. Animación Interpolada <ul><li>Para preparar rápidamente los elementos de un documento para crear una animación interpolada, distribuya los objetos en capas </li></ul><ul><li>Puede aplicar una animación interpolada a un objeto de una capa de máscara para crear una máscara dinámica </li></ul>
  8. 8. Uso de Capas de Mascara
  9. 9. Uso de Capas de Mascara <ul><li>Para obtener el efecto de foco y de transiciones, puede utilizar una capa de máscara para crear un agujero a través del cual se puedan ver las capas situadas por debajo. Un elemento de máscara puede ser una forma rellena, un objeto de tipo, una instancia de un símbolo de gráfico o un clip de película. Varias capas pueden agruparse bajo una misma capa de máscara para crear efectos sofisticados. </li></ul>
  10. 10. Animación fotograma a fotograma <ul><li>La animación fotograma por fotograma cambia el contenido del escenario en cada fotograma y es ideal para las animaciones complejas en las que la imagen cambia en cada fotograma en lugar de moverse por el escenario. Este tipo incrementa el tamaño del archivo con mayor rapidez que la animación interpolada. En la animación fotograma por fotograma, Flash guarda los valores de los fotogramas completos </li></ul>
  11. 11. Fotogramas Claves <ul><li>Un fotograma clave es un fotograma en el que se definen cambios en la animación. En la animación fotograma por fotograma, cada fotograma es clave. En la animación interpolada, se definen fotogramas clave en puntos significativos de la animación y Flash crea el contenido de los fotogramas intermedios. Flash muestra los fotogramas interpolados en verde claro o azul claro con una flecha entre los fotogramas clave. Puesto que los documentos de Flash guardan las formas en cada fotograma clave, cree fotogramas clave sólo en los puntos de las ilustraciones en los que se produzca alguna modificación. </li></ul>
  12. 12. Fotogramas Claves <ul><li>Los Fotogramas clave se indican en la línea de tiempo: </li></ul><ul><li>Los Fotogramas clave con contenido se representan mediante un círculo relleno </li></ul><ul><li>Los Fotogramas claves vacío se representan mediante un círculo vacío delante del fotograma. </li></ul>
  13. 13. Representaciones en Línea de Tiempo <ul><li>Las interpolaciones de movimiento se indican mediante un punto negro al principio del fotograma clave; los fotogramas interpolados intermedios tienen una flecha negra con un fondo azul claro. </li></ul>
  14. 14. Representaciones en Línea de Tiempo <ul><li>Las interpolaciones de formas se indican con un punto negro en el fotograma clave inicial; los fotogramas intermedios tienen una flecha negra con un fondo verde claro. </li></ul>
  15. 15. Representaciones en Línea de Tiempo <ul><li>Una línea discontinua indica que la interpolación se ha interrumpido o está incompleta, por ejemplo, cuando falta el fotograma clave final. </li></ul>
  16. 16. Representaciones en Línea de Tiempo <ul><li>Un fotograma clave sencillo viene indicado por un punto negro. Los fotogramas en gris claro después de un fotograma clave sencillo tienen el mismo contenido sin ningún cambio y tienen una línea negra con un rectángulo vacío en el último fotograma del recorrido </li></ul>
  17. 17. Representaciones en Línea de Tiempo <ul><li>Una a pequeña indica que al fotograma se le asignó una acción de fotograma con el panel Acciones </li></ul>
  18. 18. Representaciones en Línea de Tiempo <ul><li>Una bandera roja indica que el fotograma contiene una etiqueta o un comentario </li></ul>
  19. 19. Representaciones en Línea de Tiempo <ul><li>Un ancla dorada indica que el fotograma es un anclaje con nombre </li></ul>
  20. 20. Velocidad de Fotogramas <ul><li>La velocidad de fotogramas, es decir, la rapidez con que se reproduce la animación, se expresa en fotogramas por segundo. Si la velocidad de fotogramas es muy baja, la animación parece detenerse y volver a empezar y si es muy alta los detalles se ven borrosos. </li></ul>
  21. 21. Velocidad de Fotogramas <ul><li>Elija una velocidad de 12 fotogramas por segundo (fps) para obtener un resultado óptimo en Internet. En general, la velocidad estándar de movimiento de la imagen es de 24 fps, pero en las películas QuickTime y AVI es habitualmente de 12 fps. </li></ul>
  22. 22. Velocidad de Fotogramas <ul><li>La complejidad de la animación y la velocidad del sistema donde se reproduce afectan a la suavidad de la reproducción. Pruebe las animaciones en varios sistemas para determinar la velocidad de fotogramas óptima. </li></ul>
  23. 23. Extensión de imágenes estáticas <ul><li>Al crear un fondo para la animación, suele ser necesario que una imagen estática permanezca igual en varios fotogramas. Si se agrega un intervalo de fotogramas (no fotogramas clave) a una capa, el contenido del último fotograma clave se extiende en todos los fotogramas nuevos. </li></ul>
  24. 24. Distribución de objetos en capas <ul><li>Puede distribuir rápidamente los objetos seleccionados en un fotograma en distintas capas para aplicar animaciones interpoladas a los objetos. </li></ul><ul><li>Inicialmente, los objetos pueden estar en una o más capas. Flash distribuye cada objeto a una capa nueva independiente. </li></ul>
  25. 25. Distribución de objetos en capas <ul><li>El comando Distribuir en capas puede aplicarse a cualquier tipo de elemento del escenario, incluidos los objetos gráficos, las instancias, los mapas de bits, los clips de video y los bloques de texto separados </li></ul>
  26. 26. Distribución de objetos en capas <ul><li>Cada capa nueva creada durante la operación de distribución en capas recibe el nombre del elemento que contiene: </li></ul><ul><li>Una capa nueva que contiene un elemento de biblioteca (como un símbolo, un mapa de bits o un clip de video) recibe el nombre del elemento. </li></ul><ul><li>Una capa nueva que contiene una instancia con nombre recibe el nombre de la instancia. </li></ul><ul><li>Una capa nueva que contiene un carácter de un bloque de texto separado recibe el nombre del carácter. </li></ul><ul><li>Una capa nueva que contiene un objeto gráfico (que no tiene nombre) recibe el nombre Capa1 (o Capa2, etc.), ya que los objetos gráficos no tienen nombre. </li></ul>
  27. 27. Capas Nuevas <ul><li>Flash inserta capas nuevas debajo de las capas seleccionadas en la línea de tiempo. </li></ul>
  28. 28. Interpolación de Movimiento <ul><li>Métodos de Interpolación </li></ul><ul><li>Cree los fotogramas clave inicial y final para la animación y utilice la opción Interpolación de movimiento </li></ul><ul><li>Cree el primer fotograma clave para la animación, inserte el número de fotogramas que desee incluir en la línea de tiempo, seleccione Insertar > Crear interpolación de movimiento y mueva el objeto hasta la nueva ubicación en el escenario. Flash crea el fotograma clave final automáticamente </li></ul>

×