Introducción a Flash

Tutorial introductorio para aquellas personas que quieran empezar a conocer Flash

Tomando contacto: El IDE
Flash, ¿Qué Es? ¿Cómo funciona?
Un poco de historia
Veo capas, veo frames, veo una línea del tiempo...

Tomando contacto: El IDE

El IDE es la "interface", la parte gráfica de Flash en cuestión de editor. Consta de varios paneles, estos se pueden mover, abrir, cerrar, quitar, e incluso ponerlos "flotantes" como en versiones anteriores de Flash. Por eso si tu distribución difiere de la de las imágenes no te preocupes, eso da igual.

Pantalla principal.

Propiedades del campo de texto.

Opción de exportar fuentes.

Panel de acciones.

Panel de ayuda.

Flash, ¿Qué Es? ¿Cómo funciona?

Flash es un entorno de desarrollo, un programa para hacer otros programas/animaciones/paginas webs/RIA's y demás. Como otros entornos de desarrollo Flash consta de un "editor" y un "compilador", el editor como ya hemos dicho es todo lo que ves en flash, con él escribes el programa [código AS] y haces los dibujos/imágenes que quieras. El compilador [parte que no ves] lo que hace es asegurarse de que todo esta bien escrito [detecta errores de forma, no de contenido] y lo "compila", es decir fabrica un archivo con la extensión .SWF que es capaz de ser interpretado por el player.

Bueno, entonces... qué es el player y qué hace? El player o reproductor, como su nombre indica "reproduce" los archivos SWF. Por que hace esto? bueno todo tiene su explicación, que la dejare para otro momento, usare la metáfora de un reproductor de CD's... Podrías tener un solo lector de CD [player] y muchos CD’s [archivos SWF] que se leen ahí o por el contrario tener muchos aparatos del tamaño de un lector de CD y que cada uno llevase un solo CD que no se pudiera cambiar....Así tenemos que nuestros archivos SWF son como CD's, el mismo archivo vale para el plugin de un navegador, que para el de otro, o incluso para el player en local.

Un poco de historia

Flash se creó en un principio para la animación vectorial [y no vectorial], por eso comparte muchas herramientas con programas de dibujo y animación. Fue a partir de Flash5 [FL5] cuando surgió la explosión de Action Script [AS] y se añadieron muchas funciones nuevas. Actualmente hay dos corrientes en Flash, la Designer [Diseñador] y la Developer [Programador], así mismo los exámenes de certificación de Macromedia son diferentes para cada una de estas ramas. Ahora con Flash MX y MX2004 Las capacidades del Developer se vieron aumentadas en grandes cantidades, añadiendo los "componentes", funciones para webcam, micrófono, webServices, XML, LoadVars y demás, haciendo mucho mas fácil el desarrollo de auténticas aplicaciones multimedia.

Veo capas, veo frames, veo una línea del tiempo...

Ya hemos dicho que Flash tiene mucho de animación.
Frame: Un frame es un fotograma, como el de las películas, una imagen estática, y cuando se pasan muchas rápido dan la sensación de movimiento
Animación FrameByFrame: Es la animación cuadro a cuadro, o fotograma a fotograma, se usa sobre todo en dibujos animados cuando las cosas no se pueden hacer ni por MotionTween ni por ShapeTween
Motion Tween: Interpolación de movimiento para los hispano parlantes, lo que hace es "rellenar" los fotogramas vacíos de una animación, donde se estable un objeto en el primer frame en una posición y en el último el mismo objeto pero en otra. La interpolación de movimiento calcula donde debería estar el objeto en los frames intermedios
Shape Tween: Similar al MotionTween, pero esta vez juega con las formas [solo trabaja con vectores, ni imágenes ni objetos] El resultado suele ser bastante malo al principio, y se tiene que trabajar bastante la animación
Línea del tiempo o timeline, esta formada por los frames, no es mas que "el rollo de película" que contiene a los fotogramas. Cada MovieClip tiene su propio timeline, aunque todos van a la velocidad del principal [fps]
FPS: Frames Per Second, frames por segundo, esto es la velocidad en la que pasaran los frames en una película. 12FPS es que se ejecutaran 12frames en un segundo. La velocidad por defecto es 12fps, aunque 24fps y 30fps también son usados, pero para cuando se quieren animaciones mas "fluidas"
Capas: [o layer] Como en otros programas de dibujo las capas sirven para organizar el contenido. Puedes reorganizar las capas arrastrándolas a tu gusto, las que estén superiores a otras las "taparán". Como en la realidad, si tú tienes varios objetos y pones uno encima de otro, los inferiores se ocultan [total o parcialmente] por aquellos que están encima
Profundidad: No hay que confundir con el concepto de capa, aunque son similares. Tomando un espacio tridimensional, formado por 3 ejes perpendiculares entre sí XYZ. Tomamos la X como la anchura del monitor, la Y como la altura y la Z como la "profundidad" que va desde la pantalla hasta la parte de atrás del monitor. Mientras que en una capa puede haber varios objetos, en una misma profundidad no, si se carga un objeto a una profundidad donde ya existía algo, éste será reemplazado por el nuevo objeto.