[Tutorial] Banner.Gif

​

Oi amores,​

estou trazendo um tutorial de banner.gif, já que muitos perguntam como se faz, espero que gostem!​

<--------------><-------------->​

Primeiramente, você precisará de fontes boas que combinem com o estilo de seu banner, procure AQUI.​

Precisará também do Photoshop CS6 e do After Effects, então baixe o Photoshop clicando AQUI e baixe o After Effects clicando AQUI.​

​

Spoiler

Abra o seu Photoshop, e vá em Arquivo >> Novo.​

​

​

​

Agora escolha a largura e altura de seu banner, no meu caso será 450 de Largura e 150 de altura. Tirando isso as configurações tem que estar iguais as da print.​

​

​

​

Clique em OK. Vá na ferramenta pincel clique nela e escolha o tamanho que quer. ​

​

​

​

Após isto, vá nas cores e clique no primeiro quadrado (no meu caso o rosa), coloque a cor do fundo do fórum (181818) no espaço em branco e pinte a composição.​

​

​

​

​

​

Até aqui beleza, agora dê sua decoração, vou colocar algumas coisas de fundo, no caso um brilho no fundo e um coração e alguns outros brilhinhos, tudo na cor rosa choque (lembrando que peguei esta fonte de flores do mesmo site que indiquei, é só ir nele e ir em DingBats > Diversas). E caso queiram os brilhinhos de fundo está nesta dúvida > ~~.​

Ficou assim:​

​

​

​

Agora vamos aplicar o texto. Vá na ferramenta de texto selecione a fonte desejada ​

e clique na composição e digite o nick/frase que quer.​

​

​

​

Caso queira somente isto, então vá em Arquivo >> Salvar Como... E salve na Área de Trabalho ou em outro lugar se preferir.​

​

​

​

Vamos a parte do After Effects.​

Abra seu After Effects, e vá em File >> Open Project.​

​

​

​

Caso você abra e esteja "Adobe After Effects Project" você muda para "All File Formats" e procura aonde está a sua PSD.​

​

​

​

Irá abrir uma janela, você coloca "Composition" no lugar de "Footage". E clica em OK.​

​

​

​

Caso esteja sem nada não fique assustado, apenas clique em Project.​

​

​

​

Irá aparecer isso, você aperta duas vezes em "Composition".​

​

​

​

Agora você irá transformar os textos em editáveis. Mas lembre, FUNCIONA SOMENTE COM TEXTOS, não adianta querer editar camada com aquilo que não dará.​

​

​

​

Clica com o botão direito na camada do texto e vá em "Convert To Editable Text".​

​

​

​

E ele ficará assim:​

​

​

​

PRESTE MUITA ATENÇÃO NESTA PARTE, PARECE SIMPLES PARA ALGUNS MAS PARA OUTROS PODEM OCORRER ERROS.​

Os text preset's que irei usar são deste pack, mas também tem este pack então escolham.​

​

Vou selecionar a camada, ir em Window >> AnimationKit.jsxbin.​

​

​

​

Irá aparecer esta janela:​

​

​

​

Você clica em START.​

Irá abrir outra janela com todas as 1333 animações, você escolhe a que quer, e deixa o mesmo número de IN e OUT, e clica em "APPLY PRESET".​

​

​

​

Aí você verá que ficará assim​

​

​

​

e para sua animação de texto aparecer você aperta 0 para renderizar e poder vê-la.​

Caso queira colocar outro número para IN e outro para OUT não alterará em nada. ​

​

Bom, agora vamos a parte de salvar.​

Vá em Composition >> Add to Render Queue.​

​

​

​

Vá em Output To >> e escolha aonde deseja salvar seu banner AVI. Logo após isto clique em "Render".​

​

​

​

Apenas os que tiverem o Photoshop COMPLETO (eu deixei o link no começo do tutorial) poderão salvar assim como eu.​

Vá no Photoshop, e vá em Arquivo >> Abrir...​

​

​

​

Abra seu banner, e se aparecer está janela​

​

​

​

você somente clica em 'OK'.​

Após isto, vá em Arquivo >> Salvar Para Web... ​

​

​

​

E deixe as configurações iguais as minhas.​

​

​

​

E clique em Salvar...​

E seu banner está pronto!​

Upe ele neste site, recomendo.​

​

​

Resultado final​

​

​

​

É isso, espero ter ajudado os que precisavam.​

Atenciosamente,​

[member=ySarinha].​

 

Obrigadaa

 

obrigada sz

 

obrigada amorzinha #teamo

 

Obrigada Gui

 

Obrigadão sz

 

Obrigadaa

 

Se quiser ajuda tamoae