El Efecto Mariposa en Flash

Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Anunciar en SoloPhotoshop

El Efecto Mariposa en Flash | Solo Photoshop

Tutorial Flash El Efecto Mariposa

Tutorial por JMX

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.

Comentarios de El Efecto Mariposa en Flash | Solo Photoshop

↑ Tutorial

fueradelresto

2007-04-11 16:36

Hola, te felicito, muy bueno el tutorial, sigue asi ayudandonos a saber mas sobre animaciones excelentes en Flash como esta. Salu2.M
nimbo

2007-04-12 15:02

muchas gracias!excelente! son muy utiles los tutos, es bueno saber que existen personas que comparten sus conocimientos! M
lobosol

2007-04-20 19:28

gracias mil, esto me ayudara a practicar mas sobre flashM
MASBRITO

2007-04-25 18:21

ESTA CHINGONM
miacm83

2007-04-28 22:11

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.comM
wizard78

2007-05-01 10:33

supremo ese de insertar las imagenes consecutivasM
rainbow

2007-05-08 09:35

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,M
erebus

2007-06-11 12:15

que bien! pero... como hacen para incluir las animaciones aqui?M
zoquete84

2007-07-14 16:42

chevere mijin este tutorial esta facil y sencillo M
angelbella

2007-09-26 07:43

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,..M
angelbella

2007-09-26 08:32

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 GraciasM
lalybr

2007-09-28 09:52

hay que bello tutorial gracias, y estoy que salto de alegria porque apenas aprendo y pues me encanto este tutorial muchisimas graciasM
jlruiz

2008-12-12 13:01

Estoy intentando dscargar el fla y no me deja.M
francitoon

2009-02-09 16:07

kmjkj dfM
asesorpc

2009-05-16 09:02

todos los .fla para bajarlos y estudiar so funcionan? M
eve18

2009-06-02 22:09

como puedo descargar lo tutoriales, y de donde saco la secuencia de imagenes? M
andreeta

2009-07-07 14:37

NECESITO DESCARGA EL ARCHIVO EN FLA POR FAVOR COLABORACION URGENTE ESTA EXCELENTE PERO AL DARLE DESCARGAR NO FUNCIONA HELP ME!!M
elkindelta

2009-10-05 00:36

donde esta el archivo zip del que hablas en el tutoM
yitroson

2012-05-03 20:25

el archivo donde estaM