1. TugaTech » Programação, Scripts e Webmasters » Tutoriais e Dicas
Siga-nos

Realize o Login na sua conta ou Registe-se para participar.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

#1Como criar uma imagem GIF Empty Como criar uma imagem GIF - Qui 21 Jun 2012 - 20:45

androiddops

Utilizador
androiddops
Olá a todos, eu sou novo aqui no forum, e vou pedir parceria ao mesmo, ou seja, troca de banners, aproveito, e faço um tutorial para vos ajudar a criar uma imagem GIF por 200px de largura, por 112 de altura, uma boa resolução para ser banner, aqui está um exemplo:

Como criar uma imagem GIF Banner_rwm

Para isso é preciso o Windows Movie Maker (já vem com o pc, se não vem, instalar atraves do site de Microsof), ou outro software de edição de video, e de um software gratuito, o "Free Video to GIF Converter" (download em http://www.video-gif-converter.com/ )

Primeiro, abrir o Windows Movie Maker, recomendo, que faça download deste pack de efeitos, assim coloca o W. Movie Maker muito mais profissional:

LINK DA PÁGINA DOS EFEITOS COM INSTRUÇÕES

LINK DE DOWNLOAD


1º:
Instale o Free Video to GIF Converter

2º Abra o Windows Movie Maker, e faça um filme, com o conteúdo do seu banner, com o máximo de 15 segundos, senão a imagem fica muito pesada.
Se não sabe mexer no Windows Movie Maker, vá ao youtube, e pesquise "Como Trabalhar o Widows Movie Maker", e irão aparecer muitos tuturiais.


Grave o video na qualidade que quiser, 512 kbps já é suficiente (em formato WMP, para garvar assim tem de ir a barra de ferramentas do lado esquerdo e clicar em Guardar no meu Computador, pelo menos é assim o Windows XP


Após gravar o video, abra o Free Video to GIF Converter, e abra o video que fez, após isso, coloque na janela Extract Frames a largura (Width) coloque 200, ou a largura que quiser, mas quanto mais largura, mais pesado e o GIF

5º Escolha, se quer muita qualidade, ou normal, o normal já fica muito bem, o Excellent Quality ocupa muito mais espaço, ou seja, gif mais pesado

6ºCique em Make GIF, e escolha a localização do ficheiro.

7º coloque o GIF num servidor (Blogspot, ou qualquer outro sitio de armazenamento de imagens)

8º Colocar o link da sua imagem gif e do seu site neste código

Código:
<a href=" LINK DO SEU SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="LINK DA IMAGEM GIF" width="200" /></a>

Espero ter ajudado Very Happy

Duvidas enviem-me mensagem Very Happy

http://rwm.pt pfmpedro

#2Como criar uma imagem GIF Empty Re: Como criar uma imagem GIF - Qui 21 Jun 2012 - 20:54

DJPRMF

Administrador
DJPRMF
Boas,

O método pode ser simples, mas têm um problema: o tamanho final do ficheiro.
Mesmo em qualidade minima, vai acabar com um ficheiro superior a 1MB, algo irrealista em qualquer gif que seja para ser colocado num site.

Por exemplo, o ficheiro que enviou possui quase 2.4MB de tamanho e demora 8 segundos a carregar totalmente:
http://tools.pingdom.com/fpt/#!/tDr0TyZ5x/http://ficheiros.rwm.pt/radio/banner_rwm.gif

Ora, num website, quanto menor o tamanho e mais rápido o site carregar melhor (tanto para os visitantes como para os motores de busca que indexam o site).

Wink


____________________________________________

Como criar uma imagem GIF Tugatechuserbar
Como criar uma imagem GIF 3
Como criar uma imagem GIF 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#3Como criar uma imagem GIF Empty Re: Como criar uma imagem GIF - Qui 21 Jun 2012 - 21:02

androiddops

Utilizador
androiddops
Eu sei que é pesado, mas pode-se meter com menos qualidade, esse e que eu meti com a qualidade máxima, mas este aqui já tem muito menos peso:

Como criar uma imagem GIF Banner_3

700 k, 12 segundos, e bom, pelo menos, não é pesado, na minha opinião

http://rwm.pt pfmpedro

#4Como criar uma imagem GIF Empty Re: Como criar uma imagem GIF - Qui 21 Jun 2012 - 21:09

DJPRMF

Administrador
DJPRMF
12 segundos a carregar? Razz
Penso que isso já seja do servidor Razz

Para ter uma ideia:
http://tools.pingdom.com/fpt/#!/ymafgqe8P/https://tugatech.com.pt/

A pagina inicial do TugaTech, que possui cerca de 1.2MB com todos os ficheiros css, imagens, javascripts e todo o código, carrega em cerca de 3 segundos (ou menos).

A Google, e a maioria dos motores de busca, penalizam os sites que demorem demasiado tempo a carregar.
E, vejamos deste ponto, quanto tempo ficaria à espera que um site carrega-se? Se aceder a um site que demore 1 segundo a carregar e outro que demore 30 segundos, em qual vai permanecer? Razz
Quanto maior o tempo de carregamento, pior, tanto para os visitantes (que irá perder) como para os motores de busca (que irão penalizar o site nos resultados).

E 700Kb para a imagem depende de onde pretenda que seja colocado. Por exemplo, e dando o exemplo para o TugaTech, utilizar a sua imagem na nossa pagina icniial iria atrasar o carregamento significativamente. Wink


____________________________________________

Como criar uma imagem GIF Tugatechuserbar
Como criar uma imagem GIF 3
Como criar uma imagem GIF 2
TugaTech || Host TugaTech
https://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF

#5Como criar uma imagem GIF Empty Re: Como criar uma imagem GIF - Qui 21 Jun 2012 - 21:21

androiddops

Utilizador
androiddops
Eu quando me referi a 12 segundo, não me referia a tempo de carregamento, mas sim a duração do GIF, ele dura 12 segundos, eu limpei a cache e ele carregou-me essa imagem em menos de um segundo!!!

http://rwm.pt pfmpedro

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos




Aplicações do TugaTechAplicações TugaTechDiscord do TugaTechDiscord do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech