Como animar ícones de morphing no Adobe After Effects | Megan Friesth | Skillshare
Pesquisar

Velocidade de reprodução


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

Como animar ícones de morphing no Adobe After Effects

teacher avatar Megan Friesth, Motion Designer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Boas-vindas

      1:13

    • 2.

      Projeto de curso

      0:57

    • 3.

      Exemplos

      1:59

    • 4.

      Criar um plano

      6:30

    • 5.

      Plano: levá-lo para o próximo nível

      2:48

    • 6.

      Prepare-se para animação

      4:53

    • 7.

      Importar arquivos de IA para After Effects

      4:42

    • 8.

      Anime o bilhete e o passaporte para a mala de viagem, parte 1

      9:47

    • 9.

      Anime o bilhete e o passaporte para a mala de viagem, parte 2

      9:00

    • 10.

      Anime camadas de mala extra

      6:01

    • 11.

      Anime mala para avião

      6:02

    • 12.

      Anime o plano para globo, parte 1

      5:52

    • 13.

      Animar Globe Spin

      8:41

    • 14.

      Anime o plano para globo, parte 2

      1:53

    • 15.

      Anime globo para pinos e mapa de localização

      7:19

    • 16.

      Anime o Pin e o mapa de localização para a câmera

      10:21

    • 17.

      Anime camadas de câmera extra

      5:16

    • 18.

      Anime a câmera para fotos

      7:03

    • 19.

      Anime camadas de fotos extras

      2:53

    • 20.

      Animar fotos

      4:06

    • 21.

      Anime fotos para tickets e passaportes, parte 1

      8:05

    • 22.

      Anime fotos para tickets e passaportes, parte 2

      6:58

    • 23.

      Polonesa sua animação

      7:47

    • 24.

      Encerramento

      0:37

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

3.171

Estudantes

22

Projetos

Sobre este curso

Aprender como animar transições morphing atraentes. Um dos aspectos mais intrigantes da animação é que você pode fazer com que as coisas aconteçam na tela que nunca possam acontecer na vida real. Adicionando retornos inesperados às suas animações, você pode engajar e wow seu público.

No final deste curso, você pode replicar minha animação usando ícones simples com base no tema de viagens. Mas, ainda melhor, você aprenderá a aplicar a mesma lógica e técnicas a qualquer conjunto de ícones, ou até mesmo outros tipos de gráficos, para que você possa fazer suas próprias animações de morphing exclusivas.

Animações de morphing podem ser uma ótima maneira de fazer a transição entre cenas em um vídeo animado. Você também pode usá-los mostrar uma progressão de passos, uma lista de itens ou contar uma mini história.

Neste curso, você aprenderá a:

  • configurar seus ícones no Adobe Illustrator para que eles sejam fáceis de animar
  • planejar suas transições em morfina para uma animação fluida e equilibrada
  • manter seu arquivo de projeto do After Effects organizado
  • criar transições de morphing suave entre ícones
  • animar facilmente entre formas básicas
  • manipular os caminhos de formas mais complexas para o máximo controle
  • usar máscaras para animar gráficos dentro ou fora
  • criar uma esfera 3D e girando no After Effects
  • usar objetos nulos para controlar várias camadas com facilidade
  • adicionar antecipação e overshoot para levar sua animação para o próximo nível
  • economize tempo usando dicas que eu desenvolvo a partir de anos de trabalho no After Effects

Se você é novo em animação no After Effects, confira meus ícones animados fáceis de curso antes de fazer este curso.

Encontre-me online:

Meu site

Instagram

Pinterest

YouTube

Conheça seu professor

Teacher Profile Image

Megan Friesth

Motion Designer

Top Teacher

Hi! I'm Megan Friesth, a motion designer and illustrator from Boulder, Colorado. For my job I create explanimations-that is educational animations-and here I create education on how to animate! I have degrees in physiology and creative technology & design. By combining these two disciplines I create explanimations that help patients with chronic diseases understand complex medical information and take control of their health. When I'm not inside Adobe Illustrator or After Effects, I love traveling, running, skiing, yoga, and gardening.

Visualizar o perfil completo

