Botão de assinatura animado do YouTube com clique no After Effects | Phil Ebiner | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Botão de assinatura animado do YouTube com clique no After Effects

teacher avatar Phil Ebiner, Video | Photo | Design

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

2 aulas (14 min)
    • 1. Introdução

      0:17
    • 2. Animar um popup de botão de assinatura do YouTube

      13:34
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

437

Estudantes

--

Sobre este curso

Quer impulsionar seus assinantes do YouTube?

Adicione um botão de assinatura animado do YouTube com um clique do mouse em seus vídeos para obter mais assinantes do YouTube.

Você vai aprender a fazer isso no Adobe After Effects agora!

Usar gráficos de movimento vai fazer seus vídeos parecerem mais profissionais e podem ajudar você a aumentar o engajamento do público.

Baixe o arquivo de projeto no Projeto de classe depois de se inscrever para acompanhar.

Este curso é ensinado no Adobe After Effects CC 2017, mas você pode usar qualquer versão do After Effects para criar esse terceiro inferior.

Conheça seu professor

Teacher Profile Image

Phil Ebiner

Video | Photo | Design

Professor

Can I help you learn a new skill?

Since 2012 have been teaching people like you everything I know. I create courses that teach you how to creatively share your story through photography, video, design, and marketing.

I pride myself on creating high quality courses from real world experience.

MORE ABOUT PHIL:

I've always tried to live life presently and to the fullest. Some of the things I love to do in my spare time include mountain biking, nerding out on personal finance, traveling to new places, watching sports (huge baseball fan here!), and sharing meals with friends and family. Most days you can find me spending quality time with my lovely wife, twin boys and a baby girl, and dog Ashby.

