Unidad 1.

Introduccin a Flash Professional CS5 (I)

1.1. Qu es Flash?

Flash Professional CS5 es una potente herramienta desarrollada por Adobe que ha
superado las mejores expectativas de sus creadores.
Flash fue creado con el objeto de realizar animaciones y diseos vistosos para la web, y
grficos interactivos.
Los motivos que han convertido a Flash en el programa elegido por la mayora de los
diseadores web profesionales y aficionados son varios. Veamos pues, porque es interesante
Flash Pro CS5.
Desde la web de Adobe te puedes descargar una versin de evaluacin de Flash
Professional CS5 vlida para 30 das. Esta versin estar disponible hasta que salga la
siguiente.
Los logotipos de Flash son propiedad de Adobe, as como las marcas registradas Flash y
Adobe. aulaClic no tiene ninguna relacin con Adobe.

1.2. Por qu usar Flash CS5?
Las posibilidades de Flash son extraordinarias, con cada nueva versin se han mejorado y
simplificado las herramientas, y cada vez es posible lograr mejores efectos con menos
trabajo.
Aunque su uso ms frecuente es el de crear animaciones (a lo largo de este curso veremos
lo sencillo que puede resultar) sus usos son muchos ms. Son tantos, que todos los
diseadores web deberan saber utilizar Flash.
Durante mucho tiempo, Flash consigui hacer posible lo que ms se echa en falta en
Internet: Dinamismo, y con dinamismo no slo nos referimos a las animaciones, sino que
Flash permite crear aplicaciones interactivas que permiten al usuario ver la web como algo
atractivo, no esttico. Con Flash podremos crear de modo fcil y rpido desde animaciones
simples para lograr algunos efectos visuales, hasta eplicaciones complejas, como juegos .
Adems sus desarrolladores estn apostando muy fuerte por ActionScript, el lenguaje de
programacin Flash. A cada versin se mejora y ofrece un abanico de posibilidades cada vez
mayor, por lo que adems de dinamismo, Flash nos ofrece la posibilidad de ser la plataforma
para aplicaciones web de un modo real.
Flash es fcil de aprender, tiene un entorno amigable que nos invita a sentarnos y pasar
horas y horas creando lo que nos dicte nuestra imaginacin, pero esto no es suficiente para
ser el preferido por los diseadores profesionales... Entonces qu es?
1.3. 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.
Vamos a ver las opciones ms destacadas que encontramos en esta ltima versin:
Motor de texto Text Layout Framework.
Flash CS5 ha cambiado profundamente el motor de texto que emplea. En nuevo motor
TLF, incluye bastantes mejoras, entre las que podemos destacar las siguientes:
Nuevos estilos de carcter y prrafo.
Se pueden aplicar efectos y atributos sobre el texto sin convertirlo a un clip de pelcula.
El texto pude fluir entre varios contenedores asociados.

El panel Fragmentos de cdigo.
Este panel nos permite insertar rpidamente el cdigo ActionScript 3 de las acciones ms
comunes.
Adems, podemos emplearlo para almacenar nuestro propio cdigo, y as poder reutilizarlo
cmodamente.

Empaquetado de aplicaciones para iPhone.
Flash CS5 nos permite convertir nuestras aplicaciones i juegos creados con el programa,
en aplicaciones compatibles con iPhone.

Mejoras del vdeo.
Los puntos de referencia nos permiten navegar por el vdeo o reaccionar a eventos. Ahora,
podemos aadirlos directamente desde el inspector de Propiedades o mediante
ActionScript, sin necesidad de recodificar el vdeo.

Adems, se ha mejorado el componente reproductor de vdeo, que nos permite verlo en
tiempo real, y nos ofrece una mayor coleccin de estilos.

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.

1.4. Flash, ventajas y desventajas
El principal uso de Flash se da en el mundo de la web. Desde la creacin de pequeos
botones o banners publicitarios, hasta webs totalmente basadas en esta tecnologa, Internet
est repleta de animaciones Flash.
Como todo, Flash presenta tanto ventajas como inconvenientes:
El tiempo de carga. Mientras que una pgina HTML puede ocuparnos 10-20 KB como
media, una animacin Flash ocupa mucho ms. Evidentemente depende del contenido
que tenga, pero suelen superar los100 KB con facilidad, y si adems incorpora sonidos
es fcil que la cifra se dispare. Al ocupar ms espacio, el tiempo que tardan estar visible
el contenido Flash es mayor y no todos los visitantes estn dispuestos a esperar...
simplemente, se irn a otra pgina.
Los buscadores. Son capaces de indexar el contenido de nuestra pgina, el texto, pero
no el contenido del Flash, ya que no lo pueden leer, lo que afectar negativamente al
posicionamiento de la pgina. Y hoy en da es crucial para una web encontrarse bien
posicionada. No obstante, los buscadores trabajan para solucionar este problema, pero
de momento al mejor forma de solucionarlo es crear un diseo paralelo sin Flash, lo que
aumenta el trabajo.
Flash requiere de plugins para poder visualizarse, y el hecho de no tenerlos
instalados, o de que un navegador tenga los scripts deshabilitados por seguridad,
impedirn la visualizacin del Flash. Este plugin lo suelen incorporar la mayora de
navegadores, es gratuito y se puede instalar desde aqu de forma muy intuitiva, pero
siempre habr usuarios que prefieran salir de nuestra pgina si tienen que instalar "algo
raro".
Compatibilidad con distintos dispositivos. Cada vez es ms frecuente acceder a la
web con telfonos mviles, SmartPhones y Tablets, y algunos de ellos no soportan
Flash (como los Android anteriores a la versin 2.2).
Flash es una tecnologa propietaria de Adobe, por lo que su futuro depende de lo que
esta compaa quiera hacer con l.
Otro aspecto a tener en cuenta es la usabilidad de las pginas Flash, a veces se cae
en la tentacin de dar demasiada importancia al diseo y olvidarse de que la pgina
debe ser fcil de usar, aunque es ms un error de diseo que del propio Flash.
Tendencia a su desuso en la web. Con la llegada de HTML5, se solventan muchas de
las carencias de las pginas tradicionales que nos obligaban a usar Flash. Por lo que su
uso deja de tener tanto sentido. De hecho, Flash CS5 incluye una herramienta para
exportar contenidos Flash a HTML5.
Por supuesto su fuerte uso en la web se debe a que tambin aporta ventajas:
La web se vuelve muy vistosa y atractiva, adems de aadirle ms interactividad. El
aspecto visual es muy importante para la web, ya que al visitante, sobre todo al
principio, "le entra por los ojos".
Con un poco de prctica, el desarrollo con Flash se vuelve rpido.
Flash permite comportamientos que de otra forma no podramos lograr.
Compatibilidad con navegadores. Uno de los principales problemas en el diseo web
es que el resultado no tiene por qu verse igual en todos los navegadores. Con Flash,
nos aseguramos de que lo que hemos creado es exactamente lo que se ver.
Por tanto, se hace necesario cuando lo que se necesita es que el usuario
pueda interactuar completamente con el contenido.

