[Tutorial] 'Tacando FOGO no Banner.GIF'

Discussão em 'Tutoriais' iniciado por ✔JLS2015, 29 Junho 2017.

Status do Tópico:
Não esta aberto para novas mensagens.
  1. ✔JLS2015

    ✔JLS2015 Hardcore
    VIP

    Afiliado:
    5 Agosto 2015
    Mensagens:
    5,191
    Curtidas Recebidas:
    3,528
    Curtiu:
    3,332
    Sexo:
    Masculino
    Cubos:
    1,890.23
    Nick:
    JLS2015
    Discord:
    JLS2015#5876
    [​IMG]
    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.​
    [​IMG]
    As dimensões, deixe em 600x250p (pixels).​
    No canto esquerdo da tela, use a ferramenta pincel [​IMG] para poder pintar toda a composição.​
    Pinte-a na cor #181818.​
    Ficando assim:​
    [​IMG]
    Agora você já tem sua "tela" onde vai trabalhar o Banner.​
    Use a ferramenta de texto [​IMG].​
    Clique no meio da tela,​
    Mude a fonte para uma bem trabalhada, não-tão-simples:​
    [​IMG]
    [​IMG]
    OK [​IMG]
    Pressione CTRL + T e, em seguida, aumente o tamanho do texto.​
    [​IMG]
    ENTER.​
    Clique novamente no meio da tela, com a ferramenta de texto selecionada, e coloque o resto do banner mais simples e pequeno.​
    [​IMG]
    Faça o mesmo com todo o texto.​
    Procure diversificar nas fontes (não exageradamente).​
    Vá nas camadas:​
    [​IMG]
    Clique com o botão direito no "T" bem trabalhado e vá em 'opções de mesclagem'.​
    [​IMG]
    Aparecerá uma janela, diferente, clique em Sombra Interna:
    [​IMG]
    Deixe mais ou menos assim:​
    [​IMG]
    Agora, em Sobreposição de degradê:​
    [​IMG]
    Mais ou menos assim:​
    [​IMG]
    E agora, em Brilho Interno.​
    [​IMG]
    As configurações parecidas com essa:​
    [​IMG]
    [​IMG]
    Faça o mesmo no restante das outras camadas de texto.​
    Vai ficar mais ou menos assim:​
    [​IMG]
    Vá em Arquivo -> Salvar Como.​
    [​IMG]
    Salve-o no formato PSD.​
    [​IMG]
    Salvar.
    Parte 2 - After Effects.
    Para começar, abra o AE.​
    Vá em Composition -> New Composition.​
    [​IMG]
    Deixe exatamente assim:​
    [​IMG]
    OK.​
    Vá na sua pasta salva do PhotoShop, e mova para Project.​
    [​IMG]
    Clique em Choose layer, e escolha a primeira camada, a camada de fundo, o background:​
    [​IMG]
    OK.​
    Faça isso com todas as camadas, e mova-as para Comp 1.​
    [​IMG]
    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:​
    [​IMG]
    Com todas as camadas selecionadas, centralize o texto:​
    [​IMG]
    Mova o arquivo do ShockWave para Project, e depois mova-o para a Comp 1.​
    [​IMG]
    Clique em Normal, mude para Screen.​
    [​IMG]
    Clique com o botão direito do mouse na camada do Shockwave, vá em Time --> Time Stretch...​
    [​IMG]
    Stretch Factor, deixe em 20.​
    [​IMG]
    Vá na Timeline, e mova a camada até aonde você quer que comece o efeito.​
    [​IMG]
    Clique em Effects -> VideoCopilot -> VC Color Vibrance.​
    [​IMG]
    Mude a cor para a semelhante de um fogo.​
    [​IMG]
    Agora, vá em Layer -> New -> Adjustment Layer:​
    [​IMG]
    Vá em Effects -> VideoCopilot -> HeatDistortion.​
    [​IMG]
    Mova a Timeline para o começo.​
    [​IMG]
    Deixe as configurações como está abaixo, e depois disso, clique no "Relógio" de Distortion Amount e Heat Amount:​
    [​IMG]
    Mova a Timeline para aonde você deseja que comece o Efeito,​
    [​IMG]
    Configure o Distortion Amount e o HeatAmount​
    [​IMG]
    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.​
    [​IMG]
    A Color (Cor) você deixa preta:​
    [​IMG]
    Arraste a camada Black Solid 1 para baixo da camada de Adjustment Layer.​
    [​IMG]
    Mude Black Solid 1 de Normal para Screen.​
    [​IMG]
    Agora, vá em Effect -> VideoCopilot -> Saber.​
    [​IMG]
    Deixe as configurações mais ou menos assim:​
    E claro, antes, mude o Preset de Default/Normal para Fire.​
    [​IMG]
    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​
    [​IMG]
    Arraste a Timeline exatamente onde começa o Efeito:​
    [​IMG]
    Clique no "Relógio" e mude para 0,10.​
    [​IMG]
    Arraste a Timeline para um pouco antes da onde o Efeito acaba,​
    [​IMG]
    Mude o Core Size para 0,70.​
    [​IMG]
    Duplique a camada Black Solid 1, pressionando CTRL + D.​
    [​IMG]
    Nas configurações do Efeito, lá em Text Layer, mude a camada de texto para uma mais simples.​
    [​IMG]
    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.​
    [​IMG]
    [​IMG]
    Agora, arraste a Timeline para o final,​
    [​IMG]
    Altere o Core Size de todos os Black Solid's para 0,00, novamente.​
    [​IMG]
    Vá na camada de Adjustment Layer, e altere Distortion Amount e Heat Amount para 0,0.​
    [​IMG]
    Clique em Composition -> Add to Render Queue​
    [​IMG]
    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...​
    [​IMG]
    Selecione o vídeo, no lugar onde você o renderizou, e clique em OK.​
    [​IMG]
    Clique neste ícone [​IMG] para criar uma nova camada.​
    Mova ela para cima de todas as camadas.​
    [​IMG]
    Clique no Pincel [​IMG].​
    Mude a cor para:​
    [​IMG]
    Pinte TUDO, e clique em [​IMG], canto inferior direito.​
    [​IMG]
    Com a cor PRETA, e o pincel mais ou menos assim,​
    [​IMG]
    Você clicará no meio do banner,​
    Mude a opacidade no canto de cima para 20%.​
    [​IMG]
    Agora clique mais nas bordas.​
    [​IMG]
    Ficará assim (mais ou menos).​
    Corte a imagem até aonde o efeito chega [​IMG].​
    Vá em Arquivo -> Salvar para Web, e o salve no local que achar melhor.​
    [​IMG]
    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​
    Atenciosamente,​
    JLS2015.​
     
    zDaanieel, xD4ndan, Samboa e 5 outras curtiram isso.
  2. yPedrao

    yPedrao Craftlandiano
    VIP

    Afiliado:
    19 Abril 2017
    Mensagens:
    5,937
    Curtidas Recebidas:
    1,031
    Curtiu:
    678
    Sexo:
    Masculino
    Cubos:
    1,005.00
    Nick:
    Pedrao1134
    Clan:
    Trupe
    Discord:
    Pedrao1134#4829
    Ótimo tutorial ;)
     
  3. ✔JLS2015

    ✔JLS2015 Hardcore
    VIP

    Afiliado:
    5 Agosto 2015
    Mensagens:
    5,191
    Curtidas Recebidas:
    3,528
    Curtiu:
    3,332
    Sexo:
    Masculino
    Cubos:
    1,890.23
    Nick:
    JLS2015
    Discord:
    JLS2015#5876
    Obg e.e
     
  4. Avast01

    Avast01 Razoavel

    Afiliado:
    19 Janeiro 2017
    Mensagens:
    1,449
    Curtidas Recebidas:
    91
    Curtiu:
    8
    Sexo:
    Masculino
    Localização:
    Eclipse
    Cubos:
    1,494.00
    Nick:
    Avast01
    Clan:
    THS
    Facebook:
    **
    Skype:
    **
    Twitter:
    **
    Bom tutorial.
     
  5. Otosaka

    Otosaka Hardcore
    VIP

    Afiliado:
    8 Setembro 2011
    Mensagens:
    42,872
    Curtidas Recebidas:
    3,683
    Curtiu:
    305
    Cubos:
    602.00
    Nick:
    Boa, bom tutorial.
     
  6. wLuan

    wLuan Craftlandiano
    VIP

    Afiliado:
    5 Agosto 2014
    Mensagens:
    2,758
    Curtidas Recebidas:
    711
    Curtiu:
    216
    Sexo:
    Masculino
    Ocupação:
    TRABALHO
    Localização:
    LOCALIZANDO...
    Cubos:
    68.04
    Nick:
    wLuan/LUANZAO
    Clan:
    EcT
    Bom tutorial mano, ai que eh bom, ver pessoas ajudando outras :)
     
  7. yThiago

    yThiago Craftlandiano
    VIP Banido

    Afiliado:
    16 Agosto 2016
    Mensagens:
    1,667
    Curtidas Recebidas:
    776
    Curtiu:
    1,126
    Sexo:
    Masculino
    Cubos:
    460.00
    Nick:
    .
    Bom tutorial v:
     
  8. ✔JLS2015

    ✔JLS2015 Hardcore
    VIP

    Afiliado:
    5 Agosto 2015
    Mensagens:
    5,191
    Curtidas Recebidas:
    3,528
    Curtiu:
    3,332
    Sexo:
    Masculino
    Cubos:
    1,890.23
    Nick:
    JLS2015
    Discord:
    JLS2015#5876
    Thx all
     
  9. yDudz

    yDudz Craftlandiano
    VIP

    Afiliado:
    16 Junho 2016
    Mensagens:
    2,340
    Curtidas Recebidas:
    829
    Curtiu:
    1,921
    Sexo:
    Masculino
    Localização:
    Salvador-Ba
    Cubos:
    2,215.00
    Nick:
    yDudz_Gammer
    Clan:
    MdN
    Discord:
    ydudz
    ótimo tutorial XD​
    so nao consigo importa coisas para o meu ps pq da erro;-;
     
  10. ✔JLS2015

    ✔JLS2015 Hardcore
    VIP

    Afiliado:
    5 Agosto 2015
    Mensagens:
    5,191
    Curtidas Recebidas:
    3,528
    Curtiu:
    3,332
    Sexo:
    Masculino
    Cubos:
    1,890.23
    Nick:
    JLS2015
    Discord:
    JLS2015#5876
    Vlws

    qual erro?
     
  11. Aquaria

    Aquaria Hardcore
    VIP

    Afiliado:
    6 Julho 2016
    Mensagens:
    3,124
    Curtidas Recebidas:
    2,348
    Curtiu:
    2,336
    Localização:
    Guarulhos
    Cubos:
    856.00
    Nick:
    Aquaria
    Clan:
    STF
    Ótimo tuto, pena que AE não funfa no meu PC ;/
     
  12. StuurnayDev

    StuurnayDev Neutro

    Afiliado:
    30 Junho 2017
    Mensagens:
    67
    Curtidas Recebidas:
    3
    Curtiu:
    10
    Sexo:
    Masculino
    Localização:
    Irineu
    Cubos:
    92.00
    Nick:
    Sτυυrทαy∂єvєℓσρєr
    Clan:
    ѲƨĐŁçƨĐѲƨĐē√
    Facebook:
    facebook.com/slaoque
    Skype:
    Stuurnay_
    Twitter:
    @HazkaDzn
    Caraca cada tuto que vejo *-* Vou tentar
    Bom Tuto!
     
  13. RyanGaming

    RyanGaming Neutro
    VIP

    Afiliado:
    10 Junho 2016
    Mensagens:
    278
    Curtidas Recebidas:
    17
    Curtiu:
    0
    Sexo:
    Masculino
    Localização:
    Em Frente Ao Pc
    Cubos:
    312.00
    Nick:
    RyanDual
    Clan:
    ZFR
    tivesse feito um vídeo tinha sido melhor, mesmo assim bom tutorial.
     
  14. SITTAA

    SITTAA Excelente
    VIP

    Afiliado:
    25 Junho 2017
    Mensagens:
    1,828
    Curtidas Recebidas:
    440
    Curtiu:
    167
    Sexo:
    Masculino
    Cubos:
    1,379.86
    Nick:
    Sitta/Bronks1
    achei dificil pra mim , otimo tutorial
     
  15. Trocotalha

    Trocotalha Excelente
    VIP

    Afiliado:
    20 Outubro 2016
    Mensagens:
    3,989
    Curtidas Recebidas:
    301
    Curtiu:
    353
    Sexo:
    Masculino
    Localização:
    Rio de Janeiro
    Cubos:
    1,151.00
    Nick:
    Trocotalha
    Ótimo tutorial !
     
  16. Silton

    Silton Craftlandiano
    VIP

    Afiliado:
    25 Novembro 2013
    Mensagens:
    5,981
    Curtidas Recebidas:
    1,006
    Curtiu:
    2,145
    Sexo:
    Masculino
    Cubos:
    1,742.00
    Nick:
    | xSilton |
    aprendi!!
     
  17. lv10

    lv10 Neutro
    VIP

    Afiliado:
    28 Janeiro 2015
    Mensagens:
    459
    Curtidas Recebidas:
    22
    Curtiu:
    0
    Sexo:
    Masculino
    Cubos:
    449.00
    Nick:
    lv10
    Otimo Tutorial ! :p
     
  18. Samboa

    Samboa Craftlandiano
    VIP

    Afiliado:
    14 Abril 2017
    Mensagens:
    1,659
    Curtidas Recebidas:
    643
    Curtiu:
    884
    Sexo:
    Masculino
    Ocupação:
    todo ocupado
    Localização:
    São Paulo
    Cubos:
    1,644.11
    Nick:
    Mitzsu
    tô precisando de uns tutu mesmo, eu não sei fazer nada de design, nada mesmo, nem um banner com letras.
    Negócio tá ruim pra mim
     
  19. OnyziNN

    OnyziNN Excelente
    VIP

    Afiliado:
    17 Julho 2016
    Mensagens:
    2,982
    Curtidas Recebidas:
    349
    Curtiu:
    1,211
    Sexo:
    Masculino
    Cubos:
    3,337.04
    Nick:
    Ony_gamer
    Ótimo tutorial.
     
  20. UpBlaze

    UpBlaze Excelente
    VIP

    Afiliado:
    7 Outubro 2016
    Mensagens:
    5,858
    Curtidas Recebidas:
    461
    Curtiu:
    625
    Sexo:
    Masculino
    Cubos:
    485.24
    Nick:
    iDeathBR/UpBlaze
    Ótimo tutorial men mais vc pd taca fogo pra mim kskskd
     
Status do Tópico:
Não esta aberto para novas mensagens.