[Tutorial] Como fazer um Banner.Gif #1

[Pekenu]

http://i.imgur.com/jAiDZcc.gif

 

Olá pessoal do fórum, venho aqui trazer um tutorial que muitos me pediram, como fazer um banner.gif (Simples), vou ensinar como eu faço, então vamos lá:

[LEIA COM ATENÇÃO]

:1f608: Vai clicando em Show   :1f608: 

 

Parte 1

 

Crie um novo arquivo: 

http://i.imgur.com/fJdeH2L.png

 

Coloca a LarguraxAltura que você deseja, no caso vou colocar "350x180":

http://i.imgur.com/p9VrsiW.png

 

Obs: Você pode fazer com fundo transparente ou com uma cor que você deseja, eu vou fazer transparente. 

 

Logo depois, você escreve o que você deseja pro seu banner.gif (é igual uma Logo). Escreva o texto que você deseja:

http://i.imgur.com/fF1iJBB.png

 

Agora vamos dar vida ao nosso banner.gif:

 

Clica duas vezes na camada que deseja, e vai em "Sobreposição de Degradê" (Não e necessário colocar isso)

http://i.imgur.com/vmj2MOR.png

Coloque uma cor, fonte etc..deixe do jeito que você desejar. 

 

Depois que terminar, vai ficar assim (o meu ficou assim):

http://i.imgur.com/5lntWBo.png

 

Parte 2 

 

Vamos começar a fazer a gif, vai ter uma opção lá embaixo chamada "Criar linha de tempo de vídeo" ao lado disso terá uma seta para baixo, aí vai ter uma opção chamada "Criar quadro de animação" você clica nela:

http://i.imgur.com/zuF9YDH.png

 

 

Continuando, duplique mais 3 (clique 3x) quadro da "Linha do Tempo" clicando aqui:

http://i.imgur.com/4qOGpZa.png

 

Você vai escolher qual camada (layer) vai querer se mover, faz uma cópia dela (Ctrl + J), vai ficar assim:

http://i.imgur.com/EODbcQX.png

 

Bom, no meu, vou mover a palavra "INSTAMC", vá em "Filtros" depois em "Desfoque" e clique na opção "Desfoque de Movimento" clica em "Ok" ai vai aparecer uma aba:

http://i.imgur.com/jmbGiUo.png

 

Vai abrir uma aba:

http://i.imgur.com/KraMciz.png

Ângulo: 1

Distância: 19

(Obs: Nesse banner.gif vou estar colocando o efeito de movimentação)

 

 

No primeiro quadro da Linha do Tempo clicando no olho, você deixa o cópia da camada invisível:

http://i.imgur.com/Sv0WsOn.png

 

No segundo quadro da Linha do Tempo você deixa todas as camadas visíveis: 

http://i.imgur.com/Vq0IbTj.png

 

No terceiro quadro da Linha do Tempo você deixa a camada sem desfoque invisível, a cópia deixa visível:

http://i.imgur.com/4iTk7uh.png

 

E no quarto quadro da Linha do Tempo você deixa a camada sem desfoque visível e a cópia invisível:

http://i.imgur.com/MfRFlvx.png

 

Agora você clica no primeiro quadro da Linha do Tempo, segurando o Shift você clica no último quadro, depois clica na seta e coloca o tempo que deseja (eu vou colocar 1s), e clica em "Uma vez" coloque Sempre. 

http://i.imgur.com/eV5u7VT.png

 

Final

 

E seu Banner.gif está pronto, agora só falta salvar. Clique em "Arquivo", "Salvar para Web" (Alt + Shift + Ctrl + S), você pode ver como ficou clicando no play em baixo das Opções de loop.

http://i.imgur.com/3BpI7XA.png

 

E por fim, clique em "Salvar", selecione um lugar no seu computador para salvar e clica em "Salvar".

 

Resultado final:

http://i.imgur.com/AWgWj31.gif

 

Lembrando que foi um tutorial simples e existem vários movimentos para Banner.gif,

se quiser que eu faça outro tutorial de movimento diferente, deixe seu like & comentário!

Críticas e dicas construtivas são sempre bem-vindas! Espero ter ajudado vocês.

 

NO RIP

[MickeyMouse]

Aí sim, esse é o meu irma1 hahaha

[FireS2]

Bom tuto men :v

[Pekenu]

Aí sim, esse é o meu irma1 hahaha

Valeu irma1 sz

 

 

Bom tuto men :v

 

Valeu men :v

[iceysaint]

Ótimo Tutorial 

Anão

[Anjoh]

Nice

[Pekenu]

Ótimo Tutorial 

Anão

Valeu Anna '-'

 

Nice

Valeu predu! 

[LytyGN_]

Ótimo tutorial vai me ajudar sz .-.

[Eryn]

Tankiou dlç sz

[Pekenu]

Ótimo tutorial vai me ajudar sz .-.

Valeu jovem red sz

 

 

 

Tankiou dlç sz

 

Ae ó kkkk, parabéns! sz

[Pekenu]

upei

[Anjoh]

Simples e fácil, ótimo tutorial. ;)

[yFeeh]

Muito bom Pekenuu depois faço o teste é posto aqui sz

[Pekenu]

Simples e fácil, ótimo tutorial. ;)

Valeu Predu! sz

 

Muito bom Pekenuu depois faço o teste é posto aqui sz

Valeu fivê, vou esperar hein..sz

[yFeeh]

Valeu Predu! sz

 

Valeu fivê, vou esperar hein..sz

Fiz um teste é ficou assim \/

http://i.imgur.com/zrYwqll.gif

 

[Pekenu]

Fiz um teste é ficou assim \/

 

Aprendeu, parabéns kkk simples né não....

Mas esse é o movimento mais simples, vou fazer mais.

[Anjuh]

Parabéns, Pekenu ;)

Ótimo tutorial.

[Lobona]

http://i.imgur.com/0rW2Ws8.gif

Nuba sendo Nuba KKKKKKKKKKKK

 

AMEI MENOR :3

[iceysaint]

q Dlç

http://i.imgur.com/1x61Hpa.gif

[Cheddar]

Ótimo tutorial, irei tentar depois.