![[IMG]](http://imgur.com/PuhCV6W.gif)
Olá, frouzinhos! <3
Bom, hoje vim mostrar um tutorial simples de banner.gif.
Espero que vocês gostem e peguem a prática rápido.
[HR]
Primeiro, iremos criar um novo ''Projeto'';
Ele irá ser de 400x158
![[IMG]](http://i.imgur.com/1UFRt1e.png?1)
[HR]
Após de criar o novo ''Projeto'', iremos colocar a cor do fórum no fundo do nosso projeto, usando essa ferramenta >
![[IMG]](http://i.imgur.com/aks0jjd.png?1)
Cor do fórum: #181818
![[IMG]](http://i.imgur.com/01JA0EI.png?1)
![[IMG]](http://i.imgur.com/gK0XBSX.png?1)
[hr]
Agora iremos adicionar o texto, usando essa ferramenta> ![[IMG]](http://i.imgur.com/jdTPwW1.png?1)
O meu será TUTORIAL, e a parte que terá efeito será iLuanna
![[IMG]](http://i.imgur.com/hIy3qeX.png?1)
Obs: Se seu texto tiver pequeno, apenas clica na camada do texto
E logo em seguida dá um ctrl+t, e começa aumentar o seu texto do tamanho que preferir.
[hr]
Depois que colocamos o nosso texto iremos dá vida a animação.
Se seu ps não ter a linha de tempo já ativada, apenas vai em Janela> Linha do Tempo. (Pronto terá a linha ativada)
Com a linha de tempo já ativada vai em Criar quadro de animação.
![[IMG]](http://i.imgur.com/wzwEEkh.png)
[hr]
Você irá ver que terá uma frame.
![[IMG]](http://i.imgur.com/JlsDFl8.png)
Então iremos duplicar ela clicando aqui \/
![[IMG]](http://i.imgur.com/loN4d0j.png)
[hr]
Após de duplicar a frame pegue o texto que terá a animação, e escreve ela letras por letras.
Ex:
![[IMG]](http://i.imgur.com/3BopLyz.png)
Após disso coloca ela em ordem.
![[IMG]](http://i.imgur.com/15novzj.png?1)
[hr]
Agora vamos para parte da animação;
Desativa todas as letras/textos
Clicando no olho
![[IMG]](http://i.imgur.com/EfoGhAX.png)
![[IMG]](http://i.imgur.com/xr1Mwwy.png)
[hr]
Agora irei colocar um efeito no texto que não terá a animação de escrita.
Ele terá uma transição meio que aparecendo aos poucos, se você quer colocar o efeito(escrita) pula pro próximo passado.
Bom, irei clicar no olhinho para ativar o texto que não terá o efeito que queremos.
![[IMG]](http://i.imgur.com/UEtuA3x.png)
Após de ativar o olho do texto iremos colocar a animação.
Clicando aqui
![[IMG]](http://i.imgur.com/xvR3qRs.png)
Irá aparecer uma janela de Transição
Onde está Quadros a Adicionar coloca o 5
![[IMG]](http://i.imgur.com/xOXvm0g.png)
E clica em OK
[hr]
Agora vamos para animação de escrita;
Duplica novamente a frame clicando aqui \/
![[IMG]](http://i.imgur.com/Js9dpPt.png)
Após de duplicar;
Clica na primeira frame, e cria uma nova camada.
![[IMG]](http://i.imgur.com/bYAyEzl.png)
Depois que criar uma nova camada, pegue a ferramenta selecionar e faz um quadrado.
Pegue a lata de tinta e clica encima do quadrado selecionado
![[IMG]](http://i.imgur.com/CfzqZUm.png)
Assim o mesmo será pintado.
Agora clicando na setinha, dá um ctrl+t e diminui o quadrado bem fininho.
![[IMG]](http://i.imgur.com/pOrGWuv.png)
[HR]
Depois desse todo procedimento desativa o quadradinho no olho.
![[IMG]](http://i.imgur.com/6UkREnS.png)
Agora ativa o quadradinho novamente e posiciona ele atrás da primeira letra da sua frase.
![[IMG]](http://i.imgur.com/xAlQ3WH.png)
![[IMG]](http://i.imgur.com/bUH2mzg.png)
[hr]
Duplica uma frame, depois ativa a primeira letra da sua frase.
No meu caso seria o i
![[IMG]](http://i.imgur.com/xAlQ3WH.png)
Depois disso duplica mais uma frame.
Após disso, coloca o quadradinho na frente do i e duplica mais uma frame.
![[IMG]](http://i.imgur.com/5qGpGYR.png)
Ativa a segunda letra da sua frase, duplica mais uma frame e novamente coloca o quadradinho na frente da sua segunda palavra
![[IMG]](http://i.imgur.com/Irzx1Ne.png)
Duplica novamente a frame e vai fazendo isso até acabar todas as letras da sua frase.
[hr]
Depois que acabar
Seleciona todas suas frames, desdo começo da animação até o final.
Para selecionar segura o Shift e clina na frame do começo e clica na frame da última animação.
![[IMG]](http://i.imgur.com/HvyXPLK.png)
Obs: Selecionei apenas a metade, pois as outras frames não estava com o efeito de escrita.
[hr]
Depois de ter selecionado clica nessa setinha e clica no 2
![[IMG]](http://i.imgur.com/zW5Ich1.png)
Assim ele terá os segundos que passará as animações.
Após ter feito isso, você poderá ver como ficou animação
![[IMG]](http://i.imgur.com/vsp0B7m.png)
[hr]
Pronto animação feita!
Agora vamos salvar.
Vá em Arquivos>Salvar para web..
![[IMG]](http://i.imgur.com/RmO5VM1.png)
Vai aparecer essa tela, depois onde está Opções de loop coloque em sempre.
![[IMG]](http://i.imgur.com/RBug2iD.png)
Depois clica em salvar.
[hr]
Pronto, gift feita e ela ficou desse jeito.
\/
![[IMG]](http://imgur.com/ywH0N15.gif)
[hr]
E foi isso, espero ter ajudado q-q
Qualquer dúvida manda uma mp para mim.
Beijão e um Feliz Natal.