1. INTRODUCCION A FLASH CS5Maria Angelica Gutierrez1101 J.TMultimedia

2. Que es flash cs5 ? Flash Professional CS5 es una potente herramientadesarrollada por Adobe que ha superado las mejoresexpectativas de sus creadores. Flash fue creado con el objeto de realizar animaciones ydiseos vistosos para la web, y grficos interactivos. Los motivos que han convertido a Flash en el programa elegidopor la mayora de los diseadores web profesionales yaficionados son varios. Veamos pues, porque es interesanteFlash Pro CS5. Desde la web de Adobe te puedes descargar una versin deevaluacin de Flash Professional CS5 vlida para 30 das. Estaversin estar disponible hasta que salga la siguiente. Los logotipos de Flash son propiedad de Adobe, as como lasmarcas registradas Flash y Adobe. aula Clic no tiene ningunarelacin con Adobe. 3. Por que usar flash cs5? Por qu usar Flash CS5? Las posibilidades de Flash son extraordinarias, con cada nueva versin se hanmejorado y simplificado las herramientas, y cada vez es posible lograrmejores efectos con menos trabajo. Aunque su uso ms frecuente es el de crear animaciones (a lo largo de estecurso veremos lo sencillo que puede resultar) sus usos son muchos ms. Sontantos, que todos los diseadores web deberan saber utilizar Flash. Durante mucho tiempo, Flash consigui hacer posible lo que ms se echa enfalta en Internet: Dinamismo, y con dinamismo no slo nos referimos a lasanimaciones, sino que Flash permite crear aplicaciones interactivas quepermiten al usuario ver la web como algo atractivo, no esttico. Con Flashpodremos crear de modo fcil y rpido desde animaciones simples para lograralgunos efectos visuales, hasta eplicaciones complejas, como juegos . Adems sus desarrolladores estn apostando muy fuerte por ActionScript, ellenguaje de programacin Flash. A cada versin se mejora y ofrece unabanico de posibilidades cada vez mayor, por lo que adems de dinamismo,Flash nos ofrece la posibilidad de ser la plataforma para aplicaciones web deun modo real. Flash es fcil de aprender, tiene un entorno amigable que nos invita asentarnos y pasar horas y horas creando lo que nos dicte nuestra imaginacin,pero esto no es suficiente para ser el preferido por los diseadoresprofesionales... Entonces qu es? 4. Novedades de flash cs5 Adobe suele integrar todos sus productos en una suite nica en la que prima, sobre todo, la compatibilidad entre ellos. As la compaa se desmarca del resto ofreciendo un paquete de aplicaciones muy completas como hemos ido viendo ao tras ao, que son capaces de interactuar entre ellas y nos ofrecen la posibilidad de reutilizar proyectos creados con un programa en otro. De hecho, podemos usar herramientas ms potentes de dibujo, como Illustrator, para crear nuestros grficos, y despus animarlos con Flash. 5. Opciones mas destacadas Motor de texto Text Layout Framework. Flash CS5 ha cambiado profundamente elmotor de texto que emplea. En nuevo motorTLF, incluye bastantes mejoras, entre las quepodemos destacar las siguientes: Nuevos estilos de carcter y prrafo. Se pueden aplicar efectos y atributos sobre eltexto sin convertirlo a un clip de pelcula. El texto pude fluir entre varios contenedoresasociados. 6. El panel fragmento de codigo Este panel nospermite insertarrpidamente elcdigo Action Script3 de las acciones mscomunes. Adems, podemosemplearlo paraalmacenar nuestropropio cdigo, y aspoder reutilizarlocmodamente. 7. Empaquetado de aplicaciones paraiphone y Mejoras del video Flash CS5 nos permiteconvertir nuestrasaplicaciones i juegos creadoscon el programa, enaplicaciones compatibles coniPhone.Mejoras del vdeo. Los puntos de referencia nospermiten navegar por el vdeoo reaccionar a eventos.Ahora, podemos aadirlosdirectamente desde elinspector de Propiedades omediante ActionScript, sinnecesidad de recodificar elvdeo. 8. Mejora de la herramienta huesos. Se han aadido propiedades de "muelle" a la herramienta de cinemtica inversa (IK). Con esto, se consiguen resultados mucho ms giles y realistas. 9. El Entorno de flash cs5 10. La interfaz de flash pro cs5 Flash CS5 cuenta con un entorno o interfaz de trabajo de lo ms manejable e intuitiva. Adems, tiene la ventaja de que es casi idntica a la de otros programas de Adobe (Photoshop, Dreamweaver, Illustrator...), todo esto hace ms fcil aprender Flash y ms rpido su manejo y dominio. Esto es lo que nos encontraremos al abrir Flash CS5 por primera vez: 11. A lo largo de todo el curso trabajaremos con laversin de evaluacin de Flash CS5 encastellano. Podeis descargar esta versin deforma gratuita desde la web de Adobe. Estardisponible hasta que se lance la siguienteversion. En la imagen se puede ver la interfaz que nosencontraremos la primera vez que abramos elprograma Flash. Flash recordar nuestraspreferencias y abrir el programa tal y como lodejamos la ltima vez que lo utilizamos. 12. La barra de mens La Barra de Mens tiene comopropsito facilitar el acceso a lasdistintas utilidades del programa.Es similar a la de cualquier otroprograma de diseo web ogrfico, aunque tiene algunasparticularidades. Veamos losprincipales Submens a los que sepuede acceder: Archivo: Permite crear nuevosarchivos, abrirlos, guardarlos...Destaca la potencia de lautilidad Importar que inserta en lapelcula actual casi todo tipo dearchivos (sonidos, vdeo, imgenese incluso otras pelculas Flash), ola de Configuracin dePublicacin desde donde se puedenmodificar las caractersticas de lapublicacin. Tambin permiteconfigurar la impresin de laspginas, imprimirlas... 13. Edicin: Es el clsico men que tepermite Cortar, Copiar, Pegar... tanto objetos o dibujoscomo fotogramas; tambin permite personalizar algunas delas opciones ms comunes del programa. Ver: Adems de los tpicos Zooms, te permite moverte por losfotogramas y por las escenas. Tambin incluye la posibilidadde crear una cuadrcula y unas guas. Esto se puedeseleccionar desde los submens Cuadrcula y Guas desdedonde tambin se pueden configurar sus opciones. Insertar: Permite insertar objetos en la pelcula, as comonuevos fotogramas, capas, acciones, escenas... Modificar: La opcin Transformar permite modificar losgrficos existentes en la pelcula, y la opcin Trazar Mapade Bits convierte los grficos en mapas vectoriales (estetema se tratar ms adelante). El resto de opciones permitemodificar caractersticas de los elementos de laanimacin Suavizar, Optimizar o de la propiapelcula (Capa, Escena ...). Texto: Sus contenidos afectan a la edicin de texto. Msadelante se tratar en profundidad. 14. Comandos: Permite administrar los Comandos (conjunto desentencias almacenadas que permiten emular lo que un usuariopueda introducir en el entorno de edicin) que hayamosalmacenado en nuestra animacin, obtener otros nuevos de lapgina de Macromedia o ejecutar los que ya tengamos. Control: Desde aqu se modifican las propiedades dereproduccin de la pelcula. Reproducir, Rebobinar, ProbarPelcula.... Depurar: Aqu encontraremos las opciones de depuracin dela pelcula que te ayudaran a encontrar errores deprogramacin en ActionScrit, entre ellos seencuentran Entrar,Pasar, Salir, Continuar... Ventana: Este men, adems de las opciones clsicas acercade cmo distribuir las ventanas, incluye accesos directosa todos los paneles y tambin la posibilidad de crear tuspropios Espacios de Trabajo, guardarlos, cargarlos, etc. Ayuda: Desde aqu podemos acceder a toda la ayuda que nosofrece Adobe, desde el manual existente, hasta el diccionariode Action Script, pasando por tutoriales, lecciones guiadasetc... 15. Linea de tiempo La Lnea de Tiempo representa una forma de ver losfotogramas de modo simplificado. Consta de 2 partes. 1)Los Fotogramas (frames) que vienen delimitados por lneasverticales (formando rectngulos) 2) Los Nmeros de Fotograma que permiten saber qunmero tiene asignado cada fotograma, cunto dura ocundo aparecer en la pelcula. Adems, en la parte inferior hay herramientas paratrabajar con Papel cebolla e informacin sobre el Nmerode Fotograma actual (1 en la imagen), la Velocidad de losFotogramas (24.0 en la imagen) y el Tiempo depelcula transcurrido (0.0s en la imagen). A nivel conceptual, la Lnea de Tiempo representa lasucesin de Fotogramas en el tiempo. Es decir, la pelculaFlash no ser nada ms que los fotogramas que aparecen enlaLnea de tiempo uno detrs de otro, en el orden queestablece la misma Lnea de tiempo. 16. Las capas El concepto de Capa es fundamentalpara manejar Flash de forma eficiente.Dada la importancia de estas, se lededicar un tema completo. Anas, veamos a grandes rasgos qu sonlas capas. Una Capa se puede definir como unapelcula independiente de un nico nivel.Es decir, una capa contiene su propiaLnea de Tiempo (con infinitosfotogramas). Los objetos que estn en unadeterminada capa compartenfotograma y por tanto, pueden"mezclarse" entre s. Esto esinteresante a menudo, pero otras veceses conveniente separar los objetos demodo que no interfieran entre s. Paraello, crearemos tantas capas como seanecesario. El uso de mltiples capasadems, da lugar a pelculas bienordenadas y de fcil manejo (esconveniente colocar los el cdigoActionScript en una capa independientellamada "acciones", por ejemplo). Lasventajas y desventajas de usar capasse ver en la unidad referente a Capas. 17. El escenarioA continuacin veremos las diferentes partes que conforman el reade trabajo empezaremos con la ms importante: el Escenario. Sobre el escenario dibujaremos y colocaremos los diferenteselementos de la pelcula que estemos realizando. El escenario tieneunas propiedades muy importantes, ya que coinciden conlas Propiedades del documento. Para acceder a ellas, hagamos cliccon el botn derecho sobre cualquier parte del escenario en la queno haya ningn objeto y despus sobre Propiedades del documento: Aade metadatos a tus archivos para una mejor inclusin de estos enlos motores de busqueda rellenando los camposde Ttulo y Descripcin. Dimensiones: Determinan el tamao de la pelcula. El tamao mnimoes de 1 x 1 px (pxeles) y el mximo de 2880 x 2880 px. Unidades de Regla: Unidad que se emplear para medir lascantidades. Coincidir: Provocan que el tamao de la pelcula coincida con el botnseleccionado (tamao por defecto de la Impresora, Contenidosexistentes o los elegidos como Predeterminados) 18. Color de Fondo: El color aqu seleccionado ser elcolor de fondo de toda la pelcula. Veloc. Fotogramas: O nmero de fotogramas porsegundo que aparecern en la pelcula. Para cambiareste nmero, arrastra con el cursor hacia laderecha o izquierda. Transformar en predeterminado: Este botnpermite almacenar las propiedades del documentoactual y aplicarlas a todos los documentos nuevosque se creen desde ese instante en adelante. Estaspropiedades por supuesto podrn ser alteradasdesde este panel cuando se desee. 19. Las vistas o zooms La Herramienta Zoom seemplea para acercar oalejar la vista de unobjeto, permitiendoabarcar ms o menos zonadel Entorno deTrabajo. Cada vez quehagamos clic en con elZoom duplicaremos elporcentaje indicado en eldesplegable Zooms. Panel Zooms: Son unconjunto de accesosdirectos a Submensexistentes en elMen Ver. Son muy tiles yayudan a acelerar eltrabajo cuando se empleancorrectamente. 20. Los paneles Los Paneles son conjuntos de comandosagrupados segn su funcin (porejemplo, todo lo que haga referencia alas acciones, ir en el Panel Acciones).Su misin es simplificar y facilitar eluso de los comandos. Estos paneles o ventanas se encuentranorganizados en el lateral derecho delrea de trabajo. Pudindose expandir ominimizar con un clic de ratn. Si no estn visibles en el lateralderecho, puedes visualizarlosdesplegando el men Ventana yhaciendo clic sobre el nombre del panelque quieras mostrar. Para mejorar la experiencia delusuario, Flash permite cargar y guardartus propias disposiciones depaneles, para que si en algn momentoel entorno se vuelve un poco caticopuedas recuperar tu configuracinelegida desde el men Ventana. Para ello debers acceder a laopcin Ventana Espacio de trabajo Nuevo espacio de trabajo y asignarun nombre a nuestro nuevo espacio 21. Ahora slo bastar darle un nombre a la disposicin y seraccesible desde el mismo elemento de men Espacio detrabajo en cualquier momento. Todos los paneles se estudiarn en profundidad a lo largo delcurso. An as, vamos a nombrarlos y a resumir las funcionesde la mayora de ellos. Panel Alinear: Coloca los objetos del modo que le indiquemos.Muy til. Panel Color: Mediante este panel creamos los colores que msnos gusten. Panel Muestras: Nos permite seleccionar un color de modorpido y grfico. (Incluidas nuestras creaciones). Panel Informacin: Muestra el tamao y las coordenadas delos objetos seleccionados, permitindonos modificarlas. Muytil para alineaciones exactas. Panel Escena: Modifica los atributos de las escenas queusemos. 22. Panel Transformar: Ensancha, encoge, gira ... los objetosseleccionados. Panel Acciones: De gran ayuda para emplear Action Script y asociaracciones a nuestra pelcula. Panel Comportamientos: Permiten asignar a determinados objetosuna serie de caractersticas (comportamientos) que despus podrnalmacenarse para aplicarse a otros objetos de forma rpida y eficaz. Panel Componentes: Nos permite acceder a los Componentes yaconstruidos y listos para ser usados que nos proporciona Flash. Loscomponentes son objetos "inteligentes" con propiedadescaractersticas y muchas utilidades (calendarios, scrolls etc...) Panel Cadenas: Mediante este panel Flash aporta soporte multi-idioma a nuestras pelculas. Panel Respuestas: Macromedia pone a nuestra disposicin ayuda yconsejos accesibles desde este panel. Panel Propiedades: Sin duda, el panel ms usado y ms importante.Nos muestra las propiedades del objeto seleccionado en eseinstante, color de borde, de fondo, tipo de trazo, tamao de loscaracteres, tipografa, propiedades de los objetos (si hayinterpolaciones etc...), coordenadas, tamao etc... Es fundamental, nodebeis perderlo de vista nunca. Panel Explorador de Pelculas: Nos permite acceder a todo elcontenido de nuestra pelcula de forma fcil y rpida 23. El dibujo en flash cs5 Cuando se disea una pgina web o una animacin eldiseador pasa por muchas fases. Tras la fase de"Qu quiero crear y cmo va a ser" viene(normalmente) la fase de diseo grfico. Llevar loque ha producido tu imaginacin al papel (en estecaso al papel de Flash). No conviene engaarnos, Flash no es un programade diseo grfico, pero su potencia en este mbitoes casi tan grande como la de stos programas.Vamos a ver cmo emplear cada herramienta dedibujo para sacarle el mximo partido. 24. La barra de herramientas Herramienta Seleccin (flecha): . Es laherramienta ms usada de todas. Su usoprincipal es para seleccionar objetos, permiteseleccionar los bordes de los objetos (condoble clic), los rellenos (con un sloclic), zonas a nuestra eleccin... Su usoadecuado puede ahorrarnos tiempo en eltrabajo. Herramienta Texto: Crea un texto en el lugaren el que hagamos clic. Sus propiedades severn en el tema siguiente. Herramienta Lnea: Permite crear lneasrectas de un modo rpido. Las lneas se creancomo en cualquier programa de dibujo, se haceclic y se arrastra hasta donde queramos quellegue la lnea recta. Una vez creada lapodemos modificar situando el cursor encimade los extremos para estirarlos y en cualquierotra parte cercana a la recta para curvarla. Herramienta de forma: Permite dibujarformas predefinidas como las que aparecen enla imagen, la ltima herramienta utilizada es laque aparece como icono en la barra deherramientas. Manteniendo pulsado el iconopodremos acceder a las diferentesherramientas de forma. Por ejemplo: La herramienta valo permite dibujarcrculos o elipses de manera rpida y sencilla. 25. La herramienta valo permite dibujarcrculos o elipses de manera rpida y sencilla. Herramienta Lpiz: Es la primeraherramienta de dibujo propiamente dicho.Permite dibujar lneas con la forma quedecidamos, modificando la forma de estas anuestro gusto. El color que aplicar estaherramienta se puede modificar, bien desde elPanel Mezclador de Colores o bien desde elsubpanel Colores que hay en la Barra deHerramientas. Herramienta Pincel: Su funcionalidad esparecida a la del lpiz, pero por defecto sutrazo es ms grueso e irregular. Se sueleemplear para aplicar rellenos. Se puedemodificar su herramientas. Herramienta Cubo de pintura: Permiteaplicar rellenos a los objetos que hayamoscreado. Al contrario que muchos otrosprogramas de dibujo, no permite aplicarrellenos si la zona no est delimitada por unborde. El color que aplicar esta herramientase puede modificar, bien desde elPanel Color o bien desde elsubpanel Relleno que hay en la Barra deHerramientas. Herramienta Borrador: Su funcionamiento esanlogo a la Herramienta Pincel. Pero sufuncin es la de eliminar todo aquello que"dibuje".