Crear una animación - Flash

Flash: Cómo crear una animación



Para los que recién se inician en Flash, acá les traigo una especie de "tutorial" con los pasos básicos para crear una animación estándar:




1.

Antes que nada, debemos crear un documento nuevo de Flash.
Luego dibujamos nuestro personaje, usando la herramienta Pincel:
Crear una animación - Flash




2.

Para comenzar a darle movimiento, nos situamos sobre el Fotograma 2 y repetimos nuestro personaje (copiar / pegar), modificándole algo para que se note el cambio (en este caso, yo le moví la pierna porque quiero que mi personaje camine):
Adobe




3.

Para dar la sensación de que el personaje camina, vamos a crear un piso que se vaya moviendo.
Es por eso que se realiza un piso bastante largo y que salga fuera de la pantalla (el cual iremos moviendo cuadro a cuadro).
(Para no mezaclar lo que hacemos, creamos una nueva capa para el piso, debajo de la que ya estaba creada por defecto, en la que está nuestro personaje):
movimiento




4.

Existe una manera más facil de mover el piso (de manera automática) para ahorrarnos bastante tiempo:
Una vez que creamos el piso (en el fotograma 1, por ejemplo) hacemos clic derecho en el fotograma (para seleccionar todo el piso) y le damos en Crear interpolación de movimiento.
Luego vamos más adelante e insertamos un nuevo fotograma (con F6), puede ser en el fotograma 40, por ejemplo; nos situamos sobre él y movemos el piso todo para la izquierda.
De esta manera, se creó una "animación automática" en la que se mueve el suelo durante 40 cuadros (o fotogramas).
Luego, podemos copiar y pegar estos 40 fotogramas cuantas veces querramos, dependiendo de cuánto dure la animación:
macromedia




5.

En Flash CS4, la interpolación de movimiento se visualiza en la linea de tiempo con fotogramas de color celeste, cosa que en versiones anteriores de Flash se ve en violeta.
SWF




Estos son los pasos básicos para comenzar a animar
(recordar siempre que para crear un nuevo fotograma y dibujar el siguiente cuadro, se presiona F6), el resto corre en su imaginación.






Y aquí está la animación terminada (hecha hace un par de meses):



(NOTA: Una vez creado el archivo SWF, se puede subir aquí para luego ser posteado)










Espero haber sido de utilidad.
Gracias por ver









POSTS RELACIONADOS:



Reparar una foto vieja con Photoshop:

fla


Cambiar el color de ojos con Photoshop:

flash


Cómo vectorizar una imagena con Illustrator:

animacion







Comentarios Destacados

@matambre05 +17
esta animacion tiene una moraleja:\" No importa cuantos tropesones des, segui levantandote porque vas a encontrar algo que te haga feliz\"

Sinceramente, me emociono, y muy bien musicalisada la animacion, le da un toque de melancolia, casi lloro

Me encanto, mañana te doy +10
@Asgard87 +5
Iba a insultarte!!! pero me conmovio la fuerza del bicho para seguir hacia adelante, creo que es mas enseñansa la del bicho que la tuya.. jajaja.. re forro.. no mentira, la verdad que es un muy buen aporte para kien no sabe nada, nunca se me ocurrio poner un tuto pero por ahi colaboro junto con usted
salu2... suerte

71 comentarios - Crear una animación - Flash

@_rockaton_ +3
como se pone musica?¿?¿

y el botoncito del play
@malmsteen -13
cheeee bastaaaaante chotin esa guia xD

a una persona que no tiene idea de flash, MUY dificilmente aprenda a hcer una animacion cn ese minituto
@Asgard87 +5
Iba a insultarte!!! pero me conmovio la fuerza del bicho para seguir hacia adelante, creo que es mas enseñansa la del bicho que la tuya.. jajaja.. re forro.. no mentira, la verdad que es un muy buen aporte para kien no sabe nada, nunca se me ocurrio poner un tuto pero por ahi colaboro junto con usted
salu2... suerte
@_rockaton_
cla123 dijo:
_rockaton_ dijo:como se pone musica?¿?¿

y el botoncito del play

el botón de play (al igual que la barra de loading) se ponen por programación (lo saqué de http://www.cristalab.com/)

el sonido lo ponés como si insertaras una imagen. no es tan jodido.


see pero hace rato q qeria hacer uno y YO NO SE NADA de flash
me qeria ayudar un poco con tu post nomas...
ademas no se insertar una imagen...
@matambre05 +17
esta animacion tiene una moraleja:\" No importa cuantos tropesones des, segui levantandote porque vas a encontrar algo que te haga feliz\"

Sinceramente, me emociono, y muy bien musicalisada la animacion, le da un toque de melancolia, casi lloro

Me encanto, mañana te doy +10
@Artificioo
Asgard87 dijo:Iba a insultarte!!! pero me conmovio la fuerza del bicho para seguir hacia adelante, creo que es mas enseñansa la del bicho que la tuya.. jajaja.. re forro.. no mentira, la verdad que es un muy buen aporte para kien no sabe nada, nunca se me ocurrio poner un tuto pero por ahi colaboro junto con usted
salu2... suerte

\"mas enseñansa la del bicho q la tuya\" jaja
@rene96 -13
q programa es??
@hinafu
#0000FF">Oye tu sabes como hacer para que cuando se presione una tecla en el teclado, se presione un boton?
@Mapsix
10+ tanto laburo y nada taringa cada dia mas poringa muchas visitas pocos mensajes nada de puntos
@laureanoraver
muy groso el tutorial!vale aclarar que este sirve para el flash cs4.Para las versiones anteriores, en vez de crer directamente interpolacion de movimiento, hay que poner \"crear interpolacion clasica\"
@niqo7
hola mira cuando me subo el archivo a xooimage.com me aparece esto :

cs4

y cuando me lo qiero poner en el post no puedo cmo hago ? gracias
@parisiennes2k4
gracias.. vamos a ver si me pongo con el flash de una vez por todas...
@el_gringuito
Amigo, yo hace una banda de tiempo que estoy en el \"tunning\" de celulares y andaba buscando un buen tuto para aprender a crear mis propias animaciones para hacer menús flash lite para los Sony Ericsson. La posta? sin palabras, EXCELENTE POST!!!
Seguí haciendo estos aportes, amigo, Taringa es lo que es por aportadores como vos.
Saludos!
PD: me olvidaba! +10 y a mis Favoritos, papá..!
@UltimateGamer
a fav y mas tarde cuando me acueste y me levante lo veo bien
@aguscuervo
buenisimoo! +10

me diste la pag para dubir la animaciones q la busque y aparecio aca gracias!!
@carmenbasini
porque no puedo mover el piso para la izquierda?????????????????????????
@carmenbasini
cla123 dijo:
carmenbasini dijo:porque no puedo mover el piso para la izquierda?????????????????????????

dame más detalles así puedo ayudarte

AHORA SI PUEDO, GRACIAS IGUAL
@ntiyk0
+10, buenisimo
@Depa +1
Me encantó tu animacion, y la musica esa, es la de truman sleeps, es re triste, da ganas de cortarse las venas... xD
Podés poner el link de descarga de el flash... ?
@Lamaggiafurcii
Depa dijo:Me encantó tu animacion, y la musica esa, es la de truman sleeps, es re triste, da ganas de cortarse las venas... xD
Podés poner el link de descarga de el flash... ?
@maxhurbano
Wow, excelente aporte.
Y la animación, toda una historia.
Gracias por compartir.
Saludos.
@braulio_xXx
te falto poner como camina pero creo que es copy y past? no? yo tengo el macromedia flash profesional 8 pero esta en ingles u.u y es portable :p trate de hacer que el mono camine pero mueve las patas como jil pareciera mas que flota por el aire y ademas parece fantasma por que cuando va caminando se combina el personaje con el suelo ayudame plis
@GabDsgOriginal
Una pregunta como haces esos acercamientos (zoom) es lo que todavia no puedo hacer...
@GabDsgOriginal
cla123 dijo:
GabDsgOriginal dijo:Una pregunta como haces esos acercamientos (zoom) es lo que todavia no puedo hacer...

Simplemente agarras el pedazo que quieres agrandar y lo agrandas como cualquier imagen, en un fotograma nuevo.


Ahh es lo que yo hacia, pero pense que habia una manera mas facil...
@Jorax
No entiendo algunas partes de la animacion :S
@Jorax
El de moverle las patas cuando camina :S
@Jorax
Como se mueven las patitas se me hace dificil D:
@KVMTNK
muy groxo !!!
@ezzhe_luxo -9
pffs para eso esta el pivot (para novatos) es mas facil y te queda mejor xDDD mmm.... ni tanto
@MUELBORDO
con q flash tiene q ser el 8 si osi