Princípios da animação de logotipos para iniciantes: como animar logotipos | Adam Chraibi | Skillshare

Velocidade de reprodução


1.0x


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

Princípios da animação de logotipos para iniciantes: como animar logotipos

teacher avatar Adam Chraibi, Designer and animator

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.

      INTRODUÇÃO DO CURSO

      1:46

    • 2.

      Recursos e projetos do curso

      2:22

    • 3.

      Sobre as restrições de loteamento e logótipos

      3:58

    • 4.

      Princípios básicos de animação com logotipo

      4:46

    • 5.

      Como configurar o espaço de trabalho e as configurações gerais

      4:15

    • 6.

      Animação e desaparecimento de logotipos

      16:14

    • 7.

      Como animar a posição e as estratégias complexas

      13:56

    • 8.

      Como criar caminhos para aparar e deslocar

      11:42

    • 9.

      Explorando o princípio de alongamento usando o parâmetro Path

      12:31

    • 10.

      Ação de acompanhamento e sobreposição

      15:58

    • 11.

      Morfismo com quadros básicos

      10:15

    • 12.

      Passos opcionais e adicionar cores

      6:05

    • 13.

      Parabéns

      1:11

  • --
  • 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.

1.080

Estudantes

10

Projetos

Sobre este curso

Olá, meu nome é Adão, designer profissional e animador com mais de 6 anos de experiência agora.

Neste curso, você vai aprender sobre os princípios de animação de logotipo no Adobe After Effects CC. Vamos focar-nos mais nas técnicas e não na teoria.

Como as pessoas reagem melhor aos vídeos do que imagens, a animação de logotipo pode ajudar o designer e a marca se conectar mais profundamente com seus clientes.

Assim, neste curso, você vai aprender sobre:

  • Como criar restrições no gráfico e logótipo
  • Os princípios básicos da animação com logótipos
  • Como criar um logotipo simples, mas limpo e revelar e desaparecer
  • Como criar uma animação de logotipos mais avançada usando os princípios da animação

 

Este curso é para iniciantes na animação de logotipos, mas ser familiarizado com o Adobe After Effects é recomendado para você se concentrar nas técnicas de animação e não no software.

 

Você vai precisar de:

  • Adobe After Effects CC, a versão mais recente
  • Duik Bassel
  • Roteiro gratuito no Rift

Depois de baixar os scripts, você precisa simplesmente descompactar e colocar o arquivo ''.jsx'' na pasta correta.

No final deste curso, você deve ser capaz de aplicar essas técnicas a todos os logotipos e símbolos.

Até o curso no curso.

Conheça seu professor

Teacher Profile Image

Adam Chraibi

Designer and animator

Professor

Hello, I'm Adam Chraibi, professional designer, animator and video editor based in Casablanca, Morocco with more than 7 years experience and my motto is if you design it you can animate it.

I went to art school when I was a 15 years old where I studied the basics of drawing, shadows and light (Mangas style) and after that I went to law school where I got my bachelors degree in private Law.

But my love and passion for art and animation was bigger than the love for law, I wasn't feeling conformable studying it, but it was too late I couldn't just drop off I told myself at least get the degree and then do something else.

So I switched my career into doing what I love and passionate about, which is all the digital art stuff. That when I ... Visualizar o perfil completo

