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.

35 comentarios sobre “Como crear un GIF animado con Flash 8

  1. 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

    Me gusta

  2. 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.

    Me gusta

  3. 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

    Me gusta

    1. 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.

      Me gusta

  4. 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

    Me gusta

  5. 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

    Me gusta

  6. 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

    Me gusta

  7. 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?

    Me gusta

  8. 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

    Me gusta

  9. 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.

    Me gusta

  10. 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

    Me gusta

  11. 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

    Me gusta

  12. 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.

    Me gusta

  13. 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

    Me gusta

  14. 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

    Me gusta

  15. 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…..

    Me gusta

  16. 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á )

    Me gusta

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 )

Google photo

Estás comentando usando tu cuenta de Google. 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 )

Conectando a %s