Dê vida a ícones! Anime um ícone de vetor no After Effects | Andrew Pach ⭐ | Skillshare

Velocidade de reprodução


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

Dê vida a ícones! Anime um ícone de vetor no After Effects

teacher avatar Andrew Pach ⭐, Animation all the way!

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

15 aulas (56 min)
    • 1. VÍDEO PROMOCIONAL

      1:08
    • 2. Apresentação

      1:17
    • 3. Noções básicas que você deve conhecer em AE

      3:45
    • 4. Como obter um ícone gratuito para usar

      1:26
    • 5. Prepare o arquivo do Illustrator para trabalho

      4:50
    • 6. Crie o ícone em AE!

      7:30
    • 7. Prepare sua composição de efeitos após

      3:26
    • 8. Anime e progenitor todo o ícone

      4:18
    • 9. Como animar os objetos (parte 1)

      8:46
    • 10. Como animar os objetos (parte 2)

      9:20
    • 11. Como criar um laço sem emenda

      1:51
    • 12. Como renderizar um vídeo transparente

      1:49
    • 13. Como exportar um GIF de looping

      1:41
    • 14. Ajustes úteis para saber sobre

      3:11
    • 15. Obrigado!

      1:15
  • --
  • 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.

363

Estudantes

2

Projetos

Sobre este curso

Com esta série, quero ensinar maneiras de animar qualquer ícone no After Effects. É uma técnica super útil e será uma ótima habilidade para você ter... e você aprende AE a propósito! :) Esse é o projeto que vamos criar nesta parte:

4cd88cb

Outras aulas divertidas que você pode gostar! :)

667c4231

65dbee4b

1097b442

04c7d4d7

88d5512e

e3468d36

Conheça seu professor

Teacher Profile Image

Andrew Pach ⭐

Animation all the way!

Professor

Hi! My name is Andrew Pach, to my friends known as 'Nigel'! I am an After Effects / PowerPoint / video / graphic design junkie eager to teach people how to utilize their yet uncovered raw design talent! I run a YouTube channel called "andrew pach" which I do with absolute joy and passion. Here on Skillshare, I would like to share interesting, project-based classes that will make your design workflow a greater experience.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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. VÍDEO PROMOCIONAL: Olá e bem-vindo a este curso onde eu vou ensiná-lo a trazer ícones para a vida. Tomaremos um arquivo vetorial e animado em adobe após efeitos. Faremos uma breve parada no Adobe Illustrator para preparar esse arquivo para o trabalho. Em seguida, entraremos na Adobe after Effects e prepararemos toda essa animação do zero. Este curso é perfeito se você é sempre uma pequena saia sobre aprender esses programas. No entanto, se você já estiver familiarizado com eles, você pode aprender um novo fluxo de trabalho, novas técnicas e dicas para usar em seu trabalho diário. É um projeto super encontrado para acompanhar e saber como fazer desta vez. Vamos usar este tipo de site BC de Aiken porque tem tantos pequenos elementos agradáveis, que é uma ótima maneira de treinar nossas animações. Até o final deste curso, você será capaz de preferir qualquer vencedor que eu possa usar em após efeitos e completamente animado para ter uma animação agradável para o seu modelo portfólio para uso na Web. Então inscreva-se agora. Vamos abrir após o efeito e vamos começar o trabalho 2. Apresentação: Olá. Bem-vindo. Deixe-me apresentá-lo um pouco a este curso. Este curso explicará como você pode fazer uma animação da ICANN como essa. Vai ensinar-te muitas coisas úteis. Mas eu quero que você saiba o que é este curso e o que ele vai te ensinar e o que este curso não é e o que ele não vai te ensinar. Portanto, este não é um grande curso de efeitos secundários abrangente que irá ensinar-lhe o uso de tudo. Mas definitivamente é um fluxo de trabalho. Uma técnica completa sobre como obter uma Nikon, como levá-la, prepará-la, usá-lo em efeitos após e criar uma animação como essa desta vez não criará o ícone nós mesmos. Vamos usar alguns ícones pré-fabricados que podemos encontrar através da Internet a partir de sites Recomendamos. Estes são tão incríveis. Será um pecado não usá-los. Então é por isso que vamos levá-los. E então eu vou guiá-lo através de cada passo fora do projeto. Vou devagar, então teremos tempo para ver o que estou fazendo. E então você será capaz de replicar os passos você mesmo. Não quero te atrasar. Vamos começar o trabalho porque eu acho que esta será uma jornada muito interessante. Vamos nos divertir muito. E depois dos efeitos é um software incrível para aprender. Então salta para dentro. Vá em frente com esta lição e eu espero por você lá. 3. Noções básicas que você deve conhecer em AE: Olá e bem-vindo. É tão bom te ver nesta lição. Agora. Eu queria gravar esta introdução Cada lição para pessoas que realmente não têm a menor idéia que após efeitos é sobre como o programa funciona e como todo o software nativo olha para dentro. Isso, é claro, não será uma grande explicação sobre cada recurso e após efeitos, porque eu tenho outros cursos para isso. Esta é apenas uma breve introdução para pessoas que não estão familiarizadas com ele. Então adobe After Effects é muito semelhante ao outro software da Adobe como ilustrador de loja de fotos . Você também tem camadas. Apenas essas camadas trabalham horas extras. Já que você está tentando fazer uma animação tão dentro, isso vai ser efeito posterior. A coisa mais importante que você precisa saber aqui é que esta é a sua composição. E no lado inferior você terá sua linha do tempo na linha do tempo. Você coloca os itens que você coloca camadas como esses ícones lhe dizem que tipo de camadas são essas. Você pode clicar com o botão direito do mouse, selecionar novo, e você tem, por exemplo, camadas sólidas. Você tem camadas moldadas, que são ícones como essas camadas sólidas são simplesmente camadas com com uma chamada sólida, ou deixe-me fazer uma verde. E então, se for o 1º 1, será o 1º 1 visível. Se for o último , estará atrás do fundo. Ok, digamos que este é o meu passado e você também pode abrir os Aiken e eles têm suas propriedades. Propriedades é a coisa bonita que amamos e que nos permite fazer gráficos em movimento . As propriedades mais importantes que usaremos neste curso são a posição, escala, rotação. Então, é muito simples. Você vê isso agora este fundo. Certo, digamos que eu trabalhe com esse passado. Este fundo também tem sua posição, que eu posso ajustar sua escala, que será o tamanho. Você vê o que acontece. E, claro, é rotação, bem como outros recursos. Isto é esterilização. Está bem? A grande coisa aqui é que podemos definir quadros-chave em efeitos após. Digamos que eu vou para um segundo. Vou usar este cronômetro para usar um porta-chaves. Você vê este quadro chave, então eu vou um segundo para a frente na linha do tempo e eu faço este fundo verde para girar. Vamos fazer talvez duas rotações. Então, durante um segundo, esses dois quadros-chave indicarão essa mudança ao longo do tempo, então eles estão interchapeamento entre si, então eles estão tomando o valor número um valor número dois e matematicamente lá interchapeamento entre eles para fazer esta rotação neste caso. Então é assim que você faz sobre animações. Uma muito pequena última característica que eu quero dizer antes de ir para a frente é que qualquer camada pode ser parentada dedo do pé quaisquer outras camadas. Então, digamos que esta animação de ícone, que você vê agora na tela, pode ser com esta opção parentada a esta camada verde, e agora fará as mesmas coisas que a camada verde faz. Então, uma vez que a camada verde está girando estupidamente, também, este ícone girará estupidamente. Isso torna nossas animações mais fáceis porque você pode ter 100 camadas e você pode criar todos os dedos do pé uma camada estúpida, e esta camada estúpida vai dizer todas as outras 100 camadas. O que fazer. Há muitas coisas para falar em detalhes, mas você não precisa de todas elas para fazer esta Imation. Vamos manter isso simples. Vamos nos concentrar no que precisamos fazer e deixar o foco no que é relevante para nós. Espero que você já saiba as coisas que eu expliquei agora. Mas se não fizer isso, é uma ótima apresentação para você. Então, tenha isso em mente. Assista a essas lições e prossigamos com o trabalho real que precisamos fazer. 4. Como obter um ícone gratuito para usar: Olá aí. Vamos começar o trabalho. Devemos começar o trabalho selecionando o ícone que usaremos. E eu posso recomendar que você para sites para usar onde você pode encontrar itens vetoriais livres. Um deles será livre pick dot com e o 2º 1 será apoiado fácil. Ambos são ótimos sites. Na maioria das vezes, você só tem que ligar de volta para o uso do item e você está livre para ir agora. Eu entrei em pico livre e procurei por alguns Aiken. Eu acho que este seria bom de usar ou uma loja como essa ou, por exemplo, um computador como este. Você pode encontrar esses ícones, por exemplo, e digitando no site. Vamos nos livrar do no e olhar para esses ícones. Todos eles seriam ótimos de usar. Por exemplo, este parece particularmente grande e poderíamos separar um deles e usá-los. Eles parecem realmente incríveis. Mas a partir dos ícones que eu procurei, eu acho que este se destaca mais para mim, principalmente por causa do fundo vibrante. Eu realmente gosto dessas cores, então eu vou usar este livre para uso comercial quando atribuirmos o site para que você possa verificar este link. Eu só acho um ícone vetorial como esse sozinho. Acho que essa é ótima. Então eu clique em download gratuito e vamos direto para o trabalho ilustrador com o Aiken, e então você pode começar o trabalho imediatamente após os efeitos. 5. Prepare o arquivo do Illustrator para trabalho: Olá e bem-vindo nesta lição onde eu quero mostrar-lhe como preparar este vetor Aiken para usar antes de começar, Eu gostaria de dizer que qualquer Aiken pode ser usado que este um ícone vetorial Porque ícones vetoriais podem ter itens separados que nós pode animar cada um por um. Você pode usar arquivos E P s. Você pode usar arquivos de AI que um efeito ou um antigo que o Adobe Illustrator abrirá deve funcionar. Se você pode separar as camadas agora da maneira e eles serão após efeito vai ler o arquivo Adobe Illustrator Isto é vai ler todas as camadas Ele tem uma vez que temos aqui agora, neste caso particular, apenas uma camada. Quando eu abri, você tem grupos seu interior, então precisamos fazer algo a fim de separar essas camadas. Agora, se você não vir o painel de camadas, por favor vá para a janela e selecione camadas ou pressione f sete porque esta é a única janela que estamos preocupados com ele. Agora eu também quero usar o meu controle são abrir as réguas e ver se isso é sobre uma decomposição idade completa . Eu tenho pixels selecionados aqui quando eu clicar com o botão direito, e eu vejo que são 5000 pixels por 5000 pixels. Tão perfeito. Esta imagem é super grande. É mesmo acima de uma decomposição tola, o que é bom para funcionar. Agora deixe-me chegar mais perto com controle e mais e vamos selecionar as camadas. Eu sei que eu só quero usar este PC, então eu preciso me livrar de todo o resto. Então isso parece ser o plano de fundo enquanto eu seleciono os itens. Sim, parece que este é o pano de fundo. Ok, então estes são os objetos de fundo e os objetos de fundo podem muito bem permanecer nesta composição. Estes são os PCs para nós. Eu vejo. E tudo o resto deve ser a lupa e a tabela A para que eu possa selecionar essas camadas. Talvez eu vá até aqui porque eu vou ver que esta é a lupa. Está bem. Vou selecionar essas camadas e vou acabar com elas. Eu vejo. Ainda há alguns itens da lupa aqui. Então deixe-me também acreditar nisso e deixe-me verificar este 1º 1 Ok? É do fundo. Agora. Eu acho que o fundo parece muito legal e poderia ficar assim e eu vou trabalhar com o PC. Então eu preciso pegar todo esse grupo e colocá-lo exatamente aqui no mesmo nível. Então eu serei capaz de liberar as camadas. Vou abrir o PC. E eu também gostaria de me livrar dessa parte de baixo porque eu acho que não é útil para nossa animação. Então, sim, este é o primeiro planeta. Este é o pano de fundo. Então eu preciso selecionar este objeto. Eu vejo. Este é o único. Ok, eu posso clicar nele. Sim, esse é o único. Apenas lixo. E agora o que eu preciso fazer é eu preciso pegar todas as camadas pessoa doente, o primeiro turno de imprensa 1 aqui e selecionar o último. E eu vou falar nisso porque eu não quero que ele esteja neste grupo mais uma vez. Selecione tudo e traga-o para cima. Então, por que eu fiz isso? Eu fiz isso porque eu quero que tudo esteja em um nível igual agora. Faremos a coisa que permitirá que a Adobe após efeitos leia este arquivo ilustrador da Adobe . E o que estou fazendo? Você só tem que clicar nesta camada. Clique aqui, Seletores suspensa e selecione liberar duas camadas e isso será o mesmo para cada arquivo ilustrador que você estará se preparando para após os efeitos. Agora ilustrador liberou tudo o que está no mesmo nível para uma camada separada . Agora só preciso me livrar da camada número um. Então, mais uma vez, selecione tudo. Coloque-o para que tudo esteja em um nível igual e exclua a primeira camada porque anteriormente tudo estava na primeira camada. Mas agora tudo está em uma camada separada. Perfeito. Este é um excelente trabalho de arquivo ilustrador preferido. A última coisa que eu precisaria fazer é clicar duas vezes e renomear tudo, então eu precisaria de selecionar. Ok, esta seria a camada inferior. Então l selecionar linha comprada, por exemplo. Este é apenas um exemplo. Antes de salvá-lo, embora eu gostaria de talvez torná-lo um pouco menor do que era 5000 pixels. Você pode clicar nele, você pode selecionar tudo. Então, com a tecla Shift, vou torná-la menor. Para ter certeza, eu também faço a composição que é, neste caso, a placa de arte menor. Então eu usei Ardmore Tool e eu vou apenas torná-lo menor assim. Isso está prestes a um tamanho full HD. Está bem. Os ícones devem ser ainda um pouco menores. Acho que isso seria o suficiente. Perfeito. E temos este arquivo ilustrador preferem usar. Então você iria apenas para arquivos seguros s e certifique-se de que você vai salvá-lo como um arquivo ilustrador porque esta é a extensão Adobe nativa, e ele vai funcionar perfeitamente em adobe após efeitos dessa maneira. 6. Crie o ícone em AE!: Bem-vindos nesta lição. Gostaria de mostrar que você definitivamente não precisa usar nenhum vetor. Eu posso, porque você também poderia desenhá-los. Mesmo dentro do efeito posterior. Deixe-me mostrar-lhe um exemplo rápido de como isso pode ser feito. Poderíamos fazer algo semelhante clicando neste ícone e criando uma nova composição. Farei isso para HD e começarei meu desenho. No começo eu gostaria de um fundo, então tivemos o fundo vermelho ou um verde. Então vou selecionar controle ou comentário. Por que no meu teclado para criar um sólido e eu vou talvez eu vou ficar com o verde porque eu meio que gosto dele. Então eu iria bloquear esta camada, então eu não vou clicar acidentalmente nela. Então vamos tentar preferir um objeto com o qual possamos trabalhar. Você pode criar neste retângulo, e mantendo-o pressionado, você pode selecionar a ferramenta retângulo arredondado. Deixe-me também abrir ação título seguro nesta caixa. Então eu vou ver onde o Oriente Médio e tudo bem, vamos criar um PC como esse. Ok, eu acho que este é um tamanho decente e solte-o. Se você quiser que esses cantos sejam mais em torno dele. Você pode entrar neste retângulo. Intel é retangular pad e, em seguida, você tem as rondas. Então eu acho que cerca de 20 correções seria suficiente, e a sujeira deve estar mais fora de um fundo preenchido. Então eu vou para uma cor azul e eu vou para cinza tão azulado acinzentado. Este é um grande fundo aqui. Agora precisamos entrar na tela aqui. Vou de selecionar porque eu quero que em uma camada de forma separada e podemos novamente Eustis uma ferramenta de retângulo arredondado e basta colocar uma tela aqui. Perfeito. Temos uma tela que eu vou clicar no Phil, e eu vou deixar o filme branco. Eu também vou alinhar e alinhar perfeitamente no meio. E agora eu posso talvez torná-lo um pouco menor com meu sinal de ferramenta de seleção de seu menor ir um pouco para cima. Então temos o fundo como a morte. Ok, eu não acho que super igual, então eu vou tomar esta forma e também torná-lo perfeitamente no meio. Ok. Qualquer começo para ter uma tela de PC, temos que moldar jogadores, e isso seria como nossa tela. Então poderíamos ir para a frente e criar todas as linhas ou ângulos diretos como deixe-me selecionar a linha e criar uma linha como esta Boom, a linha grande superior. E eu me lembro que você tinha que ligar aqui nós tínhamos o azulado e nós tínhamos um amarelo aqui. Mas podemos, claro, há algo diferente. É só a nossa imaginação. Então eu tenho essa linha e eu vou alinhar novamente no meio. Eu também quero pegar este ponto de ancoragem para que eu selecione por que, como Ponto de Âncora e o ponto de âncora original deste retângulo já está aqui. Mas o ponto de ancoragem desta camada de forma deixou-o colocá-lo aqui. Só para que seja um ano mais tarde para trabalhar. Ok? E agora eu posso apenas clicar nesta ferramenta de seleção Control D, tecla shift, movê-lo para baixo, torná-lo menor. E é assim que você desenha um ícone como esse no After Effects. Gostaríamos também de ter este gráfico aqui e deixe-me mostrar-lhe como você pode criá-lo. Você pega o dedo do pé do retângulo normal e você criaria um ângulo direto como esse . No começo, não quero derrame. Definitivamente. Por favor. Sem derrame. Ok. Esta camada de forma por tê-lo selecionado. Eu vejo. Eu tenho o retângulo número um aqui. Eu quero usar o panto e ter esta ferramenta selecionada cria forma. Eu quero três formas aqui, então esta será a minha segunda forma. Boom. Digamos que este é o meu gráfico, está bem? Este gráfico tem a forma número um deve ter um acidente vascular cerebral. Certo, vou abrir o AVC e selecionar Phil. Perfeito. Então esta é a minha forma número dois. Ao ter o selecionado aqui, eu olhar como na forma e eu vou pressionar o controle D para duplicar a reta porque eu gostaria que esta cor superior para ser diferente. Então a maneira que eu posso fazer isso é ter essa forma selecionada. Agora, vou selecionar um acidente vascular cerebral e selecionar o filme fora do curso. Quero um Phil diferente. Vamos torná-lo talvez azulado. E não se preocupe com esse preenchimento feio aqui, porque vamos ajustar a forma. Queremos que esta forma continue assim. Ok, Agora selecione Alpental e lembre-se que você precisa ter moldado número dois selecionado. E agora clique aqui, vá para cima. Boom! Agora temos essa forma. Então temos três formas aqui temos esta forma superior temos estas linhas de tese e temos a forma sob. Deixe-me tornar a almofada visível. Eu acho que a forma número dois deveria estar debaixo dela porque eu queria que a linha fosse maior. OK, e agora algo está errado aqui algo está errado porque gostaríamos de restringir esta área apenas a esta caixa. Isso não seria problema. Deixa-me mostrar-te. Vou de selecioná-lo e recuperar arejar, por favor duplique este objeto. Abra este objeto. Abrir conteúdo Excluir sombra número um, excluir sombra número dois e apenas ângulo direto é restante. Então esta é a nossa máscara. MSK é a parte fora deste objeto que será revelado tão seletivo inferior um Ir para rastrear fosco e selecionar al formato camada número seis. Agora, isso pode parecer complicado, mas deixe-me explicar mais uma vez como fiz isso. Eu fiz um objeto com três itens a camada de fundo, o traço gráfico e a camada superior. Então tomamos um derrame duplicado. Qualquer um fechou o derrame. Então temos a camada superior em uma cor diferente. Nós temos a camada de fundo em uma cor diferente e nós temos que traçar em uma cor diferente agora, já que fizemos o traço um pouco maior e a cor superior um pouco maior, nós tivemos que de alguma forma fechar tudo para a forma original. Não podia ir acima, porque ficaria feio. Então, do jeito que eu fiz, eu usei faixa esteira. Minha coisa está longe de esconder certas porções de camadas com outras camadas. Então foi isso que fizemos. Pegamos a camada original. Nós copiamos. Tem o mesmo tamanho. Apagamos tudo. Nós só saímos com uma camada e, em seguida, rastreamos o método deles juntos. Então esta camada superior está restringindo todo este objeto para possuir seu tamanho original. Espero que não entenda isso. Esta é uma questão fora de prática, e uma vez que você se familiarizar um pouco com isso, você não deve ter problemas para criar algo assim. Eu vou continuar a criar esses objetos, mas como você pode ver, não há nada mais difícil Onda. Poderíamos, por exemplo, moldar você já tem. Talvez eu mude a cor para este azul porque este azul parece muito legal. E agora eu poderia ir com isso com este amarelo e azul. Eu posso pegar este objeto que eu posso pressionar controlado eu posso colocá-lo em outro lugar. Eu posso torná-lo menor, por exemplo, como dias em que eu também vou renomear as camadas e eu posso pular totalmente o Illustrator se eu gostaria trabalhar com este. Muito obrigado por ouvir. Espero que tenha aprendido muito, especialmente sobre os jogadores Shay. Não é crucial para você saber disso, mas é muito importante entender como um fluxo de trabalho normal como esse seria, e é uma informação muito útil, então espero que você tenha gostado. 7. Prepare sua composição de efeitos após: Ah, eu estou animado para trabalhar porque isso vai ser muito interessante. Temos dedo do pé, eu posso preparar. E você pode, é claro, usar qualquer ícone que você baixou. Você pode até mesmo usar alguns simplesmente, Ou eu posso cuspir por causa deste tutorial. Apenas veja como se faz. Então eu vou pegar este ícone e importá-lo para After Effects. Eu coloco assim e digo para importar. É uma composição que é muito importante. Não como composição de filmagens. Agora as dimensões das filmagens, tamanhos das camadas. Ok, pós-efeito, crie esta pasta com todos os arquivos aqui, que são todas as camadas e uma composição pré-fabricada. Agora, esta é a composição que não se preocupa. Vamos criar um novo e usar esses elementos. Vamos criar uma nova composição, e eu quero ter certeza de que minha composição está cheia. HD 1920 por 10 80 30 quadros e 10 segundos de duração. Eu clico em OK, e eu tenho minha bela composição vazia. Agora, por favor, volte para a composição preparada Hit control A para selecionar tudo Hit control C ir para esta empresa. Controle de mama V. Agora, a primeira coisa que eu quero fazer é preferir o fundo e esquecê-lo completamente . Vou clicar no fundo vermelho. E a grande coisa aqui é que temos tudo perfeitamente preparado. Então, acho que acaba aqui. Sim. Tudo isso são itens de fundo, então eu vou mudar. Clique. Vou fazê-los laranja só para que eu veja. Sim, este é o pano de fundo. Deixe-me pegar a cor de fundo, colocá-la mais no meio e redimensioná-la. Eu posso até ir um pouco acima agora. Sempre gostei do círculo. Oh, estes são os dois círculos agora. Você simplesmente não pode selecionar os dois. Shift, clique em Selecionar pode ser colocado aqui. Este? Oh, é um corte. Então, deve estar no lado inferior. E dependendo se você tem encaixando se você tem encaixando sobre ele, vai encaixar para essas diretrizes. Caso contrário, você pode vender o controle para desativá-lo temporariamente. Está bem, vou pôr isto aqui. Agora esses círculos estão quebrando. Eu acho que eles são muito bons. Ok, Além dos círculos, Eu era como tudo o resto com o meu clique turno e l posicioná-lo mais no meio novamente, estalando tenta me ajudar. Acho que sim, nesta ocasião. Ok, agora vejo que os círculos poderiam ser colocados um pouco melhor e perfeitos. Preparamos nossa composição para o trabalho. Agora a última coisa que eu quero ajustar aqui antes de começar eu gostaria que este fundo para ser pré-composto, selecionar tudo. Se você tiver apenas uma cor para o plano de fundo. Isso é perfeito. Eu fui para aqueles itens porque eles realmente fazem isso. Posso parecer um pouco melhor. Então eu clique com o botão direito e eu vou apenas selecionar pré composto e eu vou chamá-lo de Be decomp. Lembre-se que este acampamento de beleza tem 10 segundos de duração. Se você precisar que ele seja maior, você vai para dentro do acampamento ou você clique com o botão direito aqui você disse uma configuração de composição e você pode estendê-lo aqui. Mas agora eu acho que está perfeitamente preparado e podemos nos concentrar apenas nisso. Eu posso. Vou me livrar da composição de fundo selecionando esta camada de timidez e ativando a timidez para toda a composição. Agora desapareceu. Ok, é assim que você prepara sua composição para a guerra e na próxima lição vai começar a lutar com este ícone 8. Anime e progenitor todo o ícone: Olá e bem-vindo nesta lição onde vamos finalmente começar a animação. No começo eu quero torná-lo um pouco maior. Então eu vou selecionar ajuste. Sim, ajuste. Então, dependendo do tamanho da minha tela, ela sempre caberá. Agora, eu gostaria que este ícone também viesse na minha direção. E que giro um pouco. Então não é tão chato. Então, a maneira como você faz isso em geral está indo da camada mais inferior. Então você vai por trás e então você pai tudo para que todos se juntem. Deixe-me mostrar-lhe como você selecionará o objeto mais para trás, que é neste caso, fora do curso, o fundo. E na maioria dos casos, será assim. Então, para começar o trabalho, eu quero selecionar a tecla de fundo principal s em seu teclado para abrir a escala. Vou também pressionar Shift e são para trazer a rotação porque eu sei que eu vou trabalhar tanto com a escala e com a rotação. Então esta será a minha primeira animação. Ok. Vamos como a balança Por favor, mantenha o quadro em defecar em 0% ele desapareceu. Talvez l um solo também esta camada. Então eu só vejo este pequeno objeto em que estou trabalhando e vou embora. Quanto tempo deve ser toda a animação? Vamos dizer para o início, em dois segundos e eu vou trazê-lo de volta para 100%. Ou talvez o solo não funcione tão bem quanto eu pensava. Esta é a primeira animação antes de prosseguir com o trabalho. Selecione todos os objetos restantes. Então selecionado, como aquele turno, clique no 1º 1 e você tem as opções de parentalidade. Se não as vir, faça-as visíveis. Eles deveriam estar aqui. Se você não vir as opções de parentalidade apenas para a direita, clique em colunas e abra um pai, ok. E pai de tudo. Então esta camada de fundo principal agora todas as animações que vamos fazer serão herdadas pelas outras camadas também. Ok, então nós temos a primeira inovação como esta. Mas também gostaríamos de dar uma voltinha nele. Então eu vou para o início e você pode animar qualquer ícone como esse. Eu cliquei no meu cronômetro e fazer uma rotação negativa um negativo porque vamos lentamente em direção a zero marca. Então aqui estão dois segundos. Devemos chegar a uma rotação de zero graus. Ok, vamos ver como ele parece, e isso é como, Como você se sente sobre isso? Eu sinto que é um pouco demais de giro, então eu vou fazer um negativo de 148 graus. Ok, e é definitivamente para abrandar a maneira como você faz sobre esses quadros-chave agora é selecionar os últimos e trazê-los para a frente. Isso tornará a animação mais rápida, mas você se lembra que você vai animar tudo aqui. Então eu acho que dois segundos serão seguros para toda a animação. A última semana que você precisa fazer aqui é ajustar esses quadros-chave, selecionar todos os quadros-chave , pressione o botão direito do mouse assistente de quadro-chave, Eazy e's para que a animação flua em um pouco. Mais agradável será para o leste. Ok, começa a ficar melhor agora, tendo aqueles quadros chave selecionados. Eu vou para o editor de gráficos e atualmente eu tenho o gráfico de valor. Mas eu gostaria de ir para o gráfico de velocidade porque eu quero aumentar a velocidade um pouco . Então a duração fora de dois segundos é ok, mas eu quero selecionar todos os quadros chave e puxando as alças. Tenho influência sobre como essa inovação vai se desenrolar. Talvez isso também um pouco para trás. Uma animação muito bonita. E a grande coisa aqui é que esses ícones, quero dizer essas frings chave também podem ser usados mais tarde porque mais tarde, uma vez que você faz essas outras animações, nós também podemos pegar esses quadros-chave porque estes são quadros de chave de escala e chave de rotação quadros, e eles já estão perfeitamente ajustados. Então esta é a sua animação inicial para o seu Iken. Muito obrigado por ouvir este tutorial. E vamos para a próxima lição. Foram reais lentamente construído esta animação e outros elementos animados sobre ele. 9. Como animar os objetos (parte 1): Olá e bem-vindo. Agora temos essa animação, e continuamos a construí-la. Então eu acho que ele permanece um pouco longo nesta área, e isso ainda pode ser ajustado selecionando sua rotação. E eu gostaria que ele fosse mais girado em disposição. Então talvez eu vá um pouco para trás com este quadro chave de rotação. Ok, então teremos mais tempo para vê-lo, e tudo bem, agora eu preciso considerar sobre o fundo branco. Eu acho que nós não precisamos de qualquer animação sobre o fundo branco porque ele deve ser introduzido imediatamente. Especialmente que temos tantos itens aqui. E esses itens devem ser visíveis imediatamente. E eu gostaria de começar do lado de cima. Então deixe-me selecionar a nota de linha superior inferior. Tenha uma grande linha. Sim. Top grande linha. Eu tenho uma idéia de que esta parada grande linha deve crescer a partir do meio para fora e o grande incúrio que podemos usar a posição simplesmente instintos. Escala de rotação. Ok, deixe-me ir para o topo da linha grande. Deixe-me abri-la e pressionar S como escala. Uma vez que você tem a balança. Você precisa desamarrá-lo porque se ele está ligado, ele vai crescer e encolher assim. Mas eu gostaria que ele crescesse apenas horizontalmente, não verticalmente, então a altura não deve ser ajustada. Ok, eu vou desvincular isso e assistir. Agora. Agora eu posso trabalhar com este primeiro valor, e ele vai crescer e encolher assim. Então deixe-me falar sobre a chave de disposição. Enquadrá-lo. Zero, vá em frente. 100%. Perfeito. Agora selecione esses quadros-chave. Certo. Clique em assistente de quadro de teclas. Fácil Leste. Vá para o editor de gráficos e ajuste o movimento um pouco. Certo, vamos pré-visualizar. O que temos nós? Sim, perfeito. E se você quiser que isso aconteça mais rápido, basta pegar esses quadros-chave e movê-los um pouco para a esquerda. Como a linha superior está crescendo assim, por que não fazer a linha de fundo aparecer assim? Então poderíamos, por exemplo, exemplo, usar uma máscara para isso. Deixe-me ir até o final onde vejo toda a composição. Eu chego mais perto porque eu só trabalho com esta linha e deixe-me também selecionar continua restaurantes. Por isso, será sempre de alta qualidade. Então esta pequena linha Ok, vamos criar uma máscara para ela. Vou selecionar essa ferramenta de retângulo e criar uma vítima de retângulo o suficiente para cobrir toda a linha. Vou selecionar essa ferramenta de retângulo e criar uma vítima de retângulo o suficiente para cobrir toda a Oh, vamos fazer de outra cor. Vamos fazer um pavor. Então nós vemos exatamente. Deixe-me também colocá-lo logo acima da luz estreita superior. Agora farei o mesmo. Vou criar uma animação abrindo este retângulo retângulo Pat e eu tenho o tamanho. Deixe-me desvincular o tamanho ir para trás e fazer o tamanho para zero. Vou te mostrar em um segundo. Por que estou fazendo isso? E agora esta linha deve animar para fora. Acho que não está no meio. Não está perfeitamente no meio. Oh, desculpe. Pegue o jogador hétero. Pegue o dedo do pé ou com as setas. Tente encontrar o meio. Acho que isso seria perfeitamente suficiente. Ok, este é o meio. E agora eu faço essa chave de animação Moldura o tamanho Vá em frente Faça o tamanho grande o suficiente. Então cobre toda a linha fora do curso. Você também deve ficar longe do assistente Eazy e é eles um pouco. Leve esta informação ligeiramente ajustada, mas tudo bem. E agora esta camada de forma será uma máscara. Revelar. Er ok. É chamado de máscara Regular para esta linha estreita superior, o único ajuste que você precisa fazer é selecionar a linha estreita superior. Selecione o segundo botão, assim você vai ver os modos de aprisionamento e na faixa, fosco selecionar máscara fosco alfa revelar. Er, estou certo? Ok, eu estou certo. Então esta é uma maneira de fazer essa animação, então eu acho que está bem. Agora, dependendo de onde a máscara será colocada aqui, deixe-me pressioná-lo onde estão as chaves. É assim que a inovação vai parecer. Eu acho que esta animação deve ser um pouco alinhada, mas esta deve ser a primeira vez. Este deve ser o segundo um pouco mais tarde, um pouco mais. E vamos pré-visualizar. O que temos aqui? Espero que perceba este pequeno erro. Sim, é um erro. Porque também devemos mostrar isso ao nosso fundo principal. E por que a rotação é tão feia? É porque temos o ponto de ancoragem aqui. Então deixe-me controlar. Z pressionado. Por quê? No seu teclado? Para usar a caneta atrás. Ferramenta e lugar dependem atrás do dedo do pé no meio. Ok, Agora deve ser melhor selecionar o fundo principal e deve girar junto com este objeto. Ok, Perfeito. Temos a animação preferida e isso é o que temos até agora. Claro, cometi o pior erro e faço a animação da mesma forma. Então eu preciso selecionar os amigos chave. Certo? Clique em assistente de quadros-chave Tempo inverter quadros-chave para tornar a animação completamente adequada. Você só precisa selecionar Alfa Alfa invertido homem para que ele funcione ao contrário. Ok, vamos provar a animação. Eu acho que é legal. Deve ser um pouco mais rápido. Então faça assim. Sim, linda. E parece que este 2º 1 deve terminar um pouco mais rápido. Vai parecer, talvez um pouco melhor. Ok? Não, não faz. Então é uma questão de pré-visualização verificar tudo. E agora essas linhas e essas linhas poderiam ser animadas de forma muito semelhante para que possamos pegar a linha de fundo aqui. Chama-se “linha de fundo”. Então a única coisa que você precisa fazer é controlar. Veja o controle Z damasco acima dele Faça o mesmo aqui também conheceu Alfa invertido Mesquita Matt, número regular dois e a única coisa que você precisa mudar é fora do curso. A posição fora desta máscara porque a posição deve estar aqui. Então, desculpa por não ter de escolher o fundo. Eu deveria selecionar a revelação da máscara. Er, talvez com o câmbio e as setas eu devesse colocar aqui. Está bem, está no meio, e agora vai funcionar de novo. Estou a esquecer-me da paternidade. Sinto muito, mas agora funcionaria. Definitivamente. Eu não sei. Por que temos irritação aqui? Mas vamos apenas torná-lo zero r zero. Talvez eu não tenha clicado. Ok? E nós temos essa animação muito bonita. Coloque-o mais no meio. Perfeito. Eu gosto desta moção. E para a linha superior. Devíamos copiar esta animação. Então era a linha de tópicos. E nós temos os quadros-chave já preparados. Então selecione este controle de linha superior V você e podemos ver o que acontece. Lindo. Todas as linhas se juntam. E também essas linhas. Eu acho que esta animação em escala é muito bonita. Controle V, linha direita um pouco para o controle V. E a coisa aqui é que você pode controlar um tudo. Você pode pressioná-lo e você verá os quadros-chave. Você também pode pressionar a tecla tilde pressionando-a aqui. E você vê, você sabe como a animação acontece. Acho que essas animações devem terminar juntos. Mas veremos o que parece melhor atualmente. Sim, parece muito bonito. Eu gosto da moção que estamos fazendo aqui, e atualmente temos todas as linhas animadas. Não faça esta lição muito longa. Eu gostaria de ir para a frente na próxima lição, porque na próxima lição tentará trabalhar com essas caixas. E uma vez que esta é, por exemplo, uma área, ela deve ser meio animada. Da mesma forma, também, aqueles pequenos botões e este objeto. É como o objeto principal, então deve ficar um pouco mais agradável. Eu acho que deve saltar para trás e estourar um pouco, mas eu vou pensar sobre isso na próxima lição. Vamos apenas estilo livre. Sabemos o que devemos usar e o que podemos usar para isso, e vamos repassar isso na próxima lição. 10. Como animar os objetos (parte 2): Muito bem, tanta coisa está acontecendo na tela. E agora vamos trabalhar nas caixas. Deixe-me selecionar tudo Imperatriz para que eu tenha a média escondida porque eu não quero ver agora. Esta é a animação que temos. Tudo voa muito bem. Então agora vamos trabalhar neste objeto. Vejo que o ponto de ancoragem está no meio. Obrigado. Após os efeitos, pelo menos uma vez você pode colocar o ponto de ancoragem na posição correta e vamos saber trabalhar com ele. No começo eu talvez trabalhar com a posição e eu também em três d para que possamos não só animar no espaço X e y, mas também no espaço Z que está mais perto e mais longe. Então você vê, a posição pode ser ele também pode saltar o seu assim. Então vamos pensar sobre a posição ou com a escala primeiro como sempre, talvez você deva começar com a escala. Mas já temos as animações em escala. Então vá para o fundo principal pressione Você clica na escala. Assuma essas chaves de controle. Veja goto este gráfico e aqui Controle V Ok. Desculpe ter aberto tudo o que temos para enxertar e está aumentando agora. Eu gostaria que essa animação aparecesse um pouco porque é meio chato demais, então você pode ir ao editor de gráficos para isso. E este é o gráfico de velocidade. Ele mostra a velocidade da animação, mas você também pode selecionar o gráfico de valores, que mostra os valores reais fora da animação, e você vê os valores indo assim para a escala. Mas e se você pegasse a balança, pegasse a alça e colocasse um pouco acima aqui. O que aconteceria? Estouraria um pouco para a frente antes que encolha de volta. E isso me lembra que agora não precisamos da camada de tratado porque eu estava planejando fazer isso no espaço de cocô. Mas, mas por quê? Se pudermos usar mais de tiro, isso é chamado sobre tiro porque você está tomando uma animação e você vai você está filmando um pouco sobre os valores normais, e isso é um ótimo que eles precisam saber sobre. Ok, isso não é muito rápido. Deixe-me ir em frente. Começa a parecer muito bonito, mas o pop era muito longo. O Papa estava tomando meio segundo, e não deveria ser assim. meio segundo, Ok, agora começa a ficar bonito. Ainda preciso ajustá-lo. Eu sinto muito. Estou fazendo tantas balas de endereço, mas você precisa fazer isso passo a passo e opção por opção. Ok, agora nós fora do curso também precisamos de um pouco fora de rotação. Nós já tivemos rotação, mas você quer usar o mesmo? Acho que, pelo menos, nos levará a algum lugar no começo. Então pegue o controle. Nós também a mudança de rotação é para abrir uma rotação, colocá-lo em uma posição melhor, e talvez desta vez nós não queremos uma quantidade negativa. Você precisa estar exatamente neste lugar para, a fim de mudar este quadro-chave. Se você estiver em outro lugar, ele apenas criará um novo quadro chave, e tudo ficará estranho. Então vá no mesmo lugar onde o quadro-chave está e selecione uma quantidade positiva. Uma quantidade positiva de 100 graus deve estar bem. Lindo. E eu gosto disso. As linhas são como a parte principal aqui, mas esta aparece um pouco mais tarde em um pouco mais lento porque queríamos destacá-la um pouco. Certo, talvez seja muito lento. Eu sinto muito. Sim, linda. Muito boa rotação todas as noites. Dimensionar animações. E eu acho que para este tipo de animação, isso deve ser suficiente. Devíamos fazer algo semelhante nesses objetos. Ou se você não quiser mais animar. Aqui está copiar os quadros-chave que você pode fazer toda essa controvérsia. Clique neste objeto lugar seu jogo teve aqui. Controle V. Você tem todos esses amigos-chave aqui? Claro, eles devem ser mais curtos. Talvez dividir um pouco para que tudo não seja tão parecido. Ou talvez a rotação. Você vê, nós ainda temos um pouco de rotação aqui. Eu também gostaria de ir mais uma vez para a rotação para o editor de gráficos. E talvez eu ultrapasse um pouco a irritação também. Eu supero aqui no lado de baixo. Realmente bonita. Animação muito agradável e simples. Ok, agora sabemos que esta rotação está muito bem feita, então podemos mais uma vez pressionar você pegar esses quadros chave. Desculpe, foi o bloco vermelho. Você pega esses quadros chave e apenas altera-os um pouco por todo o projeto . Agora, este pressiona-te. E talvez, já que estou aqui, mude a rotação mais uma vez para uma quantia negativa. Então ambos fora estes e eu compensá-lo um pouco. Não se preocupe com o comprimento. Agora, concentre-se na animação porque aqui ainda é invisível. Ele só fica visível quando o quadro principal é iniciado. Então não importa se é muito curto. Você também pode selecionar tudo e cortá-lo assim com a tecla de colchete antiga e esquerda. Portanto, não se preocupe com isso. Está bem, deixa-me ver a animação. Ok? A relação talvez fique aqui por muito tempo e a delegação foi muito forte. Deixe-me fazer mais pequeno, uns 40 graus. Está bem. Acho que esta tese está bem, mas a superação será agora muito forte. Sim, temos esta animação. Talvez eu devesse ser assim. Está bem. Ele desaparece lentamente na tela. Agora esta caixa. E o que você quer por este livro? Já tínhamos uma balança. Então, para este, vamos para este grande de novo. Você e você vê, não é realmente muito fora do trabalho porque uma vez que temos algumas animações, podemos simplesmente copiar e colar este objeto e torná-lo um pouco mais curto. Mais tempo, dependendo de como você quer. Boom. E esses pontos, essas pequenas caixas poderiam ter outra vez essas informações de rotação. Então eu me lembro do controle de escala e rotação. Veja, olhe aqui. Controle V Controle V. O único problema é que eles são deslocados para a frente. Certo, mude-os de volta. Eles devem ser mais curtos. Eu gostaria que eles fossem um pouco de animação pop no final, como boom. Está bem. E vamos pré-visualizar toda a nossa animação. Agora, é assim que animamos este ícone. E eu só não gosto disso. Esta rotação na caixa. Mm. Acho que é um pouco tarde demais. Além disso, este aqui. Talvez eu tenha exagerado com o excesso. Sinto muito, mas esse é o nome do jogo. Você precisa verificar tudo. Talvez se fizermos isso um pouco mais leve. Sim, isso é muito melhor. E este deve tê-lo de forma semelhante para baixo. Ah, só irritação. Temos o gráfico de valores. E quanto à velocidade com Yeah, e vejo que a velocidade está confusa. Então deixe-me mudar esse valor. Deixe-me puxar a maçaneta para trás. E agora eu sei por que essa animação foi um pouco estranha. Não sei quando aconteceu, mas aconteceu. Isso realmente não importa. Ok, agora temos esta animação um pouco corrigida. Sim, linda. E qual é o projeto todo? Vamos nos encaixar. E esta é toda a preparação desta animação. Bem, mais uma vez, pressione meu Till a tecla, e nós só não temos quadros-chave nas linhas de fundo porque a máscara está realmente animando para ele. Também temos o botão liga/desliga, mas o botão liga/desligachamei de botão liga/desliga. Também temos o botão liga/desliga, mas o botão liga/desliga Não requer animação também. Nós poderíamos, claro, fazer isso chegar por isso. Mas acho que não é necessário. Então é assim que a animação em geral seria semelhante. Ok, deixe-me preparar a composição. Eu tenho isso assim e ouvir a animação termina. Então pressione óleo e no meu teclado para cortá-lo. Agora eu tenho um pouco de animação em loop. Então este é o meu acúmulo de animação para este tipo de ICANN. Este tipo de animação pode ser usado, realmente para tudo o que podemos usar escala. Podemos usar a rotação. Podemos usar a posição. E com essas poucas coisas simples, podemos realmente fazer belas animações para quase qualquer tipo de Aiken Vamos para a próxima lição. Bem, empacota este objeto inteiro. Bem, talvez exportado como um arquivo TIFF como, ah, animação separada. Então você pode usá-lo para mostrar o que estamos fazendo. O que estamos fazendo em animações, e vamos empacotar tudo corretamente. Obrigado por ouvir este tutorial. Por favor, vá para a próxima lição onde continuaremos a trabalhar com o nosso Aiken. 11. Como criar um laço sem emenda: Se você gostaria de ter esta animação animando dentro e fora da tela, você poderia pegar tudo com controle A além do fundo,é claro, é claro, você poderia clicar com o botão direito e selecionar pré composto, e eu chamaria Ícone animado. Ok, eu tenho aquele Aiken animado por aqui. Ele começa a detentar, e aqui ele termina a animação, então eu vou selecionar chave de suporte velho e direito. Vou duplicar esta camada. Vou apresentá-lo para a posição exata onde ele termina, e agora eu posso clicar com o botão direito sobre esta composição, Selecionar Tempo e Selecionar Tempo Rivers Camada. Isso fará com que a animação desapareça em disposição. Bem, ele vai desaparecer no final desta composição, então dependendo de onde você colocá-lo, isso vai fazer o comprimento de sua animação. Digamos que eu gostaria que minha animação levasse cerca de seis segundos, então eu coloquei aqui. Eles podem se sobrepor. Não é problema porque eles estão parados no meio, então eu teria uma animação como essa. A inovação vem na tela. Espere um pouco e depois desaparece de novo porque é tempo invertido. Então tudo está funcionando de trás para frente. Está bem. E é assim que se faz a animação. Se você gostaria de tornar esta animação mais longa, basta estender esta composição, colocar esta compressão aqui e redimensioná-la aqui porque no meio nós nos certificamos de que a composição é longa o suficiente para ser estendida. Nossa composição acontece sobre nossa composição acontece por cerca de 19 segundos, e a animação leva, tipo, tipo, três segundos para ser reproduzida. Portanto, temos espaço suficiente para estendê-lo e trabalhar com ele como queremos. 12. Como renderizar um vídeo transparente: Ok, Chegamos ao ponto em que temos a nossa animação terminada e podemos renderizá-la. Então esta é a nossa animação, e agora podemos decidir se queremos usar o fundo. Ou você gostaria de ter um vídeo transparente com Justice Aiken para usar fora dos efeitos após ou em qualquer lugar que gostaríamos de tê-lo. Está bem, deixa-me mostrar-te como podes torná-lo transparente. Então você tem. Aqui vem o número um, o ícone que está no meio. E eu acho que é uma composição preparada para renderizar. Esta é uma composição muito grande. É uma decomposição de idade completa, mas está tudo bem. Então este vem o número um, que é aqui. Podemos ir a composição do dedo do pé e adicioná-lo para renderizar Cube. Como esta é uma animação rápida e simples, não precisamos usar o codificador de mídia adobe. Podemos fazer isso direito. Grã-Bretanha aftereffect Clique no módulo externo. Clique aqui na forma de tempo rápido nos canais. Você gostaria que fosse RGB mais Alfa, mas precisamos usar outro Kotick. Portanto, vá para opções de formatação e o H +264 não lida com transparência em vídeos. Ele não lida com canais Alfa, então precisamos selecionar animação. Selecione. Ok. No canal. Selecione RGB mais Alpha. E é isso. Bater. Ok, venha. Número um, estou a renderizá-lo. É muito rápido porque era uma animação simples. Agora eu vou para o meu arquivo de projeto e nós temos a comp número um. Neste caso, resultou em 30 megabytes. Acho que está tudo bem. E agora podemos usá-lo sobre qualquer fundo que quisermos. Temos um ícone animado preparado e pronto para usar para nossos produtos. Acho que parece muito legal. E foi super divertido de preferir. 13. Como exportar um GIF de looping: Se você quiser criar um J a partir disso, eu posso apenas selecionar e colocar o filme dentro da loja de fotos. Temos esta animação, se quiser. Você pode usar os leads de segundo plano, por exemplo. Crie um fundo vermelho para ele. Phil, leia. Certo, temos um retângulo vermelho e preciso colocar o retângulo atrás. Agora não está visível. Vamos colocar este retângulo aqui enquanto eu fiz o vermelho um pouco forte demais. Eu sinto muito. Vamos torná-lo menos vibrante. Ok. Como isso. Eu acho que isso é bom. Agora a camada de fundo é muito longa. Vou torná-lo semelhante ou do mesmo tamanho. Ok. E temos essa inovação dentro de uma loja de fotos. Agora eu iria para o arquivo mais seguro web e eu iria criar um GIF loop. O GIF de loop pode ser selecionado aqui. Quero ter certeza de que esse arquivo é bem pequeno. Então, 28 cores está tudo bem. O deter poderia ser um pouco acima porque eu quero permanecer em alta qualidade e, claro, o tamanho da imagem. Não preciso de um presente tão grande. Vamos para 600 pixels, isso seria completamente suficiente. E no canto inferior esquerdo. Posso ver o tamanho do chefe. Ele vai renderizar por um tempo, mas então nós temos 200 kilobytes. Eu acho que isso é realmente perfeito. Fora do curso. As opções de loop devem ser definidas para sempre, e temos nossa animação GIF de loop. Podemos salvá-lo e podemos usá-lo em todos os lugares. Queremos mostrar esta pequena animação. Imagine ter um set off ícones animados assim. Eu acho que isso parece realmente bonito e é algo super útil para aprender. 14. Ajustes úteis para saber sobre: Olá outra vez. Eu queria te dar uma pequena dica rápida no final do trabalho. Se você acha que isso leva um pouco tempo demais, não é problema. Você sabe que esta animação começa sobre o início e termina cerca de dois segundos para que você possa clicar com o botão direito sobre esta camada. Você pode clicar no tempo e você pode habilitar o mapeamento de temporizador. Essa é uma característica incrível. Veja como funciona o remapeamento de tempo. Você tem zero segundos. Aqui você vai para a frente para os dois segundos normais e talvez 20 quadros. Onde todo o lugar de animação você tomar um quadro-chave aqui e em vez de fora dois segundos e 20 quadros jogando dois segundos e 20 quadros. Você pode levá-lo um pouco para trás e agora dois segundos e 20 quadros serão reproduzidos durante um segundo. Deixe-me mostrar-lhe boo! Você vê, esta animação seria agora super rápida. Colocando o quadro chave mais tarde, você vai torná-lo um pouco mais lento. Essa é uma maneira super simples e rápida, ajustando toda a animação e não ter que entrar na composição e fazer tudo à mão. A segunda coisa que quero mostrar é como fazer a animação um pouco diferente. Eu usei aqui uma animação de rotação e escala. Mas digamos que você quer algo diferente. Você pode, por exemplo, habilitar a opção de tratado para esta camada para que você não precise ir à mão e usar tratado dentro da composição aqui. Você não tem que trabalhar com esses ícones que você pode globalmente fazer os ajustes para usar tratado e agora apenas animar pressionando são como rotação eixo X. Por que excesso Z X é como queremos. Já temos uma animação aqui, mas gostaríamos que tivesse mais uma virada. Sem problema. Ir para esta parte ir para por que ir, por exemplo, para negativo 100 Vá em frente onde a animação e e e vamos colocar zero aqui. Veja, além da rotação normal que tivemos, temos uma rotação adicional. Eu acho que isso parece bastante Ok, Talvez você deve ir para uma quantidade positiva porque ele não funciona muito com a rotação agora. Sim, está bem. E você vê, você definitivamente deve mexer com isso. Eu deveria, fora do curso, aliviá-los. Eu iria para o editor de gráficos e agora eu veria o que fazer. Bem, está quase tudo bem. Talvez um pouco mais rápido no início. Perfeito. Talvez um pouco mais rápido, porque aqui no final, porque aqui no final, deve terminar antes que eu possa. Animação termina a reprodução, e eu ajustei este ícone para ter uma sensação completamente diferente Agora a animação seria reproduzida como anteriormente. Eu teria, naturalmente, que fazer o mesmo aqui na segunda camada, ou apenas duplicar isso acabou com esses poucos ajustes. Nós realmente finalizamos o trabalho. Espero que goste muito descritivo. Lembre-se, você pode usar o remapeamento de tempo, e você também pode fazer ajustes globais para o Aiken real trabalhando na composição , por exemplo, usando tratado e trabalhando com as rotações. 15. Obrigado!: Estou tão feliz e orgulhoso de você que chegou a este ponto do curso. Então agora você já deveria ter terminado esta animação. Deve ir para a tela. Deve sair da tela. Deve ser bem animado, e eu queria agradecer-lhe pelo tempo gasto em aprender comigo. Foi realmente um grande prazer. Eu realmente gosto dessas animações. E eu acho que ícones de animação é algo muito útil para ter em seu conjunto de habilidades, porque você vai se deparar com ícones para toda a sua vida. Vamos encarar isso. Ícones em logotipos e animações em intros lá, usados em todos os lugares em apresentações em sites. E é uma coisa tão legal poder animá-los e usá-los de várias maneiras . Se você gostou do conteúdo, irritou o ritmo e geral do curso, Eu realmente apreciarei um tempo acabou. Uma avaliação positiva para as lojas. Este é o melhor obrigado. Você pode me dar sinta-se livre para conferir outros dos meus cursos se você gostaria de aprender após os efeitos. Eu tenho cursos cobrindo todo o uso pós-efeito e cursos que ensinam projetos como esse, então se você estiver interessado, por favor, confira. E ficarei feliz se você fizer isso por enquanto. Agradeço-te mais uma vez pelo tempo gasto a aprender comigo. Vejo você no próximo tutorial, Vou gravar.