Level: Intermediate

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Boas-vindas: Bem-vindo à animação de ícones de morphing no After Effects. Uma das coisas que eu amo na animação é que você começa com uma tela em branco e você pode criar qualquer coisa que você possa imaginar. Você pode fazer coisas acontecerem na tela que nunca podem acontecer na vida real. Como uma mala transformando-se em um avião, transformando-se em um globo girando. É basicamente mágica. Oi, eu sou Megan Freest, designer de movimento e ilustradora de Boulder, Colorado. Nesta aula, vou ensiná-los a replicar meu ícone de viagem morphing animação. Mas, melhor ainda, você aprenderá a usar a mesma lógica e técnicas em qualquer conjunto de ícones ou gráficos para criar suas próprias animações de morphing únicas. Morphing animações pode ser uma ótima maneira de fazer a transição de uma cena para a outra em um vídeo explicativo. Ou você pode usá-los para mostrar uma progressão de eventos ou uma lista de itens, ou até mesmo uma mini-história. Nesta classe precisará estar familiarizado com o Adobe After Effects. Se você está apenas começando, confira a minha classe, Ícones animados fáceis para levá-lo até a velocidade. Se você quiser criar seus próprios ícones ou gráficos, se quiser se familiarizar com o Adobe Illustrator, passe brevemente o ilustrador na minha classe, Ícones animados fáceis. Confira se precisar de uma atualização rápida. Se você está pronto para fazer alguma animação mágica de morphing, vamos começar. 2. Projeto do curso: Para o projeto de classe, você pode optar por replicar minha animação ícones de viagem ou criar sua própria animação de morphing única. Não há problema em copiar minha animação exatamente para fins de aprendizagem, mas sempre dê crédito onde o crédito é devido. Se você decidir postar seu projeto fora do Skillshare, você encontrará o arquivo zip para download com todos os arquivos de ícone do ilustrador abaixo deste vídeo na guia Projetos e recursos. Se você quiser saltar direto para a animação, mas quer desafiar-se por não fazer a mesma animação que eu, você pode baixar o ícone da minha classe, ícones animados fáceis e usá-los ou pedir um amigo designer para fazer alguns ícones para você ou encontrar alguns online. Claro, você sempre pode criar seus próprios ícones. Eu encorajo você a iniciar um projeto de classe e postar seu progresso ao longo do caminho enquanto você planeja sua animação, cria gráficos e começa a animar. Se você ficar preso ou quiser feedback em qualquer momento, em contato na guia da comunidade. Mal posso esperar para ver o que você cria. 3. Exemplos: As técnicas de transição de morphing que vou mostrar-lhe ao longo deste curso, podem fazer divertidas animações atraentes que ficam sozinhas. Mas também pode ser uma boa maneira de animar uma lista de itens dentro um vídeo explicativo ou fazer a transição entre cenas. Este é um pequeno exemplo divertido que eu fiz que pode ser usado para mostrar todos os diferentes tipos de sorvete do que uma sorveteria vende. Você também pode usar transições de morphing para mostrar uma progressão de eventos ou etapas, ou para contar muitas histórias. Esse foi o objetivo para a animação ícones de viagem que vou estar demonstrando nesta classe. Ele mostra a progressão de ir em uma viagem de obter seus bilhetes e passaporte, fazer as malas, voar ao redor do mundo, navegar para o seu destino e tirar fotografias. Desde loops, você pode até ir tão longe para dizer que fotos de lugares legais inspiram você a comprar ingressos e é cíclico. Aqui está outro exemplo de uma lista de etapas para criar uma animação. Em ambos os ícones de viagem, neste eu estava lutando para o movimento contínuo. Há sempre algo para olhar e, em seguida, as transições fluem de um ícone para o próximo. É quase como se você estivesse tentando esconder o fato de que uma coisa se transformou em algo completamente diferente, porque parece fluir tão naturalmente. Aqui está outro exemplo de um GIF que eu fiz de meu pai e hobbies mais favoritos, golfe e running.This era parte de um projeto que eu fiz chamado GIFs de Natal sem o T, onde eu fiz um GIF para todos na minha família para o Natal. Esta animação de estilo de morphing não é exclusivamente para ícones. Mas a razão pela qual eu escolhi ícones para esta classe, é que eles podem ser rápidos e fáceis de fazer, para que possamos gastar mais tempo focando na animação. Também podemos tornar o processo de animação um pouco mais fácil se você usar um estilo semelhante de ícones como eu fiz. Com esses ícones, você não precisa lidar com um monte de cores e você começa a trabalhar com formas principalmente básicas, que pode tornar algumas das transições de morphing mais fáceis. Mas aqui está um exemplo de uma animação de transição que fiz sobre uma rotina matinal que usa ilustrações de células gordas. Esperemos que esses exemplos tenham inspirado você e você esteja começando a pensar em ideias sobre o que deseja criar. No próximo vídeo, iniciaremos o processo de planejamento. 4. Planejamento: Planejar o que você vai animar pode economizar muito tempo em frustração mais tarde. Agora, se você está planejando replicar minha animação, não pule este vídeo ainda. Quero mostrar-lhe o meu processo de pensamento sobre como comecei. Comecei com o tema das viagens. Então fiz uma lista de todos os ícones que pude pensar nessa categoria. Desde que eu sabia que eu queria mostrar uma série de passos eu [inaudível] em minha lista e descobri quais ícones faria sentido e em que ordem. Então eu comecei a fazer meus ícones e Illustrator. Dependendo de como você gosta de trabalhar, você pode querer desenhar seus ícones no papel primeiro. Às vezes isso me ajuda a obter minhas idéias para fora, mesmo que eu sou realmente terrível em desenhar no papel antes que meus ícones são perfeitos, eu gosto de começar a planejar como ir de um ícone para o outro. Todos obter peças que poderiam potencialmente transição de um para outro e começar a desenhar seta. Tenho um plano a seguir quando começar a animar. Por exemplo, neste bilhete e passaporte, eu tenho o passaporte da mesma cor que esta parte interna da mala. Eu fiz isso de propósito para que eu pudesse girar os dois, obter o bilhete para alinhar com a mala e, em seguida, obter o passaporte para alinhar com a parte interna da mala. Obviamente esses chips são exatamente do mesmo tamanho e forma que os da mala, mas tudo bem, porque eu posso animá-los para ter a mesma forma. Em seguida, algumas dessas peças extras como o punho e o phi nos cantos, Eu posso apenas animar aqueles em separadamente. Nem todos os aspectos do primeiro ícone têm que fazer a transição para o segundo ícone. Você pode ter partes do segundo ícone que fazem parte do primeiro ícone. Em seguida, outro exemplo na mala, eu percebi que esta grande parte principal da mala não coincide exatamente com nenhum destes em camadas. Mas e se eu encolher esta mala verticalmente? É apenas uma linha reta e isso tornaria isso [inaudível] até com estas asas aqui. Então eu poderia pegar a placa de nome da mala e escalá-la para ter o mesmo tamanho desta camada lisa principal. É fácil fazer um quadrado ou retângulo em um círculo ou um oval em após efeitos. Sei que posso animar este crachá nesta forma arredondada do avião. A razão pela qual escolhi esta camada de etiqueta de mala é porque é da mesma cor que o avião. Considerando que se eu tivesse feito a mala interior do que eu teria que colorir meu avião camada principal da mesma cor com este preenchimento mais escuro. Então eu realmente acabei não usando essas nuvens em minha animação porque nenhum dos outros ícones tinha algo que fosse separado assim. Eu só decidi manter um consistente e me livrar dessas nuvens. Uma vez que eu tenha uma idéia aproximada de como meus ícones vão se parecer e como eu posso fazer a transição de um para o outro. Gosto de começar a desenhar flechas, por isso tenho um plano a seguir. Primeiro sei que quero que este passaporte e bilhete rodem 90 graus no sentido horário. A parte interna da mala vem do passaporte e a parte principal da mala vem do bilhete. Então, na próxima transição, eu tenho a camada principal da mala encolhendo para baixo, então está entrando em colapso para fazer as asas do avião. Em seguida, a placa de identificação está saindo para se tornar a parte principal do avião. Então a parte interna da mala vai entrar para se tornar a cauda daquele avião. No geral, a transição da mala para o avião faz com que a maioria das camadas se aproximem umas das outras. Acabei de rotular isso como em. Vou te mostrar por que eu acompanho o movimento geral em um segundo. Na próxima transição, eu tenho a camada principal do avião saindo para o globo e então tudo o resto que faz parte do avião vai se esconder atrás do avião. Meu principal movimento geral está se movendo para ir da Terra para o local. Vou fazer com que a Terra se encolha neste pequeno círculo no interior do pino de localização. O movimento principal vai estar dentro, e então eu também vou ter a Terra derrubada e, em seguida, o pino de localização vai saltar para dar-lhe um pouco mais de uma animação interessante. O movimento geral está dentro e para baixo. Na próxima transição, eu vou ter a camada de mapa divertido fora. Parece que foi virado para cima e vai achatar neste painel de três dobras. Então ele vai girar no sentido anti-horário. Então as dobras vão se alinhar com esta câmera. Você pode ver que há três seções na câmera. Essas seções virão dessas três seções no mapa. Em seguida, o pino de localização vai fazer a transição para a lente da câmera. Vou animar a forma da parte externa do pino de localização. Então a parte interna só precisará ajustar seu tamanho. O movimento geral neste vai girar no sentido anti-horário e mover-se um pouco para cima. Porque este mapa precisa subir para estar no centro. Na minha próxima transição, vou fazer com que a câmera se mova em direção ao centro. Então isso vai fazer a parte externa da foto. Então, na verdade, esta parte interna da câmera vai fazer a parte interna da foto. Isso também é mudar-se. Então a lente vai fazer o sol. Isso também é um movimento dentro, então o movimento geral está entrando em colapso em si mesmo. Na transição final para fazer o loop de animação, eu vou ter a foto sair em geral e, em seguida, do sol vai vir este globo. O movimento geral básico vai sair. Às vezes, enquanto planejo minhas transições, preciso ajustar alguns pedacinhos do meu ícone. Talvez eu não tivesse esta mala chamada peça no início e eu percebi que eu precisava de algo para chegar à camada principal do avião e o interior da mala não ia funcionar porque tem que ser este preenchimento mais escuro porque vem do passado para isso, mas eu não quero que o avião seja o preenchimento mais escuro, então eu preciso de outra coisa. É por isso que eu adiciono na entrada. Você pode ter que ajustar seus ícones como você planeja as transições e isso é totalmente bom. Mas à medida que você descobrir as transições, você pode finalizar seu ícone. Isso não significa que você não pode alterar seus ícones mais tarde ou que você tem que executar exatamente o que você planejou. Mas apenas tirar suas idéias de sua cabeça pode ajudá-lo a pegar quaisquer problemas em que as coisas podem não funcionar tão bem quanto no mundo ideal em sua mente. Às vezes acho que tenho uma ótima idéia, mas quando vou desenhá-la e planejá-la, parece que não vai funcionar também. 5. Planejamento: levando ao próximo nível: Outra coisa que tento pensar ao planejar é como posso equilibrar o movimento ao longo da minha animação. Olhando para minha animação como um todo, e olhando para todas essas setas que eu planejei, eu posso ver que eu planejei uma animação equilibrada, e isso é porque eu tenho uma rotação no sentido horário aqui. Então, mais tarde, eu equilibro isso com uma rotação anti-horário, e então eu tenho a animação movendo-se, e você não precisa fazer isso de costas para trás, mas foi assim que funcionou para mim nesta animação. Então eu tenho ele se movendo para dentro e para baixo, e então eu estou adicionando um movimento para cima para equilibrar este movimento para baixo aqui na próxima transição, e então eu tenho outro movimento para dentro, seguido por um movimento para fora na próxima transição. Às vezes, criar um movimento contínuo em uma direção pode ser uma técnica legal, no meu exemplo de rotina matinal cada transição gira na mesma direção, e eu realmente adicionei isso no final e foi muito proposital. A questão é simplesmente não ter nenhum plano ou propósito para os movimentos. Se você não planeja suas transições, animação pode parecer bagunçada. Eu também gosto de ter certeza de que há movimento contínuo ao longo da animação, então considere o movimento natural do objeto que você está animando. Um exemplo disso é a mala balançando como se estivesse sendo transportada, e o avião inclinando-se como se estivesse voando pelo ar. Estou tentando manter o movimento contínuo ao longo toda a animação para que nada simplesmente pare em posição ainda. Posso adicionar um saldo no pino de localização e o globo estará girando, então isso vai manter o movimento. A câmera eu posso girar como se alguém estivesse apertando o botão do obturador e tirando uma foto. As fotos vão trocar de lugar, então a de cima vai para baixo e a de baixo vai para o topo, modo que vai manter a animação em movimento. Quando sua animação tem movimentos intencionais e equilibrados, faz com que a animação flua e se sinta natural. O espectador vai se sentir inconscientemente à vontade se você fizer algo desaparecer sem ter uma razão ou sem ter algo reaparecer em seu lugar. Isso pode deixar o espectador se perguntando consciente ou inconscientemente o que aconteceu, e eles podem estar antecipando algo de volta e então podem distraí-los da sua peça. Agora, eu percebo que é muito o que pensar. O que é importante aqui é ter um plano solto. Deixe espaço para descobrir coisas que você não está pensando agora, e para acidentes felizes. Eu realmente comecei com um ícone de avião diferente, mas acabei trocando porque o original não estava funcionando. Eu também tive que voltar e consertar um monte de formas e meus ícones quando eu percebi que eles não eram ideais para o que eu estava tentando fazer. Se você acha que isso está acontecendo com você, não se preocupe, é totalmente normal. Se tudo isso parece esmagador, então apenas se concentre em replicar minha animação ícone de viagem. Assim que terminar isso, você estará pronto para criar o seu próprio. Se você quiser feedback sobre seu plano, publique-o no projeto da classe. 6. Como preparar os ícones: Vamos dar uma olhada em como eu preparei meus gráficos. Se estiver usando meus ícones, explicarei por que as coisas estão do jeito que são. Se você estiver criando o seu próprio, siga estas dicas para facilitar a animação. Primeiro, comecei com uma prancheta bem grande. Minha prancheta tem 1080 pixels por 1080 pixels. Eu fiz meus ícones maiores do que eu provavelmente vou querer eles no final. Eu usei cerca de 600 por 600 pixels quadrados como um guia e, em seguida, minha largura de traçado é 21 pontos. Você não tem que usar ícones ou gráficos que são este estilo, mas algumas das técnicas que vou mostrar para vocês só funcionarão neste estilo. A razão pela qual eu gosto de fazer meus ícones agradáveis e grandes para este tipo de animação é que nós vamos estar fazendo um monte de coisas alinhadas e, em seguida, cortar uma camada e nós queremos ter certeza que as coisas estão realmente alinhadas com precisão e é mais fácil quando o ícone é grande. Quando você tem um ícone muito pequeno e você amplia e efeitos secundários, ele pode ficar pixelizado. Você pode ver que este, o maior, seria muito mais fácil de trabalhar com o que já está embaçado. Por que esse ícone se parece com isso e não a versão final que você vê na animação. Há algumas razões. Se você sabe que você vai ter alguns de seus ícones girados na animação, é mais fácil se eles começam a partir de zero graus. Eu tenho esse ticket girado para a direita na animação, mas é mais fácil iniciá-lo em zero graus. Assim eu posso saber exatamente onde eu estou quando eu rodar e então se eu precisar voltar para zero para qualquer um dos morphing, é fácil voltar para zero. Se esse tíquete já tivesse sido girado no Illustrator, então ele seria em qualquer grau que está em e efeitos secundários e efeitos secundários iria definir esses graus como zero. Se você tiver algum gráfico que você sabe que será girado na animação, certifique-se de iniciá-los a partir de zero graus no Illustrator. Você também notará que o ícone do globo no passaporte é um quadrado em vez de um círculo. A razão para isso é porque este círculo vai se transformar neste pequeno quadrado como uma coisa de placa de identificação na mala e é realmente fácil transformar um quadrado em um círculo e efeitos secundários. Deixe-me mostrar-lhe como é. Se você tiver uma camada de forma que seja um quadrado, você pode simplesmente alternar para baixo sob o conteúdo e, em seguida, retangular caminho. Você tem uma opção para arredondamento e se você apenas trazer isso para cima, agora você tem um círculo e você pode quadro-chave este valor também. Se eu definir um quadro-chave, vá em frente no tempo e volte para um quadrado. Agora vou ter uma animação de um quadrado a um círculo. Você também pode fazer isso alterando o caminho da forma se não fosse um retângulo e se fosse apenas a forma que você desenhou à mão, mas é muito mais preciso fazê-lo desta forma, ele vai sair perfeito, em vez de ter que se preocupar com o alças bezier e ajustá-los e torná-lo exato. Isso pode ser muito tedioso. Qualquer forma que eu sabia que iria de um retângulo ou um retângulo arredondado para um retângulo pontiagudo ou para um círculo, eu fiz um quadrado ou retângulo que tinha cantos pontiagudos. Você pode ver que na câmera, estes são arredondados na animação final, no avião isso é obviamente vai ser redondo e a mala, os cantos serão arredondados e essas pequenas coisas chave serão arredondadas também. Outra maneira que eu faço meus gráficos fáceis animar é que eu tenho um sistema de rotulagem claro. Você verá que todas as minhas formas estão em camadas diferentes e eu os nomeei com o objeto primeiro. Mala que temos pé esquerdo, depois pé direito, depois principal, e qualquer coisa que é comum a várias coisas eu vou colocar a semelhança em primeiro lugar. Este tem o canto da mala mais baixo, em seguida, canto da mala, mesmo canto, também mais baixo, mas agora à direita, e assim por diante. A razão pela qual eu tenho o objeto primeiro para todas as camadas é porque quando eu colocá-los em efeitos posteriores, todas as camadas de todos os ícones diferentes vão estar na mesma linha do tempo. Ajuda a bloquear as coisas visualmente para ter o nome principal primeiro. Muitas vezes você terá que reorganizar isso. Agora todas essas camadas de mala estarão juntas, então não serão separadas por outras camadas. 7. Como importar os ícones: Agora há outra razão pela qual eu começo com cantos pontiagudos quando eu quero arredondados ou círculos, e isso é por causa da maneira que eu importo minhas formas para o After Effects. Eu uso essa extensão muito útil chamada Overlord. É uma ferramenta super, super útil. Custa dinheiro, mas achei que valia a pena. Se você fizer gráficos no Illustrator e enviá-los para o After Effects com frequência, então eu definitivamente recomendo verificar Overlord e você pode fazer isso em battleaxe.co. Então, o que Overlord faz é permitir que você pegue uma forma do Illustrator e empurre-a para o After Effects. Então você só acertou aquela flecha. Você tem a mesma pequena janela no After Effects, e agora eu tenho essa camada principal de mala, que é o que eu nomeei no Illustrator, no After Effects em sua linha do tempo. Se eu desativar, posso ver que ele já está configurado como um retângulo. Isso é muito útil porque agora eu posso entrar e dar a volta nas esquinas. Em seguida, para obter a minha próxima forma, eu posso usar este pequeno botão útil para voltar para o Illustrator, e então eu posso selecionar a minha próxima forma e movê-la para dentro. Agora você deve observar que, para ter certeza de que a forma é importada como um retângulo ou um círculo, você quer ter certeza de que este botão aqui está marcado. Se você nunca usou Overlord, pode haver um pouco de uma curva de aprendizado, mas eles têm um monte de tutoriais gratuitos e ótimos para que você se atualize rapidamente. Se você não quer usar Overlord, tudo bem. Você será capaz de fazer tudo o que eu sou. Você precisará importar o arquivo do Illustrator. Então vá para Arquivo, Importar, Arquivo ou pressione Command+ I e, em seguida, encontre seu arquivo. Certifique-se de importar como Composition-Reter Camada Tamanhos. Se não vir esta opção, clique no botão de opção aqui. Então clique em “Abrir” e ele fará uma nova composição no painel do projeto. Clique duas vezes nisso para abri-lo e agora você pode ver que todas as camadas são feitas no Illustrator bem aqui na linha do tempo. Mas estas serão camadas vetoriais. Então, quando você alternar para baixo, você não tem as mesmas opções que as camadas de forma têm, e você vai precisar desses controles para esse tipo de animação. O que você tem que fazer é clicar com o botão direito do mouse, ir para Criar, Criar formas de camada vetorial, e agora você tem uma nova camada, que é a camada de forma. Agora, quando você entrar em sua camada de forma, você terá conteúdo, grupo e, em seguida, caminho. Então, quando temos uma camada de forma, quando importamos de Overlord, nós realmente tivemos este dizer, caminho de retângulo e nos deu a opção de arredondar os cantos ou ajustar o tamanho. Vamos falar sobre por que o tamanho é importante em apenas um segundo. Mas este é apenas um caminho e então eu posso animar esses pontos de ancoragem individualmente, mas isso vai tornar as coisas mais difíceis para o que estou tentando fazer com isso. Em alguns casos, isso pode ser exatamente o que você quer. Mas como eu tenho esse retângulo perfeito, eu quero que ele seja um retângulo perfeito. Eu não quero animar cada vértices. Infelizmente, o que eu vou ter que fazer é apenas recriar no After Effects este retângulo indo para a ferramenta de forma e, em seguida, tentando rastrear isso exatamente. Se você não estiver usando Overlord, talvez você queira apenas criar todos os seus ícones no After Effects. Ele não tem todas as ferramentas que o Illustrator tem, pode ser um pouco mais difícil de trabalhar, mas você pode economizar tempo se não quiser voltar e recriar determinadas camadas. Agora você provavelmente não terá que recriar todas as suas camadas no After Effects, mas se você quiser que qualquer coisa que seja um retângulo tenha as propriedades que os retângulos criam no aplicativo After Effects, então você precisará recriá-las. Se você estiver usando um estilo semelhante ao meu que tenha contornos ou traços para suas formas, é importante que suas camadas sejam camadas forma com as propriedades da camada de forma do After Effects. Porque você vai querer animar o tamanho do retângulo em vez da escala. Deixe-me mostrar-lhe o que quero dizer com isso. Se eu for para Transformar e depois Escala, quando eu começar a dimensionar isso, meu traçado também será dimensionado. Isso não vai ser o que eu quero porque então minha largura de traçado não vai coincidir entre os objetos quando eu estou morphing eles. Eu quero que isso sempre fique 100 e o que eu quero fazer em vez de animar a escala é animar o tamanho. Então eu posso animar o tamanho sem afetar a largura do traçado. 8. Como animar passagem e passaporte para mala, parte 1: Depois de ter seus gráficos prontos e organizados, vamos entrar no After Effects. Primeiro, precisamos criar uma nova composição. Então você pode ir para este pequeno botão Composição na parte inferior do painel do projeto. Só vou dar o nome de ícones de viagem. Estou usando o mesmo tamanho que meus quadros de arte no Illustrator. Pixels quadrados. Eu sempre gosto de usar uma taxa de quadros de número par para animação, então eu vou escolher 30. Então eu sempre posso mudar minha duração mais tarde se eu precisar estender. Estou começando com minha cor de fundo sendo este ciano. Vou usar Overlord para colocar todos os meus ícones no After Effects, mas você pode fazer o método tradicional ou Overlord, o que for melhor para você. Vou para o Illustrator. Se você estiver usando Overlord, este pequeno botão, “Dividir formas em camadas”, é realmente útil porque ele fará com que todas essas camadas sejam suas próprias camadas em sua linha de tempo do After Effects. Eu gosto de codificar minha camada de cor para que eu saiba quais pertencem a quais ícones. Mesmo que eu tenha isso no nome do rótulo, é apenas ainda mais útil tê-los codificado por cores. Então, eu vou apenas ir em frente e selecionar todos estes, clique na pequena caixa azul aqui, e então você pode escolher qualquer cor que você quiser. Eu estou indo para ir em ordem do arco-íris uma vez que vai torná-lo realmente claro o que é primeiro, segundo, terceiro, etc.Agora eu estou indo para ir em frente e pai minhas camadas. Eu sei que o rótulo, o globo, todas as partes do globo serão pais do passaporte - principal. Isso significa que quando eu mover o passaporte principal, todas as camadas que eu apenas parentei são anexadas, mas eu também posso movê-los individualmente. Então, se eu mover o globo para fora, isso se move sozinho sem o pai se mover porque é uma criança. Se você quiser saber mais sobre paternidade, você pode conferir o meu rápido, “Ícones animados fáceis”. Em seguida, o bilhete, eu vou precisar para criar todos esses pequenos pontos e linhas para o principal. Você pode selecionar vários e usar o chicote de seleção. Agora eu vou importar meu segundo ícone e então eu vou colorir este laranja, e então eu vou criar as camadas para a mala principal. A primeira coisa que vou fazer é animar o passaporte movendo-se para a forma da parte interna da mala aqui. Então eu vou encontrar essas camadas, passaporte principal, solo que, e depois mala interior, solo que. Então eu vou voltar para o meu passaporte principal. Aqui está a lógica básica de como todos esses ícones vão transformar-se de um para o outro. Vou animar a camada principal do passaporte, na mesma forma que a camada interna da mala. Basicamente, eu só estou fazendo este passaporte animado daqui até aqui, a camada interna da mala. Mas para esta peça, há uma reviravolta. Eu sei que eu vou ter o bilhete girando, então ele vai ficar melhor se eu também tenho a camada principal passaporte girar como ele se move para a forma do interior mala. Primeiro, eu vou definir um quadro chave de rotação e, em seguida, ir em frente 20 quadros e definir isso para 90. Então eu vou voltar ao zero e animar o caminho. Então eu vou definir um quadro-chave no caminho, em seguida, ir em frente para 20 quadros novamente, em seguida animar o caminho do passaporte indo para a mesma forma que o interior da mala. Então eu vou clicar e arrastar para selecionar vários pontos de ancoragem e, em seguida, arrastá-los para o lugar. Para esses dois cantos arredondados, vou ter que animar o caminho deles se movendo de um canto arredondado para um canto pontiagudo. Porque há apenas dois cantos arredondados e não quatro, eu fiz este caminho em vez de um retângulo com os controles para arredondamento porque você só pode controlar quatro cantos arredondados, não dois como nós temos aqui. Vou arrastar isso para baixo, e certifique-se de que você mantenha pressionada a tecla Shift quando quiser se mover em apenas uma direção, como apenas a direção Y ali. Então o que eu vou fazer é, pegar o ponto de ancoragem e movê-lo direto para o canto e, em seguida, esmagar esta pequena alça todo o caminho para o canto bem, e fazer a mesma coisa no outro ponto de ancoragem, e então repita em na outra esquina. Agora temos a camada de passaporte movendo-se para a forma do centro da mala. Assim que atingir a forma do centro da mala, e parece que só tenho uma forma, vou cortar a camada. Vou fazer opção e suporte direito. Mas, em seguida, se você ampliar de perto, você verá que ele está realmente me dando um quadro extra, então eu vou apenas arrastar que para trás um, e então eu vou até a camada interna da mala e fazer opção colchete esquerdo para aparar que onde meu primeira camada termina. Agora eu tenho uma animação perfeita e você não pode dizer que eu acabei de cortar as camadas. É basicamente assim que todas as transições de morphing funcionam. Cada peça se move para a forma sobre o ícone seguinte. Agora, nem todas as peças precisam ser transportadas para o próximo ícone. Você pode ter algumas peças que se animam completamente e algumas que se animam completamente. Mas, na maior parte, estes estão escondidos pelas outras camadas de transformação. Agora, antes de ir longe demais, vou adicionar alguns marcadores na minha linha do tempo para que eu possa dizer onde a animação da morphing começa. Para criar um marcador, o atalho de teclado, pelo menos, em um Mac é Control e 8. Você pode até adicionar notas a isso. Se você clicar duas vezes sobre ele, ele irá mostrar esta caixa pop-up, e você pode digitar suas notas. Então você poderia dizer tipo, “Comece”. Em seguida, vou animar o bilhete para a parte principal da mala. Eu vou dessolo esses dois e depois encontrar o bilhete - principal, solo que, e então encontrar mala - principal e solo que. Em seguida, vá para o ticket - principal, vá para o caminho, defina um quadro-chave, avance no tempo 20 quadros e defina outro quadro-chave. Portanto, este é um bom exemplo de porque é útil não ter suas formas já giradas. Quero que isto gire a 90 graus para que se alinhe mais com a mala. Eu posso entrar e girar que 90 graus então eu vou animar o caminho, movendo-se para a forma da mala - principal. Estou clicando e arrastando para selecionar vários desses vértices de uma só vez e então eu posso simplesmente arrastá-los completamente. Então farei a mesma técnica com os cantos. Vou colocar o vérticy no canto e depois esmagar a alça. mesmo na outra extremidade e, em seguida, apenas repita isso para todos os cantos. Então esses pequenos bilhetes, indent coisas, eu vou realmente movê-los para baixo para o centro do bilhete porque isso vai parecer mais natural quando ele está morphing. Então eu vou apenas clicar e segurar para selecionar todos os três desses. Na verdade, eu queria fazer todos os seis para que eles fossem iguais e trazer aqueles para baixo para cerca do centro, e então eu vou pegar o que está recuado e arrastá-lo para fora, e então eu tenho que consertar essas alças, e mesmo coisa do outro lado. O ticket - camada principal está embaixo daquela mala - principal, e há realmente um preenchimento nesta mala - camada principal, então não podemos ver a animação. Eu só vou cortar a mala - camada principal. Parece bom. Mas agora eu preciso ajustar a rotação disso de volta. Então eu vou pressionar R no teclado para aumentar a rotação em 20 quadros. Quero que seja 90. Vamos ver. No zero, eu queria que fosse talvez 12. Vamos ver se isso parece certo. Sim, isso parece certo. Mas eu também preciso mudar a posição disso. Vou definir um quadro chave para uma posição em 20 quadros, voltar no tempo, e então deslizar isso para a direita um pouco, que pareça melhor e talvez até para baixo apenas para combinar. Vamos ver o que temos até agora. Tudo bem. O bilhete - principal e o passaporte - principal parece bom. 9. Como animar passagem e passaporte para mala, parte 2: Agora, é hora de fazer o globo. Vou encontrar esta camada. Um atalho é que você pode clicar na camada dentro de sua composição e, em seguida, pressionar “X” e ele vai trazer essa camada para o topo de sua linha de tempo. Isso é realmente útil quando você tem um monte de camadas como nós estamos começando a ter aqui. Eu vou descer para as propriedades, e definir um quadros-chave para o tamanho e o arredondamento, e então também este quadros-chave em 20 quadros. Enquanto estou nisso, vou sozinho esta camada exterior do globo. Como você pode ver, o globo se transforma na placa de identificação da mala, então também solte essa camada. Tudo bem. Então agora eu preciso fazer o globo começar de ser um círculo. Vou virar o arredondamento para cima até parecer um círculo. Também vou animar a posição disto. Quero que este globo comece como um círculo e , em seguida, transforme na forma deste crachá na mala. Na verdade, vou clicar na mala, apertar “X” para trazer essa camada e depois descobrir qual é o tamanho e então eu posso digitar esse tamanho. Parece que é 77 por 60 pixels, então eu vou apenas descer e em 20 quadros digitar. Para irrestrito no início, vou digitar 77 por 60. Parece que é realmente o x e y errado porque é parenteado para a camada principal do passaporte que girava. Então eu vou mudar esses, 60 por 77, e agora eu posso apenas mover a camada globo para o lugar. Vamos ver como isso se parece. O único problema é que a minha camada de globo tem um preenchimento escuro e minha marca de nome tem um [inaudível] então conta como nenhum preenchimento. O que eu acabei fazendo foi mudar a cor do preenchimento no globo, eu apenas fiz da mesma cor. Lá vamos nós, e agora podemos cortar essas camadas. A próxima coisa que vou animar são as linhas no interior do globo. Vou descer e ligar isso. Quero que eles fiquem mascarados enquanto a forma está girando. Na verdade, deixe-me mostrar as linhas do globo para o globo real para que quando a camada de globo se mover, as linhas se movem com ele. Parecem mais alinhados assim. Eu só vou entrar e selecionar um deles e ir para Efeito, e depois Canal e, em seguida, Definir fosco. Então esta é outra maneira de fazer uma máscara. Tudo que você precisa fazer é entrar aqui e então escolher a camada que você deseja usar como máscara. Então agora eu tenho que a linha está sendo cortada. Eu quero que o Set Matte esteja em todas as outras três linhas também. Então, vou copiá-lo do painel Efeitos e Controles, pressionar “Command+C” e clicar no resto deles, “Command+V”. Agora tudo está mascarado e parece muito bom. Podemos fazer com que pareça melhor se movermos essas linhas para fora enquanto a animação está indo. Então eu vou definir quadros-chave de posição para cada uma dessas linhas, e em 20 quadros, eu vou fazer com que cada um deles se mova para fora. Para ter certeza de que cada linha se move a mesma quantidade, eu vou clicar na posição e, em seguida, entrar e colocar em alguma matemática, então apenas 50 negativos. After Effects calculará isso para mim, e eu posso fazer a mesma coisa em cada camada e então eu sei que eles estão se movendo na mesma quantidade. Eu quero realmente mais 50 neste, ele precisa se mover na direção X. Então precisa de menos 50. Tudo bem. Vamos ver como isso se parece. Isso parece melhor. Vamos ver o que temos até agora. Em seguida, vou animar a linha na senha, então basta entrar e adicionar caminhos aparados clicando neste botão Adicionar com o triângulo bem aqui. Então vou descer para aparar caminho. No início, eu vou ter que estar em 100%, então eu vou ter que começar em zero e o fim em 100%. Eu vou então para a frente para 20 quadros e isso ir para 50 e o começo indo para 50 bem, assim eu vou ter a linha animando em direção ao meio. Eu realmente não gosto da maneira que ele está batendo nesta outra forma aqui, então eu vou animar a posição também. Vou movê-lo para o centro. Isso parece muito melhor. Eu quero a animação de caminhos de corte de costura em todas essas linhas no ticket, então eu vou apenas ir para o rótulo e ir para o caminho de corte e copiar esses caminhos de corte. Certifique-se de definir minha cabeça de jogo para zero frame, então acelere como seus quadros para todas as linhas de ticket. Vou ao Ticket Line quando tiverem sete anos e apertarei “Command+V”. Agora, se eu pressionar U na palavra-chave, eu posso ver que tem quadros-chave agora e com certeza o suficiente, essas linhas estão animando aplicativo. Até agora temos isso assim, nada mal. Vou mudar o passaporte um pouco no começo. Vou fazer alguns quadros-chave de posição e mover isso um pouco mais. Agora é um bom momento para adicionar alguma flexibilização a esses quadros-chave para tornar a animação um pouco mais interessante. Eu só vou apertar “U” no teclado para trazer todas as minhas camadas com quadros-chave e, em seguida, eu vou começar a partir da parte inferior e selecionar todas elas clicando e arrastando. Vou então usar esta ferramenta útil chamada Motion 2. Novamente, esta é outra ferramenta que eu não sou afiliado, mas eu uso o tempo todo. Então eu recomendo se você vai passar muito tempo no After Effects. Ele permite que você ajuste a flexibilização em seus quadros-chave muito rapidamente. Eu já tenho essa configuração porque eu tenho usado. Eu tenho usado facilidade de 30 e depois 70. Se eu clicar nesses botões, ele aplicará isso a todos os meus quadros-chave, e você pode ver que esses agora são quadros-chave facilitados. Você também pode entrar no editor de gráficos e editá-los. É totalmente possível fazer a mesma coisa sem o Motion 2, mas o Motion 2 economizará seu tempo. Vamos ver o que temos. Eu realmente não animei esses pontos para fora, o que eu vou fazer é descer para os pontos. Todos se escondem por aqui, então vou cortá-los todos aqui. As linhas e o bilhete parecem estar por aí muito tempo e não gosto de como isso parece. Então eu só vou cortá-los e fazer a animação ir um pouco mais rápido. Deixe-me encontrar as linhas. Eu só vou arrastar todos os meus quadros-chave para cerca de sete quadros e, em seguida, cortar a camada. A razão pela qual eu escolhi fazer as linhas desaparecerem aqui é porque é a parte mais rápida da animação de transformação, e você pode ver isso no gráfico de velocidade aqui. Passará quase despercebido que as linhas desaparecem aqui porque tudo o resto está se movendo tão rápido. Vamos ver como isso parece, bom. Também preciso fazer isso na camada do rótulo do passaporte. Olhando bem. Antes de passar para a próxima transformação de ícones, eu gosto de salvar uma versão do meu projeto no caso de eu estragar algo e querer voltar atrás. Eu só vou pegar este tutorial ícones de viagem, aperte “Command+D” e então eu apenas dar-lhe uma duplicata com uma mira de dois no final. Só sei que sempre tenho isso se precisar voltar a isso. 10. Como animar camadas extra da mala: Neste ponto, animamos todo o passaporte e levamos para a mala, mas nem toda a mala está lá. Agora podemos entrar e mostrar essas camadas de mala que eu tinha escondido. Esses são os que vamos precisar para animar sozinhos. A primeira coisa que vou animar são os detalhes do canto da mala. Na verdade, vou querer apresentá-los ao Ticket-Main, porque isso é a coisa que está animando. Eu vou entrar em Effect e Set Matte é no topo porque eu usei recentemente. Então eu vou entrar e selecionar a camada principal do bilhete, porque é disso que a mala principal se transforma. Agora você não pode realmente ver o canto agora, mas nós deveríamos, então vamos ver o tíquete principal e ele não tem um preenchimento, então nós vamos precisar adicionar um Preenchimento, para que possamos ver o mapa. Não queremos aquele vermelho. Agora está aparecendo e você pode ver que está mascarado. Copiaremos esse Set Matte do painel de efeitos e controles e colaremos nos outros três cantos. Agora estão todos mascarados. O que eu vou fazer agora é animar a posição desses cantos entrando na mala. Eu vou definir quadros de chave de posição, e eu vou apenas arrastá-los para fora onde parece muito bom. Eu não vou fazer isso exato porque ele vai muito rápido. Vamos ver como isso se parece. Parece muito bom. Antes de seguir em frente, eu só vou me certificar que esses quadros-chave têm a mesma flexibilização que o resto dos meus quadros-chave. Agora, se você olhar de perto, você verá que quando eu adicionei o preenchimento ao meu bilhete, todas as pequenas linhas e pontos nele desapareceram, e isso é porque o bilhete está no topo. Eu só vou mover o bilhete principal para baixo. Lá vamos nós, está tudo de volta. Em seguida, vou animar a alça chegando. Eu vou realmente criar um pai para a camada principal do passaporte porque essa é a que está mais próxima e vai parecer o mais natural para ser pai para isso. Agora você pode ver que ele segue essa camada e eu só preciso escondê-la atrás da camada e depois animá-la. Eu só vou arrastá-lo para trás, mas obviamente isso não está realmente atrás dele porque esta camada está no topo. O que vou fazer é arrastar esta camada até o fundo. É aí que meu nome e código de cores são muito úteis. Agora a alça apenas aparece, permite facilitar os quadros chave. Bom. Em seguida, vamos fazer os pés. Primeiro, vou dar a volta àquelas esquinas. Cerca de 18 parece muito bom. Farei o mesmo no outro. Então estas pequenas camadas de pés estão mais estreitamente alinhadas com o ticket-main quando ele está girando e se transformando. Eu só vou mudar o par destes dois pés para ticket-main, e eu vou definir um quadro chave de posição em 20 para onde eles estão agora. Então eu vou para a frente no tempo e, em seguida, apenas arrastá-los para o bilhete. Eu quero que eles se escondam atrás, mas eles estão no topo, então tudo que eu tenho que fazer é arrastá-los para o fundo. Parece bom naqueles branquear. Agora a única coisa a fazer é minha mala e você pode ver na minha versão final, minha mala tem cantos arredondados e eu esqueci de fazer isso aqui. Vamos arredondar esses cantos. Vou encontrar a camada principal da mala, entrar no Rectangle Path e, em seguida, Roundness e, em seguida, eu vou definir isso para algo que parece bom, talvez como 40. Então você pode ver que eu resolvi esses cantos pontiagudos. Preciso de alinhar os cantos com o canto arredondado da mala. Eu vou sozinho isso e então eu vou encontrar o bilhete principal e sozinho aquilo. No caminho principal, eu fiz esses cantos pontiagudos porque eu estava esquecendo que eu realmente queria eles arredondados e a razão pela qual eu fiz a camada de mala pontiaguda é por causa da próxima animação no avião. Eu precisava ter esses controles de arredondamento para fazer aquela animação parecer boa. O que vou fazer é apagar este quadro chave e refazer a animação do ticket. Agora você pode ver que o arredondamento está um pouco fora, então é mais fácil mudar o arredondamento na camada de mala porque eles têm esses controles, eu vou apenas abaixar isso um pouco até que ele alinhe. Aí, parece muito melhor. Conserto rápido e com isso, vamos ver o que temos. Nossa primeira animação de morfo de ícones está feita. 11. Como animar mala para avião: Seguindo em frente. Você vai notar que na minha animação finlandesa eu tenho minha mala girando e ela continua balançando para frente e para trás como se alguém estivesse carregando. Isso é porque eu estava tentando adicionar algum movimento ao longo de toda a animação, então nada estava parado. Mas vou adicionar coisas como balançar a mala e outros detalhes como ultrapassagem e antecipação mais tarde. Primeiro, vamos nos concentrar na transição de um ícone para outro. Se eu dissesse todos os filmes-chave desta turma, poderíamos ficar aqui por um ano. Para a próxima animação, eu só vou falar com vocês através desta versão que eu tenho, que praticamente acabamento, ele simplesmente não tem aqueles detalhes extra de polimento. Esta transição da mala para o avião é bem simples. Eu começo a animação em dois segundos, então eu apertei “Control” e apertei para fazer este marcador aqui. Então a primeira coisa que animou aqui é a mala principal animando as asas do avião. Eu só vou resolver essas duas camadas e apertar “U” na barra U para mostrar os quadros-chave. Basicamente o que esta mala principal faz, lembre-se que é um retângulo com as propriedades de um caminho retangular no After Effects. Estou apenas animando o tamanho para baixo para zero no eixo y e então eu tenho uma linha reta. Então eu cortei a camada e é aí que minha camada de asa de avião começa. Minha camada de asa de avião é apenas uma linha reta e então eu animar o caminho da linha reta para esta linha mais angular que faz parecer mais como uma asa. Essa é a animação que eu tenho aqui. O que vem a seguir? Eu tenho o interior da mala virando esta volta como a cauda do avião. Vamos dar uma olhada nisso. Eu só tenho o tamanho deste retângulo movendo-se de seu estado atual para zero no eixo x e então eu estou mudando a posição apenas ligeiramente para alinhá-lo com o plano. Então, uma vez que está no lugar, eu corto a camada e é aí que a cauda do avião entra, e isso não tem nenhum quadro-chave até mais tarde na próxima transição. Depois disso, tenho a placa de identificação da mala a transformar-se na parte principal do avião. Como você pode ver, eu tive que mover esta camada de etiqueta de mala para cima de algumas das minhas camadas planas. Vamos olhar para a animação sobre isso. O que eu tenho é uma forma, que é um retângulo movendo-se deste tamanho na placa de identificação para um tamanho maior, que é este quadros-chave. Eu também estou animando a redondeza, então ele está indo de um retângulo para mais de uma forma oval, animando a redondeza aqui. Em seguida, você pode ver que essas camadas de pés pequenos estão se animando para se tornar mais redondos, modo que são os quadros-chave redondos aqui. Eu também estou animando o tamanho deles apenas para que eles se alinham com essas pequenas coisas de motor no avião, e claro movendo a posição para cima para que eles se sentem bem debaixo da asa. Agora, eu também estou animando os cantos da mala da mesma forma que eu os animei. Vamos dar uma olhada nelas. Estes estão apenas animando a posição para fora. Uma coisa sobre esta camada de mala para saber é que eu realmente cortei eles e tenho uma duplicata. Eu tenho as camadas de canto mala aqui e, em seguida, você pode ver que eu tenho mala canto inferior esquerda para, direita para etc A razão que eu tive que cortar aqueles é porque o fosco sobre estes foi definido para a camada principal bilhete. Mas agora terminamos com a camada principal do ticket, e então o que realmente precisa ser fazer a máscara para esses cantos é a camada principal da mala. Eu só peguei essas camadas, apertei “Command Shift D” para cortar e duplicá-las e foi assim que eu criei essas quatro camadas aqui que são duplicatas. Então eu entrei e defini o fosco para a camada principal da mala. Então eu animei a posição deles longe da camada principal mala, como a camada principal mala está se transformando na linha reta que compõe as asas do avião. Posso cortar as camadas de canto da mala quando já não estão visíveis. A próxima coisa que tem que animar é esta pequena linha de janela no avião, então vamos dar uma olhada nisso. Na verdade, isso não vem da mala, é só animar por conta própria. Como animado que foi com o caminho de corte? Este é um caminho que é apenas uma linha e eu fui adicionar e, em seguida, cortar caminhos para obter essas propriedades de caminho de corte. Eu animei o início e o fim de 50 por cento para o começo sendo um zero e o fim sendo 100 e isso faz com que tanto a linha anima do meio e do lado de fora. Você pode ver que esta parte traseira da cauda, estes pequenos como atrás atrás atrás atrás ou o que quer que seja no avião, eles estão fazendo a mesma coisa. Há outra coisa que não é transportada da mala para o avião e que é esta alça de cima na mala. O que eu fiz aqui foi apenas animar a posição, abaixo da mala para que ele fique escondido e então eu apenas cortei no ponto mais rápido da animação para que você não perceba isso tanto. Você pode ver que ele apenas se esconde e desaparece, e foi assim que eu fui da mala para o avião. 12. Como animar avião para Terra, parte 1: Em seguida, vou fazer a transição do avião para a Terra. Eu vou voltar para o meu arquivo em andamento para mostrar exatamente como eu defini todos esses quadros-chave e fiz o efeito globo giratório 3D. Então primeiro eu preciso importar minhas camadas de terra. Se der uma olhada no meu arquivo do Illustrator, notará que tenho um mapa gordo da Terra e não teve um derrame. Isso é porque eu adicionei o derrame e os efeitos secundários e eu vou te mostrar exatamente como fazer isso mais tarde. Se você já tiver o traçado ao redor do terreno no Illustrator, ao aplicar o efeito e após o efeito, ele distorcerá o traçado. Você pode ver aqui em cima o derrame é muito magro e, em seguida, por aqui, é realmente gordo. Quero que o traço tenha a mesma largura. Então é por isso que eu vou adicioná-lo mais tarde depois de efeitos. Também é importante que o mapa tenha uma camada de fundo. Então esse é esse retângulo aqui. Mesmo notar como o fundo se estende além de alguns da terra em todos os lados. Desculpe à Antártida, mas não consegui que ficasse bem aqui em baixo. Então eu não incluí. Vamos envolver este mapa em torno de uma esfera de três e depois de efeitos. Não é um programa 3D real. Se eu fosse fazer isso no cinema 4D então eu poderia ter feito Antártica de olhar bom lá dentro. Mas como este é apenas um efeito 3D e depois dos efeitos, eu apenas tirei porque parecia melhor assim. Então, se você está criando seu próprio mapa ou fazendo algo semelhante, certifique-se de que você tem espaço nas bordas. Porque se eu não o fizesse, envolveria isso em torno da esfera 3D e então meus continentes serão esmagados e talvez até poderiam colidir em alguns lugares. Então é por isso que eu tenho essa camada de fundo. Então, neste arquivo ilustrador, eu também tenho o círculo de contorno da minha Terra. Então eu tenho uma máscara que vai mascarar o mapa para a Terra. Parece que isso não funcionaria agora, mas vou te mostrar que tudo funciona quando entrarmos em After Effects. Então eu vou dominar essas camadas. Você pode importá-los da maneira tradicional e, em seguida, convertê-los em formas se você não tem overlord. Primeiro, vou codificar estas cores verdes. Tudo bem, vou cortá-los para começar aqui. Primeiro, vou aumentar o tamanho da camada principal do meu plano para corresponder ao tamanho da camada da Terra. Então eu vou definir um quadro chave para o tamanho em quatro segundos. Eu estava fazendo a transição é para durar cerca de 20 quadros, então vamos começar com isso. Deixe-me esconder essas camadas. Vamos escalar isso. Também vou ter que animar a redondeza porque esta é uma camada retangular na posição também. Então você também percebe que minha camada de plano não é um círculo perfeito. Na verdade, vou entrar no meu contorno da Terra e descobrir o tamanho disso. Então eu posso digitar. É 598 por 598, é um círculo perfeito. Então eu vou entrar e digitar 598 por 598, e eu preciso aumentar o arredondamento e empurrá-lo um pouco para cima. Então, quando chegar ao tamanho da Terra, e eu vou cortá-la, e arrastar para trás aquele último quadro. Então eu vou tentar esconder todas essas outras camadas planas atrás da camada de plano principal para que eles apenas animem para fora. Então, primeiro vamos começar com as asas e eu vou animar a estrela e acabar, assim como eles entraram. Então 50 e 50, para que eu os anime entrando. Então vamos fazer com que as peças do motor se movam enquanto o Boeing entra. Eu só vou fazer a posição de quadros chave. Então eu vou colocar isso no centro da minha composição e eu sei que 540. Então agora esses dois vão se mover em direção ao centro. Então também temos que fazer a asa traseira. Então isso vai animar com passe de termo também. A última coisa é a cauda de cima. Esta camada é apenas um caminho é um par de maneiras que eu poderia animá-lo para fora. Então eu vou fazer apenas aparar caminhos e eu vou definir o início para ser 100. Agora vou animar essa linha para baixo. Tudo bem, agora você tem tudo se movendo, mas aquela janela na frente está indo devagar. Então vamos fazer isso mais rápido. Então talvez apenas 10 quadros. Deixe-me apenas bater no teclado para mostrar todas as propriedades que têm quadros-chave. Então vou acalmá-los a todos. Vamos dar uma olhada. Tudo bem, nada mal. Vou cortar todas as minhas camadas onde terminarem. No próximo vídeo, vou mostrar como fiz aquele efeito de aparência 3D na Terra. 13. Como animar a Terra: Aqui tenho o meu mapa terrestre e o meu contorno terrestre solado. Vou selecionar minha “camada de mapa da Terra” e depois passar para efeitos e predefinições. Se você não vir essa opção, vá para “Janela” e, em seguida, “Efeitos e predefinições”. Em seguida, no meu painel de efeitos e predefinições, vou procurar CC Sphere e vou arrastar esse efeito para a minha camada de mapa de terra. Agora você pode ver que ele está enrolado o mapa em torno de uma esfera 3D. Se você não estiver usando o Overlord e estiver importando seus arquivos do Illustrator para o After Effects e depois convertê-los em camadas de forma, talvez você tenha encontrado um problema. Eu só vou esconder essa máscara por enquanto e então arrastar minha Esfera CC para minha camada de contornos de mapa de terra. Você pode ver que o mapa foi realmente esticado e isso não é o que África realmente se parece. Primeiro, por que isso está acontecendo? Segundo, como podemos consertar isso? Se você entrar no painel do projeto e entrar na pasta que contém suas camadas de forma do Illustrator e, em seguida, você vai para a camada de mapa de terra, nesta pequena visualização aqui, você pode ver o que está acontecendo. Basicamente, o After Effects está recortando seus gráficos para se ajustar ao tamanho da composição. Isso é cortar partes da terra na camada oceânica de fundo. Se você entrar em seus contornos de mapa de terra e alternar para baixo, você deve ter seis grupos se você estiver usando o mesmo arquivo que eu forneci para esta classe. Agora, no grupo 6, você tem o que está compondo a camada oceânica, mas ela cortou esta camada para o tamanho da minha composição. Mas eu preciso que esta camada se estenda até as bordas da terra, então aqui perto do Alasca e aqui perto da Rússia. Vou alternar para baixo e clicar no caminho da camada superior. Então eu posso selecionar esses pontos de ancoragem e apenas manter pressionado “Shift” e arrastá-los para fora. Você pode ver que isso está realmente atualizando meu globo bem aqui. Já está começando a parecer um pouco menos distorcido. Vamos fazer isso para o outro lado também. Isso está parecendo melhor. Agora, se eu entrar em meus controles de efeito e na rotação e, em seguida, girar isso, você verá que eu tenho essa grande área sem terra, então isso não é bom. Porque é que isto está a acontecer? Bem, isso está acontecendo porque também, quando eu converti isso da camada do Illustrator para uma camada de forma do After Effect, ele cortou o terreno. Qualquer lugar que a terra esteja fora da composição, como toda a América do Norte basicamente, e muita Rússia aqui, foi cortada porque está se estendendo além da composição. Mas quero incluir isso. Descobri que no grupo 2 e no grupo 4, temos esse caminho extra. Esse caminho, como você pode ver, é este retângulo, ou realmente quadrado, que é o tamanho da composição. Você também pode ver que temos um “Mesclar caminhos”. Agora, mesclar caminhos é uma maneira de cortar dentro de uma camada de forma. O que eu preciso fazer é simplesmente excluir o caminho 2 e mesclar caminhos do grupo 2 e também do grupo 4. Agora, se girarmos isto e verificarmos, parece que temos toda a nossa terra e não parece mais distorcida. Se você estiver importando seus gráficos do Illustrator para o After Effects, da maneira tradicional sem o Overlord , você pode ter encontrado esse problema, mas espero que agora você tenha corrigido e possa continuar acompanhando o resto deste vídeo. Meu globo tem efeitos de sombreamento e iluminação que eu não quero porque ele não combina com o resto do estilo da minha animação. Eu vou para o painel de controle de efeitos e ir para baixo para sombreamento e, em seguida, definir ambiente para 100 e difuso para zero. Agora parece muito melhor. Eu também preciso de uma escala acima do meu globo para caber no contorno, então eu vou definir o raio para 300. Em seguida, eu quero adicionar o meu traço de volta em toda a minha terra. Há algumas maneiras de adicionar derrame, mas só encontrei uma que não distorça o derrame, como mostrei antes. Para fazer isso, você selecionará o botão direito do mouse em “Mapa da Terra”, vá até “Estilos de camada” e depois “Traçado”. Em seguida, vá para o traço e você pode ver que ele adicionou um traço vermelho, mas nós não estamos vendo isso. Isso é por causa da camada de fundo que criamos. Se você entrar no conteúdo, o grupo 2 é a camada de fundo. Se você esconder isso, você pode ver que agora você pode ver o seu derrame. Mas você também pode notar que quando eu escondo, ele distorce a terra. Isso é porque quando eu escondo, o envolvimento da esfera é apenas olhar para a camada terrestre e não para o fundo, e então eu realmente não posso esconder isso. O que eu posso fazer é entrar e definir a opacidade para zero, e isso vai fazer isso, então meu golpe é visível, mas minha terra não está distorcida. Eu quero mudar o curso para o gosto esverdeado escuro e então eu vou aumentar meu traço para 21 porque é isso que eu tenho usado. O golpe foi adicionado ao exterior de toda a minha terra, por isso fez alguns dos meus oceanos menores. O que eu quero fazer é fazer o curso alinhado ao centro. Eu tenho esta opção para posição aqui, mas se eu alinhá-lo ao centro, por alguma razão ele está tornando toda a minha terra uma cor mais escura e isso não é o que eu quero. Vou colocá-lo de volta para fora e então eu vou adicionar um caminho de deslocamento. Vou subir para o grupo 1, que é a camada de terra, e depois apertar “Adicionar caminhos de deslocamento”. Agora eu vou definir a quantidade para metade da onda de acidente vascular cerebral. Meu derrame é 21, então eu vou fazer este negativo 10,5. Isso faz com que o acidente vascular cerebral esteja a meio caminho da terra e a meio caminho da terra. Está alinhado no centro da borda. É da mesma forma que foi criada no Illustrator, por isso terá a mesma aparência aqui. Você pode ver que eu tenho um pouco mais de meus oceanos de volta. Da próxima vez eu vou entrar e mascarar a terra porque você pode ver que alguns dos meus traços ao redor da terra estão se estendendo além do meu contorno da terra que eu tenho. Eu vou até o meu mapa de terra, em Track Matte, e se você não vir isso, aperte “Alternar interruptores e modos”. Em Track Matte, escolha “Máscara de terra Alpha Matte”. Isso vai pegar esta camada de máscara de terra e torná-la uma máscara da camada de mapa. Agora você pode ver que o golpe que estava pendurado é cortado. Para fazer a terra girar em 3D, você pode ir sob “painel Controles de efeito” e, em seguida, ir para “Rotação” e, em seguida, você pode girar na direção Y-. Agora temos um problema aqui. Quando giramos, toda a nossa terra está se mostrando para o outro lado, então é como mexer juntos e fazer continentes completamente novos e não é isso que queremos. Vou ajustar isso de volta a zero. Vou usar “Render”, em vez de “Full”, vou configurá-lo para “Outside”. Isso só significa que eu só vejo a camada superior da terra e não vejo através da esfera. Agora, quando eu rodar a terra, parece que deveria. Vou definir alguns quadros-chave de rotação na minha terra. Primeiro de tudo, eu quero incliná-lo porque a terra é realmente inclinada e o ângulo é de cerca de 23 negativo no eixo Z. Então eu vou definir um quadro-chave para a rotação Y. Eu experimentei com isso e descobri que 49 funciona bem para a transição do avião. Então eu vou seguir em frente, eu sei que minha próxima transição está começando em seis segundos, mas quero que a rotação da Terra continue um pouco além. Eu só vou adivinhar cerca de seis segundos e 10 quadros e eu vou definir isso para uma rotação e o 49, então agora ele vai fazer uma revolução completa. 14. Como animar avião para Terra, parte 2: Agora eu preciso descobrir como o avião se transita para a Terra com o mapa incluído. Vou voltar e desfazer isso, posso ver tudo. Na verdade, vou animar meus contornos de terra escalando acima do tamanho do avião, porque isso será um guia para minha máscara e meu mapa para aumentar a escala também. Eu vou entrar e definir um quadro chave para o tamanho. Então eu posso trazer isso para baixo e realmente apenas entrar, e ver o que o avião principal, iniciá-lo. São 195 e 210. Vou digitar isso. Também vou precisar animar a posição do contorno da terra. É aí que será útil criar a máscara da terra e o mapa da terra para o contorno da terra, para que ele o siga. Agora vou definir quadros chave de posição para o meu contorno de terra. Agora, para obter a minha máscara terrestre para ser do mesmo tamanho que o meu contorno, eu vou para a máscara de terra e, em seguida, criar o tamanho para o tamanho do contorno da terra. Minha máscara está funcionando do jeito que eu gosto. Mas eu preciso adicionar um pouco de flexibilização nesses quadros chave. Agora eles devem se alinhar com a camada plana. Está parecendo bom. 15. Como animar Terra para pino de localização no mapa: Agora que temos a configuração do globo, é hora de animar a transformação entre o globo e o pino de localização. Isso se parece com isso. Vou voltar ao meu arquivo de trabalho em andamento e importar minhas camadas de pino de localização. Você verá que eu tenho meu mapa em três camadas diferentes, para que eu possa animar cada peça individualmente. Primeiro, eu vou cortar essas camadas para começar em seis segundos e então eu vou mover o ponto de ancoragem para a parte inferior do pino de localização. Se você tiver este plugin movimento 2, você pode simplesmente usar essas ferramentas de ponto de ancoragem, ou se você não tiver, você pode bater y no teclado, ou ir para o seu pin atrás ferramenta no topo, e então basta arrastar o seu ponto de ancoragem para baixo. Se você segurar o comando, ele se encaixará no lugar. Primeiro vou animar o pino de localização da terra. Vou isolar o pino de localização no contorno de terra. Agora, o interior do pino de localização vai ser este contorno de terra. Vamos para o pino de localização e você verá que eu tenho uma elipse, que é aquele círculo central e então o caminho aqui é o lado de fora. Vou animar o tamanho da elipse, para ter o mesmo tamanho que o contorno de terra. Isso foi 598 e eu também preciso animar a posição. Agora vou animar o caminho deste pino local. Eu vou voltar e encontrar os caminhos, definir um quadro chave em 20 quadros. Vou animar o caminho deste pino local para alinhar com o círculo que era a minha terra. Para obter este ponto de ancoragem na parte inferior para ter alças, que eu possa alinhar isto melhor. Vou até a ferramenta Pin, clique e segure e, em seguida, vá para a ferramenta Converter vértice e, em seguida, clique no ponto de ancoragem. Então, se eu voltar à minha ferramenta de seleção regular, posso editar as alças. Uma vez que você chegar perto o suficiente, então você pode reproduzir sua animação, tudo é muito bom. Agora só temos que nos livrar do contorno da terra. Vou animar o tamanho para alinhar com o tamanho do pino de localização. Vou olhar para o tamanho deste pino de localização, aquele pedaço de círculo. É 126, então eu posso digitar isso, e eu também preciso animar a posição disso. Agora, por que eu precisava animar o contorno de terra também? Bem, porque o contorno de terra é o pai da máscara e do mapa. Quando eu desfazer isso, você pode ver que agora meu mapa está ficando mascarado. Bem, meu círculo está encolhendo no pino de localização. Para o mapa na parte inferior do pino de localização, vou começar com uma linha plana e, em seguida, animar o mapa chegando. Eu vou apenas ir em frente e mostrar minhas camadas de mapa e, em seguida, desenhar uma nova linha que tem aproximadamente o mesmo comprimento que as camadas do mapa. Vou definir a minha largura na cor para o meu traço e não quero preencher. Vou nomear esta linha do mapa e apertar “Enter”, e então eu vou entrar e fazer as tampas da linha arredondadas. Isso parece bom. Então eu vou para “Adicionar”, Trim Caminhos, e então eu vou dizer iniciar um fim quadros-chave para zero e 100 por cento, e, em seguida, voltar para o início e definir esses dois como 50. Dessa forma, minha linha vai animar do centro. Eu realmente vou fazer essa linha animando um pouco mais rápido porque eu também tenho que animar as dobras do mapa chegando. Vou fazer isso como 10 quadros. Então, antes que eu esqueça, eu vou aliviar os quadros-chave que eu acabei de definir recentemente, e meu globo precisa ser facilitado para quando ele está girando. Aqui vamos nós. Agora eu preciso animar as camadas do mapa vindo da linha. Vou entrar e definir quadros chave de caminho em cada uma das camadas do mapa. Uma maneira fácil de chegar ao caminho em vez de ter que alternar um monte de vezes, é você pode procurar caminho na barra de pesquisa e, em seguida, ele traz para cima para você. Então eu vou voltar ao início e então eu vou animar cada uma das dobras do mapa descendo para uma linha reta. Nós vamos apenas para a minha linha de mapa, e cada pedaço do mapa para tornar mais fácil de ver. Então eu realmente vou deslizar isso para frente no tempo apenas para que eu tenha essa linha como referência, e nós vamos movê-la de volta mais tarde, mas isso vai me ajudar a alinhar as peças do mapa. Eu só vou manter a tecla Shift pressionada para ter certeza de que eu só estou me movendo em uma direção e tentar alinhar isso. Então o mesmo para estes top, mantendo a tecla Shift pressionada, eu vou fazer a mesma coisa para esta peça e o mesmo para a última. Vamos ver como isso parece. Muito bom. Eu vou mover isso de volta para o lugar e realmente apenas cortar essa camada, e então eu vou aliviar esses quadros-chave. Eles estão começando muito cedo, então eu quero iniciá-los em 10 quadros e eu também preciso cortar estes no início. Preciso cortar a linha do mapa no final. Parece bom. Vamos ver o que temos. Bom. Vou adicionar um salto ao pino de localização mais tarde. 16. Como animar pino de localização no mapa para câmera: Agora é hora de animar o pino de localização e o mapa para a câmera. Então eu vou entrar no meu arquivo de embargos e importar as camadas da câmera. Primeiro vou codificar minhas camadas de câmera de roxo, e depois cortá-las em oito segundos. O primeiro passo é animar o mapa chegando e achatando. Vou entrar no caminho das camadas do mapa e definir um quadro-chave. Então eu vou em frente e com o tempo cerca de 10 quadros e , em seguida, começar a animar aqueles para ser uma versão achatada do mapa. Primeiro, preciso esconder todas essas camadas de câmera para poder ver o que estou fazendo. Agora, parece que esqueci de cortar minha camada de contorno de terra. Então agora eu vou animar o mapa achatando e pode ser útil usar réguas e guias para isso. Então, vou ligar para o Comando R para pegar as réguas. Então, arrastando para fora da régua, fará um guia. Então eu vou colocar isso aqui e aqui. Então eu só vou alinhar o guia com o ponto de ancoragem inferior. Então isso vai me ajudar a alinhar tudo e até vai encaixar no lugar. Opa, eu preciso de um para o fundo também. Descobri que precisa ser um pouco mais alto do que isso. Então eu vou apenas ajustar isso um pouco. Acho que isso parece bom. Para ocultar as guias, você pode fazer o comando e, em seguida, a tecla dois-pontos. Isso parece bom. Então, agora, se você olhar para a minha versão final, você pode ver que eu tenho o mapa chegando, achatando, e então girando para a câmera. É assim que essas linhas da dobra do mapa se tornam a parte interna da câmera. Então, para obter essa rotação, o que eu vou fazer é usar um nulo. Se você não usou objeto nulo antes, aqui está o conceito. Um objeto nulo é uma camada em sua linha de tempo que você pode usar para controlar outras camadas, mas não será visível quando você renderizar sua animação final. Então, para fazer um nulo, você pode usar movimento, ou ir para Layer, New, Null Object. Então eu posso pegar meu círculo e minhas camadas quadradas aqui e torná-los nulos. Então eu posso pegar o nulo e mover sua posição ao redor, e animar isso. Tanto o meu círculo como o meu quadrado irão segui-lo. A razão pela qual isso pode ser útil é porque e se eu quiser em meus círculos têm sua própria animação. Então talvez esteja se movendo por conta própria. Mas não quero que a praça tenha a mesma animação. Então não funcionaria apenas emparelhar este quadrado com o círculo. Quero que o círculo e o quadrado tenham uma animação juntos. Em seguida, os círculos têm sua própria animação. Então é aí que um nulo pode ser útil. Vou arrastar isto para baixo em cima das minhas camadas do mapa. Na verdade não importa a ordem da camada e então eu vou movê-la para estar no centro de lá. Então eu vou pai todas as três camadas de mapa para o nulo. Então eu vou definir os quadros-chave de rotação no nulo. Vou definir isso para quando minhas camadas de mapa estiverem terminadas, sua animação de caminho. Na verdade, meu nulo não está no lugar que eu queria. Eu queria ser mais centrada. Então eu vou descriar estes realmente rápido, ajustar o posicionamento do meu nulo e depois repará-los. A razão pela qual a colocação do nulo é porque ele vai girar por aqui e eu quero que ele gire do centro. Mas não tem de ser exacto. Então eu vou para ele cerca de 10 quadros e girar este negativo 90 graus. Daqui, vou ter as camadas de câmera para o resto da animação. Então eu vou encontrar minha câmera entrando na câmera principal e mostrá-los. Então, quando essas camadas de mapa terminaram sua animação de caminho, eu vou iniciar a câmera dentro ou na câmera principal. Eu vou seguir em frente cerca de 10 quadros e, em seguida, definir quadros-chave de tamanho nessas camadas, e, em seguida, ir para trás para o início da camada e animá-los para trás para que eles se alinham com a camada Mapa. Mas eu também preciso estar girando essas camadas de câmera para que eles vão dobras se alinhe com essas linhas na câmera. Então eu vou para os meus quadros-chave que eu defini para a posição final da câmera e, em seguida, eu vou pai essas camadas para o nulo. O tempo em que você pai algo realmente importa. Então, se eu fosse pai deles aqui, eles teriam sido distorcidos do jeito errado. Então eu tenho que ser pai deles aqui onde eles estão alinhados como eu quero e então eles vão seguir o nulo de volta para esta posição. Então agora eu posso animar o tamanho do interior, e eu posso mudar as proporções. Também vou precisar animar as posições. Então eu volto para o segundo chave-frame, defino os quadros-chave de posição, e então aperto U para ver todos os meus quadros-chave, e vamos mudar isso. Deixe-me esconder a camada principal para que eu possa ver melhor. Agora está muito bom. Então eu vou fazer o mesmo no principal. Você notará que o tamanho no valor x está realmente controlando a posição para cima e para baixo aqui. Isso é porque nós rotacionamos com o nulo. Agora parece que está alinhado muito bem. Então eu vou cortar as camadas do mapa bem aqui. Agora a câmera principal e a câmera interna estão assumindo a animação. Eles vão girar para o lugar, e agora estamos prontos para animar a próxima parte. Então esse vai ser o pino de localização movendo-se para a forma da lente da câmera. Então eu vou apenas para solo essas camadas. Então eu vou entrar no meu pino de localização e, em seguida, animar o círculo no interior, alinhando-se com o círculo da lente interna e em seguida, a parte externa do pino local alinhado com a lente externa. Então eu vou definir um tamanho chave-frame e, em seguida, um caminho chave-frame. Eu também vou precisar configurar os quadros-chave de posição. Então eu vou descer e configurar a posição chave-frame, em seguida, avançar cerca de 20 quadros, e, em seguida, basta ajustar a posição x e y para alinhá-lo um pouco mais perto. Então eu posso olhar para o tamanho da minha lente interna da câmera. Então vai haver 179,5. Então eu posso apenas digitar esse valor para este círculo. Então o caminho eu vou apenas me mover para o lugar. Vamos ver como isso parece. Preciso de uma camada de pino de localização mais nítida onde a animação termina e, em seguida, iniciar as camadas de lentes da câmera lá. Então eu posso tirar isso para ver o que temos. Então, obviamente, isso não está certo. Teremos que reordenar as camadas um pouco. Então, o pino de localização vai acabar se movendo para acima do interior da câmera. Vamos ver como isso parece. Sim. Tudo bem, mas agora eu estou percebendo que o mapa está aparecendo através deste pino de localização e eu não gosto do jeito que isso parece. Então eu vou para o pino de localização e, em seguida, ir para Adicionar e preencher. Então eu vou arrastar o preenchimento no topo do caminho e isso vai fechar o círculo com um preenchimento. Mas eu não quero ler obviamente, então eu vou mudar isso. Agora você pode ver que o preenchimento está no topo do traçado para o círculo interno. Então o que eu vou fazer é também adicionar um acidente vascular cerebral. Então eu preciso ajustar o tamanho e a cor e isso resolveu o problema. Então agora eu não vejo mais o mapa através do pino de localização. Adicionar este preenchimento bagunçou nossa camada globo bem aqui. Então o que eu vou fazer é entrar na opacidade desse preenchimento que eu acabei de adicionar. Às oito, na verdade 729, vou definir a opacidade para zero. Em seguida, um quadro mais tarde, em oito segundos, eu vou ajustá-lo para 100. Então isso vai corrigi-lo para que não haja preenchimento aqui. Assim, ainda posso ver a massa a aproximar-se da terra da terra. Mas ainda tenho esse preenchimento mais tarde para bloquear o mapa atrás dele. 17. Como animar camadas extra da câmera: Tudo bem. A próxima coisa que precisamos fazer é animar as peças da câmera que não estão carregando do pino de localização no mapa. Isso vai ser o top da câmera. Eu só vou mostrar isso para o nulo. Assim ele vai girar e eu posso simplesmente escondê-lo atrás e depois tirá-lo. Defina um quadro de chave de posição, volte no tempo e coloque isso embaixo. Agora não parece que isso vai funcionar neste ponto, então eu vou apenas mover a animação para que ela comece em cerca de oito segundos em 10 quadros. Vamos ver como isso parece. Isso funciona. Então eu posso cortar esta camada. Bom. Podemos fazer o mesmo com o botão da câmera. Eu só vou mostrar isso para o nulo. Em seguida, defina um quadro chave de posição. Vá provavelmente no mesmo lugar cerca de oito segundos em 10 quadros e depois traga isso. Também provavelmente precisa descer um pouco. Tudo bem. Parece bom. A última coisa é o pontinho na câmera. Eu só vou animar a escala do ponto, então eu vou escalá-lo de zero a 100. Mas eu preciso mostrar este ponto para a camada principal da câmera, então ele gruda nessa camada. Eu também vou mover esta camada de ponto da câmera por baixo do pino de localização porque eu não gosto de como você pode vê-lo chegando bem aqui em cima dela. Isso parece melhor. Antes que eu esqueça, eu preciso arredondar esses cantos na câmera principal. Vou apenas definir molduras chave para a redondeza. Vamos ver o que temos. Uma última coisa nesta câmera é que eu preciso animar o brilho chegando. Vou mostrar essa camada. Então eu vou entrar e adicionar caminhos de corte. No final da animação, quero que seja cerca de um quarto do círculo e, em seguida, quero que esteja no canto superior esquerdo. Acabei de ajustar o deslocamento e a porcentagem final para obtê-lo onde eu queria. Eu vou definir quadros-chave para o final e deslocamento em 20 quadros. Eu também vou animar a posição do brilho. Descobri que paternidade não funciona neste caso porque eu tenho a rotação acontecendo e eu não quero que isso gire. Na verdade, eu quero que ele gire do lado oposto à medida que minha câmera gira. Vou apenas definir um quadro chave de posição e, em seguida, avançar no tempo e, em seguida, alinhar isso melhor para estar no centro do pino de localização. Então eu vou trazer o valor final para zero. Vamos ver como isso parece. Tudo bem. Pode precisar de alguma flexibilização para se alinhar direito. Eu só vou apertar “U” no teclado, ter certeza de que tudo que eu acabei de definir é facilitado. Eu também vou precisar estimar o tamanho da minha camada porque agora ela está batendo nas bordas. Eu vou apenas para os 20 quadros e definir o quadro de tamanho chave. Vai para o início e encolhe isto. É aproximadamente a mesma distância das bordas que está no final. Tudo bem. Isso parece muito bom. Eu queria realmente fazer um pouco de animação extra. Vou animar o deslocamento também. Queremos ser mais negativos. Talvez como se houvesse um que moldurasse a chave. - Sim. Isso é o que eu estava procurando. Tudo bem. Temos o brilho chegando, mas parece que está demorando um pouco demais. Eu vou realmente começar a animação aqui em 10 frames. Vou arrastar a camada para a frente e arrastar os quadros-chave para a frente. Preciso de ter a certeza de que estão todos aliviados. Vamos dar uma olhada nisso. Minha posição está errada porque eu estava alinhando em oito segundos e é diferente em 8.10. Eu só vou ter que ajustar a posição e talvez até o tamanho neste momento. Vamos dar uma olhada. Tudo bem. Muito melhor. Agora temos o nosso pino de localização e mapa a transitar para a nossa câmara. Vou adicionar alguns detalhes extras com mais rotação e algo assim mais tarde. 18. Como animar câmera para fotos: A próxima animação é colocar a câmera na foto e que realmente quebra em duas fotos. Eu vou entrar no meu arquivo em andamento novamente, e eu vou importar essas camadas de fotos. Isto parece um pouco descolado, esta camada de água vai ser mascarada dentro da foto e eu vou fazer essa parte em After Effects. Por agora eu vou apenas transferir tudo isso e eu fiquei sem as cores do arco-íris, então eu vou apenas fazê-los rosa e eu vou cortá-los para 10 segundos. A primeira coisa que vai acontecer é que a parte interna da câmera vai fazer a transição para a parte interna da foto e, em seguida, a parte externa da câmera vai transformar-se na parte externa da foto então vamos nos concentrar Isso primeiro. Eu vou encontrar minha câmera interna e câmera principal, solo aqueles e, em seguida, na foto do sol, essa é a primeira foto, eu vou solo a foto interna e foto externa e então eu vou apenas definir o tamanho quadros-chave em minha câmera interna e câmera principal e, em seguida, eu vou avançar 20 quadros e eu posso realmente apenas olhar para o tamanho da foto. Na verdade, eu apenas copiei este tamanho e depois colá-lo. Eu também preciso definir quadros-chave para a redondeza e a posição. Então eu vou fazer a mesma coisa para a camada interna da câmera para a parte interna da foto. Vou copiar o tamanho disto e colá-lo e mover a posição para cima. Agora posso cortar minhas camadas. O próximo passo é animar as lentes que se movem para o sol. Vou resolver essas camadas, ambas as camadas de lente. Vou fazer a lente externa alinhar com a lente interna e, em seguida, a lente interna alinhar com o sol, então, basicamente, todos os três se juntam. Eu vou entrar e definir tamanho quadros-chave, bem como posicionar quadros-chave. Quando eu vou em frente a este lugar no tempo, você realmente não pode ver minhas lentes porque a foto interna e externa está no topo, então eu vou soltá-los. Vou mover as camadas das lentes para parecer que estão mais alinhadas com o sol e depois vou descobrir o tamanho do sol. Então 80 e eu vou fazer o tamanho desses caras 80 também. Vamos dar uma olhada. Eu vou adicionar flexibilização a esses quadros-chave, então eu quero que minha lente externa vá um pouco mais rápido para que eu não tenha um traço tão grosso aqui. Eu vou apenas ir talvez como aqui, descobrir qual é o tamanho da camada interna e eu vou apenas definir um quadro-chave mas seguida, copiar esse quadro-chave e colá-lo na camada externa e, em seguida, eu posso excluí-lo da camada interna, exclua o último quadro-chave e solte a camada. Agora o que eu fiz foi fazer a lente externa vir para a lente interna mais rápido. Agora, eu posso cortar minha camada interna da lente e cortar minha camada solar para começar aqui. Vou soltar todas as minhas camadas, vou esconder a segunda foto e vamos ver o que mais temos que lidar aqui. A água na foto vai se mover para cima em sua posição. Também precisa ser mascarado com esta foto interna. O que eu vou fazer é duplicar a foto interna e então eu vou nomear essa máscara duplicada e eu vou emparelhar a máscara com o interior da foto. Então eu vou mover a máscara para cima da água. Clique na água e, em seguida, eu vou definir máscaras. Eu tenho que ir para alternar interruptores e modos e, em seguida, sob faixa fosco ir para alfa fosco foto máscara interna. Mas agora você pode ver que a água está cobrindo o golpe em parte desta foto interna. Vou mover a camada interna da foto até o topo, mas tem um preenchimento, então vou tirar o preenchimento. Na verdade, vou escondê-lo e isso parece bom. Vou esconder o botão da câmera no topo da câmera da mesma forma que eles entraram. Vou apenas definir quadros de chave de posição e, em seguida, sobre aqui eu vou tê-los cair para baixo e esconder e então eu posso prender a camada lá. Vamos nos livrar desse pontinho na câmera, vou animá-lo da mesma forma que entrou. Vou descer para zero e cortar a camada. Agora, precisamos animar o brilho. Vou entrar e animar os caminhos de corte. Mas eu vou fazer com um começo indo de 0-25 e como essa é a mesma porcentagem que o final, isso vai fazer com que ele desapareça. Eu também preciso animar a posição para que ela se alinhe melhor enquanto as lentes estão se movendo. Vou definir um quadro de chave de posição e, em seguida, ajustar a posição. Talvez eu precise animar o tamanho também. Eu vou apenas definir um chave-frame para o tamanho e, em seguida, eu tamanho isso para baixo um pouco. 19. Como animar camadas extra das fotos: Em seguida, vou animar esses raios sobre o sol saindo. Vou entrar e adicionar caminhos de corte. Este caminho de corte vai animar todos os pequenos raios vindo ao mesmo tempo. Vou ajustar tudo isso para que possamos nos concentrar nisso. Vou animar a porcentagem inicial para animar os raios chegando. Em 10 quadros, vou definir o zero inicial. Então, no início, eu levarei isso para 100. Isso vai animar os raios saindo. Vou aliviar esses quadros-chave. Agora você verá que os raios estão apenas fazendo suas próprias coisas, então eles precisam ser pais. Vamos direcionar os raios para a lente interna da câmera. Parece melhor, mas minha animação está acontecendo muito cedo. Vou arrastar isso para a frente. Isso parece bom. Vamos, em seguida, animar a água que vem para cima. Eu só vou definir um quadro-chave de posição aqui em cerca de 20 quadros, em seguida, voltar para o início da camada e mover para baixo. Eu também preciso cortar minha camada de máscara para que ele apareça o tempo todo. Mas se você olhar com cuidado, você pode ver que as bordas da água são cortadas antes de atingirem a borda da foto. Isso porque esta camada interna da foto está sendo transformada da camada interna da câmera. Há duas coisas que eu poderia fazer para consertar isso. A camada interna da câmera tem uma animação dimensionada, então eu posso simplesmente copiar esses quadros-chave para a camada de máscara, ou eu poderia criar o pai do tamanho da camada de máscara para o tamanho da camada interna da câmera. Assim, se eu precisar voltar e mudar o tamanho, eu não tenho que mudá-lo em duas camadas diferentes. Eu vou fazer a segunda camada, então eu vou encontrar minha máscara novamente e, em seguida, alternar para baixo para o tamanho. Em seguida, pegue este chicote pequeno e , em seguida, arraste-o para baixo para o tamanho na camada interna da câmera. Isso deve ser atualizado imediatamente. Isso está funcionando. Mas você pode ver que a água está passando pelo golpe da foto interna. Preciso fazer a mesma coisa com o interior da foto. Vou pegar o tamanho da camada interna da foto e colocá-la na camada interna da câmera. Então eu preciso cortar a camada interna da foto para cerca de aqui para que quando a água está entrando, o estroboscópio esteja no topo. Parece bom. Agora temos a transformação da câmera para a foto. No próximo vídeo, vamos animar a segunda foto e, em seguida, fazer todo o loop de animação de volta para o bilhete e passaporte. 20. Como animar fotos: Depois que eu tenho a câmera Morph na foto, eu tenho a foto virar um pouco revelando outra foto atrás. Então eu tenho as fotos sair e trocar de lugar, antes de voltar para a senha e bilhetes, para que eu possa fazer o loop de animação. Primeiro de tudo, eu vou ir e codificar a primeira foto de uma cor diferente da segunda foto. Agora, eu vou emparelhar todas as peças desta foto com a foto exterior. Essa será a foto interior. A máscara interna da foto já está pintada na foto do lado de fora. Não preciso me preocupar com essa camada. Então a foto dos raios solares já tem um par, e então o que eu vou precisar fazer é cortar e duplicar essa camada. Farei isso em um segundo. Vou definir quadros-chave de rotação na minha camada externa de foto. Começará no zero assim que o Morph terminar. Então eu vou em frente a tempo para cerca de aqui, e então rodar isso só um pouco. Não estou vendo minha foto porque está escondida. Eu quero que a foto com a flor esteja no fundo, então eu vou apenas mover isso embaixo da minha foto com o sol. Agora eu tenho que girar para fora e, em seguida, eu preciso para emparelhar todas as peças da foto flor para a foto exterior. Então eu posso definir quadros-chave de posição para a foto com a flor e a foto com o sol. Talvez nós realmente vamos começar esses aqui, dar um pouco de tempo para girar. Então eu vou ir em frente no tempo um pouco mais e separar essas duas fotos. Isso me lembra que eu preciso lidar com os raios do sol. Vou voltar ao início desta camada, e depois selecionar meus raios solares fotográficos, vou apertar “Shift, Command e D”, e isso irá duplicar a camada e cortá-la onde minha cabeça de jogo está. Agora, eu posso pegar esta segunda versão da camada e colocá-la no exterior da foto. Assim, quando a foto gira, agora, meus raios de sol são pais. Minhas fotos vão desmoronar, eu vou adicionar rotação para a foto da flor. Eu não preciso que eles se espalhem tão longe, então eu vou apenas trazê-los de volta em um pouco. Agora vou mandá-los sair. Eles vão trocar de lugar, e então a foto da flor vai para cima da foto do sol. O que eu preciso fazer é ir para os últimos quadros-chave da foto da flor, selecionar todas as camadas, e clicar em “Command, Shift, D”, para cortar essas camadas e duplicá-las. Em seguida, a duplicata que eu vou arrastar em cima da foto com o sol. Então eu posso animar a posição de estes se juntarem novamente. Vou colocar isto no centro, que é 540. Então eu também vou definir alguns quadros-chave de rotação. Ele vai sair, e então eu vou definir um quadro-chave, e então quando ele voltar, eu vou fazê-lo girar de volta para zero para a foto de baixo e, em seguida, para a foto de cima, eu vou fazê-lo girar na outra direção. Vamos ver como isso parece. Bom. Então eu preciso adicionar flexibilização a esses quadros-chave, e também a estes. No próximo vídeo vamos animar essas duas fotos, transformando-se no bilhete e passaporte para que nossa animação seja loop. 21. Como animar fotos para passagem e passaporte: A última animação de morph é colocar as fotos no ticket e senha novamente, modo que a animação será loop. Vou voltar ao meu arquivo em andamento, e agora quero que essa animação comece em 12 segundos. Também notei que a animação da troca de fotos termina em 12 segundos. Eu só vou encurtar esta animação para que ele tenha um pouco de tempo para chegar ao seu lugar antes da próxima transformação começar. Esta rotação inicial em que gira para revelar a foto por baixo, demora um pouco. Vou pegar todos esses quadros-chave e empurrá-los de volta como cinco quadros. Agora meu tempo está fora para a outra foto, então eu vou ter que ajustar esses quadros-chave também. Esqueci-me de aliviar estes quadros-chave. Posso fazer isso agora. Essas camadas só terão que se mover para cima. Estes terão de ser cortados. Tudo bem, isso parece bom. Agora posso começar esta animação em 12 segundos. A primeira coisa que vou fazer é descer e copiar todos os meus bilhetes e passaportes. Essas serão todas as camadas vermelhas. Vou apertar “Comando D” para duplicá-los e depois levar a duplicata até o topo. Vou mover as camadas para que comecem em 12 segundos. Agora, estas camadas de bilhetes têm a animação da transformação na mala. Vou acabar apagando muitos dos quadros-chave. Mas vamos nos concentrar em uma camada de cada vez. A primeira coisa que vou fazer é o passaporte, e assim com isso e a foto da flor interior. Vai ser mais fácil animar a camada de passaporte na camada interna da foto porque o passaporte tem esses dois cantos arredondados e eu não vou ser capaz de obter os dois cantos arredondados facilmente com esta camada de foto. Vou entrar nesta camada de passaporte e apertar “U” no teclado. Eu sei que preciso salvar a posição em que o passaporte começa para que a minha animação seja repetida, essa é a posição bem aqui no início dela. Vou excluir todos os outros quadros-chave e , em seguida, mover esses quadros-chave para cerca de 20 quadros no futuro. Eu também vou precisar estender esta camada. Agora eu posso voltar ao início da camada e animar a rotação para 14 graus, que é o que a rotação é nesta camada interna da foto. Agora vou ajustar a posição para ficar um pouco mais alinhada, exceto que não consigo ver o que estou fazendo. Na verdade, vou diminuir a opacidade por um segundo para poder ver. Então eu vou entrar e animar o caminho para fazer com que ele se alinhe exatamente. Isso parece bom. Vou voltar a aumentar a minha opacidade. Então eu vou cortar minha camada de fotos aqui em 12 segundos. Essa camada está feita. Agora eu vou solo minha camada externa de foto, e então eu vou animar o tamanho dela entrando e se escondendo atrás da camada interna da foto. Também vai precisar girar. Vou definir quadros-chave de rotação. Também vou precisar de quadros-chave de posição. Agora posso ajustar o tamanho. Deixe-me aliviar todos esses quadros chave. Também preciso facilitar os que estão na senha. Às vezes, se você tratar de seus quadros-chave e deslizar coisas ao redor, mesmo que pareçam fáceis, eles podem não ter esses valores de atenuação exatos. É por isso que vou me recandidatar, só para ter certeza. Isso funciona. Agora vou animar a segunda foto no bilhete. Vou esconder essas camadas e depois resolver o bilhete principal, e a foto do sol, a parte externa disso. Lá vamos nós. Mais uma vez, será mais fácil animar o ticket na foto simples do retângulo. Eu vou para a camada de bilhetes. Você veria meus quadros-chave. Agora eu quero salvar esses quadros-chave porque é assim que ele inicia a animação. Eles vão fazer o loop perfeitamente. Preciso de o ter naquele sítio exacto. Eu vou apenas excluir os quadros de chave final e, em seguida, arrastá-los para a frente no tempo para 20 quadros e estender a camada. Então, no início da camada, eu vou girar isso de volta para 0, mover a posição sobre um pouco. Centralize isso e, em seguida, anime o caminho na mesma forma que a camada de foto. Isso parece bom. Posso rastrear minha camada de fotos em 12 segundos. Agora vou adicionar todos os pontos e meus detalhes ao bilhete. Vou encontrar todos esses pontos e linhas e soltá-los. Preciso estender todas essas camadas. Eu só vou pressionar “U” no teclado para ver todos os quadros de teclas. O que eu provavelmente posso fazer é pegar todos os quadros de teclas de início e arrastá-los para 20 quadros. Agora, vamos ver o que eu tenho. Bom. Eu tenho todas as linhas em muitos e agora deixe-me apenas verificar o que está acontecendo com os pontos. Essas camadas não têm realmente nenhum quadro-chave, então eu vou apenas definir quadros-chave de escala para trazê-los. Em 20 quadros, eu vou ter a escala 100 por cento e então eu vou voltar no tempo e torná-los 0. Vou aliviar todos esses quadros-chave. Essa animação demora um pouco. Só vou ajustá-lo um pouco. Talvez nós vamos começar todos em 10 quadros e terminá-los em 20. mesmo para os pontos. Então eu posso simplesmente cortar todas essas camadas para começar em 12 segundos e 10 quadros. Isso parece bom. 22. Como animar fotos para passagem e passaporte, parte 2: Em seguida, eu vou animar os detalhes sobre o passaporte, então eu vou apenas [inaudível] essas camadas de tíquetes e, em seguida, as camadas de detalhes do passaporte. Também a foto com a flor. O centro da flor vai apenas diminuir. Vou começar com aquela animação. Eu vou precisar trazer esta camada para o topo para que você possa vê-la. Vou animar o tamanho e também a posição. O tamanho só vai para zero. Eu realmente vou fazer a largura do traçado diminuir para que eu não tenha este como o último quadro. Vai encolher mais suavemente. Eu só vou fazer a largura do traçado e colocar o quadro de chave bem ali, e então fazer o zero. Esse círculo está desaparecendo. Vamos fazer com que a flor se transforme no globo. Na verdade, vou pintar a flor até o centro da flor. Porque mais tarde eu poderia precisar ajustar o posicionamento dessas camadas e eu vou apenas fazê-lo no centro em vez de ter que fazê-lo em ambos. Então eu vou entrar e animar o caminho da flor. Conjunto de quadro-chave. Então, para ver isso melhor, vamos ter o globo solado. Eu também preciso estender minha camada de globo para que eu possa vê-la. Vou alinhar o centro das flores com o centro deste globo. Vou ajustar a posição, até parecer que está centrada. Parece muito bom. Agora espero que minha flor pareça um pouco mais centrada. Agora vou animar a posição disto na posição do globo. Primeiro eu estou apenas movendo todos os pontos de ancoragem para encontrar o globo e então eu vou ajustar as alças mais tarde. Eu só quero movê-los direto do centro do círculo. Então eu não estou distorcendo as coisas de uma maneira estranha. Então eu vou ajustar as alças para fazer isso mais de um círculo. Isso parece muito bom. Precisamos cortar a camada globo onde a camada de flores chega ao círculo. Corte a camada de flores primeiro e, em seguida, encontre a camada de globo e corte isso no início. Além disso, esta camada globo tem alguns quadros-chave que eu não preciso, eu só vou desligá-los todos. Agora temos a flor a transformar-se no globo. Agora vamos adicionar esses detalhes da linha no globo. As linhas aqui têm um mapa definido a partir da primeira transformação da animação. Na verdade, vou mudá-lo para a flor da foto. Eu vou fazer isso para cada camada e, em seguida, eu também preciso para solá-los para que possamos vê-los e estender as camadas. A animação nestas linhas vai de dentro para fora, e eu quero que seja o contrário. Vou trocar essas molduras por aí. Vamos ver como isso parece. Não é bem centrado e isso é porque nós precisamos criar estes para a flor em vez da camada original para a qual eles são pais . No final da animação, eles ficam bem. É onde eu vou ser pai deles. Vamos dar uma olhada. Parece bom. Agora deixe-me adicionar flexibilização a todos os quadros-chave que eu defini até agora. camada principal do meu passaporte deve estar visível. Deixe-me sozinho tão rápido. Vamos ver o que temos. Temos um problema. A camada de flores precisa se mover acima da camada principal do passaporte. Vamos tentar de novo. Isso parece bom. Agora posso animar o rótulo no fundo do passaporte chegando. Deixe-me somar isso. Isso vai precisar apenas ser flip-flopped na animação. Vou trocar esses quadros para animá-lo. Preciso estender a camada. Parece bom. Vamos [inaudível] todas essas camadas e ver o que temos. Mas primeiro eu preciso cortar esta foto camada externa e eu preciso mover o bilhete significa por baixo da segunda foto. Vamos dar uma olhada. Esqueci-me de cortar uma camada, por isso vai ser esta foto lá fora. Parece bom. Vamos nos certificar de que a animação se repete. Parece bom, temos todos os morphs básicos para baixo. No próximo vídeo, mostrarei como faço a animação um pouco mais interessante. 23. Polindo sua animação: Agora que temos todas as nossas animações de transformação feitas, podemos voltar e tornar a animação mais interessante usando técnicas como antecipação e superação. Estas técnicas vêm dos 12 princípios da animação. Esse é um tópico que merece uma classe própria. Mas se você não estiver familiarizado com os 12 princípios da animação, você encontrará muitos recursos online. Ao longo de todos os exemplos na versão final da minha animação e, em seguida, mostrar-lhe como eu os criei. Se jogarmos isso de volta, você verá que eu adicionei um pouco de rotação na mala para que seja como se alguém estivesse carregando e balançando para frente e para trás. Como eu fiz isso foi anexar todas as camadas de bilhetes e passaportes e todas as camadas de avião a este objeto nulo chamado controle de balanço. Na verdade, está escondido, mas é aqui em cima. Tudo está girando a partir deste ponto aqui e isso está fazendo aquele belo movimento de balanço. As camadas que são realmente parentadas para o controle de balanço vão ser a mala interna e principal, e então o passaporte principal e o bilhete principal. Todas as outras camadas que são detalhes sobre o passaporte e bilhete são parentadas para o passaporte principal ou o bilhete principal. Não precisamos de os criar diretamente para o nulo. Então você também notará que as camadas planas, todas essas, são parentadas para o controle de swing também. A animação balançando é um bom exemplo de overshoot ou follow through, porque a rotação vai além dos 90 graus que eu preciso que ele vá. Ele vai ainda mais longe e, em seguida, continua a balançar, e, em seguida, ainda continua ao longo da animação avião. Aí mesmo você vai notar que antes que o plano se transfira para a terra, a camada de plano principal se anima, bem ali antes de se animar para a Terra. Então, quando atinge o tamanho da Terra, ele realmente ultrapassa o tamanho da Terra. Passou 100 por cento. Então ele volta para a posição final da Terra. Então, à medida que o globo entra no pino de localização, você notará que o pino de localização cai e ele salta para cima e para baixo. Ele não apenas salta, ele também esmaga e se estende. Enquanto está no ponto mais baixo, está esmagando e quando está no ponto mais alto, está esticando. Você verá que está esticado para este caminho e depois esmagado enquanto pousa. Isso só faz parecer um pouco mais insuflável e fluido. Então você notará outro exemplo de antecipação com este mapa. Vai cair antes de subir. Está antecipando o movimento ascendente indo para baixo primeiro e depois para cima. Em seguida, a câmera está realmente girando além do ponto em que ela termina. É um exemplo de superação. Você pode ver que ele passa, reto e, em seguida, volta para a reta e ele realmente continua girando um pouco e isso é só porque eu queria fazer com que ele se mova continuamente. Em seguida, outro exemplo de antecipações bem aqui, quando a câmera se estende para fora horizontalmente antes de entrar horizontalmente na foto. Antecipando entrar saindo primeiro e depois dentro. Então você vai notar no sol e na água que há algum excesso. Aqueles ficam um pouco menores e depois maiores para o sol. A água está subindo um pouco mais alto e depois descendo. Então, no final aqui, o bilhete e o passaporte passam por onde precisam estar e depois voltam. Vou mostrar-lhe como adicionar antecipação usando este avião como exemplo. A camada principal do plano vai encolher antes de se expandir para a terra. Minha animação atual começa em quatro segundos. Vou voltar no tempo, 10 quadros e definir outro quadro chave para este tamanho. Este será o tamanho inicial, e então eu vou voltar para onde minha animação original começou em quatro segundos e apenas reduzir esse tamanho. Agora, parece que meu derrame acabou de ficar mais grosso. Isso porque a camada de contorno da Terra também é visível aqui. Eu vou ter que reduzir este tamanho neste também. Posso definir um quadro de chave mesmo que não seja visível aqui. Vou começar por aí, e depois vou copiar esta moldura de tamanho do avião e colá-la no contorno da terra. Isso parece muito melhor. Eu tenho que chegar, isso é antecipação antes de sair. Então eu quero adicionar um pouco de excesso. O globo vai sair um pouco mais antes de cair nesta posição. Em quatro segundos e 20 quadros, vou ter o tamanho maior do que a posição final de 598. Vou copiar este quadro-chave 598 e colá-lo 10 quadros no futuro. Então eu vou voltar para o quadro original e então fazer este quadro chave um tamanho maior. Notei que meu mapa não está atingindo as bordas do meu globo agora. O que eu preciso fazer é ir para a minha camada de mapa, ir para os controles e definir um quadro-chave para o raio. Vou colocar o quadro de teclas aqui em cima, mas então aperte U no teclado para ver o quadro de teclas. Vou trazer isso para que meu mapa esteja tocando as bordas do meu globo. Ali parece certo. Então, uma vez que ele voltar para a sua posição original, eu vou apenas ajustar isso de volta para os 300 que ele estava em. Vamos ver o que temos. Antecipação. precisamos animar o avião indo para o tamanho maior. Esse tamanho maior era 676. Vou digitar isso e agora vamos checar isso. Você notará que o curso parece um pouco mais largo em algumas porções e isso é porque a camada plana não é redonda o suficiente. Eu vou apenas ir para o final da animação do avião e puxar esta camada para fora de um quadro para que eu possa vê-lo, e então eu vou apenas trazer o arredondamento para que ele faça um círculo perfeito. Ali parece bom. Vou colocar essa camada de volta onde estava e vamos ver se funcionou. Sim, parece bom. Isso é basicamente como eu iria passar e adicionar antecipação e superação às minhas animações. Uma dica que pode ajudar enquanto você está fazendo essa animação de polimento é reproduzir sua animação em câmera lenta. Você pode realmente fazer isso a partir de efeitos após indo para o painel de visualização. Se você não vê que está sempre sob a janela. Em seguida, definindo sua taxa de quadros para uma taxa de quadros mais baixa e, em seguida, seu projeto é definido como. Minha taxa de quadros é de 30 quadros por segundo. Se eu definir para 15, ele vai reproduzir a animação em câmera lenta. Assim, é mais fácil para mim assistir e notar pequenos detalhes que poderiam ser melhorados. Divirta-se passando por sua animação e adicionando pequenos detalhes de polimento para realmente levar sua animação para o próximo nível. 24. Encerramento: Muito obrigado por assistir. Espero que você esteja se divertindo criando animações morphing. Se você tiver alguma dúvida ou quiser feedback sobre seu trabalho, sinta-se à vontade para entrar em contato na página da comunidade. Não se esqueça de postar seus projetos de classe, se você postar seu trabalho nas mídias sociais lembre-se me marcar @explainimated para que eu possa vê-lo lá. Se você quiser conferir o meu trabalho, você pode ir para meganfriesth.com ou no Instagram @explainimated Eu realmente gostaria que você deixasse um comentário para esta aula, eu estou sempre olhando para como eu posso fazer minha próxima aula melhor. Se você tem alguma coisa em particular que você quer aprender, deixe-me sabe.Muito obrigado novamente por assistir, feliz animação.