"Tutoriales »Enseña y Aprende" es una comunidad donde encontraras todos los tutoriales que necesites y tambíen podras enseñar a los demás las cosas que vos sabés, creando tus propios tutoriales!!

Ver más
  • 3,326 Miembros
  • 746 Temas
  • 1,295 Seguidores
  • 3

Paso a paso cómo hacer animación en Adobe Flash CS3

FUENTE: Mi post http://new.taringa.net/posts/ebooks-tutoriales/6878223/Paso-a-paso-como-hacer-animacion-en-Adobe-Flash-CS3.html

Paso a paso cómo hacer animación en Adobe Flash CS3


Ahora les traigo cómo hacer una animación MUY simple con fotogramas con el Adobe Flash CS3. Aclaro que esta es la manera en que lo hago yo porque mucho no sé y lo aprendí yo sola mirando videos y demás, así que si alguno quiere empezar haciendo una animación cortita y simple, acá están los pasos a seguir


Paso a paso cómo hacer animación en Adobe Flash CS3


Primero que nada les dejo el Adobe Flash CS3 Portable subido por mí a 4Shared para que no se borre

DESCARGAR


Pasos para crear una pequeña animación:


1) Abren el portable y ponen Crear archivo de Flash Script 2

Paso a paso cómo hacer animación en Adobe Flash CS3


2) Pueden ver arriba que tienen una capa (capa 1), deben agregar otra para dividir en capa fondo y capa personajes y así les va a quedar con dos capas:

Paso a paso cómo hacer animación en Adobe Flash CS3


3) Pueden cambiarle los nombres a las capas haciendo doble click sobre ellas. En mi caso yo cambié Capa 2 por "dibujos" y Capa 1 por "base" que es donde va a pararse mi dibujo. Entonces, para hacer la base, seleccionamos la capa base y con la herramiento rectángulo la dibujo.

Paso a paso cómo hacer animación en Adobe Flash CS3


4) Ahora vamos a definir la duración de nuestra animación. Para esto seleccionamos la capa base y manteniendo apretado el click izquierdo arrastramos el cursor hasta por ejemplo 50 (cualquier cosa después lo pueden estirar más), sueltal el cursos, hacen click derecho en el final de lo que creamos y ponen "Insertar fotograma". Ahora en la capa de dibujos hacen lo mismo pero al hacer click derecho, seleccionan "Convertir en fotogramas claves vacios". Así debe quedar:

Paso a paso cómo hacer animación en Adobe Flash CS3


5) Seleccionan el primer fotograma para empezar a dibujar ahí. Fíjense siempre el tener seleccionada la capa dibujos. Click en la herramienta pincel y en la opción "Papel cebolla" (esto sirve para que mientras vayamos dibujando en los distintos fotogramas, tengamos una guía de cómo dibujamos en el anterior y así quede mas prolijo.

Paso a paso cómo hacer animación en Adobe Flash CS3


6) Empiezan a dibujar, por ejemplo yo voy a hacer un TIPITO (?). Fíjense de estar siempre en el fotograma correspondiente (en este caso el primero) y en la capa de dibujos

Paso a paso cómo hacer animación en Adobe Flash CS3


7) Ahora, necesitamos pasar al siguiente fotograma para dibujar la continuación de lo que haga el tipito. Para esto hacemos click en el fotograma que le sigue al que ya trabajamos. También se puede hacer con una tecla pero no me acuerdo cual era y no la encuentro en las opciones . Bueno, una vez que avanzamos al otro fotograma, dibujamos el siguiente movimiento del tipito (van a ver que se marca en gris nuestro dibujo anterior para que tengamos una idea de cómo seguir). Yo en este caso voy a hacer que el tipito levante los brazos así que se los dibujé un poco más levantados que antes. No hace falta exactitud, después cuando reprodruzcamos la animación casi ni se va a notar

Paso a paso cómo hacer animación en Adobe Flash CS3


8) Repiten el paso 7 hasta que el ciclo de movimiento de nuestro tipito se haya completado, yo lo dejé hasta acá:

Paso a paso cómo hacer animación en Adobe Flash CS3


9) Si se fijan, la duración de la animación fue demasiado y si no lo sacamos van a quedar unos segundos en blanco cuando el tipito haya terminado de moverse, así que desde el final de la duración de la base mantenemos el click y seleccionamos hasta donde lo queramos, click derecho, "Quitar fotogramas" y lo mismo con la capa de arriba.

Paso a paso cómo hacer animación en Adobe Flash CS3


10) Para probar la animación vamos a Control - Probar película. Si queremos que se reproduzca una vez sola, en la ventana que se abre vamos a Control y deseleccionamos el Reproducir indefinidamente.

Paso a paso cómo hacer animación en Adobe Flash CS3


11) Si cuando la prueban, creen que va demasiado rápido, entonces vayan a donde dice "12.0 fps" y hagan doble click, se les va a abrir una ventana de propiedades y en la parte de "Velocidad de fotogramas" modifican el número, para abajo va más lento y para arriba más rápido. Por ejemplo le pueden poner 8 para que sea pasable. Tengan en cuenta que mientras más lento, más se van a notar las imperfecciones

Paso a paso cómo hacer animación en Adobe Flash CS3


12) Para guardar nuestra animación como AVI vamos a Archivo - Exportar - Exportar película y ahí seleccionamos el directorio y listo. Si queremos guardar el proyecto, simplemente Archivo - Guardar como

Paso a paso cómo hacer animación en Adobe Flash CS3


Y así queda finalmenteeee:



Como ven, es muy simple y son sólo 2 segundos. Pero esta es la manera en la que yo lo aprendí y quizás alguien que no sabe nada sobre el tema (como yo) desea hacer una animación y esto le sirva

Les dejo dos animaciones que hice con este método, me llevaron entre 2 y 3 horas cada una:







Espero que les haya gustado y servidoo

Paso a paso cómo hacer animación en Adobe Flash CS3
  • 3
  • 15Calificación
  • 18Seguidores
  • 46.035Visitas
  • 54Favoritos

24 comentarios

@matthiuleon Hace más de 4 años
Buen tutorial, se agradece.
+1
@rftenis Hace más de 4 años

matthiuleon dijo:Buen tutorial, se agradece.
+1

@pgmcanalla Hace más de 4 años
Bienvenida a la comu
Exelente tutorial, lo voy a poner en practica +1 !!!!
@chabux Hace más de 4 años
Muy buen tuto!! +1
@Javitooxx Hace más de 4 años
Buenísimo +1!
@naruto0008 Hace más de 3 años
buen post
@mefisjhon Hace más de 3 años
MUY BUEN TUTORIAL, COMO PUEDO DEJARTE PUNTOS, SE TE AGRADECE
@taurino2009 Hace más de 3 años
buen tutorial +1
@lauxa_master Hace más de 2 años
como lo convierto de swf a avi
?
@lauxa_master Hace más de 2 años
si me respondes van 10 puntos
@HernanMarrapodi Hace más de 2 años
hey lauxa_master usa speedbit video converter.
@chingo09891 Hace más de 2 años
pero como hiciste del niño que mueve su brazo eso es lo unico que no se porfavor dime como se hace.
@RoyCL10 Hace más de 2 años
Excelente Tutorial Gracias amigo se te agradece
@juanchix11 Hace más de 2 años +1
se pueden insertar imagenes???
@superlord11 Hace más de 2 años +1
Muchas gracias, estoy practiicando
@CP_P Hace más de 1 año +1
esta muy bueno, ya lo estoy poniendo en practica wiiiiiiiiiiiiiiiiii
@FRANQUEMERO Hace más de 1 año
hay alguna manera de que las animaciones osea los dibujos queden mejores? porque mi idea era para empesar a hacer un vlog en youtube pero no pienso mostrar mi cara por uno o dos meses por falta de materiales para la grabacion xD pero no creo que agrade mucho el video si las animaciones son en lineas, igual muy bueno me sirvio mucho el adobe y el post esta muy bueno xD gracias!!
@chica_bionica Hace más de 1 año +1
Jajaja van a quedar mejores si sabés dibujar bien! yo no sé dibujar y me quedaron así jajajja
@FRANQUEMERO Hace más de 1 año +1
@chica_bionica jajaja ok gracias por responder tan rapido xD
@chica_bionica Hace más de 1 año +1
@FRANQUEMERO no de nada
@StockRay Hace más de 1 año
Tengo un problema! ¿Dónde se instala el Adobe Flash CS3? Bueno, se descomprime pero después de eso no veo el ejecutable.
@PORNO-GORE Hace más de 8 meses
Oye man, solo le das clik derecho en ejecutar como administrador y luego deja que descomprima y solo saldrá la venta de Adobe Flash. "La mayoría de aplicaciones portables se las ejecuta como administrador",
@pjhacker Hace más de 8 meses +1
gracias panita muy bien explicado..... (Y)
@dark_magican Hace más de 6 meses
como reproduzco despues la animacion?
xq cn el flash player no me lo reproduce tengo el 12 actualizado
@chica_bionica Hace más de 6 meses
No me acuerdo pero se supone que tenés para exportarlo como un .avi y de ahí lo reproducís con cualquier reproductor normal de video. Saludos!
@chica_bionica Hace más de 6 meses
12) Para guardar nuestra animación como AVI vamos a Archivo - Exportar - Exportar película y ahí seleccionamos el directorio y listo. Si queremos guardar el proyecto, simplemente Archivo - Guardar como
@dark_magican Hace más de 6 meses +1
@chica_bionica ah muchas gracias
@BostenceRey Hace más de 6 meses
hola, a mi me quedó así, cómo hago para qué no aparezcan esos cuadraditos blancos? qué hice mal? gracias de ante mano

Paso a paso cómo hacer animación en Adobe Flash CS3
@BostenceRey Hace más de 6 meses
y el color violeta ese también, como se quita?
@bredda_ders Hace 22 días
muchas gracias me sirvio + 10
Tienes que ser miembro para responder en este tema