Tareas

Animación de rompecabezas para presentar imágenes en Flash

Empezamos esta animación, creando un cuadrado de 80 por 80 píxeles, le ponemos color de fondo, color de borde y le damos un valor de 1 ó menos al borde dependiendo de cómo queramos que se vea.
s
El cuadrado que dibujamos, lo multiplicamos varias veces hasta formar una franja horizontal. Nuestro ejemplo será de 12 cuadrados de anchopor 4 de alto. A esta capa la llamaremos cuadrados.
-------------------------------------------------
Nota: Tienen que recordar que todos los cuadrados están en una sóla capa y que ninguno se cruza entre si, por ello hay que tener mucho cuidado.
Así quedaría nuestra franja de cuadrados.

Importamos una imagen a nuestra biblioteca, la que queremos que se vea en nuestra animación.
Luegoseleccionamos cualquiera de nuestros cuadrados y le hacemos doble clic; ya seleccionado (borde y fondo) vamos a nuestro panel de color y en el tipo, seleccionamos Bitmap o Mapa de bits, nos saldrá la imagen que hemos importado.

Cuando le damos click a la imagen, el cuadrado que hemos seleccionado cambiará y aparecerá parte de la imagen. Ahora viene lo interesante. Queremos que en el resto decuadrados se vea también la imagen, entonces debemos seguir el siguiente procedimiento:
Seleccionamos nuestra herramienta Saint bucket Tool o Bote de pintura y damos click a cada uno de los cuadrados incluyendo el cuadrado que seleccionamos al principio.
Se verán varias miniaturas de la imagen, pero no se preocupen es solo un inicio, quedaría así

Lo siguiente es seleccionar la herramienta GradientTransform y elegir cualquiera de los cuadrados, preferible el del centro. Esta herramienta nos permitirá ampliar nuestra imagen por todos los cuadrados por eso cada uno de los cuadrados le pusimos de fondo la misma imagen.
Detalle del procedimiento de ampliación.

Estiramos nuestra imagen, de cualquiera de las formas vistas quedando de la siguiente forma:

Hasta ahora hemos completado laprimera parte de la animación, si nos ponemos a animar cada uno de los cuadrados nos llevaremos una gran sorpresa, solo animaríamos los cuadrados y la imagen se vería una parte para todos y todo el trabajo que nos costo animarlo seria en vano.
-------------------------------------------------
¿Cómo animar sin problemas?
Seleccionamos todos los cuadrados para luego elegir el único fotograma de lacapa cuadrados, vamos al menú Modify/ Time line/ Distribute to Layers, tal como se muestra en la imagen.

En español sería Modificar/ Línea de Tiempo/ Distribuir en capas.
Luego de unos segundos, la cantidad de capas será igual a la cantidad de cuadrados existentes, es decir muchas. En esta animación son 48 capas y el orden de ellas dependerá en el orden como las creaste, copiaste y también dondefueron colocadas.
Ahora nos toca animar cada una de las capas con interpolación de movimiento donde la primera capa tendrá alfa 0% y el último alfa 100%, dando 5 fotogramas de entre cada fotograma clave.

Avanzamos 1 fotograma para cada uno de las capas interpoladas, tratando de que ninguna quede encima de la otra, aqui me trabe donde se deja el easpasio en el fotograma lo que pasa que yo loarrastro con el maus los fotogramas presionando ctrl. Y salio bien pero no se si sea correcto
para que todos los cuadrados aparezcan tal y como se muestra en la imagen.
En este caso se hizo en desorden para que tuviera una mejor presentación.
Insertamos 3 fotogramas después del último fotograma clave en la capa superior para luego completar los fotogramas en el resto de las capas y queden todasalineadas, en nuestro ejemplo al frame 55.

Presionan ctrl + enter, aun no se verá nada, sólo una parte de la imagen repetida varias veces, el detalla de esta animación es que tenemos que fusionar parte de la imagen con el cuadrado.
Para eso seleccionamos la capa, la ponemos en cualquiera de los fotogramas clave y hacemos doble clic, como si fuéramos a modificar el objeto pero solo lo...