Como criar um banner em gif
jul 22, 2008 Internet, Utilidade
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.
Postagem enviada por: Samuel
Leia também
Tags: banner, criar gif, gif, gif animado, Internet, Utilidade
(40 votos, média: 4.45 de 5, votado)
Loading ...Para votar clique em quantas estrelas deseja para o artigo
agosto 6th, 2008 at 9:11
melhor inposivel !! brigado aew !!
agosto 6th, 2008 at 12:28
Valeu!!!!
=D
agosto 8th, 2008 at 1:47
Legal, simples e obejtivo!
agosto 12th, 2008 at 20:19
IRMÃO, Muiiiito loco melhor que isso só dois disso…Adorei….muito fácil.
agosto 12th, 2008 at 22:25
Valeu!!!
=)
agosto 16th, 2008 at 16:02
muito facil mesmo
mais valeu pela dica
vou tentar fazer
blz
setembro 6th, 2008 at 0:38
existe tambem o adobe firework cs3 tenho mais é muito complexo faço algums !!!vc poderia, fazer um tuto dele hem!!
outubro 26th, 2008 at 21:54
Nossa demais, vc teria tutoriaias de fireworks, achei esse site na busca por tutoriais de fireworks, seu site é show, parabéns
outubro 26th, 2008 at 22:04
Nunca fiz nenhum tutorial direcionado ao fireworks não… mas posso tentar ver isso posteriormente
novembro 12th, 2008 at 15:12
é o bicho muito facil
dezembro 2nd, 2008 at 18:31
Muito Bom o Progama.Excelete Pra fazer Tags Para Por Como Assinaturas de Forum.
Recomendo.
dezembro 14th, 2008 at 12:45
Ah , ajudou pra caramba!
dezembro 14th, 2008 at 17:04
=D valeu!
dezembro 17th, 2008 at 15:28
Kii MaxiimO Adoreiii !!!! Vou Usar Sempre
Bju!!!
=)
dezembro 17th, 2008 at 20:40
Oi por meu nao ta animado eu salvo com banner.gif e nao se movimenta mas hora q eu tava fazendo tava legal se movimentando e tudo oq sera ajuda âeeee pffffff
janeiro 3rd, 2009 at 20:47
por favor!!
eu não consequo adicionar uma nova imagen sem subistitiur à atual
quero a solução
janeiro 4th, 2009 at 16:48
Certifique-se de está fazendo todos os passos corretamente e de que quando você está adicionando uma imagem, não exista nenhuma outra selecionada.
janeiro 23rd, 2009 at 20:08
Opa cara…Obrigadoo em por pasa esse conhececimento..Ajuda bastante…Nota 10..
Grande Abraço..
fevereiro 1st, 2009 at 0:17
Bom demais! parabéns!
fevereiro 11th, 2009 at 17:41
muito show!!!
perfeito
fevereiro 24th, 2009 at 21:08
Legal, mais tem algum programa mais BOM que este?
fevereiro 27th, 2009 at 20:34
legal ñ existe melhor!
fevereiro 27th, 2009 at 20:39
mais bom allan? kkkkkkkkkkkkkkkkk
março 8th, 2009 at 14:44
Muito bom, simples, rápido e o que todos querem, grátis! Muito bom seu trabalho, eu estava mesmo precisando de um desses!
março 16th, 2009 at 14:36
Como eu faço para tirar o codigo?
Me ajudem
março 27th, 2009 at 13:19
Muitooooo bom,
seu tutorial é perfeito!!!
até quem é cego consegue fazer um banner com esse tuto!!!!
você esta de parabens!!!!!!!!
abril 14th, 2009 at 15:09
Q bosta.. =SS
maio 9th, 2009 at 11:06
Olá, o tutorial é bom só que o banner eu já sei fazer, se possivel me mande um email explicando como colocar no blog^^
Obrigado!
maio 22nd, 2009 at 21:13
ei pessoas eu achei um programa bem dahora eu fiz um gif muitu loco o nome do programa e Photoscape so um problema nao sei colocar no meu blog
junho 6th, 2009 at 13:15
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
junho 7th, 2009 at 11:35
O photoscape faz isso
junho 9th, 2009 at 9:23
Ei cara… mais como dah para colocar no meu site para mim ter um…. eu quero é coloca no site…
:(!
junho 18th, 2009 at 9:29
muito bom
julho 1st, 2009 at 19:18
Muito bom o Tutorial continue assim…