Mergulhe em efeitos pós: Animação com quadros principais | Phil Ebiner | Skillshare

Velocidade de reprodução


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

Mergulhe em efeitos pós: Animação com quadros principais

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

11 aulas (46 min)
    • 1. Apresentação

      0:49
    • 2. Projeto: Anime sua página de título

      1:15
    • 3. O que é um quadro-chave?

      2:44
    • 4. Animação de Opacidade

      2:18
    • 5. Animação de rotação e escala

      1:58
    • 6. Animação de posição

      7:30
    • 7. Rotação em 3D: Efeito de balanço

      8:09
    • 8. Animação de caminhos de corte

      9:16
    • 9. Como adicionar detalhes à sua animação

      6:34
    • 10. Exportar e salvar como GIF

      3:55
    • 11. Agradecimento

      1:14
  • --
  • 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.

689

Estudantes

5

Projetos

Sobre este curso

929bc2a7

O After Effects é um programa incrível que pode ajudar você a criar gráficos de movimento, efeitos visuais e títulos que melhorem seus vídeos, mas pode ser intimidante para experimentar. Neste curso de 60 minutos, você vai aprender a magia dos quadros-chave - a base de criar gráficos de movimento no After Effects.

Você vai levar o cartão de título que você criou no primeiro curso de Mergulho no After Effects: Compreender o curso básico e você vai apresentar cada elemento do seu cartão de título de uma maneira única. Estes incluem animações de movimento, escala, opacidade e rotação; animações de caminho de aparar e transições em 3D.

