Motion-Shape Twenn (Interpolacion De Movimiento)

Categoria: Tuto
Nivel: Principiante

Wenas wenas ^^ pos aki denuevo, ahora para habalr del motion tween (animacion de movimiento) y el shape tween (animacion de forma), una persona me pidio q hablara de este tema, asi q aki tamos ^^
Aca tan los 3 ejemplos q cree para este tuto y el fla.
Trataremos de explicar como hacer cada uno de ellos ^^

---Descargar Fla---

Motion Twenn - Ejemplo 1

Selecionamos el frame 1 de nuestra pelicula, y dibujamos un rectangulo con la herramienta de rectangulo.

El siguiente paso es darle los frames q queramos q dure nuestro movimiento, entonces selecionamos al fotograma 40(puede ser cualquiera...) y presionamos f6 (el f6 como sabemos xD, crea un nuevo fotograma clave).

ahora selecionamos cualquier fotograma entre el primer y el fotograma clave(40), le damos click derecho y selecionamos Create motion Tween. Veremos q en nuestra linea de tiempo nustros fotogramos q estan entre el 1 y el fotograma clave se pondran de un colo morado y con una flecha de lado a lado, esto nos indica q ahi hay un motion twenn.

Ahora selecionamos el ultimo fotograma del motion twenn (el fotograma clave 40), y selecionamos el rectangulo y lo movemos por ejemplo mas a la derecha.

Damos ctrl+Enter (para probar al pelicula) y veremos q nuestro rectangulo se mueve de la pocicion inicial (fotograma 1) a la ultima pocicion (fotograma clave 40).

Facil verdad :D!

Ahora el efecto para q gire:

selecionamos algun fotograma del motion tween q este en medio del principal y el clave, y nos vamos al panel de propiedades (Crtl+F3), ahi vemos las opciones, nos vamos a rotate y elejimos CW(ahi gira hacia adelante) o CCW (gira ahcia atras), en times elejimos el numero de veces q gire 1,2,3 etc etc. Ahora damos Ctrl+Enter(para probar) y listo :D!

y El efecto de color:

primero deves irnos al primer frame de nuestro motion twenn (es necesario q sea el primero), ahi selecionamos la figura y nos vamos al panel de propiedades(Ctrl+F3), en el panel de propiedaes a la derecha tenemos un recudro q dice: Color "None", ahi seleccionamos Tint y elejimos cualquier color q nso guste :P (diferente al original). Ahora probamos la pelicula (Ctrl+Enter) y listo :D! XD ^^

Peluchis!!! (Como dice mi maestra de informatica del bachilleres q no sabe nada xD!!!!)

Motion Twenn - Ejemplo 2

Es necesario q hayas leido el ejemplo 1

En este segundo ejemplo vemos lo mismo q vemos en lo de arriba xD un movimiento, solo q esta ves el movimiento sube baja, retrocede y avanza de una manera algo extraña xD.

Para esto usaremos "GUIAS", =o xD, es mas facil de lo q creen ^^!

Primero hacemos un motion twenn (lo pueden hacer en un nuevo documento ó en una capa nueva -- Por ahora para q vayan practicando les recomiendo q lo hagan en un nuevo documento) .....como lo explique arriba : Hacen la figura, en el primer frame, se van a un frame diggamos al 40 hacen click derecho en algun frame del medio y selecionan "create motion Twen".

Ahora crean una nueva capa, asegurense q la capa tambien tenga 40 frames (la ponen arriba de la cpa donde tieen el motion tween), y ahi dibujan una linea (para arriba atras abajo etc etc) con el lapiz, despues de tener la linea selecionan la capa de la linea y le dan clik derecho, luego selecionan guide.

Les deve quedar como en la primer imagen de abajo, luego arrastran la capa del motiontween hacia la capa de la guia como se ve en la segunda imagen, y la sueltan para q les quede como en la tercer imagen :D!

Pudieron?? Espero q si xD, ahora solo queda una cosa por hacer, se van al utimo fotograma de la cpa donde tienen el motion tween (q seria el fotograma clave del motion tween), y arrastran su figura hacia el punto final de la linea de guia, cuando esten sobre el final de la guia el objeto veran q se "pega" a ella, ahi sueltenlo....

y depues solo den Ctrl+Enter (para probar).

:D"!! vieron q fue facil !!! ^^

Motion Twenn - Ejemplo 3
Es necesario q hayas leido el ejemplo 1

ahora veremos como se hace este tercer efecto, a este efecto se le llama "easing", vemos como el cuadrado comienza a avanzar rapidamente y frame con frame va disminuyendo su velocidad hasata llegar a 0, y el circulo como comienza despacio- acelera - retrocede y acelera.

esto es muy sencillo son opciones q encontramos en el panel de propiedades.

Lo primero es q hagan un motion tween (como en el primer ejemplo), luego selecionan algun frame entre el primero y el clave de su motion tween y se van al panel de propiedades, ahi veran "ease" y "edit", pongan por ejemplo en ease el numero 50 y pruebn su pelicula (Ctrl+Enter), veran q el objeto comienza a moverse rapido y luego lento... Asi de simple :D!

Ahora selecionen "edit" y muevan la linea en varias direcciones, y luego den en ok y prueben la pelicula XD, veran algun movimiento extraño O.o, depende como hayan dejado la linea ^^

Ta facil y ta weno, un poquiitito de practica y listo :D!

Nos vemos al proximo tutorial xD!

Saludos!!!