Introdução ao Motion Graphics: logomarca e ícones animados no After Effects

1. Apresentação: Olá, sou Hongshu, sou designer de movimento no Canadá. Estou animando profissionalmente no Adobe After Effects há mais de seis anos. Eu trabalho em duas agências de publicidade diferentes para clientes como Adidas, PayPal, 711 Walmart e muitas outras. Hoje eu vou te ensinar como animar logotipos e ícones no Adobe After Effects. Qualquer logotipo significativo é essencial e uma das primeiras habilidades que você precisa aprender para entrar em gráficos em movimento. Cada designer de movimento, quando começou, já foi convidado a animar o logotipo antes. É um ponto de partida sólido para aprender os fundamentos dos gráficos em movimento para ficar à frente do jogo e prepará-lo para o sucesso futuro. Neste curso, mostrarei tudo o que você precisa saber para começar com a animação de logotipos. Mostrarei o fluxo de trabalho profissional completo do storyboard até a renderização final. Como trabalhar com uma variedade de ferramentas no After Effects. Como usar o Track Matte no After Effects, que é essencial para a animação. Como trabalhar com princípios de animação, como usar o Editor de Gráficos para dar vida aos seus logotipos, pensar por trás dos movimentos e como resolver problemas. Sinta-se à vontade para levar meu arquivo de projeto para acompanhar. Para o projeto da classe, você estará animando seu próprio logotipo, os conceitos e técnicas que você aprenderá neste curso serão facilmente traduzidos para qualquer tipo de projeto e você a se preparar e execução com animação do After Effects Além de apenas criar uma animação de logotipo, você também desenvolverá uma visão maior narração visual e expandirá seus vocabulários de animação. Isso treinará seus olhos para se tornarem olhos de animadores e fornecerá uma maneira totalmente nova de ver logotipos e animações no futuro. Este curso é para qualquer pessoa que queira se dedicar à animação gráfica ou para alguém que queira animar seus logotipos pessoais ou comerciais. No final do curso, você poderá aplicar as coisas aprendidas nesta aula a qualquer animação de logotipo ou ícone. Espero que você se divirta muito aprendendo e animando. Nos vemos na aula. 2. Prepare arquivos em Adobe Illustrator: Aqui está o nosso Storyboard. Temos um lindo ícone de Toronto. Antes de trazê-lo para o Adobe After Effects, precisamos fazer algo no Adobe Illustrator para preparar os arquivos, para ter todas as camadas separadas. Posso mostrar-te agora o que vai acontecer se não fizermos isso. Vamos criar uma composição no Adobe After Effects primeiro e depois clicar em “Ok”. Clique duas vezes neste Painel de projeto que está carregando o arquivo Storyboard aqui, escolha “Composição”, clique em “Abrir” e agora carregamos arquivo do Illustrator no Adobe After Effects. Em seguida, vamos clicar neste ícone Composição. Aqui você pode ver que temos este arquivo do Illustrator deste ícone de Toronto, mas nós só temos uma camada. Não temos acesso às camadas separadas no Adobe Illustrator, então isso é um problema. Antes que possamos trazê-lo, para o After Effects, precisamos abrir o arquivo do Illustrator, vamos abri-lo. Aqui vamos nós. Então o que precisamos fazer é ir para o painel Camadas no lado direito aqui. Se você não tem isso no seu lado direito, você vai para Janela, clique em Camadas, e então clique nesta única camada aqui, vá para este menu suspenso, e clique neste Liberar para Camadas (Seqüência). Clique nisso. Então precisamos clicar em Shift, selecionar todas as camadas sob esta camada mestre e, em seguida, trazê-los para fora da primeira camada mestre. Basta arrastá-lo até ver aquela linha azul ali. Agora podemos excluir a última camada, que está vazia agora. O que você pode ver aqui, basicamente, nós separamos todas as camadas no Adobe Illustrator. Quando trouxermos esse arquivo para o After Effects, teremos todos esses elementos em suas camadas individuais para que possamos animá-los separadamente. Isso é tudo o que precisamos fazer antes de trazer esse Storyboard para o Adobe After Effects. Depois de termos feito isso, vamos salvar o arquivo. Aqui podemos ir para Arquivo e, em seguida, clicar em “Salvar”. Eu já salvei como, então é por isso que está acinzentado. 3. Configure arquivos no AE (After Effects): Agora vamos abrir o After Effects. Aqui está nosso After Effects. Primeiro, precisamos criar uma nova composição. Basta clicar neste novo ícone de composição aqui. Vamos renomear isso para comp principal. Aqui, podemos mudar a largura e a altura do vídeo. Vamos fazer 1080 por 1080. Não precisamos mudar nada aqui. A taxa de quadros é 2997. Podemos alterar a duração para 10 segundos. Nossa animação será em torno de seis segundos, então colocamos em dez segundos para ter mais linha do tempo para trabalhar. A cor de fundo pode estar em preto e, em seguida, clique em OK. Agora vamos importar o ilustrador ou storyboard para o After Effects. Temos duas maneiras, podemos primeiro clicar com o botão direito do mouse neste painel do projeto e, em seguida, ir para importar, arquivo. Agora vamos navegar para o nosso storyboard, que está em desktop, ícone de Toronto, storyboard. Aqui está um arquivo que precisamos. Então podemos escolher a composição. O arquivo que temos está em 1080 por 1080, então será o mesmo que a composição de vídeo que criamos no After Effects. Clique em aberta.Agora ele está carregando. Aqui vamos nós, é aqui. Essa é uma maneira de importar o arquivo do Illustrator. Outra maneira é clicar duas vezes neste painel vazio aqui. Depois de clicar duas vezes, ela carregará essa janela para que você possa escolher o arquivo que deseja importar. Vou clicar em Cancelar, porque já temos o arquivo aqui. Antes de ir mais longe, quero organizar primeiro o painel do projeto, que tudo esteja limpo e organizado. É a melhor prática para que eu não fique confuso, daqui para frente. Vamos criar uma foto aqui, nomear ativos e, em seguida, outra pasta. Então vamos criar outra pasta, nomeie a composição final. Vamos arrastar a composição principal para nossa composição final, e então vamos arrastar esta pasta de camadas de ícones de Toronto para nossa pasta de ativos. Mais uma pasta que precisamos, que é a pasta pré comps. Então, podemos arrastar este ícone de Toronto para a nossa pasta pré composições. Estas três pastas são as que precisamos para organizar o painel do projeto. 4. Renomeie as camadas: Antes de passarmos para qualquer outra coisa, queremos ter certeza de que salvamos o projeto, então vá para Arquivo e clique em “Salvar como” porque esta é a primeira vez que o estamos salvando. Eu quero escolher uma pasta para salvá-la, então eu vou para Desktop, Working files e, em seguida, nomeá-lo Toronto Icon. Clique em “Salvar”, então agora temos o projeto salvo. Em seguida, eu também quero ter certeza de que temos o mesmo layout para que todos estejam na mesma página. Primeiro, precisamos ir para a janela After Effects e depois clicar em “Workspace”. Clique neste “Layout de animação”. Agora todos nós devemos ter um layout semelhante. Neste momento, estou usando o Adobe After Effects CC 2020. Antes de fazermos qualquer outra coisa, vamos copiar todas as camadas, Comando A, e depois Comando C Copy, volta para a composição principal. A Main Comp vai ser a composição em que vamos trabalhar. Agora o que eu preciso fazer é organizar as camadas, apenas para agrupar alguns dos elementos e também renomear alguns deles. Aqui temos três camadas, que é este balão amarelo. O que precisamos fazer é pré-comp essas três camadas para que elas estejam dentro de uma composição. A maneira como fazemos isso é selecionar todas as três camadas e depois clicar em “Command, Shift e “C”. Chame-o Balloon Yellow, e clique em “Ok”. Agora temos um pré-composto dentro deste Main Comp que contém o nosso balão amarelo. Essas cordas do balão, eu quero excluí-las e depois vou desenhá-las. Estas três camadas são as mesmas; estas três camadas são os balões azuis. Também queremos pré-comp isto, Command, Shift, C, Pre-Comp e, em seguida, renomeá-lo para Balão Azul. Aqui podemos ver, esta é a camada de reflexão. Quero desligar isso por enquanto. Este é outro reflexo. Aqui está a nossa cópia de Toronto. Então, o que é isso? Aqui temos as quatro linhas aqui. O que precisamos fazer é semelhante ao balão que tínhamos antes. Só precisamos de pré-compor estas quatro camadas. Selecione todos os quatro e, em seguida, Command, Shift , C, renomeie-o. Clique em “Ok”. Agora essas camadas aqui na seção inferior, podemos ver quando eu alternar o ícone Olho aqui, essas são as cores por trás dessas linhas. O que eu quero fazer é mudar uma cor de rótulo para todas as camadas para que ela seja facilmente reconhecida, e eu sei imediatamente que elas são as cores por trás das linhas. Eu só quero clicar neste “Rótulo” aqui e, em seguida, escolher uma cor diferente, talvez uma cor rosa, ou talvez uma cor amarela. Estes são os preenchimentos de cor atrás das linhas. Vamos rolar até o fundo aqui. O que são esses? Um deles é o pano de fundo. Eu não preciso do fundo aqui, então o último é um fundo. Eu posso renomeá-lo para BKG, e então eu posso bloqueá-lo porque eu não preciso animar o fundo. Essas são todas as cores que temos. Lembra-se dos balões que pré-compusemos anteriormente? Então aqui está o Balão Amarelo, e depois temos o Balão Azul. Tanto o balão azul como o amarelo. Estes dois, quando eu os apago no Main Comp, eles não são realmente apagados. Você ainda pode acessá-los neste painel Projeto aqui. Você pode ver que estes são os dois pré-comps que criamos antes. Eu quero fazer o Main Comp limpo e organizado, então eu só quero apagar o balão agora. Não quero me preocupar com isso agora, só quero animá-lo mais tarde. Agora podemos ir para o painel Projeto aqui, selecionar os três pré-comp que tínhamos e, em seguida, arrastá-los para a pasta pré comp. Na Comp Final, tudo o que temos é esta Comp Principal que é a que estamos animando e, em seguida, nesta pasta de pré-comps, temos os diferentes elementos que criamos. Aqui temos, da lista de camadas, este nome aqui, Camada 26 para Camada 32. Se alternarmos entre o ícone aqui, podemos ver essas camadas são as linhas dentro desta janela seção do meio. Quero fazer a mesma coisa para pré-comp estas linhas. Selecione tudo, clique em “Command, Shift, C” e, em seguida, renomeie-o. Clique em “Ok”. Estas duas camadas são os reflexos na torre. É algo que não precisamos agora. O que podemos fazer é clicar em “Shift click” para selecionar ambos, e depois clicar neste ícone “Tímido” aqui. Isso é chamado de ícone Tímido. Uma vez que você clicar no ícone “Tímido” e então subir aqui, você pode clicar neste “Ocultar todas as camadas” que tem um ícone Tímido ligado, então uma vez que eu clicar nisso, você pode olhar aqui, essas duas camadas vão desaparecer, mas elas não são excluídos. Escondamo-los de todo o painel. Uma vez que estejamos prontos para animá-los, podemos desligar o interruptor e podemos vê-los, eles estão de volta ligados. Basicamente, só precisamos renomear todas as camadas para que saibamos qual delas é qual. Agora podemos passar para o próximo vídeo. 5. Prepare a composição de camadas: Continue a partir do último vídeo. Neste vídeo o que precisamos fazer é agrupar parte da cor de preenchimento com linhas para que cada elemento tenha sua própria composição. Deixe-me mostrar-lhe como fazer isso, primeiro, vamos clicar nas três camadas de sol, e então mantenha pressionado Command+Shift+C para precompor e, em seguida, o Sol e, em seguida, clique em Enter, então aqui está um elemento que temos que precisamos para animar mais tarde, então já fizemos isso. Agora vamos encontrar a nuvem. Temos essas três linhas de nuvem aqui, mas precisamos encontrar a cor de preenchimento, então só precisamos ir até o fundo aqui, procurar a cor azul claro da nuvem. Aqui estamos nós, é a camada 51 a 53 e então eu só preciso trazer todos eles para o topo. O atalho para isso é comando+shift+colchete direito e, em seguida, esta é a primeira nuvem. Esta é uma cor de preenchimento colocá-lo sob as nuvens e, em seguida, pré-compor essas duas camadas. Faça o mesmo para a segunda e terceira nuvem. Agora temos todas as três nuvens pré-compostas. A próxima camada é a agulha superior, que não precisamos pré-compor. Esta parte precisamos encontrar toda a seção da janela do meio aqui, então esta é uma linha de janela, e então precisamos da janela central ir para baixo aqui, e também precisamos deste fundo de cor vermelha. Cor vermelha de preenchimento, camada 61 e, em seguida, trazê-lo até o topo. Coloque-o debaixo da camada central da janela e pré-compõe estas três camadas. Agora temos toda a seção dentro de uma camada. Aqui temos o poste inferior, então precisamos encontrar essas duas cores azuis atrás do poste, em seguida, trazer esses dois todo o caminho para o topo pré-compor essas quatro camadas. Aqui, o círculo, triângulo. Aqui temos um retângulo curto, eu preciso encontrar essa cor de preenchimento também. Basicamente, faça a mesma coisa para todo o resto dos elementos. Vou acelerar estas peças para que não tenhas de me ver a fazer isto uma e outra vez. Ok, vamos dar uma olhada no que fizemos, então agora você pode ver na composição principal, nós temos todos esses elementos diferentes nas camadas separadas, e então alguns deles são agrupados, então nós cortamos todo o caminho para 23 camadas em vez de cerca de uma centena no início. Agora precisamos colocar todas essas pré-comps na pasta pré-comp que criamos. Agora, eles estão todos salvos em “Comp final”, então vá para o painel do projeto aqui e arraste tudo, exceto a composição principal para esta pasta de pré-comps, e clique nesta seta para fechar a pasta, agora nós tem um painel de projeto organizado limpo, então fizemos toda a organização, renomeação e tudo mais, agora está pronto para ser animado, vamos para o próximo vídeo. 6. Anime a parte inferior da torre: Agora que comece a diversão. Vamos começar, animando. Primeiro, preciso introduzir um conceito no After Effects chamado Track Matte. É a capacidade de usar uma camada para determinar a margem ou o limite da camada abaixo dela. Deixe-me demonstrar como isso funciona. Podemos apenas clicar neste ícone aqui no painel Projeto para criar uma nova composição. Vou chamá-lo de “Teste” para fins de demonstração. Então, vamos digitar algo e, em seguida, vamos adicionar um retângulo no topo. Vá para a camada abaixo, clique neste ícone “Track Matte” aqui e coloque “Alpha Matte”. Desta forma, eu posso usar o limite da primeira camada para determinar onde a camada abaixo será visível. Se eu mover a primeira camada, você pode ver quando a camada abaixo vai para fora da caixa ela se torna, invisível. Desta forma, se fôssemos animar a segunda camada, então ela pode ir de baixo para cima. Uma vez que passem por aquela caixa invisível, vai aparecer na tela. Vamos voltar à composição principal para começar a animar este ícone de Toronto. Vamos precisar do conceito Track Matte. Vamos usar isso para animar a maioria dos elementos neste ícone. Quero animar este poste de baixo para deslizar de baixo. Clique no atalho P. Se você tiver apenas uma posição, basta clicar com o botão direito do mouse. Clique em “Dimensões separadas” e, em seguida, você pode acessar ambas as posições X e Y separadamente. Eu quero definir um quadro-chave em zero segundos para a Posição Y e, em seguida, avançar 15 quadros. Use um atalho “Command+Shift-Seta para a direita” para avançar dez quadros e, em seguida, “Command+Seta para a direita” para ir um quadro cada vez. Vou clicar cinco vezes. Um, dois, três, quatro, cinco, cinco quadros. Quero mover esta posição final para o 15º quadro, e depois voltar para zero segundos. Arraste a Posição Y para baixo. Você pode ver que o poste começa a cair. Quero que comece a partir daí, e depois apareça quando passar do círculo. Nesse caso, vamos precisar do Track Matte. Eu quero clicar nesta “Ferramenta de retângulo”. Desenhe uma máscara de retângulo e clique neste “Pólo Inferior”. Vá para “Track Matte”. Se você não tiver Track Matte na barra de ferramentas, basta ir para o canto inferior esquerdo, clicar em “Expandir” ou “Recolher”. Então o Track Matte vai aparecer. Clique em “Pólo Inferior”, use “Alpha Matte” e vamos ver o que acontece. Vamos pré-visualizar. Há um problema agora. O poste está mostrando onde está a camada deste retângulo, mas eu quero invertê-lo. Preciso escolher “Alpha Invertida Matte”. Vai inverter a máscara. Você pode vê-lo desaparecer dentro desse retângulo, e então quando eu raspar a linha do tempo, ele vai aparecer onde não há nenhum retângulo. Isto é o que eu preciso. Eu quero que ele se anime. Vamos ampliar. Ajuste ligeiramente a posição. Que não há espaço entre o poste e o círculo. Essa é a animação que eu quero. É muito chato porque não há energia nesta animação. Quero acrescentar uma superação a esta Posição Y. Antes de se instalar no lugar, quero que passe por cima de alguns pixels e depois volte para fora. Do 15º quadro, volte talvez, cinco quadros. No décimo quadro, vou adicionar alguns overshoots. Isto é uma superação. Vamos tentar o 530. Você pode ver o valor aqui em zero segundos de 680. Vai subir até 530 e depois voltar para 540. Essa é a animação que precisamos. Depois disso, clicamos com o botão direito do mouse, vá para “Assistentes de quadro de chaves”, “Fácil facilidade”. Em vez de quadros-chave lineares, queremos que os quadros-chave mudem a velocidade, e se arrastarmos esses quadros-chave e irmos para este “Editor de Curvas”, podemos ver que esta é uma curva desses três ícones. Clique aqui para mostrar em tela cheia, nesta seção. Agora estamos no gráfico de velocidade. Para torná-lo mais enérgico, eu quero arrastar a velocidade do gráfico de velocidade. Agora você pode ver nesta marca de zero segundo, a velocidade desses elementos é zero pixels por segundo. Esta velocidade sobe e depois volta para baixo. Quanto mais íngreme a curva, maior a velocidade é. Eu quero arrastar esta curva para obter uma velocidade maior; para obter mais energia. Basta arrastá-lo para ter uma curva como esta. Vamos pré-visualizar isso. Clique em “N” para alterar o intervalo de visualização para que você só visualize nesta seção. Você vê? Essa é a primeira animação do pólo. Parece bom para mim. Eu quero fazer esta animação base, esta seção aqui, base inferior. Use o atalho para trazê-lo para o topo. “ Comando+Shift”, “Colchete Quadrado Direito”. Pode trazer o elemento até o topo. Queremos animar da mesma forma que este “Pólo Inferior”. Clique em “P” para abrir a Propriedade Posição. Clique com o botão direito do mouse em “Separar dimensões” e, em seguida, queremos copiar os quadros-chave deste pólo. “ Comando+C”, “copiar”. Volte para os quadros zero. Clique nesta camada, “Colar”. Este elemento tem a mesma animação que a animação do primeiro pólo. Agora o que eu preciso fazer é adicionar uma camada como um Track Matte para cobrir onde eu não quero ver essa base inferior. Clique fora da camada. Se você não clicar fora da camada, você vai fazer uma máscara na camada. Não é isso que você quer fazer. O que você quer fazer é criar uma nova camada com uma nova forma. Eu quero ir até aqui e eu quero desenhar um retângulo nesta área. Apenas grande o suficiente para cobrir esta base inferior. Em seguida, clique sobre isso, escolha “Alpha Invertido Mattes”. Vamos ver a animação. 7. Anime o centro da torre: Em seguida, o que queremos fazer é, queremos animar esta única linha aqui. Vamos encontrar esta camada de linha, temos a Linha Superior e, em seguida, Bottom Line. Use o atalho para trazê-lo para o topo, Command Shift colchete direito. Amplie, isso vai ser fácil. Primeiro, o que eu preciso fazer é mudar esses pontos de ancoragem para o centro da linha. Clique na Camada, suba aqui, use esta ferramenta pan atrás. Esta é a ferramenta de ponto de ancoragem também. Eu só preciso clicar neste ponto de ancoragem, arrastá-lo para o centro desta linha. Agora podemos ir para esta linha de fundo, clicar nesta seta para a direita e, em seguida, Transformar. Aqui está a propriedade da escala. O que eu quero fazer é que eu só quero que a linha cresça na direção horizontal. Preciso desvincular a propriedade height e width, então clique em “Desvincular” e defina um quadro-chave como zero segundo. Em zero segundo, eu quero que o valor da linha x esteja em zero, então digite zero. No quadro 15, quero que este valor seja 100, digite 100. Agora você pode ver que a linha pode apenas animar em como se estivesse crescendo. Vamos pré-visualizar isso, então é disso que eu preciso. Mas agora você pode ver que a animação de linha é muito lenta, então precisamos fazer a mesma coisa. Selecione ambos, clique com o botão direito do mouse, Assistente de quadro-chave , Facilidade fácil, vá para o Editor de gráficos Aqui está o gráfico de velocidade que tínhamos antes. Arraste esta curva aqui para dar mais velocidade. Mas não arraste muito caso contrário, a animação vai ser muito rápida. Visualize isso. É uma velocidade semelhante à das duas animações anteriores. Mas agora eu sinto que essas três animações estão acontecendo muito rápido, então eu quero abrandar um pouco. É muito fácil fazer isso. Primeiro, precisamos selecionar as três camadas. Um é esse Bottom Line, e depois há Base Inferior, Pólo Inferior. Clique na tecla de atalho U no teclado para mostrar todos os quadros-chave animados. Selecione Todos os quadros, mantenha premida a opção no Mac ou PC. Arraste o último quadro para espaçá-los para que você possa arrastar o quadro para que seja mais rápido ou mais lento. Neste caso, eu quero que ele seja mais lento, então eu arrasto para a direita, mantenha pressionada a tecla de opção. Vamos ver a animação. Isso é acima da velocidade que eu quero, isso é bom. Salve o projeto. Agora vamos terminar a animação desta linha de fundo. Também podemos fazer esta linha de topo. Vamos descer aqui para encontrar a linha de cima. Aqui está ele, deslocamento de comando colchete direito para trazê-lo para o topo. Podemos arrastar e copiar estes dois quadros-chave. Mas antes de fazer isso, precisamos mudar o comando do ponto de ancoragem R e ligar a régua e, em seguida, arrastar uma régua para fora para que saibamos onde está o ponto central. Clique nesta linha superior da camada, escolha esta ferramenta Pan Atrás e arraste o ponto de ancoragem nesta linha de diretriz, também no centro desta linha aqui. Copie esses dois quadros-chave, vá para a marca de zero segundo e cole-o nesta camada Top Line. Vamos pré-visualizar isso. Agora você pode ver que estes dois têm exatamente a mesma animação. Depois de termos feito isso, quero animar esta seção central aqui. Primeiro, vamos encontrar esta seção da janela central, janela central, trazê-lo para o topo. Este, eu quero animar da mesma forma que eu animei as duas linhas, eu quero que ele cresça do centro para ambas as direções. Eu quero usar esta ferramenta Pan Atrás colocá-lo no centro aqui. Clique nesta seta, vá para a propriedade Scale desvincule este valor x e y. Podemos copiar este quadro-chave, ir aqui, colar. Agora podemos ver as seções centrais animando da mesma forma que as duas linhas. Mas para a janela central, eu também quero dar-lhe mais caracteres, eu quero adicionar alguns overshoots antes que ele se instala no lugar. Eu quero que ele vá mais de 100 por cento em valor x para que eu possa alterá-lo para talvez como 110 no 11º quadro, ou até mesmo arrastá-lo de volta um quadro. Então, no décimo quadro, visualize isso. Selecione os três que vão para o editor de gráficos. Certifique-se de que é um gráfico de velocidade e, em seguida, basta arrastar isto para dar-lhe mais velocidade. Volte, pré-visualize isso. Eu sinto que 110 por cento é demais, então eu quero mudar para 105. Vamos pré-visualizar isso, assim é melhor. Salve o projeto, vamos seguir em frente. Vamos animar a parte inferior e superior na seção central. Vamos arrastar estes dois, centro de baixo, centro de cima. Mudou-se todo o caminho para o topo. Uma vez que a janela central cresce na posição, eu quero que o topo deslize para dentro de baixo e, em seguida, esta seção inferior deslize para dentro de cima. Primeiro, vamos fazer o fundo aqui. Clique nesta seta, Transformar e, em seguida, vá para a propriedade Posição clique com o botão direito Separar Dimensões, vá para a frente, 15 quadros. No 15º quadro, quero que a posição y esteja no lugar, 540 e depois vá para esta marca de zero segundo. Arraste a posição y assim e deslize para baixo assim. Mas agora é muito lento, eu também queria ultrapassar. Então são 540 no final, e depois 469. Nesse caso, nosso décimo quadro, quero que seja 545. Arraste todos os três quadros-chave, clique com o botão direito do mouse em Assistente de quadro-chave Vá para o editor de gráficos, clique sobre isso para ajustá-lo à tela e, em seguida, arraste o gráfico de velocidade para torná-lo mais rápido assim. Isso é bom, então eu quero fazer esta seção de cima aqui. Clique em P, abra as Dimensões Separadas da Posição. Cinco posições em 15 segundos. Com isso, arraste-o para os 15 segundos e, em seguida, zero segundo. Quero que comece de baixo aqui e, em 10 segundos, talvez 535 ultrapassagem. Selecione todos os três quadros-chave, Assistente de quadro-chave, Facilidade fácil e, em seguida, vá para o editor de gráficos, faça a mesma coisa. Arraste-o para dar um pouco mais de velocidade. Assim, então vamos pré-visualizar isso. Olhe para isso, a animação em si parece boa. Agora só precisamos adicionar o Track Matte, como fizemos antes. Certifique-se de clicar em qualquer uma das camadas e, em seguida, ir para cima aqui, Retangle Tool. Arraste um retângulo como este e, em seguida, clique em off, arraste outro retângulo como este. Para a camada inferior, quero que ela mostre onde está esse retângulo inferior. Clique neste fundo central, Ir para Track Matte, clique em Alpha Matte e, em seguida, junte as outras duas camadas. Defina este para Alpha Matte também. Vamos ver. Você pode ver que ainda há duas camadas do reflexo porque lembre-se que nós as escondemos com isso com um botão Tímido, mas esquecemos de desligar o ícone de olho antes deles, então eles ainda estão aparecendo na visualização. Quero clicar neste ícone aqui, dessombreá-lo. Onde está o reflexo? Estes dois. Sim. Basta clicar no ícone do olho para ocultá-lo na visualização. Aqui está o que parece agora. Salve o projeto. Agora terminamos o poste inferior, a base, e depois a seção central. 8. Anime a parte superior da torre: Antes de passarmos para a próxima seção, quero cambalear essas camadas. Isso é chamado de ação sobreposta. Basicamente, não quero que eles entrem ao mesmo tempo. Quero que um deles entre em primeiro lugar, e depois o próximo, e então o próximo gatilho o próximo, como um efeito impressionante. Agora vamos encontrar o poste de baixo primeiro. Este poste deve vir primeiro. Aqui está o poste de baixo. Como um poste de fundo entra, assim, esta base de fundo deve vir um pouco mais tarde. Em seguida, a linha de fundo. Depois disso, quero que a janela central entre em primeiro lugar. Então eu quero que essa blusa entre e depois a parte de baixo para entrar. Vamos ver o que acontece agora. Você vê que, é mais limpo e organizado agora. Neste momento, parece-me que a secção da janela central ainda é demasiado exagerada. Quero entrar lá e ver o que acontece. Esta é a janela central. Clique em “U” para mostrar o quadro-chave. Vai de zero todo o caminho para 105. Então você vê a partir de 105, deve descer para 100. Mas então, enquanto eu esfrego a linha do tempo, ele vai mais de 105. Vai ainda maior. Isso é o que eu não quero. Quero clicar nos três quadros-chave e, em seguida, ir para o editor de gráficos, para ver o que acontece. Quero refazer esta parte da animação. Às vezes é mais fácil refazer. Excluir. No início, deve ser zero. Um quadro tenso deve ser 105 e depois de cinco quadros, ele deve voltar para 100. Clique com o botão direito do mouse em “Keyframe Assistant, easy ease”, vá para o editor de gráficos Arraste este gráfico E para torná-lo mais rápido assim e, em seguida, voltar, visualizar isso. Isso é melhor. Agora, parece muito mais suave do que antes. Veja, sim, eu gosto disso. Agora podemos seguir em frente. Seguindo em frente. Queremos animar a seção superior deste ícone aqui. Primeiro vamos pegar este retângulo. Traga até o topo e agora podemos arrastá-los para algum lugar por aqui. Arrastá-los de volta. Quero adicioná-los da mesma forma que fizemos para o poste inferior. Eu só queria deslizar de baixo para cima, e depois adicionar um tapete para cobrir onde eu não quero. Este é um retângulo. Clique em “posição p”, dimensões separadas. Clique em “posição y” e, em seguida, vá para a frente, arraste-o para baixo. Vá para o décimo quadro. Superar um pouco, 535, essa é a animação que eu quero. Em seguida, clique com o botão direito do mouse em “Assistência de quadro-chave Vá para o editor de gráficos, ajuste a velocidade, faça-a mais rápida. Isso está feito. Em seguida, este pequeno retângulo em cima dele, clique em “p” fazer a mesma coisa. Esta é a posição final, tamanho final. Então aqui, vá em frente. Arraste-o para baixo. Suponha que 535. Clique com o botão direito em “Assistente de quadro-chave, facilidade fácil” vá o editor de gráficos. Arraste a velocidade. Você pode segurar na barra de espaço para navegar neste editor de gráficos também. Volte para trás. Vamos pré-visualizar isso. É bom, exceto que ainda não temos a pista Matte. Eu quero adicionar na faixa Matte, primeiro vamos fazer este horizontal. Clique no ícone “Retângulo”. Lembre-se de clicar em qualquer uma das camadas, para que você não adicione uma máscara. Se eu não clicar em camadas, quando adicionar um retângulo sobre ela, vou arrastar uma máscara. Isso não vai funcionar porque a máscara vai viajar com camada. Não fica em posição. Você camada é este retângulo aqui, é sempre visível. É por isso que precisamos de uma pista Matte, para tornar o lugar onde não queremos ser invisíveis. Clique em “Camada de cursor” vá para a ferramenta de retângulo, ocultando um retângulo e, seguida, coloque-o em cima deste retângulo horizontal, escolha Alpha Matte. Arraste uma caixa aqui e defina-a para Alpha Matte. Agora vamos pré-visualizar isso. Eles estão chegando ao mesmo tempo. Eu também quero cambalear esses dois como todos. Não quero que nada entre ao mesmo tempo, para que pareça mais natural e orgânico. Isso entra, então o curto, este retângulo entra. Então o que precisamos fazer é animar esse retângulo longo. Este. Traga para o topo. Faça a mesma coisa. Eu só vou fazer isso rápido. Vai ser a mesma coisa. Sim, está feito. Vamos pré-visualizar isso. Legal. Estes estão todos usando a mesma animação, apenas luz de baixo. Vamos fazer isso rápido também. Finalmente, podemos fazer a agulha superior aqui. Agora, acabei de colar na posição y das outras camadas. Mas quero que esta agulha apareça e desça. Quero que essa superação seja muito maior, talvez assim. Agora mais uma vez. Preciso arrastar esta posição y ainda mais. Vamos pré-visualizar isso. Sim, algo assim. Eu quero esconder a régua, eu não preciso mais da régua, apenas o atalho para esconder régua é o comando ponto-e-vírgula. Menor zoom mostra a imagem completa. Você também pode mudar a partir daqui, talvez 100 por cento, usar a barra de espaço para navegar e, em seguida, vamos visualizar desde o início. Parece bom. Só um problema. Esqueci de adicionar uma faixa Matte para a agulha superior, então vou fazer isso. Arraste um retângulo aqui, torná-lo maior porque ele viaja mais longe deste ponto. Em seguida, basta definir Alpha Matte. Vamos pré-visualizar isso. Agora parece legal. Eu gosto disso. Lá vai você. Essa é a animação do ícone da tartaruga. Próximo vídeo, vamos construir o círculo e o sol saindo. 9. Torne-se dentro de movimento: Antes de continuarmos, quero compartilhar com vocês uma notícia empolgante. Os cursos de design de movimento acabaram de se tornar mais acessíveis nos círculos de movimento. Com nossa associação Motion Insider por apenas $7 por mês, você terá acesso ilimitado aos nossos cursos de design de movimento de alto nível, com a nossos cursos de design de movimento de alto nível, confiança de mais de 50.000 estudantes em todo o mundo É hora de aprimorar suas habilidades de design de movimento para se tornar o melhor animador possível Como especialista, você também receberá arquivos de projetos gratuitos de todos os nossos tutoriais do Motion Circles no YouTube E aproveite um desconto exclusivo de 25% em todos os outros projetos incríveis de animação de outros artistas em nossa loja de arquivos de projetos. Não perca essa oportunidade de aprimorar suas habilidades de animação e , ao mesmo tempo fazer parte de nossa vibrante comunidade. Junte-se a nós hoje em motion circles.com e liberte 10. Anime o círculo e o sol: Último vídeo, terminamos a animação toron CN Tower. Neste vídeo, eu vou mostrar a vocês como animar esse círculo em torno dele e também o sol saindo. Primeiro vamos encontrar esta camada de círculo e a camada de sol. Vamos para o fundo aqui. Aqui está a camada de sol e a camada de círculo, vamos movê-los para o topo. Primeiro de tudo, vamos fazer o círculo. Para animar o círculo, temos que usar essa coisa chamada passagem de corte, mas para cortar a passagem, o círculo tem que ser uma camada de forma, ou como uma linha. Agora são arquivos ilustradores, então precisamos convertê-lo em uma forma. Para fazer isso, basta clicar com o botão direito do mouse na camada do ilustrador e, em seguida, ir para criar e, em seguida, criar formas da camada de vetor. Clique nisso, você pode ver agora que há mais uma camada gerada, é chamada contorno de círculo, e então esta camada ilustradora de círculo está oculta. Os ícones dos olhos desligam, não precisamos mais dele, então podemos simplesmente apagá-lo. Clique no contorno do círculo, clique nesta pequena seta aqui e, em seguida, clique neste botão add aqui. Precisamos dessa coisa chamada “Trim Path”. Basicamente, ele vai cortar um caminho literalmente. Como ele funciona é triste, vá para a propriedade trim path, e então agora você pode ver se eu percorrer essa porcentagem, você pode ver que a linha está realmente animando dentro e fora. O que precisamos fazer é, no início, eu quero que seja zero por cento. Então talvez aqui, um quadro de 16 segundos, eu quero que seja 100%. Vamos pré-visualizar isso. Isso é quase certo. A única coisa é, eu não quero que a linha seja animada a partir deste ponto aqui, eu quero que ela se anime de baixo. Para alterar isso, precisamos alterar essa porcentagem de deslocamento. Basta arrastar o deslocamento e você pode ver que a linha está realmente se movendo, a linha de partida, basta arrastá-la até chegar ao fundo lá, modo que é cerca de 96 por cento. Agora, pode começar de baixo. Quero que comece com o poste entrando na moldura. Vou arrastá-lo de volta dois quadros. Vamos pré-visualizar isso. Isso é bom. Agora esses dois quadros-chave são quadros-chave lineares, então eu quero clicar com o botão direito do mouse e, em seguida, assistente de quadros-chave , facilitar a facilidade, para alterá-lo para facilitar quadros-chave. Algo assim. Isso funciona para mim. Salve o projeto. Para animar a camada solar, em primeiro lugar, preciso mudar esse ponto de ancoragem para o centro do círculo em torno de lá, e então eu preciso desenhar um caminho ao longo do círculo aqui para que o sol possa viajar ao longo. Para fazer isso, eu preciso usar essa ferramenta de caneta, apenas basicamente desenhar um círculo, assim, assim. Não feche, caso contrário não será um caminho, e então o sol não pode viajar ao longo dele. Você tem que deixá-lo aberto. Então eu posso ir para o topo aqui, mantenha pressionada a opção, alternar entre a cor para desligá-lo. Agora eu tenho este caminho círculo, tudo o que eu preciso fazer é descer aqui, este ícone, e então descer para este caminho, clicar neste quadro-chave, adicionar um quadro-chave aqui, em qualquer lugar, e então copiar este quadro-chave, Comando C, vá para a camada solar, vá para a posição de transformação e, em seguida, Comando D, cole. Você pode ver que o sol mudou sua posição. Agora ele muda para o ponto de partida desta linha aqui. Se eu passar pela linha do tempo, você pode ver que ela realmente viaja ao longo do caminho agora. Isto é o que queremos. Agora eu posso desligar o ícone para este caminho, eu não preciso mais dele, eu só preciso da camada solar aqui. Vai começar lá de baixo. Vamos mover todos os quadros-chave para a frente, quero que o sol comece a viajar talvez por volta do décimo quadro, daqui. Eu também quero que ele cubra a borda do círculo que eu possa movê-lo para cima da linha do círculo. Antes de avançarmos, vamos apenas selecionar todos esses quadros-chave aqui,clique com o botão direito do mouse e clique neste movimento avançarmos, vamos apenas selecionar todos esses quadros-chave aqui, através do tempo. Como circulei as viagens, quero que pare aí mesmo. Vou adicionar um quadro-chave e, em seguida, excluir o quadro-chave atrás dele, para que ele pare por aí. Ele não viaja mais longe. Outra coisa é, eu quero adicionar mudança de opacidade. Quero que o sol se desvaneça em vez de se cortar. Vamos para a opacidade, clique no quadro-chave, mude para zero aqui. Neste ponto, o sol deve começar como opacidade zero, e, em seguida, à medida que avança, ele está lentamente em fase, talvez encaixar mais rápido, e mover esses dois quadros-chave mais perto. Agora você pode ver quando o sol entra, não é muito suave. A animação é um pouco agitada. O que precisamos fazer é mudar esses dois quadros-chave de volta para o quadro-chave rove, que a velocidade não seja afetada aqui nessas duas posições, e então ele vai tornar a animação muito mais suave. A maneira de fazer isso é entrar neste quadro-chave aqui, mantenha pressionado o comando para clicar neste quadro-chave, e depois clicar duas vezes basicamente, e então ele se torna um círculo, que significa que é um quadro-chave móvel. A velocidade não muda neste momento. Só vai passar por este quadro-chave aqui. Comando clique duas vezes. Agora mude para o primeiro quadro-chave para facilitar o quadro-chave também, clique com o botão direito do mouse no assistente de quadro-chave, facilidade Agora vamos Preview. Quero ver a curva, o que acontece aqui. Isso parece bom. Salve o projeto. Vamos pré-visualizar a animação. Eu ainda sinto que o sol está saindo muito rápido, então eu o faço mais lento. Sim, assim. Outra coisa que podemos acrescentar é que, neste momento, o sol tem um contorno de círculo também. Nós também podemos adicionar um caminho de corte para isso, o círculo possa construir sobre. Vamos entrar na composição do sol. Faça a mesma coisa que o círculo na composição principal, então aqui está o contorno e clique com o botão direito do mouse em “Cria forma a partir da camada vetorial”, e então entre aqui, adicione um caminho de corte. Em zero segundo, altere o valor final para zero e, em seguida, cerca de um segundo será 100. Vamos voltar para a comp principal e dar uma olhada. O contorno é animado, mas o círculo não está girando, então isso faz com que pareça estranho. Agora, eu preciso adicionar um valor de rotação ao círculo em si. Basta clicar no cronômetro na rotação e, em seguida, voltar no tempo. Aqui, talvez mude para 90 negativos, ou 180 negativos. Vamos pré-visualizar isso. Eu quero que o círculo entre neste ponto aqui. A partir daqui, e então já está começando a girar. Eu acho que um valor de rotação não é grande o suficiente, então eu quero alterá-lo para 360 negativos. Então eu vou mover o quadro-chave da tendência passar para trás também para que ele venha ao mesmo tempo quando o círculo se torna visível. Este é um ponto aqui que o círculo pára em posição. Vamos pré-visualizar isso. Isso parece bom para mim. Agora sinto que o círculo externo está viajando muito cedo. Preciso movê-lo de volta. Talvez um toque. Agora vamos pré-visualizar isso. Isso parece bom para mim. Agora fizemos a torre e também o sol, o círculo, o próximo vídeo, podemos ver como podemos animar as nuvens. 11. Anime a nuvem: Neste vídeo, vamos animar as nuvens e também a cópia aqui, esta como Toronto. Primeiro, vamos pegar a camada de nuvem. Faça aqui embaixo. Aqui está uma nuvem um, dois e três, selecione-os, traga-os para o topo. Então o que eu quero fazer é, eu só quero que eles deslizem para dentro. Vai ser muito simples. Primeiro, vamos mudar o ponto de ancoragem desta posição para o centro de cada nuvem. Agora vou pegar essa caneta atrás da ferramenta. Amplie, use a barra de espaço para navegar e arraste este ponto de ancoragem para o centro desta nuvem. Então aqui está minha segunda nuvem. Vou arrastar este ponto de ancoragem para o centro aqui e, em seguida, o terceiro, o mesmo, feito. Agora o que eu quero fazer é, vamos fazer a primeira nuvem primeiro. Clique em “P” no teclado, ative a posição e clique com o botão direito do mouse em dimensões separadas. Só vou animar a exposição. Então, enquanto a torre está se construindo, eu quero que a nuvem entre provavelmente por aqui. Então eu quero clicar neste “Cronômetro” aqui e, em seguida, adicionar um quadro-chave, arrastá-lo para a frente. Então aqui neste quadro-chave aqui, esta vai ser a posição final da minha nuvem uma camada. Agora estou em 20 quadros. Então eu quero mudar isso, arrastá-lo para a esquerda. Talvez mover este mais longe para que ele se mova devagar. Não está se movendo tão rápido. Quando ele entra e também quer que a nuvem se desvaneça em vez de apenas cortar. Então eu quero adicionar uma alteração de opacidade a esta camada. Uma maneira de fazer isso é, enquanto você tem a camada selecionada, mantenha pressionada a tecla “Shift” e, em seguida, pressione “T” no teclado. Então ele vai mostrar o valor de opacidade aqui. Clique no “Cronômetro” em um quadro-chave. Agora está a 100 por cento e vou arrastar este quadro-chave de 100 por cento para frente, talvez um pouco, alguns quadros e depois mudá-lo para zero. De modo que agora em 20 quadros, a opacidade é de zero a 100 no 23º quadro. Vou pesar a nuvem vai se encaixar, enquanto ela também está deslizando pela esquerda. Como isso. Vamos pré-visualizar isso. Então a nuvem ainda está se movendo muito rápido para mim. Eu vou arrastar este quadro-chave mais longe para que ele esteja se movendo lentamente e também eu quero que a nuvem entre depois que o sol passar por ele porque eu não quero que eles se sobreponham. Nesse caso, eu vou pegar esses três quadros chave e depois movê-lo para trás um pouco, que a nuvem não esteja começando a se encaixar até que o sol passe por ela. Arraste-o aqui e, em seguida, altere o. Então também não quero que a nuvem se cruze com o círculo. Então eu vou arrastar essa opacidade ainda mais, agora a nuvem está se cruzando com o círculo, eu não quero isso, então eu vou mudar a exposição. Arraste-o para a direita para que não esteja se cruzando. Vamos pré-visualizar isso. Sim, algo assim, funciona para mim. Agora vou fazer a mesma coisa para as outras duas nuvens. Basta animar a propriedade position e também a opacidade. Esta é a posição final da nuvem. Também quero que neste ponto aqui, eu quero que o valor de opacidade seja 100 e, em seguida, no início, eu quero que seja zero. Alterou ligeiramente a posição x da direita. Ou talvez eu queira que a posição final seja ainda mais longe da borda. Talvez ali mesmo. Isso é bom. Então eu vou fazer a mesma coisa para a nuvem três dimensões separadas. Ligue a opacidade. Então eu quero que a opacidade esteja em 100 aqui. Arraste este ponto para alinhar com as outras duas camadas e, em seguida, para aqui, a opacidade deve ser zero. Arraste levemente a exposição, isso é bom. Vamos pré-visualizar isso. Eu gosto, exceto que agora eles estão chegando ao mesmo tempo, o que é algo que eu não quero. Então, primeiro de tudo, eu vou cortar essas três camadas para que o primeiro quadro seja neste ponto. Um segundo, dois quadros. A maneira de fazer isso é manter pressionada a opção e o colchete esquerdo. Você vê que as camadas são cortadas e, em seguida, essas três camadas todas começaram no mesmo ponto. O que eu queria fazer é apenas cambalear esses um pouco, para que eles não apareçam ao mesmo tempo. Assim, vamos pré-visualizar isso. Eu sinto que quando eles chegam, eles estão muito perto da borda. Especialmente o primeiro. Quero que o primeiro se aproxime da torre quando aparecer pela primeira vez na tela. Então a maneira de fazer isso é mudar a exposição, talvez aqui, e depois arrastar o ponto final para mais perto da torre. Talvez por aqui. Assim, parece bom para mim. Agora sinto que ainda estão se movendo muito rápido. Então eu vou arrastar esses dois quadros-chave ainda mais para fazer a animação lentamente, que funciona para mim. Agora, temos as nuvens pregadas. Vamos fazer a cópia de Toronto. 12. Apresentação divertida do texto: Em seguida, vamos animar este texto de Toronto aqui. Quero ensinar-lhe uma das maneiras mais fáceis de animar um texto. Este também é um dos meus “go-to”. Às vezes, quando não sei animar texto ou não quero que seja simples, chato. Eu quero que ele seja estilizado, mas também muito fácil de fazer. Esta é uma das minhas animações para qualquer título e você sabe que você pode aplicar a qualquer coisa que você quiser. Deixe-me mostrar-lhe como se faz. Primeiro de tudo, a camada de Toronto agora está no Illustrator. É uma camada vetorial, mas o que precisamos é redigitá-la no After Effects porque não consigo converter essa camada do Illustrator em uma camada de texto. Tudo o que precisamos fazer é pegar essa ferramenta de texto, basta digitar a palavra Toronto. A fonte que estou usando é Gotham X Narrow negrito, tudo que eu preciso fazer é mudá-lo para maiúsculas. Você pode escolher a fonte que quiser, e então eu vou sobrepor em cima dessa camada vetorial. Tudo bem, posso desligar essa outra camada que tenho aqui. Agora, eu posso até excluir essa camada do Illustrator. Eu não preciso mais dele. Primeiro eu quero reposicionar o ponto de ancoragem para o centro deste Toronto, e então tudo que eu quero animar é a propriedade position. em “Posição P”, clique com o botão direito do mouse em “Dimensões separadas”. O que sei agora é que a posição 850 é a posição final em que quero que o texto esteja. Eu vou clicar no “Cronômetro”, apertar, colocar um quadro-chave lá, e então eu vou arrastá-lo para a frente para o 15.º quadro. Depois de 15 quadros, quero que o texto se estabeleça no lugar. Voltar ao início, eu queria animar de baixo aqui, deslizar para cima, e depois no 10º quadro, eu quero adicionar uma superação. Exatamente, o que fizemos antes para os outros elementos da torre. No décimo quadro, sobreposição anexar aqui, então isso é 850. Depois a ultrapassagem, quero que seja 845. Selecione todos os quadros-chave, então clique com o botão direito do mouse em “Keyframe Assistant” Vamos pré-visualizar a animação. Quero que a ultrapassagem seja ainda mais dramática. Talvez, eu possa adicionar em 840. Vamos ver isso. Isso é bom. Em seguida, vá no editor de gráficos, modifique o gráfico de velocidade para dar-lhes mais energia e velocidade, assim. Vamos pré-visualizar. Sim, eu gosto dessa animação. Legal. Agora, aqui está a parte divertida. Apenas me siga de perto. Primeiro, eu quero duplicar esta camada 1, 2, 3, 4, 5, 6. Seis vezes, de modo que eu tenho sete camadas e cada camada pode conter uma letra. A maneira de fazer isso é muito simples. Basta clicar em “Command+D” para duplicar seis vezes. Um, e depois vou desenhar uma máscara. Na primeira camada aqui, eu vou desenhar uma máscara em T. Na segunda camada, desenhar uma máscara em O. Terceira camada, desenhar em R. Faça a mesma coisa para o resto. O que acontece é que cada camada conterá apenas uma letra. Se eu alternar entre este ícone ativado e desativado, você pode ver que cada uma das minhas camadas é apenas uma letra. Agora o que eu preciso fazer é selecionar todas as sete camadas aqui, e então usar uma opção de atalho, colchete direito, para cortá-la. Todas as sete camadas são cortadas em um quadro. Agora aqui está um truque, desmarque todos eles, selecione-os da parte inferior primeiro e depois para o topo. Vou clicar na primeira camada na parte inferior, a ordem é muito importante aqui. O que quer que você esteja clicando primeiro, será a primeira coisa que será animada. Primeiro, vou clicar nesta camada “T” e, em seguida, segurar o shift, clicar nesta última camada O e, em seguida, clicar com o botão direito do mouse, camadas de sequência “Keyframe Assistant”. Aí vem outra janela, não precisamos mudar nada, basta clicar em “Ok”. Agora você vê que a posição da camada foi alterada e, em seguida, todos eles vêm em um após o outro. Agora o que eu preciso fazer é, antes de eu clicar em qualquer coisa, você vê que há uma seta para a esquerda e para a direita no meu mouse. Eu só quero rastrear o final de todas as camadas. Basta arrastá-los para fora, para que eles estejam todo o caminho até o sexto segundo marco. Agora vamos visualizar a animação. Você vê isso, esse é o efeito que obtemos deste fluxo de trabalho. É um efeito de primavera para o texto e isso é animação que eu sempre faço, sempre que eu não consigo pensar em uma maneira criativa de animar a cópia. Agora vamos agrupar todas as sete camadas em uma composição, “Command+Shift-C”, “Pré-Comp” e chamar este hit de Toronto “Ok”. Em seguida, o que eu quero fazer é adicionar um fosco de faixa para cobrir onde eu não quero ver a cópia no início. Certifique-se de que você não tem nenhuma camada selecionada. Desenhe um retângulo como esse e, em seguida, defina-o como fosco alfa. Vamos pré-visualizar isso. Perfeito. Essa é a animação que eu quero para este texto entrar. Agora vamos visualizar toda a animação antes de passar para o próximo vídeo. Quero que Toronto venha mais tarde. Selecione as duas camadas, arraste-o para trás, avance no tempo. Assim como a torre está se construindo, quero que o texto de Toronto entre. Esqueci-me de arrastar esta barra amarela. Quero que o bar entre ao mesmo tempo que o texto de Toronto. Lá vai você. Essa é a sua animação. 13. Anime reflexos: Neste vídeo, vamos trabalhar sobre o reflexo na torre. Primeiro, vamos descer aqui para pegar o reflexo que desligamos no início. Estas duas camadas são o reflexo, levando-os para o topo. Agora, o que eu preciso fazer é recriar esse reflexo dentro dos efeitos posteriores. A maneira de fazer isso é primeiro vamos criar uma nova camada sólida, ir para camada, novo. Clique em “Sólido”. Aqui está uma janela que eu deixei cair esta cor aqui, esta cor azul claro no reflexo. O sólido que estamos criando, vai ser 1080 por 1080, podemos renomeá-lo para reflexão, clicar em “Ok”. Você vê agora nós criamos uma camada que é da mesma cor que o reflexo. Agora o que eu preciso fazer primeiro, eu quero desenhar ao longo das linhas deste reflexo, mas então esta camada está cobrindo em cima dele, então eu não posso ver isso. A maneira de fazer isso é clicar primeiro neste ícone, este é o ícone da Camada de Ajuste. Uma vez que eu clicar sobre isso, esta camada vai se tornar uma camada de ajuste, que vai ser invisível. Mas, ao mesmo tempo, ainda posso desenhar nesta camada. Com este ícone marcado, eu posso ir por cima aqui, pegar um lápis, e depois ampliar. Basta desenhar ao longo do contorno deste reflexo, assim. Desta forma vai criar uma máscara em cima desta camada sólida, e uma vez que eu terminá-lo, eu vou clicar em “Off” para que a forma é feito. Em seguida, clique nesta camada de reflexão novamente, Eu quero desenhar outra máscara ao lado dela, zoom novamente ainda mais. Quero desenhar esta forma aqui. Feche a forma, então podemos desligar a camada de ajuste assim. Você pode ver este o efeito que temos, então eu desenhei para mascarar em cima desta camada sólida. Agora a camada sólida, se eu desligar a máscara. Esta é a camada antes da máscara. Uma vez que eu desenhe a máscara, ela vai me mostrar apenas a parte que está dentro da máscara que eu desenhei. Nós temos o reflexo agora eu posso excluir os dois reflexo antes. Apenas apague esses dois. Agora o que eu preciso fazer é obter esta seção central aqui, tentar encontrar as camadas, janela central. Esta é a janela central, parte superior central, então eu tenho a janela central, superior central e a parte inferior central. Eu quero pré-compilar essas camadas. Comando Shift C, recompor, seção central da torre. Clique em “Ok” e, em seguida, eu quero trazer este reflexo para baixo em cima desta seção central da torre. Primeiro, o que eu preciso fazer é animar essa reflexão indo do lado direito para a esquerda. Clique na posição P, clique com o botão direito em dimensões separadas. Quero que o reflexo se anime por aqui. Clique no cronômetro na quadro-chave na exposição. Arraste-o para a direita, esse é o reflexo e então vá até aqui, arraste a posição para a esquerda, assim. Essa é a animação do reflexo. Vamos pré-visualizar isso. Pode ser muito lento, vou arrastá-lo para mais perto aqui. Ainda sinto que é muito lento, talvez até mais. Isso parece melhor para agora e, em seguida, o que precisamos fazer, Lembre-se da marca de pista que estávamos usando antes, podemos fazer a mesma coisa com este reflexo. Tudo o que preciso fazer é duplicar esta camada, a camada central da torre, comando D duplicado, e então colocar esta nova camada duplicada em cima do reflexo. Use esta camada como o limite do reflexo para que o reflexo só seja visível dentro desta seção central da torre. Basta definir este reflexo para alfa fosco. Agora você pode ver se um arranhão através da linha do tempo. O reflexo só é visível. Um está dentro da torre. Foi assim que conseguimos a reflexão. Vamos pré-visualizar a animação. Eu ainda sinto que não há energia para este reflexo enquanto eu agarro os dois quadros-chave ainda mais perto. Isso parece melhor, agora eu quero selecionar os dois quadros-chave. Clique com o botão direito do mouse assistente Como pré-visto isso parece bom para mim, é assim que você faz o reflexo. 14. Anime um balão: Agora vamos animar os balões. Primeiro, vamos pegar o balão do painel do projeto na pasta “Pre composições”. Clique nesta seta. Eu tenho este balão azul e depois amarelo balão. Vamos pegar este balão azul colocá-lo no comp principal. Primeiro, eu quero ir lá para adicionar uma corda anexada ao balão. Clique duas vezes, agora, vamos apenas para a ferramenta de caneta. Sem camada selecionada, eu quero desenhar uma string, talvez tão longa, e então eu não quero nenhuma cor de preenchimento, mas eu quero uma cor de traçado. Vá para “Conteúdo”, “Forma” e, em seguida, desligue a cor de preenchimento, ative a cor do traçado, mude-a para preto. Isso é quase certo. Em seguida, o que eu quero fazer é adicionar efeitos à string. Vamos para “Janela”, clique em “Efeitos & Predefinições”. É aqui que vamos aplicar efeitos. Procure por dobra de onda e, em seguida, clique duas vezes para colocá-lo nesta camada e, em seguida, vamos ajustar algumas das configurações. Primeiro, eu quero mudar este ponto de ancoragem para a string aqui. Este é o ponto de ancoragem. Vou colocar lá em cima. Vamos mudar a largura da onda para cerca de 90, e então podemos tentar mudar a direção da onda. Você pode ver como eu estava mudando a direção, você pode ver que a linha já está distorcida como se estivesse acenando. Eu só quero uma onda leve, muito sutil, assim, e então eu quero mudar a velocidade da onda para zero. Agora tudo o que quero fazer é animar o rosto. A partir daqui, eu quero adicionar os zero segundos. Vamos adicionar um quadro-chave no rosto, então clique em “Cronômetro” aqui. Agora podemos clicar na tecla de atalho, “U”, no teclado para mostrar o quadro-chave na linha do tempo aqui. Então eu só quero talvez ir até um segundo, e então mudar o rosto para negativo aqui. Eu quero arrastar este rosto todo o caminho para que ele dure mais, que significa que a animação vai ser mais lenta. É muito sutil agora, mas vamos ver se funciona depois de animar o balão, voltar para a composição principal. Suba aqui, clique na caneta atrás da ferramenta, coloque esses pontos de ancoragem no próprio balão, assim, e arraste a posição y para baixo. partir deste ponto, o balão vai estar lá, e depois arrastar para a frente até talvez quatro segundos. Clique no atalho de teclado “V” para ir para “Ferramenta de Seleção”, e então eu vou arrastar este balão para fora, todo o caminho para cima. Você vê que há uma alça no caminho. Eu quero modificar ligeiramente a alça no caminho para ter um caminho de curva para ele. Em vez de caminho reto, uma ligeira curva. Não precisa ser exagerado, eu só quero me mover um pouco para a esquerda ou para a direita. Isso funciona. Vamos pré-visualizar a animação. A animação flutuante parece boa para mim, é apenas uma corda. Talvez eu precise fazer a corda se mover mais rápido. Neste momento, mal está se movendo. Vá para esta corda aqui. Eu também quero que a corda esteja atrás do balão, então eu quero colocar a camada no fundo. Arraste os dois quadros-chave para que a animação fique mais óbvia. Vamos voltar para a comp principal para pré-visualizar isso. Você sabe o que? Isso parece bom para mim. Agora vamos fazer a mesma coisa para o outro balão. Vamos voltar para o painel do projeto, pegar este balão amarelo, colocá-lo na composição principal, e depois entrar lá. Posso copiar a outra corda para esta composição. Aqui em cima, você pode ver que há uma camada azul de balão, pré-comp, e então vamos apenas copiar isso, “Comando C”. Voltar para o balão amarelo, colar, e então tudo que eu preciso fazer é mudar a posição, colocá-lo atrás deste balão aqui. Podemos colocar a camada no fundo para que fique atrás do balão. Volte para a composição principal, arraste esta camada, talvez por aqui. Eu não quero que eles apareçam ao mesmo tempo, como eu disse antes, então eu quero cambalear a animação. Primeiro, vamos mudar o ponto de ancoragem para o centro do balão. Então o que eu posso fazer é copiar esses dois quadros-chave, “Command C”, e então ir para o início desta camada de balão amarelo, colar nos dois quadros-chave. Agora vamos pré-visualizar. Quero ver o que acontece aqui. Você vê agora, o balão amarelo está seguindo o mesmo caminho que o azul. O que eu quero fazer é modificar o caminho dele. Primeiro, precisamos selecionar dois quadros-chave e depois ir para o primeiro quadro-chave, então eu posso mudar o caminho do balão amarelo. Agora você vê que eu posso arrastar as duas posições ao mesmo tempo para o lado direito, e agora é um caminho diferente. Mas ainda assim, quero mudá-lo ainda mais. Eu quero ir para o último quadro-chave aqui e, em seguida, talvez arrastá-lo para o último um pouco, e, em seguida, arrastá-lo para longe disso. Quero que este amarelo se mova mais devagar que o azul. Vamos pré-visualizar a animação. Sinto que esses dois ainda estão muito próximos um do outro. Quero que o amarelo vá para a direita e não para a esquerda. Vá para o último quadro-chave aqui, arraste este caminho, em algum lugar por aqui, e modifique a curva um pouco. Vamos pré-visualizar isso. Agora não é alto o suficiente, então você ainda pode ver a corda. Eu preciso ir para o último quadro chave e depois arrastar o balão amarelo ainda mais alto para que você não veja a corda pendurada no ar. Isso deve ser bom para mim. Vamos salvar o projeto. Em seguida, tudo o que precisamos fazer é seguir o mesmo processo para os dois primeiros balões, e então podemos criar mais dois balões, mas na posição diferente. Aqui está a animação final. Tudo o que fiz foi copiar estes dois balões e, em seguida, colá-lo em outra composição, e, em seguida, corrigir a posição destes dois e mudar a cor para que eu tenha quatro balões diferentes chegando. Vai ser o mesmo processo que os dois primeiros. Aqui está a animação final. Próximo vídeo, vou mostrar-lhe como exportar este arquivo como um GIF ou em MP4 para que você possa compartilhá-lo com seus amigos ou postá-lo na Internet. 15. Exportação: Aqui vamos nós. Esta é a nossa animação final. Então agora eu quero exportar este arquivo para um arquivo GIF. Tudo o que eu preciso fazer é clicar nesta composição aqui e, em seguida, clicar neste adicionar à fila do Adobe Media Encoder. Quando eu clicar nisso, ele abrirá o Adobe Media Encoder. Outra coisa a prestar atenção é que agora meu intervalo de visualização está definido para de zero segundo a seis segundos. Então esse vai ser o intervalo em que esta animação vai ser renderizada. Basicamente, se eu colocar a região de renderização como seis segundos só vai renderizar vídeo de seis segundos para mim. Eu também posso configurá-lo por mais tempo se eu quiser. Posso ajustar para nove segundos. Tudo o que eu preciso fazer é clicar na marca de nove segundos, colocar meu indicador de temporizador lá e, em seguida, pressionar a tecla N no teclado para definir o ponto de saída. Em seguida, se você quiser definir o ponto final vai para B, B no teclado. Aqui vamos nós. Agora temos a fila do Adobe Media Encoder aberta. Este arquivo agora é enviado para a fila. Aqui está a configuração que podemos escolher. Clique nesta seta para baixo aqui. Podemos exportar este arquivo como formatos MP4. Então, se você quiser exportar como MP4, você pode apenas clicar neste H.264. Isso é um formato de vídeo MP4 de alta qualidade. Em seguida, se você quiser um formatos GIF, você pode apenas clicar sobre este GIF animado. Agora eu só quero que ele seja GIF animado, então eu vou escolher este. Você pode alterar algumas configurações na predefinição, mas por enquanto, tudo o que precisamos é desta opção GIF animado. Então podemos escolher aqui onde queremos salvar o arquivo. Quero salvá-lo na área de trabalho, saída final e, em seguida, nomeá-lo Logotipo Toronto. Pressione enter e, em seguida, basta clicar neste botão verde de início. Vai começar a renderizar. Tudo bem, está feito. Vamos dar uma olhada. Aqui está a nossa animação final. 16. Parabéns!: Parabéns, você terminou o curso. Agora você deve ser capaz de aplicar as técnicas aprendidas neste curso a qualquer tipo de animação. Meu desafio para você foi pegar qualquer um de seus próprios logotipos ou ícones, algo que o entusiasma, e aplicar o que aprendeu neste curso ao seu próprio design. Não deixe de postar sua animação na página do projeto, mal posso esperar para ver o que você vai descobrir. Se você tiver alguma dúvida sobre este curso, envie-me uma nota no painel de discussão e eu estou aqui para ajudá-lo. Muito obrigado por fazer o curso. Feliz animação. [MÚSICA]