FLASH PLAYER<br />PRESENTADO POR: <br />JUAN CARLOS BACCA MANCILLA<br />
CONTENIDO<br />Que es Multimedia?<br />Cuáles son los tipos de productos multimedia?<br />Que formatos de archivo se usan ...
Que es la línea de tiempo?<br />Que es un fotograma? Tipos de fotogramas.<br />Que es el escenario?<br />Que son las capas...
QUE ES MULTIMEDIA<br />Es la combinación de dos o mas medios para transmitir información tales como texto, imágenes, anima...
CUALES SON LOS TIPOS DE PRODUCTOS MULTIMEDIAS<br />Texto: sin formatear, formateado, lineal e hipertexto.<br />Gráficos: u...
Animación: presentación de un número de gráficos por segundo que genera en el observador la sensación de movimiento.<br />...
QUE FORMATOS DE ARCHIVO SE USAN EN MULTIMEDIA<br />FORMATOS TEXTO<br /> <br />TXT texto sin formato<br />RTF texto enrique...
FORMATOS GRAFICO E IMÁGENES<br /> <br />BMP mapa de bits<br />JPEG joint photographic experts group<br />GIF graphics inte...
FORMATOS DE ANIMACION<br />GIF animados<br />SWF archive de flash<br />DCR archive shockwave<br />PPT/PPS power point<br />
FORMATOS DE VIDEO<br />AVI audio video interleave<br />MPEG moving picture experts group<br />MOV video quick time<br />FL...
FORMATOS DE SONIO<br />WAV archive de onda<br />MIDI musical instrument digital interface<br />MP3 MPEG-1 audio layer 3<br...
QUE ES LA ANIMACION? EN QUE SE FUNDAMENTA?<br />presentación de un numero de grafico por segundo que genera en el observad...
QUE ES FLASH? DONDE SE PUEDE IMPLENTAR SU USO?<br />Es una aplicación en forma de estudio de animación que trabaja sobre "...
SENALICE LAS ZONAS QUE COMPONEN EL ENTORNO DE FLASH<br />
HERRAMIENTAS Y LA CENTANA DE PROPIEDADES<br />
QUE ES LA LINEA DE TIEMPO<br />La Línea de Tiempo representa una forma de ver los fotogramas de modo simplificado. Consta ...
QUE ES UN FOTOGRAMA<br />Un fotograma representa el contenido de la película en un instante de tiempo. Por tanto, una anim...
TIPOS DE FOTOGRAMAS<br />Fotograma Clave (KeyFrame) : Son fotogramas con un contenido especifíco, se crean, por tanto, par...
Fotograma Normal (Normal Frame) : Estos fotogramas siempre siguen a los fotogramas clave, no representan contenido nuevo y...
 Fotograma Contenedor: No son fotogramas propiamente dichos, sino que representan un lugar dentro de la Línea de Tiempo en...
Fotograma Vacío: Son fotogramas sin contenido, Su color es blanco.<br />En la imagen, los fotogramas del 6 al 11 (incluido...
Fotograma Etiquetado (LabelFrame): Contiene en la parte superior una "bandera" roja que indica que tienen un nombre asocia...
Fotograma con Acciones asociadas: Contienen en la parte superior una "a" que indica que tienen una acción asociada. Estos ...
Fotogramas Animados: Pueden ser de 2 tipos:<br />1) Fotogramas de Animación de Movimiento: Vienen caracterizados por el co...
2) Fotogramas de animación de Forma: Vienen caracterizados por el color verde y representan un cambio en la forma de un ob...
QUE ES EL ESCENARIO<br />El escenario es el lugar donde se compone o diagrama el contenido de cada uno de los fotogramas q...
QUE SON LAS CAPAS<br />Una Capa se puede definir como una película independiente de un único nivel. Es decir, una capa con...
QUE ES UNA ESCENA<br />Una película está compuesta por escenas. Cada escena es una porción separada en la línea de tiempo....
QUE ES UNA PELICULA?<br />Las imágenes por segundo (en inglés frames per second, FPS) es la medida de la frecuencia a la c...
QUE ES UN OBJETO<br />los objetos son instancias de una determinada clase. Esto es, son representantes de una clase ya def...
PROPIEDADES DE UN OBJETO<br />Objeto "Button" (Botón)<br />Los objetos de tipo Botón es un tipo de MovieClip especialmente...
Objeto "DisplayObject" (Objeto de visualización)<br />Esta clase engloba a todos los objetos que podemos ver en nuestra pe...
Objeto "Mouse" (Ratón)<br />El objeto mouse es uno de los objetos de Flash que ya está definido por Flash, pues hace refer...
Objeto "Math" (Matemáticas)<br />Es uno de los múltiples objetos "abstractos" de Flash, ni es visual, ni parece que corres...
Objeto "Loader" (Cargador) y Objeto "URLLoader" (Cargador de información)<br />Los objetos Loader nos permitirán cargar ar...
QUE ES UN CLIP DE PELICULA O MOVIECLIP<br />Objeto "MovieClip" (Clip de Película)<br />Cuando necesitemos crear una pelícu...
QUE ES LA BIBLIOTECA<br />Al añadir por primera vez un componente a un documento, Flash lo importa como un clip de películ...
QUE ES ACTIONSCRIPT<br />El ActionScript es el lenguaje de programación que ha utilizado Flash desde sus comienzos, y que ...
COMO SE PRUEBA UNA PELICULA EN FLASH<br />Entre las opciones disponibles podemos deshabilitar el Flash Player para simular...
QUE TIPO DE ARCHIVO GENERA FLASH<br />Archivos .fla y .swf<br />En el proceso de trabajo con Flash se ven involucrados dif...
.Swf: archivo resultanteSe caracteriza porque sólo es la visualización resultante de la película. No nos permitirá modific...
Flash player
Upcoming SlideShare
Loading in...5
×

Flash player

2,050

Published on

