Animação de After Effects - faça isso em 20 minutos!

1. Introdução: Olá e bem-vindo na aula de hoje aqui vai criar esta pequena animação legal. Vou convidá-lo para o meu PC. Vamos visualizar o que vai ver e certamente teremos muita diversão. Então, Indus, Lector, eu vou realmente passo a passo para ensinar este tipo de animação. Eu usei, por exemplo aqui meu local privado, que é do meu canal do YouTube power point e ser selecionado alguns desses elementos porque eu não precisava muito deles. E veja como isso acabou. Então é assim que você pode fazer uma transição super rápida com o seu logotipo? Eu poderia usar esta transição agora em meus vídeos, eu espero que eu vou. Então, se eu criar alguns novos tutoriais, vou usar essa transição, um obstáculo, um pouco de animação. Vemo-nos dentro da aula e espero que nos divirtamos. 2. Crie um modelo perfeito: Ok. Bem-vindo a esta aula. Nós, é claro, começaremos criando uma nova composição na Adobe após os efeitos na composição. Nós, é claro, queremos uma idade completa do tamanho 30 quadros e uma duração relativamente curta. Então eu vou definir uma duração para segundos de árvore. Alce. Está tudo bem? E eu sou saudado com o meu maravilhoso novo espaço de trabalho neste espaço de trabalho. Quero que criem círculos perfeitos. Agora, a maneira mais fácil de fazer isso se você estiver usando, por exemplo, uma versão mais antiga off após efeitos secundários, CIA seis seria vir aqui, clicar nele, segurar o clique e selecione a ferramenta Elipse aqui e essas opções de cor. Lembre-se que não usaremos Phil, mas usaremos um derrame. Então essas opções que eu tenho são boas. Se você tiver um preenchimento, basta clicar aqui e selecionar nenhum traçado de filme. Clique na cor sólida normal, clique em OK e selecione uma cor para o traçado fora do curso. Eu queria ser menos, mas isso não importa. Vou animá-lo mais tarde. Ok, estamos nos preparando. E, a fim de criar um círculo perfeito no meio da tela, há um pequeno truque Duplo clique sobre este objeto aqui e clicando duas vezes após os efeitos, preenche automaticamente a composição com uma camada de forma dedo do pé o perfeito tamanho fora desta composição. Como você pode ver, ele preenche. O traçado até vai para fora da tela. Mas isso é um derrame. O importante é aqui esta linha. Ok, a maneira de fazer isso perfeito é indo para a camada de forma na linha do tempo, abrindo a elipse, abrindo seu caminho de elipse e trabalhando com seu tamanho o tamanho. Normalmente, eu mudaria o tamanho assim. Mas se quisermos um círculo perfeito, podemos desvincular esses dois valores e torná-los iguais. Então eu vou fazer o primeiro valor de 1880 também. E como podem ver, tenho um círculo perfeito na minha tela. O que posso fazer agora. Eu posso simplesmente clicar neste pequeno ponto do lado direito, e segurando minha tecla shift, eu posso fazer o círculo perfeito. Eu acho que um tamanho para o círculo como este seria perfeito, e eu vou parar aqui porque na próxima lição começaremos imediatamente a animar a primeira tarefa que você tem que fazer para criar esta animação é criar um círculo perfeito em sua tela. Certo, por favor, vá para a próxima palestra. Depois de ter dominado isso, basta lembrar, clique duas vezes alterar As opções de traçado mudaram seu caminho de vida e fazer este tamanho deste mesmo para fazer um círculo perfeito. Uma vez que você tem isso, vamos para a próxima lição e vamos começar a animá-lo imediatamente sem um esforço er adduce e warm ups. 3. Keyframes de traçado: Ok, aqui vamos trabalhar no acidente vascular cerebral com Uma vez que você tem isso bem feito já, por favor abra seus loops conteúdo A e sob o pat de elipse, eu posso até fechá-lo. Temos que derrame uma vez que já adicionamos isso verdadeiro. Aqui no lado de cima, por favor abra o curso. Talvez ele vá cinco quadros para a frente apenas no caso e faça o curso com zero. Então é completamente invisível no AVC com a polícia. Selecione este dedo do chaveiro. Inicie esta animação. Agora eu vou basicamente ir como 10 ou 15 quadros para a frente apenas um pouco. Assim, a animação vai realmente rapidamente colocar para cima ou até mesmo um pouco mais. E eu quero ter um derrame com 100 anos acidentalmente. Eu apertei cinco. Certo, 100. Isso é porque mais tarde, eu quero esmagar esse golpe no reboque. Isso é porque mais tarde, eu quero esmagar o dedo do pé um pequeno ponto, então ele se torna uma tigela e, em seguida, ele se estende para fora. Ok, então nós temos o tamanho de zero um tamanho fora de 100 e depois, quando a invasão e cerca de dois segundos e talvez dois segundos e 10 quadros. Voltaremos a zero. Neste ponto, você deve ter três quadros-chave aqui, um quadro de chave zero no traçado com um quadro de 100 teclas. Quero dizer, valorizar um quadro chave com este valor e depois novamente zero, porque no final é suposto desaparecer. Esta é a segunda parte. Muito rápido, muito fácil. Agora é a sua vez. Eu vou fazer amostras e pequenos passos porque mais tarde, tudo isso vai se reunir na próxima palestra. Eu quero usar o tapinha de guarnição para esmagar corretamente tudo que você certamente vai se divertir fazendo. Então, por favor, continue se você criou esses traços e nos veremos na próxima palestra. 4. Keyframes de caminho cortado: Ok, nesta palestra, vamos trabalhar com essa palestra de sonho. Drink Pats é um recurso que você pode adicionar às camadas de forma. E uma vez que esta é uma camada de forma no meio da tela, clique em sua camada de forma, abra-a e clique em adicionar. Uma vez que você clicar em adicionar, você é capaz de adicionar a opção de tapinhas de sonho. Ok, nós vamos nos tapetes de corte para toda esta camada de forma que vai afetar o caminho que temos aqui , que é o círculo. Ok, eu estou abrindo as almofadas de corte para mostrar a você por padrão que ele está definido para 100% no final porque 100% significa que o traçado é visível. O que queremos. Queremos animar o valor inicial dele porque com o valor inicial, poderemos criar algo assim. Certo, então no começo, talvez antes disso começar. Então, em cerca de dois quadros que você pode ver no lado esquerdo aqui dois quadros, eu vou animar os tapetes de corte para ser 99,9% mesmo pressione 0,9 porque eu quero que todo este traçado seja visível no início 99,9. Certo, agora não podemos ver. Isso ocorre porque esta é uma linha reta com o traço. Então, o que você quer mudar? Está nas opções de tampa de linha. Você quer selecionar o boné redondo? Agora vamos ter este pequeno círculo. Está bem, deixa-me ver esta animação. Estamos avançando. Stroke é assim. E vejo agora que os 100 são muito pequenos. Então eu posso, por exemplo, torná-lo 100 ou mesmo 200. Ok, vamos fazer com que 200 avancem aqui enquanto começa a encolher em um segundo. Bem, pressione aqui como outro quadro-chave para esta animação. Nada acontece entre os quadros de chave na parte inferior dos quadros de chave de acesso de corte. Mas no final, mais tarde, quando o círculo começar a desaparecer, quero que os tapetes sejam reduzidos para cerca de 70%. O que isso vai criar como isso ficou menor. À medida que esta linha fica menor, ela também será animada neste caminho. E isso é algo super importante. Porque se combinarmos essas duas animações, quero dizer essas duas propriedades o traçado corretamente e os animais de corte começar propriedade. Podemos criar uma inovação personalizada como esta. Como você pode ver, ele se estreita e se move ao longo da cirurgia. Isso pode criar animações realmente únicas, e podemos até mesmo próximo Desculpe. Podemos até pegar o terceiro. E eu acredito nesta frase. O que eu fiz é um pouco longo demais. Então 70% pode ser demais. Vou fazer 76 77 para visualizar o que está acontecendo e perfeito. Temos algo assim. Podemos visualizar isso pressionando o espaço. Apenas um ligeiro ajuste para esta animação. E ficará muito melhor do que você pode duplicar e usá-lo em um cenário real. Ok. Obrigado pelo Dissector, por favor. Para o mesmo pedaço. Trabalhe com 10 amigos bizarros em 99,9, 99,9 e cerca de 75% para o longe. Certo. Bem, até estenda isso. É como se desaparecesse durante a extensão. Ok, algo assim. E estamos prontos e preferidos para continuar com a nossa animação 5. Facilitando quadros de chave: Tudo bem. Direto para a flexibilização do quadro chave. Agora temos algo assim que parece muito artificial. Portanto, selecione ambas as teclas Frings ambos os quadros de teclas à esquerda. Certo. Clique neles Chave do assistente. Você pode, obviamente, fazer isso também é um tapete curto. Por causa deste tutorial, Eu quero mostrar-lhe fácil, Eastham fora com turno de controle e F nove. Então eles terão isso assinado. Isso aliviará o intervalo. E então os quadros mais tarde fazem o oposto, certo? Clique. Mantenha-o assistente e, por favor, facilite-os. Então você tem um sinal de esquerda. Parece parênteses para toda esta animação. E isso é exatamente o que deveria fazer o que deveria significar? Olha para esta animação. Vai parecer muito melhor agora. Estou pensando se devemos colocar isso no mesmo lugar. Talvez seja um pouco mais rápido. Então eu quero apenas afinar esta animação para que não seja tão chato. Ok, isso agora acontece por muito tempo. Esta guarnição, quero que este círculo estoure. E então, tipo, logo após o pop para ir rapidamente. Então, cheguei tarde demais. Anteriormente. Ok, eu meio que não gosto dessas chaves. E se selecionarmos como o traçado com ou o corte Pats, podemos ir para o editor de gráficos para ver como graficamente colocar esta animação parece. E vemos aqui é como se fosse um pouco lento e normal. Então, o que podemos fazer? Podemos selecionar este quadro-chave, que é exatamente essa chave no meio, e também podemos facilitá-lo. Então clique com o botão direito do mouse assistente de quadro E desta vez eu quero um Eazy normal neles porque eu quero, tipo, o lado esquerdo e direito fora da animação para fluir bem nesta inovação. Eu posso ver melhorias imediatas, e eu vou fazer o mesmo para o quadro de chave inferior. Então agora vamos dar uma olhada nisso. Se trabalharmos com o traço com Não, entraremos no editor de gráficos. Temos essa melhoria porque ela não pára aqui, exibe e depois continua. Ele flui naturalmente em conjunto como uma animação. Ok, então vamos ver esta polícia checar a tela. É muito melhor que pare no centro, e então a celebridade vai bem, temos o essencial completo. pare no centro, e então a celebridade vai bem, Nós completamos a primeira parte desta animação. Se você quer isso mais rápido, apenas aproxime-se. E agora começa a parecer algo. Agora virá a maior parte porque podemos finalmente montar toda esta animação. E então você pode pensar o que poderíamos eventualmente adicionar a essa informação. 6. Deixe um comentário, por favor: Ei, seria extremamente útil para esta aula se você acessasse a guia Revisão, clicasse em deixar um comentário e escrevesse algo lá. Se você ainda não vê esse botão, precisa assistir a mais algumas palestras e ele estará disponível. A escultura agora exige que as aulas tenham avaliações recentes sobre elas. Então, isso me ajudaria muito. Basta clicar aqui, dizer se gostaria de participar da aula ou não, escrever uma visão mais simples e clicar em Enviar. Eu ficaria muito grato se você pudesse fazer isso agora. Muito obrigado e até breve. 7. Monte animação: Ok, eu prometo a você a parte divertida. Então, no começo eu quero pegar rapidamente um esquema de cores, e isso não está disponível nas versões mais antigas do After Effects, mas podemos sempre ir para a extensão da janela e usar minhas equipes de cores da Adobe. Já tenho as minhas equipas de cores aqui e vou clicar no Explorador. Mas você também pode ir para a arma. Basta selecionar um carros agradáveis, apenas digitando em esquemas de cores e Google e você vai encontrar esquemas de cores brilhantes que poderíamos usar. Ok, isso parece absolutamente ótimo. Então, clique com o botão direito do mouse em selecionar novo na minha linha do tempo e clique para obter um novo sólido. Eu vou pegar um sólido e eu vou decidir direito ou escuro, brilhante ou escuro. Vamos parecer brilhantes. Ok? Tenho um fundo brilhante. Vou colocar isto como o último. Vou clicar na minha camada de forma. Olhe para entrar. Vou chamar-lhe Big Circle One só para me lembrar o que é. E eu quero duplicar este grande círculo antes de seguir em frente. Eu quero pressionar são apenas para girar um lado. Darei negativo, 45% ajustando a rotação aqui. Vou pressionar o Grande Círculo Um são como rotação e este será levado para 1 25 Talvez 1 25 no lado direito. Então eles estão do lado oposto. Ou talvez devessem ser mais. Posso ajustar isso mais tarde. Ok, nós temos aqueles grandes círculos fora do curso Eu quero mudar clique e selecione barco porque eu quero mudar a cor do traço. O roxo não vai caber. Quero selecionar meu novo contrato. Coleiras recém-encontradas. Ok. Perfeito. Isto parece absolutamente legal. Ok, legal. Temos esta informação antes de prosseguir, pressione no barco. Eu pressiono você porque eu acho que esta animação leva muito tempo para ser reproduzida. Ok, Agora não é muito curto, não está junto e parece uma animação muito legal. O que eu quero fazer eu quero fechar o U e virou-se para pressionar o controle d. Eu vou colocá-los para cima. Eu mudaria o curso para não ficar meshed com todos os elementos que tenho aqui e vou selecionar amarelo. Eu vou para o meio da animação e eu quero mudar esta linha de cor novamente para os novos amarelos. Uma vez que os tenho selecionados, vou selecionar esta cor amarela. Ok. A última coisa que eu deveria fazer é pressionar s como escala e reduzi-los um pouco para que eles não se sobreponham um ao outro. Certo, talvez assim. E isso é animação anterior. Tudo parece mecânico agora. Então, o que você pode fazer novamente se você tiver aqueles amarelo selecionado, Pressione sua tecla antiga esquerda e pressione algumas vezes. Página para baixo por alguns. Quero dizer, uma quantidade de quadros chave. Vou pressionar cinco vezes. 12345 Você pode ver que eles se mudaram para 53 quadros e vamos ver como isso parece. Lindo. Agora posso replicar, replicar e replicar essas etapas, fazendo com que esses dois controles selecionados alterem a cor do traçado para o próximo chamador assim. Ligado, alergista. Anos como azul. Então eu me lembro o que é. Ou já que já temos azul. Espuma de mar. Certo, diretor financeiro Sr. mais próximo deixou a página velha. 12345 Eu posso, claro, fazer isso com minha boca. Sem problema. E vamos ver este resultado final agora. Agora você vê que eu esqueci o tamanho é como escala. Quero dizer escala, não tamanho. Dimensioná-lo para baixo. Boom. Ok, uma última vez para os cinzentos controlar de movimento cinco quadros. Mudaremos a cor do traço. E agora você pode notar por que essa é a parte divertida. Porque temos esta animação pronta agora. Estou pensando, Oring com agitação, incorrendo com o que eu já tenho. Vamos fazer disso ciência. Não importa de novo. A balança. Eu não sei. Por que continuo esquecendo a balança? Agora é realmente agradável. Se você gostaria de ir um passo adiante, você não pode apenas trabalhar com a escala, você pode trabalhar com a rotação. Se eu pudesse girá-los um pouco mais, você vê, isso seria você sabe, isso nos faz como um problema, mas vai dar uma pitada fora. Mais como este estilo único. Ok, pode-se dizer que isso parece melhor. Pode-se dizer que isso parece pior, que eu posso selecioná-los. Posso movê-los para trás. E como você pode ver você para fechar tudo. E este é o meu resultado final. É assim que minha animação real parece agora. Eu ainda estava pensando se há algo a acrescentar, mas basicamente isso é o que eu queria te ensinar . nesta palestra. Na minha opinião, a rotação não ajudou, então esta seria essencialmente a animação que você criou. Talvez eu reverta para os quadros-chave de rotação, mas as mudanças de rotação que eu fiz porque eu não gosto dessa animação. Vamos para a última lição toe algumas coisas até usar um logotipo de exemplo para, como, como, exibi-lo e revelá-lo, e vamos ver como isso se esmaga juntos. 8. Uso real do mundo: OK, Perfeito. Temos esta animação montada e vou levar o meu logótipo pessoal só para testá-la. E acontece que esse esquema de cores talvez seja por isso que eu gostei desse esquema de cores. Este esquema de cores tem cores muito próximas com meu logotipo, talvez uma parte de T. Então, se eu eventualmente usasse essa animação para o meu tipo, pequena informação de logotipo ou pequena transição, eu escolheria aqueles do meio. Eu os tornaria invisíveis, e eu consideraria. Então nós temos esse tipo de rotação acontecendo, então eu precisaria fazer algo parecido no meu local. Eu era incapaz de tratar. Eu pressionaria a rotação. Ele gira por aqui, então o resultado final deve estar aqui. Então eu vou fazer o quadro chave de orientação. E mais cedo terá que virar juntos e com esses elementos. Mas uma vez que temos três d, eu também escrevi a partir deste ângulo. Está bem, Perfeito. Então agora eu teria uma animação como esta que você pode ver e ela cumpre muito bem. Como com esta animação existente. O único pequeno ajuste que eu faria ajuda t no meu logotipo. Eu reduziria a opacidade a zero. Aqui, eu faria a opacidade 100 para que se tornasse visível como se começasse a animar. Eu iria Chris, você, eu iria estender esses quadros chave para que eles não acontecessem tão rapidamente. E eu,é claro, pressionaria é claro, F9 para facilitar tudo, é claro, aqueles também, porque isso seria muito chato. E este seria o meu exemplo de animação, usando os elementos de movimento que criamos. Vês? E é tão simples. E esta pequena animação dá-lhe como o toque extra e em um assassinato fora, como realmente segundos. Posso criar uma inovação de logótipo única, uma transição única. Só se eu gostaria de renderizar isso, eu selecionaria todas as camadas aqui. Gostaria de clicar velho e chave de colchete direito. Então tudo termina, e eu apenas renderizaria isso com um fundo transparente. Claro, isso acontece abruptamente, então pressione t t em tudo. Eu iria para a frente e eu faria a opacidade 0%. Seria mais fácil se eu apenas pré compôs toda esta animação. Mas por causa deste tutorial, eu não quero fazer isso. Ah, agora eu vejo que a opacidade aqui está errada, então eu preciso copiar este quadro chave e boom, tudo desaparece. Vou pressionar control em para adicioná-lo à fila de renderização. Ou eu poderia ir para composição acrescenta para Adobe media encoder e boom pronto exportado animação logotipo perfeito . Muito rápido, muito fluente. Eu realmente gosto de roupas, cores e essa animação. Então eu vou ter que pensar que se eu não usar isso como uma transição, é realmente preparado rapidamente. Isso é um grande lado positivo. Espero que este pequeno tutorial, este pouco sério fora palestras são que é agradável para você. E você se divertiu criando isso comigo. Estou tentando fazer os dois turistas mais lentos, apropriadamente passeados, e eu tentei editar tudo. Então você realmente vê o que está acontecendo na tela. Por favor, deixe-me saber se eu fiz um bom trabalho ou se isso foi muito simples e não envolvente o suficiente. Muito obrigado por terem escutado, e ver-vos-ei em outros eleitores. CIA