SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

PROGRAMA: TECNOLOGO ADSI 151193 COMPETENCIA: DISEAR EL SISTEMA DE INFORMACION TEMA: SOFTWARE DE ANIMACION FLASH CS3

CUESTIONARIO FLASH 1. 2. 3. 4. 5. 6. 7. Que es Multimedia? Cules son los tipos de productos multimedia? Que formatos de archivo se usan en multimedia? Que es la animacin? En que se fundamenta? Que es Flash? Donde se puede implementar su uso? Sealice las zonas que componen el entorno de Flash. Describa los botones del panel de herramientas y la ventana de propiedades 8. Que es la lnea de tiempo? 9. Que es un fotograma? Tipos de fotogramas. 10. Que es el escenario? 11. Que son las capas? 12. Que es una escena? 13. Que es una pelcula? Velocidad en fps. 14. Que es un objeto? Propiedades. 15. Que es un clip de pelcula o movieclip? 16. Que es la biblioteca? 17. Que es un botn? Estados de un botn. 18. Que es ActionScript? 19. Como se prueba una pelcula en Flash? 20. Que tipos de archivos se generan en Flash?

Resuelva el anterior cuestionario de manera individual en un documento que se pueda publicar en la web para compartir dicha informacin. Sitios sugeridos: slideshare, authorstream, issuu, scribd, google docs (presentaciones). De su creatividad depende el xito de este trabajo. Fecha Lmite: viernes 9 de septiembre de 2011

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

1. Que es multimedia? Rte. / Por definicin MULTIMEDIA es la fusin de al menos dos de los soportes de la comunicacin (texto, voz, sonido, msica, imagen, fotografa, animacin grfica, vdeo), a lo cual le sumamos la capacidad de no ser un medio pasivo sino interactivo, logrando una experiencia completa para el usuario, donde interacta con el sistema sintindose participante de la experiencia y no un simple espectador. 2. Cules son los tipos de reproduccin multimedia? Rte. / son texto, voz, sonido, msica, imagen, fotografa, animacin grafica y video. 3. Que formatos de archivos se usan en multimedia? Rte. / Formatos de archivos de audio Archivo de audio AIFF Extensin .aiff Audio Interchange File Format: Este formato de sonido se utilizaba originalmente en los equipos de Apple y Silicon Graphics (SGI). Los archivos de forma de onda se almacenan en un formato monaural (mono o de un solo canal) de 8 bits, que no se comprime y puede producir archivos grandes. Archivo de Audio AU Extensin .au Audio UNIX Este formato de archivo suele utilizarse con objeto de crear archivos de sonido para equipos UNIX o para web. Archivo MIDI Extensin .mid o .midi Interfaz Digital de Instrumentos Musicales Este es un formato estndar para el intercambio de informacin musical entre instrumentos musicales, sintetizadores y equipos. Archivo de Audio MP3 Extensin .mp3 MPEG Audio Layer 3 Este es un archivo de sonido que se ha comprimido con el cdec MPEG Audio Layer 3, desarrollado por Fraunhofer Institute.

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

Archivo de Audio de Windows Extensin .wav Forma de Onda Este formato de archivo de audio almacena los sonidos como forma de ondas. Segn diversos factores, un minuto de sonido puede ocupar un mnimo de 644 o un mximo de 27 megabytes de espacio de almacenamiento. Archivos de Windows Media Audio Extensin .wma Windows Media Audio Este es un archivo de sonido que se ha comprimido mediante el cdec de audio de Microsoft Windows Media, un esquema de codificacin de audio digital desarrollado por Microsoft que se utiliza para distribuir msica grabada, normalmente a travs de internet. Formatos de Archivos de Videos Archivos de Windows Media Extensin .asf Advenced Streaming Format Este formato de archivos almacenas datos multimedia sincronizados y puede utilizarse para trasmitir contenido de audio y video, imgenes y secuencia de comandos a travs de una red. Archivos de Video de Windows Extensin .avi Formato AVI Es un formato de archivo multimedia para almacenar sonido e imgenes en movimiento en formato Microsoft RIFA (Formato de archivo para intercambio de recurso). Es el ms comn de los formatos porque el contenido de audio o de video que se comprime con diversos cdec puede almacenarse en un archivo .avi. Archivo de Pelcula Extensin .mpg o .mpeg Grupo MPEG este es un conjunto de evolucin de estndares para la compresin de audio y video desarrollados por Moving Experts Group (Grupo MPEG). Este formato de archivos se diseo especficamente para utilizarlos con video CD y CD-i. Archivo de Windows Media Video Extensin .wmv Windows Media Video Este formato de archivos comprime audio y video mediante cdec de Windows Media Video, un formato

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

muy comprimido que requiere una cantidad mnima de espacio de almacenamiento en el disco duro del equipo. 4. Que es la animacin? En que se fundamenta? Rte. / La animacin es proceso utilizado para dar sensacin de movimiento a imgenes o dibujos. Existe numerosa tcnica para realizar animacin que van ms all de los familiares dibujo animados. La animacin se fundamenta en darle movimiento o darle sensacin de movimiento a un dibujo. 5. Que es Flash? Donde se puede implementar su uso? Rte. / Flash es la tecnologa ms comnmente utilizada en la web que permite la creacin de animaciones vectoriales. El inters en el uso de grficos vectoriales es que estos permiten llevar a cabo animaciones de poco peso, es decir, que tarda poco tiempo en ser cargadas en un navegador. 6. Sealice las zonas que componen el entorno de flash.

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

Barra de Men En la parte superior de la pantalla se desarrolla la barra de men estos son los componentes que lo conforman: ARCHIVO EDICION VER INSERTAR MODIFICAR TEXTO COMANDOS CONTROL VENTANA AYUDA Panel y Barras de Herramientas En unas de las partes ms importante de flash es el panel de herramientas (Ventana>Herramientas). Dentro de este panel la herramienta se organiza en grupos: El primer grupo nos ofrece las diferentes herramientas con que contamos para crear y modificar cualquier dibujo en el rea de trabajo. Segundo estas son las herramientas de ayuda para la visualizacin del rea de trabajo. Tercero este es el controlador de color de flash. Dividido en el color de contorno y de relleno. Cuarto al final de panel aparecern las opciones de la herramienta que tengamos actividad. En este caso las opciones de la herramienta de seleccin y movimiento.

Barra de Edicin En flash 8 la barra de edicin est localizada en cima de la lnea de tiempo. Nos da informacin sobre el zoom al que estamos viendo la escena y nos servir tambin para recibir informacin de la escena en la que estamos y los elementos que tenemos en juego en ese momento.

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

Barra Principal

La barra de herramienta principal contiene iconos que nos permiten aplicar los comandos utilizados ms a menudo, como por ejemplo guardar, copiar, pegar, etc. Barra del Controlador Esta barra de herramienta se define por los botones de play, Rebobinar, hacia adelante, hacia atrs, stop, etc. Con los que podremos trabajar con la vista preliminar de pelculas flash. Los botones de esta barra solo estarn activos si la pelcula tiene una longitud de tiempo en la lnea de tiempo.

7. Describa los botones del panel de herramientas y la ventana de propiedades. Rte. / Panel y Barras de Herramientas En unas de las partes ms importante de flash es el panel de herramientas (Ventana>Herramientas). Dentro de este panel la herramienta se organiza en grupos: El primer grupo nos ofrece las diferentes herramientas con que contamos para crear y modificar cualquier dibujo en el rea de trabajo. Segundo estas son las herramientas de ayuda para la visualizacin del rea de trabajo. Tercero este es el controlador de color de flash. Dividido en el color de contorno y de relleno. Cuarto al final de panel aparecern las opciones de la herramienta que tengamos actividad. En este caso las opciones de la herramienta de seleccin y movimiento.

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

Esta es la ventana de propiedades.

8. Que es la lnea de tiempo? Rte. / Lnea de Tiempo (Timelines) La lnea de tiempo organiza y controla el contenido de una pelcula a travs del tiempo, en capas y fotogramas. Los componentes principales de la lnea de tiempo son las capas, los fotogramas y la cabeza lectora.

9. Que es un fotograma y tipos de fotogramas Rte. / Un fotograma representa el contenido de la pelcula en un instante de tiempo. Por tanto, una animacin no es ms que una sucesin de fotogramas. Todos estos se puede controlar desde la lnea de tiempo, pero no todos lo fotogramas tiene el mismo comportamiento ni se trata igual. Tipos de Fotogramas Fotograma Clave: Son fotogramas con un contenido especifico, se crean, por tanto, para insertar en ellos un nuevo contenido no existe en la pelcula. Se identifica con un punto negro en el centro y cuando este vaco se identifica con una lnea negra vertical.

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

Fotograma Normal: Estos fotogramas siempre siguen a los fotogramas clave, no representa contenido nuevo y son de color gris.

Fotograma Contenedor: No son fotogramas propiamente dichos, sino representa un lugar dentro la lnea de tiempo en la que se pueda instalar uno. Por defecto ocupan toda la pelcula y el flash no lo tendrn en cuenta al publicar la pelcula. Fotogramas Vacios: Son fotogramas sin contenidos, su color es blanco. No debemos confundirlos con los fotogramas contenedor, pues estos ltimos vienen delimitados por lneas verticales grises (no negras).

Fotogramas Etiquetados: Contiene en la parte superior una bandera roja que indica que tiene un nombre asociados. Dicho nombre se estableces desde el panel Frame. Si la duracin del Frame es la suficiente, se puede leer el nombre (o Etiqueta) que identifica al conjunto de fotogramas.

Fotogramas con Acciones Asociadas: Contiene en la parte superior una a que indica que tiene una accin asociada. Estos fotogramas son especialmente importantes, pues estas acciones, en principio ocultas (Para verlas hay que acceder

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

al panel de acciones) puede cambiar el comportamiento de la pelcula.

Fotogramas Animados: Pueden ser de dos tipos Fotograma de Animacin en Movimiento: Viene caracterizados por el color morado y representa el movimiento (con o sin efectos) de un objeto, que pasa de la posicin del Keyframe inicial al final.

Fotograma de Animacin de Forma: Viene caracterizados por el color verde y representa un cambio en la forma de un objeto, que pasa de la forma que tena en el Keyframe inicial a la del final.

10. Que es el Escenario Rte. / El escenario es un lugar donde se compone o diagrama el contenido de cada uno de los fotogramas que constituye la pelcula. Dicho contenido se crea ya sea al incluir objetos sobre l con las herramientas (Tools) o importando imgenes o video.

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

Las cuadriculas, las guas y las reglas sirve para colocar con presin el contenido en el escenario. La Cuadricula: en el escenario podemos hacer uso Men >> ver/cuadricula/ver cuadricula

Se muestra con lneas cruzadas detrs del escenario, las cuales podemos modificar.

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

Reglas o Rulers: Las reglas nos permite medir el tamao de los objetos. Tambin nos permite arrastrar guas hacia el escenario. View/Rulers

Las Guas: Las guas nos sirven para dar una mayor exactitud de ubicacin a nuestros objetos en el escenario. Hacer clic en algunas de las reglas y arrastrar hacia el escenario. Se vern las lneas de gua en color verde. View/Guides/Show Guides

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

11. Que son las capas? Rte. / El concepto de Capa es fundamental para manejar Flash de forma eficiente. Dada la importancia de estas, se le dedicar un tema completo. An as, veamos a grandes rasgos qu son las capas. Una Capa se puede definir como una pelcula independiente de un nico nivel. Es decir, una capa contiene su propia Lnea de Tiempo (con infinitos fotogramas). Los objetos que estn en una determinada capa comparten fotograma y por tanto, pueden "mezclarse" entre s. Esto es interesante a menudo, pero otras veces es conveniente separar los objetos de modo que no interfieran entre s. Para ello, crearemos tantas capas como sea necesario. El uso de mltiples capas adems, da lugar a pelculas bien ordenadas y de fcil manejo (es conveniente colocar los sonidos en una capa independiente llamada "Sonidos", por ejemplo).

12. Que es una escena? Rte. / Una pelcula estn compuesta por escenas. Cada escena es una porcin separada en la lnea de tiempo. Al utilizar anctionscript resulta muy fcil la comunicacin entre escenas.

Se puede agregar, borrar, duplicar escenas en el papel escena, dirigindose a la barra de men: window/Design Panels/scene

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

13. Que es una pelcula? Velocidad en fps Rte. / Las pelculas Flash son animaciones, que al igual que los botones y el texto flash, tiene la extensin SWF. Es frecuente verlas en la pginas inciales de los sitios web, a modo de presentacin hacia los usuarios, aunque se pueden utilizar cualquier tipo de animacin. Estas pelculas pueden crearse mediante el programa Flash de Macromedia, y necesita que el usuario tenga instalado el plugin para poder ser visualizadas. Las pelculas Flash puede insertarse en una pgina travs del men insertar, media, opcin Flash, o pulsado Ctrl+Alt+F. Tambin puede insertarse pulsando sobre la opcin la pestaa comn del panel insertar, botn media. Flash que aparece en

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

14. Que es un objeto? Propiedades.

Un objeto Flash es un archivo de extensin *.SWF que ha sido diseado con el programa Adobe Flash(http://www.adobe.es) y que se suele embeber dentro de una pgina HTML para mostrarse a travs del navegador. Esta tecnologa ha experimentado tal auge que actualmente se considera indispensable en la elaboracin de animaciones y juegos multimedia interactivos en educacin. Lejos de crear objetos flash porque ello excede el propsito de este curso en este captulo se describe el procedimiento de cmo reutilizar un SWF descargado o existente para integrarlo dentro de una pgina HTML.

15. Que es un clip de pelcula o movieclip? Se utiliza smbolos de Clip de Pelcula (Movie Clip) para crear piezas de animacin reutilizables. Los clips de pelcula tienen sus propias lneas de tiempo de varios fotogramas, independientes de la lnea de tiempo principal. Presionamos la tecla rpida [F8] para Convertir a Smbolo y seleccionamos Movie Clip.

Al seleccionar el Modo Avanzado (Advanced) se despliega la pantalla con las casillas de seleccin. Nos indica la casilla Export for ActionScript si requerimos exportar para ActionScript, exportar en el primer fotograma, etc. Registration: Ubicamos el nodo central de nuestro Movie Clip. 16. Que es la biblioteca?

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

Una biblioteca no es ms que un almacn de objetos (grficos o sonidos) que podrn ser utilizados en una misma animacin en una o ms ocasiones. Dependiendo del rango que presente esta biblioteca, sta puede ser propia a la animacin, compartida por varias animaciones, o bien permanente (empleada por la totalidad de animaciones). Cada uno de los elementos que constituyen una biblioteca son denominados smbolos. Como hemos dicho, estos elementos podrn ser utilizados en nuestra animacin cuantas veces lo deseemos. No obstante, cada una de estas utilizaciones no es llamada smbolo, sino ocurrencia. Por lo tanto, una ocurrencia es cada una de las ocasiones en las que un smbolo almacenado en nuestra biblioteca es utilizado en nuestra animacin. Cambiando las propiedades de un smbolo de la biblioteca , cambiamos todas cada una de las ocurrencias que aparecen en la animacin. Contrariamente, la modificacin de una ocurrencia no altera al smbolo de la biblioteca ni a las otras ocurrencias de la animacin. Como podemos observar, el uso de las bibliotecas no solo nos ayuda a aligerar el archivo, sino que nos permite una creacin, edicin y borrado rpidos de cada una de las ocurrencias. En captulos posteriores abordaremos con ms detalle la gestin de bibliotecas smbolos y ocurrencias. Pasaremos a continuacin a la aplicacin de lo aprendido a partir de la creacin de una animacin.

17. Que es un botn? Estados de un botn. Los smbolos de tipo Botn son los que aportan la mayor parte de la interactividad de las pelculas Flash con aquel que la est visualizando. Un botn, en Flash, es igual que cualquier botn de cualquier entorno informtico, sea web o cualquier otro. Son elementos que se prestan a que el usuario los presione, desencadenando al hacerlo una serie de acciones. Tambin es habitual ver como este tipo de elementos reaccionan cuando se les pasa el ratn por encima o cuando se les est pulsando, por ejemplo. Pues bien, para conseguir los efectos interactivos que acabamos de mencionar en otros lenguajes orientados a la web, que es el caso que nos ocupa, debemos crear programas relativamente grandes. Esto es un inconveniente bastante grande ya que el uso de los botones es una prctica muy habitual en el diseo en Internet. Sin embargo, en Flash no ocurre as. Su interfaz esta diseada de manera especial para la creacin
Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

de botones, lo que nos permite crear todos estos efectos de una manera muy sencilla. Al igual que los otros smbolos de Flash 5, los botones tienen su propia lnea de tiempos. Esta es independiente pero, sin embargo, esta formada nicamente por cuatro fotogramas, uno para cada estado posible del botn.

Up (Reposo). Aspecto por defecto del botn, es decir, cuando el puntero del ratn no est situado sobre l. Over (Sobre). Aspecto del botn cuando situamos el puntero sobre l. Down (Presionado). Apariencia que deseamos tenga nuestro botn mientras lo mantengamos pulsado. Hit (Zona activa). Aqu debemos indicar el rea real en la que queremos que acte nuestro botn. Esto es importante sobre todo en botones compuestos slo por texto como veremos ms adelante. Parece que la limitacin de fotogramas podra implicar una limitacin en la capacidad de espectacularidad y utilidad de estos smbolos, pero no es as. Los botones pueden contener a su vez otros smbolos, como clips o grficos (tambin de tipo Bitmap). La unin de las posibilidades de todos los smbolos dota a los botones de gran espectacularidad. 18. Que es ActionScript? Adobe ActionScript es el lenguaje de programacin de la Plataforma Adobe Flash. Originalmente desarrollado como una forma para que los desarrolladores programen en forma ms interactiva. La programacin con ActionScript permite mucha ms eficiencia en las aplicaciones de la plataforma Flash para construir animaciones de todo tipo, desde simples a complejas, ricas en datos e interfaces interactivas. La versin ms extendida actualmente es ACTION 6.0, que signific una mejora en el manejo de programacin orientada a objetos al ajustarse mejor al estndar ECMA-262 y es utilizada en las ltimas versiones de Adobe Flash y Flex y en anteriores versiones de Flex. Desde la versin 2 de Flex viene incluido ActionScript 3, el cual mejora su rendimiento en comparacin de sus antecesores, adems de incluir nuevas caractersticas como el uso de expresiones regulares y nuevas formas de empaquetar las clases.
Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

19. Como se prueba una pelcula en Flash? Entre las opciones disponibles podemos deshabilitar el Flash Player para simular el comportamiento de nuestros proyectos en equipos sin el player instalado. El funcionamiento de esta joya con la que muchos hemos soado no puede ser ms sencillo. Una vez instalada la extensin 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 opcin deseada, y ya est, a testear lo que queris. 20. Que tipos de archivos se generan en Flash?

Dreamweaver viene con objetos Flash que pueden utilizarse con independencia de que tenga o no Flash instalado en su equipo. Antes de utilizar los comandos Flash que estn disponibles en Dreamweaver conviene conocer los distintos tipos de archivos Flash que existen: Archivos (.fla) de Flash

Archivos de origen de cualquier proyecto, que se crean en el programa Flash. Este tipo de archivo slo se puede abrir en Flash (no en Dreamweaver ni en los navegadores). Puede abrir el archivo Flash en Flash y, a continuacin, exportarlo a SWF o SWT para utilizarlo en los navegadores. Archivos SWF de Flash (.swf) Versin comprimida del archivo Flash (.fla) optimizada para la Web. Este archivo se puede reproducir en navegadores y ver en Dreamweaver, pero no se puede editar en Flash. ste es el tipo de archivo que se crea utilizando el botn Flash y objetos de texto Flash. Archivos de plantilla Flash (.swt) Estos archivos permiten modificar y reemplazar informacin de un archivo SWF de Flash. Se utilizan en el objeto de botn Flash, que permite modificar la plantilla con texto o vnculos propios, para crear un SWF personalizado e insertarlo en el documento. En Dreamweaver, estos archivos de plantilla se encuentran en las carpetas Dreamweaver/Configuration/Flash Objects/Flash Buttons y Flash Text. Elementos Flash (.swc)

Instructor Edison Morales

SERVICIO NACIONAL DE APRENDIZAJE SENA - REGIONAL NORTE DE SANTANDER

Archivos Flash SWF que permiten crear aplicaciones de Internet completas mediante su incorporacin en una pgina Web. Los elementos Flash tienen parmetros personalizables que pueden modificarse para realizar diferentes funciones de la aplicacin. Formato de archivo Flash Video (.flv) Archivo de vdeo que contiene datos codificados de audio y vdeo para enviarlos a travs de Flash Player. Por ejemplo, si tuviera un archivo de vdeo de QuickTime o Windows Media, debera utilizar un codificador (como Flash 8 Video Encoder o Sorensen Squeeze) para convertir el archivo de vdeo en un archivo FLV.

Instructor Edison Morales