Level: All Levels

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. Introdução ao curso: Se você me perguntar por que a animação do logotipo é importante, direi que é importante de duas perspectivas. Do ponto de vista do designer, ele pode aumentar consideravelmente as chances de seu logotipo ser aprovado pelo cliente. Enquanto o logotipo estético faz sentido e animado, faz mais sentido. [MÚSICA] Do ponto de vista da marca, dar vida ao logotipo através da animação pode se conectar mais com o cliente e tornar o logotipo mais memorável e mais envolvente para seus clientes. Olá, todos. Meu nome é Adam. Sou um animador de designer profissional. Comecei a trabalhar como interino com muitas empresas, como uma companhia aérea, e tenho agência e Facebook. Agora sou freelancer em tempo integral e criador de conteúdo. Meus projetos mais recentes em que estou trabalhando agora é uma série animada na web chamada Jenny, mas isso é para outra história. Você está aqui para aprender sobre os princípios básicos da animação de logotipo. Nesta aula, você aprenderá sobre o que fazer e não fazer animação de logotipo, basicamente as melhores práticas de animações de logotipo. Então você aprenderá sobre os princípios básicos da animação do logotipo. Para esta aula, você terá dois projetos. Uma animação simples revela e desaparece, e outra é uma animação de personagens mais avançada de um tipo de logotipo ou um mapa-múndi. Este curso é para iniciantes absolutos em animação de logotipo, mas um conhecimento ou conhecimento básico no Adobe After Effect é realmente útil, como você sabe como exportar projetos e o After Effects. Para esta aula, você precisará do Adobe After Effects, é claro, você precisará de dois scripts gratuitos. O primeiro é o Duik Bassel, e o outro é Rift. É isso para a introdução, pessoal, e nos vemos na primeira lição. 2. Projeto e recursos do curso: Agora, para esses projetos de classe, temos dois projetos, como eu disse anteriormente. O primeiro é um logotipo simples revelar e desaparecer. A razão pela qual eu escolhi este é familiarizá-lo com os quadros-chave, com easins e com o gráfico de velocidade, e isso é muito importante, especialmente se você está apenas começando. O segundo projeto será uma animação de personagens mais complexa de um logotipo. A razão pela qual eu escolhi esse segundo projeto específico é porque as técnicas que você aprenderá aqui podem ser aplicadas a qualquer letra, e também você pode aplicá-las a objetos. Ambos objetos simples são objetos complexos. O que eu quero que você faça agora é ir em frente e baixar o projeto do projeto e dos recursos. Você encontrará aqui tudo o que você precisa para seguir comigo durante o curso e você também encontrará o projeto final caso você não saiba o que eu fiz ou você precisa de alguma ajuda Eu incluí o final projeto também. Então, o que eu quero que você faça agora é ir em frente e baixar Duik Bassel daqui. Então você acessa os sites oficiais deles e acabou de baixá-lo. Então você vai para aescripts.com e baixa o script rift também. Você vê 29.99 aqui. Não fique com medo. Basta colocar 0 e depois colocar adicionar ao carrinho. Basicamente, você acabou de fazer login no site como se estivesse comprando algo. Eles enviarão um e-mail com o link de download e, em seguida, você o baixará Uma vez que você o tenha, você pode querer descompactar o arquivo, clique duas vezes aqui e você encontrará este, o Duik Bassel.2.jsx. Extraia para e, em seguida, você copia o arquivo aqui. Portanto, esse é o caminho, se você estiver no Windows, e esta é a pasta de caminho se você estiver no Mac. A mesma coisa para a fenda que você instala da mesma maneira. Então, o que você quer fazer antes de trabalhar com os scripts, você quer ir para edição, preferências, scripts e expressões. Em seguida, verifique permitir que script grave arquivos e acesse a rede. Em seguida, clique em “Ok”, e você está pronto para ir. Minha dica para terminar o projeto é apenas para ficar com calma. Não se estique. Basta seguir comigo e tentar entender por que estamos tomando essas decisões em vez de apenas seguir cegamente. Portanto, certifique-se de preparar tudo. Certifique-se de abrir a Creative Cloud e faça o download do projeto e veja você na próxima palestra. Falaremos sobre instruções do logotipo. 3. Sobre as restrições com logotipo: Nesta palestra, estaremos falando sobre o que fazer e não fazer a animação do logotipo, e basicamente o que quero dizer com isso é que estaremos falando sobre as melhores práticas das animações de logotipo, coisas a ter em mente ao fazer a animação. Se é sua primeira vez fazendo animação de logotipo, você pode estar pensando, como eu crio as parcelas? Um bom truque que faço toda vez que preciso de cenas para animar meu logotipo é pensar comigo mesmo, qual o sentido dessa empresa? O que ele faz? Vamos pegar o Indeed, por exemplo, e tentar criar mini gráficos para nossa animação. O Indeed é um serviço gratuito para candidatos a emprego, e o que você faz lá é carregar seu CV, procurar empregos, criar e-mails de alertas de emprego, salvar trabalhos, candidatar-se a um trabalho diretamente. Para fazer isso, você precisa ter um diploma ou treinamento ou experiência profissional. Agora que eu fiz um brainstorm de todas essas ideias, posso ir em frente e reduzi-las para um mini enredo de um a cinco eventos. Queremos uma animação curta e lógica, porque a animação do logotipo não deve exceder no máximo, eu acho, oito segundos. Algumas pessoas dizem seis, outras dizem 10, acho que oito é bom. Por exemplo, posso fazer uma animação com colegas de grau, depois um CV, depois um trabalho e um logotipo revelador. Ou podemos fazer um CV, além de uma lupa, procurando um emprego, mais o trabalho, além de revelação de logotipo. Como você pode ver, calções e, assim, contar uma pequena história sobre a empresa. Com isso dito, em alguns casos, você só precisa fazer uma animação mínima, como uma simples revelação e desaparecer. Nesse caso, você não precisa se preocupar com as parcelas. Você só precisa se preocupar com as técnicas. Tudo depende do que o cliente está pedindo, que ele quer uma animação de logotipo explicativa completa, ou você só quer um simples apareça e desapareça, ou uma forma se transformando para o logotipo. Isso é sobre chegar com as parcelas. Agora vamos falar sobre as melhores práticas para animação de logotipo. A primeira regra é que você deseja manter a animação entre um a seis, máximo, oito segundos. Por quê? Como a animação será usada em aplicativos móveis, em sites, você quer que o espectador veja rapidamente a revelação do logotipo e comece a explorar o site ou comprar produto. Você não quer manter muito tempo dos usuários mostrando a revelação do logotipo. Segunda regra, mantenha a animação dentro do quadro ou da área ativa. Ele não deve sair das fronteiras, novamente, porque será usado em muitos dispositivos, telefones, sites, etc, por isso tem que ficar dentro da área ativa. A terceira regra é que você deve aprender sobre quem você está animando. Aprenda coisas como quem é o público desta marca, qual é a missão desta marca e também verifique seus produtos para que sua animação esteja alinhada com o propósito e a missão da marca de evitar coisas como uma animação de logotipo com carne para um restaurante vegetariano. Você entende a ideia, certo? Quarta regra, evite piadas insultantes e humor negro. A menos que você esteja animando por si mesmo, ninguém quer que você tire sarro de seus clientes. Uma empresa pode tirar sarro de si mesma, mas nunca afetar os clientes. Quinta regra, não interfira com o design do logotipo original porque na maioria das vezes você receberá ativos gráficos. Se você tiver que interferir, você deve pelo menos ver com o cliente se está tudo bem. Para recapitular tudo, nesta palestra falamos sobre criar um mini enredo e melhores práticas para animação de logotipo. Nós dissemos para as tramas, você brainstorm tudo o que sabe sobre a empresa, faz um brainstorm tudo o que sabe sobre a empresa, então você a restringe e, para as melhores práticas, cinco delas, tenta mantê-las em mente. Em seguida, falaremos sobre os princípios básicos da animação do logotipo. 4. Princípios básicos de animação de logotipos explicados: Nesta palestra, você aprenderá sobre os princípios básicos de animação de logotipo e veremos um exemplo de diferença de como esses princípios são aplicados aos logotipos. Basicamente, eles são os mesmos os 12 princípios de animação da Disney, mas estes são mais focados na animação de logotipos do que personagens. O primeiro princípio de animação é fácil e fácil. Este é provavelmente um dos aspectos ou princípios mais importantes da animação na história da animação. A história engraçada na verdade é que quando comecei a fazer animação. Na primeira vez, eu não aplicaria meios fáceis porque não sabia para que serviam essas vantagens fáceis. Vi tutoriais e o instrutor estava dizendo que isso é fácil. fará com que a animação funcione sem problemas, mas não consegui entender o que elas significam sem problemas. O que você quer dizer sem problemas? Mas, aparentemente, aprendi e fácil entrar e aliviar significa aceleração e aceleração. Você pode mostrar a ele a velocidade da animação. Você quer que a animação comece rapidamente e devagar. Isso é fácil entrar. Ou você quer que a animação comece devagar e termine rapidamente. Isso é fácil, ou você quer que a animação comece devagar e depois rápida e depois lenta e isso é fácil. Definitivamente algo que você deve aplicar a todos os seus quadros-chave, a menos que você esteja animando robôs porque os robôs eles se movem e correm velocidade em uma posição linear. Para a máquina de robôs, você pode ir em frente e deixar os quadros principais lineares. Em seguida, estão os princípios de animação de arco. Basicamente, o princípio do arco é o caminho visual de um objeto. Em vez de um objeto se mover em uma trajetória reta como robôs, ele se moverá e uma trajetória de arco. Imagine alguém chutando um futebol. O futebol vai subir e depois descerá, criando esse caminho do arco. No entanto, existe uma regra para esse princípio é que quanto maior a velocidade de um objeto, mais reto será o caminho. Imagine atirar uma bala de uma arma. Ele não vai curvar a menos que você esteja em um filme desejado, mas as balas vão e em uma trajetória reta porque é super rápido. O próximo princípio de animação, é squash e stretch. Pense em uma bola de borracha. Se você jogá-lo no ar ele se estenderá no caminho para cima. Em seguida, ele vai esmagar quando estiver no fundo do chão. Este princípio de animação dá a ilusão de gravidade e vamos usá-lo muito nesta classe. Além disso, ele pode ser aplicado a objetos complexos e simples. Mas há uma regra, no entanto. Se você esticar a altura do objeto, você deve se certificar de esticar a largura igualmente e vice-versa. Isso contribui para uma animação maior e mais realista. Ação sobreposta e acompanhamento. Este princípio também usaremos muito nesta classe de animação de logotipo. Basicamente, o que quero dizer aqui é que quando um objeto mover uma parte dele se moverá e outra parte se seguirá, chamamos isso de sobreposição. Então, quando se trata uma posição de parada absoluta estar em movimento, diferentes partes do objeto pararão em taxas diferentes. Chamamos isso de acompanhamento. Inércia basicamente significa que uma força está fazendo você se mover ou parar. Agora, para explicar isso mais adiante, imagine que você está em um ônibus e o ônibus está funcionando e você não está segurando nada. Se o ônibus parar, seu corpo se jogará pela força da inércia. Nesse caso, o ônibus parando. Isso faz sentido. Se não acontecer, você pode me deixar uma pergunta. Em seguida, é a antecipação. antecipação é a ação preparatória ou poses para a ação principal. Por exemplo, você dobra o joelho antes de pular. O que estamos fazendo aqui usando antecipação é quando preparamos o espectador para o que está prestes a acontecer quando aplicado, isso tem o efeito de tornar a ação do objeto mais realista. Finalmente, encenação. Princípio de encenação significa que as principais ações ocorrem por turno com pequenas pausas para enfatizar um momento específico. As cenas devem estar em ordem e devem ter o mesmo propósito. Orientando os espectadores para a revelação final do logotipo. Para recapitular tudo nesta palestra, abordamos os conceitos básicos da animação do logotipo, que são a facilidade fácil, o princípio do arco, squash e alongamento, ação sobreposta e seguem antecipação e finalmente encenação. Em seguida, abriremos o After Effects e configurar nosso espaço de trabalho. 5. Como configurar o espaço de trabalho e configurações gerais: Nesta palestra, abriremos o After Effects e abordaremos o espaço de trabalho , as configurações de composição, algumas configurações que você precisa configurar e também importaremos Adobe Illustrator arquivos no After Effects. [RUÍDO] Depois de abrir o After Effects, você deseja seguir em frente e clicar em “Novo projeto” e depois em “Nova composição”. Agora vamos seguir em frente e dar um nome a essa composição. Logo revelador [RUÍDO] Attika assim. Essas são as configurações para a nova composição. Largura, temos 800 pixels; altura, temos 600 pixels; taxas de quadros, 29,99 ou 30 quadros por segundo; resolução, cheia; e para o fundo, cor branca; duração, oito segundos. Legal. A próxima coisa que precisamos fazer é clicar duas vezes aqui. Então você quer ir em frente e encontrar o arquivo que eu lhe disse para baixar dos projetos e recursos e abrir este aqui, este arquivo do Adobe Illustrator, o logotipo Attika. Está em Arquivos de Curso, Logotipo revelador Attika. Importar. Importar composição do tipo e, para Dimensões de gravação, tamanho da camada. Não queremos o tamanho do documento. Clique em “Ok”, clique duas vezes na composição do Logotipo Attika, selecione esses Control Command X. Clique duas vezes na composição Logo revelar Attika. Certifique-se de clicar aqui e, em seguida, Control Command V, eles vêm para esta área aqui mesmo, antes de controlar o Comando V. Agora, a próxima coisa que precisamos fazer aqui é falar sobre o espaço de trabalho. Se você for para o espaço de trabalho Window, poderá ver com qual estou trabalhando, é animação. Aqui em baixo temos todos os roteiros que vamos precisar. Caso eu precise de um roteiro, vou apenas ir em frente e procurá-lo aqui e, quando terminar, vou fechá-lo. Uma coisa sobre scripts, não gosto muito de usar o script. Não gosto muito de confiar no script, mas alguns deles são super necessários apenas para tornar o fluxo de trabalho muito mais rápido. Aqueles que evitarão você fazer as coisas repetitivas, aqueles que acho úteis. Também neste curso, tentei manter tudo sem usar scripts porque se você acabou de começar com animação de logotipo, não quer investir em scripts caros. Você quer saber primeiro se é sua coisa ou não. A próxima coisa que eu quero que você faça é ir para Editar, Preferências, Geral e, em seguida, quero que você verifique esta opção Centralizar pontos de ancoragem em novas camadas moldadas. Isso é super útil. Isso evitará muitos problemas para tentar centralizar os pontos de ancoragem manualmente, especialmente com novas camadas que você criará . Mais uma coisa a fazer aqui é clicar nesses arquivos do Adobe Illustrator ou camadas do Adobe Illustrator porque agora eles estão dentro do After Effects, então são camadas. Clique com o botão direito, Cria e, em seguida Criar formas a partir de camadas A razão pela qual estamos criando formas a partir dessas camadas vetoriais é que, com camadas de forma, você tem mais parâmetros, mais opções de animação. Vou seguir em frente agora e excluir essas camadas do Adobe Illustrator. Basta mudar a cor do ícone no tipo para que possamos diferenciá-los. O ícone está na parte superior e o tipo está na parte inferior. Sempre vá em frente e salve. Você nunca sabe quando o Adobe After Effects falhará. Logo revelador [RUÍDO] Attika, aqui vamos nós, salve. Pessoal, é isso para esta palestra. Destaques de recapitulação Nesta palestra, importamos arquivos para o After Effects. Ajustamos as configurações gerais. Convertemos camadas do ilustrador em camadas de forma para obter mais opções de animação e liberdade. Alteramos as cores das camadas para não ficar confuso e salvamos nossos projetos. Em seguida, faremos nossa primeira animação de logotipo. 6. Revelar a animação e se desaparecer: Agora, é hora de fazer nossa primeira animação de logotipo depois de toda essa palestra, e começaremos com a simples animação de logotipo revelar e desaparecer deste logotipo Attika aqui. Isso é basicamente como qualquer outro logotipo de símbolo por aí, então a técnica que você aprenderá aqui, podemos aplicá-la a qualquer logotipo de símbolo. Só para que vocês saibam, se o que estou prestes a fazer parece muito difícil para vocês, tudo bem. Especialmente se for sua primeira vez fazendo uma animação de logotipo. Não se bata, não se sinta frustrado, apenas continue avançando, e se você sentir que não pode mais seguir, está ficando muito complicado, você pode simplesmente fazer uma pausa, fazer um fundo respire, e depois volte e depois termine. Porque passei pelo mesmo. Na primeira animação de logotipo, eu sigo aqueles como se não houvesse como eu poderia fazer isso. Mas com paciência e o poder do bem, consegui terminar o tutorial e fazer a animação do logotipo. Vamos começar. Agora, a primeira coisa que gosto de fazer é selecionar as duas camadas e depois movê-las um pouco para a direita, como 10 quadros para a direita. Vamos ampliar a linha do tempo pressionando Alt ou Options e rolando com o botão do meio do mouse. Agora podemos ver os quadros. Se você diminuir o zoom, você tem segundos. Se aumentarmos o zoom, você verá quadros. Agora vamos começar e animar o ícone primeiro. Só vou clicar nessa opção solo apenas para destacar o ícone assim. Vou clicar em S para abrir os parâmetros da escala. Faremos a revelação com a escala. Vou clicar no cronômetro para adicionar o quadro-chave. Então vou mover o quadro-chave 10 quadros, então 10 mais 10 é 20. Agora, por que estou escolhendo o 10º quadro é porque estamos trabalhando em uma composição com 30 quadros por segundo, e 10 quadros não são muito rápidos ou muito lentos, é o padrão. Agora vou escalá-lo para 25%. Você provavelmente está se perguntando sobre as duas decisões que estou tomando. Primeiro, por que movi as camadas 10 quadros para a direita e, em seguida, por que estou escalando para 25 e não para zero na revelação escalar? Agora, eu os movi para a direita só para poder ter espaço em branco suficiente para reproduzir a animação. Gosto que comece com espaço em branco, sem nada na tela. Também é muito útil quando você trabalha em uma animação mais longa para ter algum espaço antes da animação real caso precisemos ajustar as camadas ou o que quer que seja. Agora, por que eu escalei para 25 e não zero por cento? O motivo é simplesmente porque é uma prática recomendada. Ao fazer uma revelação com os parâmetros da escala, é melhor mostrar um pouco da forma porque se for muito pequena, parecerá um ponto, assim. Imagine se você estiver escalando para muitos objetos e eles precisarem aparecer ao mesmo tempo simultaneamente, parecerá que temos poeira na tela. Melhor ter a escala entre 20-30 por cento a 100. Vou deixar 25 e, em seguida, irei em frente e selecionarei esses quadros-chave. Pressione F9, para a Facilidade de Entrada. O que fizemos aqui foi Ease Ease. Comece devagar e depois rápido e depois devagar novamente. Deixe-os de novo. Agora vamos para o editor de gráficos. Verifique se você tem essas opções, Mostrar propriedades selecionadas aqui. Edite o Speed Graph e encaixe, amplie automaticamente também. Agora, aqui está uma dica profissional para ter em mente vocês enquanto fazem revelar, desaparecer ou morphing animação é que você quer que elas apareçam ou aconteçam no pico da velocidade aqui. Você não quer ter nenhuma desaceleração no início desses tipos de animação. Revele, desapareça e morfina. Você quer que isso aconteça rápido, discreto e assim como Floyd Mayweather jab. O que vou fazer agora é apenas selecionar esses pontos ou lidar, e então eu vou arrastar isso para a esquerda assim. Como você pode ver aqui, ainda vai demorar um pouco no início e depois acelerar e depois desacelerar até o final. Ele já parece melhor. Mas para torná-lo ainda melhor, vou clicar aqui, selecionar isso, clicar aqui e, em seguida, basta arrastar isso para a esquerda também. Agora, a animação acontecerá no pico da velocidade aqui. Agora, se clicarmos em Jogar, podemos ver que é muito melhor. Clique aqui para voltar à linha do tempo. Agora, o que queremos fazer é animar a tipografia. Vamos clicar aqui novamente para sair do solo. Agora temos o tipo aqui que precisamos animar. Você pode animar a coisa toda em uma palavra ou animar os personagens individualmente. Para torná-lo mais interessante, acho melhor animar o personagem individualmente. O que vou fazer agora é fechar isso clicando aqui e, em seguida abra as opções para os contornos de tipo. Feche a Transformação por enquanto, e podemos abrir o Conteúdo. Agora você vê aqui, temos grupos de 1-6. grupo 1 é o último caractere e o Grupo 6 é o primeiro caractere. Agora, o que precisamos fazer é abrir todos esses grupos assim, clicando nesta seta para a direita. Em seguida, procure o grupo Transform, abra também todos eles. Esse processo é um pouco tedioso. No entanto, existem alguns scripts que permitem que você faça isso facilmente, mas eles são muito caros. Eu não queria incluí-los neste curso porque nem todos estão dispostos a pagar US$70 ou US $80 pelos scripts se eles estão apenas começando. Você pode ver que o componente A está localizado no meio. Para verificar isso, se eu mover a posição, você pode ver que ela está se movendo do meio. Ou se eu girar, você pode ver que está girando do meio. Agora selecione a posição para o Grupo 6, selecione a posição para o Grupo 5, selecione a posição para Grupo 4, 3, 2, 1. Você diminui o zoom assim. Agora que você tem tudo selecionado, clique no cronômetro, lá vamos nós. Agora, o que vou fazer é selecionar essa camada e clicar em U. Eu só tenho os quadros-chave que acabamos de adicionar. Novamente, vou selecioná-los todos e movê-los para os mesmos quadros certos. Em seguida, clique aqui para adicionar um novo quadro-chave para a posição e, depois de adicionar novos quadros-chave, arraste a posição para a esquerda. Você vê que eu adicionei os quadros-chave primeiro e depois ajustei a posição para a esquerda. Se eu ajustasse a posição primeiro, ela não teria afetado todos os grupos, mas apenas um único grupo. É um pouco diferente trabalhar com grupos do que trabalhar com camadas. Vamos ver o que temos agora, diminua o zoom. Nada mal. Nada mal. O que vou fazer agora, selecione todos os quadros-chave. Mais uma vez, precisamos ir ao Editor de gráficos. Você vê que parece linear. É como se um robô estivesse se movendo. Vamos selecioná-los. Pressione F9. Agora vamos voltar. Certo, temos as curvas. Agora você vê aqui parece que há apenas uma curva ou uma linha, mas, na verdade, ele tem todos os grupos R1 em cima do outro. Selecione-os todos e novamente, vamos apenas fazer as atenuações. Para este, vamos apenas usar um final simples e fácil de facilitar. Começa rápido, acaba lento. Vamos apenas ajustar esse identificador. Mova para a esquerda. Clique em “Jogar”. Tudo bem, mas sinto que preciso tornar o parâmetro position ou a animação de posição um pouco mais lento. Posso ir em frente e movê-lo dez quadros a mais e torná-lo 20 quadros, assim. Aqui nós temos isso. Agora, o que precisamos fazer é adicionar uma máscara. Para adicionar a máscara, selecione a camada de tipo, tudo, Control Command R para trazer as guias. Clique aqui e, em seguida, vou mover este guia para a direita assim , pará-lo aqui, apenas na parte superior do ícone e, em seguida, selecione a Ferramenta Rectangle. Clique nisso, em seguida, Ferramenta Cria Máscara e crie a máscara. Agora, eu comecei a máscara daqui para aqui para fazer parecer que esse tipo está vindo do ícone. Agora vamos clicar em “Jogar”. Lá vamos nós Cool. Agora que temos mais quadros-chave, o que precisamos fazer é fazer as compensações. Para os deslocamentos, quero que o A apareça primeiro, então o último personagem apareça primeiro, e depois quero que tudo siga. Agora podemos fazer isso manualmente selecionando os quadros-chave e depois movendo-os um pouco para a direita, mas isso vai levar muito tempo. Graças a Deus, havia três scripts que podemos usar e que eu lhe disse para baixar anteriormente. As fendas, selecione todos os quadros-chave. Então, aqui, certifique-se de que você tem as mesmas configurações que eu. Para isso, você não precisa se preocupar com isso, aqui mesmo abaixo do alcance, eu tenho um, depois cambalear e depois descendentes, não ascendentes Então clique em “Exibir”. Agora você pode ver que os descendentes vão começar daqui, todo o caminho para cima. Parece bom. Parece perfeito. Agora vamos em frente e reproduzir a revelação. Aqui vamos nós, só vou esperar um pouco e aos três segundos, quero fazê-lo desaparecer. Só vamos fechar as fendas porque não vamos precisar disso. Você pode colocá-lo aqui se quiser no painel Efeitos, mas não precisa. Certo, legal. Agora, para o Desaparecer, será muito mais fácil porque só vamos animar completamente a camada de tipo, não estaremos animando os grupos. Clique em “P” para a posição no cronômetro, a mesma coisa para Escala. Lá vamos nós. Então vou mover 10 quadros e fazer a Escala desaparecer. Isso foi zero desta vez porque queremos que ele vá para sempre e para o Tipo, vamos mover 20 quadros como fizemos anteriormente para o Revelar e ajustar a posição assim. É por isso que temos o guia aqui para que possamos ver onde ajustar a máscara. Algo assim aqui. Em seguida, precisamos ajustar a máscara também. Vamos voltar a essa posição. Abra a camada de tipo, procure máscara, abra essa coisa Máscara 1 e, em seguida, adicione cronômetro para Mask Path. Em seguida, mova a cabeça de jogo em direção à parada de posição ou paradas, V para selecionar esta ferramenta de seleção e seguida, segure “Shift” e arraste para a direita, a máscara assim e alinhe-a com a guia que tínhamos criado anteriormente. Lá vamos nós. Agora, se apenas jogarmos, vamos ver o que acontece. Legal. Uma última coisa a fazer é que precisamos editar as flexibilidades para um desaparecimento suave. Então clique em [inaudível] para ter todos os quadros-chave. Selecione esses F9 para o final da facilidade. Vamos para o gráfico de velocidade. Desta vez, queremos fazer o contrário. Vamos clicar aqui e facilitar. Primeiro, com uma facilidade de entrada, agora relaxe. Comece devagar e desapareça rápido, assim. Para ambos, para a máscara e para o tipo. Agora, essa linha rosada é tipo e esta linha laranja é a máscara. É plano, mas você ainda pode ajustá-lo. A mesma coisa para escalar. Só temos facilidade fácil. Precisamos fazer saídas fáceis. Arraste essa coisa aqui. Comece devagar. A curva para baixo significa lenta, a curva ascendente significa rápida. Em seguida, arraste este também porque queremos que o desaparecimento aconteça na velocidade de coleta aqui. Não queremos deixar nenhum abrandamento para o desaparecimento. Vamos jogar isso e ver. Certo, legal. Agora, apenas um problema que temos é que, você pode que o desaparecimento quando isso acontece, o ícone desapareça antes do tipo, que não é bom. O tipo precisa desaparecer antes do ícone. Uma coisa que faço é que, quando estou fazendo animação de logotipo, vou em frente e ajusto os quadros-chave e os parâmetros para os quadros-chave primeiro, e depois verifico a animação e se há qualquer coisa desligada, vou em frente e ajustar os quadros-chave. O que posso fazer aqui, por exemplo, é selecionar os parâmetros de escala ou os quadros-chave da escala para o ícone e, em seguida, arrastá-lo para a direita. Legal. Agora vamos ver o que acontece. É melhor. Destaques de recapitulação Nesta palestra, abordamos adicionar quadros-chave, adicionar atenuações, ajustar o gráfico de velocidade, trabalhar com scripts e trabalhar com máscaras. Em seguida, faremos uma animação de logotipo mais avançada. 7. Como animar a posição e trajes complexos: Agora, nesta palestra, começaremos com a animação do tipo de logotipo mais avançada. Bem, estaremos animando personagens, pulando, girando, trocando e tudo mais. Este é um pouco avançado e quero que você note que existem muitas técnicas para alcançar esse tipo de animação, mas eu fui em frente e escolhi apenas a maneira mais fácil possível de conseguir essa animação para manter este iniciante amigável. Vamos começar primeiro com a animação da posição, respeitando o princípio da animação de arco. Quero que agora você vá em frente e abra este arquivo do Adobe After Effects , onde você encontrará esse logotipo pronto para ser animado. Primeiro, vou fazer é apenas mudar as cores dessas camadas, então não ficaremos confusos. Agora clique aqui, segure Shift e selecione o primeiro, e vou arrastá-los um pouco para a direita, assim. A primeira coisa que precisamos fazer aqui é definir a área ativa. Se eu for em frente e clicar com o botão direito do mouse nas minhas configurações de composição, você poderá ver com o que estou trabalhando aqui. A largura, as alturas, o botão 1920 ATP. Precisamos novamente fazer aqui é agora definir a área ativa. A maneira de fazer isso é que vamos seguir em frente e selecionar a ferramenta retângulo, e então eu vou desenhar um retângulo como este na parte superior de toda a tela, assim. Então vou abrir as configurações do retângulo , um caminho retangular. Aqui vamos nós, tamanho. Você pode ver um tamanho igual ao da tela. Agora, para definir a área ativa, basta ir em frente e discar o tamanho para cerca de 400 pixels. Não sei por que tenho retângulo 2, vou excluí-lo. Talvez eu tenha clicado duas vezes no retângulo. Quem sabe? Agora precisamos alterar essa camada para uma camada guia, então clique com o botão direito do mouse e procure a camada guia. Aqui vamos nós. Agora é uma camada guia. Posso colocá-lo aqui e trancá-lo. Em seguida, Camada, Novo, Sólido, deseja escolher a cor branca como plano de fundo, colocá-la para baixo e bloqueá-la. Então eu vou esquivar aqueles, o que significa esconder então. Clique aqui, então ativa a opção tímida e aqui a temos. Agora, vamos começar animando a posição e depois iremos para o caminho. Primeiro, vamos animar o T. Clique em P para a posição e, em seguida, vamos mover a cabeça de jogo para cerca de 25 quadros por segundo porque vamos trabalhar com mais de três quadros-chave. É por isso que escolho 25 em vez de 20 quadros, e vou definir a posição final primeiro, que vocês possam evitar procurar a posição final depois de fazerem a animação. Vou defini-lo em 25 porque queremos que o T voe e depois volte para sua posição inicial ou primeira posição, então defina a posição final primeiro sempre vocês. Em seguida, vou mover a cabeça de reprodução de volta por aqui, 20 quadros ou 19 e selecionar V para a ferramenta de seleção direta e, em seguida, clique, arraste para cima, segure Shift para arrastar em uma trajetória reta. Amplie para ver o que acontece aqui. Mais uma vez, não devemos atravessar a fronteira. Em seguida, mova isso mesmo de volta para o primeiro quadro, que é de 10 quadros, e depois vou arrastá-lo para baixo, soltar o mouse e depois soltar turnos. Agora, mais uma coisa que preciso fazer aqui é porque meu computador está fazendo muito barulho é que vou discar a resolução para cerca de terceiro, selecionar todos esses F9. Agora, se eu clicar em Jogar, [RUÍDO] não é ruim. Selecione tudo, gráfico de velocidade e, em seguida, vamos seguir em frente e ajustar as curvas. O salto é impulsivo, então vamos começar rápido no início porque quando você pular, você não desacelera, apenas se agacha e depois pula e pula a toda velocidade. Aqui não há desaceleração no início de um salto. Aqui vamos nós. Quando está caindo, ele vai diminuir a velocidade e depois cair rapidamente. Quando é assim, isso significa velocidade, e quando você tem uma curva como esta, isso significa desacelerar. Se eu clicar em Play, isso é muito melhor. Mais uma coisa é que isso aponta no meio, isso ajusta o congelamento quando o T está aqui em cima nos céus, para que você possa ajustá-lo trazendo para cima ou para baixo. Se o trouxermos, ele congelará menos tempo e se você derrubá-lo, ele congelará mais tempo no topo. Você pode ver se eu quero trazê-lo para cima, eu tenho dois quadros-chave aqui, então eu preciso transformá-los em um porque temos um quadro-chave para o entrada e outro para as saídas. Isso é fácil, isso é fácil, então selecione ambos, clique duas vezes e, em seguida, verifique o bloqueio contínuo, para saída para entrada. Agora, se eu movê-lo, só temos um. Você só quer movê-lo um pouco, apenas um entalhe, ficar abaixo de 5.000. Agora vamos clicar em Reproduzir novamente. Vamos mudar isso um pouco para a esquerda. Isso é muito melhor. Talvez eu mova isso um pouco mais. O próximo será p, então p, novamente, a mesma coisa. Clique em Posição, arraste-o aqui, adicione um quadro-chave para a posição final e volte, e depois coloque-o aqui e depois volte, e depois coloque-o aqui. Você pode ver que eu tenho estalado. É por isso que você vê isso se encaixar quando vê essas linhas. Isso indica encaixe. Em seguida, mova a cabeça de jogo para cá, e antes que ela atinja a posição final, quero arrastar isso aqui. Um pouco aqui eu vou desmarcar snap in por enquanto, aqui vamos nós assim, apenas a trajetória. Agora, aqui está o que vou fazer. Vou selecionar todos esses quadros-chave, clicar com o botão direito do mouse em Interpolação de quadros-chave e, em seguida, aqui, onde você vê a interpolação espacial, vou mudá-lo para linear apenas para que eu possa ficar direto linhas como essa e eu posso ajustar essa coisa corretamente. Se você clicar nisso e selecionar tudo, basta desmarcar todos esses quadros-chave e selecionar o que deseja mover e depois movê-lo. Assim. Isso é melhor. Agora posso selecionar a ferramenta caneta, segurar Alt e clicar aqui e depois ajustar as curvas, segurar Alt. Aqui vamos nós. Agora podemos ver neste que estamos aplicando os princípios de animação de arco porque ele vai voar em uma trajetória de RF. Selecionamos isso, lá vamos nós. Claro, nada é final, sempre podemos voltar e nos ajustar. Agora vamos fazer a mesma coisa. Selecione todos os quadros-chave, pressione F9, vá para as curvas. Vai começar rápido assim, e então vai se curvar aqui, e depois desacelera. Quando chegar a essa posição, quero que ela diminua um pouco. Então, a mesma coisa aqui, eu quero que ele diminua um pouco. Lá vamos nós, assim. Selecione-os, clique duas vezes, envie-os para um quadro-chave ou um ponto de ancoragem. Agora vamos aplicar a animação. Nada mal. Eu só quero ajustar o congelamento um pouco aqui, então selecione isso e a mesma coisa para o final. Eu não quero que ele congele demais, traga isso assim. Clique naqueles elevadores demais, derrube um pouco, então vamos. Se você falar sobre isso e essa coisa mudar, isso significa que você o trouxe demais. Certifique-se de que essa coisa não mude, a primeira curva permanece a mesma. Traga isso para baixo. Isso é muito melhor. Talvez eu só aumente isso um pouco aqui, para que possamos obter movimentos agradáveis a partir deste ponto até este ponto. Isso é melhor. Agora o que vou fazer é complementar o salto com a rotação, então clique em R no teclado para rotação. Queríamos armazenar assim 90 graus, [NOISE] define um quadro-chave. Então vou selecionar essa camada ou clicar aqui para mostrar os outros quadros-chave também, então vou movê-la quando estiver congelando para o topo. Então eu vou girá-lo novamente assim. Você pode ver que estou apenas girando para os direitos por aqui. Então, quando atingir a posição para baixo, fará uma rotação final para voltar à sua posição inicial, então zero. aqui vamos nós. Agora, F9, a essência e ajuste esses pequenos pedaços assim. Lá vamos nós. Vamos clicar em Play. Não cuspiu. Este no meio. Clique duas vezes no quadro-chave ou em um ponto de ancoragem e, em seguida, basta movê-lo um pouco para cima. Isso é muito melhor. Vamos congelar lá em cima. Vamos passar para o R no verde, e a mesma coisa. P para posição na posição final. Mova-se para trás e, em seguida, selecione este , coloque-o assim, depois mova-se para cá e depois vamos colocá-lo até aqui . Vai pular daqui todo o caminho de baixo para cima. Selecione isso e vamos apenas ajustar a trajetória. Selecione todos eles. A mesma coisa, F9. O salto novamente é impulsivo. Mais uma vez para diminuir a velocidade são essas saídas. Vai desacelerar um pouco aqui e em seguida, boom, cai assim. Selecione o quadro-chave do meio, clique duas vezes , bloqueio contínuo e, em seguida, basta trazê-lo um pouco. Aqui vamos nós. Clique em Jogar. Incrível. Destaques de recapitulação Nesta palestra, definimos a área ativa, definimos o quadro-chave de posição, ajustamos trajetórias de caminhos complexos e ajustamos o gráfico de velocidade. Em seguida, vamos animar usando o caminho de corte e o caminho de deslocamento. 8. Como animar o uso de caminhos de aparagem e offset: Nesta palestra, tentaremos algo diferente. Estaremos animando formas usando corte e caminho de deslocamento , não letras. Depois disso, vamos transformar as formas com as letras. Certifique-se de que você não está selecionando nada. Vá para a ferramenta Forma, Elipse, e então vou desenhar um círculo aqui. Mantenha o Shift. Solte o mouse e depois Shift. Selecione a ferramenta Seleção direta. Então vamos ajustar esta linha aqui no meio. Ou talvez apenas com o O assim. Em seguida, basta arrastar isso para os direitos Agora, o que queremos fazer, você vê aqui nós temos Conteúdo e aqui temos Adicionar. Vou seguir em frente e adicionar corte e adicionar caminhos de deslocamento. Agora, para os caminhos de acabamento, vou seguir em frente aqui, onde diz End e discar para baixo. Então, para o caminho dos deslocamentos, aumentarei os valores. Em seguida, junção de linha, mude-a para Round Join assim. Offsets, vamos ajustá-lo porque queremos que a animação seja assim no sentido horário. Vou fazer isso. Em seguida, basta mover a posição da nova forma que criamos clicando na seta para a direita no meu teclado. Você pode segurar Shift e clicar na seta para a direita para se mover mais rápido. Vou ajustar mais a quantidade do caminho de deslocamentos. Talvez apenas alguns pedaços dos deslocamentos e do caminho da guarnição até termos algo assim. Agora, vamos começar com a animação. Só vou fechar os caminhos de deslocamento porque não precisamos dele agora. Clique na nova forma que selecionamos. Quero mudar a cor para vermelho. Em seguida, disque o caminho final assim até que esteja na mesma forma que o O. Lá vamos nós. Em seguida, ajuste o deslocamento um pouco. Lá vamos nós. Porque vai estar se movendo assim. Então, estou compensando a forma um pouco. Adicione um quadro-chave para End e adicione um quadro-chave para Iniciar. Então vamos nos mover, depois vamos com o fim, aumentá-lo assim. Certifique-se de que ele não toque em uma cauda. Então, a mesma coisa para Start, vamos aumentá-la também até termos a forma do O. Vamos colocar aqui 84. Lá vamos nós. Então eu vou definir um quadro-chave para compensações e depois mover esse pouco. Então compensa isso de volta para O assim. Agora, se eu clicar em Play, você pode ver que nada acontece. Mas vou apenas mover esses 10 quadros, então vamos para 20. Se eu for em frente e compensar esses quadros-chave. Você pode ver agora a animação. O que eu fiz foi compensar o Início e o Fim, e eu desloquei o primeiro quadro-chave no início da animação e outro no final da animação. Agora podemos selecionar tudo e depois F9. Para este, se você apenas usar F9, fácil facilidade, está totalmente bem. Parece bom. Mas é claro que você pode melhorar um pouco selecionando esses quadros-chave. Apenas o Início e o Fim. Vá novamente para o editor de velocidade e, em seguida, aumente um pouco de velocidade no meio. Lá vamos nós. Sei que são muitas coisas, muita informação ao mesmo tempo. Se for sua primeira vez fazendo esse tipo de animação. Mas só pegue com calma pessoal. Acalme-se. Você pode me fazer perguntas e tudo o que quiser. Sei que há muitos quadros-chave, pode ser confuso. É por isso que incluí os projetos finais e os recursos do projeto para você baixar e você pode verificar o que eu fiz. Agora, o que precisamos fazer é faremos a mesma coisa pelo O mas queremos que a animação não seja no sentido horário, mas seja revertida no sentido horário. Vou duplicar essa camada, fechar a animação aqui. Clique em U para mostrar apenas os quadros-chave dessa camada. Então vamos apenas nomeá-los para não ficarmos confusos. Vou renomear este Círculo 1, e este Círculo 2. Agora, se eu clicar em U, lá vamos nós. Nós salvamos os projetos? Você tem que salvar os projetos que vocês. Agora, o que precisamos fazer é muito mais fácil. Vamos apenas mudar os valores. Começa aqui com um e termina com 85. Vamos mudar isso e faremos o mesmo pelo que está na parte superior e, em seguida, podemos ajustar os deslocamentos manualmente. Aqui 85 e aqui um. Agora, para o primeiro, o começo. Começa com zero e termina com 84. Zero aqui e 84 aqui. Selecione todos esses quadros-chave assim. E, em seguida, basta mover usando a seta do teclado. Segure Shift para se mover mais rápido apenas para alinhá-lo com o segundo ou para as tropas. Agora, vamos ajustar os deslocamentos. Começa talvez aqui e termina aqui. Vou selecionar a camada inteira e movê-la para a direita. Agora vamos ver a primeira animação, e depois esta. Você pode ver os deslocamentos para este, ele começa na parte superior, e os deslocamentos para este começam de baixo. Agora vamos clicar em U para ocultar os quadros-chave. Finalmente, para o S, vamos tentar algo mais engraçado. O que faremos é selecionar a Ferramenta Caneta. Certifique-se de que você não tem nada selecionado, nenhuma camada selecionada. Então eu vou clicar aqui até aqui, e segurar e arrastar, segurar Shifts, depois segurar Alt e ocultar esta linha ou essa curva. Em seguida, clique aqui em S. Certifique-se de clicar no meio e arraste assim. Segure Shifts e aqui vamos nós. Você pode fazer isso e clicar nesta linha para ajustar as curvas assim. Como você pode ver, trabalhar com a Ferramenta Caneta e o Adobe After Effects é praticamente o mesmo que trabalhar com a Ferramenta Caneta e o Adobe Illustrator. Acho que a experiência em design gráfico pode ajudar muito na animação se você estiver mudando de designer para animador. Também design de movimento. Selecione a Camada de Forma, renomeie-a Animação S e selecione outra cor para esta para Lavanda é a cor que selecionamos lá. Agora vamos fazer a mesma coisa que fizemos com o o. Abra essa coisa, adicione Trim Path e adicione Offsets Path. Vamos ajustar os deslocamentos. Mitre, Round Join. Em seguida, aumente quantidades assim até cobrir o s. O que podemos fazer é selecionar o lápis e, em seguida, basta ajustar esses pontos um pouco assim. Aqui vamos nós. Então, cliquei na ferramenta Seleção Direta e, em seguida, selecionei os pontos de ancoragem e ajustei. Agora, vamos ajustar o caminho de corte. Acho que este p está nos incomodando, então vou mover a animação S para a direita um pouco. Mais uma vez, disque a extremidade em torno de zero. Adicione quadros-chave para End e Start. Mova o indicador de reprodução, mova o Fim assim. Em seguida, mova o Start assim até que você tenha o o, depois mova novamente. Em seguida, mova o Fim para a direita novamente e depois o Iniciar para a direita. Oh, isso foi demais. 99 aqui. Mais uma vez, só precisamos compensá-los, então clique aqui e aqui Isso é melhor. F9. Isso é muito melhor, mas sinto que é muito rápido. Então, com todos os quadros-chave selecionados, clique na opção também e, em seguida, basta arrastar para a direita. Isso é muito melhor. Clique em U. Então vamos apenas ir em frente e esconder os dois O's e S clicando no olho porque não precisamos deles agora. Eles nos confundem. Vou tím-se esses também. Isso é P. Isso foi um erro. Você tímida os destaques O e O e S. Recapitulação. Nesta palestra, adicionamos formas e, em seguida, animamos traços usando o caminho de deslocamento e o caminho de corte. Finalmente, compensamos os quadros-chave para criar nossa animação. Em seguida, exploraremos o princípio de animação de alongamento usando os parâmetros do caminho. 9. Explorando o princípio de esticamento usando o parâmetro do caminho: Agora que terminamos de animar a posição, vamos seguir em frente e explorar esse princípio de animação stretch e faremos isso usando os parâmetros de caminho. Vai ser complicado, mas você pode fazê-lo. Neste ponto, o que você deseja fazer é duplicar o Comando de Controle T D, alterar a cor ou o duplicado e, em seguida, selecionar o inferior, U, para mostrar o quadro-chave. Pressione J no teclado. Selecione todos os quadros-chave, turnos e seta para a esquerda, arraste-o para a esquerda assim porque vamos usar esse T como referência. Lá vamos nós, U no T duplicado, e então queremos remover a posição, queremos remover esses quadros-chave. Mas primeiro, vamos colocá-lo de volta na posição final antes de remover os quadros-chave. Legal. Agora, o que vou fazer é procurar caminho. Conteúdo, Grupo e, em seguida, Caminho e, em seguida, adicione posição. Esta é a posição final que vamos adicioná-la primeiro. Clique em U novamente, traga a reprodução no início e, em seguida, derrube o T assim, apenas usando as setas do teclado, segurando Shifts, por aqui. Lá vamos nós, então agora temos a posição aqui para o caminho, e temos a posição para baixo para o caminho. Mais uma coisa é selecionar os dois quadros-chave. Mantenha pressionado Alt plus Command e clique com o botão direito do mouse, para que você É por isso que quando estamos animando o caminho, o T não estará se movendo, então não nos incomodará. Só vou trazer este um pouco para a direita assim. Legal. Agora, a primeira coisa é que vamos mover a peça de cabeça para a direita. Deixe-me apenas ampliar um pouco para a linha do tempo lá. Aqui vamos nós, estamos na linha do tempo. Quando o T começar a se mover, certifique-se de ter o caminho selecionado aqui. Selecione a parte superior, assim. Agora, você pode ver que esses pontos âncora estão selecionados. Então eu vou esticar isso usando novamente, minhas flechas. Você pode segurar Shift, esticar todo o caminho até o topo. Vou fazer o mesmo para a parte inferior . Assim mesmo. Agora que definimos este quadro-chave aqui, o T se estenderá de sua forma normal até essa forma. Não estamos nos esticando usando escalas porque não vai ficar bem, vai parecer horrível se você esticar com a balança. Então mova isso um pouco aqui. Apenas quando o T congelar aqui, vou seguir em frente e selecionar os primeiros quadros-chave que contém a forma original do T, Comando de Controle C, Comando Controle V e, em seguida, traga tudo isso o caminho para o topo, segure Shift assim. Agora, ele se estenderá no caminho para cima. Então, uma vez que estiver pronto, ele recuperará sua forma original. Agora, selecione o quadro-chave que você acabou de adicionar, Comando de Controle C e, em seguida, mova-o um pouco, Comando de Controle V. Por que duplicamos este primeiro quadro-chave? Assim, podemos controlar o congelamento aqui, porque estamos movendo o T agora com o caminho e não com a posição. Você pode controlar o congelamento com um quadro-chave, mas com o caminho, precisamos adicionar dois quadros-chave para controlar o congelamento. Então vou mover a cabeça de jogo novamente. Deixe-me ajustar este quadro-chave para a esquerda assim. Aqui vamos nós, e quando o T chegar sua posição final assim, vou seguir em frente, Comando de Controle C, o último quadro-chave, o último quadro-chave, e depois arrastá-lo para a direita e, em seguida, Control Command V. Então, uma vez que eu fizer isso, selecionarei a parte superior do T e depois esticarei assim. Aqui está essa coisa. Uma vez que o T esteja aqui em cima com sua posição original, quando ele cair, a cauda irá primeiro e, em seguida, o topo seguirá. Agora, se eu selecionar todos esses F9, Play, você pode ver o que estou falando. Pessoal, se isso é confuso para vocês, incluí o projeto final. Você pode abri-lo e verificar por si mesmo o que fiz com os quadros-chave. Agora, selecione todos eles, editor de gráficos, e agora podemos ajustar os quadros-chave aqui. Acelere e depois diminua um pouco. Então aqui, vamos fazer o contrário. Quando chegar aqui, desacelere um pouco aqui e depois acelere um pouco aqui. Clique em Jogar. O último, não gosto muito, mas vou fazer isso, vamos ver. Eu acho que é um pouco rápido demais quando se trata, então vou selecionar todos, segurar Alt e arrastá-los um pouco para a direita, e então este um pouco mais. Vamos ver agora. [RUÍDO] Isso é muito melhor. Eu prefiro essa animação melhor. Pessoal, lembrem-se que duas coisas controlam a animação, a distância entre os quadros-chave e o gráfico de velocidade. Agora, que terminamos com o T, podemos ir em frente e esconder este, aquele que usamos como referência, esconder e tímidos. Em seguida, vá em frente e selecione o R e faremos a mesma coisa. Então U, temos que posicionar, animá-lo. Clique aqui, Conteúdo, Grupo, Caminho. Então, novamente, vamos adicionar um quadro-chave para o caminho. Forma original, adicione um quadro-chave primeiro, assim, e depois mova-o para o topo. Quando atingir a posição superior, adicione outro caminho e, em seguida, aqui, onde ele começa a se mover, certifique-se de ter Caminho selecionado. Selecione os pontos de ancoragem e estique-os pela parte inferior. Certo, pessoal, não o estique do topo. Selecione a ferramenta Caneta, clique aqui e depois vou ajustar isso. [RUÍDO] Agora, se jogarmos, [RUÍDO] agora é o caminho. Bem aqui na posição, posso ir em frente e ajustar um pouco o R, trazê-lo um pouco para o topo. Deixe-me desmarcar o Snapping. Vamos ver agora. Certo, legal. Agora, F9. [RUÍDO] Eu adoro, parece incrível. Pessoal, vocês podem ver o que fizemos aqui. Definimos o caminho para a posição original e outro caminho para a posição original quando ela atinge o topo e só o esticamos no meio quando ela salta. Quero clicar em U para fechar isso. No momento, o que vamos fazer é compensar tudo e garantir que nem tudo esteja sobreposto quando se trata da animação para que possamos passar para o próximo passo, que é adicionar mais vida ao a animação. Dê vida a esses princípios de animação de logotipo. Vou fechar isso e fechar isso clicando em U nas camadas, e então vou trazer todos esses bebês para o mesmo ponto de partida, certificando-se de que tudo esteja bem alinhado. Temos T primeiro e depois temos R e depois precisamos círculo 1 antes do P e do círculo 2 antes do P também, e depois P e, finalmente, S como o aqui. Selecione todos eles, segure Shift, clique aqui e aqui, Window, e depois procure por Rift, e então eu vou clicar aqui para compensar. [RUÍDO] Legal. Agora, se reproduzirmos a animação. Ainda podemos fazer alguns ajustes manuais. O resto nos dará uma mão, mas depois podemos finalizar tudo manualmente. Temos o T primeiro e depois o R que salta imediatamente. Não é bom. Eu quero que o T chegue ao fundo primeiro e depois o R pode pular, e depois que o R pousar, trarei o círculo 1 depois disso. Selecione tudo, todos os quadros-chave. Amplie e depois mova um pouco, segure Alt e mova um pouco para a direita. Você pode ver agora. [RUÍDO] Ainda está indo muito rápido para mim, então preciso ajustar um pouco mais disso. Isso é muito melhor. Este talvez um pouco também. Ok, pessoal, vocês podem ver que estou apenas olhando para a animação. Seja o que for certo para mim, vou deixar assim. Vamos dar uma olhada pela última vez. É isso. Mantivemos destaques. Nesta palestra, trabalhamos com os parâmetros Path. Exploramos os quadros-chave congelados. Usamos o script Rift para compensar camadas e ajustamos os deslocamentos da camada manualmente para obter tudo onde queremos. Em seguida, adicionaremos mais princípios de animação ao nosso logotipo. 10. Seguir e sobrecarregar: Agora, nesta palestra, vamos adicionar mais princípios de animação. Quanto mais princípios de animação você adicionar ao seu logotipo, melhor e mais realista seu logotipo ficará. Então, vamos adicionar sobreposição e seguir e , novamente, usaremos os parâmetros de caminho porque essa é a maneira mais fácil para iniciantes. [RUÍDO] Esta é provavelmente a palestra mais difícil nesta aula. Uma dica de fluxo de trabalho profissional que eu faço para não ficar confuso em todos esses quadros-chave e camadas é que, eu vou em frente e trabalho em uma camada específica, e então quando eu terminar tudo o que quero fazer com ela, eu vou em frente e tímido longe. Dessa forma, mantenho a interface limpa e não me confundo com muitas camadas e quadros-chave ao longo do caminho. Vamos em frente agora. O que o T selecionado clique em Você para obter os quadros-chave. O que queremos fazer agora é sobrepor as mãos do T. À medida que ele está subindo, a mão se curvará e, à medida que está descendo, as mãos voarão para cima. Vamos adicionar mais dois quadros-chave de caminho ao T. Agora, à medida que ele começa a subir assim, vou avançar e ampliar a tela, clicar aqui e, em seguida, certifique-se de ter o caminho selecionado, Caminho 1. Não selecione este na parte inferior, ele selecionará todos os quadros-chave e não queremos isso. Em seguida, com a ferramenta de seleção direta selecionada, vá em frente e selecione este ponto e este ponto. Esses dois pontos aqui, Comando de Controle T. Você terá essa caixa delimitadora. Houve um ponto no meio, você provavelmente vê, você provavelmente não, mas aqui está. Você pode ver o pequeno? Clique nele e arraste-o para a esquerda, assim. Você pode ver que agora o cursor mudou para rotação. Vamos em frente e giraremos essa mão para baixo assim. Quando terminarmos, clique em Escape. Clique aqui, segure Shift, clique aqui e mostre o comando T. Quando terminar de novo, clique em Escape. Agora, o que precisamos fazer é ajustar isso um pouco mais ajustando as curvas e talvez os pontos deformando a forma em T, e para isso, precisamos selecionar a ferramenta Caneta. Este aqui. Agora, se eu clicar neste ponto, você pode ver que nada acontece. Tudo o que posso fazer é movê-lo para cima ou para baixo ou esticá-lo. Se eu quiser curvar, preciso de alças, e para criar alças, já que não as temos aqui, segure Alt ou Option e clique nos pontos. Clique aqui, clique aqui e clique aqui. Você verá que vamos perder as bordas afiadas para bordas arredondadas, mas podemos consertá-las, então selecione as partes externas da alça, não a do lado de dentro. Segure Alt, clique e, em seguida, basta arrastar para trás. Altere, clique e arraste para trás. A mesma coisa aqui, selecione primeiro e depois Alt e arraste. Agora podemos deformar isso assim, clicar aqui e ajustar essas curvas assim. Aqui vamos nós. Aqui vamos nós. Eu também posso fazer isso. Estice-os um pouco. Legal. Agora vamos mover isso. Então, quando começar a descer, então a partir deste ponto até aqui, faremos a mesma coisa. Basicamente, o mesmo procedimento. Vou apenas ir em frente e acelerar, mas desta vez em vez de dobrar as mãos para baixo, vamos dobrá-las porque está descendo. Com a força de sua descida, a mão subirá. Então V, para a ferramenta de seleção e, em seguida, selecione isso, Control Command T, e basicamente a mesma coisa. [MÚSICA] Depois de terminar, você pode clicar em V, e aqui temos isso. Selecione a Ferramenta Direct Selection, selecione toda essa área vazia para desmarcar o T, e agora, uma vez que o T que é o quadro-chave final, quero ir em frente e esmagá-lo, então selecione o camada novamente e, em seguida, segure Alt ou Option, além de colchetes direito para cortar da direita. Amplie a linha do tempo e, em seguida, basta ajustar isso um pouco. Lá vamos nós. Agora, o que vou fazer é duplicar o T primeiro. Lá vamos nós e depois ajustamos isso. Como queremos esmagá-lo, precisamos duplicar as camadas e depois aplicar morfina. Para esta classe, falaremos apenas sobre um tipo de morfina que é a morfina do quadro, que é a que estaremos aplicando agora, mas na próxima aula, apresentarei novas morfinas. De qualquer forma, depois de duplicar isso, selecione a camada duplicada, você exclui todos os quadros-chave, e então eu vou colocá-lo aqui, então logo acima da última tecla do primeiro T apenas assim. Agora posso adicionar um quadro-chave para o caminho, clicar em “S” e, em seguida, um quadro-chave para escala, mas primeiro vamos avançar e mover os pontos de ancoragem. Esses pontos determinarão de onde a animação começará. Eu quero que a escala comece de baixo, então vou mover esta para baixo. Selecione isso ou você pode simplesmente clicar em “Y” para selecionar a ferramenta de movimentação de pontos de ancoragem e, em seguida, vou mover esta para a parte inferior assim e adicionar Escala, clicar em “U” e, em seguida, basta mover aqueles à direita como 10 quadros à direita. Calcularei 10 quadros depois. Agora, o que eu quero que você faça é desvincular escala e depois esmagar o T assim. Assim que fizermos isso, iremos em frente e deformaremos o T novamente usando o caminho. Selecione o Caminho, número 1, selecione a ferramenta Caneta, G para a ferramenta Caneta, crie-os, alças e, em seguida, vamos apenas ajustar isso. Uma vez que fizermos isso, a última coisa que preciso fazer é aplicar alguma oscilação de amortecimento. Basicamente, a oscilação de amortecimento significa quando você para de mover seu salto um pouco. Para fazer isso, precisamos ter certeza primeiro de que a distância entre os quadros-chave é de 10 quadros. [RUÍDO] 7 mais 10 é 17. Vou mover isso um pouco para a direita. Aqui vamos nós. Agora, vou para Window Duik Bassel. Certifique-se de salvar o comando de controle de projeto S seleciona a ferramenta de seleção. Selecione este, animação e, em seguida, selecione os dois quadros-chave da escala. Então podemos aplicar essa expressão, Kleaner. Como você pode ver, eu não fiz nenhuma facilidade nesses quadros-chave porque, se você aplicar uma expressão, você não pode fazê-lo em quadros-chave que tenham fins ou saídas fáceis ou fins fáceis em geral. Agora vou selecionar a camada, novamente, desmarcar e selecionar para mostrar os controles de efeitos e, em seguida, vou desmarcar a antecipação. Se jogarmos isso, deixe-me ajustar o comprimento dessa camada. Estamos praticamente acabados com a camada T. O que podemos fazer é selecionar ambos T's, clicar em U para ocultar todos os quadros-chave e, em seguida, podemos sombreá-los. Podemos passar para o R. Com o R, temos tudo aplicado a ele. Só precisamos aplicar alguma rotação e alguma profundidade e oscilação, bem como para dar uma pequena vida, U para mostrar todos os quadros-chave. Vou clicar em R por enquanto, adicionar uma chave de rotação. Então esta é a posição original do R. Eu vou colocá-lo aqui. O R está no topo, assim. Quando ela estrela no início, eu só quero girá-lo um pouco para a direita. Então, quando chegar à posição final, quero girar um pouco para a esquerda e depois mover um pouco, depois aplicar rotação zero, posição original. [RUÍDO] Aqui em baixo para a posição, esta é a posição final. Vou seguir em frente e Controle Comando C e duplicado aqui, depois volto aqui, selecione este e, em seguida, traga a posição um pouco para baixo clicando nas setas em meu teclado para dar esse salto um pouco, apenas um toque na seta para baixo. Selecione esses dois quadros-chave e aplicaremos expressão a isso também. Selecione os dois, segure Controle ou Comando e remova as atenuações. Para a rotação aqui, vou aplicar algumas facilidades. [RUÍDO] Então, para esses dois quadros-chave, posição e rotação, aplicaremos alguma profundidade e oscilação usando o Kleaner. Mais uma vez, vou remover a antecipação. Não precisamos disso. Se você joga, você vê que parece muito melhor, muito melhor. Aqui vamos nós, certifique-se de que ele não está passando pela área real. Então parece bom. Parece bom. Em seguida, vamos para o P primeiro, e depois trabalharemos no OO e S. Porque o fluxo de trabalho para o OO e S é um pouco diferente do que estamos fazendo agora. Mais uma vez, terminamos com este, sombras. Agora, vamos encontrar o P, e para o P vamos aplicar alguma sobreposição e seguir até a cauda do P. Aqui temos a camada P selecionada. Clique em “U”. Uma vez que o P, que é esta posição final, vou seguir em frente e abrir o grupo de conteúdo caminho [NOISE]. Vamos salvar isso. Como você pode ver aqui, temos o caminho um e o caminho dois. Às vezes, isso acontece quando você deseja ajustar o caminho de uma letra. Temos dois caminhos e você está se perguntando, o que eu ajusto o caminho 1 ou o caminho 2? A resposta é simples. Você clica no caminho 1. Você pode ver esses pontos âncora. Há efeitos no círculo dentro do P. Não queremos trabalhar nisso. Queremos trabalhar na cauda do P. Selecionamos o caminho 2. Pessoal, agora basta adicionar um ponto aqui. Em seguida, mova-se. Deixe-me mostrar os outros quadros-chave também. Lá vamos e adicionamos os mesmos pontos em cima do quadro-chave da posição final. [RUÍDO] Lá vamos nós. Agora vamos abrir o caminho novamente. Clique aqui para cancelar a seleção. Vamos voltar aqui. Quando chegar ao chão, vou mover isso um pouco para trás. Agora, com o caminho 2 selecionado, iremos em frente e faremos a mesma coisa que fizemos com o T. Vou selecionar isso com V, que é ferramenta de seleção, selecione os dois cupons finais e a parte inferior em resumo comando C. Mova isso para cima e, em seguida, gira para a direita, escape G para o lápis Alts e, em seguida, crie-os alças. Ajuste os cantos. Vamos ajustar as curvas um pouco. [RUÍDO] Clique aqui. Clique no Caminho 2 novamente e ajuste isso. Lá vamos nós. Agora, passará para os últimos pontos. A sobreposição terminará aqui. Em seguida, teremos um acompanhamento depois que ele parar, então selecione esses pontos de ancoragem e arraste-o para a esquerda e este também. Em seguida, selecione esses pontos de ancoragem e coloque-os aqui. [RUÍDO] Todos esses e F9 para fácil, facilidade. Vamos clicar em “Jogar”. Talvez possamos mover isso um pouco para a direita mais. Vamos clicar em “Jogar” novamente. [RUÍDO] Se você não gosta de acelerar a animação, é claro que você pode ajustar a distância entre os quadros-chave ao seu gosto. Isso é melhor. Agora que fizemos com o T novamente, você precisa esconder todos os quadros-chave, e então vamos iluminá-lo. Agora, para os destaques de recapitulação e esta palestra, nós tímimos camadas maneira de não ficar confuso. Adicionamos mais princípios de animação usando os parâmetros de caminho e o comando transform. Adicionamos os scrubs Kleaner de Duik Bassel para algumas oscilações de amortecimento. Ajustamos a distância entre os quadros-chave para controlar a velocidade de nossa animação. Em seguida, veremos como podemos executar uma morfina básica do quadro. 11. Morphing básico com quadros: Agora vamos ver como podemos transformar formas de forma suave e discreta em letras. Esta é a transformação do quadro, basicamente, a maneira mais fácil de se transformar. Na minha próxima aula, falaremos de morphing mais avançado. Agora, a primeira coisa que precisamos fazer é encontrar as letras que queremos transformar porque essas não são letras, elas são apenas formas. Vou mostrar todas as camadas ocultas, e depois exibir O, e depois O e S, e vamos esconder o resto. Agora, vou colocar o primeiro O abaixo do círculo número 1, segundo O abaixo do círculo número 2, e o S está sob animação S, o que é bom. Legal. Agora vamos começar com o primeiro O. Vamos clicar em “U” no círculo número 1, e a animação pára aqui, e a morphing começará aqui. Agora, vou em frente e cortarei essa camada aqui segurando Alt mais colchetes direito ou Option mais colchetes direitos, e basta ajustar isso um pouco. Certifique-se de exibir o olho também porque essa camada ainda não está aparecendo, então certifique-se de ter o olho selecionado. Então corte isso aqui. Agora queremos mudar a cor do traço para preto e, para fazer isso, podemos simplesmente alterá-lo daqui. Selecione o traçado e , em seguida, mude para preto. [RUÍDO] Agora isso terminará aqui e depois se transformará para o O. Então, para o O, queremos aplicar novamente algumas oscilações de amortecimento ou salto elástico em outros termos. Primeiro é que eu quero alterar a posição dos pontos de ancoragem para a animação, então Y para selecionar os pontos de ancoragem. Agora olhe para isso, está girando no sentido horário. O O saltará para cima e para baixo. Com o O selecionado, moverei os pontos âncora para cá, assim. V para a ferramenta Seleção, S para a escala e, em seguida, P para posição. Clique em “U”. Selecione ambos e mova-os novamente em quadros em algum lugar aqui. Vamos ampliar a linha do tempo para ver qual quadro somos. Estamos no oitavo quadro, então 8 mais 10 é 18, então aqui mesmo. Eu acertei. Experiência. Legal. Agora, a próxima coisa a fazer é desmarcar tudo e depois desvincular a escala. Vamos esmagar isso. Vê o que aconteceu? Agora, algo aqui aconteceu porque não é suposto se mover assim. O que aconteceu? Onde estão os pontos de ancoragem? Não consigo encontrá-lo. Oh, está aqui. Como isso aconteceu? Bem, isso acontece o tempo todo. Agora temos que fazer isso desde o início porque não prestamos atenção. Fique aqui, por favor. Lá vamos nós, não se mova. Adicione posição e escala, mova-os 10 quadros. Ainda está em alta. Agora vamos reduzir isso assim, esmagá-lo, esmagar mais em torno de 45 e ajustar a largura também, em torno de 126. Agora, para a posição, vou apenas trazê-lo para cima um pouco é assim. Aqui vamos nós. Agora selecione todos esses e aplique o Kleaner. Remova a antecipação. Agora, se clicarmos em “Jogar”. [RUÍDO] Agora você pode ver que é um pouco lento. Primeiro, vamos verificar se há uma distância de 10 quadros entre as teclas. Desta vez eu não acertei. Aqui vamos nós. Agora, se você se lembra antes, falamos sobre morphing e dissemos a melhor coisa para se transformar é acontecer na velocidade máxima da animação. Como aplicamos apenas facilidade fácil a esses quadros-chave, a velocidade máxima não está no final da animação, mas está em algum lugar no meio. Uma maneira de contornar isso é apenas cortar a camada um pouco para a direita assim e, em seguida, mover a animação da segunda camada dentro da animação da primeira camada assim. Isso é praticamente a mesma coisa que se transformar no pico de velocidade. Agora parece mais uniforme. [RUÍDO] Legal. [RUÍDO] Você esconde isso. Agora fazemos a mesma coisa para círculo número 2 e O número 2. Agora, como o segundo círculo está se movendo para baixo, faremos o oposto de como fizemos antes. Ele vai esmagar e, em seguida, saltar um pouco. Novamente, com o O selecionado, mova os pontos de ancoragem desta vez para baixo. V para a ferramenta Seleção e, em seguida, adicione um quadro-chave para a escala, outro para a posição. Mova-os 10 quadros, desvincule a escala, esmague para baixo e ajuste a posição um pouco para baixo, assim. 23 mais 10 é 33, então temos 10 quadros aqui. Selecione todos esses, Kleaner, e remova antecipação do painel Controles de efeitos. [RUÍDO] Novamente, faça a mesma coisa para se transformar. Corte um pouco da camada O e, em seguida, mova-a para dentro da animação. Vamos clicar em “Jogar”. [RUÍDO] Parece melhor. [RUÍDO] Mais uma vez, vamos esconder esses. Agora, finalmente, ainda temos o S e faremos a mesma coisa, mas não há escala envolvida neste. Vamos brincar com posição e rotação. [NOISE] Altere isso para preto. Lá vamos nós. U, então ele pára aqui. Corte aqui. Este aqui, traga aqui. [RUÍDO] Agora, para o S, a mesma coisa. Y, traga esses pontos de âncora para baixo. V para a ferramenta Seleção. Em seguida, adicionaremos um quadro-chave para posição e um quadro-chave para rotação, então R para rotação e P para posição. Agora U para mostrar todos os quadros-chave. Não sei por que o ponto de ancoragem é animado aqui, mas vamos removê-lo. Aqui vamos nós. Mova isso novamente 10 quadros, então estamos no 26º mais 10 em algum lugar aqui. Agora, para a posição, vou derrubá-lo um pouco. Para rotação, já que essa coisa está pulando assim, você pode ver que ela terminará aqui. Você pode vê-lo se movendo para baixo e depois para a esquerda, o que significa que a rotação será baixa. A rotação para o S ou a posição será baixa para posição e, em seguida, girará para a esquerda novamente, para criar essa continuidade. [RUÍDO] Aplique algumas oscilações de amortecimento, remova a antecipação e faça a mesma coisa que fizemos anteriormente. Lá vamos nós. Vamos clicar em “Jogar”. [RUÍDO] Ok pessoal, e aqui temos isso. Agora podemos mostrar todas as camadas. Então só mais uma coisa que eu preciso fazer aqui, excluir o T. Este aqui, nós não precisamos dele. Só me confundindo. Este é o número T 2 e este é o T número 1. [RUÍDO] Para este também precisamos movê-lo um pouco para dentro para que pareça mais uniforme. Agora, vamos reproduzir toda a animação. [NOISE] Destaques de recapitulação. Nesta palestra, fizemos alguma morphing básica de quadros e aplicamos oscilações de squash e dumping para complementar o morfo. Em seguida, adicionaremos mais etapas opcionais para tornar nosso logotipo mais interessante e também adicionaremos cores. 12. Passos adicionais e adicionar cores: Agora, finalmente, esta é uma etapa opcional e você pode usá-lo para tornar seu logotipo ainda melhor. Eu recomendo usá-lo, mas se você está cansado, você precisa de um descanso que eu entendo. Mas respire e volte e medeie. Este passo opcional é incrível, vamos seguir em frente e ver o que podemos fazer aqui. Queremos duplicar o T aqui, T descreve o número 3. Então, vou cortar isso aqui, e então vou colocá-lo abaixo de todos os T, colocá-lo aqui, vamos ver os quadros-chave para este e este. Agora, com esse T selecionado, vou adiante e derrubá-lo, selecionarei tudo, e vamos derrubá-lo um pouco mais. Em seguida, vou apenas selecionar o caminho e, em seguida, apenas esmagá-lo ainda mais, clicar em Exibir e vamos ver a animação. Isso parece melhor, eu tenho que dizer. Essas próximas etapas são opcionais, vocês não precisam fazê-las se não quiser, mas você pode fazê-las mais tarde. Agora, mais uma coisa que eu quero fazer é apenas animar um pouco do círculo número 2, e o círculo número 1 porque ele começa como um círculo inteiro, eu não quero que ele comece como um círculo inteiro, mas talvez apenas como um ponto online. Vou selecionar o círculo número 1, abrir os quadros-chave, abrir o caminho de deslocamento, e aqui, onde vemos o Caminho de Deslocamento 1, vou adicionar um quadro-chave para valores, clicar em Você, coloca os valores aqui um pouco no meio e, no início, diminuem os valores, assim. Talvez mais, assim, clique em Play. Vou fazer a mesma coisa pelo outro, e diminuir os valores para 6, lá vamos nós, e, claro, aplicar [inaudível], como você poderia esquecer compensar o que aconteceu com você no M. Agora, vamos lá à frente e verifique a coisa toda mais uma vez. Agora, como você deve ter notado, não falamos sobre cores nesta palestra. Agora, havia uma razão para isso. Houve uma razão pela qual eu não falava sobre cores, e só fizemos animação de logotipo preto e branco. Aqui está a coisa que vocês. Você sempre pode adicionar cores depois de terminar a animação. Por exemplo, se eu quiser adicionar cor a qualquer camada, posso clicar aqui, vou apertar este atalho para tornar a área da linha do tempo maior, e então você procura preenchimento e, em seguida, você pode mudar a cor daqui. Basta clicar e responder o código hexadecimal dado pelos clientes ou por você, para quem quer que você esteja fazendo a animação. Vamos escolher uma cor, por exemplo, eu vou usar, eu não sei, este vermelho aqui, apenas um exemplo, e depois clicar novamente nos atalhos, e agora nosso T está colorido. Aqui está a coisa que vocês, quando você traz um logotipo com cores do Illustrator para o Adobe After Effects, e você quer converter as camadas camadas de forma, é provável que você sempre enfrente problemas na conversão quando você está convertendo as camadas. O motivo é After Effect não é tão bom com a conversão de camadas com efeitos, gradientes ou qualquer estilo aplicado ao logotipo. Então, se você quiser fazer isso, você precisa ter certeza de que o logotipo proveniente do Effects tem cores sólidas. Porque depois de fazer a animação no After Effects, você sempre pode adicionar coisas aqui, podemos adicionar gradientes, podemos adicionar efeitos, podemos adicionar tudo o que queríamos para fazer absolutamente o animação. Meu conselho é que, se um cliente lhe enviar um logotipo com gradientes e efeitos e tudo isso, é melhor você pedir um logotipo preto e branco ou um logotipo com a única cor. Agora, para o meu logotipo, vou mantê-lo assim, e a única coisa que quero fazer aqui é ir para Layers, ou Layer, depois sólido, e então eu quero que o fundo seja amarelo. Você vê esse código hexadecimal aqui, é o mesmo usado no logotipo do Mailchimp. Vou manter meu logotipo preto e amarelo, como o logotipo do Mailchimp. Agora, traga o amarelo aqui em cima dos brancos, e aqui temos nossa animação. Mantivemos destaques, nesta palestra duplicamos a letra T para mais ação em nossa animação. Nós animamos o caminho de deslocamento para O e S, e depois adicionamos cores. Em seguida, Outro. 13. Parabéns: Se você inventou até aqui, parabéns. Agora você tem conhecimento suficiente para fazer uma bela animação de logotipo. O que eu quero que você faça a seguir é ir frente e postar o logotipo que você animou em uma galeria de projetos aqui. Você pode publicá-lo aqui e também pode publicá-lo em suas mídias sociais, em seu portfólio. Cobrimos tudo, desde restrições de logotipos até princípios de animação de logotipo até fazer animações de logotipo, e criamos dois projetos e não apenas um. Se houver uma coisa que você deve tirar desta classe é que a animação é colocar quadros-chave. quadro principal é o que faz a animação. Tudo o resto vem em segundo lugar. Você coloca o quadro-chave primeiro e depois os ajusta. Você apenas o gráfico de velocidade, você ajusta a distância entre os quadros-chave. Mas essa é a coisa mais importante para se concentrar. Se você gosta desta aula, não deixe de seguir em frente e me siga, deixe um comentário para que outras pessoas possam encontrá-la. Claro, você me segue para que você possa receber notificação quando eu postar uma nova aula. Com isso dito, vejo você muito em breve.