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:
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:
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%
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'
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,
Clique me upload vídeo!
Vai começar a carregar o envio,
Quando terminar de upar eu deixo as configurações assim:
Depois clique em Convert to GIF!,
Resultado:
Projeto do tuto: Aqui!
.png)
.png)
