Como crear fácilmente banners animados para tu blog (Mac OS)

21 Abr

Sea para darle un poco de condimento a tu blog personal o vender publicidad y ayudar a monetizar tu sitio, los banners animados son siempre una buena opción. Los hay super-sofisticados, en flash, con transiciones que llegan a niveles de obras de arte. Para los que no somos expertos una opción accesible es crear banners en formato gif animado.

Si eres usuario de Mac, te recomiendo un programa freeware GIFfun que resuelve el problema en un instante y no requiere de ningún conocimiento técnico.

Aquí te van las instrucciones para crear tu primer banner:
1- descargar el programa GIFfun para MacOS.
2- copiarlo en la carpeta de aplicaciones.
3- crear una carpeta con las imágenes (mínimo 2) que queremos que se roten en el gif animado (obs: las imágenes tienen que tener exactamente el mismo tamaño, en mi caso 468 X 60 px, que es el tamaño del banner)
4- arrastrar las imágenes a la ventana de edicion del programa.
5- escoger la velocidad de reposición de cada imágen (delay) según tu propio gusto.
6- seleccionar la rotación (loop) En mi caso seleccione “forever” porque quiero que las imágenes permanezcan rotando permanentemente cuando la página esté abierta.
7- en el número 3 seleccionar “Make gif”.
8- listo!

giffun

Para los más crativos, hay otras opciones en el programa para experimentar, como el color, transparencia, etc. El efecto de transición de puede crear aumentando el número de imágenes intermedias y disminuyendo la velocidad de reposición de cada imágen (como si fuera una película de animación).  Para la imágen de abajo usé 5 gifs. (No queda igual que los hechos en flash pero en compensación son mil veces más sencillos de crear, hasta para los que no somos nerds)

intermediartebanneranimated

Anuncios

14 comentarios to “Como crear fácilmente banners animados para tu blog (Mac OS)”

  1. bidahh 28/09, 2009 a 10:29 am #

    BUEN DATO DEL PROGRAMA… GRACIAS

  2. s1games 16/10, 2009 a 10:06 pm #

    Interesante, gracias por el aporte y por compartirlo

  3. Como Hacer un Banner 07/12, 2009 a 11:15 pm #

    Gracias por la informacion no sabia como fncionaba este programa y ya aprendi esta nueva forma de hacer un banner

  4. JJ Acenso 15/02, 2010 a 4:27 pm #

    quiero hacer un blog sencillo pero animado ademas que tenga un contador de visitas

  5. STEFANIA_SCITTI 15/03, 2010 a 4:25 pm #

    Hola, se crear un gif animado , pero despues como acemos para insertarlo en wordpress?

    Espero tu respuesta

    Gracias 😛

  6. buena información … mil gracias!!!!!:-)

  7. ese es para MAC
    Hay para PC?????????

    Gracias

  8. Lenny 23/12, 2010 a 9:52 am #

    hola, de ante mano, mis agredecimientos por tus aportes, soy algo nuevo en esto y tengo algunas dudas: 1) solo es aplicable para los que trabajan en Mac? 2) la misma de Stefania.. despues de crearlo como se sube?? sera que se sube o se aplica al sitio donde se coloca o crea el wiget??, de ante mano muchas GRACIAS

  9. Pey 04/03, 2011 a 6:06 am #

    Hola! Me sucede lo mismo que a stefania. Se hacer gif animados, pero no puedo ponerlos en la cabecera. ¿Se puede?

    Gracias!

  10. German 25/04, 2012 a 9:10 am #

    Con aportes como estos, todo se hace mas facil. Ojala todo el mundo fuera asi. Gracias

  11. PROCACEP 23/05, 2012 a 1:26 am #

    Sino tengo mac, cómo puedo animar el banner.
    Otra pregunta más, si deseo insertar un video alojado en you tube y no deseo que al término del mismo se vean videos relacionados, qué debo de hacer?

  12. Patricia 24/05, 2012 a 8:19 am #

    Busca en Google que hay algunos aplicativos online que no necesitas bajar a tu computador. Sobre lo de Youtube, al especificar como insertarlo, te dan las opciones de poner otros videos tambien.

  13. PROCACEP 25/05, 2012 a 1:05 am #

    Muchas gracias Patricia.

  14. Javier Pérez 06/08, 2013 a 10:46 am #

    En esta web puedes crear fácilmente un gif animado. Al final de el proceso (Realmente corto y fácil) puedes ver y descargar tu gif animado. http://gifmake.com

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: