BIENVENIDOS AL CURSO DE ADOBE FLASH PROFESSIONAL CS5.

UNIDAD 1. CONCEPTOS FUNDAMENTALES

Unidad 1

En esta unidad se darn a conocer los conceptos bsicos de diseo del programa Adobe Flash Professional CS5.5. Se mostrar paso a paso como instalar y ejecutar el programa en el equipo de trabajo; de igual manera se har una introduccin sobre los archivos y el tipo de lenguaje que este software utiliza.

Temas de la Unidad 1 Tema 1. Conceptos y usos de Adobe Flash Tema 2. Conceptos bsicos de diseo Tema 3. Conceptos de animacin Tema 4. Requerimientos para trabajar con Adobe Flash Professional CS5.5 e instalacin del programa Tema 5. Familiarizacin con el Espacio de Trabajo

Tiempo de Formacion

Definicin y orientacin sobre conceptos bsicos de Adobe Flash Professional.

2 Horas

Se hace una introduccin al diseo con recomendaciones y consejos que se deben tener en cuenta. Conceptos bsicos de animacin y aspectos importantes a la hora de comenzar un proyecto.

2 Horas

2 Horas

Se hace una exposicin del proceso de descarga del programa Adobe Flash Professional CS5.5, para as ser instalado y ejecutado en el computador.

2 Horas

Se presenta la forma ordenada de trabajar al desarrollar un proyecto (flujo de trabajo) y se hace una breve presentacin del espacio de trabajo del programa.
Tabla 1: Temas de formacin en la Unidad 1

2 Horas

TEMA 1. Conceptos y usos de Adobe Flash

Qu es Adobe Flash? Flash es un software cuya funcin es el desarrollo de contenidos interactivos multimedia, basado en lenguaje script y de vectores, este permite realizar todo tipo de aplicacin o contenido animado. En principio fue desarrollado por la empresa Macromedia y en la actualidad Adobe se encarga de su distribucin. Plataforma Flash Flash hace parte de la llamada Plataforma Adobe Flash, esta permite crear aplicaciones enriquecidas para distintos medios como celulares de ltima tecnologa y equipos de cmputo, ya sea en la web o en aplicaciones nativas de escritorio. La plataforma flash es un conjunto integrado de tecnologas, utilizada s para crear y ofrecer contenido, se conforma principalmente por clientes, herramientas, servicios y servidores.

Figura 1: Plataforma Adobe Flash

Los elementos con mas relevancia de esta Plataforma son : Flash Player, utilizado en el desarrollo Web y Adobe Air, empleado para aplicaciones de escritorio.
i

Plataforma Adobe Flash en http://www.adobe.com/es/flashplatform/

Otras aplicaciones de gran utilidad en el desarrollo de contenidos son: Flash Builder, Flash catalys y la primordial, en la que se basa este curso, Flash Professional. Los otros elementos de la Plataforma Adobe son servidores y servicios que brindan herramientas para enriquecer distintos temas generados por estos softwares. Aplicaciones y usos de Flash Flash permite dibujar y animar en dos dimensiones. Este incluye sonido, video y por supuesto la posibilidad de interactuar con una diversidad de contenidos. Flash es til en muchas aplicaciones como por ejemplo: animaciones para diferentes dispositivos, entornos de elementos para la Web, presentaciones multimedia en CD y juegos; tambin posee un gran futuro, gracias a su capacidad para crear grficos de alta calidad y de poco peso. Ademas su nueva caracteristica le permite exportar a la web en formato html5 , algo que planea ser mejorado e implementado en prximas versiones. Cosas que se pueden hacer con FLASH: Creacin de imgenes Una de las aplicaciones a sealar es la posibilidad de exportar a cualquier parte una animacin creada con Flash a una imagen esttica. Las extensiones en las que se puede exportar desde Flash son: JPEG, GIF, PNG, PICT [Macintosh] y BMP.

Pixeles o vectores El pixel es un elemento muy pequeo que compone las imgenes del mapa de bits, tambin conocidas como bitmaps. Cada pixel contiene informacin con respecto al color y a su posicin en pantalla. Un mapa de bits es una matriz integrada por la ubicacin de pixeles, mediante coordenadas cartesianas [x, y] mas su color. Al agrandar una imagen de este tipo, se ve una cuadricula compuesta por puntos rectangulares de color, stos son los pixeles. Entre ms pixeles haya por unidad de espacio, mayor es la calidad de la imagen y el tamao del archivo. Documento de Flash El documento creado por Flash est integrado por un documento padre, este permite dibujar y componer una escena de animacin. Despues la pelcula que se exporta permite ser reproducida mediante el reproductor de Flash (Flash Player) o un reproductor de video. La extensin del documento padre es .FLA. La pelcula exportada, el trabajo final tiene la extensin .SWF.

Algunos formatos de imgenes de mapa de bits son: BMP, PSD, XCF, JPEG, GIF, TIF, PNG. Un vector es un objeto digital definido de manera matemtica. Los vectores se reunen al formar lneas y formas individuales. Estos grficos se caracterizan por ser trabajables, ya que no se ajustan a un nmero determinado de unidades fijas, sino a frmulas matemticas internas de formaciondel grfico, de esta forma, se puede agrandar una imagen sin que aumente el tamao del archivo y sin perder definicin. Algunos formatos de imgenes de vectores son: CDR [Corel Draw], SWF [pelcula Flash], AI [Illustrator]. Algunos formatos de imgenes con informacin vectorizada y pixeles son: PICT [Macintosh], WMF [Windows], PSP [Paint Shop Pro], EPS [Encapsulated Postcript], PDF [Adobe Acrobat Reader], FLA [Flash]. Presentaciones multimedia Son composiciones con imgen, sonido y video que pueden tener animacin. Las composiciones multimedia suelen contener scripts o pequeos programas que ejecutan distintos eventos como: conexiones a internet, envio de correos electronicos, chats, etc. Adems de Internet, Flash permite crear CDS multimedia, algo muy til para armar catlogos de productos por ejemplo. Flash es capaz de incluir un reproductor, a fin de poder visualizar el contenido de la animacin, sin necesidad de poseer el programa Windows Media Player. Animaciones Una animacin es una secuencia integrada por varias imgenes que poseen cambios en un lapso de tiempo determinado. En las animaciones se utiliza lnea de tiempo, capas, interpolacin, etc. Juegos Gracias al lenguaje Actionscript que viene incluido en el Adobe Flash, el rango de posibilidades a la hora de realizar un juego o una aplicacin interactiva es muy alto, ya que lo nico necesario es un conocimiento bsico de programacin. Flash ofrece varias herramientas en el panel de edicin Actionscript, as como la incorporacin de acciones automatizadas que simplifican notablemente los proyectos desarrollados. Sitios Web Flash es ampliamente utilizado para desarrollar sitios web completos o partes de ellos. Sin embargo existe controversia por el uso del software web (medida de uso de un

determinado producto de forma efectiva, organizada, comoda y de igual manera escalable y compatible para el resto de tecnologas que lo rodean.) Usuarios que solicitan el desarrollo de un sitio web con Flash, ignoran en la mayoria de los casos el concepto de usabilidad, por lo que se puede caer en un abuso de contenidos. Los sitios web, las presentaciones y las animaciones desarrolladas en Flash, son visualmente agradables. Pero en ocaciones son muy pesadas o innecesarias (en el caso de las presentaciones) para determinados usuarios, por eso, si se planea el desarrollo de un sitio web con Flash, se debe tener en cuenta prioritariamente el pblico al que va dirigido, ya que no todos los usuarios tienen la ltima versin de Flash Player en su navegador web o la conexin de banda ancha requerida. Una de las ventajas que ofrece Flash a un producto potente, es que los archivos generados para la Web, son ms livianos que otros tipos de animaciones, como por ejemplo, GIF.

Figura 2.

TEMA 2. Conceptos bsicos de diseo

Introduccin al diseo Un buen diseo es clave para el xito de cualquier producto. Cuando se tiene un negocio y se desarrolla una nueva lnea de productos para competir contra empresas o sitios reconocidos en la red, tener un sitio web con ubicacin fsica real y con calidad en el diseo es algo crucial para tener xito. Afortunadamente la Web suele ser justa con personas creativas y dedicadas. Un sitio Web puede competir directamente con los grandes, sin necesidad de gastar ms de 50 Millones de pesos. Todo lo que se necesita es ingenio y utilizar las herramientas adecuadas, aqu se desentraarn los misterios del diseo en flash, lo que impulsar la posible creacin de diseos innovadores. Como las aplicaciones de Flash crecen en tamao y alcance, hay que dominar las tcnicas que permiten llamar la atencin. Por qu es clave para el xito un buen diseo? La respuesta es simple, la competencia. Si el proyecto en Flash es slo uno de los millones en el mercado y lo que se quiere es sobresalir, ms vale que este propsito se vea y funcione de manera perfecta. Esta seccin cubre los cuatro principios bsicos de un buen diseo: Sencillez Facilidad de uso Flexibilidad Consistencia

