1
Tuto Basico de animacion en Flash el Vie Oct 17 2008, 21:40
Buenas, creo que taria bueno tener algun tutorial de flash asique ak les dejo una guia que hice...
Para los q no saben Flash es un programa que tiene varios usos, entre ellos los mas comunes son: Hacer animaciones, diseñar paginas webs, y hacer juegos simples.
Bue, para empesar lo mas sencillo seria aprender a crear una animacion.
1º Abrimos el Flash y creamos un nuevo documento. La interface del flash es bastante sencilla:
A la izquierda tenemos la barra de herramientas, con el pincel, la goma, etc.... arriba la linea del tiempo, con las capas y los fotogramas... a la derecha una barra de color (no la vamos a usar) y una biblioteca (donde se guardan los Gifs y demas archivos que importemos al flash).. abajo esta la barra de acciones y de propiedades (tampoco la vamos a usar).
2º En el primer frame dibujamos a nuestro personaje que vamos a animar (lo mas facil un hombre de palitos)
Ak les dejo una imagen para que vean:
Para saber:
3º Al lado del primer fotograma (circulo negro), con boton derecho creamos un fotograma clave vacio.
4º Activamos el papel cebolla (sirve para ver lo que dibujamos antes y despues, seria como papel de calcar) y dibujamos el siguiente movimiento que queremos que tenga nuestro personaje.
5º Bue este proceso de ir creando un fotograma clave vacio y dibujar la siguiente posicion en la que va a estar nuestro personaje es basicamente lo que se usar para hacer una animacion... Al final de hacer todos nuestro dibujos le damos CTRL + ENTER y vemos el resultado (aunq lo tendriamos que ir viendo periodicamente para ver como va quedando)
Se pueden hacer muy buenas animaciones dibujando simples hombres con palitos, pero yo nose dibujar asique eso se los dejo a ustedes XD...
La otra alternativa para los que no sabemos dibujar, es usar sprites.... Para hacerlo tenemos que hacer lo siguiente:
1º Conseguir los sprites, borrarles el fondo y guardarlos 1x1 (si un embole XD) para hacerlo hay una forma en flash, pero por alguna razon se me traba la compu cuando lo hago, asiq los sprites los separo en photoshop. ak una pagina con varios sprites --> http://www.spriters-resource.com
2º Abrimos el Flash y vamos a Archivo-->importar-->a escenario y seleccionamos la imagen que queremos (en este casio Sakura quieta).
3º Al igual que en lo anterior, vamos a crear un fotograma clave vacio y vamos a importar la imagen siguiente y la ubicamos donde estaba la anterior. Y asi vamos importando imagenes y las vamos ubicando en las posiciones que le corresponden.
Por ej: Si queremos una animacion de Sakura corriendo (es conveniente guardar los sprites de forma enumerada, Ej: corriendo1, corriendo2, corriendo3, etc) Vamos a crear un fotograma clave vacio, vamos a archivo--> importar--> a escenario y seleccionamos "corriendo1" le damos a aceptar y nos va a preguntar si deseamos importar toda la secuencia, le damos a si y nos va a importar todos los sprites de Sakura corriendo uno en cada fotograma.
Una vez que se importaron con la ayuda del papel cebolla los vamos a ir poniendo uno al lado del otro asi va avanzando mientras corre.
Por ultimo si queremos que Sakura deje de correr y se quede un tiempo quieta, vamos a crear un fotograma calve vacio al final de la secuencia en la que esta corriendo, importamos la imagen de Sakura quieta y nos posicionamos unos fotogramas mas adelante y con boton derecho cremaos un fotograma.
Por si se perdieron masomenos tendria que quedar algo asi:
Le damos a CTRL + ENTER y el resultado final es este:
Bue ak les dejo una animacion mas linda porq sino queda muy pobre la cosa XD
http://server6.theimagehosting.com/image.php?img=Animacion.b28.swf
Bue, el tuto en si lo hice un poco apurado y por ahi algunas cosas no se entendieron... cualquier cosa pregunten...
Saludos
PD: Yase que somos pocos, pero si les interesa aprender un poco mas avisen y les subo mas tutoriales...
PD2: En si hay una forma un poco mas facil de hacer la animacion que es usando MovieClips, pero dps les explico.
PD3: Si alguno sabe actionscript que me de una mano XD
Para los q no saben Flash es un programa que tiene varios usos, entre ellos los mas comunes son: Hacer animaciones, diseñar paginas webs, y hacer juegos simples.
Bue, para empesar lo mas sencillo seria aprender a crear una animacion.
1º Abrimos el Flash y creamos un nuevo documento. La interface del flash es bastante sencilla:
A la izquierda tenemos la barra de herramientas, con el pincel, la goma, etc.... arriba la linea del tiempo, con las capas y los fotogramas... a la derecha una barra de color (no la vamos a usar) y una biblioteca (donde se guardan los Gifs y demas archivos que importemos al flash).. abajo esta la barra de acciones y de propiedades (tampoco la vamos a usar).
2º En el primer frame dibujamos a nuestro personaje que vamos a animar (lo mas facil un hombre de palitos)
Ak les dejo una imagen para que vean:
- Spoiler:
Para saber:
- Spoiler:
3º Al lado del primer fotograma (circulo negro), con boton derecho creamos un fotograma clave vacio.
- Spoiler:
4º Activamos el papel cebolla (sirve para ver lo que dibujamos antes y despues, seria como papel de calcar) y dibujamos el siguiente movimiento que queremos que tenga nuestro personaje.
- Spoiler:
5º Bue este proceso de ir creando un fotograma clave vacio y dibujar la siguiente posicion en la que va a estar nuestro personaje es basicamente lo que se usar para hacer una animacion... Al final de hacer todos nuestro dibujos le damos CTRL + ENTER y vemos el resultado (aunq lo tendriamos que ir viendo periodicamente para ver como va quedando)
Se pueden hacer muy buenas animaciones dibujando simples hombres con palitos, pero yo nose dibujar asique eso se los dejo a ustedes XD...
La otra alternativa para los que no sabemos dibujar, es usar sprites.... Para hacerlo tenemos que hacer lo siguiente:
1º Conseguir los sprites, borrarles el fondo y guardarlos 1x1 (si un embole XD) para hacerlo hay una forma en flash, pero por alguna razon se me traba la compu cuando lo hago, asiq los sprites los separo en photoshop. ak una pagina con varios sprites --> http://www.spriters-resource.com
2º Abrimos el Flash y vamos a Archivo-->importar-->a escenario y seleccionamos la imagen que queremos (en este casio Sakura quieta).
- Spoiler:
3º Al igual que en lo anterior, vamos a crear un fotograma clave vacio y vamos a importar la imagen siguiente y la ubicamos donde estaba la anterior. Y asi vamos importando imagenes y las vamos ubicando en las posiciones que le corresponden.
Por ej: Si queremos una animacion de Sakura corriendo (es conveniente guardar los sprites de forma enumerada, Ej: corriendo1, corriendo2, corriendo3, etc) Vamos a crear un fotograma clave vacio, vamos a archivo--> importar--> a escenario y seleccionamos "corriendo1" le damos a aceptar y nos va a preguntar si deseamos importar toda la secuencia, le damos a si y nos va a importar todos los sprites de Sakura corriendo uno en cada fotograma.
- Spoiler:
Una vez que se importaron con la ayuda del papel cebolla los vamos a ir poniendo uno al lado del otro asi va avanzando mientras corre.
Por ultimo si queremos que Sakura deje de correr y se quede un tiempo quieta, vamos a crear un fotograma calve vacio al final de la secuencia en la que esta corriendo, importamos la imagen de Sakura quieta y nos posicionamos unos fotogramas mas adelante y con boton derecho cremaos un fotograma.
- Spoiler:
Por si se perdieron masomenos tendria que quedar algo asi:
- Spoiler:
Le damos a CTRL + ENTER y el resultado final es este:
- Spoiler:
Bue ak les dejo una animacion mas linda porq sino queda muy pobre la cosa XD
http://server6.theimagehosting.com/image.php?img=Animacion.b28.swf
Bue, el tuto en si lo hice un poco apurado y por ahi algunas cosas no se entendieron... cualquier cosa pregunten...
Saludos
PD: Yase que somos pocos, pero si les interesa aprender un poco mas avisen y les subo mas tutoriales...
PD2: En si hay una forma un poco mas facil de hacer la animacion que es usando MovieClips, pero dps les explico.
PD3: Si alguno sabe actionscript que me de una mano XD





























