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!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

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

    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.
  • nimbo

    nimbo

    2007-04-12 15:02

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

    lobosol

    2007-04-20 19:28

    gracias mil, esto me ayudara a practicar mas sobre flash
  • MASBRITO

    MASBRITO

    2007-04-25 18:21

    ESTA CHINGON
  • miacm83

    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.com
  • wizard78

    wizard78

    2007-05-01 10:33

    supremo ese de insertar las imagenes consecutivas
  • rainbow

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

    erebus

    2007-06-11 12:15

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

    zoquete84

    2007-07-14 16:42

    chevere mijin este tutorial esta facil y sencillo
  • angelbella

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

    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 Gracias
  • lalybr

    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 gracias
  • jlruiz

    jlruiz

    2008-12-12 13:01

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

    francitoon

    2009-02-09 16:07

    kmjkj df
  • asesorpc

    asesorpc

    2009-05-16 09:02

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

    eve18

    2009-06-02 22:09

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

    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!!
  • elkindelta

    elkindelta

    2009-10-05 00:36

    donde esta el archivo zip del que hablas en el tuto
  • yitroson

    yitroson

    2012-05-03 20:25

    el archivo
    donde esta