Resulta paradjico pero es ms fcil crear un diseo complejo y confuso, que uno simple y utilizable que tenga sentido rpido para el cliente y sea lo suficientemente flexible para crecer con las necesidades del usuario. La coherencia en el diseo del producto creado a travs de Adobe Flash, es clave para hacer sentir cmodos a los clientes. Al dominar estos cuatro principios de diseo, el camino de creacin para diversos proyectos ser glorioso, ya que las personas se sentirn cmodas y querrn volver a contratarle. Sencillez La simplicidad es una muy buena idea. Por qu? Debido a que un diseo complejo puede confundir el mensaje. Flash libera las limitaciones del diseo tpicamente asociadas

con HTML y CSS. Esto quiere decir que Flash tiene ms poder sobre el sitio web y sobre las distintas aplicaciones. Flash no se limita al trabajo con tablas para crear un diseo, se puede utilizar cualquier fuente que desee, mediante la incorporacin directa en la pelcula de Flash. Tampoco se tiene que luchar con la ubicacin de objetos o estar preocupado porque el sitio se va a ver diferente en un navegador distinto, gracias a Flash Player, slo es necesario crear un diseo y este funcionar bien en todas partes. Tendr que practicar para generar un diseo de buen aspecto, esttico, armnico y lo ms importante, sencillo. Usabilidad De las millones de pginas que habitan en la Web, se decide volver a sitios favoritos, ya que son tiles y siempre tienen lo que se requiere. Para crear un diseo utilizable, es necesario prestar atencin especial a la disposicin de la pantalla en general, la navegacin y la marca. Cuando se observa una pelcula de Flash, la primera impresin se basa en el diseo de conjunto o diseo de pantalla general. Cmo crear un diseo de pantalla general para un tipo de cliente? En Europa Occidental y Amrica, se lee de derecha a izquierda, de arriba abajo, en los pases asiticos, es todo lo contrario. Se trata de una cuestin cultural y se tiene que negociar con el cliente cuando se inicie el trabajo de diseo. A medida que construye el servicio, tenga en cuenta cmo los usuarios encuentran el contenido o cmo "navegan" en la aplicacin. Hay muchas maneras de crear sistemas de navegacin en un explorador Web. En muchos casos se usa "adelante" y "hacia atrs", para as generar desplazamiento a travs de las pginas, sin embargo, una aplicacin de software puede utilizar los mens en la parte superior de la pantalla, lo que llevar a distintas partes de la aplicacin. En el caso de las aplicaciones pequeas, se requiere un mnimo de clics para interactuar con el usuario del sistema de navegacin, este debe ser visible, coherente y claro.

Figura 3.

Una imagen clara de la marca tambin es importante para la construccin de un buen diseo, para la elaboracin de unproyecto viable. Cuando el cliente este usando el ratn y/o teclado de la computadora, se espera que el proyecto interactivo desarrollado en flash tenga aspecto, sensacin de uniformidad y comodidad durante todo el trayecto de la experiencia. Tambin se espera ver el logotipo de la marca de aquellos que han desarrollado la aplicacin. Construir una marca slida e incorporarla en aplicaciones desarrolladas en flash, son cosas que se pueden hacer sin ninguna dificultad. Flexibilidad Los proyectos modulares, las solicitudes acerca de diferentes cambios, estn en constante evolucin, por lo que se debe tener versatilidad en el cambio de elementos como logotipos y diferentes objetos usados en la aplicacin. Los sitios web tambin necesitan este tipo de flexibilidad. Afortunadamente, las herramientas como componentes de Flash, se pueden cambiar a travs de ActionScript; de igual manera es posible vincular elementos de las pelculas de Flash, a travs de "bibliotecas vinculadas". Consistencia Al mantener un diseo de uniformidad en todo el sitio o aplicacin, el cliente debe enfocarse en trabajar el contenido, en lugar de navegar por l. Buenos ejemplos de aplicaciones diseadas de manera inconsistente son las intranets de algunas compaas. Las grandes empresas tienen a menudo desarrolladores web, otros quieren colocar la marca en la intranet de la empresa del cliente. Esto es ideal para la

expresin personal, pero psimo para los empleados que usan la aplicacin, ya que existirn dificultades a la hora de encontrar la informacin correcta. Plantillas Flash Una buena manera de empezar es utilizar una plantilla. Existen sitios comerciales que venden plantillas base para crear proyectos de Flash, es necesario profundizar e investigar con otros usuarios, para as saber si en verdad esa plantilla base, va a ser efectiva para el mencionado proyecto. Se puede hacer una bsqueda en Internet con las palabras templates, plantillas web o animacin Flash.

La lnea de base Al crear un diseo para pelculas de Flash, se debe tener en cuenta; ser simple, til, flexible y coherente. El objetivo final es ganar nuevos clientes. Flash posee un gran potencial como herramienta de desarrollo en el campo Web para Intranets e Internet, en los prximos textos se mostrarn algunos lineamientos. Rompiendo la pantalla . Al crear un proyecto Web, se debe emplear una estrategia de diseo, donde los elementos de la pantalla, contenido y navegacin, se distribuyan de manera lgica. Este proceso se denomina "distribucin por bloques". Cmo trabajar en bloques? La distribucin por bloques es un concepto que se utiliza para casi cualquier aplicacin o sitio Web, esto implica dividir el diseo en bloques especficos, de manera que se reconozcan los contenidos organizados, como navegacin, publicidad y marca. En el sitio web del SENA www.sena.edu.co, se puede observar esta distribucin en los bloques marcados con rojo.

Figura 4.

El Sena rene una gran cantidad de contenido en la pantalla, as el sitio es fcil de usar. Esto es porque el diseo est dividido en secciones de fcil reconocimiento. Se puede ver las reas de contenido en rojo en la parte superior, tiene navegacin del sitio, el banner con el logo a la izquierda cumple la funcin de cabecera, debajo de la navegacin hay una presentacin automtica de fotografas, mas abajo en el centro est el contenido principal del sitio que se divide en tres columnas principales: la categora de navegacin, el contenido y la oferta de todos los servicios. As aunque no se ve, est tambin el contenido del pie de pgina del sitio como un bloque de contenido en la parte inferior del sitio web. Regla de oro: Cuando realice la distribucin de bloques para un sitio web, mantener el diseo simple, es la clave, esto permite a los clientes encontrar aquello que buscan lo ms pronto posible.

10

TEMA 3. Conceptos de animacin

Animacin Es el desarrollo de una ilusin que permite usar el movimiento para proyectar una sucesin de imgenes fijas en distintas posiciones, generando as un evento u objeto con apariencia viva. Esto es relativamente sencillo de hacer por medio de una computadora. Anteriormente la animacin, se realizaba filmando secuencias dibujadas manualmente sobre materiales como plstico o papel, denominados celuloides; cada fotograma se creaba en una sola hoja de manera independiente. La animacin por computadora tambin se usa para crear efectos especiales y para simular imgenes complejas, por medio de otras tcnicas u herramientas, sera casi imposible. As mismo la animacin electrnica puede ser programada para generar imgenes que arrojen datos estadsticos de diferentes reas del conocimiento; de esta forma, es posible visualizar datos en el estudio de las interacciones de sistemas complejos, como dinmica de fluidos, colisiones de partculas, estudio de predicciones y anlisis meteorolgicos. As estos modelos de clculos matemticos, utilizan la animacin para analizar relaciones y diferentes clases de investigaciones, como la forense, por ejemplo, la cual reconstruye y soluciona diferentes casos judiciales, todo a travs de la animacin electrnica. La animacin fotograma a fotograma o la ilusin de movimiento se crea capturando una secuencia de hojas plsticas llamadas celuloides pintadas a mano, luego estas se proyectan a una velocidad determinada, alrededor de 10 a 30 celuloides por segundo. En la animacin informtica o electrnica, las ilustraciones se crean mediante programas fotograma a fotograma (hoja por hoja), luego se modifican y se reproducen. Adobe Flash permite crear fotogramas clave e interpolar los fotogramas intermedios, lo que automatiza el desarrollo, generando animaciones en menor tiempo con menos recursos. Otra tcnica es la animacin en tiempo real, aqu los fotogramas se crean por medio de una computadora y se proyectan en la pantalla. Esta tcnica elimina la fase intermedia de digitalizacin de las imgenes. Esto es posible filmando un evento y digitalizndolo automticamente por medio de sensores de movimiento. Sin embargo, la animacin en tiempo real, no produce resultados de alta calidad, por lo tanto, a nivel profesional, solo se usa para la creacin de animaciones simples y juegos de computadora

