OnlyTutorials — Os tutoriais mais bem explicados da net
Internet

Como criar um banner em gif

Por 2 min de leitura

Atualizado em

Bom…
Devido a um pedido feito na comunidade do orkut, vou tentar mostrar como se faz um banner desses usados em parcerias entre blogs e pode ser usado para outros fins também.

No nosso exemplo, vamos usar uma imagem de 120×60 pixels e o resultado vai ficar bem simples pois é apenas para demonstração.

Resultado final:


Agora vamos ao tutorial.

Primeiramente você vai precisar de um programa que faz os gifs animados, ele é gratuito e pode ser baixado clicando aqui.


Depois de instalado vamos a primeira tela.


Note que você vai precisar abrir uma primeira imagem para iniciar um projeto. Para fazer isso clique no botão mostrado na imagem acima e selecione a imagem com o tamanho desejado do banner.

Depois de feito isso, clique no botão mostrado na imagem abaixo para inserir novas imagens que farão parte do banner animado.


Agora que você já escolheu as imagens, vamos escolher o tempo que cada imagem via ficar em modo de transição. Na imagem abaixo o local onde você pode digitar a quantidade de centisegundos que a imagem vai passar na tela. Cada 100 centisegundos equivalem a um segundo, daí você escolhe quanto tempo quer que cada imagem passe na tela.


Na tela ainda tem as opções de loop, que é para as imagens ficarem repetindo e tudo mais… Basta explorar o programa e descobrir como fazer banners mais ricos.

Quando terminar de fazer sua “arte”, basta mandar salvar como gif, apertar ok na janela que aparece e escolher o local onde quer salvar.

O nosso resultado foi esse.

76 comentários

  30. Olá,Adorei o TPC,mais tpw,eu tenho blog e não tem como passar esse arquivo para o blog,esse programa não gere um código javascript ou html n ?
    Adoraria Essa Resposta

    Responder

  36. Baichei o programa! Nada complexo e não é nescessário ser profissional! Óptimo para pequenos sites da web!
    O que procuro realmente é saber COMO fazer o HTML ou seja o que for do banner! Quem souber me adicione no MSN que aceitarei o mais rápido possível e entrarei em contacto. Eu agradeceria se alguém soubesse fazer o código do Banner! Eu já uso outro programa que dá para fazer GIFS e outras coisas,recomendo muito, ele é PhotoScape , minha versão é bué fixe , 3.3 🙂
    Eu agradeceria se alguém soubesse fazer o código do Banner!
    Bem , vou indo! Espero contacto rápido pelo MSN , ou por mensagem neste mesmo e-mail.
    Obrigado,
    Diego.

    Responder

  39. Cah diz:

    julho 17th, 2009 at 12:55

    Muitoo bom ! muito rapido e facil de fazer. adoreei msm, vocs estãão de parabéns !

    Recomendo a todos ke vale a pena msm.

    beijooos’
    —

    Também concordo que seja bem bom… testei em alguns PC’s , todos do sistema operacional XP… porém , provavelmente ele não é compativel com alguns sistemas operacionais … Mas , deichando pra lá,é muito bom este programa para novos sites/com poucas visitas.

    Responder

  40. bebela2000 disse
    em

    julho 24th, 2009 as 15:00

    gostei muito mas tem que baixar e eu nao posso baixar pq meu mano naum deixa.vc conhece algum site sem baixar q de pra fazer banners em gif?
    ===
    Infelizmente de momento não . Talvez a tecnologias de um futuro breve sim , mas o material , por vez , é preciso ser baichado e instalado!!! Por quê? Os componentes dos programas são pesados e por isso a maioria dos sites não os suportam,ainda mais os que tem bastantes recursos! Imagine o quão lerdo ficaria um site em que tivesse um “gif maker”?!!!
    Espero ter ajudado.
    Abraços ,
    Diego 🙂

    Responder

  41. Gabriel disse em
    junho 9th, 2009 as 9:23

    Ei cara… mais como dah para colocar no meu site para mim ter um…. eu quero é coloca no site…

    :(!

    ===

    Olá , Gabriel. Em primeiro lugar , gostaria de informar-te que o correcto seria “pra eu ter um” , e não pra “mim ter um” , mas vamos ao que interessa ;
    Estive a procura da mesma coisa! O HTML [código] do banner! De momento de nada posso informar-te , mas , posso dizer que quando eu descobrir algo sobre isso, eu te falo =]
    Me dá teu e-mail , assim poderemos conversar melhor! O jeito vai ser dar aqui beleza??? Dê numa mensagem que em breve lerei e rapidamente(espero) entrarei em contacto!
    Ah , se eu descobrir vou colocar também em meu site:
    http://www.tukonsite2.webs.com
    Beleza?
    Espero ter ajudado um pouco , pelo menos por enquanto!
    Abraços , Diego.

    Responder

  42. Gostei.
    + agora que ja baixei,tenho 1 dúvida…
    Por exemplo,em sites de animes,no banner,vcs acham 1 monte de animes e depois 1 ” e muito + !!!”
    Queria saber como se fazer isso com esse programa …

    Responder

  50. O programa indicado pra baixar antes de começar a fazer o banner não funciona, vc tem o trabalho de baixar e quando vai instalar ele aparece uma mensagem que esta corrompido e não funciona, parabens pra quem conseguiu instalar o programa é só.

    Responder

  62. olá tenho uma loja virtual e gostaria de saber que programa eu uso para ter banner animados
    que divulgue meus produtos

    Responder

  67. Pra quem não sabe “levar” o banner pro site. Seguinte. Depois de pronta a arte, salve-o em uma pasta qualquer, de sua preferencia. Depois vá ao editor do site e faça o upload. Depois disso é só mandar para a página, no lugar onde voce determinar. Tão simples como tirar doce da boca de criança. rs.
    luiz monteiro

    Responder

  70. O`QUE É BANNER FLASH
    Os banners são geralmente imagens desenvolvidas em formato .jpg ou .gif, ou animações em Java, Shockwave ou Flash. Um banner pode ter várias dimensões, sendo a mais conhecida a de 468×60 pixels. Essas imagens freqüentemente tem uma forma alongada, na horizontal ou na vertical.

    Responder

  71. Como faço para colocar o banner igual ao seu em meu blog só que com a caixa de html ( código ) para todos os visitantes poderem pegar e colocar em seus blogs ou sites… para divulgar?

    Responder

  74. AE PESSOAL MEU PROBLEMA NÃO EM SABER FAZER UMA GIF BANNNER
    MAIS A COMO DEIXAR MEU BANNER EM MOVIMENTO
    TIPO EU FAÇO UM BANNER TODO ANIMADO + QUANDO EU COLOCO NO BLOG
    ELE NÃO SE MOVIMENTA
    E NO MEU PC ELE MOVIMENTA ALGUEM ME AJUDE POR FAVOR MEU BLOG gdkinformatica.blogspot.com

    Responder

Participe da conversa

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *