Inicio > Informática, Macromedia Flash, Programación, Telecomunicaciones > Como crear un GIF animado con Flash 8

Como crear un GIF animado con Flash 8


TUTORIAL GIF animado en Flash por Miguel Angel Teherán García

Para crear un GIF animado a través de flash solo hay que hacer el flash como tal y al momento de publicarlo le damos que nos genere el GIF animado.

Primero se mostrará un botón práctico que se puede hacer de manera sencilla en flash especialmente para páginas Web.

  • Entrar a flash 8 y crear un nuevo documento. El botón va a ser más ancho que alto. Coloquemos por ejemplo, 100 px de ancho contra 50 de alto y nos queda algo así:

  • Se coloca en el fondo del documento el color que prefiramos y se añade una caja de texto en el centro, con el texto que queramos como por ejemplo “Descargar”, al finalizar, se obtendrá algo así:

  • Ahora sí, mejore el aspecto del botón dándole una pequeña animación. Para ello debemos agregar más fotogramas con la tecla F5 y después de esto darle clic derecho al texto y convertirlo en una imagen y luego en el último fotograma que se ingrese, le damos agregar fotograma clave para entonces tendremos algo como esto:

  • Ahora, seleccionemos el texto convertido en imagen en la parte de abajo, vamos a la opción de color y para el caso del color que seleccionamos que fue blanco elegimos “Brillo” y en nuestro primer fotograma colocamos “Brillo” en 100º y después en el fotograma clave al final de la animación colocamos “Brillo” en -100º al pararnos sobre la mitad de la animación le damos abajo animar y seleccionamos la opción “movimiento” se debe ver de esta forma:

  • Repetimos este mismo procedimiento pero a la inversa, colocando primero “Brillo” en -100º y luego en 100º en un fotograma clave.

  • Ahora, vamos a publicar el programa. Para ello, le damos primero en “Archivo” luego, “Configuración de publicación” y agregamos “Imagen GIF”. Inmediatamente, aparece una nueva pestaña y hacemos click, seleccionamos en la opción “Reproducción”, “Animada” y agregamos la opción de coincidir en película. En cuanto a las dimensiones, la configuración debe estar así:

  • Listo. Ahora solo hay que darle “Archivo”, “Publicar” y en todos nuestros archivos que generó, aparece nuestro GIF animado.

Podemos incluso, agregarle muchas cosas mas.

Además, hay otros software como Magic Swf2Gif al cual solo tienes que ingresar tu archivo flash y lo convertirá en un GIF inmediatamente.

Aca esta un ejemplo de cómo queda todo al final:

GIF animado