11

Figura 5.

Aspectos bsicos de animaciones Nota: Como casi todo en Flash, la animacin no requiere ActionScript, sin embargo, se pueden crear animaciones con ActionScript, si as se desea. Tipos de animaciones Adobe Flash Professional CS5 ofrece varias formas para establecer animacin y efectos especiales, cada mtodo proporciona distintas posibilidades al crear contenido animado. Flash admite los siguientes tipos de animacin: Interpolaciones de movimiento Las interpolaciones de movimiento se utilizan para establecer las propiedades de un objeto, por ejemplo, la posicin y la transparencia alfa de un fotograma y de nuevo, de otro fotograma. Flash interpola valores de las propiedades de los fotogramas intermedios y as las interpolaciones de movimiento resultan tiles para animaciones de movimiento continuo o para la transformacin de objetos. Las interpolaciones de movimiento aparecen en la lnea de tiempo como grupos de fotogramas contiguos y se pueden seleccionar como un solo objeto deforma predeterminada. Las interpolaciones de movimiento son realmente potentes y fciles de crear. Interpolaciones clsicas Las interpolaciones clsicas son como las interpolaciones de movimiento, aunque ms difciles de crear. Las interpolaciones clsicas permiten agregar efectos de animacin especficos que no son posibles en interpolaciones de tamao.

12

Poses de cinemtica inversa Las poses de cinemtica inversa permiten estirar y doblar objetos de forma, as como vincular grupos en instancias de smbolos para que se muevan con naturalidad al mismo tiempo. Una vez aadidoslos huesos a una forma o a un grupo de smbolos, puede cambiar la posicin de los huesos o smbolos en los distintosfotogramas clave. Flash interpola las posiciones de los fotogramas intermedios. Interpolaciones de forma En la interpolacin de forma, se dibuja una forma en un fotograma concreto de la lnea detiempo y se modifica o se dibuja otra forma en otro fotograma especfico, despus Flash interpola las formasintermedias de los fotogramas y crea la animacin de una forma cambiante. Animacin fotograma a fotograma Esta tcnica de animacin permite especificar distintas ilustraciones para cadafotograma de la lnea de tiempo. Por lo general se usa esta tcnica para crear efectos de fotogramas en una pelcula que sucede rpidamente. Esta tcnica resulta til en animaciones complejas, donde es preciso que los elementos grficosde cada fotograma sean distintos. Trabajando con Storyboard Para trabajar con Flash en la produccin de animaciones, se debe tener en cuenta la creacin de un plan de trabajo, esto para tener un diseo preliminar antes de mover las herramientas del software por medio del mouse y/o teclado. Crear un StoryBoard en el papel antes de comenzar es una buena idea, los StoryBoard son elementos grficos que permiten pre visualizar secuencialmente una animacin o historia que se desee narrar. La realizacin previa del Storyboard permite planificar un vdeo para garantizar que se van a obtener imgenes de aquellos contenidos sobre los que trata el vdeo. Si no se hace bien un Storyboard, se observar en la pelcula que las imgenes tienen poco que ver con la narracin. Componentes de un storyboard: -Duracin: De cinco a siete segundos es el tiempo ideal para que una imagen aparezca en pantalla; aunque no hay problema si algunas imgenes dominantes se extienden ms. -Narracin: Se divide el texto en fragmentos, es importante la brevedad, el vdeo debe incluir pausas que ayuden a resaltar imgenes o elementos pertenecientes al clip. La

13

Narracin no debe contar lo que se ve en la pelcula, sino aportar informacin sobre lo que se va a ver, se debe tratar que las imgenes duren ms tiempo que el texto. -Efectos de video, subttulos: Se aaden ttulos, efectos o transiciones dependiendo del clip a realizar. - Msica: Se especifica la banda sonora o grupo musical del clip.

TEMA 4. Requerimientos para trabajar con Adobe Flash Professional CS5.5 e instalacin del programa
Requerimientos para trabajar con Flash Para poder trabajar con Adobe Flash professional, es necesario cumplir con una serie de requisitos en el equipo de computo, uno de ellos, es contar con un cliente para interpretar el contenido, actualmente los navegadores web como Google Chrome o Mozilla Firefox, cuentan con una versin del cliente de Flash Player integrado, de no contar con esta aplicacin en ninguno de los navegadores, dirigirse a la pgina de Adobe, para descargar el Flash Playeren el siguiente linkhttp://get.adobe.com/es/flashplayer/ y hacer clic en el botn Descargar Flash Player, seguir las instrucciones presentes en la pgina.

Figura 6.

La proxima descarga que debe hacer es la herramienta de trabajo Flash Professional. Es posible conseguir una copia de prueba desde la pgina del fabricante. Entrar en la seccin de descarga, http://www.adobe.com/es/downloads/, all seleccione el software que necesita descargar, en este caso Adobe Flash Professional CS5.5.

Figura 7.

14

Configuraciones mnimas requeridas por el sistema Para Windows: Procesador Intel Pentium 4 o AMD Athlon 64 Sistema Operativo Microsoft Windows XP con Service Pack 2 (Service Pack 3 recomendado); Windows Vista Home Premium, Business, Ultimate o Enterprise con Service Pack 1 o Windows 7. 1 GB de RAM. Para instalacin 3,5 GB de espacio disponible en disco duro y espacio libre adicional. Resolucin de pantalla 1024 x 768 (recomendado 1280 x 800) con tarjeta de vdeo de 16 bits. DVD-ROM. Software QuickTime 7.6.2, necesario para funciones multimedia. Aunque este curso no manejar procedimientos para el sistema operativo de Apple, aquestn los requerimientos para este sistema: Para Mac OS: Procesador Intel multincleo. Mac OS X v10.5.7 o v10.6. 1 GB de RAM. Para instalacin 4 GB de espacio disponible en disco duro y espacio libre adicional. 1024 x 768 de pantalla (1280 x 800 recomendado) con tarjeta de vdeo de 16 bits . DVD-ROM Software QuickTime 7.6.2, necesario para funciones multimedia. Para obtener informacin actualizada sobre los requisitos del sistema y las instrucciones completas para instalar el software, visitar www.adobe.com/go/flash_systemreqs Instalar Flash de Adobe Flash Professional CS5 desde el DVD que se compre o desde el archivo proporcionado por Adobe en suunidad de disco duro, debe recordar que no se puede ejecutar el programa desde el DVD. Seguir instrucciones en pantalla. Asegurase del nmero de serie, este debe ser accesible antes de instalar la aplicacin. Puede encontrar el nmero de serie de la tarjeta de registro en la parte posterior de la caja del DVD. Pasos para instalar Adobe Flash Se debe comprar el software Adobe Flash Professional, ya sea como aplicacin independiente o como parte de la Adobe Creative Suite. Tambin es posible descargar una demostracin gratuita que podr utilizar durante 30 das, a travs de la siguiente direccin web: http://www.adobe.com/es/downloads/.

15

1. Clic en el botn inicio de Windows. 2. Clic en todos los programas. 3. Clic en Internet Explorer.

Figura 8.

16

4. Digitar en la barra de direcciones esta url: http://www.adobe.com/es/downloads/ 5. Colocar el puntero del Mouse sobre el cono de Adobe Flash Professional CS5.5 y dar clic en Probar. 6. En la nueva pgina, dar clic sobre el botn Descargar ahora.

Figura 9.

7. En la parte inferior aparece una ventana horizontal, dar clic en el triangulo selector pequeo junto a la palabra Save (guardar) y escoger Save and Run (guardar y ejecutar).

17

Triangulo Selector

Figura 10.

8. Aparece una barra de progreso que indica que se est descargando el asistente de instalacin. 9. Posteriormenteaparece la ventana de inicio de asistente de instalacin, all se puede seleccionar la ubicacin en donde se quiere instalar la aplicacin. Tambin podr crear, si as lo desea, un acceso directo en el escritorio, esto con el fin de poder ejecutar la aplicacin cuando la instalacin finalice. Dejar los valores que estn seleccionados y dar clic en Continuar.

Figura 11.

10. Aceptar los trminos del contrato para la instalacin y uso de Adobe Flash 11. Aceptar los trminos y condiciones de uso.

18

10

11

Figura 12.

12. Iniciar sesin con el usuario y contrasea registrado en Adobe. 13. Si no ha registrado usuario en Adobe, dar clic en el botn crear un ID de Adobe, registrar el usuario y continuar con la instalacin. 14. Clic en Iniciar sesin.

12 14

13

Figura 13.

19

15. Luego de haber entrado en la Instalacin con el ID de usuario de Adobe, dar clic en Seleccionar productos.

15

Figura 14.

16. Escoger Diseo.

16
16

Figura 15.

