Sua grande vantagem em comparação com os outros programas é que ele é grátis, em português e não precisa ser instalado, basta apenas executar o programa.
Seu ponto fraco é sua interface que ainda é um pouco confusa, mas isso com o tempo seus produtores vão melhorando.
Preparei um tutorial com um passo a passo para aqueles que tenham difuculdades em animar suas imagens com este programa.
Porém, antes de comerçar-mos, seria interessante entender um pouco como as imagens são animadas no formato gif.
A abreviatura .gif vem de Graphic Interchange Format ( Formato Gráfico de Intercâmbio ) uma imagem do tipo .gif pode ser animada ou não, quando a imagem é animada na verdade ela exibe as imagens como se fossem slides, uma a uma, isso dá a impressão de que a imagem esta em movimento, além de poder rotacionar as imagens ele é capaz de controlar o tempo que cada imagem será exibida na tela, veja o exemplo de uma imagem animada abaixo.
Esta animação foi criada utilizando as 3 imagens abaixo com o tempo de 3 segundos entre cada imagem.
Cada uma dessas imagens possui o tamanho de 120×60 pixels.
Vamos ver como criar uma imagem animada com este excelente programa.
Ao executar o programa você verá uma janela como a debaixo
Clique na imagem para ampliar
Para inserir as imagens, clique em Arquivo e no menu que aparecer clique em “Incluir figura no Gif´´, veja a figura abaixo.
Clique na imagem para ampliar
Você deve repetir este passo para cada imagem que quiser adicionar, podem ser adicionadas quantas imagens quiser, mas lembre-se de que não será apenas uma imagem e sim várias imagens em um único arquivo, por isso tome cuidado para não deixar muito pesado. As imagens a serem inseridas no programa devem ter o tamanho igual, caso o contrário haverá um deslocamento das imagens menores.
Depois que tiver adicionado todas as imagens que quiser animar, temos que determinar quantas vezes a imagem irá rotacionar, clique na aba “animação” e marque as opções “Looping” ( repetir ) marque a quantidade de vezes que deseja que sua animação seja rotacionada, caso queira que seja infinito marque a opção “Repetir sempre” , veja a figura abaixo:
Clique na imagem para ampliar
Agora chegou a hora de definir-mos o tempo que cada imagem deverá levar para que a próxima imagem apareça, clique na aba “Imagem” depois selecione a primeira imagem que quer animar, no campo onde esta escrito Duração (1/100s) marque o tempo que dejeja, um segundo deve ser multiplicado por 100, isso quer dizer que para 3 segundos, deve-se adicionar 300, faça o mesmo com todas as outras imagens de sua animação. Veja a figura abaixo:
Clique na imagem para ampliar
Feito todo o processo de preparação da animação, falta salvar o arquivo, para isso vá em “Arquivo” e clique em “salvar gif como” , escolha o local onde deseja salvar e clique em “Salvar” . Veja a imagem abaixo:
Clique na imagem para ampliar
Pronto! Sua animação está terminada e pronta para ser adicionada ao seu site.
Confira também
O Gimp – Programa grátis para criar e editar imagens
Templates gratuitos para criar sites com aparência profissional
Quanto pesam as páginas de seu site?
Você também poderá gostar de...
Promoção Relâmpago Búfalos Geradores de Dinheiro
Clube dos Desenhêros - Consultoria Gratuita
Tutoriais Live – Consultoria Gratuita
Como adicionar um Favicon no Blogger BlogSpot
Consultoria Gratuita – Fazer e Realizar
Teste a performance de seu site com o GTmetrix
Ganhe um Cupom de 50% de Desconto na Compra de Plano Premium no Webnode
Você sabe o que é um Data Center em que os sites são armazenados?
Escrito por Celso Lemes
Celso Lemes é Blogueiro profissional. Vivo de blogs, blogo para viver, vivo blogando, blogando eu vou vivendo.
{ 49 comentários… leia abaixo ou deixe o seu }
nunca fiz curso.vou tentando até aprender.
queria muito fazer gifs.
sua aula me ajudou muito.
obrigada.
sua página foi p/ meus favoritos
Marcy,
Que bom que gostou do site. Obrigado pela visita.
Abraço!
E ai celso blz !!!!!!!!!
muito bom essa matéria do gif
sua pagina ja esta em meus favorito@!
mais me responda ai por favor,pq ainda sou leigo nessa materia de gif.
depois q eu criar meu gif com minhas fotos,como faço para botar o mesmo no meu site,
teria o lugar certo para botar para q o site reconheça????????
a nessesidade de alguma configuração?????
desde ja agradeço fico no aguarde t+++
Paulinho,
Você deve enviar para o seu servidor utilizando um programa FTP como o FileZilla.
Recentemente eu criei um vídeo onde ensino a configurar o FileZilla.
O local onde você deve colocar a imagem deve ser dentro da mesma pasta onde as outras imagens estão. Deve ser umas pasta chamada "images" ou "imagens". Estas são pastas padrões adotadas pela maioria dos webmasters.
Qualquer coisa deixe outro comentário. Abraço"
oi… eu sou o ´´luca“ eu estou criano um sit de jogos gostaria de saber se posso como os videos baichar outor jogos de outro site e se ate mesmo posso cria-los ,e como fazer isto
e preciso de um serto programa especial????
dj.luc
Para criar jogos para a internet você precisa de saber como trabalhar com flash, que na minha opinião é um dos mais difíceis programas para animação.
É possível baixar os jogos de sites como o Miniclip vendo o código fonte da página, porém você não pode colocá-los em seu site, pelo menos não sem estar infringindo alguma lei de direitos autorais.
Abraço!
Gostei muito de sua matéria, inclusive coloquei seu site nos meus favoritos. Acontece caro amigo que criei um gif animado, mas não consigo colocar no meu orkut com a animação. Quando coloco no meu orkut, a imagem aparece mas não aparece animado. Como fazer?
Agradeço a atenção
Geraldo,
Uma coisa que eu não entendo muito é o Orkut.
Talvez este site possa lhe ajudar gifkut.com.br/tutorial-orkut
Abraço!
Adorei sua aula. Obrigada e q Deus te Abençoe!
Porque quando salvo gifs alguns nao dao certo?
Lucas,
O que acontece quando você tenta abrir eles?
Abraço!
vlw
Valeu pelo tuto. Ficou muito bom. Vou tentar usar o programa.
Celso, desculpe tá te alugando, mas tô querendo aprender.
Um grande Abraço!
Muito bom esse Gif Animator, consegui fazer a animação das fotos, mas não consegui colocar no meu site, elas passam muito rapido, apesar de colocar 800 de espaço. Pode me dar uma dica ?
Obrigada! bjussssssss
Regina,
A algum tempo eu criei um vídeo sobre o Gif Animator, dê uma olhada para ver se ajuda http://www.criarsites.com/video-tutorial-como-criar-gifs-animados/
Abraço!
Site muito legal, curti demais!
Pena que eu nao encontrei muito o que eu queria!
Sou iniciante mesmo em relação a sites, queria aprender a mexer com programção, e infelizmente, só uso coisas simples, que qualquer um (qualquer um mesmo) pode fazer.
Eu já mexi em alguns programas de .GIF, e esse me chamou atenção, vou testá-lo em alguns dias!
Outra coisa que me chamou atenção, foi esse contador de conectados no momento, tentei fazer, pegar o HTML para colocar em meu site, mas nem sei como faz!
Já add esse site como favoritos, e realmente estou a fim de aprender coisas novas.
Sempre que puder, voltarei!
Abraço.
PS.: Se alguém puder me ajudar em relação à sites, eh soh me add: [email protected]
Obrigado!
Se puder (tiver um tempinho) e for necessario responder por favor envie ao meu email.
Grata
BrasilGigi,
Parece que o site onde o Diniz Gif Animator estava retirou o programa do ar.
Vou ver se eu encontro ele novamente e coloco diretamente no meu site.
Abraço!
Estou montando meu site desde de ontem, mas adorei o conteudo deste daqui.Ele desvenda todas as minhas duvidas, menos a de como criar um site onde pessoas possam se logar e jogar online com outras pessoas.
:cs:
Rafael,
Infelizmente essa área eu vou ficar devendo porque eu não entendo de programação.
Abraço!
Ariel,
Você conseguiu animar a imagem? Você publicou no seu servidor como gif?
Me passe mais informações sobre o que está acontecendo porque só com essas informações não da para saber como lhe ajudar.
Abraço!
Tenho um site e gostaria de colocar as animações na apresentação das propagandas, partindo de imagens jpg. Existe um programa especifico? Qual? e como colocar?
Sandoval,
O próprio Diniz é capaz de fazer estas animações. Mas se você quer animações mais bem feitas terá que utilizar um editor de animações em Flash, confere aqui http://www.adobe.com/br/products/flash/
Lembrando que mexer com este programa é muito difícil.
Para colocar no site vai depender de como você já vem fazendo ele. Se for um editor pode ser que haja a opção de importação de animações.
Abraço!
Olá Celson Lemes !!!
Quero muito criar um site, aprender a fazer gifs, imagens e animações em flash, e poder também fazer templates para Blog’s…
Mas a minha dúvida é: Se é preciso fazer um curso de webdesigner para aprender a fazer isso tudo? ou aprendo através de recursos de programas que poderão ser baixados ou comprados ?
Obrigada,
Abraços.
Viviane,
Muitas pessoas conseguem aprender a fazer essas coisas sozinhos, porém minha experiência na área me mostrou que a maioria não são capazes.
Infelizmente isso depende de cada um, se você for uma autodidata, eu diria que sim, você pode aprender tudo sozinha, sem precisar pagar nada, por meio de apostilas e vídeo aulas disponíveis na internet.
Caso contrário, recomendo que você procure fazer cursos sobre as áreas que te interessam.
Abraço!
Muito obrigada, pois me ajudou muito…
Parabéns pelo seu site !!!
abraços !
tá de parabens o site, as dicas, a leitura é muito boa, exelente texto conteudo, está sendo muito util pra mim que quero aprender a criar sites
achei otimo as dicas, meus parabens, simples mas bem objetivo e facil de entender, mesmo para pessoas leigas como eu.
estou tentando fazer um site para meu grupo, teria como me dar algumas dicas via e-mail.
um abraço
Abimael – Osasco – SP
valeu pessoas como vc merecem nossa atenção pela forma como explica as aulas ficou muito facil Deus te abençõe …. abraço fernando
Celso, Desculpe Achei Muito Legal + tipo n achei aonde faz o download
Thiago,
Clique no link presente na palavra Diniz Gif Animator.
Abraço!
Olá, li sobre os gifs, aliás, acessei seu site porque eu procuro algo que me resolva um problema….
Trabalho em uma firma e nela eu realizo desgns de embalagens e até mesmo o site da própria.
Trabalho com alguns softwares para imagens tais como Corel, Flash, etc, mas quando o assunto é gerar uma imagem a partir de do Corel, por exemplo, ela não sai 100% nítida como os banners que vc tem no topo do seu site á direita, onde foram gerados…como vc consegue essa nitidez das linhas?
abraço
Joelson
Joelson,
Eu também não sou muito bom com imagens. Essa imagem foi feita por um amigo meu que é designer.
Abraço!
Oi
Achei maneiro esse programa, bem fácil de usar, mas eu segui todos os passos do tutorial que vc colocou aki, o entanto, meu gif não faz a “mexe” ( não faz as transições de movimento ), só aparece a primeira imagem. Pior é que isso não é primeira vez que ocorre com criação de arquivos.gif que crio. Criei um documento gif no photoscap e salvei tudo “bunitinho”, mas quando clico, a figura não aparece com movimento ( só aparece a primeira imagem da transição ). No caso no photoscap usei meu notebook que tá com o windows vista instalado e no caso desse outro programinha, to usando o windows xp… acredito q não tem nada haver o s.o que estou usando, mas de repente se for útil… afinal, o que pode estar ocorrendo?
Geane,
Se você fez tudo certo não tem como a animação não funcionar. Recomendo que confira este artigo
onde eu ensino a criar as animações.
Abraço!
Bom dia!
Estou gostando das dicas que estou encontrando aqui…
Mas surgiu uma dúvida, estou tentando criar um site usando o programa Web Acappella e gostaria de saber se teria como colocar a animação criada no Diniz Grif Animator dentro do programa.
Se puder responder-me agradeço desde já.
Ana
Ana Paula,
Eu também não consegui inserir animações no WebAcappella.
Abraço!
Boa tarde Sr. Celso!
O sr. dá curso de web? pois estou precisando de fazer um…
Obrigada!
Ana Paula
Ana Paula,
Eu não dou curso de web não. Infelizmente eu não sei de nenhuma escola que dê este tipo de curso, a maioria são voltados para programas como Dreamweaver e Flash.
Abraço!
muito legal seu site Celso, eu to fazendo esse blog ai , eu nao tenho curso , mais estou tentando aprender a mexer…
blog ainda esta em manutençao . Mais pretendo criar um site de eventos , ainda espero pegar muitas dicas no seu site , achei muito legal mesmo…
se tiver umas dicas de como editar melhor o blog eu ficaria mais agradecido (:
abraços , caso queira conversar comigo e da mais dicas , msn e [email protected]
abraçao , vlw!
Celso, consegui criar uma imagem em movimento, seguindo sua dicas, porém quando posto no Blog ela fica estática, tentei mas não consegui resolver. você pode me ajudar?
tb celso eu queria saber como add um gif animado no cabesario do site abraço
Jorge,
Basta que você faça o gif animado com a medida correta e publique no Webnode. Você pode fazer isso com o PhotoScape.
Abraço!
Meu comentário anterior não vi aqui.Pq? Tentei todas as dicas ,exatamente como vc explicou ,mas ao “salvar como” ,só salvou 1 figura e não animou. Onde errei?
aee, eu fiz tudo do tutorial e deu certo, ta perfeito.
Parabens.
Muito bom esta materia, uma duvida conhece algum programa que faz com que as fotos sejam convertidas para ficarem todas do mesmo tamanho, pelo que entendi vc disse que as fotos tem que ter o mesmo tamanho, para não sair do foco… Agradecido pela atenção, vou indicar seu site.
Abraço.
Reinaldo,
Você pode utilizar qualquer editor de imagens. Basta escolher o tamanho final da imagem.
Abraço!
Ola diniz td bem, peguei sua sugestão flash slideshow maker professional, gostaria de saber se sabe como editar ele no site e se pode me ajudar. Tenho um melhor que consegui ñ sei se conhece Wondershare Flash Gallery mas tb ainda ñ consigo editar, caso queira tenho serial dele. E se puder dar uma mão agradeço um abraço Paulo/Sorocaba/SP.