El Efecto Mariposa en Flash

Tutorial Flash El Efecto Mariposa

Tutorial por JMX de Estilo Flash

Trabaja con flash en el movimiento de una mariposa.

Hola amigo cyber listo para embarcarte una vez más en el fascinante mundo Flash, solamente necesitas algo de imaginación y adelante. En esta ocasión presentare el movimiento de una mariposa la cual simula que esta volando, el movimiento esta realizado frame por frame. El ejemplo SWF aquí presentado posee unas guías de movimiento. El tutorial tiene la complejidad de que primero se tienen que hacer las imágenes de la mariposa para simular el vuelo, sin embargo, como soy demasiado generoso las incluiré por una módica cantidad $$$ ó €€€ jajajaja. Las imágenes están en el archivo zip de descarga. Good luck!! ¿comenzamos?.

1-. Hacer un documento (ctrl. + J) con las siguientes propiedades.
a)-. Las dimensiones del documento son 150 * 150 píxeles de ancho y alto.
b)-. Color de fondo #FFFFFF.
c)-. Colocar como velocidad de fotogramas 8 fps.

2-. Crear el único símbolo (ctrl. + F8) de que consta la película.
a)-. Nombrar al símbolo animación de mariposa.
b)-. Dar como Comportamiento Clip de película.

3-. Importar (ctrl. + R) la serie de imágenes. Aquí presento un pequeño truco, nombrar a las imágenes con el mismo nombre y un número consecutivo. Luego seleccionar solamente la primera imagen para importarla.

4-. Una vez que se acepta importar la primera imagen Flash MX preguntara que la imagen forma parte de una secuencia de imágenes, luego aceptar importar la secuencia de imágenes

5-. Al aceptar importar la secuencia de imágenes Flash MX automáticamente colocara cada imagen en cada frame y en las mismas coordenadas X = 0.0 y Y = 0.0.
Nota si se importan las imágenes una por una se tendrá que insertar manualmente cada uno de los frames vacíos (F7) y luego acomodar las imágenes una por una en coordenadas X = 0.0 y Y = 0.0 que prefieres de forma manual o de forma automática.

6-. Regresar a la Escena y arrastrar de la biblioteca el símbolo animación de mariposa.
a)-. Colocar el símbolo en coordenadas X = 40.0 y Y = 40.0.

Con este paso queda concluido el súper tutorial mariposa voladora well done!!.

P.D. Presionar ctrl. + Enter para visualizar el trabajo final. Se agradecen en demasía los comentarios emitidos a los tutoriales aquí presentados. La frase del tutorial es Casarte es como ir a un restaurante con amigos. Pides lo que deseas y cuando ves lo que el tu amigo tiene, te gustaría haber pedido eso.

Descarga el archivo fla de este tutorial.

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 11/04/2007  FUERADELRESTO escribió:
Hola, te felicito, muy bueno el tutorial, sigue asi ayudandonos a saber mas sobre animaciones excelentes en Flash como esta. Salu2.

 Fecha: 12/04/2007  NIMBO escribió:
muchas gracias!excelente! son muy utiles los tutos, es bueno saber que existen personas que comparten sus conocimientos!

 Fecha: 20/04/2007  LOBOSOL escribió:
gracias mil, esto me ayudara a practicar mas sobre flash

 Fecha: 25/04/2007  MASBRITO escribió:
ESTA CHINGON

 Fecha: 28/04/2007  MIACM83 escribió:
oye muchas gracias. Es bueno saber que ayudas a la gente. Excelente y fácil. Me gustaría que me ayudaras a animar a personas... si se puede.... mi mail es miacm@hotmail.com

 Fecha: 01/05/2007  WIZARD78 escribió:
supremo ese de insertar las imagenes consecutivas

 Fecha: 08/05/2007  RAINBOW escribió:
No me parece mal que incluyan estos tutoriales para novatos, tanto éste como el efecto de movimiento del cielo en Flash. Pero desde ya sepan que NO es profesional meter imágenes dentro de Flash porque la película se hace muy pesada. La animación si no es generada dentro o no es un swf, debe llamarse por código. Esto es poniento en el fotograma 1 donde esta la imagen 1: loadMovie ("imagen1.jpg"), en el fotograma 2 ponemos loadMovie ("imagen2.jpg"). Y así sucesivamente. Esto ahorra bastantes MB a tu película Flash. Nunca fotos dentro de FLASH! Saludos,

 Fecha: 11/06/2007  EREBUS escribió:
que bien! pero... como hacen para incluir las animaciones aqui?

 Fecha: 14/07/2007  ZOQUETE84 escribió:
chevere mijin este tutorial esta facil y sencillo

 Fecha: 26/09/2007  ANGELBELLA escribió:
Hola... yo solo tengo una pregunta... solo estoy aprendiendo y se muy poco... supongo que esa secuencia de imagenes.. es de las diferentes posiciones que toma la mariposa al volar? o es una sola imagen... porq de verdad no entiendo jaja... plorfa respondeme si puedes.. gracias,..

 Fecha: 26/09/2007  ANGELBELLA escribió:
Hola de nuevo.. ya yo misma me respondi a pregunta jaja... es muy facil... anoche comece a utilizar el programa y ya hoy se hacer varias cosas... Gracias el tutorial es muy bueno... pero deberias enseñarnos a hacer el segundo ejemplo... los moviemientos, aunq ya yo los se hacer pero ese efecto suave y no cortante es el que deseo aprender.. espero lo hagas besos.. y Gracias

 Fecha: 28/09/2007  LALYBR escribió:
hay que bello tutorial gracias, y estoy que salto de alegria porque apenas aprendo y pues me encanto este tutorial muchisimas gracias

 
© Copyright 2001 - 2008
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.