17. Dar clic en el triangulo de la derecha hasta visualizar Adobe Flash Professional CS5.5

20

17

Figura 16.

18. Seleccionar el idioma, para este caso Espaol.

18

Figura 17.

19. Clic en Descargar.

21

20. Seleccionar la carpeta donde se va a descargar el archivo de instalacin, en este caso, el Escritorio. 21. Dar clic en Aceptar.

20

21 19

Figura 18.

22. Esperar a que descargue el archivo. 23. Aguardar hasta que el asistente extraiga los archivos.

19

22

22

23

Figura 19.

24. Ubicar el archivo de instalacin que se guardar en el escritorio.Entrar a la carpeta Adobe Flash Professional CS5.5 y dar doble clic en el archivo que tiene como nombre Set-up.

24

Figura 20.

25. Inicia el asistente del instalador con una barra de progreso. 26. Aceptar el Acuerdo de Licencia de Adobe.

23

25

26

Figura 21.

27. Seleccionar Instale este producto como una prueba; o si ha comprado la licencia de Adobe Flash Professional, seleccionar Proporcione un numero de Serie y a continuacin digitarlo. 28. Clic en Siguiente.

27

28

Figura 22.

24

29. Digitar el ID de usuario de Adobe y la contrasea. El que haya creado,esto se hizo anteriormente en el asistente de descarga. 30. Clic en Siguiente. 31. Tambin puede dar clic en Omitir este paso.

29

31

30

Figura 23.

32. Verificar que est marcada la opcin ADOBE FLASH PRO CS5.5 33. En Ubicacin dejar la ruta que est predefinida por C:\Program Files\Adobe. 34. Clic en Instalar.

32

33 34

Figura 24

25

35. Esperar que el avance de instalacin concluya.

35

Figura 25.

36. Cerrar las aplicaciones que nos solicita el asistente de instalacin y dar clic en CONTINUAR.

36
35

Figura 26

26

37. Clic en TERMINADO.

37

. Figura 27

38. Ahora ya puede dar clic en el botn Inicio de Windows. 39. Dar clic en Todos los programas. 40. Clic en Adobe. 41. Clic en Adobe Flash Professional CS5.5

27

39

38

40
39

41

Figura 28.

42. Se inicia la aplicacin a travs de un diseo plegado rojo.

28

Figura 29.

43. Ahora la herramienta est lista para trabajar.

Figura 30.

29

Extensiones de archivos que maneja Flash Professional. Flash Professional maneja un conjunto de extensiones para los tipos de archivos soportados.

Figura 31: Tipo de archivos soportados por flash.

Los principales documentos de Flash son los de formatos FLA y SWF. FLA almacena contenido de animaciones y cdigo, es el documento fuente principal de una presentacin en Flash, mientras que SWF, es el archivo de pelcula donde se almacena toda la animacin final, luego de ser compilada por el software. La presentacin final del archivo SWF es interpretada y visualizada a travs de Adobe Air o Flash Player. Hay otros tipos de archivo, est AS que almacena cdigo Action Script en archivos externos, est JSFL que almacena cdigo Java Script y est el formato de video FLV para pelculas que se interpretan a travs de herramientas de Flash.

Figura 32 Contenido del formato XFL.

No obstante, la nueva versin de Adobe Flash Professional, incluye un nuevo formato de archivo, el XFL, este no es ms que un archivo FLA desempaquetado, conformado por tres carpetas principales en donde se almacena contenido (imgenes, videos, cdigos) por separado.

30

TEMA 5. FAMILIARIZACIN CON EL ESPACIO DE TRABAJO