Resumiendo, insertar o no contenido Flash en una pgina web puede ser cuestionable,
aunque depende de muchas cosas. An as, no hemos de olvidar que Flash tiene muchsimas
aplicaciones ms (hecho que ha provocado que otras compaas traten de sacar a la venta
"clnicos" del Flash). Por ejemplo, se puede usar Flash para la creacin de DVDs interactivos
(como los que incluyen las revistas de informtica, entre otras), la creacin de banners
publicitarios o lo que ms est de moda ahora: la creacin de dibujos animados (os
sorprendera saber la cantidad de dibujos animados conocidos creados o animados mediante
Flash). Adems, Flash tiene uso industrial, pues se emplea para optimizar planos, crear
diseos de interiores y trabajar con imgenes vectoriales en general. No dejis de aprender a
manejar el programa con ms futuro... (al menos en cuanto a diseo web)
Aqu tenis algunas pginas interesantes hechas con FLASH NRG y fwa, o con entradas
muy llamativas http://www.derbauer.de/,
Nuestro consejo es emplear Flash nicamente en lo imprescindible en nuestra web dejando
el contenido principal de la web y los elementos de navegacin como HTML, que la web
pueda funcionar si un usuario no puede ver los elementos en Flash y no se pierda nada
realmente importante, a no ser que se trate de una web en la que su valor sea justamente su
contenido interactivo o visual en Flash.
1.5. Mi primera animacin Flash
Una de las caractersticas principales de Flash es su sencillez, esta sencillez en su
utilizacin permite crear animaciones de un modo efectivo y rpido.
Pongmonos en situacin, supongamos que queremos crear una animacin en la que una
pelota realice un movimiento de "bote", es decir, que baje y suba. Puede parecer un trabajo
de horas, pero nada ms lejos de la realidad.
Veamos cmo Flash nos lo pone fcil.
En este apartado no pretendemos ensear cmo crear una animacin Flash (pues eso se
ver ms adelante), el objetivo es que entendamos cmo crea Flash las animaciones y de que
modo nos facilita el trabajo.
A primera vista, lo lgico parece ser dibujar la pelota en cada instante del movimiento, de
modo que cuantos ms instantes dibujemos, ms real parecer el movimiento. Pues bien, con
Flash bastar con crear 3 fotogramas: en el primero dibujaremos la pelota en el instante inicial
(arriba del todo), en el segundo se dibujar la pelota en el momento de tocar el suelo y en el
tercero la pelota volver a estar arriba (en realidad este tercer fotograma no har falta crearlo,
pues bastar con copiar el primero). Por tanto, vemos que el trabajo ms largo (dibujar los
objetos) ya est hecho.

Ahora, se determina el tiempo que durar cada movimiento (es decir, el tiempo que
transcurre entre los instantes en los que la pelota est arriba y abajo) y por ltimo se le indica
a Flash que cree una animacin de movimiento entre estos fotogramas. Fcil verdad?
En esta versin de Flash an se ha facilitado ms la realizacin de animaciones de
movimiento como veremos en el tema correspondiente.
Observa cmo ha quedado:
Podis poner a prueba vuestros conocimientos realizando la:
Evaluacin 1: Introduccin a Flash Professional CS5
Slo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta.
Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin.
Si pulsas Restablecer podrs repetir la evaluacin.
1. Flash CS5 es desarrollado por Adobe, de ah su perfecta integracin con Photoshop.
a) Verdadero.
b) Falso.
2. Flash comenz siendo un programa para crear animaciones web sencillas, gifs animados ... y
con el paso de los aos se ha convertido en el software referente de creacin de aplicaciones
web interactivas.
a) Verdadero.
b) Falso.
3. Con cada versin, Flash incorpora ms funciones, lo que lo torna un programa cada vez ms
complicado y costoso de aprender.
a) Verdadero
b) Falso.
4. Flash CS5 dispone de un corrector sintctico-semntico que facilita el trabajo con textos.
a) Verdadero.
b) Falso.
5. Flash soporta trabajar con numerosos formatos de ficheros, como ficheros EPS y PDF.
a) Verdadero.
b) Falso.
6. Flash incluye un buscador web, que nos permite localizar objetos, textos, animaciones etc en
Flash por toda la web.
a) Verdadero.
b) Falso.
7. Las animaciones o pelculas generadas por Flash CS5 tendrn un rendimiento generalmente
mayor que las creadas con versiones anteriores.
a) Verdadero.
b) Falso.
8. El lenguaje de programacin de Flash, es ampleado y mejorado con el programa. La versin
actual es ActionScript 3.
a) Verdadero.
b) Falso.
9. Las Hojas de Estilo en Cascada (CSS) no son compatibles con Flash CS5, lo que dificulta la
integracin con el diseo de nuestra pgina.
a) Verdadero.
b) Falso.
10. El anterior ActionScript 2 no es capaz de trabajar con Javascript, pues se ha quedado
desfasado.
a) Verdadero.
b) Falso.
11. Realizar una animacin en Flash es un proceso largo pero mecanizable.
a) Verdadero.
b) Falso.
12. Una animacin en Flash exige al autor representar todos los estados de la misma, si la
animacin consiste en botar una pelota hasta una altura de 20 cm., el autor deber representar
dicha pelota en todas sus posiciones posibles (unas 200 aproximadamente).
a) Verdadero.
b) Falso.
13. Realizar una animacin con Flash slo exige indicar a Flash los estados lmite de la misma,
entendiendo por estado lmite aquel que marca un cambio en la animacin (en nuestro ejemplo
seran los instantes en los que la pelota deja de subir y comienza a bajar o viceversa).
a) Verdadero.
b) Falso.
14. Una vez tenemos dibujados los fotogramas que queremos que formen parte de la animacin,
nos falta indicar explcitamente a Flash que dichos fotogramas formarn una animacin, pues
Flash no es capaz de saber esto a priori.
a) Verdadero.
b) Falso.
Evaluacin 1: Introduccin a Flash Professional CS5
Slo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta.
Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin.
Si pulsas Restablecer podrs repetir la evaluacin.
1. Flash CS5 es desarrollado por Adobe, de ah su perfecta integracin con Photoshop.
a) Verdadero.
b) Falso.
2. Flash comenz siendo un programa para crear animaciones web sencillas, gifs animados ... y
con el paso de los aos se ha convertido en el software referente de creacin de aplicaciones
web interactivas.
a) Verdadero.
b) Falso.
3. Con cada versin, Flash incorpora ms funciones, lo que lo torna un programa cada vez ms
complicado y costoso de aprender.
a) Verdadero
b) Falso.
4. Flash CS5 dispone de un corrector sintctico-semntico que facilita el trabajo con textos.
a) Verdadero.
b) Falso.
5. Flash soporta trabajar con numerosos formatos de ficheros, como ficheros EPS y PDF.
a) Verdadero.
b) Falso.
6. Flash incluye un buscador web, que nos permite localizar objetos, textos, animaciones etc en
Flash por toda la web.
a) Verdadero.
b) Falso.
7. Las animaciones o pelculas generadas por Flash CS5 tendrn un rendimiento generalmente
mayor que las creadas con versiones anteriores.
a) Verdadero.
b) Falso.
8. El lenguaje de programacin de Flash, es ampleado y mejorado con el programa. La versin
actual es ActionScript 3.
a) Verdadero.
b) Falso.
9. Las Hojas de Estilo en Cascada (CSS) no son compatibles con Flash CS5, lo que dificulta la
integracin con el diseo de nuestra pgina.
a) Verdadero.
b) Falso.
10. El anterior ActionScript 2 no es capaz de trabajar con Javascript, pues se ha quedado
desfasado.
a) Verdadero.
b) Falso.
11. Realizar una animacin en Flash es un proceso largo pero mecanizable.
a) Verdadero.
b) Falso.
12. Una animacin en Flash exige al autor representar todos los estados de la misma, si la
animacin consiste en botar una pelota hasta una altura de 20 cm., el autor deber representar
dicha pelota en todas sus posiciones posibles (unas 200 aproximadamente).
a) Verdadero.
b) Falso.
13. Realizar una animacin con Flash slo exige indicar a Flash los estados lmite de la misma,
entendiendo por estado lmite aquel que marca un cambio en la animacin (en nuestro ejemplo
seran los instantes en los que la pelota deja de subir y comienza a bajar o viceversa).
a) Verdadero.
b) Falso.
14. Una vez tenemos dibujados los fotogramas que queremos que formen parte de la animacin,
nos falta indicar explcitamente a Flash que dichos fotogramas formarn una animacin, pues
Flash no es capaz de saber esto a priori.
a) Verdadero.
b) Falso.