[Tutorial] Banners.Gif "Simples"

Fala galera, beleza belezaaa!

Tinha gente me perguntando como eu faço os banners animados, vou mostrar o jeito que eu faço então "lets go!"

Exemplo do que mostrarei no tutorial:


Material Necessário:
​

Spoiler

After Effects CS6 (Podem usar outras versões no meu caso to usando essa!)
Actions
Presets
​

Primeiro crie seu projeto:
Ctrl+Alt+n


Agora clique em (Create a new composition)


Agora vai aparecer as configurações da comp (Composition Settings) deixe desse modo:



Agora Ctrl+t e clique em qualquer parte onde esta preto depois disso escreva seu texto:



Pra deixar essa borda no texto eu dupliquei a camada do texto Ctrl+d dai pintei a camada de baixo de vermelho usando as ferramentas de texto no canto direito e depois apertei y e usando as setas do teclado movimentei duas vezes para o lado esquerdo depois uma vez para baixo.

Crie um solido , vá no espaço vazio abaixo da layer de texto clique com direito em seguida vá em [New] > [Solid] agora abriu as configurações do solido (Solid Settings) deixe do jeito que esta abaixo:




Deixa o solido (Fundo) abaixo dos textos como esta abaixo:


Animação

Beleza agora a animação dessa bagaça, vamos usar alguns actions e presets.

Primeiro de dois(2) cliques na área selecionada, tem que esta na guia projeto:


Apos ter feito isso vai abrir a guia dos arquivos, você vai selecionar alguma animação do pack e abri-la!
(OBS: a minha pasta vai esta diferente pois eu tenho mais coisas então eu deixo em outro local):



Vou abrir a pasta Lines e a que acho mais legal mais você pode esta usando outros tipos:



Agora abra mais uma pasta e escolha a animação pode escolher varias oque vale e a criatividade!
*Para dar uma adiantada eu já escolhi as animações que vou usar!



Para cada line que for usar crie uma nova (comp) para poder editá-la antes de colocar junto ao seu banner.



Clique duas vezes em alguma das composições criadas e araste sua animação ate ela:


Ela estará grande para diminuir você aperta (V) vai na tela do vídeo e primeiro redimensiona o tamanho para 25% selecione a camada do texto e comece a diminui pelos quadrados que estão nas pontas!



Quando terminei de diminuir isso deixei o tamanho em 100% novamente

Agora ta assim:


Vou arrastar a comp (Line1) para a (Comp1).


(OBS: clique com direito na camada da line vá em [Blending Mode] > [Screen], isso vai retirar a parte preta da camada só deixar a parte que tem animação!)

Agora vou procurar um preset que combine com essa animação!


Agora vou repetir o processo de ajeitar mais uma animação então vou pular isso pois já expliquei mais acima:


Isso vai da sua criatividade para fazer uma combinação top, vou terminar de posicionar as animações que vou querer usar!
(Dica: você pode duplicar a camada da animação e mudar a posição fazendo uma animação diferente das que tem disponível no pack).

Terminado:



Pintando as animações.

Para pintar tudo e bem fácil, crie um sólido como eu ensinei mais na parte da cor do solido você coloca a cor que quer deixar nos actions.

Ex:

OBS: clique com direito na camada do solido vá em [Blending Mode] > [Hue] e deixe a camada do solido em cima de todos os actions!

Pra finalizar o gif de Ctrl+M você pode esta dando um nome ao gif clique em 'Comp 1.avi' e depois escolha o nome que você queira e clique 'salvar':



Clique em render!

Transformando em GIF

Para deixar o nosso vídeo como um Gif podemos usar o Photoshop ou site que transformem vídeos em Gif irei usar o site:

Link do Site: https://ezgif.com/video-to-gif

Vá em escolher arquivo, selecione o vídeo que você salvo!


Clique me upload vídeo!


Vai começar a carregar o envio, o vídeo não pode ser maior que 100MB caso seja upe pelo Photoshop!

Quando terminar de upar eu deixo as configurações assim:


Depois clique em Convert to GIF!, salve o gif e upe ele em algum site de upar imagens como o imgur e outros e pronto gif feito!

Resultado:



Projeto do tuto: Aqui!​

 

Também tava com medo disso mesmo estando explicado e muita coisa dai pode atrapalhar kkk

 

thanks all

 

Tbm!

Obrigado!

 

Obrigado!