Bueno lo que voy a explicar en este posteo es cómo se hace una animación flash, pero para público general; es decir que cualquiera lo va a poder entender sin saber de informática. Es como esos programas de Discovery Channel en donde dicen secretos del cine, que cualquiera los entiende. Por lo tanto si vos sabés de flash (.swf) y cómo se hace, este post no es para vos.

¡Vuelvo a insistir que esto es para público general! Si les gusta/interesa/quieren saber más, me avisan y hago otro posteo más profundo.



Las animaciones flash utilizan un formato de archivo con extensión swf -por lo general. Las mismas se pueden reproducir tanto en forma independiente, es decir, en tu computadora teniendo el flashplayer, o bien desde una página web o aplicación.
La idea es la siguiente: hay un programa especial para crearlas y otro distinto para reproducirlas, que obvio ocupa mucho menos espacio y memoria.
Los archivos son de extensión .swf y y utiliza gráficos vectoriales -echos en el mismo programa o importados-, imágenes, sonido, código de programa y videos.
La empresa creadora de este tipo de animación fue, si mas no me equivoco, Macromedia (lo que sí es seguro es que ésta empresa lo explotó) y el formato esta mas o menos desde el año 1996, recuerden que la encarta ྞ ya usaba flash. En principio era simplemente animación y un poco de código para que sea interactiva.

Hoy ha cambiado mucho, en el año 2005 Adobe (el de Photoshop) compró Macromedia y por lo tanto el formato flash ahora es de Adobe, por lo cual mejoro muchisimo hasta convertirse en uno de principales formatos multimedia e interactivos del mundo, presente en el 95% aprox. de las computadoras y aparatos móviles.

A continuación van a ver por qué creció rápidamente: su fácil uso por sobre todas las cosas. Cualquiera que se ponga un poco con el programa consigue algo. Imaginate una empresa experta lo que podría producir con este formato. hay páginas webs enteras dedicadas a informar y enseñar estas animaciones.

Como esto es para público general, no voy a decir sus desventajas ni mucha más literatura. Creo que con esto es suficiente.







Hay varios editores del formato flash (la empresa liberó parte de su código), pero voy a usar el original y por lo tanto más completo: Flash.

He aquí una captura para pasar a mostrar brevemente:



Imágen 1.


Este es el programa en sí, el espacio de trabajo. A la izquierda esta la barra de herramientas, como la lupa, el pincel, el lápiz y muchas cosas más. A la derecha por lo general se ponen los distintis paneles: de informacion, color, biblioteca, salida, transformar, etc. Lo mismo que abajo, aunque esto es depende cada uno, se puede mover.
Arriba tenemos lo más importante para las animaciones: la línea de tiempo, es decir mas o menos qué pasa en cada cuadradito que representa un tiempo en especial y un cambio.




Imágen 2.


Como dije en la introducción, uno puede dibujar libremente o bien importar imágenes -incluso otras animaciones- desde tu computadora. Lo mismo para los videos y sonidos, lo más dificil de manejar son los videos, pero para alguien normal que quiere probar los sonidos se ponen muy facilmente.

Para chupar un poco las medias y vean que esto no es chamullo jaja, ahí puse el logo de UimPi y lo de abajo lo hice con el mismo editor de flash: el límite es tu imaginación.





Ahora pasamos a ver cómo se craría una pequeña animación, no voy a decir todos los pasos para no aburrir, sino mas o menos cómo se hace.





Vemos que en la parte superior la línea de tiempo de didive en "capas" con nombres, elegidos por cada uno, para organizar mejor los objetos en el escenario. Los objetos que estén en la capa de más arriba taparán a los que estén en una capa inferior. Sirve para otras cosas también, pero no viene al caso.
Hay dos formas de mover algo: mediante una animación asistida por el programa, en donde poner la posición inicial y luego la posición final y el mismo programa realiza la animación, rellenando los cuadros del medio. La otra forma es mediante "cuadradito por cuadradito" (llamados fotogramas), es más largo de hacer pero a veces por X causa se necesita hacerlo así: es decir, vos agregas un fotograma más en la linea de tiempo y moves el objeto un poco, asi hasta cuando vos quieras.
Esas barras pintadas representan la forma de la animacion: la violeta es asistida por el programa (interpolación) y la gris es cuadro por cuadro.
Por cierto, también el editor puede manipular texto, no tanto como si fuese el Word pero van avanzando.

La animación quedaría mas o menos así: (hacer clic en REPRODUCIR)




Si no ves la animación hacé clic acá. En caso de que no la veas, es porque necesitás tener instalado el flashplayer, si no es así seguramente te va a pedir que lo instales. Instalar FlashPlayer.

Y bueno, empezando de a poco, con dibujos propios o imagenes sacados de otro lugar se puede hacer casi cualquier cosa. Sin olvidarse de que se puede manejar sonidos, videos y texto.






Flash no sólo puede hacer animaciones: también es posible desarrollar complejas aplicaciones web e incluso de escritorio. Y para ésto ¿cómo se hace?: se utiliza la programación. Adobe ha avanzado mucho en esto, y hoy el código de Flash -ActionScript- es extremadamente potente y estandarizado.

Veamos como se hace más o menos.





Para crear una aplicación se debe escribir en el lenguaje de programación ActinScript que se puede introducir en ventana llamada Acciones.
En Flash se le puede asignar un nombre único a cada imágen, sonido, video, dibujo o incluso otras pequeñas animaciones metidas dentro de flash (movieclips, serían como gif animados dentro de flash, pero tienen su propia línea de tiempo y se puede hacer de todo, tal como si fuese cualquier animación).
Entonces, hay Accines (porción de código) para los objetos como botones o movieclips, y también se pued eponer acciones en cada cuadradito de la línea de tiempo.

Aca tienen un mínimio ejemplo (jaja... esto es sólo el 0,00000000000001% de lo que se puede hacer ) de cómo quedaría, lean el texto y aprieten los botones:



Si no ven la animación, clic acá


Como se darán cuenta, lo que hace el Botón 1 y 2 es cambiar el texto. El boton Saludar toma tu nombre -o lo que hayas escrito- y te saluda, y el boton Mover lo que hace es mover la bola mediante código.







Esto fué una muy breve introducción, para que el que no lo sabía tenga una idea más o menos. Nadie va a aprender a hacer un flash con este posteo, explicar cómo usar Flash requeriría una página web completa, una carrera o una materia de universidad; y meses y meses de practicar.

Voy a ver si les gustó saber ésto, en caso de que sí, hago mas posteos viendo mas o menos el "cómo se hace" en las animaciones. Sino va a ser al pedo seguir

Saludos.