Técnicas de animação de logotipo para iniciantes no Adobe After Effects

1. Introdução do curso: Na maioria das vezes eu recebo a pergunta, você precisa conhecer design gráfico ou ilustração antes de fazer uma animação de logotipo? E a resposta é, tudo depende do tipo de animação que você faz. E às vezes você precisa desenhar o completo na animação. E às vezes só precisamos trabalhar com o logotipo e os recursos fornecidos a você. E isso é o que vamos fazer nesta aula. Vamos pegar o logotipo desta palestra e adicionaremos gráficos em movimento a ele. E um tipo de animação que vamos fazer é essa animação de textos reveladores saltitantes com a linha de velocidade. Olá a todos. Meu nome é Adam. Sou designer gráfico e animador profissional e , por causa da Lancome Morocco, com mais de seis anos de experiência, meus clientes mais notáveis estão querendo compartilhar flex glib, um animador. Portanto, as técnicas que usaremos aqui, pedaços repetitivas e podem ficar complicadas se você não estiver muito familiarizado com o Adobe After Effects. Mas eu fiz o meu melhor para simplificar as coisas tanto quanto eu me curvo. Esta aula é para iniciantes e animação de logotipo porque suas técnicas serão muito fáceis de realizar. Chega ao conhecimento básico e o Adobe After Effects pode realmente ajudar. Nesta classe, você precisará Adobe After Effects, a versão mais recente, melhor você precisará liberar scripts com base e criar nulos a partir de caminhos estendidos. Enquanto a própria animação do logotipo. E o primeiro lugar. Por que isso é importante? E além do fato de que é legal animar e fazer você parecer legal. Também pode fazer parte do processo de contar histórias de uma marca. E um animador Global pode dar explicação mais detalhada sobre a natureza da marca do que um dado de logotipo estático. Então, se você estiver pronto para animar algumas dicas secretas e efeitos posteriores que você pode incorporar em seu fluxo de trabalho. Vejo você na próxima palestra. 2. Projeto de aula e scripts: Tudo bem pessoal, agora vou mostrar a vocês onde podemos baixar os arquivos do projeto que vocês precisarão para concluir a aula e que precisarão concluir seus próprios projetos pessoais. E eu vou te mostrar onde você pode fazer o upload para o projeto assim que terminar, ok, então eu posso te dar meu feedback. E é muito importante que vocês terminem o projeto, pessoal, porque é assim que vocês aprendem. Você aprende fazendo isso. Acesse Projetos e recursos. Aqui você encontrará três arquivos. O primeiro é o arquivo que você precisa para seguir o curso comigo, este segundo arquivo como os projetos finais. Portanto, não abra imediatamente, a menos que você esteja realmente preso. Ok, por favor, faça o curso sem abrir este arquivo. E, finalmente, temos outro logotipo aqui que você pode usar para aplicar as técnicas que aprenderá. Esse aqui. Quero que você vá em frente e publique aqui mesmo na galeria do projeto para que eu possa dar meu feedback. Ok, basta clicar em Criar projetos e você pode postar o link, incorporar um vídeo, o que quiser fazer. Tudo bem, pessoal, agora vá em frente primeiro e abra o arquivo do Illustrator que eu disse para você baixar, logo literal viola mono line. Algo rápido aqui que eu quero explicar. Então, como você pode ver aqui, eu coloco cada letra e sua própria camada. Ok, isso é uma coisa. E outra coisa que você precisa ter em mente é que, se você vai criar um logotipo no Illustrator, você quer criar com a ferramenta caneta. Não use mais nada. Caso contrário, ele será exportado para o After Effects como uma queda e você não poderá animar o traçado, não importa o que você faça. Agora, problemas que você pode encontrar ao trabalhar com cliente que, em algum momento, receberemos uma falha. Você pode redesenhá-lo ou usar a ferramenta Pincel. Este aqui, a ferramenta de pincel para rastreá-lo e, em seguida, usar os scripts de sobrecarga para exportar para o After Effects. Mas é claro, essas soluções e problemas que você enfrentará se estiver fazendo isso profissionalmente. Então você precisa investir em alguns scripts. Então, isso é algo que muitos iniciantes encontram, e é muito importante que você tenha isso em mente. Portanto, sempre desenhe com a ferramenta caneta ou a ferramenta de curvatura da mesma forma que o lápis. E mais uma coisa é que, se você estiver projetando no Illustrator, você pode querer ter a mesma composição aqui que a que será usada em um efeito posterior. Então, venha aqui para a placa de arte. Digamos, por exemplo, no After Effects, trabalharemos com uma composição 720. Então, vou mudar isso para 720, assim. E então você só tem uma ideia de como a composição ou como o logotipo ficará no After Effects assim. Ok, então você não quer que o logotipo seja muito grande, nem muito pequeno, apenas quando estiver na área ativa assim. Tudo bem, pessoal. Agora vamos em frente e baixar os scripts bem rápido. Portanto, o primeiro é criar nulos a partir de caminhos estendidos. Ok, então viemos aqui e este é o que devemos baixar. Apenas certifique-se de que vocês estenderam aqui porque às vezes os alunos cometem um erro e baixam o normal que já vem com o After Effects. Queremos fazer o download do one with extended. Eu vou te dizer o porquê quando chegarmos lá. Então, basta clicar aqui. Ele começará a ser baixado agora mesmo. Ok, vamos para o próximo. Faça uma base fraca durante todo o ano, e então você acabou de baixar. Baixar. Depois de fazer o download, você terá dois arquivos como esse. O primeiro é o ponto js X, e o segundo é um arquivo zip que você precisa descompactar. Basta abrir este, ir para scripts uy, e então procurar guache basal dois pontos, JSX e extrai a mesma pasta. E aqui temos isso. Agora, a próxima etapa, quero que você vá em frente e copie os dois e, em seguida, vá para esta unidade C do PC Arquivos de programas, Adobe After Effects, arquivos de esportes. Procure scripts, scripts, painéis de interface do usuário e cole-os aqui. Eu já os tenho. Agora, se você estiver em um Mac, vou deixar o link para a versão Mac e depois ir para o After Effects. Depois de abrir o After Effects, acesse Editar preferências, scripts e expressões. E certifique-se de ter este verificado. Adoro script para escrever arquivos e acessar a rede, ok? E você reinicia o After Effects. Aqui está, você instalou seus scripts, você está pronto para ir agora para os quadrados livres. É praticamente isso. E minha dica para concluir o projeto é atacar essa animação passo a passo. Então, fazemos a primeira animação, focamos nela. Em seguida, entramos na animação secundária e nos certificamos de que tudo está bem lá também. E, finalmente, aperfeiçoamos a animação e depois você compartilha seus projetos. E também a razão pela qual escolhi essa animação específica, porque você pode pegar essas técnicas e aplicá-las seus próprios projetos pessoais com alguns ajustes depois de dominar essa técnica. Então, isso é praticamente tudo que vocês e nos vemos na primeira palestra. 3. Animação Basic animar o revelador: Ok pessoal, então nesta primeira palestra, vamos fazer a animação básica. Estaremos animando a revelação depois de ver as camadas e, em seguida, pré-compor em cada camada. Ok, então novos projetos, nova composição. E aqui estão as configurações com as quais vamos trabalhar. A largura, a altura, as taxas de quadros, resolução e as luzes de cor de fundo. E então eu vou renomear isso bem rápido. Então Viola, animação de logotipo. Você pode ver que o plano de fundo é uma estatística transparente porque eu ativei a transparência. Mas se eu desligar, aqui está um fundo branco. Agora vamos em frente e clique duas vezes aqui e, em seguida, encontre nosso logotipo. Composição. Dimensão da filmagem. Queríamos o tamanho da camada, não o tamanho do documento. O tamanho do documento nos dará uma grande caixa delimitadora. tamanho da camada nos dará uma pequena caixa delimitadora, apenas do tamanho do vetor. Clique, Ok, vou clicar duas vezes na nova composição. Selecione-os. Não podemos vê-los por causa do fundo preto. Comando de Controle X. Volte para minha composição normal e cole-os. Aqui. Nós vamos. Basta excluir este, não precisamos dele. Selecione tudo aqui e, em seguida, certifique-se de que está no meio. Está bem? Agora, o próximo passo aqui é ir em frente e ajustar essas letras, essas camadas. Acho que quero V primeiro. Agora selecione tudo. Clique com o botão direito do mouse e queremos convertê-los em camadas de forma. Então cria, cria formas a partir de camadas vetoriais. Então, agora aqui está o que vamos fazer. Vamos clicar no rótulo da camada vetorial, selecionar a regra rotulada. Agora ele selecionará todas as camadas vetoriais e vamos excluí-las porque não precisamos mais delas. Só vou encaixar isso assim. Observe isso com a primeira letra. Então, queremos adicionar aqui um caminho de corte para animar a revelação do traçado. Então, abra o caminho e vamos animar o parâmetro final de 0 para ampliar a linha do tempo. Então, basta segurar Alt ou Option e aumentar o zoom com o mouse. Eu me sinto assim. Então eu vou mudar essa coisa para cá, 20 amigos. E boom, eu quero revelar a estrela da esquerda para a direita. Ok, clique aqui, clique em você. Então, temos apenas os quadros-chave sozinhos. Agora, se eu clicar em play, legal. E depois F9 para o mais fácil, ok? Porque ECNs, vocês são super importantes. Você não pode fazer animação sem ECNs. Vamos clicar em Jogar agora. Ok, legal. Agora vamos apenas para o gráfico de velocidade e queremos julgar a velocidade assim k, queríamos começar rápido e terminar devagar. Ok, nada mal. Então isso significa rápido e isso significa lento. Ok pessoal, então, por exemplo, aqui vai começar devagar um pouco e depois ir rápido e depois devagar. É assim que você lê o gráfico de velocidade. E também aqui certifique-se de ter as mesmas configurações que eu. É gráfico de velocidade e mostra gráficos, dicas legais. E eu tenho o Zoom ativado. Agora vamos voltar aqui e clicar em Reproduzir novamente. Ok, parece bom. Agora queremos fazer a mesma coisa com todas essas cartas. E em vez de adicionar caminho de corte e, em seguida, fazer o mesmo procedimento repetidamente, o que podemos fazer é selecionar esses quadros-chave, o Comando de Controle C para copiá-los. E então podemos vir aqui para a barra de pesquisa digitar o conteúdo. Vamos selecionar o resto das letras e depois o Comando de Controle V para colar os quadros-chave. Agora, aqui temos isso. Seleciona tudo, clique em você. Então, só temos os quadros-chave de que precisamos. Então, uma coisa aqui que precisamos ter certeza é que você quer a animação ou a animação de revelação comece da esquerda para a direita e certifique-se de que ela serve para todas as letras. Porque às vezes uma carta pode começar os direitos e você não quer isso. Você precisa mudar o caminho da carta de mortes. E como mudamos o caminho da animação de uma carta? Então, por exemplo, temos o Y selecionado aqui. Deixe-me abrir as opções. Então vamos para o grupo um. E então clicamos aqui. Temos caminho, e temos essas duas linhas, caminho inverso. Em seguida, clicamos. E então você pode ver que o caminho da animação agora está invertido para esta área bem aqui, ok? Este é o grupo um é a cauda do Y. Você pode ver que a animação foi alterada. Então eu sei do meu pai, vou deixar como estava em alguns casos, como o y aqui, por exemplo, você pode ver que eu tenho grupo um e o grupo dois, isso porque no Illustrator com a ferramenta caneta, Eu criei essa parte sozinho. E essa parte está aqui, só a cauda. Está bem? Eu não criei tudo um clique, como fiz com algumas das letras. É por isso que temos o grupo um e o grupo dois. E é melhor animar esses individualmente. Ok, por exemplo, aqui, o pequeno y. O que eu vou fazer é o indicador de reprodução depois da animação. Em seguida, clique aqui para remover os quadros-chave. Então vou abrir o grupo um e o grupo dois. E então eu quero colar os quadros-chave no grupo um e depois no grupo para assim. Agora você, e então eu vou compensar esses pedacinhos assim. Então, agora, se eu jogar, você pode ver o que está acontecendo aqui. Ok, é uma animação melhor. Mover, mover, mover, mover. E então é só escrever aqui, por exemplo, eu uma vez que a parte externa duas estrelas. Está bem? Então, parece melhor. mesma coisa com o a. Ele tem dois grupos porque eu criei essa parte sozinha e esta outra parte sozinha. Então clique em uma mistura. A reprodução está longe dos quadros-chave. Remova os quadros-chave clicando no cronômetro, leve a cabeça de reprodução para o início. Então eu vou praticamente fazer a mesma coisa aqui. Então, grupo um e depois grupo dois. Então você então compensa. E um pouco assim por diante só para guardar aqui. Então, por aqui, quero que isso comece. Vamos ver. Aqui vamos nós. OK. Mais uma coisa que eu preciso mudar para a última carta é que eu precisava desacelerar um pouco os opostos da primeira letra. Então, selecione esses dois quadros-chave , gráfico de velocidade, e então nós apenas invertemos isso. Assim. Queríamos facilitar as saídas. Nós vamos. OK. Então, talvez esse. Vou deixar como estava. Eu acho que faz melhor. Basta remover esse clique para que possamos remover a caixa delimitadora. Então eu só quero compensá-lo na hora certa. Então, isso aqui. Ok, então aqui, eu acho. Ok, isso é melhor. Então você pode ver isso aqui. Ele fica um pouco atrasado, fala um pouco, ok? E eu quero que isso seja tranquilo. Então, o que eu posso fazer aqui bem rápido é que eu posso simplesmente vir aqui para esta área e, em seguida, apenas levantá-la . É uma parada. Você vê, então isso é melhor. Tudo bem, aqui está. Pessoal, aqui temos a animação básica. Então, a pergunta mais comum que recebo dos alunos é que quantos quadros eu preciso compensar? E a resposta é só depende quando você quer que a próxima letra apareça. Então, primeiro, vou mover todas essas camadas, 20 quadros assim, porque vamos adicionar outra animação aqui. E agora vamos começar com a primeira animação. Então, por exemplo, eu quero intervir, chegar a essa área. Quero que Y comece a aparecer. Ok, deixe-me abrir os quadros-chave. Aqui vamos nós. E depois jogue. E então, quando o y atingir essa área, eu quero que o OH comece a aparecer. Então, quando o O atingir essa área, eu quero que o L. O L alcance essa área. Eu quero começar a aparecer. Vamos clicar em Play. Ruim. Faça como se fosse 100% clique em jogar. Então, a outra coisa sobre a animação, você tem que reproduzi-la várias vezes apenas para verificar se algo precisa ser consertado, se algo está errado. E também é um processo criativo. Então, estou mostrando que vocês são técnicas, mas o processo criativo e o que vocês gostam, vai ser diferente de uma pessoa para outra. Agora, rapidamente, o que eu quero fazer é adicionar um pouco antes da animação aqui, antes que essa coisa apareça. Então, vou em frente e selecionar a Ferramenta Caneta. Certifique-se de que você não tenha mais nada selecionado. Amplie aqui, clique aqui e adicione algum tipo de forma. Garante que o traçado tenha o mesmo tamanho das letras. Em seguida, abra esse traço de forma sem sentido e, em seguida, queremos tampas arredondadas e também desenho arredondado. Ok, vamos clicar aqui. Vamos ver interesses como esse. Agora, o que vou fazer é adicionar o caminho de corte. Você pode ver que muitos caminhos de acabamento estão envolvidos aqui. Então abra esses dez e cole os quadros-chave anteriores na estrela e no final. Então você, quais são os quadros-chave? Não os veja ou o cabelo deles deveria ter jogado a cabeça de jogo. No começo. Vamos agora, vamos reproduzir a animação. Sim, precisamos atualizá-los. Então você pode ver que está indo para o outro lado. E lembre-se do truque que eu te disse antes. Só vamos encontrar caminho e mudar. Ok, e agora vamos em frente e fazer uma boa morfina aqui. Ok, vamos mudar o Speed Graph. Queremos que comece um pouco devagar e depois rápido. Ok, então amanhã você precisa ser rápido. Clique em Jogar. Perfeito, parece perfeito. Vocês cabem em centenas de epsilon. Vamos clicar em Play. Agora, antes de pré-comp, vamos em frente e reproduzir a animação mais uma vez só para verificar se algo está escorregando. Porque ao animar, não importa o quão bom você seja, algo sempre escorrega. Pai, só o que acontece na animação. Vou trazer a cabeça de reprodução para o início, depois aumentar o zoom na linha do tempo e, em seguida, reproduzir lentamente a animação, talvez quadro a quadro. Só para verificar, oh, aqui temos algo. Desliza e aqui está. Ok, então você pode ver que a letra V estrela está antes que a animação do traço atinja sua. Então o que eu vou fazer é dar o primeiro golpe, deixar mudar o rótulo deste, verde escuro. Então isso tem uma animação de traçado e talvez apenas traga para o início assim. Veja agora. Ok, isso é melhor. Tudo bem, é bom. Certo? Agora, verificamos se tudo está bem. Nós nos certificamos de que tudo está bem. Eu vou em frente agora e pré-compor as cartas. E a razão pela qual pré-calculamos as letras é que queremos trabalhar com cada letra individualmente. Se você fizer tudo aqui em uma linha do tempo, você se perderá. Confie em mim, porque trabalharemos com muitas camadas. Então, vou pré-compor a primeira letra e chamá-la V. Vou realmente usar o caps lock no meu teclado e faremos a mesma coisa para todas as letras. Agora, mesmo que a pré-composição comece do início, se você reproduzir a animação, ela será reproduzida normalmente. Então, para recapitular tudo e esta palestra, animamos o caminho de corte para o deslocamento das camadas e pré-comp todas as camadas. Para cima. Em seguida, estaremos esticando nossas cartas. 4. Como esticar as letras usando script e como aplicar expressões: Tudo bem pessoal, nesta palestra vamos fazer a animação secundária, que é esticar as letras. E você também será apresentado à criação de nulos a partir de scripts estendidos de caminhos. Agora vamos começar com a letra V. E assim, para alcançar o efeito desejado que queremos alcançar, o truque aqui é esticar as letras, ok? Depois de esticar as letras, teremos os efeitos desejados. Além disso, precisamos aplicar alguma expressão ao alongamento. Então, vou trazer a cabeça de reprodução aqui quando a animação parar. E agora vamos seguir em frente e usar os scripts que eu disse para você baixar anteriormente. Então vá para Janela e procure criar nulos a partir de caminhos estendidos. Ok? A razão pela qual estamos usando este, porque este tem essa opção que você precisa verificar os controles da alça, ok? Ao passo que, se usarmos o outro, ele não tem essa opção e tem menos opções. Ok, então trabalhando com este, nós vamos trabalhar com este. Tudo bem, agora clique aqui para abrir as opções. Clique aqui e depois em grupo. Então precisamos procurar o caminho. Mas aqui está a coisa que vocês, depois de abrirem as cartas, vocês vão encontrar o grupo. Se você encontrar um grupo, você precisa desagrupar isso antes de se inscrever. Os pontos seguem nulos. Porque se você sair do grupo aqui e aplicá-lo ao caminho, aqui está o que acontece. Ele vai criar todos os controles aqui. Veja os pontos de ancoragem aqui. Deve estar na carta, e isso está em algum lugar por aqui. Então, vou desfazer, deixe-me verificar aqui os controles de efeitos. Você pode ver que nem está aqui. Eu não apliquei os efeitos da carta. Então clique com o botão direito em Desagrupar Depois de fazer isso, abra o caminho, man, verifique o caminho e, em seguida, os pontos seguem os nulos. Agora você pode ver que o ponto de ancoragem está na carta. Então você pode ver aqui que temos muitas coisas acontecendo. Não precisa se assustar. Então, bem rápido, vou explicar como isso funciona, como o roteiro funciona. E então vou mostrar uma maneira rápida de usar os scripts. Ok, então a primeira coisa primeiro, nós temos as camadas amarelas, ok? As camadas amarelas controlam as camadas ciano, ok? Este grande retângulo amarelo tem dois pequenos retângulos científicos dentro dele. Você pode ver aqui e o link pai. Então, se você quiser redimensionar isso porque esses são alguns retângulos grandes, o que você pode fazer primeiro é clicar com o botão direito aqui em psi e rótulo, Selecionar grupo de rótulos. Ele selecionará todos esses rótulos de login, S, bem aqui, onde diz 15. Vamos mudar para dez. Agora, para as caixas amarelas, não podemos redimensioná-las usando essa vaca. Mas o que podemos fazer é pressionar Shift plus control e por que configurações sólidas aparecerão e podemos alterá-lo a partir daqui. Então, só precisamos bloquear a proporção da imagem. E então aqui vamos mudar para 30 ou 20 o que quer que seja. Ok, e aqui está. Vocês podem? E então você tem que fazer a mesma coisa para este e este. E você tem que fazer isso individualmente. Mas o bom é que você não precisa fazer isso por todas as cartas, ok? Porque eu vou te mostrar como trabalhar com isso sem todo esse problema. Ok pessoal, então isso é basicamente apenas uma introdução a esses scripts. Agora, se você me perguntou por que eu sou Ally usando o caminho para esticar as letras e a razão é que você pode usar o caminho, basta ler a carta. Mas com path, você não atribui números aos quadros-chave, o que significa que você não pode aplicar expressões ao caminho, ok? É por isso que estou usando esses scripts. Mas se você quiser, você pode alternar isso manualmente usando os controles de caminho, mas vai levar muito tempo. Então, a melhor maneira aqui é usar esses scripts gratuitos. Então, para esta parte agora, o que eu vou fazer é clicar aqui para ocultar camadas com o botão Shy. Bom. Agora só temos as três camadas amarelas e não precisamos de todas. Só precisamos desse na parte inferior porque queremos esticar o v assim. Ok? Então, eu só vou mudar o rótulo deste e eu posso escondê-los também porque eu não preciso deles. Agora, o que você quer fazer aqui é trich e a direção da animação. Então você pode ver que está caindo. Então, vamos nos alongar. Ok? Então clique em P para o quadro-chave de posição. Em seguida, coloque essa coisa aqui, e então procure assim. Ok, e também podemos fazer isso por esse kel. Então S para os quadros-chave de escala e clique em você faria o quadro-chave aqui. Então podemos dimensionar esses pedacinhos finos como este. Quero dizer, se você quiser. Lá vamos nós. Clique aqui e talvez pesquise. Ainda há mais para esticar e você só precisa fazer cinco quadros entre os quadros-chave. Por quê? Porque eu tentei amigos diferentes e acho que cinco quadros funcionam melhor. Vou clicar em matiz na letra V. E depois trago essa coisa aqui. Depois, vou clicar em Jogar e encontrar o local perfeito para a Justiça. Veja-me estar aqui. Vai para baixo, indo junto com os parafusos aqui. Acho que vou colocar aqui. É melhor. Então, eu tenho mais alongamento aqui no meio. Agora, o toque final, seria adicionar expressão à posição, não à escala. Ok, então selecione os dois. E então eu vou para Window e depois procuro os quadrados R. Eu disse que não há carga. A base fraca, clique aqui na animação. E então eu fico mais magro. Agora, aqui sob o Controle de Efeitos, desmarque a dissipação. Não precisamos de antecipação, só precisamos seguir em frente. Aqui pela elasticidade. Eu vou fazer 20, ok, porque eu tentei configurações diferentes. Números. Acho que 20 funciona melhor. Olhe em jogo. Novamente. Para a escala. Basta aplicar alguns ECNs. Troy aqui. Eu sinto que preciso adicionar mais repercussão nisso. Então, talvez aumente isso para 30. Ok pessoal, então aqui está a coisa. Vai ser diferente de cada letra para outra. Você só precisa tentar posições diferentes até encontrar a que mais gosta e depois deixá-la lá. Se você quiser adicionar mais elasticidade ou mais elasticidade, você só precisa aumentar aqui. E como vamos adicionar mais saltos para, ok, acho que sou apenas os 30. Talvez eu sinta vontade aumentar isso um pouco mais. Isso é melhor. E também algumas vezes, quando você não obtém elasticidade ou elasticidade suficientes, pode ser necessário esticar a posição ainda mais, porque às vezes ela simplesmente não desce o suficiente e você não obtém o efeitos desejados. Então, essas são coisas que você deve ter em mente. Aumente a elasticidade ou a posição. Isso é mais repulsivo e mais melhor. Eu gosto desse jeito. Agora vamos voltar aos projetos. Precisamos fazer isso para todos. Então, veja bem aqui, temos esse problema porque adicionamos o salto. Mas nada que não possamos consertar usando o lápis. Provavelmente pensando, estamos novamente, temos que nos ajustar. Isso dá muito trabalho porque garotas dizem animação. Coisas assim acontecem o tempo todo. Então você tem que se acostumar com isso toda vez que você vai enfrentar um novo problema que você só precisa descobrir como corrigi-lo. OK. Vamos em frente e clique duas vezes sobre o porquê. Nós vamos praticamente fazer a mesma coisa. O conteúdo agora você pode ver aqui, temos o grupo um e o grupo dois. Vamos ver qual é o grupo um, ok, então esta área é o Groupon e esta área é o grupo dois. Então, por que temos dois grupos aqui? Nem um. Eu fiz isso em duas partes. Eu projetei essa área sozinho e depois criei essa área sozinho. Então eu incluí esta carta de propósito. Às vezes, você enfrentará esses tipos de problemas. Aqui. Embora possamos fazer isso é estender o grupo um e, em seguida, podemos esticar para desligar o grupo um, vamos desagrupar seu caminho. E então vamos fazer o mesmo procedimento novamente. Mas desta vez eu vou te mostrar a primeira maneira de fazer as coisas. Então, novamente, Points Follow Knowles. Clique aqui. Mas desta vez vamos ao View. E então vamos desmarcar Mostrar controles de camada. E então vamos esconder todas as camadas de sinal. E então ficamos apenas com a caixa de salto amarela. Eu praticamente controlo tudo. Selecione todos eles. E, em seguida, clique em P para posição, desmarque a toupeira. E então basta mover a posição para cima e para baixo para ver qual camada controla watts. Ok, então vamos precisar deste, mudar a cor do seu cisne. Na verdade, não. Ok, então agora descobrimos que este é o que precisaremos. Provavelmente precisaremos dessas peças também para fazer o alongamento. Então aqui eu só quero, e então eu vou clicar no suéter e vinculá-lo a este porque esses dois são os que vamos precisar. E então apenas esconda os externos que não precisaremos. Uma posição alfa. Vou adicioná-lo aqui. Traga essa coisa aqui, procure assim. A mesma coisa para a balança. Posição. Assim. Talvez precisemos ajustar esse aqui também. Deixe-me ver. Deixe-me tentar a escala. Tudo bem, então eu acho que vamos ajustar a escala para este. Então, adicione um quadro-chave aqui, e então eu só quero ajustar essa borda aqui não parece suave. Ok, então é claro que posso gastar mais tempo nisso, mas não temos todo o tempo do mundo. Mas você entendeu a ideia. Eu espero. Agora, para a escala, faremos os fins fáceis. Então F9, a mesma coisa aqui, escala F9. E então para a posição, não vamos aplicar nenhum 0s em habilidades aplicando uma expressão. E se você aplicar facilidade aos quadros-chave, não conseguirá aplicar expressões. Você pode trazer tudo aqui. Certo? Vamos ter certeza de que está a cinco quadros de distância. Então, 13 mais 518. Ok, nós acertamos. Então. Basta aplicar os controles flexíveis K leaner. Desative este 30 aqui. Agora eu só vou esconder isso. E então vamos em frente e encontrar o segundo. Agrupar para desagrupar. Desagrupar e fazer o mesmo procedimento. Ok, vamos voltar para a composição. E a mesma coisa para o resto das cartas. Eu só vou acelerar as coisas agora. Então comece com o O. Então você pode ver que às vezes eu mudei para baixo e para cima porque eu sei que estaremos aplicando o salto e a expressão. Então eu preciso ver se vai ficar bem. Se for segurança diz por que você me vê esticando para cima e para baixo. OK. Essa posição. Ok, pessoal, então eu vou estar fazendo um token ASMR e explicação enquanto eu estou acelerando. Então, aqui, estou fazendo a mesma coisa, ajustando a posição e a escala. Quero dizer, você não pode errar com Justin apenas dois parâmetros. E então você pega os quadros-chave e os ajusta à animação. Como quiser. Como eu disse anteriormente, esse é um processo criativo, então será diferente de uma pessoa para outra. E aqui na última carta, temos uma saída fácil, o que significa que a letra começaremos devagar e terminaremos rapidamente, o que significa que a animação acontecerá no final. Portanto, precisamos colocar essa direção no final da animação, final dos quadros-chave. Ok, e aqui está. Agora lembrem-se pessoal, que você sempre pode baixar esse arquivo e dá vontade de conferir algo. Caso você não tenha entendido algo e queira ver como foi feito. Agora vamos voltar aos projetos, composição e vamos reproduzir a animação para ver como ela fica. Tudo bem pessoal, então, para recapitular tudo e nesta palestra, fizemos uma pequena introdução à criação de nulos a partir de scripts estendidos de caminhos. Esticamos nossas letras e aplicamos a expressão saltitante usando a base fraca seguida, adicionaremos linhas de velocidade. 5. Como adicionar linhas de velocidade à animação: Nesta palestra, vamos adicionar as linhas de velocidade para adicionar mais expressão e características à nossa animação. Então, para adicionar linhas de velocidade, novamente, vamos em frente e atacar cada letra individualmente. E também vamos fazer a ação de traçado ou animação aqui no início. E então clique duas vezes na letra V. Deixe-me esconder os controles. Então eu vou parar aqui quando a carta se estender mais. Basicamente, a técnica aqui é que você seleciona a ferramenta Caneta, traça a letra e aplica o caminho de corte. Isso é praticamente tudo que você vai fazer. É apenas uma questão de traçar ou unir com o lápis e adicionar um caminho de corte. Então eles vão fazer isso para este primeiro. Clique aqui, aqui e depois aqui. Vamos jogar de novo. Ok, queremos diminuir o tamanho do traçado para um. Agora podemos ajustar tudo. Aqui embaixo. Você pode ver que temos uma borda afiada que eu preciso transformar em uma curva e apenas pequenos pedaços. Então, para fazer isso, você pode segurar Alt ou Option no teclado, clique aqui e, em seguida, corrija isso. Vamos ver agora como fica. Então, como você pode ver aqui, você não quer que o derrame esteja muito próximo ou muito longe, você quer encontrar algo intermediário. E também algumas vezes quando você tenta se ajustar. Por exemplo, você tem isso. O que você pode fazer é simplesmente clicar fora, clicar novamente e ajustar. Ok? Agora, é claro, embora precisemos fazer isso seja tão simples quanto o caminho de corte, vamos apenas adicionar um caminho de corte para este também. E vamos repetir exatamente a mesma coisa para todas as letras. Então, o caminho de corte anima o final. Ok? Mas é aqui no topo desses quadros-chave que a animação termina aqui. E aqui, 0 de 0 a 100. Ok, agora selecione os quadros-chave F9 e vamos ajustar o gráfico de velocidade. Então, queremos que a animação comece super rápido. Não queremos nenhum tipo de antecipação no começo assim. Ok, então começou super rápido e depois fica mais lento. Selecione os quadros-chave, Control Command C, go to star, Control Command V. Agora basta deslocar a estrela com o parâmetro end. Clique em play. Aqui temos, se você acha que é muito rápido ou muito lento, você pode simplesmente ajustar os deslocamentos. Ok pessoal, então agora lembrem-se exatamente da mesma coisa para todas as letras. Então, agora a melhor parte, depois de fazer a primeira linha de velocidade, você não precisa ir novamente e apenas o caminho de corte por toda parte. Podemos voltar para a primeira carta, copiar isso e voltar para a próxima carta. Selecione o caminho de corte e cole tudo aqui. Vamos ajustar isso com isso. Vamos ver. Ok, parece bom. Vamos clicar em Play. E aqui temos isso. Quando você faz a primeira linha de velocidade, você só precisa desenhar a forma e colar essa animação ou esses quadros-chave. Agora vou seguir em frente e acelerar o processo. Ok, pessoal, então eu estou de volta com mais algumas notas ASMR enquanto a aceleração. Lembre-se de pegar a ferramenta caneta, traçar as letras, traçar também o alongamento das letras. Portanto, não basta traçar a letra em sua posição normal. Rastreie até o óleo no alongamento também. E então eu aplico o caminho de corte, ajusto o gráfico de velocidade. Às vezes, você pode correr para acelerar as linhas cruzando umas com as outras, então você só precisa afastá-las, como mover os quadros-chave para longe, ou apenas mover as camadas para longe umas das outras para que elas não cruzar. Certifique-se de ajustar o gráfico de velocidade também. E tudo deve ser bom. Então é assim que você faz as linhas de velocidade. Eu sei que pode ficar um pouco confuso, mas você só precisa tentar novamente até acertar. Então, para recapitular tudo e nesta palestra, adicionamos formas de traçado, animamos o uso delas e o caminho de corte para criar as linhas de velocidade. E também ajustamos a velocidade usando os gráficos de velocidade. Em seguida, faremos o logotipo desaparecer. 6. Configurações de desfiguração e exportação de logotipo: Agora, finalmente, esta é a palestra final e faremos com que o logotipo desapareça usando o caminho de corte e as linhas de velocidade. Então, a mesma coisa para o desaparecimento. Agora vamos fazer isso com cada letra individualmente. Então, clique duas vezes em V, pré-composição. E eu vou selecionar aqueles bem rápido. Clique em você. Agora selecione esta carta, duplique-a. Comando de Controle D. Altere a cor do duplicado. Agora vou mover a cabeça de jogo para cá. E digamos, por exemplo, que você queira que a animação desapareça aos 6 segundos. Você pode ver por quanto tempo a animação reproduzida e fazê-la desaparecer aqui. De volta aqui, cerca de seis segundos. O que você vai fazer primeiro é clicar em matiz no duplicado e queremos remover o caminho da vergonha para este. Corte aqui. Cronômetro aqui. O cronômetro aqui. E então mova-se como 20 quadros por aqui. E vamos fazê-los desaparecer. Os dois. Ok, agora o duplicado na parte inferior, vamos vir aqui e mudar o tamanho do traço para um. Em seguida, aplique E diz que vou deixar apenas compensar alguns quadros. Cumprir. Você pode ver agora que ele sai como um belo rastro atrás dele. Portanto, essa técnica é super fácil e torna mais estiloso e desaparecido. Agora quero fazer aqui porque vai desaparecer. Precisamos mudar o gráfico de velocidade para facilitar. Para cumprir. Aqui vamos nós. Dê-me que foi muito rápido no final. Assim mesmo. Desacelere um pouco. Faz melhor. Volte para a composição e queremos fazer a mesma coisa para todos eles, vocês estão bem. Mistura em cada letra. Você coloca a cabeça de jogo no segundo e uma linha do tempo, ok, porque queremos que eles desapareçam ao mesmo tempo. Com algumas letras, você pode precisar deslocar a camada na parte inferior mais de dois quadros. Como aqui, por exemplo, acho que o deslocamento perfeito n é em torno de quatro quadros. Ok? Agora, finalmente, podemos ir em frente e exportar nossos projetos. Agora, uma última coisa aqui antes de exportarmos. Digamos que vocês queiram mudar as cores, é claro, porque agora não temos nenhum plano de fundo aqui. Digamos que você queira mudar as cores do logotipo da letra, porque é muito raro encontrar um logotipo que seja apenas preto e branco. Então, vou para downloads e impor uma imagem. Vou colocar essa imagem aqui. S e, em seguida, apenas a escala é um pouco. Ok? Agora, aqui está o que vamos fazer. Vou para os efeitos, depois procuro pelo fell. E queremos que este gere preenchimento. Então eu vou colocar na primeira carta. Isso me dá uma cor vermelha. Vou abrir esses efeitos. Preencha o conta-gotas e selecione a cor que eu quero. Vocês. Eu estou praticamente fazendo a mesma coisa repetidamente. Ok, então aqui, um último truque. Digamos que você queira selecionar tudo, todas as camadas e uma linha do tempo, menos a imagem. Você pode simplesmente clicar na imagem, clicar com o botão direito do mouse e depois inverter a seleção. Ele selecionará todas as camadas. Mas a imagem. Aqui vamos nós. Agora, para essas duas formas, podemos simplesmente mudar a cor do traçado daqui. Vamos adicionar o plano de fundo também antes de escondermos isso. Então vá para camada, nova e depois sólida. Então eu vou escolher essa cor. Ok? Então, podemos ver aqui que o plano de fundo que adicionamos. Se eu remover a transparência, posso ver que ela é tão pequena aqui. A razão pela qual é pequeno assim é porque antes, quando estávamos ajustando o script cria nós a partir do padrão paddock. Quando estávamos ajustando os controles, fomos em frente e alteramos as configurações sólidas. É por isso que agora você pode ver que o fundo é muito pequeno. Então, para corrigir esse comando de controle Y como fizemos anteriormente. E então vamos em frente e fazer isso aqui. Insira as dimensões aqui da composição, clique em Ok, e aqui temos. Pessoal, matem, escondam isso. Agora, para exportar, você pode ir para File Exports e depois Adobe Media Encoder. Portanto, essas configurações, h points 26040 diz que se você deseja exportar um MP4, se quiser exportar como GIF animado, você pode clicar aqui e encontrar GIF animado. Em seguida, clique aqui e você pode escolher a pasta que deseja. Você pode exportar um logotipo transparente, então e outro com o plano de fundo. Ok? Então, este é um GIF, vou exportá-lo agora. Então também podemos exportar se você quiser exportar novamente mp4, podemos fazer isso aqui. Adicione ao Adobe Media Encoder e, desta vez, escolha antes do codec. Lá vamos nós. Podemos clicar aqui um pouco e talvez ajustar isso. Use a qualidade máxima de renderização. Essas são as mesmas configurações de exportação que você tem no Premiere Pro, clique em OK e vamos exportar essa também. E aqui temos dois caras. Então, para recapitular tudo nesta palestra, fizemos o logotipo desaparecer usando o caminho de corte e usando o deslocamento para criar as linhas de velocidade. 7. Parabéns!: Parabéns, pessoal. Então, agora estamos praticamente terminando a aula. Cobrimos toda a animação literária e de logotipo , desde a importação de arquivos para o After Effects até a exportação de arquivos via Media Encoder. Agora, vamos fazer apenas uma pequena recapitulação do que fizemos. Começamos pela animação básica, que é a revelada e fizemos esse trecho e depois adicionamos as linhas de velocidade. E, finalmente, fizemos o logotipo desaparecer. Agora é hora de compartilhar por que você criou aqui e esta seção. E se você aprender algo com essa aula, deixe um comentário e siga-me para receber uma notificação quando eu fizer o upload. E Yulan, muito obrigado por assistir e ver você na próxima aula.