Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.
-
Upload
elisa-crespo-cruz -
Category
Documents
-
view
222 -
download
0
Transcript of Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.
![Page 1: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/1.jpg)
Introducción a Flash: Documento flaIntroducción a Flash: Documento flaJaime OcampoPolitécnico de Antioquia
Medellín
![Page 2: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/2.jpg)
Tipos de archivos en FlashTipos de archivos en FlashDocumentos Flash
◦ Se componen de escenas que contienen keyframes para describir los cambios en el escenario.
◦ Estos archivos tienen extensión (.fla).Películas Flash
◦ Se producen cuando se publica (compila y comprime) un documento Flash.
◦ Se pueden incrustar en una página Web HTML mediante la etiqueta object (Internet Explorer) o embed (browser basados en Mozilla).
◦ Requieren del plug in Adobe Flash Player para poder reproducirse.
◦ Estos archivos tienen extensión (.swf )
![Page 3: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/3.jpg)
Tipos de archivos en FlashTipos de archivos en Flash
Archivos ActionScript: Son documentos con códigos ActionScript y se almacenan con extensión .as
Proyector de Windows: Son archivos ejecutables, del inglés proyector stand-alone, y se almacenan con extensión .exe (para Windows), .mov (para videos Quicktime).
Videos Flash: Son archivos de video Flash y se almacenan con extensión .flv
![Page 4: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/4.jpg)
Estructura de un documento FlashEstructura de un documento Flash
En un documento Flash se diseña y se organizan los objetos multimedia, y se implementa la interactividad del usuario.
El documento se organiza en escenas, segmento de película Flash que se compone de:
Escenario (Stage): lugar donde se desarrolla la acción, y se muestran los objetos (actores).
Línea de tiempo (Timeline): lugar donde se controla la duración de los objetos en escena. Estos objetos se disponen en capas.
![Page 5: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/5.jpg)
Interface de FlashInterface de Flash
![Page 6: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/6.jpg)
Estructura del documento FlashEstructura del documento Flash
![Page 7: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/7.jpg)
La línea de tiempoLa línea de tiempo
Se organiza en capas y las capas en frames.
Las capas permiten mantener los objetos separados
Las capas se componen de frames
![Page 8: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/8.jpg)
Timeline: Capas y framesTimeline: Capas y frames
A. Playhead B. Empty keyframe C. Timeline header D. Guide layer icon E. Frame view pop‑up
menu F. Frame-by-frame
animation
G. Tweened animation H. Scroll to Playhead
button I. Onion-skinning
buttons J. Current frame
indicator K. Frame rate indicator L. Elapsed time
indicator
![Page 9: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/9.jpg)
Tipos de capasTipos de capas
![Page 10: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/10.jpg)
Modelos de capasModelos de capas
![Page 11: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/11.jpg)
Tipos de framesTipos de frames
Keyframes: Frame cuyo contenido puede variar de los frames a su alrededor. Se identifican con círculos negros rellenos.
Blank keyframe: Es un keyframe sin contenido. Se identifican con círculos blancos vacios.
Frame Span: Sección de un keyframe a un endframe.◦ Frames con relleno (filled frames): Frames
intermedios en un span, son de color gris.◦ Frames vacios (blank frames): Frames
intermedios en un span, son de color blanco.◦ Endframe: El frame final de un span, se identifica
con un rectángulo blanco.
![Page 12: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/12.jpg)
Frames y tipos de animaciónFrames y tipos de animación
Animación cuadro a cuadro (Frame by frame animation)◦ Es una secuencia de keyframes, cuyos contenidos
pueden variar y dichos cambios se hacen manualmente.
Animación Tween:◦ Es un movimiento o cambio en un elemento
interpolado en un span entre dos keyframes. El span se marca con una flecha. Motion Tween: Se aplica a grupo, símbolos,
textos editables. No se puede usar en formas primitivas. Permite mover un objeto de un lugar a otro y también animar la escala, skew, rotación, color y transparencia de un símbolo. Es de color púrpura o azul.
Shape Tween: Se aplica a formas primitivas (no grupos). Es de color verde.
![Page 13: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/13.jpg)
Simbología de frames y span de Simbología de frames y span de framesframes
![Page 14: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/14.jpg)
Capas y FramesCapas y Frames
![Page 15: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/15.jpg)
Objetos de un documento flashObjetos de un documento flash
![Page 16: Introducción a Flash: Documento fla Jaime Ocampo Politécnico de Antioquia Medellín.](https://reader034.fdocumento.com/reader034/viewer/2022051517/5665b4901a28abb57c9236b5/html5/thumbnails/16.jpg)
Biblioteca de símbolosBiblioteca de símbolos