Ir para conteúdo

[Tutorial] Como fazer um Banner.Gif #2


Pekenu

Postagens Recomendadas

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

 

Olá pessoal do fórum, venho aqui trazer outro tutorial movimento (efeito escrita) de banner.gif  (Simples), vou ensinar como eu faço, então vamos lá:

[Leia com atenção e vai clicando em "Show"]

 
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 texto que você deseja para o seu banner.gif, palavra por palavra:

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

 

Depois disso coloque em ordem:

http://i.imgur.com/0Ilyz5X.png

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

 

 

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 a frame e deixa todas as palavras invisíveis clicando o "olho":

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

 

Crie outra frame e deixe visível a primeira letra, crie outra frame e deixa a segunda letra visível...crie outra frame e deixa a terceira visível e vai fazendo o mesmo com o resto:

http://i.imgur.com/j3yHe1f.png
 
http://i.imgur.com/0v5toA3.png

 

Segue este procedimento até ir todas as letras, no final vai ficar assim:

http://i.imgur.com/OuH3eHi.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 dois segundos), e clica em Uma vez coloque Sempre.

http://i.imgur.com/CjBFlvV.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/CQAYptL.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/wo8Fn1i.gif

 

Ll32pk7.png

 

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

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

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

 

Ll32pk7.png

 

NO RIP

Link para o comentário
Compartilhar em outros sites

  • 3 semanas depois...
  • 4 semanas depois...

Junte-se à conversa

Você pode postar agora e registrar-se mais tarde. Se você tiver uma conta, logue agora para postar com sua conta.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Processando...
  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.

×
×
  • Criar Novo...