Espero que les sirva este tutorial, si hay alguna pregunta déjenla en el comentario.

  1. julio 4, 2008 a las 2:15 pm

    Miguel Angel
    Gracias por tus consejos en flash.
    Necesito hacer un GIF animado que tenga de fondo un mapa fijo y encima un boton animado. Es para marcar la dirección del negocio sobre el mapa. La verdad es que me he vuelto loco con éste tema que creo debe ser bastante sencillo. El problema es que se me meven las 2 imágenes juntas (el mapa y el botón)
    Muchas gracias
    Gastón

  2. noelia
    agosto 27, 2008 a las 12:11 pm

    Hola, yo hago todo como dice el tutorial, pero cuando lo quiero guardar, solo se guarda una imagen sin movimiento. EL gif q hice es una carita en el q se mueven los ojos de un lado a otro.

  3. amass
    agosto 29, 2008 a las 2:27 pm

    hola tengo la inquietud de de miguel angel, varios botones animados sobre una misma imagen que se se iluminen al paso del cursor, agradeceria me facilitaran un recurso del cual me pudiera orientar..
    Gracias
    amass

    • enero 10, 2011 a las 2:52 pm

      HOLA MIRA EN UNA IMAGEN GIF ES IMPOSIBLE QUE AL PASAR EL MOUSE SE ILUMINE YA QUE ES IMAGEN CONCRETA Y NO LLEVA CODIGO FUENTE.

      LO QUE PIDES SI SE PUEDE HACER PERO GUARDANDOLO EN SWF PERO CON CODIGO FUENTE.

  4. Marco
    septiembre 21, 2008 a las 4:12 am

    gracias me fue util el tutorial, pero tengo un problema cuando creo un imagen gif transparente sale los costados transparentes pero la parte de arriba sele con cuadros que puedo.por ejemplo quiero hacer mover una moneda verticalmente pero transparente

    les estare muy agradecido por su ayuda

  5. Marco
    septiembre 21, 2008 a las 4:14 am

    gracias me fue util el tutorial, pero tengo un problema cuando creo un imagen gif transparente sale los costados transparentes pero la parte de arriba sele con cuadros que puedo hacer .por ejemplo quiero hacer mover una moneda verticalmente pero transparente

    les estare muy agradecido por su ayuda

  6. we5
    septiembre 24, 2008 a las 3:54 am

    esta bien esta informacion me saco de apuro gracias por crear la pagina por que e buscado otras pero esta es la unica que me a ayudado
    gracias

  7. octubre 23, 2008 a las 5:27 pm

    hola mira tengo un problema, ya realize mi gif en flash y todo , el problema es que lo quiero para una firma electronica de un correo de outlook, y como as de saber, no tiene que pesar mas de 100 kb para que se vea , pero al pesar menos se ve con poca calidad, como puedo hacer que no pierda calidad y que no pese mucho.
    O como puedo cambiar el editor prestablecido de outlook que es word, por otro que me permita hacer mi firma , y que se vea bien.

    Te lo agradecere mucho

  8. diciembre 20, 2008 a las 11:59 am

    Para crear gif : http://es.bloggif.com

  9. Roberto
    abril 17, 2009 a las 3:41 pm

    Queria saber como hacer para que cuando lo publico en .gif me baja la calidad de la imagen? en ves de verse bien nitido se ven con puntitos las imagenes…que dpora ser?

  10. yenifer
    mayo 12, 2009 a las 10:10 pm

    oie cundo creas un gif animado despues t lo guarda en … htlm? `por k hise todos los pasos k dijiste y asi me lo guardo

  11. alfredo
    julio 20, 2009 a las 9:56 pm

    hola oie tengo un problemilla, quiero hacer mis propios emoticons para el messenger osea haciendolos gif y luego pasarlos al messenger, y si puedo, los carga y tienen movimiento, el problema esta en que se ven muy pekeñoz, por mas grandez que sean las dimensiones de mi pelicula se ve igual osea chikiito y pixelado eso lo k no me gusta, me podrias ayudar, te lo agradeceria

  12. ALEXANDER
    noviembre 20, 2009 a las 3:03 pm

    GRACIAS POR EL TUTORIAL, MUY, MUY BUENO. AHORA BIEN, AL GUARDAR EL ARCHIVO COMO GIF ANIMADO EN LA CARPETA DONDE SE GUARDA (DOCUMENTOS) APARECEN TODOS LOS FOTOGRAMAS POR SEPARADO, NO APARECE COMO UN GIF ANIMADO. COMO SOLUCIONO EL PROBLEMA? TENGO WINDOWS VISTA HOME BASIC.
    GRACIAS.

  13. jhonjairo
    noviembre 22, 2009 a las 9:27 pm

    porque no me sale todo solo una parte de las letras

  14. Marvin
    noviembre 23, 2009 a las 10:26 pm

    Necesito el tuturial de todo los gif no se si me pueden mandar porfa

  15. miguel
    febrero 23, 2010 a las 5:30 am

    Hola buenas estoy haciendo el logo de una entidad corporativa como gif animado para marcar una cosa en su pagina…la verdad esque al tutorial le doy un 10 pero comopodria guardarlo en formato gif?

    Muchas gracias y un saludo

  16. miguel
    febrero 23, 2010 a las 5:44 am

    me pasa lo mismo que a alexander me sale fragmentado por fotogramas que debo hacer? gracias de antemano

  17. yo-yo
    mayo 2, 2010 a las 10:31 pm

    tengo un problema.
    hago todo lo q dice el tutorial y sale el gif pero me dice: vista previa no disponible…
    que hago???????

  18. Amaly
    mayo 7, 2010 a las 6:59 pm

    una consulta: tengo unos botones exportados como GIF, solo tienen una animación simple en la instancia hover, la cual no se activa en ese formato, solo funciona al exportarlo como SWF

    Gracias de antemano

  19. jaimico
    junio 12, 2010 a las 5:02 am

    Gracias loco, estaba atrapado no sabia porque mi GIF no se movia!!! me sirvio mucho el tutorial.

  20. agosto 2, 2010 a las 2:53 am

    gracias asi voy ah poder subirlos ah youtube gracias muchisimas gracias

  21. Ricardo
    septiembre 3, 2010 a las 3:16 pm

    Bueno yo quice hacer el procedimiento para colocarlo en mi meseenger como imagen para mostrar, pero cuando quiero importar el .gif me dice que no es un archivo válido, ya sea como lo describiste Miguel, o bien exportando como gif animado.

    Se agradece de todas formas, saludos.

  22. Martín
    septiembre 22, 2010 a las 4:47 am

    a mí me pasa como a noelia, publico un gif como dice aquí, pero no es animado😛

  23. KECIOS
    noviembre 5, 2010 a las 6:51 pm

    HOLA AMIGO TENGO UNA DUDA AL ESTAR HACIENDO UN GIF CON MI NOMBRE EN EL TEXTO LE AGREGUE ALGUNOS FILTROS Y AL PUBLICARLO COMO GIF SOLO LA PARTE DERECHA ABAJO Y NO SALE IGUAL COMO LO VEO EN EL FLASH.OJALA CONTESTES MI DUDA

  24. jazmin
    mayo 13, 2011 a las 1:26 am

    de mucha ayuda tu tutorial…ya se como hacer un gif
    pero cuando ya se ha publicado los colores se pierden ,se distorcionan…
    es un gif con imagenes…se puede arreglar eso?….me podria explicar como?

    gracias

  25. nuria
    junio 23, 2011 a las 3:11 pm

    no no me sirvio npoooo

  26. karen sixx scream kaulitz
    julio 16, 2011 a las 4:51 pm

    una consulta: tengo unos botones exportados como GIF, solo tienen una animación simple en la instancia hover, la cual no se activa en ese formato, solo funciona al exportarlo como SWF
    Gracias de antemano…..

    • julio 16, 2011 a las 6:05 pm

      Revisa bien la configuración al momento de exportar el Gif por que hay debe estar el problema, puedes cambiar algunas cosas de la configuración si lo deseas y veras que puede que te funcione.

  27. sddsdsds
    julio 19, 2011 a las 4:07 am

    ya lo hice pero como hago para guardarlo no se guarda igual que cualquier animacion o si

    • julio 19, 2011 a las 4:08 am

      hay dice la imagen como debes guardarlo para que te funcione

  28. amak
    septiembre 19, 2011 a las 12:17 pm

    Está mal el tutorial, para guardar el gif hay que ir a Archivo, Exportar, Animación Gif, pero si hacen como dice el tutorial no podrán publicar el archivo. Lo del tutorial solo sirve para configurar los parámetros del gif, pero no para publicarlo (por más que le den a publicar jamás se publicará )

  29. octubre 27, 2011 a las 1:34 am

    se puede hacer esto con cualquuier animacion de flash8

  30. paco
    noviembre 10, 2012 a las 12:34 am

    master gracias recopado lo tuyo

  1. septiembre 10, 2008 a las 5:08 am
  2. enero 2, 2011 a las 6:25 am

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: