Logotipos em estilo traçado | Animações simples em Adobe After Effects

1. Apresentação do curso: [MÚSICA] Olá, todos. Meu nome é Adam, sou um designer gráfico profissional e animador com mais de seis anos de experiência. Comecei como designer principalmente projetando logotipos, mas depois decidi que realmente queria aprender animação. Eu queria ver meus projetos ganharem vida. Foi quando decidi aprender o After Effects. Eu animai tudo, desde banners a tipografia, personagens e, claro, logotipos. Para este projeto de classe, você aprenderá a animar usando a técnica de estilo de traçado, que significa animar os traços. Faremos dois tipos de animação de logotipo. Um será uma marca de palavras, e o outro será um logotipo mínimo. Vamos mergulhar diretamente nas técnicas. Não vamos cobrir nenhuma teoria porque eu já cobriu aquelas na minha primeira aula de animação de logotipo para iniciantes. Para esta classe, você precisará do Adobe After Effects. Você também precisará de um conhecimento básico do programa. Vamos trabalhar com dois scripts gratuitos, EaseCopy e Duik Bassel. Por que aprender animação de logotipo em primeiro lugar? Qual é o ponto? O motivo é porque ajuda as marcas a se conectarem mais com o público. Estudos mostraram que as pessoas são mais propensas a se envolver com vídeos em vez de imagens estáticas. É por isso que você vê todas essas plataformas de mídia social tentando levar os criadores a publicar mais vídeos. É isso para a introdução. Se você está pronto para aprender novas técnicas para surpreender seus amigos e colegas, então vejo você na primeira lição. 2. Projeto do curso: Para este projeto de classe, você animará dois logotipos usando três técnicas diferentes, que significa três novas técnicas de animação de logotipo em seu arsenal. Primeiro, quero que você vá em frente e baixe esses dois incríveis scripts gratuitos do Adobe After Effects, faça uma cópia basal e fácil. Além disso, você pode encontrar todos os arquivos de classe aqui. Você pode baixar o projeto para acompanhar comigo e também pode baixar o projeto final. A razão pela qual escolhi esses projetos de classe é porque as técnicas que estou prestes a mostrar são fáceis de aprender e são fáceis de aplicar aos seus próprios projetos pessoais. Minha dica, se você quiser terminar a aula é acompanhar comigo usando os arquivos que eu lhe dei. Depois de aplicar a animação a esses arquivos, você poderá aplicá-la aos seus projetos pessoais. Quando terminarmos uma animação, você pode prosseguir e publicá-la na galeria de projetos para que eu possa lhe dar meus comentários e também para que você possa inspirar a comunidade. Prepare tudo e vejo você em seguida. 3. Animação de logotipo Aroma — usando a ferramenta Máscara de caneta: Agora, para esta palestra, faremos nossa primeira animação de logotipo usando a nossa primeira animação de logotipo ferramenta máscara de caneta e os efeitos do gerador de traçados. Depois de abrir o arquivo, você encontrará algo assim. Temos um PNG aqui de paletas de cores, a área ativa e o logotipo real. Primeiro, vou selecionar a primeira letra A e depois irei em frente para a ferramenta caneta. Certifique-se de selecionar a ferramenta que cria máscara. Não queremos criar uma forma. Vou ampliar para o A, e aqui você tem que prestar atenção ao cursor porque se eu me mudar para cá, você pode ver que é apenas uma ferramenta de seleção normal. Mas se eu me mudar para cá, você pode ver que temos um sinal de mais com a ferramenta caneta, o que significa que ele vai adicionar um ponto de ancoragem e se eu me mover para cá, por exemplo, podemos ver que temos agora a ferramenta caneta com o quadrado e um ponto nele, e esta é a que eu quero ter antes de adicionar a máscara ou a máscara de traçado. Vou clicar aqui, e depois aqui e depois aqui. Depois de adicionarmos isso, podemos selecionar a ferramenta de seleção e, em seguida, apenas alinhar a máscara com a letra, assim. Agora, como você pode ver, não cobrimos a carta inteira, ainda precisamos adicionar a máscara a esta parte do A para que possamos mascará-la também. Portanto, desmarque a primeira camada, depois selecione-a novamente e, em seguida, selecione novamente a ferramenta caneta, mascare e adicione outra máscara aqui. Vamos trabalhar com duas máscaras, não apenas uma ferramenta de seleção e depois ajustar essa também. Lá vamos nós. A próxima coisa você quer fazer é que está sob efeitos e predefinições que você deseja procurar traçado, e depois procurar gerar, e então você tem traçado aqui. Clique nele e coloque-o na camada número A, ou se o número da camada A estiver selecionado, basta clicar duas vezes nele. Você pode ver que ele adicionará um traçado à máscara ou ao caminho da máscara que criamos. A primeira coisa é apenas mudar a cor para que você tenha algum contraste entre o primeiro plano e o plano de fundo. Lá vamos nós, e podemos aumentar o tamanho do tamanho do pincel assim. Certifique-se também de que a dureza do pincel seja 100% para que você não tenha nenhum borrão ou transparência nas bordas do traçado. Vou ajustar a máscara agora pois estou ajustando o tamanho do pincel. Talvez aumente isso um pouco mais. Vamos clicar fora para ver o que está acontecendo. Talvez precisemos ajustar essa parte um pouco aqui. Agora, como você pode ver aqui, o traço é aplicado a apenas uma máscara e temos duas máscaras. O que podemos fazer é aqui no caminho, certifique-se de verificar todas as máscaras. Agora, ele é aplicado a todas as máscaras. Agora, a próxima coisa que temos que fazer é animar o traçado e a maneira como animamos o traçado é a mesma coisa que animar um caminho de corte. O que vou fazer é encontrar o final, adicionar um cronômetro ou um quadro-chave, clicar na camada A e depois clicar em U para que eu possa encontrar o quadro-chave, ampliar a linha do tempo até ver os quadros do jeito que eu quero que sejam ou do jeito que eu quero vê-los. Então, no primeiro quadro-chave, vou colocá-lo abaixo de 20 quadros ou talvez mais, e depois terminar aqui. Vou colocar zero no início da linha do tempo. Agora, você pode ver que a máscara ou o traço se foi, mas se eu mover a cabeça de jogo você pode ver o que está acontecendo aqui. Agora, o que queremos fazer é mascarar a letra. Então, o que faremos é ir para o estilo de tintas e mudar de uma imagem original para revelar a imagem original e agora a letra desapareceu. Selecione os dois quadros-chave, F9 para os ECNs. Agora, se eu mover a cabeça do jogo, você verá que temos a boa animação. Mas temos um problema aqui é que temos essa coisa aqui saindo do derrame e queremos consertar isso. Então, selecione a camada e, em seguida, com a ferramenta de seleção selecionada, vou apenas mover esse traçado um pouco para a esquerda assim, mas não o mova demais. Você não quer ter algum espaço em branco sob a caixa delimitadora. Só um pouco. Agora, mude para cá. Você pode ver que temos o mesmo problema. Vou mover este para a direita um pouco também. Agora, parece bom. Selecione os dois quadros-chave, vá para o gráfico de velocidade e , em seguida, vou aplicar alguma facilidade fácil N. Agora, se clicarmos em reproduzir, boa animação. Talvez eu suprima os quadros-chave um pouco mais assim e isso é bom, só para tornar a animação um pouco mais lenta. A mesma coisa com o R, clique na ferramenta Caneta R e no mesmo processo. Selecione a ferramenta cria máscara e, em seguida, adicione a máscara aqui. Aqui clique e arraste a curva, mantenha pressionada Alt ou Option e, em seguida, traga essa alça de volta assim até este ponto e clique aqui e arraste assim. Mantenha os turnos, faça o mesmo para esse identificador e clique aqui. Agora, como adicionamos a máscara, em vez de adicionar os efeitos de traçado novamente e ajustar as configurações, podemos simplesmente copiar da camada anterior. Selecione a camada A, selecione o comando de controle de traçado C, selecione nosso comando de controle de camada V e aqui nós o temos. Claro que também podemos ajustar isso. Lá vamos nós. Agora, vamos fazer O e depois vou seguir em frente e acelerar as coisas. Para o O, a mesma coisa. Eu sei que você está pensando por que não adicionar uma forma ao O, e a razão é que se adicionarmos forma, ela vai mascarar tudo e não queremos mascarar tudo agora. Queremos mascará-lo usando um método diferente. É por isso que não podemos fechar a máscara, precisamos deixá-la aberta. Adicione a máscara da ferramenta caneta e, em seguida, a mesma coisa, clique aqui e arraste. Mantenha os turnos. Oculte esse identificador segurando Alt ou Option. Clique aqui e arraste. Mais uma vez, oculte esse identificador, clique aqui e arraste, oculte esse identificador e clique aqui e arraste. Não feche a máscara. Agora, com o Comando de Controle V selecionado para que possamos colar os efeitos de traçado e aqui nós o temos. Talvez um pouco mais aqui assim. Ajuste um pouco o tamanho do pincel. Agora, vou fazer o resto das letras rapidamente. Para o último A, vou apenas ir em frente e duplicar o primeiro A. Deixe-me ir em tela cheia aqui. Lá vamos nós. Vou duplicar o primeiro A, Comando de Controle D e depois vou arrastá-lo assim para cima do outro A. Agora, vamos esconder o último A. Então eu vou excluir o último, e depois traga este todo o caminho para baixo. Agora, se eu selecionar todas as camadas e clicar em U. Agora, como você pode ver, todos os quadros-chave foram adicionados e todos os quadros-chave têm os mesmos valores. Todos eles têm é N. Novamente, selecione tudo, clique em U para fechar os quadros-chave ou para ocultar os quadros-chave. Agora, o que vou fazer é clicar com o botão direito do mouse e depois pré-compor, e então vou dar um nome, Aroma 1. Depois de pré-compor, vou clicar duas vezes na nova composição e vou compensar um pouco as letras. Selecione todos eles, essa coisa aqui. Vá para Janela. Quero selecionar meus scripts, as fendas. Essas são minhas configurações e eu tenho aqui descendentes sob arranjo. Clique em “Jogar”, clique novamente, porque quero que a primeira letra apareça e depois o resto das letras. Algo assim. Vamos ver o que temos aqui. Talvez mais um. Isso parece bom para mim. Vou deixá-lo assim. Este é um processo criativo, portanto, não há certo ou errado. Você pode escolher o que quiser. Você só precisa dominar as técnicas e ser criativo. Isso é tudo. Os clientes são técnicas, então você compara. Agora, vamos voltar aos primeiros projetos como este. Agora, vamos em frente e adicione as cores porque é importante manter as paletas de cores que os clientes desejam e uma animação de logotipo. Primeiro, vou seguir em frente e adicionar um fundo de luzes, provavelmente essa camada de cor, novo sólido. Clique na ferramenta conta-gotas e selecione essa cor. Vou colocá-lo todo o caminho até o fundo e depois trancá-lo. Agora, selecione a composição e duplique-a. Clique com o botão direito, renomei Vou colocar aqui o aroma Número 2, e depois aumentar o zoom, e vou compensar isso, em seguida, cinco quadros. Agora, vou mudar a cor da primeira composição. Então, sob efeitos e predefinições, procure preenchimento. Sob gerar, temos preenchimento. Vou adicioná-lo ao comp Número 1 e, em seguida, clique aqui e escolha esta cor verde. Aqui vamos nós. Agora, vou ocultar a composição duplicada possamos ver a cor que adicionamos. Então, no segundo, vou fazer a mesma coisa. Mostre o aroma Número 2, adicione preenchimento e selecione a ferramenta conta-gotas e vou selecionar essa cor aqui. Lá vamos nós. Agora, se clicarmos em “Reproduzir” [MÚSICA]. Então, para recapitular tudo, nesta palestra fizemos uma animação do tipo logotipo. Começamos usando a máscara para cobrir as letras. Adicionamos os efeitos de traçado e os animamos, e depois compensamos as camadas. Em seguida, vamos animar o logotipo do aroma usando o caminho de acabamento e um fosco de faixa. 4. Animação de logotipo de aroma — usando o caminho de TriO e o Matte de trilha: Agora, para esta palestra, vamos animar o mesmo logotipo usando diferentes técnicas que permitem mais flexibilidade e controle sobre a animação. Pessoal, então agora a primeira coisa que você quer fazer é selecionar a Ferramenta Caneta. Amplie a tela assim e a primeira coisa é que você deseja ter certeza que você não tem nenhuma camada selecionada porque se houver alguma camada selecionada e você aplicar a forma, a camada irá ser mascarado. Agora vou clicar aqui, depois aqui , e depois aqui, e então aqui temos nossa forma. Agora, a coisa sobre esse método é que ele lhe dá mais controle sobre a animação. Mas a desvantagem é que você vai trabalhar com mais camadas, pois temos que adicionar uma camada de forma a cada letra em nossa linha do tempo e também temos duas formas [inaudíveis] cada forma a uma letra específica portanto, caso você queira redimensionar a forma ou movê-la, você não terá nenhum deslocamento entre a forma ou entre a máscara e a letra. Agora eu quero cobrir a segunda parte desta carta e se eu for daqui para aqui, teremos isso. O que fazer é segurar Controle ou Comando, clique aqui nos brancos vazios e depois volte e adicione as segundas partes como esta. Clique em “Ferramenta de seleção” ou “V” no teclado. Vamos ajustar essa coisa. Pessoal, então certifique-se de que tudo esteja coberto. Agora, o próximo passo que vou fazer aqui é mudar essa cor para a mesma cor da letra. Então arenito. Agora, o que queremos fazer é adicionar caminhos de corte. Se eu clicar aqui, se eu abrir isso, temos conteúdo e, sob o conteúdo, temos forma 2 e forma 1. forma 1 é a A e a forma 2 é essa coisa aqui. Vamos adicionar um caminho de corte a ambas as formas. Vamos começar com a forma 1 no caminho de corte. Agora vamos adicionar um cronômetro ao final, e então eu vou mover o cronômetro para 20 quadros se você não vir 20 quadros, basta ampliar a linha do tempo e depois trazer a cabeça de jogo para o início da animação e depois 0. Agora, se eu mover isso, você pode ver o que estou falando. Agora vou fazer a mesma coisa para a forma número 2, selecioná-la e, em seguida, clique aqui para adicionar e depois aparar o caminho. Às vezes, você pode adicionar caminhos de corte por engano à forma número 1, apenas certifique-se de que ele esteja na forma número 2. Então eu vou fazer a mesma coisa e selecionar a camada, clicar em usar para que vejamos apenas os quadros-chave que adicionamos. Traga este aqui e, em seguida, traga de volta para 0. Agora, se eu mover a cabeça do jogo, você pode ver a animação. Mais uma coisa, é claro, é aplicar o ECN, então selecione todos eles. F9, todos eles quadros-chave, é claro. F9, Speed Graph é fácil. Aqui está você. Agora, se eu clicar em “Play”, podemos ver a animação. Agora precisamos mascarar a forma com a letra. Nós podemos fazer, é claro, é vir aqui para rastrear mattes. Se você não vir rastrear mattes e se certificar clicar nisso, aqui mesmo, onde diz expandir ou recolher o painel de controles de transferência e, em seguida, vou mudar isso para Camada de Forma Matte Alfa 2 e vou vincular isso à camada de forma 2, é claro que você pode renomear sua camada de forma A para que você não fique confuso. Agora, se reproduzirmos a animação, aqui temos uma boa animação. Parece bom. Legal. Agora, se quisermos redimensionar isso ou tudo, basta clicar em Escala e você pode redimensionar isso, ele seguirá. Você não terá esses deslocamentos estranhos entre a máscara e a forma. Você deve ter notado como essa coisa, a camada de forma ficou cega ou não é mais visível e isso é normal. Pessoal, então agora vou seguir em frente e fazer exatamente a mesma coisa com todas essas letras, exatamente a mesma coisa. Assim como com essas letras, só vamos adicionar uma forma e isso são duas formas. Vamos em frente agora. Quando você terminar com algo, acho que é melhor se você clicar mouse, depois pré-compor e, em seguida, pré-compor A e então tudo bem. Dessa forma, você não ficará sobrecarregado com todas as camadas adicionais. Clique no vazio, certifique-se de que nada esteja selecionado a Ferramenta Caneta e, em seguida, vamos fazê-lo. Às vezes, quando você continua ajustando os tapetes e ainda consegue ver algumas partes da letra, não há nenhum dano e aumento no traçado com um pouco ou o tamanho do traçado. Agora, como você pode ver, uma vez que eu terminar com o R, vou seguir em frente e colocar o champlain número 2 em cima do R. Se eles souberem, é claro, sobre trabalhar com formas como se eu abrisse aqui e depois constantes, e depois forma e, em seguida, traçar você também pode ver que temos controle sobre a tampa ou a borda do traçado. Se eu vier aqui, temos um boné de broto. Se eu clicar na tampa redonda, ela vai arredondar a mesma e se eu clicar em “Backup”, vou ter a tampa que eu quero. Agora, este aqui é chamado tampa de projecção e este, você só o usa se tiver um problema, se você tem como o que chamamos escada e seu derrame, deixe-me mostrar o que quero dizer. Por exemplo, vamos desmarcar tudo. Se eu clicar aqui e depois fazer isso, então assim, e se eu for para Adicionar e adicionar caminho de corte agora, se eu animar, você pode ver que temos um problema quando se trata dessa área. Você pode ver que temos como uma esfera aqui. Este problema aqui, deixe-me ir para 76, talvez você veja mais, sim assim. Quando você tiver esse problema com sua animação, podemos ir novamente para o traçado e, em seguida, mudar de tampa para tampa de projecção. Agora ele aumentará o comprimento do traçado de baixo e de cima, mas também resolverá seu problema. Deixe-me excluir isso. Vamos voltar à nossa animação de logotipo. Agora que terminamos com este, vamos fazer a mesma coisa novamente. Além disso, certifique-se de que a camada de forma 2 esteja em cima de R. Você pode ir em frente e abrir aqui e adicionar caminho de acabamento. Eu sempre adiciono o quadro-chave final primeiro e, em seguida, mudo o valor aqui vamos. Com este, você pode ver que temos esse tipo de animação como esta. Se não for um problema, você pode deixá-lo. Se for um problema, você pode compensar a animação que veremos como em um momento. Parece legal. Seleciona tudo F9. Desta vez, em vez de voltar para o editor de gráficos e ajustar a flexibilização e bem que podemos fazer é ir para Window e, em seguida, procurar os scripts que eu disse para baixar mais cedo clique nele é a cópia. Agora, o que vamos fazer é abrir o pré-comp. Clique aqui em você, selecione-os e, em seguida, copie e, em seguida, deixe-nos voltar ao comp, selecione-os e, em seguida, cole a facilidade. Agora, se eu for para o Speed Graph, você pode ver que temos a facilidade fácil. Agora a camada de forma alfa 2, ou podemos renomear como R, você pode ver que este é um processo muito tedioso, mas vale a pena a animação e é fácil, apenas repetitivo. Em seguida, a camada número 3R e aqui a temos. Agora vou seguir em frente e acelerar o processo a mesma coisa com o O. Agora essas coisas com O em vez de usar a Ferramenta Caneta, podemos seguir em frente e usar a Ferramenta Ellipse. Clique no meio e arraste. Quando você pressiona o comando Shift e Control, ele arrastará do meio. Agora só precisamos ajustar essa coisa novamente. Vamos nos certificar de que temos uma camada de forma em cima de O. Vou pegar aqueles com o botão direito do mouse pré-comp, depois pré-comp R e, em seguida, a mesma coisa no caminho de corte. Agora, para o último, vou duplicar o pré-comp, colocá-lo em cima de A e depois movê-lo assim. Só vou esconder este. Agora, é claro, é exatamente a mesma coisa que fizemos na palestra anterior. Podemos ir em frente e vê-los e pré-comprá-los novamente e depois compensar uma última vez. Pessoal e esta é a animação final. Rapidamente, se eu for aqui, e eles procurarem o pré-comp A, este. Digamos que, por exemplo, você não goste dessa animação porque ela tem essa coisa no início. O que você pode fazer muito rápido, é apenas esperar que o primeiro traço se forme e , em seguida, a segunda forma pode iniciar a animação e algo assim. Se eu me mover agora, onde quer que você vá, você não tem esses pequenos traços no início. Mas se isso não te incomoda, você pode simplesmente deixá-lo. Pessoal [MÚSICA] então, para recapitular tudo, nesta palestra trabalhamos com formas, faixas mattes e caminho de corte. Em seguida, estaremos animando o logotipo mínimo do ícone. 5. Logotipo de elefantes - Animação principal: Para esta palestra, começaremos com a animação principal do nosso logotipo mínimo de elefantes animais. A primeira coisa que você encontra aqui quando abre a composição é que você encontrará o registro aqui e as cores que podemos usar para nossa animação. A primeira coisa que quero fazer aqui é apenas bloquear essas camadas e depois sombreá-las para que tenhamos uma linha do tempo limpa. Como você pode ver, não vamos estar sentados aqui em nenhuma área ativa porque a composição é bastante compacta. Agora, o primeiro passo é adicionar círculos aqui que servirão como guias para a animação, é claro. Selecione a ferramenta elipse e, em seguida, vou me certificar de que tenho uma cor de preenchimento e sem traçado. Em seguida, segure Shift and Control ou Shifts ou Command e clique no meio do logotipo e arraste. Você quer que o círculo tenha praticamente o mesmo tamanho que o logotipo, apenas para cobrir o logotipo. Seja qual for a maneira que você quiser selecionar, vou clicar em T para obter transparência e, em seguida reduzi-lo para 30%, aqui vamos nós. Agora, clique aqui nas constantes, encontre a Elipse 1 e, em seguida, Control Command D. Agora tenho dois círculos e uma camada lateral. Com a Elipse 2 selecioná-lo, vou clicar aqui, arrastar para os direitos e manter pressionado os turnos e, arrastar para os direitos e manter pressionado os turnos e em seguida, selecionar a camada inteira e , em seguida, Controlar Comando D, clique, arraste para a parte inferior e segure os turnos. Agora temos algo assim. Selecione ambos, clique com o botão direito do mouse, pré-comp e, em seguida, guia circular. Selecione a ferramenta de ponto de ancoragem, pressione esta no meio assim. A ferramenta de seleção direta, selecione toda a pré-composição e, em seguida, coloque-a no meio do logotipo assim. Clique em R e, em seguida, basta girá-lo como 25 graus. Clique com o botão direito do mouse sobre isso, vire-a para a camada guia e, em seguida, podemos ocultá-la também. Agora, o próximo passo é selecionar a ferramenta Caneta e depois quero rastrear cada parte do logotipo que quero animar individualmente. Como temos quatro círculos, vamos separar o logotipo quatro partes que iremos animar. Vamos começar com o primeiro. Só queremos rastrear o rastreamento normal. Clique aqui, vamos começar com essas partes inferiores, depois aqui, arraste. Só precisamos mudar para o preenchimento e o traçado, então não há preenchimento e, em seguida, traçado , sim, eu tenho 12 pixels. Agora, como mudamos o preenchimento e o traçado, vou clicar nesses pontos de ancoragem e depois clicar aqui. Mantenha o controle e clique nos últimos pontos de ancoragem apenas para que eu possa ajustar a tampa um pouco, e então apenas daqui, que muda. Aqui vamos nós. Se eu clicar aqui para ajustar essa área, vou conectar os pontos e não quero isso. Clique fora e, portanto, tudo não está selecionado. Em seguida, clique em uma camada novamente e, em seguida, podemos clicar aqui e , em seguida, segurar Controle ou Comando e clicar novamente. Agora também podemos ajustar essa área. Depois de fazer isso, uma vez que você terminar, vamos clicar nesses pontos de ancoragem para terminar nossa configuração de traçado, porque queremos que o traçado comece a partir daqui e depois faça isso e volte aqui. Em seguida, vou clicar fora e clicar na camada novamente. Clique aqui e depois clique aqui e arraste e depois aqui e arraste, aqui e arraste, e depois aqui e arraste. Claro, sempre podemos ajustar nosso Stroke Path. Agora vou consertar isso para garantir que eu tenha curvas suaves. Não quero bordas afiadas ou juntas neste caminho. Agora temos que prestar atenção ao que vou fazer em seguida porque vamos repetir a mesma coisa para todos os traços, exatamente a mesma coisa. Certo, pessoal. Clique aqui e, em seguida, vá para Adicionar e, em seguida, você deseja adicionar caminhos de corte. Depois de adicionar o caminho de corte, você deseja abrir o caminho de corte e, em seguida, adicionar um quadro-chave de quatro estrelas e adicionar. Então você quer procurar um traçado e, em seguida, você quer mudar a tampa da linha para a tampa redonda e, em seguida, a junção da linha para a junção redonda. Agora, aqui, onde diz largura do traçado, você deseja adicionar um quadro-chave. Então, para a cor, o que vamos fazer é diminuir o zoom aqui e , em seguida, clicar na ferramenta Conta-gotas e, em seguida, selecionar uma cor do esquema de cores e também definir um quadro-chave e, em seguida, selecionar uma cor do para a cor. Assim que fizermos isso, vamos voltar para a camada e clicar em “U”, então só temos os quadros-chave que adicionamos. Agora, o que vou fazer, amplie a linha do tempo até que você possa ver os quadros como eu disse aqui. Vou mover a cabeça do jogo para 25 assim. Agora, o que vou fazer é mover a largura do traçado para 25 quadros e, em seguida queremos decidir entre qual você vai se mover, é estrela ou fim? Dependendo de como você rastrear o logotipo, um deles terá que se mover primeiro. Vamos começar com estrelas e ver o que está acontecendo. Como você pode ver aqui, este caminhão está se afastando do logotipo para o círculo, que significa que este é o que eu preciso me mover primeiro. Às vezes, você pode querer mover o final primeiro se ele afastar o traçado do logotipo. Agora que eu sei que é a estrela que vai afastar o traçado do logotipo, o que vou fazer é simplesmente desfazer o quadro-chave que acabei de adicionar e, em seguida, mover o quadro-chave estrela para 25 como isso e depois volte ao início da linha do tempo, e depois 99,9 então eu só tenho um ponto aqui. Agora, a largura do traçado, vou avançar e aumentá-lo até cobrir todo o círculo. Algo assim. Agora, o que vou fazer é mover a cabeça de jogo para 25 quadros e depois, para o fim, vou movê-lo assim, diminui até termos o traçado original do logotipo como este. Para cores, vou mover isso como 10 quadros aqui e depois vou mudar a cor para a cor original do logotipo, que é este aqui. Depois de fazer isso, vá em frente e perturbe a estrela e o fim. Selecione todos os quadros-chave F9 e, em seguida, selecione os deslocamentos da estrela no final e vá para o Speed Graph para aplicar a facilidade fácil. Aqui vamos nós. Ferramenta de seleção e , em seguida, facilidade de entrada fácil. Queremos ajustá-lo a algo como essa mesma coisa para a cor. Lá vamos nós. Agora, a boa notícia é que você só precisa ajustar o gráfico de velocidade uma vez para essa animação. Nós apenas fazemos isso, desta vez e então vamos usar scripts. Aqui vamos nós. Agora, se eu clicar em “Jogar”, você pode ver o que estou falando aqui. Agora, finalmente, vou clicar em T para obter transparência e reduzir isso para um sentido de zíper. Agora vamos fazer exatamente a mesma coisa para todos os traços restantes do logotipo. Vou seguir em frente agora e acelerar o processo. Lembre-se de que incluí os projetos finais e os recursos para download desta classe. Agora vou ter Shape Layer 1 depois de mudar a cor assim e depois fazer os outros círculos. Apenas certifique-se de não ter o mesmo círculo duas vezes. Agora selecione a ferramenta Caneta novamente e a mesma coisa, vamos tentar esta área. Lembre-se que é quando você apenas adiciona traços que você pode alternar entre ferramenta Lápis e Seleção dependendo do que você deseja fazer. A mesma coisa, clique aqui, aqui e depois vamos adicionar o caminho para a animação. Às vezes, aqui com o final, você tem que inserir o valor manualmente apenas para que você possa ficar alinhado distante, o traçado alinhado com a forma do logotipo. Talvez tente 5.5. Vamos tentar apenas três. Isso é melhor. Lembre-se que os caras ainda não vão ao Speed Graph porque usaremos os scripts. Basta adicionar a facilidade fácil F9. Agora selecione a estrela e depois desloque-a aqui. Deixe-me abrir a segunda camada para que eu possa ajustar isso. Estou apenas alinhando os quadros-chave da primeira camada com os quadros-chave da segunda camada Você para esconder tudo e depois vamos fazer isso e aqui vamos nós. Este agora. [MÚSICA] Agora que adicionamos animação para todos os traços, vamos em frente e torná-la invisível novamente e você pode ver o que temos aqui. Agora, se clicarmos em Play, eu apenas escondi o guia do círculo, as cores e o logotipo mínimo. Você pode ver a animação. Mas parece que temos um problema com este, o que é normal. Esquecemos de mudar a cor para a direita. Selecione o quadro-chave, a ferramenta conta-gotas e, em seguida, basta selecionar scaler, então aqui vamos nós. Você pode deixá-lo assim se quiser, mas se você quiser estilizar mais, podemos fazer isso, é claro. Nós mantivemos tudo, nesta palestra começamos adicionando guias, depois separando o logotipo para partes individuais que irão animar, e então definimos as trajetórias de animação e nós o animamos usando o caminho de corte, largura do traçado e os parâmetros de cor. Em seguida, adicionaremos a animação do logotipo secundário. 6. Logotipo de elefantes - Animação secundária: Agora que terminamos a animação principal, nesta palestra vamos seguir em frente e adicionar nossa animação secundária. O que vou fazer agora é selecionar todas essas camadas. Você seleciona todos os quadros-chave que adicionamos, amplia a linha do tempo e, em seguida, vou movê-los para 20 quadros. Agora desmarque tudo, amplie a linha do tempo novamente, coloque a cabeça de reprodução em 10 quadros e, em seguida, vamos adicionar outro quadro-chave para a largura do traçado para todas as camadas. Agora, coloque o jogo de cabeça para o início da linha do tempo e vamos apenas fazer a largura do traçado zero. Depois de fazer isso, vou selecionar todos os quadros-chave que coloquei em 10 quadros, depois mantenha pressionado “Control” e clique para torná-los normais, sem Easens porque queremos aplicar uma expressão, e assim assim podemos aplicar a expressão porque não podemos aplicar expressões por meio do Easy Easens. Agora o que vou fazer é encontrar Duik Bassel_2, este aqui mesmo. Eu só vou [inaudível] isso. O que você pode fazer é ir para o Window e depois encontrar a animação Duik se você não encontrar isso aqui. Certo, pessoal? Agora, vou selecionar esse quadro-chave de largura do traçado abaixo de 10 quadros, e depois vou adicionar o Kleaner, para que eu possa ter esse salto elástico. Depois de fazer isso, você quer seguir em frente e seguida, desmarque Antecipação. Vamos fazer isso por todas essas camadas. A mesma coisa, selecione isso e, em seguida, aplique o Kleaner. Não copie e cole porque não vai funcionar. Você precisa substituir manualmente. Claro, existem outros scripts que podem fazer isso automaticamente, mas estou aderindo com este, o gratuito. Agora temos isso aplicado a todas as camadas, vou aumentar um pouco o tamanho da linha do tempo, lá vamos nós. Agora, se você se lembrar, em nossa primeira camada temos Easy Easens aplicado. Se eu selecioná-los, você pode ver que nós os temos aqui. Agora, como copiamos isso para todas essas camadas? É simples. Vá para Janela, abra os scripts [inaudíveis], seleciona todos aqueles com exceção desses dois e, em seguida, copie. Você pode ver agora que o número 8 está bem aqui. Temos oito quadros-chave copiados, selecionamos portas na parte superior com exceção desses dois e, em seguida, colamos Facilidade. Agora, se eu voltar aqui para o gráfico de velocidade, podemos ver que ele é aplicado aos quadros-chave. Vamos fazer a mesma coisa para todas essas camadas. Vamos fechar isso, fechar isso, agora este. O legal é que você só precisa copiar quando não precisar copiar tudo. Aqui vamos nós, tudo bem. Finalmente, o que podemos fazer, trazer o jogo de cabeça para o começo assim e então queremos adicionar uma camada nula. Então Layer, New, Null Objects, selecione o motor de pontos de ancoragem, coloque-o no meio e, em seguida, seleciona toda a camada Nula e, em seguida, alinhe seu centro e a composição. Agora vá em frente, selecione todas essas camadas, clique em um chicote de pais e vincule-o ao objeto nulo. Selecione os objetos nulos R para rotação. Vou apenas adicionar um quadro-chave de rotação aqui, e este, quero girá-lo da mesma maneira que o caminho do logotipo. A mesma coisa aqui. Vou girar para a direita, então será menos 300 ou algo assim e verifique a animação. É legal. Agora, a única coisa resta é que queremos ir em frente e compensar essas camadas. Vou ampliar assim e depois deslocá-los em torno de quatro quadros de distância um do outro para a frente ou o que quer que seja, talvez uma combinação de ambos. Agora vamos clicar em “Jogar”. Agora, o que vou fazer muito rápido é clicar aqui e depois mostrar as cores, depois Camada, Nova, sólida. Vou escolher essa cor aqui. Coloque-o assim e se eu clicar em “Jogar”, e aqui vai você. Para recapitular tudo, nesta palestra adicionamos as expressões elásticas e a camada Nula para girar o logotipo. Em seguida, estilizaremos o logotipo e corrigiremos quaisquer imperfeições. 7. Animação de logotipo elefante: correção de imperfeições e estilização: Agora esta é a palestra final desta aula. O que vamos fazer aqui é corrigir qualquer imperfeição com o logotipo e aplicar modos de mesclagem. Apenas destaca o logotipo, é claro. Agora que fizemos com a animação do logotipo, podemos ir em frente e estilizar e ver se há alguma imperfeição que precisa da correção. Se eu colocar a cabeça de jogo aqui, [NOISE] amplie o logotipo. Podemos ver aqui que as pernas não estão alinhadas. Vou trazer a régua, e só coloco uma linha aqui para que possamos apenas alinhar as pernas. Vamos ver qual aqui tem um problema. [RUÍDO] Temos Shape Layer 3, clique em Matiz. Então eu vou encontrar o parâmetro final, este. Vou aumentar o zoom para o último quadro-chave e depois ajustá-lo um pouco. Talvez 15 aqui. Isso parece melhor. Vamos encontrar o outro. Camada de forma 2. Encontre o quadro-chave final. Este é o fim. Vamos clicar no quadro-chave. Ajuste a cabeça de reprodução na parte superior do quadro-chave. Aqui, talvez eu adicione seis. Isso é demais, então provavelmente 5,8. Ok, isso parece melhor, 5,6. Sei que estamos fazendo uma animação de logotipo, mas o logotipo final deve parecer esteticamente agradável. Agora, a última coisa que vou fazer é mudar o modo de mesclagem para Dancing Dissolve. Isso dará uma boa textura animada ao logotipo. Assim, aqui temos isso. Agora, basta Controlar o Comando R para remover a régua e depois Exibir e depois Limpar Guias. Agora, se clicarmos para ver a animação final, vamos remover a imagem daqui, esta com as cores. Em seguida, basta exportar. Use um Adobe Media Encoder. Vamos dar uma olhada agora na animação final. Uma coisa que você pode notar aqui é que a cor do fundo está se misturando com uma das cores dos círculos. Podemos simplesmente alterar o valor dessa cor. Mais uma vez, vou para camada, novo, sólido. Bem aqui, eu posso apenas querer escurecer ou simplesmente abrir essa cor um pouco. Tente aqui, por exemplo, ok, ok. Isso é melhor, eu acho. Exclua este. Agora arquive, exporte e você pode exportar para o Adobe Media Encoder. [MÚSICA] Para recapitular tudo. Nesta palestra, corrigimos quaisquer imperfeições e adicionamos modos de mesclagem a todas as camadas. É isso para esta aula. 8. Parabéns: Parabéns, pessoal. Você finalmente conseguiu. Agora, vamos recapitular o fluxo de trabalho rapidamente. Começamos importando o logotipo para o After Effects, convertê-lo em formas, separar partes do logotipo que queremos animar individualmente, aplicar a animação principal, aplicar animação secundária, [MUSIC], em seguida, estilizar o logotipo e exportar o logotipo usando os formatos Media Encoder MP4. Agora eu quero que você vá em frente e compartilhe sua animação na galeria de um projeto. Além disso, se você gosta desta aula e se você fez algo novo, você pode seguir em frente e me seguir, deixar um comentário para que outros alunos possam encontrá-lo, e vê-lo muito em breve, meu amigo.