Gien

foro de diversidades para crear una pagina web entre todos :)

Conectado como Anonymous. Tu última visita fue:

No estás conectado. Conéctate o registrate

Publicar nuevo tema  Responder al tema

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]

1 Tuto Basico de animacion en Flash el Vie Oct 17 2008, 21:40

Flinker


New user
New user
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:
Spoiler:

Para saber:
Spoiler:
Flash va a reproducir nuestra animacion en base a los Frames que tengamos. Por defecto 12 Frames son un segundo, pero esto se puede cambiar llendo a Modificar--> Documento y cambiar el numero de fps (frames per second). El cine reproduce a 24 fps, pero trabajar en flash a 24 fps se hace muy tedioso y a veces se traba la compu, asique es recomendable usar 12.
Otra cosa que queria decir, En la linea del tiempo de Flash basicamente vamos a ver 3 elementos, un circulo blanco, otro negro y un rectangulo blanco... El circulo blanco es el fotograma clave vacio (sin que hayamos dibujado nada) El circulo negro es el fotograma clave (se pone negro si dubujamos algo) y El rectangulo blanco vendria a ser el final de una animacion, o un "hasta aca llega" por asi decirlo.

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

Ver perfil de usuario

2 Re: Tuto Basico de animacion en Flash el Sáb Oct 18 2008, 01:18

Power Green


Expert Member
Expert Member
Waa lo voy a probar.


_________________
Moderador General.

Ansiando Libertad

lloll
Ver perfil de usuario http://gien.foroactivo.net/

3 Re: Tuto Basico de animacion en Flash el Sáb Oct 18 2008, 02:42

[S]peed


Jr.Member
Jr.Member
ahi me salio pero nose como ponerlo >.<



QUIEN ME DICE COMO PONER MI ANIMACION


_________________
inventé el inventár cosas :E



Vos? Ganarme A Mi? Jajajaja LoL
Ver perfil de usuario

4 Re: Tuto Basico de animacion en Flash el Sáb Oct 18 2008, 16:23

matesuiso


Jr.Member
Jr.Member
wow... cuando me termien de bajar el flash lo hago... pero se ve groso y bien exlicado... jeje study


_________________


No al Ctrl+C---Ctrl+V.... (Copy-Paste) ¬¬
jiji... stadz wadzz... wii...!!
Ver perfil de usuario http://paraphotoshop.blogspot.com

5 Re: Tuto Basico de animacion en Flash el Sáb Oct 18 2008, 20:31

Guetta


Administrador
Administrador



Pero esto trankilamente se puede hacer con un creador de gif O_O...no le veo la gracia de usar el flash :S




_________________
Salu2!
Atte: Photoshop CS Master xD




Federr art escribió:
...dios es argentino,, y juega al Prysmax ...AMEN


Federr art ® 2008
Ver perfil de usuario http://gien.foroactivo.net/

6 Re: Tuto Basico de animacion en Flash el Sáb Oct 18 2008, 22:05

Flinker


New user
New user
Speed para poner tu animacion la podes guardar como Gif animado (pero pierede TODA la calidad)... llendo a archivo--> opciones de publicacion y tildas Gif, y dps lo configuras como animado, le das a publicar y lo subis como cualquier imagen en imageshack....
Para subir el .swf podes usar esta pagina http://www.theimagehosting.com/
Y ahora que veo en el foro habia un codigo para subir flash, al menos hasta aller.. ya no lo veo (??)

Adm-Güëttå tec™ Lo que yo puse es un tutorial bastante basico y la verdad puse la forma "torpe" de hacer la animacion, que es mover el Gif cuadrito por cuadrito... se puede hacer de una forma mucho mas rapida, pero primero puse esto para q aprendan lo basico...
Ademas el Flash como puse, es una herramienta muchisimo mas amplia que un simple creador de gif.... Flash tiene su propio lenguaje de programacion (actionscript) por lo que se pueden crear juegos y muchisimas cosas mas (si pones en google "juegos en flash" vas a ver q esta lleno de paginas) ademas se usa bastante para presentaciones (hoy en dia el power point cada vez esta desapareciendo mas) y desarrollo web, trajo efectos de animacion a internet que antes eran imposibles de hacer.... Empesa a navegar por diversas paginas de algunas empresas... q se yo... las paginas de las marcas de autos, peugeot, citroen, etc.... hoy en dia la mayoria de las paginas tienen cosas hechas en flash... Mismo los celulares mas nuevos (salvo los iphone por problema entre las empresas) se les puede poner reproductor de flash y se pueden pasar juegos programados en flash... (ademas de Java que al igual q ActionScript es programacion orientada a objetos).... En fin Flash es mucho mas q un creador de Gif, y la verdad... es mucho mejor que un creador de Gif ya que es mas facil de usar y tiene mas efecto....

Bue gente, si les gusta la idea en la semana pongo un par de tutos más... de programacion la verdad apenas se lo basico asiq va a llegar un momento en el q me voy a trabar... pero toy tratando de aprender mas, asiq en futuro pondre mas cosas....

Saludos

Ver perfil de usuario

7 Re: Tuto Basico de animacion en Flash el Sáb Oct 18 2008, 22:07

Piola


_________________
ÐJ †!®ðn¢€ ~Wîkî€L€¢†®Ø™~
ÐJ †!®ðn¢€™ escribió:Gen sueña con el mundo mágico de los ponys ^^

Adm-Güëttå tec™ escribió:sos wikielectro xD

Ver perfil de usuario

8 Re: Tuto Basico de animacion en Flash el Sáb Oct 18 2008, 23:12

matesuiso


Jr.Member
Jr.Member
Adm-Güëttå tec™  escribió:
Pero esto trankilamente se puede hacer con un creador de gif O_O...no le veo la gracia de usar el flash :S


a la larga te vas a dar cuenta que no es lo mismo algo en flash que un simple ".gif" porque si vas aprendiendo despues haces animaciones grosas como "alejo y valentina" que es solo un ejemplo no es propaganda o cosas mucho mejores como una pagina en flash que es realmente algo bueno ^^ pero es solo para explicar xD nada de bardo ¬¬ bounce


_________________


No al Ctrl+C---Ctrl+V.... (Copy-Paste) ¬¬
jiji... stadz wadzz... wii...!!
Ver perfil de usuario http://paraphotoshop.blogspot.com

9 Re: Tuto Basico de animacion en Flash el Sáb Oct 18 2008, 23:53

Alejo y Valentina es flash ? o.O


_________________
ÐJ †!®ðn¢€ ~Wîkî€L€¢†®Ø™~
ÐJ †!®ðn¢€™ escribió:Gen sueña con el mundo mágico de los ponys ^^

Adm-Güëttå tec™ escribió:sos wikielectro xD

Ver perfil de usuario

10 Re: Tuto Basico de animacion en Flash el Dom Oct 19 2008, 00:04



si no savias?? calico electronico tmb...todas son flash porque se les puede poner botones interactivos como volver a ver o esas cosas..pero este tuto es como un gif...ya se que es el flash y que se puede hacer..nada mas digo ke ESTE tutorial se puede hacer con cuadros y hacer un gif U.U

Flinker yo se de que hablas...yo se que se pueden hacer menues interactivos para paginas webs..tambien se pueden hacer ''programas'' para presentar imagenes online, hasta el reproductor mp3 que esta aca en el foro es flash...solo decia que podrias explicar mas el action script y la forma verdadera de mover y animar con flash....este tuto esta bien si queres usar el flash para animar de una forma un poco enbolante pero facil...solo eso..no queria hacer enojar a nadie...flinker todo bien pero si despues podes postear algun tuto de actionscript estaria bueno porq con actionscript se pueden hacer un monton pero montones de cosas Smile..


PD=Perdon por escribir mucho lol!




Última edición por Adm-Güëttå tec™ el Dom Oct 19 2008, 00:08, editado 1 vez


_________________
Salu2!
Atte: Photoshop CS Master xD



Mi Firma Flasheada xD

"Yo tire la cerca y no ando presumiendo" - Homero J. Simpson 1994

Federr art ® 2008
Ver perfil de usuario http://gien.foroactivo.net/

11 Re: Tuto Basico de animacion en Flash el Dom Oct 19 2008, 00:06

[S]peed


Jr.Member
Jr.Member


_________________
inventé el inventár cosas :E



Vos? Ganarme A Mi? Jajajaja LoL
Ver perfil de usuario

12 Re: Tuto Basico de animacion en Flash el Dom Oct 19 2008, 00:29

Flinker


New user
New user
Adm Guetta , todo bien =P
Si, ahora en un rato posteo algun otro tuto que hice.... pero queria empesar por esto para q el q nosepa nada tenga una simple idea de como trabajar.... si ya empieso con cosas mas complicadas el q esta en 0 se re pierde....
Y de actionscript la verdad nose mucho, solo aprendi a manejar botones y hacer que los tipitos q dibujas caminen con las flechitas, y alguna q otra boludes... pero espero aprender mas cosas....

Speed bue, ya te dije en si... Para ser la primer animacion que haces ta bien... siempre fiajte de recortar bien las figuras y eso de q se va agrandando no quedo muy bueno XD
Otra cosa trata de usar mas frame en la ultima imagen de todas asi cuando se ve la animacion no queda tan rapido, osea empiesa y termina todo el tiempo XD, dejale 1/2 segundo quieta al final =P

EDIT: Ak les dejo otro tuto q tenia hecho, sobre la interpolacion de movimiento:
La Motion Tween se usa cuando queres que un objeto (ej: una pelota) se mueve de un punto a otro sin tener que dibujar todos los lugares por los que tiene que pasar.
Para eso Creamos un nuevo documento y en el Primer Frame dibujamos una pelota. La seleccionamos y con boton derecho la convertimos en un Movie Clip.
Spoiler:

(en la imagen que puse no le den bola al Layer 3)


Lo siguiente es posicionarse unos Frames mas adelante (por defecto 12 Frames son 1 segundo) y hacemos boton derecho, creamos un Key Frame y arrastramos nuestra pelota hacia el lugar al que queremos que valla.

Spoiler:


Luego que hicimos esto nos posicionamos en el primer Frame (donde esta la pelota en su lugar de origen) hacemos boton derecho (en el puntito negro que es el KeyFrame) y creamos una Motion Tween o interpolacion de movimiento. Van a ver que se crea una flecha azul que va desde el primer frame hasta el ultimo.
Spoiler:


Supuestamente ya con esto al Tocar Ctrl + Enter verian como la pelota se desliza de un lugar al otro... Si falla pregunteme las dudas =P

Despues ya que estoy aprovecho para explicarles la otra Tween que hay, la Shape (forma). Esta se usa para transforma una figura en otra.
Para hacer esto creamos un nuevo documento (yo lo hice en otra capa) y en el primer frame dibujamos un circulo de cualquier color.
Spoiler:


Luego nos pocisionamos unos Frames mas adelante y creamos un KeyFrame, donde vamos a borrar el cirulo anterior y vamos a dibujar un cuadrado de otro color
Spoiler:


Ahora nos posicionamos en el primer Frame y en la barra de abajo de propiedades le damos a Tween : Shape
Spoiler:


Nos tendria que aparecer una flecha de color verde y con eso estaria termiando...

Ak dejo el resultado de las 2 cosas.
Spoiler:


Cualquier duda pregunten que respondo sin problema
Saludos

Ver perfil de usuario

13 Re: Tuto Basico de animacion en Flash el Sáb Feb 14 2009, 18:11

Jozy


Banneado
colorido (?)

nah, de enserio, para mi esto ya es una huevada, un subforo de "flash", otro de "pivot"... por el amor de maria.

Ver perfil de usuario

14 Re: Tuto Basico de animacion en Flash el Mar Jul 14 2009, 03:48

ZzZ


Jr.Member
Jr.Member
uh gracias tava buscando como hacer eso Very Happy

Ver perfil de usuario

15 Re: Tuto Basico de animacion en Flash el Jue Jul 23 2009, 15:33

lucato


Jr.Member
Jr.Member
Thanks Wink

Ver perfil de usuario

Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Publicar nuevo tema  Responder al tema

Permiso de este foro:
No puedes responder a temas en este foro.