Flujo de trabajo general en Flash Para crear una aplicacin Flash, se realizan normalmente los siguientes pasos: -Planificar la aplicacin Decidir las tareas bsicas que realizar la aplicacin. -Aadir elementos multimedia Creare importar elementos multimedia como imgenes, vdeo, sonido y texto. -Organizar los elementos Estructurar elementos multimedia en el escenario y la lnea de tiempo, para definir cundo y cmo aparecern enla aplicacin. -Aplicar efectos especiales Aplicar filtros grficos (desenfoques, iluminados y biseles), mezclas y todo tipo de efectos especiales que se consideren oportunos. Utilizar ActionScript para controlar el comportamiento Cuando se escribe cdigo ActionScript, se puede controlar cmo se comportarn y que respuesta tendrn los elementos multimedia a las interacciones del usuario. Probar y publicar la aplicacin Pruebe el archivo FLA desde el men Control > Probar pelcula, para verificar que la aplicacin funciona del modo deseado; as mismo, busque y solucione errores que encuentre. La aplicacin se debe probar durante todo el proceso decreacin. Publique el archivo FLA Desde el men Archivo > Publicar como archivo SWF, para as poder mostrar una pgina Web y reproducirla con Flash Player. Informacin general sobre el espacio de trabajo Es posible crear y manipular documentos y archivos al emplear distintos elementos como paneles, barras y ventanas. Cualquier disposicin de estos elementos, se denomina espacio de trabajo. Los espacios de trabajo de las distintas aplicaciones de Adobe Creative Suite5, tienen la misma apariencia, para facilitar el cambio de una a otra. Adems, si se prefiere, se puede adaptar cada aplicacin al modo de trabajar, al seleccionar uno de los varios espacios de trabajo preestablecidos o al crear uno de manera personalizada. Aunque el diseo del espacio de trabajo predeterminado vara en funcin del producto, los elementos se manipulan de manera muy parecida en todos los casos.

31

Reconociendo el espacio de trabajo en Flash. Adobe Flash Professional cuenta con un espacio de trabajo compacto y fcil de comprender, en las versiones de Adobe Flash CS4, CS5 y CS5.5, se incluyen espacios de trabajo, estos dan la posibilidad de personalizar la interfaz de la herramienta, con el fin de acomodarla a sus necesidades.

Figura 33.

Los elementos del espacio de trabajo de Flash son: Escenario Lnea de tiempo. Panel de propiedades. Panel de herramienta. Barra de aplicacin. Barra de documentos.

32

El escenario Es un rectngulo blanco que representa la zona de visualizacin del contenido, todos los objetos que se encuentran en esta zona, sern visibles en la presentacin final del contenido multimedia. La zona gris conocida como el tablero o cartn de trabajo, oculta los objetos para que no se visualicen en el contenido final. La lnea de tiempo Se encarga de controlar el flujo de animaciones en el trascurso del tiempo, utiliza una combinacin de capas y fotogramas para controlar las visualizaciones por medio de la cabeza lectora, est es la encargada de indicar en qu posicin se encuentra la lnea de tiempo y tambin permite visualizar el contenido disponible en los fotogramas, de acuerdo a la posicin. La lnea de tiempo se conforma por: 1. Cabeza lectora. 2. Fotogramas. 3. Capas. 4. Botones papel cebolla. 5. Indicador fotograma actual. 6. Indicador velocidad fotograma. 7. Indicador tiempo trascurrido. 8. Crear capa. 9. Crear carpeta. 10. Eliminar. 11. Mostrar u ocultar. 12. Bloquear o desbloquear. 13. Mostrar contornos.

Figura 34.

Entre los tipos de fotograma que usa la lnea de tiempo, se encuentra el fotograma clave, este representa elementos principales con caractersticas definidas; mientras que el

33

fotograma simple, es una extensin del fotograma clave que permite al elemento ser ubicado en la lnea de tiempo. El panel de propiedades Tambin conocido como inspector de propiedades permite acceder a las configuraciones y propiedades de los elementos de Flash Professional de una forma rpida. Las opciones que se encuentran en el panel dependen del elemento que se seleccione, ya sea un objeto de Flash o una herramienta. Para visualizar el panel de propiedades de forma rpida, utilizar el teclado y presionar la combinacin de teclas Ctrl ms la tecla F3. El panel de herramientas Es el panel que contiene las herramientas para el diseo y retoque de los contenidos de Flash Professional. La barra de aplicacin Se encarga de almacenar la barra de mens, el men de seleccin de rea de trabajo, el campo de bsqueda, men de servicios CS live y botones del sistema (minimizar, maximizar y cerrar). La barra de documentos Muestra las fichas o pestaas de los documentos que se estn trabajando en Flash Professional, junto con la barra de edicin de cada documento.

34

REFERENCIAS

Plataforma Adobe Flash en http://www.adobe.com/es/flashplatform/. Equipo Adobe.

Ayuda Flash Professional/Temas de Adobe (Marzo 2012). En http://help.adobe.com/es_ES/flash/cs/using/index.html. Equipo Adobe. Introduction to design (1 de Julio de 2005) en http://www.peachpit.com/guides/content.aspx?g=flash&seqNum=328 Pearson Education, Peachpit Press. Material realizado por el grupo de rediseo del Centro Agroindustrial Regional Quindio SENA (Mayo de 2012).

35