[Tutorial] Banners.Gif "Simples"

Discussão em 'Tutoriais' iniciado por Lord Grim, 25 Novembro 2017.

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

    Lord Grim Razoavel
    VIP

    Afiliado:
    24 Agosto 2017
    Mensagens:
    213
    Curtidas Recebidas:
    77
    Curtiu:
    45
    Sexo:
    Masculino
    Localização:
    Aracaju-Se
    Cubos:
    820.00
    Nick:
    Lord Grim
    Clan:
    STN
    Discord:
    Lord Grim#4664
    Fala galera, beleza belezaaa!

    Tinha gente me perguntando como eu faço os banners animados, vou mostrar o jeito que eu faço então "lets go!"

    Exemplo do que mostrarei no tutorial:
    [​IMG]

    Material Necessário:
    After Effects CS6 (Podem usar outras versões no meu caso to usando essa!)
    Actions
    Presets

    Primeiro crie seu projeto:
    Ctrl+Alt+n

    [​IMG]

    Agora clique em (Create a new composition)
    [​IMG]

    Agora vai aparecer as configurações da comp (Composition Settings) deixe desse modo:
    [​IMG]
    [​IMG]

    Agora Ctrl+t e clique em qualquer parte onde esta preto depois disso escreva seu texto:
    [​IMG]

    [​IMG]
    Pra deixar essa borda no texto eu dupliquei a camada do texto Ctrl+d dai pintei a camada de baixo de vermelho usando as ferramentas de texto no canto direito e depois apertei y e usando as setas do teclado movimentei duas vezes para o lado esquerdo depois uma vez para baixo.

    Crie um solido , vá no espaço vazio abaixo da layer de texto clique com direito em seguida vá em [New] > [Solid] agora abriu as configurações do solido (Solid Settings) deixe do jeito que esta abaixo:
    [​IMG]

    [​IMG]

    Deixa o solido (Fundo) abaixo dos textos como esta abaixo:
    [​IMG]

    Animação

    Beleza agora a animação dessa bagaça, vamos usar alguns actions e presets.

    Primeiro de dois(2) cliques na área selecionada, tem que esta na guia projeto:
    [​IMG]

    Apos ter feito isso vai abrir a guia dos arquivos, você vai selecionar alguma animação do pack e abri-la!
    (OBS: a minha pasta vai esta diferente pois eu tenho mais coisas então eu deixo em outro local):

    [​IMG]

    Vou abrir a pasta Lines e a que acho mais legal mais você pode esta usando outros tipos:

    [​IMG]

    Agora abra mais uma pasta e escolha a animação pode escolher varias oque vale e a criatividade!
    *Para dar uma adiantada eu já escolhi as animações que vou usar!

    [​IMG]

    Para cada line que for usar crie uma nova (comp) para poder editá-la antes de colocar junto ao seu banner.

    [​IMG]

    Clique duas vezes em alguma das composições criadas e araste sua animação ate ela:
    [​IMG]

    Ela estará grande para diminuir você aperta (V) vai na tela do vídeo e primeiro redimensiona o tamanho para 25% [​IMG] selecione a camada do texto e comece a diminui pelos quadrados que estão nas pontas!

    [​IMG]

    Quando terminei de diminuir isso deixei o tamanho em 100% novamente [​IMG]

    Agora ta assim:
    [​IMG]

    Vou arrastar a comp (Line1) para a (Comp1).
    [​IMG]

    (OBS: clique com direito na camada da line vá em [Blending Mode] > [Screen], isso vai retirar a parte preta da camada só deixar a parte que tem animação!)

    Agora vou procurar um preset que combine com essa animação!
    [​IMG]

    Agora vou repetir o processo de ajeitar mais uma animação então vou pular isso pois já expliquei mais acima:
    [​IMG]

    Isso vai da sua criatividade para fazer uma combinação top, vou terminar de posicionar as animações que vou querer usar!
    (Dica: você pode duplicar a camada da animação e mudar a posição fazendo uma animação diferente das que tem disponível no pack).

    Terminado:
    [​IMG]
    [​IMG]

    Pintando as animações.

    Para pintar tudo e bem fácil, crie um sólido como eu ensinei mais na parte da cor do solido você coloca a cor que quer deixar nos actions.

    Ex:
    [​IMG]
    OBS: clique com direito na camada do solido vá em [Blending Mode] > [Hue] e deixe a camada do solido em cima de todos os actions!

    Pra finalizar o gif de Ctrl+M você pode esta dando um nome ao gif clique em 'Comp 1.avi'[​IMG] e depois escolha o nome que você queira e clique 'salvar':

    [​IMG]

    Clique em render! [​IMG]

    Transformando em GIF

    Para deixar o nosso vídeo como um Gif podemos usar o Photoshop ou site que transformem vídeos em Gif irei usar o site:

    Link do Site: https://ezgif.com/video-to-gif

    Vá em escolher arquivo, [​IMG] selecione o vídeo que você salvo!
    [​IMG]

    Clique me upload vídeo!
    [​IMG]

    Vai começar a carregar o envio, [​IMG]o vídeo não pode ser maior que 100MB caso seja upe pelo Photoshop!

    Quando terminar de upar eu deixo as configurações assim:
    [​IMG]

    Depois clique em Convert to GIF!, [​IMG] salve o gif [​IMG] e upe ele em algum site de upar imagens como o imgur e outros e pronto gif feito!

    Resultado:

    [​IMG]

    Projeto do tuto: Aqui!
     
    Luigfx, Nara, EsquiloSC e 12 outras curtiram isso.
  2. Denis1

    Denis1 Excelente
    VIP

    Afiliado:
    4 Outubro 2017
    Mensagens:
    1,154
    Curtidas Recebidas:
    498
    Curtiu:
    541
    Cubos:
    1,798.00
    Nick:
    denis1
    Discord:
    Denis1#7054
  3. Otosaka

    Otosaka Hardcore
    VIP

    Afiliado:
    8 Setembro 2011
    Mensagens:
    42,872
    Curtidas Recebidas:
    3,683
    Curtiu:
    305
    Cubos:
    602.00
    Nick:
    Bom tutorial. ​
     
  4. Rafalaw

    Rafalaw Neutro
    Banido

    Afiliado:
    7 Outubro 2017
    Mensagens:
    120
    Curtidas Recebidas:
    10
    Curtiu:
    0
    Sexo:
    Masculino
    Localização:
    Confronto
    Cubos:
    131.00
    Nick:
    Walker_AW
    Clan:
    Trupe
    Skype:
    raffael_monteiro04
    muito bom mais quem disse que é fácil de fazer, prefiro os design fazendo pra min
     
  5. 00000000

    00000000 Excelente

    Afiliado:
    25 Fevereiro 2016
    Mensagens:
    1,024
    Curtidas Recebidas:
    250
    Curtiu:
    277
    Ocupação:
    00000000
    Localização:
    0000000
    Cubos:
    1,258.00
    Nick:
    00000000
    Clan:
    000
    Belo tutorial, bem explicado, além de ter deixado os links dos matérias colocou imagens bem detalhadas
    depois vou seguir ahsuahs :3
     
  6. r e n e g a d 0

    r e n e g a d 0 Razoavel
    VIP Banido

    Afiliado:
    1 Dezembro 2015
    Mensagens:
    557
    Curtidas Recebidas:
    66
    Curtiu:
    134
    Sexo:
    Masculino
    Localização:
    Medianeira/PR
    Cubos:
    784.00
    Nick:
    xGeeh
    Discord:
    xGeeh#7972
    Belo tutorial, parabéns!
     
  7. Lord Grim

    Lord Grim Razoavel
    VIP

    Afiliado:
    24 Agosto 2017
    Mensagens:
    213
    Curtidas Recebidas:
    77
    Curtiu:
    45
    Sexo:
    Masculino
    Localização:
    Aracaju-Se
    Cubos:
    820.00
    Nick:
    Lord Grim
    Clan:
    STN
    Discord:
    Lord Grim#4664
    Também tava com medo disso mesmo estando explicado e muita coisa dai pode atrapalhar kkk
     
  8. Botecolandia

    Afiliado:
    23 Outubro 2017
    Mensagens:
    731
    Curtidas Recebidas:
    110
    Curtiu:
    138
    Cubos:
    826.00
    Nick:
    .
    Ótimo tutorial
     
  9. Joao134715

    Joao134715 Craftlandiano
    VIP

    Afiliado:
    16 Janeiro 2015
    Mensagens:
    21,870
    Curtidas Recebidas:
    1,357
    Curtiu:
    931
    Sexo:
    Masculino
    Localização:
    São Paulo
    Cubos:
    1,989.94
    Nick:
    Joao134715
    Clan:
    SoH
  10. Rafalaw

    Rafalaw Neutro
    Banido

    Afiliado:
    7 Outubro 2017
    Mensagens:
    120
    Curtidas Recebidas:
    10
    Curtiu:
    0
    Sexo:
    Masculino
    Localização:
    Confronto
    Cubos:
    131.00
    Nick:
    Walker_AW
    Clan:
    Trupe
    Skype:
    raffael_monteiro04
    kkk tem razão
     
  11. iNathanSZ

    iNathanSZ Craftlandiano
    VIP

    Afiliado:
    20 Julho 2017
    Mensagens:
    4,802
    Curtidas Recebidas:
    512
    Curtiu:
    304
    Sexo:
    Masculino
    Localização:
    BuildBattle
    Cubos:
    1,824.57
    Nick:
    Nathan_SZ
    Clan:
    Night Raid
    Discord:
    Iludido#5311
    Skype:
    Nathan Heart
    Ótimo tutorial -p
     
  12. Lord Grim

    Lord Grim Razoavel
    VIP

    Afiliado:
    24 Agosto 2017
    Mensagens:
    213
    Curtidas Recebidas:
    77
    Curtiu:
    45
    Sexo:
    Masculino
    Localização:
    Aracaju-Se
    Cubos:
    820.00
    Nick:
    Lord Grim
    Clan:
    STN
    Discord:
    Lord Grim#4664
  13. yJapaG0D

    yJapaG0D Neutro

    Afiliado:
    26 Julho 2017
    Mensagens:
    11
    Curtidas Recebidas:
    1
    Curtiu:
    0
    Sexo:
    Masculino
    Cubos:
    12.00
    Nick:
    yJapaG0D
    te amo <3
     
    Lord Grim curtiu isso.
  14. iViniZ

    iViniZ Lendário
    VIP

    Afiliado:
    1 Dezembro 2013
    Mensagens:
    20,436
    Curtidas Recebidas:
    4,988
    Curtiu:
    3,068
    Sexo:
    Masculino
    Cubos:
    666.00
    Nick:
    iViniZ
    Clan:
    mTx
    Bom tuto rapaz
     
  15. Lord Grim

    Lord Grim Razoavel
    VIP

    Afiliado:
    24 Agosto 2017
    Mensagens:
    213
    Curtidas Recebidas:
    77
    Curtiu:
    45
    Sexo:
    Masculino
    Localização:
    Aracaju-Se
    Cubos:
    820.00
    Nick:
    Lord Grim
    Clan:
    STN
    Discord:
    Lord Grim#4664
    Tbm!

    Obrigado! [​IMG]
     
    yJapaG0D curtiu isso.
  16. Jstr

    Jstr Craftlandiano
    VIP

    Afiliado:
    19 Fevereiro 2015
    Mensagens:
    947
    Curtidas Recebidas:
    599
    Curtiu:
    615
    Sexo:
    Masculino
    Cubos:
    1,501.29
    Nick:
    Jstr
    Ótimo tutorial!
     
  17. Lord Grim

    Lord Grim Razoavel
    VIP

    Afiliado:
    24 Agosto 2017
    Mensagens:
    213
    Curtidas Recebidas:
    77
    Curtiu:
    45
    Sexo:
    Masculino
    Localização:
    Aracaju-Se
    Cubos:
    820.00
    Nick:
    Lord Grim
    Clan:
    STN
    Discord:
    Lord Grim#4664
    Obrigado! [​IMG]
     
  18. Δ AtahOkay Δ

    Δ AtahOkay Δ Razoavel

    Afiliado:
    15 Julho 2017
    Mensagens:
    2,330
    Curtidas Recebidas:
    69
    Curtiu:
    132
    Cubos:
    6.00
    Nick:
    | AtahOkay |
    Muito bom e.e
    Ótimo tutorial!

    Enviado de meu Moto G (5) Plus usando Tapatalk
     
  19. iNouaw

    iNouaw Neutro

    Afiliado:
    23 Novembro 2017
    Mensagens:
    132
    Curtidas Recebidas:
    18
    Curtiu:
    0
    Sexo:
    Masculino
    Cubos:
    148.00
    Nick:
    iNoua
    Clan:
    Nenhum :((
    Discord:
    Noua#4654
    Ótimo tuto eee
     
  20. Yuki-san

    Yuki-san Neutro

    Afiliado:
    5 Maio 2017
    Mensagens:
    200
    Curtidas Recebidas:
    7
    Curtiu:
    0
    Sexo:
    Feminino
    Cubos:
    185.98
    Nick:
    Vanexxa
    Vou tentar fazer o meu <3
     
Status do Tópico:
Não esta aberto para novas mensagens.