[Tutorial] 'Tacando FOGO no Banner.GIF'

Bem-vindo!

Ao se registrar conosco, você poderá discutir, compartilhar e enviar mensagens privadas com outros membros da nossa comunidade.

Inscreva-se agora!
Status
Não está aberto para novas respostas.
JLS2015 disse:
ImpOmxz.gif
E aí, craftlandianos,​
Fiz este tutorial com passos pra tacar fogo no banner.​
Espero que gostem.​
A seguir, os passos:​
Parte 1 - PhotoShop
Abra seu PhotoShop, vá em Arquivo > Novo.​
MGygCqq.png
As dimensões, deixe em 600x250p (pixels).​
No canto esquerdo da tela, use a ferramenta pincel
c1o5cje.png
para poder pintar toda a composição.​
Pinte-a na cor #181818.​
Ficando assim:​
O5k4oYL.png
Agora você já tem sua "tela" onde vai trabalhar o Banner.​
Use a ferramenta de texto
PzByuW7.png
.​
Clique no meio da tela,​
Mude a fonte para uma bem trabalhada, não-tão-simples:​
B1n85QS.png
AF9oM0q.png
OK
9VWi5Yq.png
Pressione CTRL + T e, em seguida, aumente o tamanho do texto.​
NPr4h3W.png
ENTER.​
Clique novamente no meio da tela, com a ferramenta de texto selecionada, e coloque o resto do banner mais simples e pequeno.​
gKOrQ3m.png
Faça o mesmo com todo o texto.​
Procure diversificar nas fontes (não exageradamente).​
Vá nas camadas:​
fUXOW7y.png
Clique com o botão direito no "T" bem trabalhado e vá em 'opções de mesclagem'.​
s4zCpjB.png
Aparecerá uma janela, diferente, clique em Sombra Interna:
IjNTsZ0.png
Deixe mais ou menos assim:​
ITtneqW.png
Agora, em Sobreposição de degradê:​
jU70OMo.png
Mais ou menos assim:​
9Xw5nHG.png
E agora, em Brilho Interno.​
43nOCfR.png
As configurações parecidas com essa:​
nEDXf0j.png
k2OhPoq.png
Faça o mesmo no restante das outras camadas de texto.​
Vai ficar mais ou menos assim:​
ZlgBnFL.png
Vá em Arquivo -> Salvar Como.​
WQZa27V.png
Salve-o no formato PSD.​
dKG8FqN.png
Salvar.
Parte 2 - After Effects.
Para começar, abra o AE.​
Vá em Composition -> New Composition.​
077ZGs2.png
Deixe exatamente assim:​
y7E0QZf.png
OK.​
Vá na sua pasta salva do PhotoShop, e mova para Project.​
V7iJ0g0.png
Clique em Choose layer, e escolha a primeira camada, a camada de fundo, o background:​
yAnHflA.png
OK.​
Faça isso com todas as camadas, e mova-as para Comp 1.​
qBPs95j.png
Selecione todas as camadas de texto, clique com o botão direito do mouse nelas, e logo em seguida clique em Convert to editable text:​
wNE5Ba5.png
Com todas as camadas selecionadas, centralize o texto:​
mmbfhfS.png
Mova o arquivo do ShockWave para Project, e depois mova-o para a Comp 1.​
hZME5da.png
Clique em Normal, mude para Screen.​
iG0fzff.png
Clique com o botão direito do mouse na camada do Shockwave, vá em Time --> Time Stretch...​
L9r5aUK.png
Stretch Factor, deixe em 20.​
xIf0sBM.png
Vá na Timeline, e mova a camada até aonde você quer que comece o efeito.​
ah74vXd.png
Clique em Effects -> VideoCopilot -> VC Color Vibrance.​
0STCVu3.png
Mude a cor para a semelhante de um fogo.​
z79Cjdy.png
Agora, vá em Layer -> New -> Adjustment Layer:​
zsYNfi5.png
Vá em Effects -> VideoCopilot -> HeatDistortion.​
ewcoCHZ.png
Mova a Timeline para o começo.​
wIgRrAY.png
Deixe as configurações como está abaixo, e depois disso, clique no "Relógio" de Distortion Amount e Heat Amount:​
nRnRwIt.png
Mova a Timeline para aonde você deseja que comece o Efeito,​
KdyBEiA.png
Configure o Distortion Amount e o HeatAmount​
tt1n1XO.png
Mova a Timeline 1 Frame para trás, e deixe o:​
Distortion Amount 7​
Heat Amount 4​
Mova mais um Frame para trás, e deixe em:​
Distortion Amount 0​
Heat Amount 0​
Agora vá em Layer -> New -> Solid.​
5jEYgSR.png
A Color (Cor) você deixa preta:​
n8JbUc6.png
Arraste a camada Black Solid 1 para baixo da camada de Adjustment Layer.​
xKrQkgz.png
Mude Black Solid 1 de Normal para Screen.​
fzhKXvV.png
Agora, vá em Effect -> VideoCopilot -> Saber.​
F2xcyRE.png
Deixe as configurações mais ou menos assim:​
E claro, antes, mude o Preset de Default/Normal para Fire.​
x4xSyLu.png
Clique em Core Type.​
Mude para:​
Core Type Text Layer.​
Selecione a camada de texto mais bem trabalhada (no meu caso o "T").​
Vá em Core Size, deixe em 0,00​
n9wAEXk.png
Arraste a Timeline exatamente onde começa o Efeito:​
Hzcl4SM.png
Clique no "Relógio" e mude para 0,10.​
stPqVF9.png
Arraste a Timeline para um pouco antes da onde o Efeito acaba,​
mA9bXYf.png
Mude o Core Size para 0,70.​
5yXUvAM.png
Duplique a camada Black Solid 1, pressionando CTRL + D.​
9CgkcBp.png
Nas configurações do Efeito, lá em Text Layer, mude a camada de texto para uma mais simples.​
zKL7MKX.png
Mude o Core Size para 0,20, também.​
Agora na menor camada de texto, eu deixo o Core Size em 0,15.​
Na camada de texto média, eu deixo o Core Size em 0,30.​
Mova a Timeline um pouco antes de quando começa o efeito, e mude o Core Size de todos os Black Solid's para 0,00.​
TuXYGde.png
2NrRGfc.png
Agora, arraste a Timeline para o final,​
S9EVluN.png
Altere o Core Size de todos os Black Solid's para 0,00, novamente.​
q9090gs.png
Vá na camada de Adjustment Layer, e altere Distortion Amount e Heat Amount para 0,0.​
nRjFRxA.png
Clique em Composition -> Add to Render Queue​
Htknd1q.png
Clique em Comp1.avi e selecione o lugar onde quer salvar.​
Clique em RENDER.​
Parte 3 - PhotoShop.
Com o PhotoShop aberto, vá em Arquivo -> Importar -> Quadros de vídeo para camadas...​
usvJW5w.png
Selecione o vídeo, no lugar onde você o renderizou, e clique em OK.​
zuVdgrr.png
Clique neste ícone
0IBJJOD.png
para criar uma nova camada.​
Mova ela para cima de todas as camadas.​
INvlfFl.png
Clique no Pincel
tftfCxW.png
.​
Mude a cor para:​
3s7iypl.png
Pinte TUDO, e clique em
3FhMXtc.png
, canto inferior direito.​
lxmJu5v.png
Com a cor PRETA, e o pincel mais ou menos assim,​
tyJ0EY8.png
Você clicará no meio do banner,​
Mude a opacidade no canto de cima para 20%.​
W7cgqDp.png
Agora clique mais nas bordas.​
VnV6lgg.png
Ficará assim (mais ou menos).​
Corte a imagem até aonde o efeito chega
HWhgUJB.png
.​
Vá em Arquivo -> Salvar para Web, e o salve no local que achar melhor.​
K1qiQh3.png
O tutorial acabou, agora para upar o banner eu indico dois sites:​
Para baixar os recursos utilizados no tutorial, segue o Download disponibilizado por mim:​
Espero que gostem deste tutorial, e até a próxima o/​
Qualquer dúvida em relação, me envie uma MP. ;p​
s​
Atenciosamente,​
JLS2015.​
jls quando vai na parte de enviar os arquivos do shock wave para o project esta merda nao funciona me helpa, pelo amor de Deus
iy6r5MY.png
 
Ótimo tutorial JLS pena que não manjo do After num sei nem como q bota esses plugins sei lá o nome disso fui tentar botar um Plugin do Efeito Saber no meu After em 10 minutos o After não tá pegando mais kkkkjjjjkkkkjkjjkj já sei que não foi criado pra mim mesmo '-' ;-;
 
O tutorial ficou muito bom, só não gostei mesmo do efeito. ;-;
 
Otimo tutorial, ajudaria mais se meu AE estivesse em ingles :/

Enviado de meu SM-G531H usando Tapatalk
 
Status
Não está aberto para novas respostas.

Users who are viewing this thread

Voltar
Topo