elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Curso de javascript por TickTack


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  Movimiento y rotación de balon [Tutorial - flash] by xSkyPagex
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Movimiento y rotación de balon [Tutorial - flash] by xSkyPagex  (Leído 17,402 veces)
xSkyPagex

Desconectado Desconectado

Mensajes: 13



Ver Perfil
Movimiento y rotación de balon [Tutorial - flash] by xSkyPagex
« en: 7 Abril 2010, 05:33 am »

Otro tutorial mio :D, otra de flash :P para hacer un tipo de efecto de rotacion y movimiento de un balon xD

Dificultad : Facil

Aqui aplicaremos las herramientas Guia de movimiento y Transformación libre las cuales seran las encargadas
de hacernos estos efectos ^^

Bien para comenzar entramos una macromedia flash, y seleccionamos la imagen de nuestro balon,
la que yo use fue este





Para los que quieran usarlo pues ahi esta

Como esta en formato .png no se vera el reacuadro que podria tener ciendo una imagen en mapa de bits o jpg
por lo cual ya esta recortado, pa que me entiendan es como render, de esa forma no se vea feo nuestra animacion

Bien, una ves insertada nuestra imagen comenzamos,
lo primero seria colocar nuestra balon del lado izquierdo de la pantalla



Ahora seleccionaremos nuestra primera herramienta a usar, que sera la de guia de movimienta la cual se encuentra
en la linea de movimiento





Veremos que aparecera en la linea de tiempo esto, y automaticamente se le agrego una interpolación de movimiento a la capa 1 por lo cual mas tarde ya no sera
nesesario hacerlo





Selecionamos la "Guía: Cap..." que es la que acabamos de crear , para despues con la herramienta lápiz dibujar una lineas curveada, la cual sera la encargada de dar el primer efecto que seria la de rebote

Quedaria de esta forma




Una ves echo eso, con el mouse daremos click derecho a en la linea de tiempo de "Guía:Cap..."  y Capa !  pero en el fotograma 30  no antes!
pero lo que haremos es que los dos queden seleccionados de tal forma que se les aplique lo mismo, para ello
selecionamos con el mouse click derecho a uno y despues shift en el teclado y seleccionamos al segundo
quedando de esta forma



Una ves seleccionado, damos click derecho con el mouse > insertar fotograma clave



Quedando de esta forma



Nos situamos en el fotograma 1, de la capa 1 y nos aseguramos que el balon este casi en medio de las lineas que hicimos
en este caso la que esta mas cerca



Ahora nos situamos en el fotograma 30, de la capa 1 y moveremos nuestro balon hasta el final de la linea. quedando de esta forma



y con eso ya tendriamos la primera parte del tutorial que seria la de rebote, pero ahora sigue darle rotación
para ello nos suitamos  en el fotograma 5 y le insertamos un fotograma clave ,  ahora con la herramienta "transformación libre"  que podemos encontrar desde la caja de herramientas seleccionamos el balon y le damos un poco de guiro quedando de esta forma,



Ahora nos suitamos en el fotograma 10 de la capa 1, y haremos lo mismo, insertar fotograma clave y con la herramienta transformación libre darle otro giro, esta vez mas prologando.



Y hacemos esos mismos pasos unas 5 o 6 veess mas ya sea desde el fotograma 12, 16, 20 , 25 , 27 y 30
los pasos pues serian, Insertar fotograma clave en esos fotogramas que les dije,, usar la herramienta "transformación libre" e ir prologando el giro del balon, de tal forma que se note el giro


Y con eso concluiriamos el tutorial,  tendriamos un balon con giro y rebote ^^
para guardar solo es Archivo > Exportar > Exportar pelicula

Darle un nombre y despues guardar y darle aceptar ^^

Con un poco de mas detalles obtendriamos un resultado como este...

Resultado final



En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines