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







Fuentes de Información - Crear una animación - Flash

Dar puntos
669 Puntos
Votos: 99 - T!score: 7/10
  • 35 Seguidores
  • 99.457 Visitas
  • 326 Favoritos

Comentarios Destacados

@matambre05 Hace más de 5 años +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 Hace más de 5 años +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

@dh_FAQ_dirt Hace más de 5 años
ajjaja buenisimo +10
@_rockaton_ Hace más de 5 años +3
como se pone musica?¿?¿

y el botoncito del play
@malmsteen Hace más de 5 años -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 Hace más de 5 años +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
@actenomys Hace más de 5 años -1
objeto
@_rockaton_ Hace más de 5 años
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 Hace más de 5 años +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 Hace más de 5 años
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 Hace más de 5 años -13
q programa es??
@elnano1979 Hace más de 5 años +2
rene96 dijo:q programa es??

jajaja
@hinafu Hace más de 5 años
#0000FF">Oye tu sabes como hacer para que cuando se presione una tecla en el teclado, se presione un boton?
@hinafu Hace más de 5 años
rene96 dijo:q programa es??
@Mapsix Hace más de 5 años
10+ tanto laburo y nada taringa cada dia mas poringa muchas visitas pocos mensajes nada de puntos
@laureanoraver Hace más de 5 años
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 Hace más de 5 años
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 Hace más de 5 años
gracias.. vamos a ver si me pongo con el flash de una vez por todas...
@el_gringuito Hace más de 5 años
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 Hace más de 5 años
a fav y mas tarde cuando me acueste y me levante lo veo bien
@aguscuervo Hace más de 4 años
buenisimoo! +10

me diste la pag para dubir la animaciones q la busque y aparecio aca gracias!!
@carmenbasini Hace más de 4 años
porque no puedo mover el piso para la izquierda?????????????????????????
@carmenbasini Hace más de 4 años
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 Hace más de 4 años
+10, buenisimo
@Depa Hace más de 4 años +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... ?
@Ryunosuke Hace más de 4 años
+ 10
@Lamaggiafurcii Hace más de 4 años
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... ?
@LordSatiro Hace más de 3 años +2
darioart
interpolacion
wormhappy
Crear una animación - Flash
Adobe
movimiento
@maxhurbano Hace más de 3 años
Wow, excelente aporte.
Y la animación, toda una historia.
Gracias por compartir.
Saludos.
@braulio_xXx Hace más de 3 años
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 Hace más de 3 años
Una pregunta como haces esos acercamientos (zoom) es lo que todavia no puedo hacer...
@impulsive Hace más de 3 años
sarpaado
@GabDsgOriginal Hace más de 3 años
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 Hace más de 3 años
No entiendo algunas partes de la animacion :S
@Jorax Hace más de 3 años
El de moverle las patas cuando camina :S
@Thiamdriuw Hace más de 3 años
muchas gracias :daleee:
@chelo_lpa Hace más de 3 años
qe groso +10
@ciberjah Hace más de 3 años
el link no funca
@Jorax Hace más de 3 años
Como se mueven las patitas se me hace dificil D:
@KVMTNK Hace más de 3 años
muy groxo !!!
@ezzhe_luxo Hace más de 3 años -9
pffs para eso esta el pivot (para novatos) es mas facil y te queda mejor xDDD mmm.... ni tanto
@thomkratz Hace más de 3 años
@MUELBORDO Hace más de 3 años
con q flash tiene q ser el 8 si osi
@Quickdeth Hace más de 3 años
macromedia
te dejo mis 10 y reco
@nikogta4 Hace más de 3 años
+10...