introduccion a flash player

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,050
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
49
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Flash player

  1. 1. FLASH PLAYER<br />PRESENTADO POR: <br />JUAN CARLOS BACCA MANCILLA<br />
  2. 2. CONTENIDO<br />Que es Multimedia?<br />Cuáles son los tipos de productos multimedia?<br />Que formatos de archivo se usan en multimedia?<br />Que es la animación? En que se fundamenta? <br />Que es Flash? Donde se puede implementar su uso?<br />Señalice las zonas que componen el entorno de Flash.<br />Describa los botones del panel de herramientas y la ventana de propiedades<br />Que es la línea de tiempo?<br />
  3. 3. Que es la línea de tiempo?<br />Que es un fotograma? Tipos de fotogramas.<br />Que es el escenario?<br />Que son las capas? <br />Que es una escena?<br />Que es una película? Velocidad en fps.<br />Que es un objeto? Propiedades.<br />Que es un clip de película o movieclip?<br />Que es la biblioteca?<br />Que es un botón? Estados de un botón.<br />Que es ActionScript?<br />Como se prueba una película en Flash?<br />Que tipos de archivos se generan en Flash?<br />
  4. 4. QUE ES MULTIMEDIA<br />Es la combinación de dos o mas medios para transmitir información tales como texto, imágenes, animaciones, sonido y video que llega al usuario a través del computador u otros medios electrónicos.<br />La mutimedia permite que el usuario aprenda rápidamente estimulando los sentidos como el tacto, el oído, la vista y especialmente el cerebro.<br />
  5. 5. CUALES SON LOS TIPOS DE PRODUCTOS MULTIMEDIAS<br />Texto: sin formatear, formateado, lineal e hipertexto.<br />Gráficos: utilizados para representar esquemas, planos, dibujos lineales...<br />Imágenes: son documentos formados por píxeles. Pueden generarse por copia del entorno (escaneado, fotografía digital) y tienden a ser ficheros muy voluminosos.<br />
  6. 6. Animación: presentación de un número de gráficos por segundo que genera en el observador la sensación de movimiento.<br />Vídeo: Presentación de un número de imágenes por segundo, que crean en el observador la sensación de movimiento. Pueden ser sintetizadas o captadas.<br /> <br />Sonido: puede ser habla, música u otros sonidos.<br />
  7. 7. QUE FORMATOS DE ARCHIVO SE USAN EN MULTIMEDIA<br />FORMATOS TEXTO<br /> <br />TXT texto sin formato<br />RTF texto enriquecido<br />DOC documento de Word<br />DOCX documento de Word 2007<br />HTML documento web<br />ODT documento openoffice<br />
  8. 8. FORMATOS GRAFICO E IMÁGENES<br /> <br />BMP mapa de bits<br />JPEG joint photographic experts group<br />GIF graphics interchange format<br />PNG portable network graphics<br />CDR corel draw<br />PSD photoshop<br />TIFF tagged image file format<br />
  9. 9. FORMATOS DE ANIMACION<br />GIF animados<br />SWF archive de flash<br />DCR archive shockwave<br />PPT/PPS power point<br />
  10. 10. FORMATOS DE VIDEO<br />AVI audio video interleave<br />MPEG moving picture experts group<br />MOV video quick time<br />FLV video flash<br />WMV windows media video<br />ASF advanced streaming format<br />VOB video DVD<br />
  11. 11. FORMATOS DE SONIO<br />WAV archive de onda<br />MIDI musical instrument digital interface<br />MP3 MPEG-1 audio layer 3<br />WMA windows media audio<br />KAR karaoke<br />RA/RAM/RM real audio networks<br />
  12. 12. QUE ES LA ANIMACION? EN QUE SE FUNDAMENTA?<br />presentación de un numero de grafico por segundo que genera en el observador la sensación de movimiento.<br />Esta bola roja consiste, en realidad, en 6 fotografías.<br /> Las seis fotografías se muestran aquí a diez fotografías por segundo<br />
  13. 13. QUE ES FLASH? DONDE SE PUEDE IMPLENTAR SU USO?<br />Es una aplicación en forma de estudio de animación que trabaja sobre "Fotogramas" destinado a la producción y entrega de contenido interactivo para diferentes audiencias alrededor del mundo sin importar la plataforma. y utiliza gráficos vectoriales e imágenes ráster, sonido, código de programa, flujo de vídeo y audio bidireccional (el flujo de subida sólo está disponible si se usa conjuntamente con Macromedia Flash Communication Server).<br />
  14. 14. SENALICE LAS ZONAS QUE COMPONEN EL ENTORNO DE FLASH<br />
  15. 15. HERRAMIENTAS Y LA CENTANA DE PROPIEDADES<br />
  16. 16. QUE ES LA LINEA DE TIEMPO<br />La Línea de Tiempo representa una forma de ver los fotogramas de modo simplificado. Consta de 2 partes.<br />Los Fotogramas (frames) que vienen delimitados por líneas verticales (formando rectángulos)<br />Los Números de Fotograma que permiten saber qué número tiene asignado cada fotograma, cuánto dura o cuándo aparecerá en la película.<br />
  17. 17. QUE ES UN FOTOGRAMA<br />Un fotograma representa el contenido de la película en un instante de tiempo. Por tanto, una animación no es más que una sucesión de fotogramas. Todo esto se puede controlar desde la Línea de Tiempo, pero no todos los fotogramas tienen el mismo comportamiento ni se tratan igual. Veamos qué tipos de fotogramas hay y cuáles son sus rasgos.<br />
  18. 18. TIPOS DE FOTOGRAMAS<br />Fotograma Clave (KeyFrame) : Son fotogramas con un contenido especifíco, se crean, por tanto, para insertar en ellos un nuevo contenido no existente en la película. Se identifican por tener un punto negro en el centro y cuando esté vacío se le diferencia por una línea negra vertical.<br />Por ejemplo, en el ejemplo de la "pelota" que rebotaba en el suelo habría 3 Keyframes. Uno para cada posición distinta de la pelota.<br />
  19. 19. Fotograma Normal (Normal Frame) : Estos fotogramas siempre siguen a los fotogramas clave, no representan contenido nuevo y son de color gris.<br />El último fotograma de una secuencia de fotogramas normales viene representado por un cuadrado blanco sobre fondo gris.<br />En el ejemplo, los fotogramas del 2 - 5 son fotogramas normales, su contenido no es nuevo, esto es, es el mismo que el del fotograma 1. Como vemos, su misión es prolongar la duración de un fotograma clave o keyframe.<br />
  20. 20.  Fotograma Contenedor: No son fotogramas propiamente dichos, sino que representan un lugar dentro de la Línea de Tiempo en la que se puede insertar uno. Por defecto ocupan toda la película y Flash no los tendrá en cuenta al publicar la película. En la imagen anterior, son fotogramas contenedor todos los fotogramas a partir del 12 (incluido). 1 de cada 5 fotogramas contenedor es gris, el resto, blancos.<br />
  21. 21. Fotograma Vacío: Son fotogramas sin contenido, Su color es blanco.<br />En la imagen, los fotogramas del 6 al 11 (incluidos) son fotogramas vacíos. No debemos confundirlos con los fotogramas contenedor, pues estos últimos vienen delimitados por líneas verticales grises (no negras). Si se inserta algo en estos fotogramas, pasan a ser Keyframes.<br />Es importante resaltar que Flash no ignora estos fotogramas y simplemente mostrará una imagen en blanco. (no dará por terminada la animación). De modo que si queremos que un objeto aparezca en el fotograma 1 y después otra vez en el fotograma 10. Los fotogramas del 2 al 9 deberán ser fotogramas vacíos ya que así el objeto "desaparecerá" y volverá a aparecer.<br />
  22. 22. Fotograma Etiquetado (LabelFrame): Contiene en la parte superior una "bandera" roja que indica que tienen un nombre asociado. Dicho nombre se establece desde el Panel "Frame". Si la duración del frame es la suficiente, se puede leer el nombre (o etiqueta) que identifica al conjunto de fotogramas.<br />
  23. 23. Fotograma con Acciones asociadas: Contienen en la parte superior una "a" que indica que tienen una acción asociada. Estos fotogramas son especialmente importantes, pues estas acciones, en principio "ocultas" (para verlas hay que acceder al Panel Acciones) pueden cambiar el comportamiento de la película. En la imagen, la acción existente en el fotograma 1 afecta también al 2 y al 3 (por ser fotogramas normales). El fotograma 4 no tiene acciones y sí las tiene el 5.<br />
  24. 24. Fotogramas Animados: Pueden ser de 2 tipos:<br />1) Fotogramas de Animación de Movimiento: Vienen caracterizados por el color morado y representa el movimiento (con o sin efectos) de un objeto, que pasa de la posición del Keyframe inicial al final. Para representar esta animación aparece una flecha entre estos Keyframes.<br />Esta imagen representa el ejemplo de la pelota. Del frame 1 se pasa al 6, (Flash representará el movimiento entre ambas posiciones en la película final) y del 6 al 11. Otro movimiento.<br />
  25. 25. 2) Fotogramas de animación de Forma: Vienen caracterizados por el color verde y representan un cambio en la forma de un objeto, que pasa de la forma que tenía en el Keyframe inicial a la del final. Para representar esta animación aparece una flecha entre estos Keyframes.<br />Este ejemplo, similar al de arriba representa el cambio de forma de la pelota. En el frame 1 tendría la forma original, en el frame 5, forma de cuadrado (por ejemplo) y en el 11, otra forma distinta.<br />En esta última imagen aparecen casi todos los tipos de fotogramas, ¿los reconoces?<br />
  26. 26. QUE ES EL ESCENARIO<br />El escenario es el lugar donde se compone o diagrama el contenido de cada uno de los fotogramas que constituyen la película. Dicho contenido se crea ya sea al incluir objetos sobre él con las Herramientas (Tools) o importando imágenes o vídeo.<br />
  27. 27. QUE SON LAS CAPAS<br />Una Capa se puede definir como una película independiente de un único nivel. Es decir, una capa contiene su propia Línea de Tiempo (con infinitos fotogramas).<br />
  28. 28. QUE ES UNA ESCENA<br />Una película está compuesta por escenas. Cada escena es una porción separada en la línea de tiempo. Al utilizar Actionscript resulta muy fácil la comunicación entre escenas.<br />
  29. 29. QUE ES UNA PELICULA?<br />Las imágenes por segundo (en inglés frames per second, FPS) es la medida de la frecuencia a la cual un reproductor de imágenes genera distintos fotogramas (frames). En informática estos fotogramas están constituidos por un número determinado de píxeles que se distribuyen a lo largo de una red de texturas. La frecuencia de los fotogramas es proporcional al número de píxeles que se deben generar, incidiendo en el rendimiento del ordenador que los reproduce.<br />
  30. 30. QUE ES UN OBJETO<br />los objetos son instancias de una determinada clase. Esto es, son representantes de una clase ya definida. Cada objeto tiene las propiedades y métodos propios de la clase, y normalmente son independientes unos de otros. Así, son objetos, por ejemplo, un botón, un clip de película, un gráfico o un sonido... es decir, que prácticamente todo es un objeto en Flash CS4.<br />
  31. 31. PROPIEDADES DE UN OBJETO<br />Objeto "Button" (Botón)<br />Los objetos de tipo Botón es un tipo de MovieClip especialmente pensado para que el usuario interactúe con él, permitiéndonos diferenciar entre sus estados, y crear una apariencia para cada uno.<br />Cuando nos interese que una imagen que hayamos diseñado se comporte como un botón, bastará convertirla a botón (del modo visto en el capítulo correspondiente) y ya podremos usar los eventos típicos de un botón.<br />
  32. 32. Objeto "DisplayObject" (Objeto de visualización)<br />Esta clase engloba a todos los objetos que podemos ver en nuestra película, como los Clips de película y botones, y definde las propiedades y métodos comunes para todos ellos.<br />Objeto "Sound" (Sonido) y SoundChanel (Canal de sonido)<br />Los objetos sonidos no son visuales, y por tanto, no podremos ver como quedan en los fotogramas, al igual que haríamos con un botón o un clip de película. Deberemos controlarlos, por tanto, desde el Panel Acciones y usando ActionScript. Tienen multitud de métodos especiales, muy potentes y útiles, podemos parar un sonido, crear un bucle, darle efectos sonoros etc... Utilizando el canal de sonido, podremos aprarlo, ajustar el volumen, etc.Podríamos, por ejemplo, crear un objeto de tipo sonido y después hacer que al pulsar un botón suene. (Más adelante se verá algún ejemplo de uso de sonidos).<br />
  33. 33. Objeto "Mouse" (Ratón)<br />El objeto mouse es uno de los objetos de Flash que ya está definido por Flash, pues hace referencia al ratón de Windows (al que manejará el usuario que vea nuestra película). Si lo usamos, podremos acceder a las propiedades del ratón de Windows, tipo de cursos, efectos asociados, detección de su posición etc...Vale la pena insistir en que su manejo no es análogo al de otros objetos como el botón, pues podemos crear tantos botones como queramos y hacer con ellos lo que decidamos, pero el objeto Mouse es único y actúa sobre el ratón del PC del usuario que vea nuestra película. Se puede decir que es un objeto "externo" que permite que otras partes del Sistema Operativo interactúen con nuestra película Flash. Por tanto, es muy potente.<br />
  34. 34. Objeto "Math" (Matemáticas)<br />Es uno de los múltiples objetos "abstractos" de Flash, ni es visual, ni parece que corresponda a nada existente en el sistema (como el objeto "Mouse"). Su función es muy importante, pues nos permite usar fórmulas matemáticas de modo muy sencillo. En el tema siguiente veremos algún ejemplo de su uso.<br />Objeto "String" (Cadena)<br />Es otro objeto peculiar, pues corresponde a un tipo de datos. Los strings o cadenas son secuencias de caracteres. Si definimos una secuencia de caracteres como objeto de tipo String, podremos usar los métodos que Flash implementa sobre ellas: Seleccionar subcadenas de letras, buscar una determinada letra en una palabra, convertir la palabra a letras mayúsculas y un largo etc...<br />
  35. 35. Objeto "Loader" (Cargador) y Objeto "URLLoader" (Cargador de información)<br />Los objetos Loader nos permitirán cargar archivos para mostrarlos (imágenes, archivos swf, etc...) en nuestra película, mientras que los objetos URLLoader nos permitirán cargar información de archivos (archivos de texto, XML, páginas web...).<br />
  36. 36. QUE ES UN CLIP DE PELICULA O MOVIECLIP<br />Objeto "MovieClip" (Clip de Película)<br />Cuando necesitemos crear una película Flash dentro de otra película, pero no queramos tener 2 ficheros separados ni molestarnos en cargar una película u otra, deberemos crear un objeto movieclip. Entre sus propiedades especiales destaca que los objetos "clip de película" tienen, internamente, una línea de tiempos que corre independiente de la línea de tiempos de la película principal de Flash, lo que nos permite crear animaciones tan complejas e independientes como queramos (podemos crear tantos clips de película dentro de otros como queramos, por ejemplo). Realmente, toda nuestra película es un MovieClip. <br />
  37. 37. QUE ES LA BIBLIOTECA<br />Al añadir por primera vez un componente a un documento, Flash lo importa como un clip de película en el panel Biblioteca. También se puede arrastrar un componente del panel Componentes directamente al panel Biblioteca y, a continuación, añadir una instancia de dicho componente al escenario. En cualquier caso, se debe añadir un componente a la biblioteca para poder acceder a sus elementos de clase.<br />
  38. 38. QUE ES ACTIONSCRIPT<br />El ActionScript es el lenguaje de programación que ha utilizado Flash desde sus comienzos, y que por supuesto, emplea Flash CS4. A grandes rasgos, podemos decir que el ActionScript nos permitirá realizar con Flash CS4 todo lo que nos propongamos, ya que nos da el control absoluto de todo lo que rodea a una película Flash. Absolutamente de todo.<br /> <br />Sin embargo, en estos temas sólo vamos a ver una pequeña introducción a ActionScript 3 que servirá para sentar las bases que permitirán empezar a trabajar con ActionScript. Enseñar a programar con ActionScript requeriría otro curso completo. Profundizar en el conocimiento de este lenguaje queda por cuenta del lector. Recomendamos seguir la estupenda Ayuda incluida en Flash CS4.<br />
  39. 39. COMO SE PRUEBA UNA PELICULA EN FLASH<br />Entre las opciones disponibles podemos deshabilitar el Flash Player para simular el comportamiento de nuestros proyectos en equipos sin el player instalado.<br /> <br />El funcionamiento de esta joya con la que muchos hemos soñado no puede ser más sencillo. Una vez instalada la extensión en nuestro navegador Firefox nos aparece un icono el parte derecha de la barra de estado. Pulsando sobre él, se despliega un menú con las opciones disponibles, elegimos la opción deseada, y ya está, a testear lo que queráis. <br />
  40. 40. QUE TIPO DE ARCHIVO GENERA FLASH<br />Archivos .fla y .swf<br />En el proceso de trabajo con Flash se ven involucrados diferentes tipos de archivos, pero explicar aquí todos ellos puede resultar un poco confuso. Nos centraremos principalmente en dos de ellos:<br />.Fla: Archivo de trabajo Este archivo es el que necesitamos para trabajar, dibujar, animar, hacer modificaciones... en la película. Es la extensión con la que se guarda el archivo cuando estamos trabajando. Así, podemos abrirlo, editarlo y trabajar con él, y restaurar con él los demás tipos de archivo. No es el archivo que se publica en Internet. <br />
  41. 41. .Swf: archivo resultanteSe caracteriza porque sólo es la visualización resultante de la película. No nos permitirá modificarla. Por eso tiene un tamaño muy reducido; motivo por el que Flash ha alcanzado tanta popularidad en la creación de animaciones dirigidas para Internet. Es el archivo que genera la película optimizada preparada para ser reproducida, y puede ser visto por cualquier persona que cuente con un Navegador de Internet y el plug-in Reproductor Flash (o Flash Player). El público no puede editar este tipo de archivo, sólo puede verlo.<br />En resumen, el archivo .FLA es el ORIGEN y el archivo .SWF es el RESULTADO. Más adelante veremos que este archivo flash puede producir muchos tipos de archivo, lo que da versatilidad a este programa.Teniendo el .fla de una película podemos hacer con ella lo que deseemos.<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×