In 2011, I graduated with my Bachelor of Arts in Film and Tele... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Se você tem um canal do YouTube, você provavelmente quer mais assinantes, e neste módulo você aprenderá como obter mais assinantes com um botão de inscrição animado e um clique animado do mouse. Isso é algo que você pode colocar em todos os seus vídeos do YouTube, então vamos mergulhar. 2. Animar um popup de botão de assinatura do YouTube: nesta lição, você aprenderá como criar um botão pop-up de inscrição como este. Quando isso aparece na tela, um mouse se destaca, ele clica nele e depois limpa. Então vamos começar após os efeitos de você ainda não ter feito isso. Vá em frente e baixe o arquivo do projeto e os ativos para este projeto. Você vai precisar deles. O inclui um botão do YouTube e uma mão o ícone da mão do mouse. Importante essas duas coisas em efeitos após e, em seguida, clique no novo botão de composição iniciado. Nova composição. Você pode chamá-lo do que quiser, Whitey Clique no YouTube clique e a duração de cerca de dois segundos de maio. Vamos apenas fazer 23 segundos para estar seguro e depois clicar. OK, nesta lição, vamos dar um passo adiante e usar algumas técnicas que não aprendemos antes neste curso. Então preste atenção e prepare-se para impressionar seus colegas YouTubers com um gráfico legal. A primeira coisa que precisamos fazer é trazer nosso gráfico de tubo você para que você possa simplesmente colocá-lo em sua linha do tempo e estender, então certifique-se de que ele está na tela. Vou mudar o tamanho um pouco para baixo. Então eu vou pressionar s mudou a escala para 60. Agora, vamos trazer em nossa mão alguns vai deixar cair isso em cima do nosso botão de assinatura do YouTube. E o tamanho é muito bom, na verdade. Talvez torná-lo um pouco menor, vamos colocar em 80. Isso parece muito bom. Então, a primeira coisa que eu quero fazer é inimigar a mão vindo para a tela. Então coloque no que você acha que é um bom ponto de descanso final. Vou colocá-lo bem ali, não cobrindo o texto de assinatura. Então eu vou para cerca de 20 quadros cerca de 2/3 de segundo e trazer a posição para a minha mão e, em seguida, selecionar o quadro chave. Mas dentro do cronômetro para adicionar um quadro chave. Eu também vou trazer a rotação assim que estão no meu teclado. Em seguida, clique no cronômetro para definir uma tecla a partir daí e pressione novamente para ver os quadros de teclas para posição e rotação. Lá no meu quadro, eu vou voltar para zero quadros e eu vou primeiro girar apenas ligeiramente para a esquerda para ver um pouco de rotação sobre 11 negativo e então eu vou clicar e mover esta tela do escritório para baixo na parte inferior. Então agora ele meio que vem e gira também. Só estou a fazer um pouco mais dinâmico. Eu poderia ser capaz de fazer isso um pouco mais negativo 20 Então é um pouco mais dinâmico. Claro, nós estamos indo para Eazy E Então f nove em seu teclado ou clique com o botão direito do mouse Eazy Frankie Frame assistente Eazy e. Também vamos ativar o Borrão em movimento. Vamos fazer isso para ambas as camadas, em seguida, ir para o nosso editor de gráficos e adicionar um pouco pop. Você sabe, eu amo o pop, então selecione todos os quadros chave, dirija os da esquerda e os da direita e também. Agora temos este rato na mão dele a voar. A próxima coisa que vamos fazer é adicionar o pequeno empurrão de botão. Então vimos aqui. Temos o pequeno botão pressionando, então um pouco de animação de tamanho ou escala vai ser bom para isso. Então aqui mesmo depois que ele vem em talvez alguns quadros depois, vamos como tanto a mão eo botão do YouTube e pressione s iniciar um quadro de chave para a escala . Então eu vou repassar apenas cerca de cinco quadros. Vou pressionar o comando no controle do Mac em um PC e, em seguida, pressionar o botão de seta para a direita em seu teclado cerca de cinco quadros, em seguida, definir um novo quadro de teclas aqui, basta clicar no diamante de quadro de teclas adicionar ou remover bem ali e, em seguida, à direita no meio. Vamos mudar a escala. Então com a mão ou vamos começar com o botão, vamos descer para 58 Pouco empurrar a mão. Vamos para 75 e vamos realmente mover esses últimos quadros chave em apenas um cabelo assim . Vamos ver como fica. Parece bastante natural. Eu não acho que precisamos de Eazy E, esses que realmente poderiam muito bem. Adoro facilitar, por isso é f nove. Aqueles selecioná-los no Eazy E's Cool, então isso é muito incrível. O outro pequeno tipo de detalhe, acrescentei, foi que o botão de assinatura escureceu como a mão pairava sobre ele. Então, vamos adicionar o efeito de brilho e contraste ao botão de assinatura do YouTube. Você pode encontrá-lo procurando por brilho em seus efeitos e predefinições. Agora, assim que a mão paira bem ali atrás, exatamente onde começa a passar pelo botão de assinatura. Vamos definir um quadro chave para brilho e contraste. Na verdade, só brilho está bom. Vamos presidi-lo no nosso teclado para trazer isso à tona. Então vamos também para o último quadro de chave depois que o botão de assinatura tipo aparece de volta ao tamanho normal. E vamos duplicar esse quadro de chave apenas copiando e colando, ou clicando no botão de diamante ali à esquerda. Agora alguns quadros depois disso, o que é escurecê-lo? Vamos apenas baixar o brilho para menos 70 ou menos negativos. E então vamos copiar esse movedor de quadro chave em nossa linha de tempo para a direita antes do botão pressionar na verdade, bem no meio, quando ele está para baixo e, em seguida, colá-lo, isso parece muito bom. Eu vou apenas estender esta transição um pouco. Na verdade, vai começar a escurecer pouco antes, mas acho que vai parecer um pouco mais natural. Talvez só torná-lo um pouco mais lento, como tão bom. Adoro isso legal. Então agora vamos adicionar um pequeno pop-up para a assinatura do YouTube, mas em si mesmo, e isso é feito apenas com alguns quadros-chave. Então, para o botão de assinatura do YouTube e vamos trazer para cima escala e disse um quadro-chave à direita em torno, você sabe, apenas alguns quadros para a animação, em seguida, são para trazer na rotação e definir um quadro-chave. Em seguida, você deve trazer os dois quadros chave. Vamos voltar. Vamos girar cerca de 18 negativos e, em seguida, definir a escala para zero. Então agora temos isso aparecendo. Talvez a rotação para menos 25 ou mais. Isso é muito bom. Vamos adicionar Eazy E's à rotação para que saibas como fazer isso. F nove em seu teclado ou clique com o botão direito do mouse assistente de quadro Eazy E. Vamos tornar essa rotação um pouco mais dramática, então vamos para o Native 45. Isso é muito legal. A outra coisa que é muito sutil, no entanto, é que esta assinatura, é que esta assinatura, mas na verdade meio que aparece, e é maior, e então encolhe. Então, para fazer isso, poderíamos criar outro quadro chave de escala e torná-lo maior do que 60% e, em seguida, ter uma queda para 60%. Mas uma maneira mais fácil de fazer isso Little pop é com o editor de gráficos, então selecione os quadros-chave de escala. Abra seu editor de gráficos. Vamos ampliar aqui e vamos realmente mudar o tipo de gráfico. Então, clique nisto. Escolha o tipo de gráfico e o botão de opções e alterá-lo de editar gráfico de velocidade para editar gráfico de valor . E agora isso está dizendo que em quadros zero o valor da escala de zero e, em seguida, no sexto de quadro, está em 60. Vamos pegar este pequeno marcador amarelo e arrastá-lo para cima. Então agora o que está acontecendo é que ele está realmente indo acima de 60%. Então está ficando maior, e depois volta para 60. Se quisermos torná-lo super dramático, Enfraquece. Vá assim. Veja se queremos que seja realmente dramático, mas eu gosto de um pouco mais de sutileza em minhas animações. Algo assim. Vamos desligar o editor de gráficos. zoom um pouco, parecendo muito bom olhando muito bom. É um pouco rápido no início, então vamos apenas estender esses quadros-chave um pouco. Isso é muito legal. Vamos pegar todos esses quadros-chave, movê-los para a direita um pouco para que o botão de assinatura permaneça na tela por um pouco mais. Antes da animação. A próxima coisa que vou fazer é limpar estes da tela como se fossem apagados. Poderíamos adicionar uma animação de quadro de chave de posição para ambas as camadas, mas a maneira fácil de fazê-lo é com um objeto sem. Então vamos para a camada do dedo do pé novo. Nenhum objeto. Esta é basicamente uma camada imaginária ou invisível que nos ajuda a controlar outras camadas. A primeira coisa que vamos fazer é criar a mão e o botão de assinatura do YouTube para o objeto nulo, então selecione ambos e você verá a coluna pai. Se não o vir, clique nos modos de alternância. Estenda esta pequena área para que você a veja. Nós garoto clique neste menu suspenso para qualquer uma dessas camadas selecionadas e escolher entre nenhum. Queremos selecionar Noel para, ou podemos pegar esta ferramenta pequena picareta chicote. Eu chamo isso de show twirly, mas na verdade é chamado de chicote de picareta e arrastá-lo para saber, também. Veja como isso mudou de 1902 ou podemos fazer isso com o menu suspenso. Agora, o que quer que façamos com o objeto não acontece com as outras duas camadas ou com as camadas que tenham sido criadas para ele. Então, se eu aumentar a escala, por exemplo, e aumentar a escala, isso acontece com ambos. Muito legal, certo? Então, o que acha que vamos fazer para animá-lo? Vamos adicionar uma animação de posição. Então traga posição com P em torno de dois segundos. Defina um quadro de chave de posição para avançar cerca de meio segundo e, em seguida, solte-o. Então agora tudo se anima. Vamos com calma, calma. Esses dois caras funcionam F 9 ou F 9 no seu teclado. Quadro chave Assistente Eazy E de Ir para o seu editor gráfico. Vamos alterá-lo de volta para editar gráfico de velocidade a partir de Editar gráfico de valor e, em seguida, selecionar esses quadros-chave e arrastá-los para dentro. Então, há um pouco mais de um pop nesta animação pop off. Vamos voltar à animação do gráfico e talvez um pouco mais rápido, saindo um pouco mais devagar quando está desligado. Legal. Bastante danado incrível. Então, agora, se queremos ir em frente e levar isso em um projeto de estréia pro, podemos usar o link Adobe Dynamic apenas tomando esta composição. Clicar na guia sobre o Premiere Pro fazendo a guia de comando é a guia Controle do teclado. Se você estiver em um PC, soltando-o em nossa janela de projeto e, em seguida, arrastando e soltando isso em nosso projeto, vou excluir a amostra que eu havia criado antes. Coloque isso em cima deste vídeo e agora temos o botão de assinatura pop-up. Diga que isso é muito grande. Podemos torná-lo menor. É totalmente bom arrasta para baixo para dizer 50. O problema, no entanto, é quando a mão vem na tela. Veja como a mão vem no meio do vídeo aqui. O que devemos fazer é, se o tornarmos menor, vamos arrastar toda essa composição até a borda inferior. Talvez algo assim, ou mesmo mais para baixo. Se você só quer isso no canto inferior e ainda podemos vê-lo aparecer, apenas tem que animá-lo, apenas movendo-se na posição certa para que vejamos toda a mão muito danado legal ou podemos voltar e editar o tamanho ea posição do Tudo. E poderíamos até animar de onde a mão vem se quiséssemos entrar do lado esquerdo da tela ou do topo, podemos fazer isso. E, como sempre, se queremos exportar isso para que possamos usá-lo em vários projetos facilmente basta ir até a composição. Adicione à fila de renderização, altere o módulo de saída de H 264 ou qualquer configuração que você tenha clicando nas opções de formato . Alterando-o de H 2642 Animação clicando em OK, alterando os canais de RGB dois RGB mais Alfa clicando em OK, alterando a saída para onde você deseja exportar. Clique, salve e clique em renderizar e agora ele será renderizado como um arquivo. E você pode levar esse arquivo de tempo rápido onde quiser, em qualquer vídeo que você quiser e adicioná-lo aos seus vídeos para obter mais assinantes. Muito obrigado por assistir. Espero que tenha sido divertido. Se tiver alguma dúvida, me avise. Caso contrário, veremos um ao outro lição