"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,346 Miembros
  • 748 Temas
  • 1,304 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
  • 50.609Visitas
  • 56Favoritos

24 comentarios

@pgmcanalla
Bienvenida a la comu
Exelente tutorial, lo voy a poner en practica +1 !!!!
@chabux
Muy buen tuto!! +1
@mefisjhon
MUY BUEN TUTORIAL, COMO PUEDO DEJARTE PUNTOS, SE TE AGRADECE
@chingo09891
pero como hiciste del niño que mueve su brazo eso es lo unico que no se porfavor dime como se hace.
@RoyCL10
Excelente Tutorial Gracias amigo se te agradece
@juanchix11 +1
se pueden insertar imagenes???
@superlord11 +1
Muchas gracias, estoy practiicando
@CP_P +1
esta muy bueno, ya lo estoy poniendo en practica wiiiiiiiiiiiiiiiiii
@FRANQUEMERO
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 +1
Jajaja van a quedar mejores si sabés dibujar bien! yo no sé dibujar y me quedaron así jajajja
@FRANQUEMERO +1
@chica_bionica jajaja ok gracias por responder tan rapido xD
@chica_bionica +1
@FRANQUEMERO no de nada
@StockRay
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
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 +1
gracias panita muy bien explicado..... (Y)
@dark_magican
como reproduzco despues la animacion?
xq cn el flash player no me lo reproduce tengo el 12 actualizado
@chica_bionica
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
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 +1
@chica_bionica ah muchas gracias
@BostenceRey
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
y el color violeta ese también, como se quita?
Tienes que ser miembro para responder en este tema