Cómo crear un Movie Clip en Flash CS3

Hola, esta semana el tema a tratar será cómo crear un movie clip en flash. Hace poco comenzamos a utilizar este programa en clases y aunque es algo complicado (sobretodo para alguien como yo que nunca en la vida lo había usado), una vez que aprendes lo básico, lo demás es usar un poco tu creatividad.

Para quienes no lo saben, un movie clip, nos permitirá crear piezas de animación reutilizables, es decir, animaciones que necesitan tener ciertos movimientos repetitivos, sin necesidad de estar haciéndolos en cada uno de los fotogramas, pues solo basta con hacer una vez el movimiento para poder perpetuarlo hasta el final de cualquier animación, y por si fuera poco, tienen líneas temporales propias y por ello pueden actuar independientemente de los frames de la película principal. Ahora, para poder crear un movie clip sencillo, podemos seguir estos 11 pasos:

1.- Abrimos Flash CS3 o CS4, y oprimimos Flash File (Action Script 3.0)

2.- Checamos que la resolución de nuestro Nuevo documento sea la adecuada, en este caso nos quedaremos con la medida estándar que es de 550x400 pixeles.

3.- Luego oprimimos Ctrl + F8 (en caso de Windows) o Manzanita + F8 (en el caso de la Mac). Tan pronto como hacemos esto, vemos que se abre una nueva ventana que dice Crear nuevo símbolo, le ponemos nombre y oprimimos la opción que dice Movie Clip o Clip de película y damos en OK

4.- Como podemos ver, ahora nuestro espacio de trabajo ha cambiado un poquito, pues aparte de ver Escena 1, también aparece el Movie clip que acabamos de crear, cosa que no aparecía al principio. Esto significa que estamos dentro de ese movie clip y que éste pertenece a la Escena 1, también podemos notar que en la Librería o Biblioteca del programa también nos aparece el Movie clip. Ahora lo que hay que hacer es comenzar a dibujar o crear lo que queramos que tenga ese clip.

5.- En este caso como el ejemplo es de lo más sencillo, sólo utilizaré dos capas, pero si el dibujo lo amerita o se compone de varios elementos, tendrían que hacer cada uno de ellos en capas diferentes. Por tanto, antes de dibujar, en este ejemplo creamos una Capa y le ponemos Cuadrado.

Nota: La Capa tiene que estar en el Movie Clip, no en Escena, para saber que está siendo creada en el Movie Clip, sólo basta con ver que el Clip aparezca en nuestro espacio de trabajo, si no es así, damos doble click en el que aparece en la Biblioteca.

6.- Ahora viene lo más divertido y laborioso, dibujar. Asegúrense de dibujar en el fotograma en donde ustedes consideren que empezará su animación. En este caso lo haremos desde el Fotograma 1.

7.- Una vez conformes con el resultado, procedemos a hacer algunos cambios para que el movie clip valga la pena. Así que el paso siguiente es dar un F6 para añadir un fotograma clave donde cada uno considere bueno para que ocurra el cambio. Después nos ponemos en ese fotograma y comenzamos a modificar nuestra figura. En este ejemplo, sólo modificaré un poco los extremos y le cambiaré el color de relleno.

Nota: Lo ideal para darle más realce, sería modificar cada extremo en fotogramas diferentes, pero por cuestiones de tiempo, aplicaré los cambios al mismo tiempo.

8.- Ya que hayamos hecho los cambios que queramos, damos F5 justo en el fotograma que queramos que termine la animación.

Nota: No es necesario extenderse hasta el fotograma 1000, recuerden que la animación se repetirá una y otra vez, así que sólo basta con hacer los cambios una sola vez y ya.

9.- Como les dije que yo haría todo en dos capas, pues en este punto, repetiré todo lo anterior, sólo que ahora con un círculo. Lo ideal, sería poner esta nueva figura en un movie clip nuevo, pero como yo quiero ponerle en este mismo lo haré así, claro sabiendo, que si hago más chico el cuadro, también se hará más chico el círculo, pues ambos son del mismo movie clip y lo que afecte a uno afectará al otro.

10.- Ahora damos click en Escena 1 (no se preocupen si se borra lo que hicieron, no olviden que todo está en el movie clip). Y en la Biblioteca, damos un click a donde dice Cuadrado para seleccionarlo y manteniendo el botón izquierdo del mouse aplastado, lo arrastramos a “nuestro lienzo” blanco de la Escena 1, lo situamos donde queramos y soltamos para que quede nuestro movie ahora si quede a la vista.

11.- Ahora, lo único que resta es probarlo y comprobar que todo quedó como lo hicimos, para eso, sólo basta con oprimir Ctrl + Enter (para Windows) ó Manzanita + Enter (para MAC) y ¡Listo! El Movie clip está terminado. Si quieren ver cómo me quedó mi grandiosa obra de arte, pues sólo denle clic al video de youtube XD.

Por hoy, esto es todo…