12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
Posts añoss 5 año
Tar arin inga ga!!
Shouts
Comunidades
Tutoriales »enseñá y aprendé
Juegos
Tops
Paso a paso cómo hacer anima...
Me gusta
539 594
Seguir
Paso a paso cómo hacer animación en Adobe Flash CS3
I NG NGRE SA SA R
RE GI GI ST ST RA RA RT RT E
chica_bionica
AVANZADO
186
25
1K
SEGUIDORES
POSTS
PUNTOS
Comentarios recientes
Comunidad TUTORIALES ...
FUENTE: Mi post http:// http://new.taringa.net/p new.taringa.net/posts/ebooksosts/ebookstutoriales/6878223/Paso-a-paso-como-hacer-animacion-en-Adobe-FlashCS3.html
Ahora les traigo cómo hacer una animación a nimació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
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
http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
1/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
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:
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. "base Entonces, para hacer la base, seleccionamos la capa base y con la herramiento rectángulo la dibujo.
http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
2/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
4) Ahora vamos a denir 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 nal 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:
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 fotogramas http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
3/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
dibujamos en el anterior y así quede mas prolijo.
6) Empiezan a dibujar, por ejemplo yo voy a hacer un TIPITO (?). Fíjense de estar siempre en el fotograma correspondiente correspondiente (en este caso el primero) y en la capa de dibujos
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 http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
4/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
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
8) Repiten el paso 7 hasta que el ciclo de movimiento de nuestro tipito se haya completado, yo lo dejé hasta acá:
9) Si se jan, 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 nal de la duración de la base mantenemos el click y seleccionamos hasta donde lo queramos, click derecho, "Quitar http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
5/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
fotogramas"" y lo mismo con la capa de arriba. fotogramas
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 indenidamente.
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 "Velocida "Velocidad d de fotogramas fotogramas"" modican 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 http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
6/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
van a notar las imperfecciones
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
A favoritos
Ir a comentarios
Compartir vía mail
Y así queda nalmenteeee: 6
http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
7/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
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:
A favoritos
Ir a comentarios
Compartir vía mail
6
http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
8/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
Espero que les haya gustado y servidoo
Compartir
Denunciar
Twittear
Seguir
A favoritos
62
Ir a comentarios
Compartir vía mail
72071 19
Favoritos Visitas
Seguidores
18 25 comentarios - Paso a paso cómo hacer animación en Adobe Flash CS3
Calicación
matthiuleon Hace 5 años Buen tutorial, se agradece. +1
rftenis Hace 5 años matthiuleon dijo:Buen matthiuleon dijo:Buen tutorial, se agradece.
6
+1
pgmcanalla Hace 5 años Bienvenida a la comu Exelente tutorial, lo voy a poner en practica +1 !!!!
chica_bionica Hace 5 años !
chabux Hace 5 años Muy buen tuto!! +1
http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
9/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga!
Javitooxx Hace 5 años Buenísimo +1!
naruto0008 Hace 5 años buen post
mesjhon Hace 5 años MUY BUEN TUTORIAL, COMO PUEDO DEJARTE PUNTOS, SE TE AGRADECE
taurino2009 Hace 5 años buen tutorial +1
lauxa_master Hace 4 años como lo convierto de swf a avi ?
lauxa_master Hace 4 años si me respondes van 10 puntos
HernanMarrapodi Hace 4 años hey lauxa_master usa speedbit video converter.
chingo09891 Hace 4 años pero como hiciste del niño que mueve su brazo eso es lo unico que no se porfavor dime como se hace.
chica_bionica Hace 4 años chingo09891 dijo:pero chingo09891 dijo:pero como hiciste del niño que mueve su brazo eso es lo unico que no se porfavor dime como se hace.
En cada fotograma fui dibujando el brazo en una p osición distinta...
A favoritos
RoyCL10 Hace 4 años
Ir a comentarios
Excelente Tuto Tutorial rial
Gracias amigo se te agradece
juanchix11 Hace 4 años +1 se pueden insertar imagenes???
Compartir vía mail
superlord11 Hace 3 años +1 Muchas gracias, estoy practiicando
CP_P Hace 3 años +1 esta muy bueno, ya lo estoy poniendo en practica wiiiiiiiiiiiiiiiiii
FRANQUEMERO Hace 3 años hay alguna manera de que las animaciones osea los dibujos queden mejores? porque mi idea era para empesar a hacer un vlog en
6
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 3 años +1 Jajaja van a quedar mejores si sabés dibujar bien! yo no sé dibujar y me quedaron así jajajja
FRANQUEMERO Hace 3 años +1
http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
10/11
12/8/2016
Paso a paso cómo hacer ani ma maci ón ón en Adobe Fl as ash CS3 - Tar in inga! @chica_bionica chica_bionica jajaja jajaja ok gracias por responder tan rapido xD
chica_bionica Hace 3 años +1 @FRANQUEMERO FRANQUEMERO no no de nada
StockRay Hace 3 años Tengo Ten go 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 2 años Oye man, solo le das clik derecho en ejecutar como administrador y luego deja que descomprima y solo saldrá la venta de Adobe Flash. "L a mayoría de aplicaciones portables se las ejecuta como administrador", administrador",
pjhacker Hace 2 años +1 gracias panita muy bien explicado..... (Y)
dark_magican Hace 2 años como reproduzco despues la animacion? xq cn el ash player no me lo reproduce tengo el 12 actualizado
chica_bionica Hace 2 años 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 2 años 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 2 años +1 @chica_bionica chica_bionica ah ah muchas gracias
BostenceRey Hace 2 años hola, a mi me quedó así, cómo hago para qué no aparezcan esos
cuadraditos blancos? qué hice mal? gracias de ante mano
A favoritos
Paso a paso cómo hacer animación en Adobe Flash CS3
Ir a comentarios
Compartir vía mail
BostenceRey Hace 2 años y el color violeta ese también, como se quita?
bredda_ders Hace 1 año muchas gracias me sirvio
+ 10
masteroho Hace 1 año Gracias
Tienes que ser miembro para responder en este tema
6
Anuncie en Taringa! | Ayuda | Reglas de la Comunidad | Desarrolladores | Trabaja con nosotros! | Reportar bug | Enciclopedia Argentina | Chile | Colombia | México | Perú | Uruguay | Venezuela | Resto del mundo Denuncias | Reportar Abuso - DMCA | Términos y Condiciones | Privacidad de datos
http://www www.taring ringa.net/comu comun nida idades/t s/tutos/8 s/839754/Paso-a so-a-p -pa aso-c so-co omo-h mo-ha acer-a cer-an nimaci imacio on-en -en-Ad -Adobe-Fla -Flash-CS sh-CS3 3.html
11/11