Esse curso é perfeito para criadores, designers e todos os que desejam aprender After Effects de uma forma não intimidadora. Recomendamos que o curso de mergulho no After Effects: Compreender o curso básico primeiro. No final do curso, você vai ter o conhecimento básico para começar a animar gráficos e mergulhar ainda mais no mundo do After Effects.

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. Apresentação: Todo mundo. Bem-vindo a outro curso no mergulho em After Effects Siris. Neste curso, estamos falando de movimento e adição de movimento às suas composições de efeitos secundários com quadros-chave . Se você não fez o primeiro curso desta série, eu aconselho você a voltar e se inscrever nesse curso. Esse curso é tudo sobre a criação de um card tala logo dentro dos efeitos posteriores. Então, aprendemos sobre como adicionar formas, texto e camadas diferentes às suas composições, e demos uma visão geral do programa. Então, se você nunca tocou após efeitos, é um ótimo lugar para começar. Mas se você quiser avançar ou já fez esse curso, este curso sobre quadros chave de efeitos secundários é o próximo passo para realmente criar animações incríveis para seus próprios vídeos. Então, por favor, inscreva-se e nos vemos lá dentro. 2. Projeto: Anime sua página de título: Todo mundo. Bem-vindo ao mergulho em After Effects Siris. Neste curso, estamos falando sobre animação com quadros-chave, e você pode ver um exemplo do que estaremos fazendo. Este é o projeto que criei. Vou guiar-te por tudo o que fiz para criar este cartão de título animado. Para aqueles de vocês que começaram com o curso básico do After Effects, o primeiro curso desta Siri você estará animando o cartão de talento que você criou no curso. Portanto, incentivem todos vocês a conferir o curso onde você vai aprender a criar camadas em forma. Texto, Adicionar logotipos, adicionar fotos e você será capaz de criar um modelo de cartão de tattle para sua própria marca ou sua marca favorita. Se você já gosta de After Effects e sabe como navegar, não precisa seguir esse curso. Mas para este curso, eu encorajo você a alcançar e apenas criar um cartão de tagarela por conta própria para que, à medida que trabalhamos através dessas lições onde eu estou falando de quadros-chave, você pode começar a animar seu próprio cartão Tyler. Então, no final deste curso, você terá algo que parece tão incrível quanto este cartão de título, e eu estou muito animado. Então, obrigado novamente por se inscrever e vamos para as lições. 3. O que é um quadro-chave?: nesta lição, falaremos sobre o que é um quadro-chave e como adicionamos quadros-chave às nossas camadas dentro da nossa composição. Então eu crio essa composição rápida com apenas um fundo em um círculo com um traço azul. E como aprendemos antes no curso anterior, cada camada tem um conjunto completo de propriedades que podemos alterar, incluindo posições do ponto de ancoragem, escala, rotação, opacidade e com esses números, vocês podem ver como eu as mudo ao redor, isso muda o que está acontecendo com o nosso círculo. E o que um quadro-chave faz é que ele basicamente diz após efeitos que em um determinado momento no tempo, as propriedades deste círculo são isso e então nós poderíamos mudá-lo. E a melhor maneira de mostrar é pelo exemplo. Então eu só vou ampliar a minha linha do tempo aqui para que possamos realmente ver, digamos queremos nossa bola, nosso círculo aqui em dois segundos para ser deste tamanho, como podemos definir um quadro-chave aqui à esquerda de qualquer uma dessas propriedades? Você verá um cronômetro. Basta clicar nisso e você vai notar que um diamante dourado ou amarelo apareceu na linha do tempo naquele momento dois segundos. E então o que isso está dizendo é que em dois segundos, este círculo tem uma escala de 83%. Podemos voltar um segundo e dizer “após os efeitos”. Quero que seja uma escala de 40%. E como fazemos isso? Nós apenas mudamos 83 para 40% e ele define automaticamente um novo quadro-chave porque já havia um quadro-chave nesta propriedade para esta camada. Assim, você não precisa clicar no cronômetro novamente para criar outro quadro-chave depois de alterar as configurações da propriedade. E o que acontece é que a partir de um segundo, apenas dois segundos, o círculo cresce porque está nos dizendo após os efeitos. Em um segundo é 40% e em dois segundos é 83%. Então, ao longo do tempo, tem que ir de 40% para 83%. E é assim que criamos animações, animações de rotação, opacidade, animações, animações de posição para qualquer tipo de camada dentro de efeitos posteriores. E foi assim que eu criei toda esta composição aqui mesmo com toda esta animação deste cartão de título. Então, para explicar mais, vamos apenas percorrer todos os diferentes tipos básicos de animações de quadro-chave que criaram este cartão de título, começando com opacidade 4. Animação de Opacidade: Está bem. Então aqui, em nossa composição, eu dupliquei essa composição original onde eu já tenho toda a animação e criei uma sem qualquer animação. E apenas para mostrar um truque legal para ver os quadros-chave que você adicionou a uma camada ou várias camadas, você pode simplesmente pressioná-lo no teclado quando tiver camadas selecionadas. Então deixe-me selecionar tudo isso. Basta lutar, clicando no topo, mantendo a tecla Shift e clicando no último na parte inferior e pressionando você no teclado. E você pode ver quantos quadros-chave estão nesta composição para criar essa animação intrincada que está acontecendo. E então eu não fico sobrecarregado agora porque nós vamos passar por tudo isso. Isto é apenas para mostrar a vocês tudo o que vamos aprender neste curso. Então, se eu for a esta animação, esta nova composição e pressioná-lo, você notará que nada acontece porque não há quadros-chave. Então deixe-me fazer isso um pouco maior. Eu também vou solo esta camada de textura digital e o fundo branco sólido. Vou renomear este BG para antecedentes para soltá-los. Vou selecionar os dois e clicar neste ícone solo aqui. Esta coluna bem aqui embaixo do ponto azul e estes solos estas camadas, então eles são os únicos que podemos ver. Então, para adicionar uma animação de opacidade à textura digital, vamos apenas trazer a propriedade de opacidade pressionando T em nosso teclado. Está definido em 50% agora, e essa será a nossa opacidade final em que queremos que o quadro chave descanse. Então vamos apenas bater o cronômetro em cerca de um segundo, 1,5 segundos ou mais. E então vamos voltar para o início desta camada e nos arrastar para baixo para zero. E agora vamos ver se fazemos uma revisão de rampa, batendo em zero no nosso teclado, você chama, você pode ver que ele desaparece, e então é isso que nós queremos. Então isso é uma animação de opacidade 5. Animação de rotação e escala: Agora que você sabe como adicionar quadros-chave, vou mostrar rapidamente como adicionar uma animação de rotação e escala a esse plano de fundo . Como vemos no cartão de título, o fundo está girando no sentido anti-horário, e está encolhendo. Se eu for mais rápido, você pode ver. Então vamos adicionar isso ao nosso passado. Então, primeiro eu vou fazer a escala para pressionar para trazer upscale, e eu vou para cinco segundos. Então este é o nosso ponto de descanso final, e eu vou bater no cronômetro para definir um quadro chave. Então eu vou para o início e aumentar isso para algo como 65. Então eu vou passar por isso só para ver se é isso que queremos. Parece bom. Então, em cinco segundos, eu vou bater a nossa rotação e bater que cronômetro novamente para ver, disse um quadro-chave, e depois voltar para o início e girar para a direita. Certifique-se de que as bordas, se eu diminuir um pouco desta camada, que você pode ver por esta linha roxa, não vá muito além da composição ou ele vai olhar cortado, e vai ser um pouco confuso no então queremos que essa imagem de fundo apareça o tempo todo. Então agora que eu jogo através disso e você pode fazer uma visualização de RAM se você não tem zero no seu teclado, uma maneira fácil é subir para janela, bater nesta janela de visualização e, em seguida, clicar no botão de visualização Ram aqui à direita Lado. Então isso vai jogar a toda velocidade. E você pode ver que agora temos esta bela animação do fundo, e tudo isso é feito com quadros-chave para a rotação, opacidade e escala. 6. Animação de posição: Certo, então agora vamos fazer uma animação de posição usando a barra superior e o texto online da escola de vídeo . Então eu vou incluir esses em nossas camadas solas, e agora ele aparece na tela. Então você vai ver também que eu adicionei alguns efeitos para esta barra inferior que você pode não saber sobre, então eu só quero mencioná-los. Nesta coluna de modo de mesclagem, você verá que há um menu suspenso para cada camada, e há diferentes modos de mesclagem, e é basicamente assim que a camada interage com as camadas abaixo dela. E assim, com essa queima de cor clássica sem aquela selecionada, é apenas uma espécie de barra cinza com uma opacidade menor de 70%. Mas essa gravação clássica cria esse efeito legal com o fundo, e há diferentes tipos de modos de mesclagem, e você pode escolher aqueles que parecem legais. E então também, notamos que esta barra de cima é realmente parentada para o texto on-line da escola de vídeo com esta coluna de pais bem aqui. E para fazer isso, você pode simplesmente clicar nesse pequeno show giratório, arrastá-lo para o texto ou a camada que você deseja que ele tenha como pai, ou simplesmente clicar no menu suspenso e selecionar a camada. E o que significa ser pai? Significa que aconteça o que acontecer com a camada que é pai, também. A escola de vídeo na camada de linha também acontece com a camada de barra superior. Então, se eu mover isso ao redor como você pode ver, a camada de barra superior também está sendo movida ao redor. Então agora só temos que animar aquela barra superior para obter esse efeito legal onde ele está entrando na tela como então Ok, então vamos para a composição do título inimigo. Então vamos definir um quadro chave para a posição final, que você vai notar enquanto eu passar por essas lições, eu sempre meio que criar a composição inteira, como eu quero olhar e então eu trabalho para trás. E então a posição final para a escola de vídeo na fila é bem aqui. Então eu vou pressionar P para trazer a posição para esta camada, apertar o cronômetro para definir um quadro chave, em seguida, voltar no tempo e movê-lo para cima e um pouco para a esquerda, ok? E então esse tipo de vem assim e eu posso tocar isso para ver como ele se parece. Então é um pouco lento demais, então eu posso mover este segundo quadro chave um pouco para a frente. E então outra coisa que você pode fazer com o movimento é definir esse borrão, que já está definido nessas camadas. E na verdade vou tirá-lo só para mostrar como é sem o borrão . Então, se eu diminuir o tempo do nosso espaço de trabalho aqui, eu só vou ser capaz de renderizar isso para que você veja que é um pouco nervoso. É meio difícil de ver porque é tão rápido, mas não parece muito natural. E adicionando desfoque e habilitando o desfoque de movimento aqui em cima e fazendo isso para ambas as camadas para a barra superior e o texto on-line da escola de vídeo. Ele cria esse tipo de embaçamento, e você pode ver bem aqui no meio da animação. Se eu pegar ou tirar aquele borrão de movimento, tenta torná-lo afiado, mas acaba parecendo um pouco nervoso e nervoso. Então eu acho que adicionar desfoque de movimento é ótimo, especialmente quando você tem movimento e mudanças em onde diferentes camadas estão em sua composição, ele simplesmente parece mais natural. Então isso é bom. Mas parece um pouco diferente do movimento para esta barra de título da barra aqui, que eu notei que está vindo um pouco mais tarde. Nesta composição, este tipo de barra de título aparece mais rápido e a forma como podemos alterar a velocidade da qual os quadros principais funcionam é adicionando Eazy a estes quadros de teclas para que você possa clicar com o botão direito do mouse em Assistente de Quadro Teclado e apertar Eazy e. Ou, com estes selecionados, você pode apenas pressionar F nine no teclado. Então, o que significa Eazy E.? Vou mover estes quadros de chave um pouco mais tarde, então cerca de dois segundos. Então, o que Eazy E significa é que o movimento facilita e, em seguida, volta para o quadro-chave para que ele tipo de rampa a velocidade em vez de sem Eazy E's, que você pode chegar apenas selecionando seus quadros-chave e, em seguida, segurando o comando e clicando no quadro-chave que desfaz os Eazy. Isso está movendo essa camada de forma ou a camada de texto na mesma taxa e na mesma velocidade em toda a animação. Mas ao adicionar Eazy E's, ele facilita a animação no movimento e, em seguida, facilita. E, novamente, isso o torna um pouco mais natural. Mas ainda não é exatamente como eu quero, porque eu quero aquele pop que eu vi em nossa animação original para que possamos mergulhar ainda mais na facilidade desta animação clicando neste editor de gráficos aqui e podemos ampliar este composição para que você possa tipo de ver exatamente o que está acontecendo. Então este gráfico representa e isso está ficando muito em efeitos após. Mas eu acho que é importante saber, porque uma vez que você sabe, entender Eazy E e o editor de gráficos, você pode fazer suas animações parecer 10 vezes melhor. E este gráfico está basicamente mostrando quão rápido o movimento está indo por segundo. Então 1500 pixels por segundo é praticamente o quão rápido ele vai um pouco acima de 1700 e aqui em baixo é zero pixels por segundo. É onde ele está parado, e então ele aumenta em velocidade e nós podemos selecionar esses quadros-chave que estão no final deste arco deste gráfico e arrastá-los para que ele realmente desacelere para a animação bem aqui no meio. Está indo o mais rápido que pode, e depois desacelera no final. E se eu passar por isso, é aqui que você vê que fica com aquela ação pop. E assim jogar com o editor de gráficos com todas as suas animações, mas em particular com quadros de teclas de movimento e posição é realmente importante. Teoh apenas adicionando um pouco de pop e pizazz para suas animações. E isso parece muito melhor do que se eu tirar o editor de gráficos, selecionar os dois e me livrar dos Eazy. Então ou é isso ou se eu desfazer isso ou essa boa ação pop. Claro, algumas dessas coisas são preferência pessoal, mas eu gosto desse tipo de ação pop dessa animação de posição. Certo, então espero que ainda esteja comigo. Se isso foi um pouco confuso, deixe-me saber e comente na página do curso, e eu vou tentar explicar um pouco mais. Mas se não, comece a trabalhar em seu próprio projeto, adicionando alguns tipos diferentes de animação aos seus próprios elementos 7. Rotação em 3D: Efeito de balanço: Ei, pessoal, bem-vindos de volta a outra lição. Então, neste vídeo, eu vou estar mostrando a vocês como adicionar animação de rotação e três animação de rotação D nisso . Então é isso que eu estou fazendo para criar este efeito suspenso barra com o texto inferior dele. Você pode ver que é uma espécie de balançando para o espaço e balançando do topo das camadas para a composição, e parece uma espécie de balanço, e uma coisa que vai ajudá-lo a fazer isso em After Effects é adicionar um script para após efeitos chamados de script Mover Ponto de Âncora. Então, se você acessar o Google e digitar após os efeitos, mova o ponto de ancoragem. Este primeiro link é para este script de ponto com quadro em lote que você pode adicionar a efeitos após, e é como esta pequena caixa de diálogo aqui. Então deixe-me mostrar-lhe, por exemplo, se voltarmos ao meu círculo e, em seguida, abrirmos esta caixa de diálogo mover Ponto de Âncora, que você terá que ler as instruções para instalá-lo. Mas aparece na janela aqui em baixo. Mover script de ponto de ancoragem Então, antes falamos sobre mover o ponto de ancoragem com o pan atrás da ferramenta aqui em cima. E o ponto de raiva é basicamente em que parte da imagem cada camada está ancorada, o que afeta a rotação e coisas diferentes. Então, digamos, eu coloquei o ponto de ancoragem no fundo e eu jogo com rotação. Você vê que ele gira a partir do ponto de ancoragem versus se colocamos no meio, ele gira do meio. Mas uma maneira fácil de mudar onde o ponto âncora está é com o script, que você possa selecionar o meio, o canto superior direito, e veremos aqui que ele muda do canto superior direito, do meio superior esquerdo em qualquer lugar na sua camada. Ele pode mover o ponto âncora para, e é isso que vai nos ajudar com nossa camada de imposto e nossa camada de forma. Se adicionarmos isso a solo à nossa composição, queremos mover o ponto de ancoragem para o topo desta barra, na verdade, na verdade, então antes do ponto de ancoragem foi provavelmente no meio, mas apenas selecionando o topo com seu movimento Âncora Aponte script e move o ponto âncora para o topo. Ok, então desta vez eu estou realmente indo para criar os tutoriais do curso premium para a barra inferior. Ok, e nós vamos animar esta barra inferior com Rotação Soto Inimigo em três rotação D. Certifique-se de que o ícone de três D esteja selecionado para ambas as camadas. E agora, o que fizermos na barra inferior acontece com o texto. Então basta pressionar são para trazer a rotação para que você possa ver aqui se eu rodar a rotação Z ou a rotação X ou a rotação dos Emirados Árabes Unidos. Também está acontecendo com o texto, e, como você pode ver, a exortação é o que será animado para criar o efeito swing. Então, novamente, vamos para o final da nossa animação cerca de 20 dois segundos e 25 quadros em. E então aperte aquele Icahn, o ícone do quadro de teclas, Próxima rotação X e, em seguida, apenas presidir você e você novamente no seu teclado apenas para trazer a rotação X. Vou fechar estas duas abas também. São estas duas camadas da escola de vídeo on-line Texas pressionando ESC duas vezes no meu teclado . Então voltamos para o início da nossa camada aqui e movemos essa composição, girada de volta para onde ela está praticamente fora da tela onde você não pode realmente vê-la. E isso é cerca de 85 graus para trás. Eu também vou ativar o desfoque de movimento. Então agora temos uma animação que é basicamente uma animação lenta desse texto entrando no quadro, e eu vou realmente desligar a barra superior e o texto digital. Nossos vídeos passam por texto on-line para que não distraia, então isso pode precisar ser um pouco mais longo, mas basicamente só entramos aqui e adicionamos diferentes quadros-chave. Então, sobre aqui, 15 quadros ou assim nesta animação, nós realmente queremos que isso para balançar para cima. Então, cerca de 50 graus negativos. Então é balanços para cima. E então queríamos balançar para trás. Então, talvez, uns 35 graus, depois de novo para um tipo negativo 15 ou 16, depois volta como sete e finalmente vem descansar em zero. E se eu jogar isso fora, você vê que ele tem esse efeito swing, mas não está parecendo incrível. Não está parecendo muito natural, então basta selecionar seus quadros de teclas F nove em seu teclado ou clique com o botão direito e manter o assistente de quadro do que Eazy E, e você verá que agora parece ainda melhor. O movimento com os Eazy parece melhor do que antes, mas ainda não é perfeito, porque se você pensa em física e você pensa em algo que está balançando, onde ele está se movendo mais devagar? Na verdade, está se movendo mais devagar quando está em seus picos. Então, quando ele balança todo o caminho aqui, se você imaginar alguém balançando em um balanço, eles vão para a frente e meio que diminui. E então ele vai para trás e o mais rápido que ele realmente está se movendo é bem no meio de qualquer uma dessas animações. Então, com todos esses selecionados, eu vou entrar no meu editor de artesanato novamente e você pode ver que agora o mais rápido quando ele está se movendo é nesses picos. Mas não é lento o suficiente nestes quadros-chave aqui, então eu vou selecionar todos os quadros-chave, e então eu vou apenas arrastar para a esquerda e depois arrastar para a direita para que ele realmente venha para prender bem no meio Bem ali. E agora, se eu renderizá-lo, você pode ver que está começando a ser um pouco mais natural. Eu acho que é um pouco demais para alguns desses, então eu vou apenas ir para os individuais e abrandar um pouco. E então eu também poderia ter que mudar onde esses quadros-chave estão, mas isso está parecendo muito bom. Então também, se voltarmos à nossa visão regular da linha do tempo, você pensaria que começaria a abrandar um pouco mais do fim. Por isso precisamos de espaço para o fim um pouco mais. Então vamos renderizar isso. E outra vez. É apenas meio que jogar até você achar que parece mais natural. Ele é um pouco mais longo no início, então toda essa animação tem que ser um pouco mais longa. Algo assim deve parecer um pouco melhor. E lá vai você. Parece um sinal de balanço mais natural ou algo que cai na composição. Então, agora, se nós solo essas camadas também incluí-las em nossa composição, estávamos começando a obter nossa composição que criamos, mas vamos passar para algumas coisas realmente divertidas com a criação desta animação aqui mesmo com o player de vídeo, que é muito parece muito complicado, mas não vai ser muito difícil, então vamos direto ao assunto. 8. Animação de caminhos de corte: nesta lição mostrará como adicionar animações de caminhos de corte para criar esta incrível animação do player de vídeo que está sendo desenhado na tela. Então vamos direto ao assunto. Então a primeira coisa que vamos animar é o contorno do jogador. Então, esta é a camada delineada. E como você pode ver aqui, esta linha amarela é na verdade um caminho da forma que tem um traçado de 15 pixels. E se descermos em nossas propriedades de camada, você verá este pequeno botão de adição. Nós brincamos com isso no mergulho original em After Effects classe. Mas para aqueles de vocês que não sabem, este botão de anúncio tem muitos efeitos e propriedades diferentes que podemos adicionar às nossas diferentes camadas, e uma delas é aparar pads. Então, nós apertamos que guarnição botão tapinhas você vai ver realmente já tinha um passe de guarnição em seu algo vai excluir esse 2º 1, mas você vai ver que há uma posição inicial e final , nossa porcentagem, e se eu arrastar através dessa porcentagem, você pode ver que ele está sendo desenhado para a tela enquanto eu faço isso, e então você provavelmente já deve ter adivinhado. Eu só vou animar os quadros-chave para estes tapetes de corte. Então eu vou terminar em 100%. Comece no zero. Eu vou adicionar fácil, fácil apenas para torná-lo um pouco mais natural, adicionar movimento borrão. E agora temos este esboço a ser desenhado para a nossa composição. O que eu posso fazer, então, é apenas copiar e colar este passe de guarnição. Estou apenas selecionando pressionando comando, ver ou controlar. Veja se você está em uma janela fazendo isso com o círculo. Então, aqui mesmo, Se eu apenas selecionar a camada e pressionar o comando V, ele paga aquela animação círculo bem ali. Então agora temos as duas coisas sendo e fizemos isso. Agora eu quero mudar onde e quão rápido o círculo é animado. Então eu só vou bater em você no meu teclado para trazer aqueles quadros de teclas que eu acabei de adicionar para a viagem. Como eu vou selecionar os dois. Mova-os um pouco mais cedo, em suma, para que possamos fazê-lo ir um pouco mais rápido. E agora vamos apenas inimigo o tipo inferior de barra de jogo com este fundo vermelho e cinza . Então eu acho que eu já adicionei tapetes para cada uma dessas barras diferentes. Então, se eu descer para o conteúdo, eu tenho potes aparados. Mas se você não tiver essas em suas camadas, você pode adicioná-las. E eu estou indo novamente em um quadro de chave final e, em seguida, um quadro de chave de início, Eazy e. E agora as diferentes barras podem ser animadas. Eu só vou copiar e colar isso na Red Bar e talvez fazer isso um pouco mais tarde. Então, apenas começando bem ali. Estou indo, inveja. E agora a nossa barra de jogos anima-se. Ok, então agora o que eu fiz para animar os outros elementos deste jogador? Então esta animação de opacidade é para o fundo cinza para a barra inferior. Então, vamos apenas adicionar isso Então, com o fundo do jogador, eu só vou pressionar t trazer a opacidade. Já está em 80%, então eu vou acertar um quadro-chave bem ali e depois voltar para o início e ir para zero com opacidade. A tendem a não fazer Eazy e porque eu acho que fades geralmente são apenas uma espécie de a mesma velocidade ao longo. Ou talvez desacelere para o desvanecimento. Então, apenas com o primeiro quadro chave selecionado acerte F nove, então ele meio que desacelera para o desvanecimento. E a última coisa é este pequeno triângulo. Então certifique-se de que você é Se você tem uma animação como esta, um pouco de forma, você tem o ponto de ancoragem centrado neste triângulo, e o que eu fiz foi adicionar um pouco de rotação e escala de animação a ele. Então deixe-me ampliar aqui para que possamos realmente ver com o que estamos trabalhando. Então pressione s para trazer luxo. Eu vou bater em dois segundos escala hit, quadro-chave, e, em seguida, são rotação quadro-chave sua pressioná-lo no meu teclado para trazer ambos para cima que eu vou voltar para cerca de um segundo e mover a escala todo o caminho para baixo para zero e, em seguida, rotação vai girá-lo de volta no sentido anti-horário em negativo 90 graus . Então agora você pode ver que ele meio que amplia e gira em nosso círculo de jogadores. Vou adicionar o leste fácil, ambos. Mas se você notar neste título por zoom aqui, ele meio que aparece na tela e então encolhe. Uma maneira que podemos fazer isso é entrando em nossos editores de gráfico de escala de selecionar os quadros-chave para escala ir para o editor de gráficos. Então esta visão do editor de gráficos está mostrando a velocidade do gráfico ou da animação, mas podemos editar o gráfico de valores também, então selecione esse valor e você pode ver aqui que vai de 0% a 100% escala. Mas se nós apenas clicarmos neste quadro chave no final, você verá esta pequena barra bem aqui que nós podemos arrastar por aí. E se eu arrastá-lo para cima e para trás, você pode ver que agora esta linha vai acima de 100% então realmente cresce e, em seguida, encolhe de volta para 100. E este é um tipo de efeito legal que você pode adicioná-lo como um pouco pop para sua animação. Quero que isto seja muito mais rápido, por isso vou encurtá-lo. Algo assim deve funcionar e talvez até torná-lo um pouco maior. Então, de volta ao meu editor Groat, faça isso algo como quase 225 ou mais são 140. Isso é ainda mais dramático do que o original. Mas eu gosto. Ok, então se eu diminuir o zoom, você pode ver tudo o que está acontecendo com o nosso player de vídeo. Mas também temos algumas outras animações nesta composição original, então está girando e crescendo à medida que vem para a tela. E isso é incrível. Basta adicionar mais alguns pequenos efeitos para torná-lo mais intrincado, que tudo seja parenteado para o jogador. O fundo tem P para trazer uma posição. Se eu mover o jogador para baixo, tudo o resto se move para que o mesmo acontecesse se eu adicionar uma animação para escala ou rotação . Então bem aqui no final da animação, eu quero que seja a escala de 110%, que eu tinha definido antes, e a rotação. Quero estar a nove graus negativos. Se eu for para o início, , talvez eu queira que a rotação seja ainda mais como 55 negativos e a escala seja zero. Então vamos ver o que isso parece enquanto nós arrastamos através disso. Então vamos bater em você em nossos teclados para mostrar todos os quadros de teclas. Você notará que a animação de opacidade não afeta os itens parentados, e isso é apenas opacidade. Não afeta o que é parenteado para essa camada, mas o resto dessas propriedades faz. Se eu apenas fácil, fácil eles um pouco, podemos ver o quão incrível esta animação está se tornando, Eu acho que o fundo do jogador. Na verdade, a opacidade vem um pouco mais cedo, então eu vou pegar esses quadros chave para trás um pouco. E eu acho que parece muito incrível. Talvez até mesmo em fazer esta escala em rotação um pouco mais rápido. Então vem um pouco mais rápido. Isso é um pouco mais de uma entrada pop e dramática para este jogador. Ok, então agora vamos apenas tirar todas essas coisas solas para que tudo apareça e vamos apenas mostrar isso. Esta é uma animação muito legal, e a última coisa que temos a fazer é adicionar um pouco mais de detalhes com essas pequenas linhas que eu adicionei a essas linhas atravessando a tela bem aqui, elas são muito fracas, mas novamente, é apenas adicionar pequenos detalhes para fazer animações. Mawr intrincado e divertido, e vamos fazer isso no próximo vídeo. Mas por enquanto, brinque com passe de corte para animar diferentes elementos de formas, e mal posso esperar para ver seus projetos quando você publicá-los na página do curso. 9. Como adicionar detalhes à sua animação: Ok, então agora nossa animação está parecendo muito boa. Você tem todas as ferramentas em seu cinto para criar uma animação que se parece com esta. Bastante incrível, não é? Mas eu quero adicionar um pouco mais de detalhes a esta animação usando algumas linhas, o efeito repetidor e o efeito de passagem de corte que acabamos de aprender. Tudo bem, então eu vou pegar minha ferramenta de caneta, certeza que eu tenho um traço de cerca de cinco, e então eu vou apenas criar uma linha com o preenchimento em nenhum no topo desta barra bem aqui. Então eu só vou selecionar ali e aqui em cima para criar esta barra. Isso é basicamente uma linha reta como esta outra camada aqui em baixo. Vou tentar ligar para as linhas principais dele. Ok, então primeiro eu quero adicionar um efeito de passagem de corte à camada de forma, então eu vou apenas ir em frente e adicionar caminhos de corte. E agora eu vou apenas solo esta camada, na verdade, e o fundo para que possamos ver o que está acontecendo. E agora, se eu entrar em caminhos de corte, eu posso adicionar um quadro chave de animação final lá e voltar no tempo e ir para zero. Então agora através deste tempo ele vai através da tela. Mas agora eu quero que ele tipo de seguir a si mesmo no fim. Então eu vou definir um quadro chave aqui para o início em zero e depois aqui em 100. Então agora o começo começa a ser inimigo antes de completar a animação na tela. E é isso que eu quero. Eu quero adicionar o quadro chave Eazy e selecionando os quadros-chave e apertando F nove. E agora eu posso ver que é um pouco rápido demais. Eu só vou arrastar esses quadros chave sobre o dedo do pé, alongar um pouco mais, e então eu quero duplicar isso. Então, uma coisa que podemos dialogar dentro de nossas camadas de forma é adicionar grupos para que eu possa adicionar um grupo. E agora eu vou colocar a camada de forma um e o corte passar um neste grupo. Ok, então o que isso significa? Isso significa que dentro deste grupo estão ambos o caminho de corte e a camada de forma, e então eu vou adicionar um repetidor. E se eu entrar no efeito repetidor, vou colocar isso fora do grupo. Você pode ver que ele adicionou três ou duas outras linhas porque aqui diz cópias. Aiken, duplica isto o quanto eu quiser. E então eu posso mudar e transformar como essa repetição dela parece. E talvez eu queira que não fiquem tão próximos para que eu possa mudar a posição. Algo como isso se movendo o torna mais próximo, e isso só o torna um pouco mais complexo. Então agora temos a mesma animação caminhos de corte atravessando a tela. Mas está acontecendo três vezes. Então deixe-me ligar nossa barra superior também o fundo e o texto on-line da escola de vídeo para que eu saiba onde ele está. Então eu vou mover esta animação para a direita apenas esta camada. E eu só vou mover toda a camada de vir para cima apenas batendo para cima e mudar no teclado. Vou mudar o modo de mesclagem para algo como Overlay. E então eu vou até soltar a opacidade, basta apertar t no teclado e soltar isso para, tipo, 50% então é muito fraco, mas ainda está lá. Certo, então agora vou entrar no conteúdo. Na verdade, vou mover este repetidor dentro do grupo e duplicar este grupo agora. Então apenas pressionando, selecionando grupo e pressionando o comando D no seu teclado. Agora, este grupo também tem um conjunto de propriedades transformadas, e eu posso movê-lo para baixo. Eu poderia movê-lo para a direita, para a esquerda, o que quer que seja. E agora eu tenho dois conjuntos de três linhas atravessando. Esta animação é um bar bem aqui. Mas eu quero que as barras inferiores são realmente quer que as barras superiores para começar um pouco mais tarde do que as barras inferiores. Então isso vai pressioná-lo para trazer todos os quadros-chave. Vou selecionar as duas camadas superiores de quadros-chave o início e o fim, e movê-lo para trás no tempo. Então, estes areiam as camadas inferiores ali, as linhas inferiores. E agora as linhas de fundo começam. A barra meio que voa com vídeos ficam online e as barras superiores nas linhas superiores começam a se animar. Então, se eu renderizar isso, você pode ver como esta animação se parece. E eu acho que adicionar pequenas animações como esta realmente melhoraria todas as suas cartas de título . Então eu vou tirar o solo para que nossas camadas sejam agora visíveis. Você vai ver agora, porém, que essas linhas aqui meio que atrapalham o nosso player de vídeo. Então eu vou apenas selecionar o fundo do jogador, trazer uma posição e movê-lo um pouco para baixo. Ok? Então, se passarmos por isso, você pode ver como todas as coisas diferentes são complicadas. Mas como juntos ele cria cartão Attallah que está atraindo seus olhos atraentes. E é bem profissional, e você pode imaginar se você quiser. Você pode adicionar uma camada de passagem ou um efeito de mentira como os que eu fiz em torno deste player de vídeo ou em torno desta barra aqui em baixo, só para torná-lo ainda mais complexo. Você pode ter pequenos círculos aparecendo ou pequenas linhas indo para baixo na parte inferior do quadro, e é tudo usando aparar, passar e animar com quadros-chave. Então eu espero que você tenha gostado deste vídeo e realmente pode começar a pensar sobre quais detalhes você pode adicionar ao seu cartão de título que não são um dos elementos principais, mas apenas pequenas linhas ou formas que adicionam um pouco de pizazz para seus cartões de título. No próximo vídeo, falaremos sobre como exportar e salvar como presente para que possamos fazer upload online. 10. Exportar e salvar como GIF: Todo mundo. Bem-vindo a outro vídeo e o mergulho em efeitos externos Key frames. - Curso. Espero que tenha se divertido tanto até agora. Eu me diverti criando este curso, e eu quero ver o seu trabalho. Então, neste vídeo, vou mostrar como exportar seu projeto como um vídeo e depois transformá-lo em um GIF. Assim, com sua composição selecionada, certificando-se de que sua área de trabalho é estendida para o tempo que você está animado, ou o tempo que você deseja exportar, vá até a composição, adicione à fila de renderização. E então nós estamos indo para baixo para este hit drop-down H 264 e você não poderia nem mesmo clicar no H 264 para verificar suas configurações. Se você estiver criando um GIF, você deseja redimensioná-lo para algo pequeno, dependendo do tamanho da sua composição, quanto tempo ela é, quantos gráficos existem. Vai ser um tamanho de arquivo maior e para postar um presente online, você precisa que ele seja menor que dois megabytes, que é bem pequeno. E então eu acho que re dimensionar para 300 pixels de largura vai ser inteligente. Você também pode deixar cair a qualidade, mas a criação de presente vai deixar a qualidade ainda mais longe. Então eu iria apenas redimensionar para 300 e, em seguida, apertar OK e, em seguida, selecionar para onde seu cartão de talento Kurt quer ir. Vou dar o nome a este cartão de Tala, também. Você aperta, Rende-lo para fora e vai levar um minuto ou assim, dependendo de quão rápido o seu computador é para renderizá-lo para fora. E então aqui eu executo. A primeira versão. Mas eu aluguei um pouco grande demais, e era muito grande para se transformar em um presente que eu gostava. Então eu estou indo apenas para tomar esta segunda versão. É pequeno, mas vai ser bom para se transformar em um presente usando loja de fotos. Então esta é a maneira mais fácil para isso. Eu encontrei-o. Crie um presente fora do vídeo. Então, na loja de fotos, basta clicar em arquivo aberto, e você pode se surpreender que você pode abrir videófilos na loja de fotos e você pode ter que usar uma nuvem criativa pé uma loja. Eu não acho que as versões anteriores permitem isso, mas abra seu cartão de talento. Selecione, abra, selecione. Está bem. E agora podemos ver nesta linha do tempo. Abaixo estão o vídeo e, em seguida, vá para o arquivo salvar para a Web e você receberá esta caixa de diálogo aqui. É como um presente, e então você só tem que tipo de jogar com as configurações para obter a aparência adequada e tamanho aqui na parte inferior esquerda, você verá o tamanho estimado do arquivo 1,35 megabytes, então isso é bom. Isso significa que eu posso aumentar minhas cores um pouco porque quanto mais cores significa melhor ele vai olhar. Eu também posso aumentar o dither, que também irá misturar as cores e torná-lo ainda melhor. Mas parece que vou ter que ficar com menos de 100%. Vou deixá-la lá por enquanto. Você pode alterar o tamanho da imagem, mas você não quer ir maior do que isso, a menos que você exporte algo maior para que você só possa diminuir o tamanho antes sem ficar pixelizado. E, em seguida , em animação, opções de loop certifique-se de selecionar para sempre para que ele salve um presente que irá loop. Então você só aperta salvar nome seu título cartão hit salvar e lá você tem que nós temos um GIF animado que você pode postar na página do curso. Por isso, encorajo-vos a exportar o vosso projecto. Você também pode publicá-lo no YouTube ou no Vimeo e postar um link para o seu projeto. Mas por favor, por favor, por favor, mostre-nos no que você está trabalhando. Eu adoraria ver seus cartões de título, como eles saíram, que tipos de animações você criou com quadros-chave e tudo mais. Espero que tenham gostado deste vídeo e nos veremos da próxima vez. 11. Agradecimento: Ei, pessoal, bem-vindos ao último vídeo deste curso. Só quero mencionar algumas coisas antes de deixar você ir. Primeiro, muito obrigado por se inscrever neste curso. Eu realmente aprecio isso. Espero que tenha aprendido muito, e espero que tenha se divertido aprendendo. Por favor, lembre-se de postar seu projeto de curso o cartão de título animado que você criou para a página do curso para que eu possa conferir e para que outros alunos possam ver seu trabalho incrível. Eu também vou continuar a criar alguns cursos para mergulhar em efeitos secundários, o da Siri. Portanto, verifique novamente para alguns cursos futuros, incluindo um que mergulhe mais profundamente em transições de elementos e outro sobre a criação de títulos e terços inferiores para seus próprios vídeos. Você também pode conferir vídeo escola ponto com on-line, que é a minha base de origem, onde você pode encontrar lotes de tutoriais gratuitos, artigos e outros cursos premium relacionados com após efeitos, mas também muito mais, incluindo edição de vídeo, criação de um negócio on-line, publicação de livros Kindle da Amazon e muito mais, este é Bill Abner. Muito obrigado por participar deste curso, e mal posso esperar para ver o seu trabalho