viernes, 25 de septiembre de 2009

Introducción a Flash

En estos momentos, comenzaremos a ver el programa Flash, el cual es utilizado para crear infografías, juegos, animaciones, interactividad, entre otras. Este programa cuenta con herramientas tanto vectoriales (encontradas en Illustrator) como de mapa de bits (Como las de Photoshop) y cuenta con un lenguaje de programación llamado "ActionScript".
Otra particularidad que tiene viene a la hora de guardar el archivo, hay 2 tipos de archivos flash:

.fla: Archivo que se ocupa sólamente para trabajar y editar.
.swf: Archivo de presentación.

Al publicar la animación, se puede hacer para versiones antiguas de flash, formato gif, proyectores windows o macintoch, entre otros.

Ahora veremos la ventana de este programa (por favor, hacer click en la imagen para verla más grande):



1- Barra de herramientas
2- Linea de tiempo
3- Propiedades (al elegir una herramienta o al seleccionar el escenario, aparecen la información de esta)
4- Color y muestras.
5- Biblioteca (sirve para tener archivos importados de otros programas como Illustrator y símbolos).
6- Escenario.

-----------------------------------------------------------------------------------
Barra de Herramientas:

Hay herramientas que aparecen en Flash que se repiten en Photoshop e Illustrator. Sin embargo, algunas de ellas adquieren otras características en este programa. Aquí van algunos ejemplos:



Bote de pintura y tintero: Sirven para cambiar el color de la figura sin necesidad de seleccionar el objeto. El bote de pintura sirve para cambiar el color de relleno, mientras que el tintero hace lo propio con el contorno.


Goma: Como en todos los programas, sirve para borrar figuras, sin embargo, se puede elegir qué borrar, por ejemplo, sólo líneas, sólo rellenos, ambos, borrar seleccionados y borrar adentro.


Suavizar contorno: Suaviza los trazos seleccionados (se dijo en clases que la tendencia de este programa es suavizar).


Lápiz: Crea contornos.


Pincel: Crea rellenos.


Color de imágen y de relleno: Se elige color de linea y de relleno pero se necesita del bote de pintura y del tintero para cambiar el color.


Texto: Acá el texto puede dividirse. Para hacerlo hay que ir a "Modificar" y luego a "Separar".

[Texto junto]


[Texto separado]


---------------------------------------------------------------------------------------------

Tipos de animación

Cada uno de ellos consiste en fotogramas y fotogramas clave que se ocupan y la línea de tiempo (hacer click sobre imagen para verla más grande).




Ahora los tipos de animación:

Animación cuadro a cuadro:
Consiste en crear una seguidilla de fotogramas clave, los cuales tienen formas diferentes (ej: en uno un círculo, luego un óvalo, una luna, etc...). Su realización es igual a la del stop motion y es una forma básica de hacer animación (aunque un poco trabajosa por hacer cada fotograma).
Se presenta en la linea de tiempo de esta manera:





Animación por forma:
Se hace un fotograma clave y luego se hace otro a varios fotogramas de distancia. Cuando se elige como alternativa de animación según forma, el programa hace la secuencia intermedia (Ej: En el primer fotograma hay una estrella y en el último un corazón, en la secuencia intermedia se muestra cómo la estrella muta).
La forma en la que representa en la línea de tiempo es en un rectángulo verde agua con un punto en cada extremo y siendo atravesado por una flecha. Si la flecha aparece segmentada significa que la animación tiene un error.




Animación por movimiento:
Este depende de los símbolos (objetos visuales que poseen funciones para volver al programa más eficiente y pueden ser botones, gráficos o clips de película, para crear uno hay que seleccionar la figura en su totalidad, ir a "Modificar" y luego a "Convertir en símbolo).



Se coloca la figura en el primer fotograma clave y luego esta se mueve (en su propio eje o de un lado a otro) y, al elegir el tipo de animación, el programa desarrolla la secuencia. También puede cambiarse forma pero sólo en aspectos más pequeños como proporcionalidad y tamaño.
La forma en la que se representa en la linea de tiempo es igual a la de la animación por forma pero, en vez de verde agua, el color es lila. Nuevamente, si la flecha está segmentada quiere decir que la animación está mala.







Esta fue la recopilación de lo más importante de la clase. ¡Saludos! ^_^