Vamos a comenzar por realizar la animación más sencilla que se podría crear en Flash: una forma desplazándose por la pantalla. Síganme:
1. Ve a la barra de herramientas y escoge una para dibujar formas. Te aconsejo comenzar con algo sencillo, como un círculo o un cuadrado de tamaño 'manejable'. Puedes ajustar sus opciones de color y bordes – antes de dibujarlo – desde el inspector de propiedades.
2. Escoge el puntero negro y dibuja un cuadrado alrededor de la forma para seleccionarla. Una vez realizado, pulsa F8 en el teclado para convertirla en un símbolo. Asegúrate de que la opción 'Gráfico' esté marcada y dale un nombre a tu gusto. Luego pulsa OK.
¿Qué es un símbolo? Es una especie de 'cápsula' que protege el elemento, copiándolo en la biblioteca de Flash. A partir de ahora, trabajaremos con instancias de ese símbolo, el que sólo podrá editarse directamente desde la biblioteca.
¿Cuál es la ventaja de usar símbolos? La principal es el ahorro de recursos del PC, pues en vez de crear – digamos – un cielo con cien estrellas diferentes, creamos una sola, la convertimos en símbolo y le decimos a Flash que la proyecte cien veces. Es como la diferencia entre 2+2+2+2+2 ó 2x5.
En el caso de las animaciones comunes o interpolaciones de movimiento, es obligatorio trabajar con símbolos. De hecho, si olvidamos este paso, Flash convertirá automáticamente la forma en uno.
3. Una vez creado nuestro símbolo, arrastraremos su instancia por la escena hasta posicionarlo donde comenzará nuestra animación... por ejemplo, en la esquina superior derecha.
4. Ahora viene la parte interesante. Primero, determinamos cuánto va a durar la animación. Por ejemplo, si queremos que dure dos segundos, iremos hasta el fotograma 24 (porque a 12fps x 2 = 24) y pulsaremos F6. Con esto creamos un segundo fotograma clave, que le indica a Flash que allí sucederá 'algo'.
Junto con el segundo fotograma clave, Flash crea una segunda copia de la instancia por nosotros. Esto es ideal porque nos permite determinar cómo acabará la animación. Para ello, arrastra la instancia al lugar que prefieras, digamos la esquina inferior derecha. Pon atención y asegúrate de estar ubicado en el segundo fotograma clave, porque si mueves la instancia del primero estarás modificando la ubicación inicial.
5. Por último agregamos la magia. Pulsa con el botón derecho del ratón en cualquier lugar de la línea de tiempo entre ambos fotogramas clave y escoge en el menú la opción "crear interpolación de movimiento". Si realizaste todos los pasos correctamente, verás aparecer una flecha azul entre ambos fotogramas.
6. Pulsa ENTER para previsualizar la animación y sorpréndete.
Destaquemos tres conceptos clave:
Las interpolaciones de movimiento nos permiten crear animaciones sencillas con sólo indicar dónde comienza, cuánto dura y dónde termina la acción. Flash se encarga del resto.
Para crear una interpolación de movimiento es obligatorio convertir la forma por animar en un símbolo.
Puedes convertir una forma en símbolo con F8 y crear fotogramas clave con F6.
Finalmente, ¿sabías que puedes animar más de un elemento (instancia) a la vez? Eso sí, es imprescindible que cada elemento esté en una capa separada. Para ello, pulsa el signo de la hoja con una cruz en la línea de tiempo y procura trabajar en la capa recién creada. Para evitar pasar a llevar el contenido de otras capas, puedes bloquearlas con el candado.
forma desplazándose por la pantalla. Síganme:
3. Una vez creado nuestro símbolo, arrastraremos su instancia por la escena hasta posicionarlo donde comenzará nuestra animación... por ejemplo, en la esquina superior derecha.
