12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

Posts
5 aos

Taringa!

Shouts

Comunidades

Tutoriales ense y aprend

Juegos

Tops

Paso a paso cmo hacer anima...

Megusta

539594

Seguir

Paso a paso cmo hacer

animacin en Adobe Flash CS3

INGRESAR

REGISTRARTE

chica_bionica

AVANZADO

186

25

1K

SEGUIDORES

POSTS

PUNTOS

Comentarios recientes

Comunidad TUTORIALES ...

FUENTE: Mi post http://new.taringa.net/posts/ebookstutoriales/6878223/Paso-a-paso-como-hacer-animacion-en-Adobe-FlashCS3.html

Ahora les traigo cmo hacer una animacin 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 dems, as que si alguno quiere empezar
haciendo una animacin cortita y simple, ac estn 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 pequea animacin:

1) Abren el portable y ponen Crear archivo

de Flash Script 2

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

1/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

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.
Entonces, para hacer la base, seleccionamos
la capa base y con la herramiento rectngulo
la dibujo.

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

2/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

4) Ahora vamos a de nir la duracin de

nuestra animacin. Para esto seleccionamos
la capa base y manteniendo apretado el click
izquierdo arrastramos el cursor hasta por
ejemplo 50 (cualquier cosa despus lo
pueden estirar ms), 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. Fjense siempre el
tener seleccionada la capa dibujos. Click en
la herramienta pincel y en la opcin "Papel
cebolla" (esto sirve para que mientras
vayamos dibujando en los distintos
fotogramas, tengamos una gua de cmo
http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html
dibujamos en el anterior y as quede mas

3/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

dibujamos en el anterior y as quede mas

prolijo.

6) Empiezan a dibujar, por ejemplo yo voy a

hacer un TIPITO (?). Fjense de estar siempre
en el fotograma correspondiente (en este
caso el primero) y en la capa de dibujos

7) Ahora, necesitamos pasar al siguiente

fotograma para dibujar la continuacin de lo
que haga el tipito. Para esto hacemos click en
el fotograma que le sigue al que ya
trabajamos. Tambin 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 cmo seguir).

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

4/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

para que tengamos una idea de cmo seguir).

Yo en este caso voy a hacer que el tipito
levante los brazos as que se los dibuj un
poco ms levantados que antes. No hace
falta exactitud, despus cuando
reprodruzcamos la animacin 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 duracin de la animacin 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 duracin de la base mantenemos el
click y seleccionamos hasta donde lo
queramos, click derecho, "Quitar
fotogramas" y lo mismo con la capa de arriba.

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

5/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

fotogramas" y lo mismo con la capa de arriba.

10) Para probar la animacin vamos a

Control - Probar pelcula. Si queremos que se
reproduzca una vez sola, en la ventana que
se abre vamos a Control y deseleccionamos
el Reproducir inde nidamente.

11) Si cuando la prueban, creen que va

demasiado rpido, 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"
modi can el nmero, para abajo va ms lento
y para arriba ms rpido. Por ejemplo le
pueden poner 8 para que sea pasable. Tengan
en cuenta que mientras ms lento, ms se
van a notar las imperfecciones

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

6/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

van a notar las imperfecciones

12) Para guardar nuestra animacin como

AVI vamos a Archivo - Exportar - Exportar
pelcula y ah seleccionamos el directorio y
listo. Si queremos guardar el proyecto,
simplemente Archivo - Guardar como

A favoritos

Ir a
comentarios

Compartir
va mail

Y as queda nalmenteeee:

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

7/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

Como ven, es muy simple y son slo 2

segundos. Pero esta es la manera en la que
yo lo aprend y quizs alguien que no sabe
nada sobre el tema (como yo) desea hacer
una animacin y esto le sirva
Les dejo dos animaciones que hice con este
mtodo, me llevaron entre 2 y 3 horas cada
una:

A favoritos

Ir a
comentarios

Compartir
va mail

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

8/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

Espero que les haya gustado y servidoo

Compartir

Twittear

Denunciar

Seguir

A favoritos

62

Ir a
comentarios

Compartir
va mail

72071 19

Favoritos Visitas

25 comentarios - Paso a paso cmo

hacer animacin en Adobe Flash CS3

Seguidores

18

Cali cacin

matthiuleon Hace 5 aos

Buen tutorial, se agradece.
+1

rftenis Hace 5 aos

matthiuleon dijo:Buen tutorial, se agradece.

+1

pgmcanalla Hace 5 aos

Bienvenida a la comu
Exelente tutorial, lo voy a poner en practica +1 !!!!

chica_bionica Hace 5 aos

!

chabux Hace 5 aos

Muy buen tuto!! +1

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

9/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!

Javitooxx Hace 5 aos

Buensimo +1!

naruto0008 Hace 5 aos

buen post

me sjhon Hace 5 aos

MUY BUEN TUTORIAL, COMO PUEDO DEJARTE PUNTOS, SE
TE AGRADECE

taurino2009 Hace 5 aos

buen tutorial +1

lauxa_master Hace 4 aos

como lo convierto de swf a avi
?

lauxa_master Hace 4 aos

si me respondes van 10 puntos

HernanMarrapodi Hace 4 aos

hey lauxa_master usa speedbit video converter.

chingo09891 Hace 4 aos

pero como hiciste del nio que mueve su brazo eso es lo unico que
no se porfavor dime como se hace.

chica_bionica Hace 4 aos

chingo09891 dijo:pero como hiciste del nio que mueve
su brazo eso es lo unico que no se porfavor dime como se
hace.

A favoritos

Ir a
comentarios

En cada fotograma fui dibujando el brazo en una posicin distinta...

RoyCL10 Hace 4 aos

Excelente Tutorial

Gracias amigo se te agradece

juanchix11 Hace 4 aos +1

se pueden insertar imagenes???

Compartir
va mail

superlord11 Hace 3 aos +1

Muchas gracias, estoy practiicando

CP_P Hace 3 aos +1

esta muy bueno, ya lo estoy poniendo en practica wiiiiiiiiiiiiiiiiii

FRANQUEMERO Hace 3 aos

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 3 aos +1

Jajaja van a quedar mejores si sabs dibujar bien! yo no s
dibujar y me quedaron as jajajja

FRANQUEMERO Hace 3 aos +1

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

10/11

12/8/2016

PasoapasocmohaceranimacinenAdobeFlashCS3Taringa!
@chica_bionica jajaja ok gracias por responder tan rapido
xD

chica_bionica Hace 3 aos +1

@FRANQUEMERO no de nada

StockRay Hace 3 aos

Tengo un problema! Dnde se instala el Adobe Flash CS3? Bueno,
se descomprime pero despus de eso no veo el ejecutable.

PORNO-GORE Hace 2 aos

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 mayora de aplicaciones
portables se las ejecuta como administrador",

pjhacker Hace 2 aos +1

gracias panita muy bien explicado..... (Y)

dark_magican Hace 2 aos

como reproduzco despues la animacion?
xq cn el ash player no me lo reproduce tengo el 12 actualizado

chica_bionica Hace 2 aos

No me acuerdo pero se supone que tens para exportarlo
como un .avi y de ah lo reproducs con cualquier
reproductor normal de video. Saludos!

chica_bionica Hace 2 aos

12) Para guardar nuestra animacin como AVI vamos a
Archivo - Exportar - Exportar pelcula y ah
seleccionamos el directorio y listo. Si queremos guardar
el proyecto, simplemente Archivo - Guardar como

dark_magican Hace 2 aos +1

@chica_bionica ah muchas gracias

BostenceRey Hace 2 aos

hola, a mi me qued as, cmo hago para qu no aparezcan esos

cuadraditos blancos? qu hice mal? gracias de ante mano

A favoritos

Paso a paso cmo hacer animacin en Adobe Flash CS3

Ir a
comentarios

Compartir
va mail

BostenceRey Hace 2 aos

y el color violeta ese tambin, como se quita?

bredda_ders Hace 1 ao
muchas gracias me sirvio

+ 10

masteroho Hace 1 ao
Gracias

Tienes que ser miembro para responder en este tema

Anuncie en Taringa! | Ayuda | Reglas de la Comunidad | Desarrolladores | Trabaja con nosotros! | Reportar bug | Enciclopedia
Argentina | Chile | Colombia | Mxico | Per | Uruguay | Venezuela | Resto del mundo
Denuncias | Reportar Abuso - DMCA | Trminos y Condiciones | Privacidad de datos

http://www.taringa.net/comunidades/tutos/839754/PasoapasocomohaceranimacionenAdobeFlashCS3.html

11/11