Ícones animados fáceis no Adobe After Effects

1. Boas-vindas: animação tem o poder de dar vida às suas ideias, mas os efeitos do Adobe After podem ser intimidantes Se você é um ilustrador querendo adicionar movimento ao seu trabalho, um designer gráfico querendo expandir seu conjunto de habilidades ou um YouTuber querendo incorporar animações em seus vídeos, essa aula é um ótimo lugar Bem-vindo aos ícones animados do Easy e ao Adobe After Effects. Sou Megan Frias e sou explicadora. Escrevo, ilustro e animo animações educacionais, principalmente focadas em tópicos de saúde e meio ambiente Nesta aula para iniciantes, você aprenderá a preparar gráficos criados no Illustrator para animação, importar gráficos para o After Effects, para o After Effects, definir quadros-chave para criar animações e exportar um arquivo de vídeo para mostrar seu trabalho Você pode ir direto para a animação baixando meus ícones ou pode usar as habilidades que aprendeu para animar seu próprio conjunto de ícones Se você ainda não o fez, pode assistir minha aula Ilustrando com formas para aprender a ilustrar seu próprio conjunto de ícones Então, se você está pronto para aprender ou praticar o After Effects criando um divertido conjunto de ícones animados, então vamos começar. 2. Projeto de curso: O projeto dessa classe é animar um conjunto de ícones. Você pode baixar os arquivos do Illustrator que eu forneci e animar esses ícones Ou você pode usar as habilidades aprendidas para animar seu próprio conjunto de ícones, quer você mesmo os tenha ilustrado ou tenha permissão para usar um conjunto de ícones que você não Você pode até fazer as duas coisas para praticar mais. Antes de começar a animar, pode ser útil planejar a animação criando algo assim Tente animar seus ícones de uma forma que aprimore o significado do ícone, em vez apenas se movimentar por causa dele 3. Prepare ícones para animação: Antes de começar a animar, você precisará preparar seus ícones para a animação Foi aqui que parei na aula anterior, Illustrate With Shapes, onde mostrei como ilustrar esses ícones Tudo bem se você quiser ir direto para a animação assistindo a esta aula e não ilustrando com formas Se você já criou seus próprios ícones ou tem um conjunto de ícones de alguma forma, provavelmente precisará seguir as etapas deste vídeo para preparar os ícones para a animação. Embora seu ponto de partida possa ser um pouco diferente do meu. Se você estiver usando meus ícones que eu forneci como parte desta aula, eu os dei a você já prontos para animação. Portanto, você pode pular este vídeo, mas o que vou abordar aqui é muito importante se você precisar preparar uma arte do Illustrator para do Illustrator Então, veja como preparar obras de arte para animação. Quando você importa um arquivo do Illustrator para o After Effects, o After Effects reconhece somente a primeira Portanto, a primeira etapa na preparação desses ícones para o Illustration é separá-los em seus próprios arquivos com apenas um ícone e uma prancheta em cada arquivo Felizmente, há uma maneira fácil de separar todas essas pranchetas diferentes em seus próprios arquivos do essas pranchetas diferentes em seus próprios Então, para fazer isso, você deve ir até Arquivo Salvar como. Estou salvando isso em uma pasta do Illustrator, que está em outra pasta que contém todas as coisas desse projeto Eu vou te mostrar mais sobre a organização de arquivos mais tarde. Mas, por enquanto, preciso salvar isso e não quero sobrescrever minha cópia original só porque quero tê-la como backup Vou mudar o nome disso, vamos chamá-lo de ícone e clicar em Salvar. Em seguida, para separar cada prancheta em um arquivo separado, você deve marcar essa opção aqui, e eu quero fazer todas as seis pranchetas, então vou deixar tudo ligado e clicar em OK Então, mais detalhadamente, você pode ver que ele criou seis novos arquivos e cada um tem apenas um ícone Na verdade, é uma duplicata das amostras de cores, vamos excluir essa Vamos alterar os nomes dos arquivos de cada um desses arquivos. Agora eu preciso abrir cada um desses arquivos e ter certeza de que os ícones estão prontos para a animação. Vou abrir todos os seis. Vou começar com as amostras de cores. Você precisará separar cada peça que deseja animar em sua própria camada. Você precisará do painel de camadas. Se você ainda não o vê, certifique-se de abri-lo embaixo No momento, no painel Camadas, eu só tenho a camada dois e uma camada de fundo. Se eu abrir a camada dois, você pode ver que, na verdade, há mais obras de arte cada uma dessas páginas Quero animar cada uma dessas páginas do livreto de amostras de cores Preciso criar novas camadas para eles. Vou descer até a parte inferior do painel Camadas e clicar no botão de nova camada e, em seguida, vou pegar esse grupo e arrastá-lo para a nova camada. Então eu vou repetir isso Agora eu tenho cada uma dessas três páginas do livreto de amostras de cores em suas próprias camadas, e então eu tenho a capa em sua própria camada Mas agora a capa está na parte inferior, então vou trazê-la para o topo. No After Effects, vou girar cada uma dessas camadas para que elas sejam animadas saindo de trás desse livreto de amostras de cores É por isso que estou deixando-os sem notas e todos empilhados atrás dessa camada de capa frontal Outra coisa que é muito útil quando você está animando é ter todas as suas camadas rotuladas No After Effects, você não tem uma pequena prévia como essa, então é muito difícil saber qual camada é o quê se ela for chamada apenas de camada um, dois, três, quatro. Para renomear uma camada, basta clicar duas vezes no texto. Vou apenas examinar e renomear todas essas camadas Na verdade, há mais uma coisa que eu preciso separar, que é essa pequena encadernação. Embora essa encadernação faça parte da capa e eu não precise animar a encadernação em si, se eu separar essa encadernação em sua própria camada, posso usar sua posição para encaixar facilmente o ponto de ancoragem de todas as outras camadas nessa encadernação para que elas girem para fora da encadernação elas girem para fora Se isso não fizesse muito sentido, será quando eu entrar no After Effects. Então, vou colocar esse círculo que representa a encadernação do livro em sua própria camada. Então, vou apertar o botão da nova camada. Eu posso ver que o círculo de encadernação está selecionado dentro da camada de cobertura. Então, um pequeno atalho em vez de ter que abrir essa camada de cobertura é apenas usar a caixa indicadora de seleção aqui e arrastá-la para a nova camada para mover o que foi selecionado para a nova camada Agora vamos renomear isso. Agora que tenho tudo o que preciso separado em sua própria camada, vou clicar em Salvar para salvar isso e passar para o próximo ícone. Se eu abrir a camada dois, você poderá ver todas as diferentes partes da câmera e as fotos que estão Todas essas coisas são subcamadas da camada dois. Você pode ver que eles estão recuados abaixo da camada dois, então estão aninhados na camada dois ou, em outras palavras, nas subcamadas After Effects não reconhece essas subcamadas, então é por isso que estamos separando as coisas em suas próprias Então, digamos que você queira criar todas essas subcamadas, suas próprias camadas Há uma maneira rápida e fácil de fazer isso. O que você pode fazer é selecionar a camada e, em seguida, acessar o menu de três linhas no painel de camadas e escolher liberar camadas para sequenciar. Observe que todas as subcamadas foram renomeadas em camadas, e agora você pode alternar para abrir para ver a forma real Mas isso, na verdade, não os tornou suas próprias camadas, porque eles ainda estão aninhados abaixo da Então, o próximo passo realmente importante é selecionar todas essas subcamadas e arrastá-las para cima e para fora dessa camada dois, de modo que agora elas sejam todas suas próprias camadas A partir daqui, podemos rotular as camadas. Vou desligar o globo ocular das fotos por um segundo, que possamos ver a câmera um pouco melhor Preciso rotular todas essas camadas. Mas primeiro, acho que há algumas coisas que realmente poderiam ser combinadas porque não vou animá-las separadamente. Então esse pequeno detalhe, esse pequeno detalhe, essa linha, esse detalhe e a câmera principal, acho que todos podem andar juntos. Você pode ver que eles estão todos em camadas diferentes, mas como eles não serão animados separadamente, eles podem estar todos na mesma camada. Eu poderia clicar e arrastar para colocá-los em diferentes camadas. Outra maneira de fazer isso seria pressionar o Comando G para agrupar todas elas, e isso colocará essas formas na mesma camada. Então vou dar um nome a essa câmera. Agora eu tenho algumas camadas em branco, então vou selecioná-las e ir para a lixeira para excluí-las. Essa camada da câmera precisa estar na parte inferior, então vamos movê-la e garantir que você não a aninhe acidentalmente E agora podemos rotular o resto dessas camadas. Essa vai ser a lente. Agora que tudo está rotulado, vamos voltar a ativar a visibilidade das fotos Não importa que as fotos estejam empilhadas na parte superior da câmera porque são camadas separadas, todas as camadas serão importadas para o After Effects e será fácil animar a posição das fotos no After Lembre-se de que somente a arte que está na prancheta ficará visível quando importada para o After fix Então, por exemplo, se eu tivesse essa foto fora da prancheta dessa forma, essa foto não estaria visível quando importada para o After Effects Mesmo que a camada esteja visível na linha do tempo, a arte não está Além disso, se fosse parcialmente cortada, como se eu tivesse as fotos aqui embaixo e as importasse para o After Effects dessa forma, somente a parte da foto que estava na prancheta ficará visível Não há como fazer com que ele reconheça algo que estava fora da prancheta Então, o que você precisa fazer é garantir que sua arte esteja sempre totalmente na prancheta Mesmo que isso signifique que seu arquivo do Illustrator não esteja perfeito no momento, vamos animar tudo isso, então não importa Certifique-se de salvar esse arquivo. O ícone Paint Fresh tem um problema porque esses pingos estão fora do painel, então não ficarão visíveis quando eu inserir esse arquivo no After fix O que vou fazer para corrigir isso é ir até a ferramenta de prancheta e, em seguida, arrastar a prancheta para que fique maior e as gotas fiquem na Se quiser, você também pode desbloquear a camada de fundo e simplesmente arrastar o plano de fundo para baixo. Vou animar essas gotas caindo do pincel Então, quando eu os animo, a forma que sobrou não parece muito boa Então, vamos criar outra forma que resolva esse problema. Então, primeiro, o que vou fazer é separar algumas camadas. Então, vou selecionar o pincel inteiro e apertar o botão de adição para criar uma nova camada e, em seguida, arrastar a seleção para a nova camada. Vamos dar um nome a esse pincel. E eu vou colocá-lo abaixo da outra camada. E então vamos separar cada uma dessas gotas em suas próprias camadas Tudo bem, agora se eu esconder todas essas camadas de gotejamento, essa forma na camada dois, vamos nomear essa tinta Esse é o formato que eu preciso fazer com que pareça um pouco melhor para que, quando as gotas escorrerem, não fique com essa estranha borda plana Para aumentar essa forma, vou duplicar esses gotejamentos, então vou reativar a visibilidade E então eu vou selecioná-los clicando aqui e, em seguida, pressionando o Comando C para copiar, e vamos desligá-los novamente. Selecione a camada de tinta e pressione Command Shift V para colá-las no lugar, mas nessa camada de tinta. Agora vamos ajustar o comprimento dessas linhas. Então, vou mudar para a ferramenta de seleção direta poder ajustar os pontos reais nessas linhas, e vou manter a tecla Shift pressionada e arrastá-la para ter certeza de que estou mantendo a posição horizontal da linha. Então, quando você deixar as gotas com a aparência que você gosta, esse grupo de tintas ficará estático Não vamos animá-lo. E então essas linhas de gotejamento serão a coisa animada Mas quando eles escorrem no After Effects, a forma que resta parece boa Então, depois de fazer tudo isso, certifique-se de ativar novamente as camadas de gotejamento que você vai animar e depois salvar o arquivo Os últimos três ícones são bem simples, mas deixe-me mostrar como eu dividi as camadas Então, para o lápis, o lápis inteiro se moverá como uma coisa, modo que tudo possa estar em sua própria camada. E então a linha será separada. Vou colocar esse desenho, então ele definitivamente precisa estar em sua própria camada. Para a tesoura, separei as duas metades da E então eu também separei essa dobradiça porque isso facilitará o posicionamento do ponto de ancoragem para que cada metade da tesoura fique nessa posição exata, de modo que a tesoura gire a partir essa dobradiça porque isso facilitará o posicionamento do ponto de ancoragem para cada metade da tesoura fique nessa posição exata, de modo que a nessa posição exata, de modo que da Para o conta-gotas, tenho a forma principal do conta-gotas, a gota e o fluido Em caso de dúvida, é melhor separar mais camadas, mesmo que você não anime cada camada Depois de importar seu arquivo do Illustrator para o After Effects, você pode atualizar algumas coisas menores em seu trabalho artístico, como cores, salvar o arquivo e essas alterações serão reconhecidas no After Infelizmente, você não pode adicionar novas camadas no Illustrator depois de importar para o After Effects After Effects não reconhecerá as novas camadas, então você precisaria reimportar o arquivo 4. Importe arquivos do Illustrator para o After Effects: Antes de importar seus arquivos do Illustrator para o After Effects, é muito importante que seus arquivos estejam organizados Confie em mim, isso vai te poupar muitas dores de cabeça no futuro. Portanto, eu recomendo configurar sua estrutura de pastas semelhante à minha. Eu tenho uma pasta principal chamada ícones animados, qual tudo neste projeto vai entrar. Então eu tenho uma pasta onde vou salvar o arquivo de projeto do After Effects, e ela também colocará as versões salvas automaticamente do arquivo do projeto aqui. E então eu tenho essa pasta do Illustrator com todos os ícones diferentes nessa pasta Quando você importa um arquivo para o After Effects, ele é vinculado ao local em que o arquivo esteja no seu computador. Portanto, é importante que você não mova o arquivo depois de importado para o After Effects, caso contrário, você receberá um alerta de arquivo perdido. Existe uma maneira de revincular arquivos, mas se você se manter organizado desde o início, não precisará mover as coisas, confundir o After Effects e lidar com arquivos perdidos Agora vamos abrir o After Effects e começar um novo projeto. Na tela inicial, clique no botão Novo projeto. Você também pode iniciar um novo projeto em Arquivo > Novo > Novo projeto. A próxima etapa é importar os ícones. Então, vou para Arquivo, Importar Arquivo, ou você pode usar o atalho de teclado Command ou Control I. Em seguida, você deseja navegar até onde salvou seus ícones Você pode importar todos os seus ícones de uma só vez ou, se ainda não tiver concluído algo para seus ícones, poderá importá-los posteriormente. Vou selecionar todos os meus ícones. Antes de clicar em Abrir, você precisa ter certeza de alterar a configuração Importar quanto à composição e manter os tamanhos das camadas. Se você não vê essa opção, aperte o botão Opções. Se você importar acidentalmente seus ícones como gravação, as camadas não serão separadas E se você importá-los como composições , cada camada terá uma caixa invisível ao redor do tamanho da sua composição, que vai ser muito chato de trabalhar Certifique-se de que a composição retenha os tamanhos das camadas. Então você pode clicar em abrir. No painel do projeto, você deve ver todos os seus ícones importados como uma composição e uma pasta com todas as camadas dentro dela. Se você clicar duas vezes em uma composição, ela se abrirá na linha do tempo e você deverá ver todas as camadas que separou no Illustrator aqui e depois dos que separou no Illustrator aqui e depois Então, o que é uma composição? Uma composição é semelhante a uma sequência na estreia. É como uma pasta que contém todas as camadas da sua animação. Isso pode ser arte importada do Illustrator ou do Photoshop, camadas de forma que você cria no After Effects, texto, videoclipes, arquivos de áudio e até mesmo arquivos de imagem e até mesmo Você também pode agrupar a composição para ter composições dentro das composições Mostrarei mais sobre isso no final da aula, quando juntarmos todos os nossos ícones. Quando você terminar de animar e quiser exportar ou, em termos de After Effects, renderizar sua animação como um arquivo de vídeo, o que você exportará é uma composição Vamos garantir que as configurações da composição estejam do jeito que queremos. Então vá até a composição e depois as configurações de composição, ou o atalho do teclado é Command ou Control K. E ele adotou o nome, a largura e a altura da prancheta do Illustrator, e é isso que queremos Eu também sempre uso pixels quadrados. Então, para a taxa de quadros, eu gosto usar um número inteiro para animação. Se você estiver trabalhando com vídeo, provavelmente desejará usar qualquer taxa de quadros do vídeo, geralmente algo como 29,97 Mas como estamos apenas fazendo animação aqui, eu prefiro 30. Se você quiser reduzir para 15 quadros, isso lhe dará uma aparência de desenho animado um pouco mais instável, ou se quiser ser hiper-real, você pode fazer 60, mas isso também pode tornar seu computador mais lento Então eu acho que o ponto ideal é 30, então eu vou continuar com isso. E então a resolução aqui realmente não importa. Essa é apenas a prévia do que você está vendo no seu visualizador de composição, que está logo atrás dessa tela, isso. Você sempre pode alterar a resolução aqui enquanto trabalha. Faz sentido começar a linha do tempo do zero. Para a duração, eu só preciso de 4 segundos. Serão horas, minutos, segundos e, em seguida, quadros. Se você entrar e selecionar tudo isso, você pode simplesmente fazer quatro pontos, e isso lhe dará 4 segundos. Se você quiser alterar a duração da composição posteriormente, é muito fácil voltar às configurações da composição. Então, a cor de fundo realmente não importa porque eu já tenho uma camada de ilustrador de fundo Então eu vou clicar em OK. Provavelmente, é uma boa ideia examinar todas as outras composições de ícones e verificar as configurações da composição para garantir que o quadro seja 30 e, em seguida, dar a todas uma duração de Antes de prosseguirmos, vamos salvar esse arquivo de projeto. Vou para Salvar Arquivo ou o atalho do teclado é Command ou Control S e, em seguida, navego até a pasta do projeto e, em seguida, para a pasta After Effects dentro dela Vamos dar esse nome e clicar em salvar. 5. Tour do After Effects: Esta é a primeira vez que você usa o After Effects, então aqui está um tour para orientá-lo Se você já usou o After Effects antes, fique à vontade para pular este vídeo Primeiramente, se o seu espaço de trabalho não se parecer com o meu, você pode ir até o Window Workspace e alterá-lo para o espaço de trabalho padrão, que é o que estou usando Em seguida, na barra de ferramentas superior, temos a ferramenta de seleção, que é semelhante às ferramentas de seleção e outros programas como o Illustrator É o que você provavelmente usará na maioria das vezes. seguir está a ferramenta manual, que permite mover sua composição neste visualizador de composição. A seguir está a ferramenta Zoom. Se você clicar com essa ferramenta, ela aumentará o zoom e, se você pressionar a tecla Option ou All e clicar, ela diminuirá o zoom. Você também pode usar os recortes da tabela de teclado, que são o maior sinal do que ou o ponto e, em seguida, o menor sinal ou a O atalho para voltar para a ferramenta de seleção é V. Você também pode ajustar o tamanho da sua composição no visualizador aqui embaixo nesta lista suspensa, para que você possa alterá-la para caber Nesse menu suspenso, você pode alterar a resolução. Portanto, se seu computador está tendo dificuldade em reproduzir sua animação e está ficando muito lento, pode ser útil alterá-la para resolução mais baixa, como um quarto. Isso fará com que pareça mais pixelizado, mas é só neste visualizador Quando você for para Exportar sua animação, ela não parecerá pixelizada, mas ainda terá qualidade total As próximas três ferramentas são para três D e, em seguida, a ferramenta de rotação qual você pode girar objetos Essa é a ferramenta Pan Behind, que permite mover o ponto de ancoragem em um objeto Esse pequeno ícone que estou arrastando é chamado ponto de ancoragem e é de onde todas as transformações acontecem Se eu voltar para a ferramenta de rotação, você pode ver que agora essa foto está girando em torno desse ponto Basta desfazer isso executando o Command Z. seguir está a ferramenta de forma. Se você clicar e segurar, há outras ferramentas de forma, como um Há também uma ferramenta de caneta semelhante ao Illustrator e, em seguida, uma ferramenta de texto na qual você pode criar seu texto escrito no After Effects e em alguns outros, mas eu quase não os uso Aqui está o painel do projeto, e é aqui que tudo o que você importar para o arquivo de projeto do After Effects será armazenado. É também onde estão todas as suas composições. Já criamos algumas composições apenas importando a arte do Illustrator, mas você também pode criar uma nova composição usando esse botão, e isso abrirá as configurações da composição e, em seguida, aqui está a seguida, aqui está Se você quiser excluir uma composição, basta clicar na lixeira Na parte inferior da tela está a linha do tempo onde você pode abrir suas composições e definir quadros-chave para Aqui, eu tenho o painel de pré-visualização, que te dá os controles do player. Você também pode simplesmente pressionar a barra de espaço para reproduzir sua animação seguir está o painel Propriedades, e isso pode ser muito útil porque, dependendo do que for selecionado, você terá propriedades diferentes mostradas no painel Propriedades. Em seguida, está o painel Align, que é bastante simples e muito semelhante ao O painel Efeitos e predefinições é como uma biblioteca de diferentes efeitos e predefinições, como diz o nome, que você pode aplicar às camadas para criar estilos e aparências diferentes Não usaremos nenhum nesta aula, mas existem muitos recursos disponíveis para você aprender sobre eles e eu mostro mais sobre efeitos e predefinições em outras classes 6. Defina quadros-chave: As animações e os efeitos posteriores são baseados em quadros-chave. Se você alternar para abrir uma camada e depois ativar para abrir a transformação, aqui estão várias propriedades diferentes você pode animar Para começar a animar uma propriedade, basta clicar no ícone do cronômetro ao lado dessa Você pode ver que isso criará um quadro-chave onde quer que seu indicador de reprodução esteja na linha do tempo Esse quadro-chave está dizendo que em um tempo de 0 segundos, zero quadros, o lápis terá uma posição de 250 pixels na direção X e 250 pixels na direção Y. Então, se eu mover meu indicador de reprodução clicando na parte superior da linha do tempo, você pode definir outro Há algumas maneiras de fazer isso depois de definir seu quadro-chave inicial A primeira maneira é manipular a camada no visualizador de composição Eu poderia simplesmente pegar isso e movê-lo. Você pode ver que isso criou outro quadro-chave e também criou esse caminho de movimento no visualizador de composição que mostra a posição inicial e a posição final. Se eu mover meu indicador de reprodução de volta ao início da linha do tempo, posso pressionar a tecla da barra de espaço ou ir até o painel de visualização e clicar em Reproduzir para ver essa animação Você pode pressionar o espaço novamente para fazer uma pausa. Basicamente, o que os quadros-chave fazem é dizer ao After Effects que você deseja esse valor para essa propriedade no momento e, em seguida, esse valor para essa propriedade no momento E então o After Effects descobre como ir de um quadro-chave para o outro Então, ele descobre como ir daqui até aqui. Vou mover meu indicador de reprodução novamente e mostrar que outra forma de definir quadros-chave é clicar e arrastar sobre esses números Assim, você pode arrastar os números X ou Y para mover sua camada. Isso configura automaticamente outro quadro-chave onde quer que seu indicador de reprodução esteja. Vou mover meu indicador de reprodução novamente e mostrar que outra forma de definir quadros-chave é clicando nesses números e digitando os Se você quiser mudar de um valor para o próximo, você pode clicar em tab. Você pode pressionar Enter ou clicar para salvar o valor. Vou mover meu indicador de reprodução mais uma vez até o final da linha do tempo e mostrar que há mais uma maneira de criar um quadro-chave: copiar e colar outro quadro-chave Quero copiar e colar esse quadro-chave para selecioná-lo Você pode clicar com o botão direito nele ou, como esse é um pequeno alvo para clicar, você também pode simplesmente clicar e arrastar sobre ele para selecionar o quadro-chave Essa também é uma boa maneira de selecionar vários quadros-chave ao mesmo tempo Eu só quero selecionar esse quadro-chave e pressionar Command ou Control C para copiá-lo e, em seguida, Command ou Control V para colá-lo onde está meu playhead Você pode ver que copie o quadro-chave com os valores exatos desse quadro-chave Se você quiser ver os valores de um quadro-chave, basta passar o mouse sobre ele Então agora eu tenho esse pequeno laço. Se você quiser alterar o valor de um quadro-chave, basta colocar seu indicador de reprodução sobre esse quadro-chave e usar qualquer um desses métodos que acabei de mostrar para definir um quadro-chave para alterar o valor desse quadro-chave Você pode movê-lo no visualizador de composição, ou você pode entrar e digitar um valor diferente, ou você pode copiar e colar um quadro-chave diferente, ou você pode clicar e arrastar sobre o valor Quando sua camada é selecionada, você deve ver esse caminho de movimento. Se você não o vê , certifique-se de que esse botão esteja ativado e também suba para visualizar Mostrar controles de camada e verifique se isso está marcado. Você também pode selecionar quadros-chave e arrastá-los ao longo da linha do tempo para reorganizar Então, se eu colocar esses dois quadros-chave bem próximos, você pode ver que a animação entre esses dois quadros-chave é muito rápida Agora, entre os dois primeiros quadros-chave, a animação é muito mais lenta Portanto, o posicionamento dos quadros-chave na linha do tempo influencia o tempo da animação Vou desfazer isso com o Command Z. Se você quiser excluir quadros-chave, basta selecioná-los e pressionar a Se você quiser excluir todos os quadros-chave na camada, basta clicar no ícone do cronômetro novamente Você também pode ajustar as propriedades sem que nenhuma animação aconteça. Em outras palavras, sem definir quadros-chave. Se você tiver quadros-chave em uma camada e quiser criar outro quadro-chave com mesmo valor em outro ponto da camada, você pode clicar no botão do novo quadro-chave aqui Essa pode ser uma forma de fazer uma pausa na animação. Outra coisa a ser observada é que sempre que essa barra da camada estiver visível na linha do tempo, é aí que essa camada ficará visível na sua animação Se você passar o mouse sobre o início ou o final de uma camada, verá essas setas duplas e poderá usá-las para cortar a Então, agora o lápis não estará visível até esse ponto. Se você selecionar algum lugar no meio da camada, poderá arrastar a camada pela linha do tempo 7. Ponto de ancoragem e rotação: amostras de cores: Este livreto de amostras de cores tem três páginas escondidas atrás da capa e eu quero que cada página gire para fora de trás da Vou selecionar todas essas três páginas e, em seguida, pressionar R no teclado para abrir a propriedade de rotação. Se eu girar uma dessas camadas clicando e arrastando sobre o valor da rotação, você pode ver que ela está girando a partir desse ponto aqui, que é chamado de ponto que é chamado Mas eu não quero que ele gire a partir daqui. Eu quero que ele gire a partir da encadernação. O que eu preciso fazer é primeiro mover o ponto de ancoragem dessa camada Vou desfazer a rotação. Para mover o ponto de ancoragem, vá até a barra de ferramentas superior e pegue a bandeja atrás da A horca do teclado é Y. Então, com essa ferramenta, você pode clicar e arrastar para mover esse ponto de ancoragem Se você pressionar o comando ou o controle, ele se encaixará em outras camadas Então, vou encaixá-la nessa camada de encadernação, que criei em uma camada separada no Illustrator para facilitar o encaixe nessa Em seguida, vou clicar na página dois e fazer a mesma coisa. E o mesmo com a página três. Para voltar para a ferramenta de seleção, você pode ir até ela na barra de ferramentas superior ou usar o recorte do gráfico do teclado, que é V. Então eu quero girar cada uma dessas páginas Eu quero que todos eles tenham um quadro-chave de zero no início da linha do tempo, então vou apertar todos esses três cronômetros, e isso definirá três Em seguida, vou mover meu indicador de reprodução. Vamos tentar 15 quadros. Então, vamos girar a primeira página para, vamos fazer 30 graus negativos Na segunda página, vamos fazer menos 60 e na terceira página, menos 90. Agora, se eu reproduzir isso, aqui está a animação. Agora, vamos animar as páginas que ficam atrás da capa para que essa animação seja repetida Vamos avançar na linha do tempo para 315 e, em seguida, quero definir um quadro-chave aqui para que os valores sejam esses valores Você pode fazer isso clicando nesse novo botão de quadro-chave. Então, agora, entre esse conjunto de quadros-chave e esse conjunto de quadros-chave, nenhuma animação está acontecendo porque esses quadros-chave têm os mesmos valores Em seguida, vou para o final da linha do tempo e vou definir esses quadros-chave de volta para zero Você digitaria zero ou poderia selecionar esses quadros-chave, pressionar o Comando C para copiar e o Comando B para colar Se, por algum motivo, você estiver usando uma versão mais antiga do After effex e copiar vários quadros-chave em diferentes camadas duplicar suas camadas, precisará usar método diferente, como copiar e colar uma e colar Isso foi atualizado em uma versão recente do Afterefix. Agora, se eu reproduzir isso, você pode ver que a animação será repetida. Para tornar isso um pouco mais interessante, podemos escalonar os quadros-chave Vou clicar e arrastar para selecionar os quadros-chave das páginas 2 e 3 e, em seguida, arrastá-los para frente no tempo Vamos para cinco quadros. Em seguida, seleciono os quadros-chave para a página três e os arrasto até dez quadros E isso tornará essa animação um pouco mais interessante. Vamos fazer a mesma coisa os quadros-chave para a saída da animação. E desta vez, vou começar com a página três, iniciando a animação primeiro. Aqui está o que eu tenho por enquanto. voltar a esse ícone para melhorar a animação posteriormente, usando a paternidade e a flexibilização 8. Ponto de ancoragem e rotação: tesoura: As etapas para criar a animação da tesoura serão muito semelhantes às amostras de cores Primeiro, vou mover o ponto de ancoragem usando a panela atrás da ferramenta até a dobradiça das duas metades da Em seguida, vou voltar para a ferramenta de seleção e pressionar R no teclado para abrir a propriedade de rotação. Depois, vou girá-los para cinco e menos cinco para que a posição inicial da tesoura pareça um pouco mais possível Eles não são tão sobrepostos. Em seguida, clicarei no cronômetro para criar quadros-chave no início da linha do Em seguida, vou mover meu indicador de reprodução ao longo da linha do tempo para 15 quadros e, em seguida, definir a rotação para, vamos fazer 25 e menos 25 para que a tesoura Então vou manter a tesoura aberta por apenas cinco quadros. Eu deslizei um quadro-chave os mesmos valores de rotação e, em seguida, movo o indicador de reprodução para 1 segundo e copiei e colei os primeiros quadros-chave para Aqui está o que eu tenho até agora. Agora, quero repetir esses quadros-chave para fazer com que a tesoura pareça que continua sendo cortada Vou passar para 1 segundo, cinco quadros na linha do tempo e, em seguida, copiar e colar todos esses quadros-chave pressionando Command ou Control C e, em seguida, Command ou Control V. Novamente, se isso copiar e colar suas camadas inteiras, para que você tenha uma duplicata das camadas, você só precisará ir camada por camada, copiar os quadros-chave e copiar os quadros-chave Em seguida, vou passar para 210 e colar novamente. Se eu reproduzir isso, é previsível e robótico porque eles estão cortando na mesma velocidade o tempo todo O que vou fazer é ajustar esses quadros-chave para que às vezes eles cortem um pouco mais rápido e às vezes um pouco mais devagar Talvez aqui eu acelere esses quadros-chave arrastando-os para a esquerda, para que eles se abram um pouco mais Então, em vez de pausar quando estiverem abertos, vou fazer com que comecem a fechar imediatamente, excluindo o segundo conjunto de Então, vamos mover esses quadros-chave que fecham a tesoura para a esquerda Então, ele só vai ser aberto e depois fechado. E então vamos abri-los imediatamente em vez de pausar na posição fechada Então, vou deletar esses quadros-chave. Então, vamos mover todos esses quadros-chave para cima. Então, agora eles fecharão, abrirão, permanecerão abertos e depois fecharão. Então, temos um pouco mais de espaço na linha do tempo, então vamos copiar e colar a primeira sequência de fechamento aberta E vamos ver o que temos até agora. Ajustar o tempo dos quadros-chave adicionou um pouco mais de variedade, mas voltarei a essa animação mais tarde para torná-la ainda 9. Ajustar movimento: Agora, a animação de rotação nessas páginas é chata e mecânica, porque elas são lineares, o que significa que elas mantêm a mesma velocidade o tempo todo Nesta demonstração muito simples, o quadrado superior está se movendo linearmente, então ele mantém a mesma velocidade do ponto A ao ponto B, enquanto o quadrado inferior tem o que é chamado de Easy Ease aplicado a ele Esse quadrado vai começar um pouco mais devagar, acelerar no meio e depois desacelerar antes de parar O quadrado inferior é uma animação um pouco mais interessante porque muda de velocidade. Além disso, quando você anima coisas da vida real , como esses ícones, faz mais sentido que a animação não seja linear porque, na vida real, as coisas geralmente começam um pouco mais devagar em seus movimentos, depois começam a acelerar e depois diminuem a velocidade antes de pararem depois começam a acelerar e depois diminuem a velocidade antes de pararem Isso pode fazer com que suas animações pareçam mais naturais ou realistas Para adicionar atenuação aos seus quadros-chave, a primeira etapa é selecioná-los Você pode clicar e arrastar sobre quadros-chave para selecionar vários de uma vez, ou você também pode selecionar o nome da propriedade para selecionar todos os quadros-chave dessa propriedade na camada e , em seguida, segurar o comando e fazer a mesma coisa para selecionar várias Depois de selecionar os quadros-chave aos quais deseja adicionar EZ Es, clique com o botão direito do mouse em qualquer um deles e, em seguida, vá para o assistente de quadros-chave e, em seguida, EZ Es Observe como isso muda seus quadros-chave de formas de diamante para formas de ampulheta Então, se eu reproduzir isso, você verá que parece muito mais suave e realista. Também vou adicionar atenuação aos quadros-chave da animação da tesoura Então, para fazer isso, vou selecionar todos esses quadros-chave e clicar com o botão direito em um deles, ir para Keyframe Assistant e depois Easy Ease Você também pode usar o atalho de teclado, que é F nove. Agora, todos esses são quadros-chave simplificados, então vamos reproduzir a animação Embora adicionar EZs possa melhorar sua animação, você pode levar isso muito mais longe Isso está além do escopo desta aula, mas se você realmente quiser levar suas animações para o próximo nível, você definitivamente vai querer aprender a personalizar o movimento de seus quadros-chave usando o editor gráfico Minha aula Smooth Moves abrange tudo o que você precisa saber. 10. Camadas principais: amostras de cores: Outra coisa que eu poderia fazer para melhorar essa animação seria fazer com que o livreto inteiro se movesse um pouco ao se abrir Quero que todas essas camadas se movam, mas em vez de animar todas as propriedades de posição das camadas, há uma maneira mais fácil de fazer isso Vou usar a camada de encadernação como o que é chamado de pai. Essa será a camada que se moverá, e então eu quero que todas essas outras camadas, além do plano de fundo, sigam a camada principal. Então, eles serão as crianças. Vou selecionar a capa e as três páginas. Em seguida, vou até as opções principal e de link, pego um dos botões de seleção ao lado de qualquer uma das camadas selecionadas e arrasto até a camada de encadernação Agora, no menu suspenso, diz que o pai dessas camadas é a encadernação. Isso significa que quando eu movo a encadernação, você pode ver que todas as outras camadas a acompanham. Portanto, a paternidade é uma forma de fazer com que camadas secundárias , todas elas sigam uma camada principal, que é esta Então, como você acabou de ver, para criar camadas, você pode usar esse botão de seleção para arrastar até a camada que deseja criar, ou você também pode selecionar a camada neste menu suspenso Agora vamos definir alguns quadros-chave na vinculação. Então, vou passar para o início da linha do tempo e definir um quadro-chave de posição para a encadernação e, portanto, todo o livreto estar aqui no início Então, vamos avançar para 1 segundo e aumentar isso. Vou apenas mover a posição Y. Algo parecido. Então, vamos fazer com que ele volte para baixo à medida que os livretos se fecham Mas, na verdade, esse livreto leva muito tempo para ser animado. Eu só vou trazer esses quadros-chave. Vamos fazer com que toda a animação dure apenas 2 segundos em vez de quatro. Vou copiar o primeiro quadro-chave na posição da encadernação e colá-lo aqui em 2 segundos. Vamos ver o que isso parece. Honestamente, não é muito bom. Isso porque esses quadros-chave são lineares e ficariam melhor se tivessem facilidade Vou usar F nine, o atalho para adicionar Easy Ease a esses quadros-chave Vamos tentar isso de novo. Parece um pouco melhor, mas acho que poderíamos ajustar um pouco mais os quadros-chave para torná-los ainda melhores Mas primeiro, quero girar o livreto inteiro também. Eu quero ir para o início da linha do tempo e vamos dar essa rotação como talvez mais seis, e então eu vou definir um quadro-chave para E então, quando for movido para cima, vamos girá-lo para que ele gire ainda mais para trás para a esquerda Então, talvez menos seis. E então, em 2 segundos, vou girar isso de volta para mais seis e, em seguida, facilitar esses quadros-chave Vamos ver o que isso parece. Isso está melhorando, mas acho que se eu ajustar esses quadros-chave, podem ficar ainda melhores O que vou fazer é, na verdade, pegar esses quadros-chave e movê-los para que estejam todos alinhados Isso significa que todas as páginas terminarão ao mesmo tempo. Talvez vamos tornar essa animação um pouco mais rápida e também escalonada para que todo o livreto comece a se mover primeiro e depois as páginas comecem a se abrir Vou mover esses três quadros-chave um pouco , talvez 25 quadros Vamos ver o que isso parece. Sim, eu gosto mais disso, e então talvez eles comecem a fechar tudo ao mesmo tempo. Então, vou alinhá-los. E então faremos com que eles voltem a ficar juntos Talvez vamos mover todos esses quadros-chave um pouco Vamos ver o que isso parece. Essa animação parece muito melhor do que a que tínhamos antes, mas não precisamos de todo esse tempo extra. Se você acessar a composição e depois as configurações da composição, podemos ajustar a duração para apenas 2 segundos. 11. Camadas principais: tesoura: As duas metades da tesoura giram, isso meio que faz com que a tesoura pareça estar se Mas se uma mão estivesse segurando as alças da tesoura, ela provavelmente permaneceria no lugar, então a tesoura deveria realmente se mover para a direita para neutralizar a aparência de que ela se move para a Para corrigir isso, podemos usar a paternidade e, enquanto estamos fazendo isso, podemos fazer com que a animação pareça um pouco mais realista e interessante Então, vou selecionar a parte superior e inferior da tesoura e , em seguida, escolher a parte principal para ser a Agora, se eu ajustar a camada da dobradiça, você pode ver que o resto da tesoura ficará Lembre-se de que a paternidade vale para qualquer propriedade. Se eu escalar a dobradiça , ela também escalará a tesoura Ou se eu girar a dobradiça, ela também gira a tesoura Eu quero animar a posição, então vou pressionar P no teclado e definir um quadro-chave de posição Então, quando a tesoura se abre, quero movê-la para a direita, mas é difícil dizer onde estavam Então, o que vou fazer é pressionar Command R no teclado para abrir as réguas. Então, no início da linha do tempo, vou até essa régua vertical e arrasto uma Vou colocá-lo bem no lado direito das alças da tesoura Agora eu posso ver a posição inicial da tesoura. Agora vou avançar na linha do tempo e, em seguida, alinhar a borda das alças com a diretriz novamente Vou ajustar a posição. E eu também poderia ajustar a posição Y apenas para tornar essa animação mais interessante e realista porque se uma mão estivesse segurando a tesoura, ela provavelmente não estaria perfeitamente parada Eu provavelmente me mudaria um pouco também. Então, vou ajustar isso para mover a tesoura um pouco para cima quando ela se abre Em seguida, ele fará uma pausa nessa posição, então copiarei e colarei esse quadro-chave E então, quando a tesoura fechar, posso copiar e colar o quadro-chave inicial Depois, posso simplesmente continuar e fazer a mesma coisa com todos os demais quadros-chave Você também pode copiar e colar esses quadros-chave onde fizer sentido, mas quero que pareçam um pouco imperfeitos, novamente, para que pareçam mais Vou entrar e ajustar a posição para que fique um pouco diferente a cada vez. Se for difícil selecionar essa dobradiça porque ela é pequena, você pode ampliar com essa lista suspensa ou, se tiver um mouse mágico como eu, basta deslizar o mouse para ampliar Para o último quadro-chave, vou me certificar de que seja exatamente igual ao primeiro quadro-chave para que ele funcione perfeitamente. Vou facilitar esses quadros-chave selecionando a propriedade position para selecionar todos os quadros-chave e, em seguida, vou usar o atalho de teclado, que é F nove, para facilitar Vamos ver o que temos. 12. Anime linhas: pincel: Para o ícone do pincel de dor, vou animar esses pingos com Mas, no momento, elas são apenas camadas de formas, então não é uma linha que eu possa animar com o trimpass O primeiro passo será selecionar todas as gotas, clicar com o botão direito do mouse, criar e depois criar formas a partir da camada vetorial Vou excluir as camadas originais do Illustrator. Então, cada uma delas, você pode ver, é uma linha que agora eu posso animar com trimpats Vamos entrar na primeira linha e adicionar e depois Trim Paths Então eu vou abrir isso. Vou animar as propriedades finais e iniciais desse gotejamento de tinta Mas primeiro, lembre-se de que há uma camada de tinta aqui. Então, se eu apenas soltar essa camada clicando neste pequeno botão aqui, você pode ver que há essa forma de tinta aqui e essas gotas estão parcialmente sobrepostas Eu vou desfazer isso. Vou ajustar o valor final, para que ele se sobreponha à forma da tinta, mas não se estenda além Acho que 27% parecem muito bons. Vou definir um quadro-chave aqui no início da linha do tempo e, em seguida, vamos avançar para 20 quadros e aumentar esse número até 100 Mas enquanto isso está escorrendo, eu quero que ele realmente se solte do resto da tinta no pincel Para fazer isso, posso animar a propriedade inicial. Vou até a metade entre esses dois quadros-chave e faço com que eles comecem a se separar Vou definir um quadro-chave para que o início seja zero e, em seguida, vamos para 20 quadros e animá-lo até 100% Isso animará o gotejamento até o fim . Vamos ver o que isso parece. Vamos adicionar Easy Es a isso para que pareça um pouco melhor. Legal. Temos o primeiro gotejamento e podemos copiar e colar toda essa animação do Trimpath nos outros gotejamentos Vou selecionar onde está escrito Trimpas e garantir que meu indicador de reprodução esteja no início da linha do tempo e colá-lo nas gotas dois, três Então, se você pressionar U no teclado, todos os quadros-chave serão exibidos na camada selecionada Agora eu posso ver esses quadros-chave e vamos falar com você novamente para ver apenas os quadros-chave nessa camada para condensá-la um Depois, posso ajustar os quadros-chave para escalonar essas animações Talvez façamos o gotejamento três ir primeiro, já que é o mais abaixo, e então talvez o gotejamento dois aconteça em seguida Vou apenas arrastar esses quadros-chave para escaloná-los. Depois disso, talvez vamos beber quatro. Vou selecionar esses quadros-chave e escaloná-los. E então vamos gotejar um último. E vamos reproduzir isso. Isso parece muito bom, mas toda a animação dura apenas 2 segundos e temos 2 segundos extras na linha do tempo Então, duas maneiras de mudar isso. Você pode colocar o indicador de reprodução em 2 segundos e, em seguida, pressionar a tecla final, que cortará essa barra cinza na parte superior da linha do tempo, que é chamada de área de trabalho do indicador A partir daqui, você pode clicar com o botão direito do mouse na barra cinza, na área de trabalho, e escolher Trim Comp para área de trabalho A outra maneira de fazer isso seria acessar as configurações de composição da composição ou executar o Comando K e, em seguida, ajustar a duração aqui. Então, aqui está o resultado final. Uma coisa a observar é que eu defini quadros-chave para o valor final comece em 27%, com base em onde o gotejamento se sobrepôs Dependendo da aparência da camada de tinta e do comprimento das gotas, talvez seja necessário ajustar o valor final das diferentes gotas de tinta Mas para o meu, funcionou porque o de gotejamento era o mais curto Você também pode ajustar o tempo dos quadros-chave se quiser um pouco mais de variedade na forma como as gotas gotejam 13. Animar linhas: lápis: A animação a lápis, eu quero girar o lápis para que fique em um ângulo Então eu quero que a linha seja desenhada e o lápis pareça estar desenhando aquela linha. Para fazer essa linha ser desenhada, precisaremos convertê-la em uma camada de forma. Para fazer isso, clique com o botão direito do mouse nessa camada de linha e vá para criar formas a partir da camada vetorial. Isso criará uma nova camada e você pode dizer que é uma camada de forma porque tem esse pequeno ícone de estrela ao lado, enquanto nossas camadas vetoriais têm o pequeno ícone do Illustrator ao lado delas Essa camada é uma camada de forma editável. Se eu a abrir, você verá que ela tem todas as propriedades de transformação com as quais você provavelmente está familiarizado agora e também tem conteúdo, que contém um grupo e, em seguida, um caminho Ele ainda tem propriedades de traçado, então você pode entrar e alterar a largura do traçado ou a cor desse traçado ou outras coisas, como traços ou coniles ou as tampas nas extremidades. Então, abaixo do caminho, você pode realmente mover esse caminho Se você selecionar o caminho da camada superior, poderá selecionar os pontos individuais nesse caminho e editá-lo. Você pode até mesmo clicar no topwatch e no quadro-chave dessa propriedade Eu vou desfazer tudo isso. Não quero animar o caminho dessa linha. Eu quero animá-lo desenhando. A maneira de fazer isso é acessar esse botão de anúncio aqui e escolher caminhos de corte Isso adicionará uma nova propriedade trim paths e, se você ativar essa opção, poderemos animar os valores inicial e final para ativar e desativar a linha Vou avançar na minha linha do tempo para 1 segundo e definir um quadro-chave para o valor final seja 100% Isso significa que a linha será 100% desenhada. Em seguida, vou voltar ao início da linha do tempo e reduzir esse valor final para zero Agora, se eu reproduzir a animação, a linha será animada Se sua linha estiver animada ao contrário do que você deseja, contrário do que você deseja, basta apertar este botão aqui e ele inverterá a direção da A direção da linha é determinada pela forma como você a desenhou no Illustrator Em seguida, vou selecionar a camada da linha e movê-la baixo para que tenhamos espaço para o lápis desenhar a linha. Vou fechar a linha e colocá-la abaixo do lápis, e então vou realmente excluir essa versão da linha do Illustrator Se você precisar disso de volta por algum motivo, você sempre poderá encontrá-lo nesta pasta de camadas do Illustrator para o lápis Agora vamos fazer com que o lápis desenhe a linha. Vou pressionar P no teclado para abrir a propriedade de posição. Você pode tentar criar um quadro-chave para ter quadros-chave em todo caminho para fazer parecer que está se movendo na forma desse Mas há uma maneira muito mais fácil. Mas antes de fazer isso, quero mover o ponto de ancoragem até a ponta do lápis Antes de fazer qualquer animação de posição, é sempre uma boa ideia verificar onde você quer que seu ponto de ancoragem esteja Deixe-me mostrar por que isso é importante. Então, se eu fosse animar a posição desse lápis, eu faria algo muito simples assim Então, ele está se movendo pela tela assim. Mas então eu percebo que quero mudar o ponto de ancoragem Se eu pegar a panela atrás da ferramenta e mover o ponto de ancoragem, você pode ver que ela realmente mudou o caminho do movimento Então, agora a animação vai ser muito diferente. Então, eu vou desfazer tudo isso. E tudo isso quer dizer que lembre-se de mover seu ponto de ancoragem antes de animar a propriedade de posição Se você quiser saber mais sobre pontos de ancoragem e como corrigir esse problema em alguns casos, confira esses tutoriais Tudo bem, então vou mover o ponto de ancoragem até a ponta do lápis Em seguida, volte para a ferramenta de seleção. Em seguida, vou entrar nessa camada de linha e encontrar o caminho, e quero aquele próximo ao cronômetro Vou selecionar onde diz caminho aqui e pressionar Command ou Control C para copiar esse caminho. Em seguida, vou mover meu indicador de reprodução para o início da linha do tempo quando quiser que essa animação comece e vou direcionar esse caminho até a de posição Agora, isso não está exatamente no lugar certo, porque quando você vê que a linha é animada, esse caminho não está alinhado com aquela linha Mas com todos esses quadros-chave selecionados e o indicador de reprodução sobre um dos quadros-chave, você pode facilmente pegar e mover todo esse caminho de movimento Então, basicamente, está movendo todos os quadros-chave de posição. E eu vou alinhá-la com a linha. Agora, se eu reproduzir isso, o lápis quase parece que está desenhando na linha, mas os quadros-chave de posição não estão alinhados com os quadros-chave da animação trimpath O que vou fazer é selecionar esse último quadro-chave para a animação da posição e arrastá-lo para que fique alinhado em 1 segundo com a animação trimpath Você pode ver que esse quadro-chave, representado por apenas um pequeno círculo, ajustado automaticamente para mim. Esse é o quadro-chave aqui. Esse tipo de quadro-chave é chamado de rove across time e funciona sempre entre um conjunto de quadros-chave Se você ajustar o quadro-chave final ou o quadro-chave inicial, os quadros-chave OvCrosst no meio ajustarão automaticamente seu tempo para que a animação seja reproduzida sem problemas entre o primeiro e o último quadro-chave meio ajustarão automaticamente seu tempo para que a animação seja reproduzida sem problemas entre o primeiro e o último Quando copiei esse caminho e colei na posição do lápis, ele configurou automaticamente esses quadros-chave para terem Mas se você precisar definir isso em um conjunto de quadros-chave, basta selecionar os quadros-chave , clicar com o botão direito do mouse e escolher Em seguida, vou selecionar todos esses quadros-chave e pressionar F nove para facilitar a leitura. Vamos reproduzir o que temos. Como o lápis está fora da composição, vou aumentar a composição. Então, vou para as configurações de composição pressionando o Comando K, e vamos aumentar isso para 1.000 por 1.000 E também podemos aumentar o plano de fundo apenas ampliando-o. Então eu pressiono S para abrir a propriedade de escala e , em seguida, arrasto a escala para ficar maior. Você também pode bloquear a camada de fundo. Dessa forma, você não pode selecioná-lo acidentalmente. Agora vamos animar o lápis virando e apagando Vou abrir as propriedades de transformação do lápis e definir um quadro-chave em 2 segundos para a posição e a rotação Em seguida, vou avançar 15 quadros e quero que o lápis se mova na forma dessa linha. Se eu copiar esses quadros-chave, ele moverá o lápis de volta ao início, mas também preciso girá-lo para que a borracha toque a Vou girar isso para trás. Em seguida, pegue todos esses quadros-chave de posição selecionando todos os três e mova tudo para cima para que a borracha toque a linha Isso moverá todo esse segmento da trajetória de movimento. Se eu folhear a linha do tempo, você pode ver aqui, essa animação parece um pouco estranha porque essa parte do caminho do movimento é muito reta quando o muito reta quando o Se você não vê o caminho de movimento, certifique-se de que isso esteja ativado e também de que, abaixo da visualização, você tenha marcado a opção Mostrar Eu quero fazer esse segmento da linha curvo. Para fazer isso, preciso ter alças, como você pode ver aqui para este segmento curvo da linha. Como eu ainda não tenho alças nessa parte da linha, você pode ir até a ferramenta Caneta, clicar e segurar e, em seguida, pegar a ferramenta de conversão de vértice Em seguida, você pode clicar em um quadro-chave, que é representado pelos quadrados para criar Eu apenas cliquei uma vez e ele excluiu a alça. Vou clicar novamente para adicionar alças traseiras nos dois lados. Em seguida, vou arrastar essa alça para fora para criar uma curva e, em seguida, arrastar essa alça para dentro para manter essa linha curva o máximo possível Então, vamos ver como isso se parece. Acho que parece melhor. Agora, vamos adicionar um pouco de facilidade a esses quadros-chave de rotação. Agora vamos animar a linha que está sendo animada. Então, abaixo da linha abaixo do trim pass, vou animar o valor inicial. Então, vou definir um quadro-chave aqui às 2:15, e depois vou para 315 e elevarei o valor inicial até 100 E vamos facilitar esses quadros-chave. Vamos ver o que temos até agora. Agora, para fazer esse laço, preciso virar o lápis para trás Aqui, quando essa animação terminar, eu preciso de um quadro-chave de rotação Em seguida, vou para o final da linha do tempo e copiarei e colarei o quadro-chave da primeira posição para que ele comece no início da linha e também o primeiro quadro-chave de rotação para virar o lápis novamente o primeiro quadro-chave de rotação para virar o Quando o lápis vira para trás, essa linha aqui para o caminho do movimento é realmente reta, e pareceria mais natural se tivesse um pouco de curva Então, para fazer isso, vou voltar para a ferramenta de conversão de vértice e clicar neste quadro-chave aqui, e isso adicionará alças, e então eu posso arrastar essa alça para fora e trazer essa de volta Você pode pressionar a opção ou a tecla Alt para ajustar apenas uma das alças e não a outra. Então eu vou trazer esse de volta. Certifique-se de que essa linha ainda tenha a forma da linha que entra e sai. E vamos ver o que temos até agora. Vamos fazer o lápis pausar por períodos iguais de tempo no início e no final da linha Para fazer isso e ver todos os meus quadros-chave na linha do tempo de uma só vez, vou selecionar nenhuma camada e apertar a Em seguida, vou pegar todos esses quadros-chave e movê-los 15 quadros para trás Outra coisa que eu quero fazer é fazer com que o lápis gire um pouco enquanto desenha na linha Então, vou definir um quadro-chave de rotação no início da linha do tempo e, quando a animação terminar, ambos serão de 35 E então, no meio, vamos fazer o lápis girar um pouco mais dessa maneira Então, talvez 40. Aqui está o que parece. Você deve ter notado que, quando o lápis vira, há um pouco de tempo em que você pode ver a linha através do lápis, porque essa forma que eu criei no Illustrator é uma forma aberta sem Às vezes, você pode corrigir coisas desse tipo voltando ao arquivo do Illustrator E nesse caso, como é apenas uma simples troca de cores, é fácil consertar um Illustrator Então, o que vou fazer é acessar meu arquivo do Illustrator Todo esse lápis é um grupo, então vou clicar duas vezes na forma à qual quero adicionar uma cor de preenchimento e, em seguida, adicionar essa cor de preenchimento. E então, enquanto estamos nisso, podemos muito bem preenchê-los só por segurança. E isso parece muito bom. Então, vou sair do grupo clicando nessa barra e depois salvando o arquivo e, em seguida, vou voltar para o After Effects. E vamos dar uma olhada na linha do tempo e ver se isso foi Sim, agora você pode ver que essa é uma forma preenchida porque meu arquivo do Illustrator foi atualizado no forma preenchida porque meu arquivo do Illustrator After 14. Escala de animação: conta-gotas: Vou fazer esse retângulo, o fluido que está dentro do conta-gotas Mas primeiro, vamos animar essa pequena gota de fluido que está saindo do Vou apenas esconder essa camada de fluido retangular por enquanto Então, vamos colocar a gota no lugar certo. Como isso está sendo cortado, vamos também aumentar a composição. Vou comandar ou controlar K para acessar as configurações de composição. Vamos fazer isso de 700 por 700 pixels. Em seguida, vou ampliar o plano de fundo. Vou selecionar o plano de fundo, pressionar S no teclado para acessar a propriedade de escala e apenas aumentá-la. Para a gota, também quero animar a escala para que pareça que está saindo do Mas primeiro, quero mover o ponto de ancoragem para o topo. Vou até a ferramenta panorâmica atrás na barra de ferramentas superior e depois vamos ampliar Você pode segurar a barra de espaço para fazer com que essa pequena ferramenta manual mova sua composição Em seguida, vou arrastar o ponto de ancoragem até o topo Se você mantiver pressionado o comando ou controle, ele se encaixará em um canto ou borda e, em seguida, voltarei para a ferramenta de seleção com V no teclado Em seguida, vamos abrir a gota no topo e animar a posição e a escala A posição deveria começar por aqui, talvez um pouco mais alto. Em seguida, vamos para 15 quadros e animamos a posição movendo-se para baixo. E então, com 15 permanentes, eu também definirei a escala para 100% e, no início da linha do tempo, vamos fazer com que seja em uma escala de zero Então, agora a gota aumentará e se moverá para baixo. Mas acho que isso vai um pouco rápido demais. Então, vamos mover esses quadros-chave para 1 segundo e 15 quadros Eu também quero fazer essa animação em loop, então eu preciso de alguma forma de me livrar dessa gotícula Então, vamos animar a opacidade. Então, começando em 1 segundo, vamos animar a opacidade a partir de 100 e, em seguida, alinhados com esses outros dois quadros-chave, vamos animá-la Então, vamos facilitar todos esses quadros-chave. Então, aqui está o que eu tenho até agora. 15. Tamanho da animação: câmera: Este ícone de câmera, eu quero que a lente dimensionada como se estivesse ajustando seu foco Vamos esconder essas duas fotos por enquanto. Quero que a lente interna seja dimensionada, mas se eu usar a propriedade de escala, você pode ver que a espessura do traçado desse círculo também aumenta. Eu não gosto de como isso parece. Gosto que todos os pesos do traçado sejam consistentes, mesmo que seja uma escala Deixe-me mostrar uma maneira de afetar o tamanho do círculo sem afetar o peso do traçado. O que vou fazer é desmarcar essa camada interna da lente apenas clicando nela e, em seguida, vou recriá-la com as ferramentas de forma e efeitos posteriores Se você for até a ferramenta retangular e clicar e segurar, há outras opções de ferramentas aqui, então vou pegar a ferramenta de elipse Depois, vou arrastar uma elipse e pressionada a tecla Shift para ter certeza de que obtenho um círculo perfeito Se você não for exato, tudo bem porque você pode se ajustar. Vou voltar para a ferramenta de seleção e, em seguida, colocá-la no lugar certo. Vamos isolar essa camada, essa camada de forma e a camada de lente para que seja mais fácil ver o que estou fazendo. Vou aumentar o zoom. E então, para recolorir seu traçado, vou clicar nessa caixa aqui e usar esse conta-gotas para obter uma amostra da cor do traçado na camada original do Illustrator E também sei que a espessura do traçado deveria ser 14 porque era isso que eu estava usando no Illustrator E então isso precisa ser um pouco maior. Então, vou alternar para abrir onde diz elipse e, em seguida, caminho da elipse e, em seguida, ajustar o tamanho. Então eu acho que isso parece bom. Vamos esconder essa camada de lente. Isso está perto o suficiente. A camada em forma de círculo que eu criei não tem uma cor de preenchimento porque o globo ocular está desativado, então vou ativá-la E então vamos retirá-lo para que eu possa clicar nessa caixa de preenchimento aqui e usar o conta-gotas para obter uma amostra da cor de preenchimento do original E então vamos colocar isso de volta no lugar certo. E então vamos arrastar essa camada de forma diretamente em cima da lente e, em seguida, soltar essas duas camadas E então eu posso simplesmente excluir a camada original da lente. E vamos renomear essa camada de forma. Então, para fazer isso, selecione-o e pressione Return ou Enter, e então você pode começar a digitar Tudo bem, agora temos essa nova camada que tem essa propriedade de tamanho, e se você animar a propriedade de tamanho, você pode ver que a espessura do traçado permanece a mesma, mesmo quando eu a faço maior ou menor Você pode estar se perguntando por que eu não cliquei com o botão direito na camada e disse, crie formas a partir da camada vetorial. A razão pela qual eu não fiz isso é porque ele apenas cria um caminho e não um caminho de elipse E um caminho não tem a propriedade de tamanho. Então, para animar a lente, vamos definir um quadro-chave no início da linha do tempo para que o tamanho seja esse Então, avançando dez quadros, vou fazer isso um pouco menor. E então vamos para 25 quadros e basta copiar e colar o primeiro quadro-chave Fácil Alivie esses quadros-chave. Então, fica assim. Vamos animar a escala dessa camada de lente também, mas, novamente, precisarei usar a propriedade size para manter a espessura do traçado Então, o que vou fazer é duplicar essa camada interna da lente pressionando Command ou Control D, e vamos renomeá-la E então vamos abrir o brilho e encontrar a propriedade Vou colocar o indicador de reprodução sobre o primeiro quadro-chave. Como tenho todos esses três quadros-chave selecionados, se eu arrastar os números da propriedade size, ela ajustará o tamanho de todos os três quadros-chave, mantendo seus valores relativos Vou alinhar isso com o brilho original da lente do Illustrator Agora, você pode ver que esse brilho interno está aumentando. Vamos apenas excluir a camada original. Claro, isso é um círculo completo, então precisamos fazer com que seja apenas um quarto de círculo. Para fazer isso, vou apertar esse botão de anúncio e escolher caminhos de corte, e vou definir o valor final 25% para deixar apenas um quarto do círculo lá Então, para movê-lo para cá, vou alterar o valor do deslocamento Então, vamos fazer isso com menos 90. Então eu também quero que as tampas sejam arredondadas. Vou abordar o traçado, ou você também pode fazer isso no painel de propriedades, que é um pouco mais fácil de encontrar. Basta apertar as tampas redondas. Você também pode encontrar isso por baixo do AVC. Vou ligar para você para ver todos os quadros-chave e isso é o que eu tenho até agora 16. Crie um matte: câmera: Vamos animar essas fotos saindo da câmera. Vou apenas esconder a flor e trabalhar com uma de cada vez. Primeiro, vou animar a posição e depois vou criar um tapete para que a foto fique visível apenas nesta área inferior e depois farei com que pareça que está saindo da câmera Então, vou pressionar P no teclado para abrir a propriedade de posição e definir um quadro-chave no início da linha do tempo, e vou arrastar o valor Y para cima para que fique acima dessa linha em que a foto sai da câmera E então eu vou passar para 1 segundo e animar isso para que fique totalmente fora da câmera Agora vamos criar o tapete. Então, para fazer isso, vou usar uma camada de forma e desenhar um retângulo começando na parte superior desse slot e se estendendo até a parte inferior da composição Vamos renomear essa camada como MT, então pressione Enter ou Return e depois Enter ou Return novamente. Então, nesta camada de foto, preciso definir o tapete para ser essa camada de forma. Para ver as opções de MT, pressione o botão Modos do interruptor e você deverá ver o Track Mat aqui botão Modos do interruptor e você deverá ver o Track Mat Se você não vê as opções do Track Mat, alterne entre esses botões até vê-los ou clique com o botão direito do mouse na barra superior aqui, vá para as colunas e verifique se os modos Em seguida, neste menu suspenso, você pode escolher a camada de tapete para ser a MT. Você também pode usar esse botão de seleção para arrastar até a camada. Então, agora a foto só vai ficar visível dentro desse tapete, e eu preciso voltar para a minha ferramenta de seleção com V. Agora, se eu reproduzir isso, você pode ver que a foto parece que está saindo da câmera. Mas ficaria melhor se o tapete fosse movido um pouco para baixo. Então, vou selecionar essa camada de tapete e reduzi-la assim. E talvez façamos com que essa foto saia da tela. Então, acabei de atualizar esse quadro-chave. Também posso facilitar esses quadros-chave. Eu quero que a animação do ajuste da lente aconteça primeiro, e então talvez fosse bom ter a câmera inteira se movendo um pouco como se alguém estivesse pressionando o obturador e depois a foto deveria sair Eu só vou fechar todas as camadas. Para animar a câmera inteira, quero ter todas as camadas associadas a essa camada da câmera Então, vou selecionar todas as camadas e colocá-las na câmera. Agora vamos ver onde estão os quadros-chave da lente. Vamos começar com cerca de 15 quadros e fazer com que a câmera desça tudo. Vou pressionar Pee no teclado para abrir a propriedade de posição da câmera e definir um quadro-chave aqui. Depois, vamos até o final da animação de ajuste da lente e moverei a câmera um pouco para baixo Em seguida, avance mais dez quadros e faça o loop da animação copiando e colando o primeiro quadro-chave E eu vou facilitar esses quadros-chave. Então, provavelmente levará um pouco de tempo para que a foto seja processada, e então eu farei com que a foto saia. Então, vamos arrastar essa camada de volta e fazê-la sair em 2 segundos. Então, aqui está o que eu tenho até agora. Eu também poderia adicionar um pouco de rotação quando a câmera se move para baixo. Então, neste quadro-chave, vou definir quadros-chave de rotação. Então, para ver os quadros-chave de posição e também ativar a propriedade de rotação, pressionarei Shift R, definirei um quadro-chave de rotação e, em seguida, definirei um quadro-chave de rotação para, vamos fazer algo realmente sutil, como talvez menos um, e depois voltar para zero E o Easy Ease faz quadros-chave. Depois, você pode repetir todos esses quadros-chave e também animar a flor fotográfica saindo da câmera e certificar-se de definir o tapete para essa camada de tapete 17. Crie um tapete: conta-gotas: Para que esse retângulo, que é o fluido, fique exatamente dentro dessa forma de conta-gotas, precisamos montar um Monte Para ver as opções do tapete, vá até a parte inferior da linha do tempo e clique neste botão que diz Alternar Então, eu quero que esse formato de conta-gotas seja o tapete para esse fluido Então, na camada fluida, você deseja selecionar o tapete aqui. Você pode usar o menu suspenso e selecionar a camada, ou usar essa pequena espiral, o chicote de seleção e arrastar até a camada que deseja que seja o tapete Por padrão, isso desligará o globo ocular na camada que você escolheu como tapete, que é o conta-gotas Mas se você olhar aqui, isso não está funcionando como queremos. Este conta-gotas é uma forma que tem apenas um traço e não preenche Então, o tapete está apenas aparecendo nesse contorno. Vamos corrigir isso dando ao conta-gotas uma cor de preenchimento. E eu vou fazer isso no Illustrator. Se você ainda não tem esse arquivo aberto no Illustrator, uma maneira fácil de encontrá-lo rapidamente é clicar com o botão direito do mouse na camada, ir para revelar e depois Revelar e Finder E então você pode abri-lo no Illustrator. Portanto, essa forma de conta-gotas precisa ter uma cor de preenchimento, então vou selecioná-la e colorir a mesma cor do fundo Em seguida, vou clicar em Salvar. Então, se eu voltar para o After Effects, você pode ver que esse tapete já foi atualizado porque eu dei uma cor de preenchimento a esse conta-gotas Algumas coisas, como simplesmente adicionar uma cor de preenchimento a uma forma, você pode fazer no Illustrator, salvar o arquivo e ele será atualizado no After Effects Outras coisas, como adicionar camadas ao seu arquivo do Illustrator, não serão atualizadas novamente no After Effects Se você quiser saber mais sobre o que pode e não pode fazer no Illustrator e atualizar seu arquivo do Illustrator já importado no After Effects, tenho um tutorial que explica mais sobre Mas, por enquanto, vou desfazer isso e desligar o globo ocular e você pode ver que esse o globo ocular e você pode ver que fluido de preenchimento agora está dentro da forma de conta-gotas, mas eu preciso que a forma de conta-gotas mas eu preciso Se eu ligo o globo ocular, você pode ver que isso ainda não está funcionando porque agora, uma vez que a camada do conta-gotas é ligada novamente, a cor de preenchimento está escondendo o Para corrigir isso, vou colocar o fluido acima do conta-gotas, mas isso ainda não é perfeito, porque agora não estou vendo o contorno ao redor de todo o conta-gotas porque estou vendo Para corrigir esse problema, vou pegar a forma de conta-gotas, clicar com o botão direito do mouse e criar formas a partir da camada vetorial E então eu vou trazer essa camada para cima e essa camada ainda tem esse preenchimento, mas vou para a camada Abaixo do conteúdo, há alguns grupos diferentes Vamos clicar para encontrar o que estamos procurando. Então, será o grupo três, e então eu abrirei isso, e esse será o preenchimento que eu quero esconder Então, vou excluí-lo ou desligar o globo ocular. Então, agora finalmente temos a aparência que queremos. Então eu posso fechar isso. Sei que houve algumas etapas para resolver um problema que eu poderia ter previsto Se no Illustrator, eu tivesse acabado de criar outra cópia dessa camada e fazer com que aquela tivesse o preenchimento e depois a chamasse de Matt ou algo assim, e então no conta-gotas original, essa não tivesse uma cor de preenchimento e depois importasse assim Isso teria resolvido todas as etapas que eu tive que fazer entre o After Effects e o Illustrator Mas, na verdade, eu não fiz isso de propósito. Achei que, se você estivesse criando seus próprios ícones, poderia acidentalmente se meter em uma situação em que não previsse a camada de tapete necessária, então eu queria mostrar como você poderia Lembre-se também de que adicionar uma camada no Illustrator, vez que você já tenha importado o projeto para o After Effects, não funcionará Ele não reconhecerá essa nova camada. Agora vamos animar o fluido no conta-gotas se movendo Então, pressionarei P no teclado para abrir a propriedade de posição e definir um quadro-chave no início da linha do tempo Então, vamos passar para 1 segundo e animar esse fluido até o fim do conta-gotas Como quero que essa animação seja repetida, também quero animar o fluido de volta Vou fazer com que ele volte para cima em 15 quadros e vou copiar e colar o primeiro quadro-chave Vamos facilitar esses quadros-chave e ver o que temos. Essa animação dura apenas 2 segundos, então vou cortar a área de trabalho, clicar com o botão direito do mouse e escolher Trim Comp to Há mais uma coisa que podemos fazer para tornar essa animação um pouco mais interessante, que é fazer com que o conta-gotas inteiro se mova um pouco, então é como se alguém apertando e realmente Então, para animar a posição de todo o conta-gotas, preciso unir algumas camadas para que eu possa animar a posição de apenas uma Então, vou pegar o fluido, o conta-gotas e a gotícula e colocá-los na camada de contorno do conta-gotas colocá-los na camada de contorno do conta-gotas Então, para essa camada, vou pressionar P no teclado para abrir a propriedade de posição e definir um quadro-chave no início da linha do tempo Então, vamos avançar no tempo para 1 segundo, e isso será quando ele se mover para baixo. E então eu quero que o gotejamento desapareça completamente antes de voltar para cima, para que o gotejamento não suba, porque isso não faria sentido Então, vamos esperar até que desapareça, e então eu vou fazer essa mudança voltar Então, vamos copiar e colar esse último quadro-chave. E então, no final da linha do tempo, copiarei e colarei o primeiro quadro-chave, e isso criará um loop perfeito E então vamos facilitar esses quadros-chave. Acho que ficaria melhor se o fluido voltasse para cima quando o conta-gotas estivesse realmente se movendo de volta para Então, o que vou fazer é mover esse quadro-chave que fique no final da linha do tempo, e aqui vou copiar e colar esse último quadro-chave para que o fluido não fique Então, nesse espaço, a gotícula simplesmente desaparecerá e tudo voltará ao lugar Essa é a animação final. 18. BProperty NUS: anime a propriedade do caminho: ter notado que na animação da minha câmera, Devo ter notado que na animação da minha câmera, eu tenho a foto meio que se transformando um pouco para parecer três D. Se você quiser aprender como fazer isso, mostrarei como fazer isso neste vídeo, mas é um pouco mais avançado do que o que fizemos até agora em A primeira coisa que vou fazer é aumentar minha composição acessando as configurações de composição. Então, vamos fazer isso com 700 pixels para a altura. E então eu também vou avançar para que a altura seja adicionada na parte inferior. Vou clicar neste botão superior aqui e, em seguida, clicar em OK, e então vamos aumentar o plano de fundo. O próximo passo é selecionar a foto e convertê-la em uma camada de forma. Então, clique com o botão direito, vá para criar formas a partir da camada vetorial. Em seguida, na versão da camada de forma da foto, vou abri-la e selecionar essas camadas para descobrir o que são e, e selecionar essas camadas para descobrir o que são em seguida, renomeá-las para facilitar todo esse processo Isso vai ser o sol. Também precisamos definir o tapete para que essa camada de formato de foto tenha essa camada de tapete que criamos. Então, quando a foto estiver saindo da câmera, vamos fazer uma pausa, talvez aqui mesmo Vou tocar em você no teclado para abrir esses quadros-chave de posição e apenas definir um quadro-chave de posição Vamos fazer uma pausa por apenas cinco quadros. Vou copiar e colar esse quadro-chave. Então, ele sairá, fará uma pequena pausa, depois faremos com que saia mais e comece a se transformar Mas agora você pode ver que já existe um problema. Essa camada de tapete está cortando a parte inferior da foto. Vou entrar no tapete em Conteúdo, Retângulo um, Retângulo um caminho e, em seguida, na propriedade de tamanho, vou desrestringir as proporções e apenas aumentar o valor de Y. Então, vamos mover isso para baixo para que a parte superior desse retângulo ainda se alinhe com o slot Mas agora temos muito espaço aqui embaixo para que a foto não seja cortada. Vamos entrar nessa camada de fotos. Na camada principal, vou animar essa propriedade de caminho Então, vou clicar no cronômetro propriedade do caminho aqui Então, vamos avançar no tempo, e parece que a foto ainda está saindo da composição. Então, vamos realmente aumentar um pouco. Então, vou aumentar o valor de Y para que ele termine aqui. E vamos realmente fazer com que essa animação demore um pouco mais, então vou arrastar esse quadro-chave até 310 Então, em 3 segundos, vou começar a animar propriedade do caminho na fotocamada principal para fazê-la começar a Vou selecionar onde diz caminho um e, dessa forma, posso realmente selecionar os pontos individuais no caminho. Isso pode ser confuso porque se você selecionar onde diz caminho ao lado do cronômetro , todos os pontos desse caminho serão Então, se você tentar mover um, acabará movendo a coisa toda. Em vez disso, se você selecionar fora da camada e selecionar apenas onde diz caminho um, mas não selecionar onde diz caminho ao lado do cronômetro, você poderá pegar os pontos individuais e movê-los Então, para esses pontos inferiores, vou arrastá-los para fora e segurar a tecla Shift para manter a posição vertical. Isso fará com que pareça que a foto está vindo em direção ao espectador. Também preciso que a foto se curve um pouco para que pareça mais realista. Vou até a ferramenta Caneta, clicar e segurar e pegar a ferramenta de conversão de vértice e, em seguida, clicar nesses dois pontos para adicionar curvas Em seguida, vou voltar para a ferramenta de seleção e pegar essas alças e colocar as de dentro para que a linha inferior fique reta e , em para que a linha inferior fique reta e seguida, pegarei as alças da parte vertical da linha e as trarei para da parte vertical da linha e as trarei criar uma linha curva Algo parecido. Agora, neste Inter Photoayer, preciso fazer algo muito parecido Vou voltar ao início dessa animação de caminho e clicar no cronômetro da propriedade interna Photos Path e, em seguida, passar para me alinhar com esse quadro-chave e animar Novamente, vá para a ferramenta Convert Vertex e pode ser útil ampliar neste ponto e obter essas alças Então eu preciso animar o caminho na camada de montanhas. Então, vou fazer a mesma coisa, alinhar esses quadros-chave, iniciar os quadros-chave para a propriedade path, depois seguir em frente e selecionar apenas o caminho um para que eu possa selecionar esses pontos Tudo bem, então o que temos agora é a foto vai sair e vai começar a se curvar em direção ao espectador Eu também preciso reduzir esses pontos, então é como se a foto estivesse começando a ficar plana. Vou clicar e arrastar sobre todos esses pontos para derrubá-los todos de uma vez. E então vamos também derrubar as montanhas. Então, vamos derrubar a camada solar. Para isso, vou alternar para abrir o sol, ir para transformar o sol, e há todo um outro conjunto de propriedades de transformação que são diferentes das propriedades de transformação em toda essa camada Essas propriedades de transformação são apenas para esse pequeno círculo solar aqui. Vou até o início dessa animação de caminho e definir quadros-chave de posição para o sol estar aqui e ter uma escala de 100 100 aqui E então, em 3 segundos, vamos mover a camada do sol para baixo. Em seguida, desbloqueie as proporções restritas na propriedade de escala e reduza o valor Y da Então, aqui está o que parece até agora. Preciso abaixar um pouco o tapete. Isso parece melhor. Tudo bem, então a foto se move para baixo e eu quero que ela fique totalmente plana Então, vou avançar mais dez quadros e, novamente, animar as propriedades do caminho Então, começando com a foto principal, vou fazer com que esses dois pontos superiores caiam até se encontrarem com a parte inferior da foto e, em seguida, ajustarei essas alças para formar apenas uma linha plana. E então a mesma coisa na foto interna. E se eu apenas clicar e arrastar, ele também selecionará os pontos inferiores na camada da montanha e, em seguida, arrastarei isso para baixo. Em seguida, selecionarei esses pontos superiores, incluindo as montanhas, mas certificando-me de não selecionar o sol, e começarei a arrastá-los para baixo para formar uma linha plana Então, vamos ver o que isso parece até agora. Ok, a última peça é apenas mover o sol para o pôr do sol. Então, vamos animar a posição se movendo para baixo e, em seguida, a escala indo para zero e o eixo y. Então, aqui está o que temos até agora. Você pode voltar aos quadros-chave para ajustar um pouco o caminho ou apenas o tempo para melhorar a aparência , mas essa é a ideia básica de como animar com a propriedade path 19. Composições de ninhos: Neste vídeo, mostrarei como colocar todos os ícones juntos em uma composição para que você possa criar um arquivo de vídeo com todos os ícones lado a lado. O primeiro passo será acessar esse novo botão de composição e nomear esses ícones. Certifique-se de definir sua largura e altura, e então eu quero que sejam 4 segundos porque essa é a duração da animação de ícone mais longa, e eu defini a cor de fundo para a mesma cor de fundo dos ícones Em seguida, você pode arrastar todas as composições de ícones. Se a cor de fundo for diferente da cor de fundo da composição principal, vá até Exibir e desmarque a opção Usar gerenciamento de cores de exibição Isso deve resolver esse problema. Vou apenas trazer todas as outras composições de ícones. Vamos escalá-los para que nem todos se sobreponham. Vou pressionar a tecla S para abrir a propriedade de escala e, em seguida, selecionarei todas elas pressionando o Comando A e vamos definir a escala para 50% A próxima etapa será apenas reorganizar o ícone para que essa composição tenha uma boa aparência Você pode usar as ferramentas de alinhamento ou, se for útil, pode ver o centro da composição escolhendo a ação do título segura aqui ou o botão do teclado é a tecla de aspas Alguns dos ícones duram apenas 2 segundos e depois desaparecem. A maneira mais fácil de corrigir isso é selecionar as composições que duram apenas 2 segundos e pressionar o Comando D para duplicá-las e arrastar a cópia para o espaço vazio Agora, se eu jogar isso de volta, eu deveria ter tudo em loop 20. Renderizar um arquivo de vídeo: Veja como exportar essa composição como um arquivo de vídeo. Isso é chamado de renderização e termos do After Effects. Verifique se essa composição está selecionada na linha do tempo e se a linha do tempo está selecionada com esse contorno azul ou certifique-se que a composição do ícone esteja selecionada no painel do projeto Em seguida, vá até a composição, adicione Q. Isso abrirá a fila de renderização e a linha do tempo Em seguida, ao lado do módulo de saída, você pode escolher as configurações para este arquivo de vídeo. Vou usar apenas o padrão, que é um arquivo MP four. Mas se quiser alterar as configurações, você pode usar um modelo que pode ser encontrado aqui ou clicar no texto azul para abrir todas as opções de configuração. Ao lado da saída dois, se você clicar nesse texto azul, poderá escolher onde salvar esse arquivo. O último passo é apertar o botão de renderização. Aqui está o arquivo de vídeo que acabei de exportar. 21. O que vem a seguir?: Parabéns por concluir esta aula. Espero que você se sinta mais confortável com o After Effects. Eu adoraria ver o que você animou, então, por favor, publique seu trabalho como um projeto de classe. E se você postou no Instagram, marque-me no Animation Explained. Se você tirou alguma coisa dessa aula , me ajudaria muito se você deixasse um comentário. Para continuar aprendendo, confira minhas outras aulas e certifique-se de estar me seguindo no Skillshare ou inscreva-se no meu boletim informativo gratuito por e-mail para saber quando eu tenho uma nova aula para Muito obrigado por assistir até a próxima vez Happy Animating.