Tutorial flash basico - Interpolacion de movimiento y de forma
Bueno a petición de muchos amigos, conocidos, y visitantes hice este tutorial donde explicare las nociones básicas de macromedia flash, como, crear una interpolación de movimiento, interpolación de forma.
AREA DE TRABAJO
Bien esta es el area con la que trabajaremos durante este tutorial y muchos mas que ire posteando, solo cliquen y amplearan la imagen, veran las diferentes areas principales que usa flash.
ALGUNOS BOTONES MAS USADOS
-
Este boton se encuentra en la linea de tiempo y sirve para crear nuevas capas dentro de nuestra animacion. -
Agrupa capas dentro de una carpeta. -
Este boton se encuentra en el area de propiedades y sirve para cambiar las dimensiones de nuestra pelicula. -
Se encuentra en propiedades y con este boton cambias el fondo de la pelicula. -
Se encuentra en propiedades y es la velecidad con que se reproduce la pelicula. (20 fotogramas por segundo). -
Ctrl+Enter: Funciona para probar la pelicula y crear un archivo swf.
-
F5:Inserta un fotograma.
-
F6:Inserta un fotograma clave.
-
F7: Inserta un fotograma clave en blanco.
INTERPOLACION DE MOVIMIENTO
Paso 1Vamos a la línea de tiempo y nos posicionamos en el fotograma uno, presionamos F6 para crear un fotograma clave, ya creado nuestro fotograma clave tomamos el pincel
y a dibujar, nuestro fotograma clave debe de tener un punto negro.

Paso 2 Nuestro dibujo debe de estar agrupado para esto da clic en el fotograma clave (para seleccionar todo lo que dibujaste) y ve al menu modificar>agrupar o modify>group , tienes que hacer esto siempre que vayas a hacer una interpolación de movimiento, si no agrupas no funcionara.

Paso 3 Ya agrupado nuestro objeto, nos posicionamos en el fotograma 30 > clic derecho > insertar fotograma clave o Insert Keyframe.

Paso 4Ya insertado nuestro fotograma clave, solo movemos nuestro obejto hacia abajo, esto se hace para que el objeto recorra la trayectoria de arriba-abajo, tambien puedes agrandar el objeto en el segundo fotograma clave o grirarlo, solo da clic derecho en el objeto>free transform o transformación libre.

Paso 5Seleccionamos en nuestra línea de tiempo nuestros fotogramas y nos vamos a la seccion de propiedades ahora solo seleccionamos Motion o movimiento que se encuentra en tween, si has echo todo bien nuestros fotogramas se veran asi:
y si te quedo asi
seguramente no agrupaste uno o dos de los objetos, o estas intentando hacer la interpolación con dos objetos diferentes.
Listo!! da ctrl+ENTER, esto es una interpolacion de movimiento y sirve para poder crear movimientos de lado a lado de arriba-abajo de chico-grande, de horizontal-vertical; si quieres explotar al maximo estas funciones, utiliza free transform solo da clic derecho en el area de trabajo y busca free transform o transformacion libre, para poder girar el objeto agrupado o bien para hacerlo mas chico o grande), vale ahora haremos la interpolación de forma
:
INTERPOLACION DE FORMA
Paso 1De nuevo vamos a la línea de tiempo y nos posicionamos en el fotograma uno, presionamos F6 para crear un fotograma clave, ya creado nuestro fotograma clave tomamos el pincel
y a dibujar, al terminar el dibujo nuestro fotograma clave debe de tener un punto negro, el dibujo que hicimos no se va a agrupar.

Paso 2 Nos posicionamos en el fotograma 30 damos clic derechos e insertamos un fotograma clave en blanco.

Paso 3 Ya tenemos nuestro fotograma clave en blanco ahora dibujaremos en el, este nuevo dibujo no se agrupara, en la interpolacion de forma nuestros dibujos no deben de estar agrupados solo verifica que tengn ountos cuando esten seleccionados.

Paso 4Seleccionamos en nuestra línea de tiempo nuestros fotogramas y nos vamos a la seccion de propiedades ahora solo seleccionamos Interpolacion>Forma ó Tween>Shape , si has echo todo bien nuestros fotogramas se veran asi:
y si te quedo asi
seguramente agrupaste uno o dos de los objetos.

Nota: Si tienes una imagen jpg, png, o gif y quieres hacer este efecto tienes que dar clic derecho a la imagen>apartar o break apart, has esto hasta que la imagen este punteada. Listo!! da ctrl+ENTER, esto es una interpolacion de forma sirve para pasar de un estado a otro.
Descarga todos los archivos utilizados
Foro seguro ahi respondemos tus dudas, unete y se parte de esta comunidad.

Hack attack
el 03 Ene 2007 a las 22:56 #Holas . Azul
Excelente tutorial,estare mas en tu web para aprender mas en flash.
Saludos
Susana
el 04 Ene 2007 a las 5:58 #Hola azul, gracias por ayudarme esta muy bueno tu turial, espero que despues posties algo de como hacer una capa mascara gracias.
Aralé
el 04 Ene 2007 a las 6:16 #¡ Quiero que sepa el mundo,gritarlo a los 4 vientos,que eres el amor de mi vida, que no me importa que piense la gente,que sin ti no puedo vivir y que sepan que quiero estar a tu lado, por muchisisimo tiempo, es mas quiero compartir las experencias mas hermosas que puedan existir contigo, solo contigo….
Te amaré por siempre. Lo juro!
Tu pollu lindo
Rodrigo
el 09 Feb 2007 a las 2:32 #Gracias aralé!!!! sabes que pienso lo mismo y muchisimas cosas mas lindaaaaaaaaaaaa Te Amo!
eres todo para mi muchas gracias por este lindo detalle.
Hola Hack attack y Susana
pues gracias por el comentario, seguire posteando muchisimos tutoriales del agrado de todos.
MIGUEL ANGEL
el 20 Mar 2008 a las 23:43 #yo no se ni mascaras del santo sobre el tema, pero me interesaria aprender, se ve padrisimo desperto mi curiosidad.
felicitaciones
Jose Tapia
el 19 May 2008 a las 0:36 #innovacionestecnologicass.a@gmail.com
WEB HOSTING Y VOZ IP
T1r3t¡¡
el 12 Ago 2008 a las 18:19 #Exelente tuto¡¡ Es facil de entender y muy practico ojala y puedas editar algunos tutos para aprender a programar graxx...
romina
el 19 Ago 2008 a las 17:57 #hola estoy recien empezando a aprender flash y la verdad que me ayudo muchisimo este tutorial...Es muy agradable encontrar gente que ayude a otros...
VANESA
el 06 Oct 2008 a las 19:33 #GrAsIas PoR ESTO mE FuE De mUChA aYuDa