Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: Lauta en 27 Julio 2006, 23:44 pm



Título: Pedido tutorial animación
Publicado por: Lauta en 27 Julio 2006, 23:44 pm
Alguien sabe como hacer una animación que empiece en un punto brillante y se vaya expandiendo despues (hasta cubrir la pantalla)?

Bue, espero se entienda lo que pido y me puedan ayudar...

desde ya gracias!!!!!


Título: Re: Pedido tutorial animación
Publicado por: wvb en 27 Julio 2006, 23:59 pm
Te refieres a algo así?

http://img162.imageshack.us/my.php?image=ejemploet9.swf

Salu2


Título: Re: Pedido tutorial animación
Publicado por: Hans el Topo en 28 Julio 2006, 01:24 am
Te refieres a algo así?

http://img162.imageshack.us/my.php?image=ejemploet9.swf

Salu2

¡¡que bonito!!  tuto tuto...xD


Título: Re: Pedido tutorial animación
Publicado por: Azielito en 28 Julio 2006, 16:04 pm
tuto tuto?
=S
solo haces un circulo con degradado radial en blanco a transparente (de adentro ahcia afuera) y lo escalas en la animacion =S


Título: Re: Pedido tutorial animación
Publicado por: Lauta en 28 Julio 2006, 18:58 pm
Te refieres a algo así?

http://img162.imageshack.us/my.php?image=ejemploet9.swf

Salu2

si, exactamente... podrías explicarme como se hace???


Título: Re: Pedido tutorial animación
Publicado por: wvb en 28 Julio 2006, 19:55 pm
Ya te lo ha dicho el amigo Azielito: solo tienes que crear un círculo en flash:

En el panel de Herramientas de la izquierda, selecciona el círculo:

(http://img161.imageshack.us/img161/5711/01yr9.jpg)

En el Mezclador de colores (normalmente a la derecha), selecciona "Radial" del menú desplegable:

(http://img129.imageshack.us/img129/7108/02so8.jpg)

Verás que aparecen dos colores. Asegúrate de que ambos son blancos. Luego selecciona el color de la derecha (señalado con una flecha) y redúcele el Alfa a 0%:

(http://img153.imageshack.us/img153/820/03gc5.jpg)

Te quedará algo así (le he puesto fondo azul para que lo veas):

(http://img116.imageshack.us/img116/5817/04mv6.jpg)

Conviértelo en clip de película, y ponlo en una capa aparte.

Ahora solo tienes que hacer una interpolación de movimiento:

(http://img115.imageshack.us/img115/7701/05fk0.jpg)

Te aconsejo que cambies el color del fondo para que notes la diferencia, pues el crículo es blanco y no verás bien la transformación. En mi caso le puse una imagen, la que dice "EJEMPLO".

Si lo has hecho bien te quedará algo parecido a lo mio.

Salu2


Título: Re: Pedido tutorial animación
Publicado por: Lauta en 28 Julio 2006, 20:42 pm
hmm, no me salio.... despues posteo lo que me quedo

PD: soy novato novato en esto de Flash....


Título: Re: Pedido tutorial animación
Publicado por: Azielito en 28 Julio 2006, 21:23 pm
bien, a ver si me sale el tuto :P


Primero, como dice wvb creas tu esfera, aja?
debes de tener dos capas, una la de el texto y la otra del destello
en la capa de destello creas el circulo con las propiedades que dijce wvb (el degradado ese :P)
ahora, ya que tienes tu esfera en dicha capa, en el fotograma1, vas la lainea de tiempo le das click derecho y "Crear interpolacion de movimiento"
(http://img353.imageshack.us/img353/4010/1jh4.jpg)
te va a hacer un clip de pelicula por defaul para hacer la animacion...
en ese fotograma haces pequeña la esfera
(http://img508.imageshack.us/img508/200/2dk3.jpg)
ahora en el fotograma ammm... 15 (solo por poner el ejemplo) de esa capa en la linea de tiempo, das click derecho y seleccionas Insertar fotograma clave
(http://img110.imageshack.us/img110/6692/3ra1.jpg)
te cambiara de color los fotogramas (creo que esto ya lo deberias de saber >.< )
(http://img70.imageshack.us/img70/4624/4oj4.jpg)
bien, ahora, en ese fotograma (el 15) seleccionas tu esfera y la haces grande grande o haces lo que quieras xD
y en el fotograma 15, pero de la capa de "texto" (ya con tu texto en el rpimer fotograma, le das clcik derecho y le pones insertar fotograma
(http://img389.imageshack.us/img389/5752/5mo9.jpg)

este seria el resultado mas o menos de lo que puedes hacer
este archivo tiene unos footogramas de mas en los cuales, en lugar de hacer mas grande la esfera le doy efectos de "tinta" en negro y "alfa" al 0%

mira, mira xD
http://img508.imageshack.us/my.php?image=destellokr2.swf&width=320

por cierto, cambie la velocidad de los fotogramas a 48 fps


Título: Re: Pedido tutorial animación
Publicado por: Hans el Topo en 28 Julio 2006, 21:29 pm
me va a dar un ataque epiléptico... muy bueno


Título: Re: Pedido tutorial animación
Publicado por: Azielito en 28 Julio 2006, 21:33 pm
y lu bueno que use el blanco, queria usar el rojo con amarillo o negro con amarillo, asi si que te daba un ataque xDDDDDDDDD


Título: Re: Pedido tutorial animación
Publicado por: wvb en 28 Julio 2006, 23:41 pm
Azielito, con esa velocidad (48 fps), tienes que insertar muuuchos más fotogramas para que quede bien, y luego dejar unos cuantos fotogramas más de reposo antes de la repetición, porque sino parece un ataque epiléptico xD

Este sería el esquema:

(http://img137.imageshack.us/img137/9592/eskemaui9.jpg)

Salu2


Título: Re: Pedido tutorial animación
Publicado por: Azielito en 29 Julio 2006, 00:09 am
xDDDDD

tienes razon, pero, una animacion con ese efecto dudo que alguien la deje como yo con un loop >.<


Título: Re: Pedido tutorial animación
Publicado por: Lauta en 29 Julio 2006, 00:12 am
muchas gracias!!!! ahora si me salio!!!!


Título: Re: Pedido tutorial animación
Publicado por: wvb en 29 Julio 2006, 00:42 am
xDDDDD

tienes razon, pero, una animacion con ese efecto dudo que alguien la deje como yo con un loop >.<

También es cierto, pero ese pequeño esquema sirve para cualquier animación con loop, pues los cambios bruscos no gustan xD

Salu2


Título: Re: Pedido tutorial animación
Publicado por: Azielito en 29 Julio 2006, 01:02 am
[broma]
si que gustan, lo mandas a tus amigos para que les den ataques x'DDDDDDDDDDDDDD
[/broma]