Hipnotizante: crie gifs alucinantes com o After Effects e Photoshop | Rich Armstrong | Skillshare

Velocidade de reprodução


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

Hipnotizante: crie gifs alucinantes com o After Effects e Photoshop

teacher avatar Rich Armstrong, Artist & Designer

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

19 aulas (2 h 2 min)
    • 1. Introdução

      1:26
    • 2. Teoria do loop

      1:18
    • 3. Zero interrupções

      15:43
    • 4. Exportar do Photoshop

      6:22
    • 5. Princípios da hipnose

      2:23
    • 6. Opostos rotacionam

      5:13
    • 7. Uma unidade de animação

      1:04
    • 8. Rodopiar e girar

      9:43
    • 9. Flores giratórias

      6:59
    • 10. Flores caindo

      6:04
    • 11. Ondulação infinita

      8:51
    • 12. Inspiração e referências

      1:19
    • 13. Sua vez

      1:26
    • 14. Bônus: trabalhando com arquivos do Illustrator e Photoshop

      9:50
    • 15. Bônus: sequencie automaticamente suas camadas

      2:47
    • 16. Bônus: efeitos e expressões

      18:57
    • 17. Bônus: animação no Photoshop

      4:35
    • 18. Bônus: hierarquia, flexibilização e máscaras inversas

      17:25
    • 19. FIM

      0:19
  • --
  • 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.

4.019

Estudantes

37

Projetos

Sobre este curso

bb741e3f

Neste curso, vamos aprender sobre animações em loop hipnotizantes, a teoria por trás de sua criação, e como criá-las usando o Adobe After Effects e o Photoshop. Você não aprenderá apenas a criar animações em loop contínuas, mas também como fazer GIFs de 1 ou 2 segundos que parece que duram para sempre. Discutiremos como criar ilusões; aprenderemos como animar com o After Effects e o Photoshop e também como programar um pouco no After Effects.

Ao final do curso, teremos criado algumas animações bem curtas que, quando postas em loop, parecerão que podem ser assistidas por horas. Não se trata apenas de GIFs, e sim de animação hipnotizante. Será uma ótima maneira de entrar no mundo da arte em movimento e animação.

Saber um pouco dos aplicativos Adobe ajudará você neste curso, mas não é algo necessário. Se você acha que deve se preparar um pouco mais, faça meu curso Ilusões de profundidade: arte em camadas — é um ótimo preparatório para o que vamos abordar neste curso.

Aqui estão alguns exemplos do que você poderá criar depois de fazer o curso:

e92f1d37

53b0981f

9d94f344

7513aab0

Se você quiser aprender ainda mais sobre animação, aqui estão alguns dos meus outros cursos de animação:



Conheça seu professor

Teacher Profile Image

Rich Armstrong

Artist & Designer

Top Teacher

Hey! I'm Rich Armstrong, an ADD multi-hyphenate creator. I design, illustrate, animate, doodle, and code. Yeah! All that! And I love it. I want to help you create stuff. I want to see you be productive. I want you to pursue your dreams and goals.

------------------------------

** BIG NEWS: The Perfect 100 Day Project Book Is Out **

The book I wrote in 2021 is out! It’s called The Perfect 100 Day Project, and it’s all about helping you choose and complete the perfect 100 Day Project for you. Get your copy now. This book was based on my popular Skillshare class of the same name.

------------------------------

I studied multimedia design, then graphic design, and taught myself how to... 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. Introdução: Você já viu um gif incrível ou animação em loop que você simplesmente não poderia desviar o olhar. Um que te capturou, um que te fez desenhar, um que te fez ficar sentado a olhar. Então você já se perguntou como fazer um? Nesta aula, vou mostrar a vocês o que sei sobre criar essas animações em loop. Sou Rich Armstrong, designer, programador e animador. Usaremos o Adobe After Effects para criar e criar nossas animações. Não se preocupe se você não é tão bom no After Effects, vou levar devagar e explicar novos conceitos pouco a pouco. Além disso, a teoria que abordaremos permitirá que você use outros aplicativos e estilos de animação para criar sua própria marca de gifs e loops hipnotizantes. No final da aula, teremos criado alguns gifs e vídeos muito curtos, que vão parecer que eles podem ser assistidos por muito tempo. Também mostrarei como trazer ativos do Illustrator e do Photoshop para o After Effects. Como fazer animação básica no Photoshop e em um vídeo, vou cobrir algumas coisas realmente avançadas do After Effects. No entanto, em uma nota de precaução, você pode acabar sentado e olhando para o que você cria por longos períodos de tempo. Sinta-se pronto para fazer doces para os olhos e se divertir muito. Cadastre-se agora e vamos começar essa aula maluca. 2. Teoria do loop: Então vamos fazer uma teoria rápida, que nos ajudará a entender o lado prático das coisas. A primeira coisa, uma animação, assim como todos os vídeos, é uma ilusão de movimento. É realmente um monte de imagens passando por seus olhos muito, muito rápido, e faz seus olhos pensarem que há movimento. A segunda coisa é que a maioria dos filmes e animações que estamos acostumados está em um formato linear, tem um início e um ponto final. Mas esta classe lida com animação em loop. Você provavelmente se deparou com eles na forma de GIFs on-line ou vídeos do Instagram, e eles são especiais porque eles fazem loop para sempre, e deixam o espectador decidir quando eles terminam. Depois há o tipo de animação em loop que te hipnotizam, fazem-te babar, fazem-te olhar, fazem-te inclinar a cabeça maravilhada. Sua linha do tempo pode ser visualizada simplesmente como um círculo com seus últimos e primeiros quadros levando um do outro, assim como outros quadros em uma linha do tempo. Uma das coisas que os torna tão fascinantes é que eles são perfeitos, você não sabe onde é o início e o fim da animação. Mas isso não é tudo o que os torna tão hipnotizantes. Existem alguns objetivos desta classe. O primeiro é ensiná-lo a fazer animações perfeitas, o segundo é ensinar-lhe os princípios de loops hipnotizantes, o terceiro é dar-lhe métodos para fazer animações hipnotizantes, e o último é que seria um grande introdução aos efeitos após no mundo da animação. Então, sim, vamos começar. 3. Zero interrupções: Neste vídeo, vou apresentar a vocês o que é After Effects, e vou mostrar a vocês como criar um loop muito simples e sem costura. A primeira coisa que quero que faça é abrir o After Effects. Se você receber uma janela como esta, clique em “Novo projeto”. Se você não fizer isso e vir algo assim, clique em “Arquivo”, “Novo”, “Novos projetos”. Se esta é a sua primeira vez dentro do After Effects, bem-vindo. O que é o After Effects? Você pode estar perguntando. Bem, é realmente um mash-up entre alguns conceitos e aplicações diferentes. É um mash-up entre o Photoshop, Illustrator, um aplicativo 3D e um aplicativo de edição de vídeo. É muito poderoso e muito flexível quando se trata de animação. Mas pode parecer como um cockpit de piloto. Você pode não ter idéia do que qualquer um desses painéis, botões e coisas fazem, tudo bem. Vou tentar fazer a cabeça e a cauda dele para você e facilitá-lo lentamente. A primeira coisa que eu gostaria que você fizesse é salvar seu arquivo do projeto, Salvar como, Salvar como. Eu vou salvar todos os meus arquivos de projeto na área de trabalho, eu só vou chamar este um loops.aep que significa After Effects Project. Você deve ter este painel de projeto, caso contrário, vá para a janela e clique em “Projeto”. Você verá que a janela ou o painel que está focado ou com o qual estamos ocupados no momento tem esse traçado azul em torno dele. Agora o que eu gostaria que você fizesse é que eu gostaria que você clicasse neste pequeno botão aqui, aquele que parece uma tira de filme. Crie uma nova composição. Agora, o que é uma composição? Bem, uma composição é como um documento do Photoshop, e um projeto do After Effects pode conter várias composições. Meu nome da composição, eu vou chamá-lo de flor, e eu não vou usar uma predefinição predefinida, eu vou para você usar uma predefinição personalizada, isso significa que eu posso mudar minha largura e altura. Agora vou definir minha largura e altura para 1280 por 1280 pixels. A razão pela qual eu faço isso é para que seja um quadrado, o que significa que eu posso compartilhá-lo no Instagram. Isso significa que eu posso levá-lo para o Photoshop e cortá-lo para o tamanho da imagem que eu preciso para diferentes plataformas. Agora minha taxa de proporção de pixels, vamos mantê-la em pixels quadrados e minha taxa de quadros, eu gosto de manter isso em 30. Você pode mudar isso se quiser, algumas pessoas preferem 25, outras preferem 30. Figura para algo como 60 vai animar muito mais suave, mas acho que 30 é uma ótima mistura entre ter animação suave e ter tamanhos de arquivo pequenos. A resolução é como nossa composição antevê o que estamos jogando, então, por enquanto, podemos apenas mantê-lo completo. À medida que as coisas ficam mais complicadas e nosso computador leva mais tempo para renderizar nossas composições, podemos mudar a resolução para metade ou até mesmo um terço. Agora meu código de hora de início, vamos deixar isso em zero, isso basicamente significa que vamos começar nosso ato de composição, e vamos começar em zero. Então a duração da nossa composição é quadros, segundos, minutos e horas. Vou mudar o meu para dois segundos. Se o seu estiver definido em um minuto ou 30 segundos, altere-o para dois segundos. Podemos então mudar nossa cor de fundo com bastante facilidade, então eu vou para uma cor azulada, talvez uma cor purply. Podemos alterar todas essas configurações depois de criarmos a composição, mas sempre acho que ajuda a configurá-la corretamente na primeira vez. Também anexei um documento que explica os diferentes tamanhos de documentos e taxas de quadros para sua referência. É realmente teórico e um pouco chato se eu tiver que colocar em um vídeo, mas você pode acessá-lo como um documento de texto. Então vamos criar essa composição. Basta pressionar “Ok” e de repente algumas coisas acontecerão. Você verá que em seu painel de projeto há uma composição de flores. Você verá que aqui em baixo, que é seu painel de linha do tempo, você terá esta aba de flor, que basicamente diz que esta composição de flor está agora aberta. Se você fechá-lo, você sempre pode clicar duas vezes sobre ele para abri-lo novamente, e este painel aqui é seu painel de visualização de composição. Como algo é reproduzido na sua linha do tempo, ele aparecerá no painel de visualização da composição. Mas agora não há nada em nossa linha do tempo, não há nada realmente aqui, exceto nossa cor de fundo, vamos criar uma camada. Camada, Novo, há um monte de diferentes tipos de camadas, isso é correto, After Effects é incrível. Qual é que queremos agora? Bem, vamos para uma camada de forma. Você verá que agora temos essa camada de forma, mas ainda não há nada para mostrar. Assim, podemos ampliar pressionando “Command Plus” ou “Control Plus”, ou podemos usar o mouse para rolar para dentro e para fora. O que eu gostaria de fazer agora é eu gostaria de adicionar uma forma à minha camada de forma. Então eu mantenho essa ferramenta de retângulo e eu libero na ferramenta estrela, e é assim que vamos criar nossa flor. Basta clicar e arrastar, e manter pressionada a tecla Shift para criar uma estrela reta, e quando terminar, solte o botão do mouse. Agora temos uma estrela, fantástica. Se formos para a nossa camada de forma em nosso painel de linha de tempo, podemos então clicar neste botão suspenso para acessar todas as suas propriedades. Veremos que tem dois conjuntos principais de propriedades, Conteúdo e Transform. Então, se eu for para Conteúdo, eu vou ver que, hey há um polystar 1, e eu posso alternar a visibilidade deste polystar 1 assim como eu posso alternar a visibilidade de toda esta camada de forma. Eu posso adicionar outra forma então vamos apenas adicionar um quadrado aqui, e você vai ver que agora eu tenho um polystar 1 e um retângulo 1, muito legal. Agora, se formos para o polystar 1, o que eu gostaria de fazer é, eu gostaria de centrá-lo dentro da minha camada de forma. A camada de forma está realmente no meio de nossa composição, então eu vou transformar polystar 1, para não ser confundido com a transformação da camada. Eu vou para esta posição, e você verá que está em x negativo e um valor y negativo. Agora podemos puxar isso para zero, ou podemos clicar e pressionar “0". De repente, está em 0, x, e se clicarmos aqui podemos pressionar “0" e de repente está em 0, y no meio, fantástico. Agora o que eu gostaria de fazer é, eu gostaria de fazer isso mais como uma flor, eu gostaria de mudar o tamanho. Vamos apenas esconder o retângulo 1 por enquanto, e vamos para o caminho Polystar 1. Entramos neste menu suspenso, e podemos alterar o número de pontos. Eu gostaria de manter o número de pontos em seis, ou 10, ou 12. O que quer que você escolha, não escolha um número ímpar. Se você vai escolher um número ímpar, vai tornar realmente difícil girar. Eu recomendo ficar entre seis e doze só porque será mais fácil trabalhar com ele. Você pode mudá-lo para seis aqui, e nós podemos mudar nosso raio interno, que então aumentará o tamanho de nossa estrela. Nosso raio externo, que aumentará o tamanho de nossa estrela também. Podemos mudar para algo assim. Agora, sua redondeza interior, você pode brincar com isso, mas eu vou manter isso em zero. Minha redondeza externa, se eu segurar Shift, ele esfrega muito mais rápido. Se eu não segurar Shift, é um pouco melhor. Vou criar uma flor assim. A próxima coisa que quero fazer é mudar sua cor. Eu posso mudar sua cor aqui em cima ou eu poderia ir para Polystar 1, Preencher 1, e então mudar a cor aqui. O que eu gostaria de fazer é que eu gostaria de mudá-lo para branco liso. Agora, eu gostaria de começar a animar minha flor. Vamos para Polystar 1 novamente, e vamos começar a animá-lo. Se formos transformar Polystar 1, podemos começar a girá-lo, o que é muito, muito legal. Se mostrarmos o retângulo novamente e mudarmos a rotação da estrela da nossa flor, você verá que o retângulo não muda nada. Agora, isso é muito importante porque se formos para a Transformação de nossa camada de forma 1 e alterar a rotação disso, você verá que toda a camada de forma muda sua rotação. Vamos mudar isso para zero novamente e abrir o conteúdo. Vou apagar o meu retângulo. Aqui, eu quero animar isso, e eu quero animá-lo ao longo do tempo. Como minha cabeça de jogo vai de zero frames para um segundo, eu quero que ele gire. Agora, isso pode parecer muito fácil. Vamos mudar a rotação. Isso muda para 45. O que você pode ver que isso acontece é que ele muda para cada quadro. Não é o que queremos. O que precisamos fazer é mudar isso para zero, e precisamos clicar neste cronômetro. O que isso realmente faz, ele diz permitir tempo muito cronômetro. Alterna a capacidade de uma propriedade mudar ao longo do tempo. Agora, se clicarmos nisso, isso significa que o After Effects está ouvindo alterações no quadro-chave. Se formos para um segundo e adicionarmos outro quadro-chave, ou clicando neste, e para remover um, basta clicar nele novamente. Ou você pode simplesmente alterar o valor. Vai para 46. Quando vamos para zero quadros novamente e pressionamos “Reproduzir”, ou reproduzir em nosso painel Visualização, que você pode acessar a partir de Janela e Visualização, ou apenas pressionamos barra de espaço, ele será reproduzido. Isso faz loops automaticamente, o que é ótimo. O que isso está fazendo é dizer: “Há um quadro-chave aqui. Ele tem um valor de zero, e há um quadro-chave aqui e tem um valor de 46.” O que o After Effects faz é trabalhar os valores dos quadros intermediários. Você verá que este é 1.5, o próximo quadro é 3.1, e assim por diante, o que é realmente, muito poderoso. Isso significa que você pode apenas especificar dois valores e After Effects resolve tudo no meio. Este é o nosso painel da linha do tempo. Podemos adicionar quadros-chave, e os quadros-chave que selecionamos são azuis, os quadros-chave que não estão selecionados são cinza. Podemos ampliar e reduzir com este pequeno controle deslizante na parte inferior, podemos pressionar mais e menos para ampliar e reduzir. Nós também podemos usar estes pouco tempo final Navigator e tempo Navigator início, arrastando [inaudível]. Muito legal. O que eu gostaria de fazer agora é criar um loop de animação. Vamos para um segundo ou 30 quadros e, em seguida, arrastamos a nossa área de trabalho para lá. Isso é muito importante porque se jogarmos dentro da nossa área de trabalho vai loop dentro da nossa área de trabalho. Se pressionarmos “Play” quando não estivermos em nossa área de trabalho, vai tocar toda a composição, que não é o que queremos. Se você tiver uma área de trabalho configurada, certifique-se de pressionar Reproduzir dentro da área de trabalho. Temos um loop. Fantástico. Mas não é perfeito, não por qualquer trecho da mente. Há um grande salto. O que eu gostaria de fazer aqui é em vez de animá-lo ou girá-lo em 46 graus, eu gostaria de girá-lo em 360 dividido pelo número de pontos em minha estrela. Neste caso, são seis. Se sua matemática não for tão boa, basta fazer o cálculo nessa entrada no After Effects. Você pressiona “Enter”, e funciona até 60 graus. O que é realmente legal sobre isso é que de 0-60, ele realmente não parece que ele está girado em tudo, ou parece que ele está girado 360 graus. É aqui que as ilusões começam a entrar. Significa que podemos tocar algo por um segundo e fazê-lo parecer como se um gira para sempre. Aqui, está girando apenas 60 graus e, em seguida, voltando para zero graus e, em seguida, girando mais 60 graus. Parece que continua, e continua, e continua. O que é realmente importante notar aqui é que se ampliarmos no final de nossa área de trabalho e onde nosso quadro-chave está, se nossa área de trabalho estiver desligada por dois quadros ou até mesmo por um quadro, isso pode causar um atraso. Se eu pressionar “Play” agora, você verá um pequeno atraso. Se eu rolar para aqui novamente, se eu aumentar isso para seis quadros, você verá um atraso muito longo, que é realmente perceptível agora. Se isso estiver em 28 quadros, ou mesmo em 29 quadros, você verá que há um salto, que também é indesejável. Embora você possa não ser capaz de pegá-lo, o olho humano é realmente bom em pegar algo que está fora ou que não se move corretamente. Você quer ter certeza de que neste último quadro-chave, é onde o final da área de trabalho está. O que está acontecendo aqui é que ele vai de 28 quadros para 29 quadros, e em vez de ir para onde este quadro-chave está, ele volta para o quadro 0. Isso ocorre porque o último quadro do seu loop é seguido pelo primeiro quadro do seu loop. Entenda, entenda. É um círculo. Nossa animação nunca chega a 60 graus de rotação. Do quadro 29, ele não chega ao quadro 30. Volta a zero. Embora seja um pouco difícil de entender, é muito legal quando você faz isso. Agora, temos nossa animação em loop. É incrível. É uma florzinha legal. Ele faz loops perfeitamente. Mas agora o que fazemos com ele? Vamos exportá-lo, vamos renderizá-lo. A primeira coisa que precisamos fazer é salvá-la. Vamos “Arquivo” e “Salvar”. Então vamos “Composição”. Vamos adicionar à fila de renderização. Uma vez que ele está na fila de renderização, ele normalmente padrão para as melhores configurações possíveis, é um arquivo sem perdas. Fantástico. Vamos exportá-lo do After Effects como um arquivo sem perdas e, em seguida, levá-lo para o Photoshop e, em seguida, exportá-lo de lá como um MP4 e um GIF animado. Queremos dizer saída para desktop, e renderizar. Esse é o básico do After Effects. No próximo vídeo, vou mostrar como criar um GIF animado e um MP4 do arquivo MOV que acabamos de renderizar. 4. Exportar do Photoshop: Neste vídeo, vou mostrar a você como levar o arquivo MOV que está após efeitos renderizados no Photoshop para facilitar a exportação. Vamos pegar um arquivo realmente grande e de alta qualidade e exportá-lo como um GIF animado e também como um MP4. Vamos para o nosso Finder, vamos para o Desktop e não podemos visualizá-lo porque é um arquivo de qualidade sem perdas. Se apenas arrastarmos isso diretamente para o Photoshop, teremos nosso filme dentro do Photoshop, o que é estranho e você verá esse pequeno pop-up do painel de linha do tempo. Caso contrário, você pode acessá-lo a partir da janela e da linha do tempo. Eu gosto de arrastar isso para o fundo até que haja aquela faixa azul e, em seguida, soltar o botão do mouse e, em seguida, eu tenho uma linha do tempo na parte inferior, bem como após efeitos. Quando eu pressionar “Reproduzir Agora”, você verá que ele faz loops, se não fizer loop, apenas certifique-se de que a reprodução do loop esteja selecionada. Agora eu quero exportá-lo para o Instagram. Instagram precisa de vídeos com duração de três segundos ou mais e como o nosso é apenas um segundo, precisamos duplicar isso pelo menos três vezes. botão direito em sua camada e diga “Duplicar camada”. Você também pode simplesmente pressionar “Command J ou Control J” e de repente, você tem três iterações desse loop. O que o Instagram faz, ele vai então pegar o seu vídeo e fazer o loop enquanto alguém está assistindo em seus telefones ou em seus computadores. Uma vez que temos três iterações, vamos para File Export e, em seguida, renderizar vídeo. Queremos selecionar a pasta que é a minha área de trabalho e, em seguida, queremos escolher o formato que deve ser 8.264, o que significa que ele renderiza um arquivo MP4 que seu telefone e Instagram serão capazes de entender. A predefinição sempre usa alta qualidade, o tamanho deve ser o tamanho do documento, a taxa de quadros deve ser as taxas de quadros do documento e o resto deste material brincar com ele, mas deixe-o se você nunca o alterou antes. Então você pressiona “Render”. Isso não demora muito, acho que já está feito, fantástico. Nós vamos para o nosso Finder e nós temos flor dot MP4 e lá vamos nós. Podemos então enviar isso para o nosso telefone e postá-lo no Instagram. Agora, um GIF animado. Só vou recuar algumas vezes aqui até termos apenas uma iteração do nosso ciclo. Quero compartilhar isso no Dribble como uma imagem, como um GIF animado. Dribble precisa de arquivos que são 400 por 300 na dimensão ou 800 por 600 na dimensão. O que eu vou fazer é ir para a imagem, eu vou dizer tamanho da imagem, eu vou tentar isso como 800 por 800 e então eu vou redimensioná-lo com o tamanho da tela agora para ter uma altura de 600, fantástico. Agora, quando eu pressionar “Play”, eu tenho um loop animado de 800 por 600. Podemos então ir para Arquivo Exportar, salvar para legado da web. Se você tem uma versão mais antiga do Photoshop, isso pode dizer salvar para web ou até mesmo salvar para web e dispositivos e esta é a sua tela de exportação. Se você não tem GIF selecionado aqui, você pode alterá-lo de PNG ou JPEG para GIF e, em seguida, a partir daqui, podemos alterar um monte de configurações para torná-lo realmente boa qualidade ou para tornar o tamanho do arquivo realmente pequeno. Você tem que se perguntar, onde esse GIF animado vai estar e qual é o propósito? Se a finalidade é fazer parte de uma página web, você quer torná-la um GIF ou GIF de tamanho muito pequeno. Se você quiser compartilhá-lo no Dribble ou alguns outros sites onde você quer mostrar sua experiência, você quer mostrar suas habilidades de animação, eu vou tentar aumentar a qualidade um pouco. Para aumentar a qualidade que você deseja aumentar as cores, para diminuir o tamanho do arquivo, você deseja diminuir as cores. Com este exemplo, não importa porque temos poucas cores em nossa animação. Se formos para 64 cores, veremos que ele tem um tamanho de arquivo de 282. Outra maneira de diminuir o tamanho do arquivo é diminuir seus dados, mas neste exemplo não fará muita diferença porque realmente não temos gradientes ou sombras. A melhor maneira de diminuir o tamanho do arquivo é apenas diminuindo suas dimensões. Se diminuirmos isso para 400, veremos que o tamanho do arquivo vai para 126K, que é muito pequeno. Eu vou apenas mudar isso de volta para 800 porque eu quero que o foco deste GIF animado seja a animação, não realmente o tamanho de arquivo pequeno. O 282 é bem pequeno, é muito bom. Agora, a coisa mais importante aqui é essa opção de looping. Queremos mudar de uma vez para sempre. Queremos que a nossa animação seja repetida para sempre. Esta é a coisa mais importante. Uma vez que definimos isso, uma vez que tenhamos escolhido todas as opções, podemos pressionar “Salvar”. Eu vou salvá-lo como flor ponto GIF na minha área de trabalho e assim, eu tenho flor ponto GIF que eu posso visualizar. Eu posso então fazer upload disso para drible ou para um par de outros lugares onde eu compartilho meus GIFs, ou eu posso compartilhar meu ponto flor MP4 no Instagram, no Facebook, onde quer que seja. Agora que passamos por todo esse processo, divirta-se, brinque e faça um loop simples e sem costura. Carregue-o para o Instagram, se quiser, carregue-o para drible e carregue-o para sua galeria de projetos. Se você carregá-lo para a sua galeria de projetos apenas certifique-se de que o seu GIF animado está abaixo dois megabytes e se você quiser me mencionar nas mídias sociais, eu estou no Taptapkaboom. Isso é muito para assimilar, eu entendo se você for tipo, “Whoa, isso acabou de me irritar.” calma, assista novamente, jogue e faça um monte de perguntas no painel de comentários e discussão. Eu sou a favor de perguntas e vou tentar o meu melhor para respondê-las. 5. Princípios da hipnose: A maioria das animações hipnotizantes gira em torno de ilusão e truques, mas uma vez que você conhece a fórmula, elas são realmente simples. Aqui estão alguns princípios para você começar. O primeiro princípio é a repetição ou a repetição. Toda a sua animação tem que se repetir, tem que fazer loop, é um acéfalo. Mas também, subanimações em sua animação podem ser repetidas. Pense no que você está repetindo e como você está repetindo. O segundo princípio é a posição. Então, mova as coisas pela tela, fazendo com que os elementos comecem onde outro termina, crie movimento perpétuo, mantenha seu público envolvido e mantenha seus olhos em movimento. O terceiro princípio é o estado, mudando elementos em outro lenta ou rapidamente, e você pode mudar de forma, capacidade e outras propriedades e efeitos ao longo do tempo. Fazer as coisas crescerem, fazê-las respirar, fazê-las se contorcerem, fazê-las sentir vivas. O quarto princípio é a rotação. A rotação é semelhante à repetição e é bastante fácil de fazer uso. Acho que é porque quando algo gira, não importa o quão pequeno ou maior seja, acaba sempre no mesmo ponto, eventualmente. Um relógio, por exemplo, é uma animação em loop da vida real. O quinto princípio é múltiplos elementos. Quando há mais para olhar, bem, há mais para olhar. Com vários elementos animados, sempre haverá algo novo para olhar, especialmente se eles desaparecerem e reaparecerem em momentos diferentes durante o loop. O sexto princípio é a mensagem. Se sua animação tem um ponto a fazer, além de ser apenas doce para os olhos, isso torna isso muito mais incrível. Sem pressão aqui, é só a cereja em cima. O sétimo princípio é a cor. Grandes esquemas de cores podem chamar a atenção das pessoas antes mesmo de terem visto qualquer movimento, então considere sua escolha de cor raramente com cuidado. O oitavo princípio é a velocidade. Sua velocidade de animação tem que ser apenas correta, não muito lenta, não muito rápida, mas torná-la apenas correta. O nono princípio é o interesse. Que efeitos e coisas interessantes você está animando? Esta é muitas vezes uma área onde você pode dobrar mentes e puxar para fora algum fator wow. Seu estilo e método de trabalho sempre desempenharão um papel importante aqui. Para um pouco de inspiração, pense em Escher, pense em Dolly, filmes trippy que você assistiu e sonhos estranhos que você teve. Estes são poucos princípios para ajudá-lo a seguir seu caminho, mas como você faz com que seu público permaneça mais tempo do que o planejado, depende de você. Acho que o melhor é experimentar e ver com o que gosta de trabalhar. 6. Opostos rotacionam: Neste vídeo, vamos pegar nossa flor em camadas simples, criar várias camadas e girar algumas das camadas no sentido anti-horário e algumas das camadas no sentido horário. Vamos entrar nisso. A primeira coisa que eu quero fazer é renomear minha composição de flor para flor 1, então eu clique com o botão direito do mouse e seleciono Renomear e renomear flor 1. Eles vão duplicá-lo para que eu sempre tenha uma cópia salva da composição da flor 1, que eu possa ir Editar, Duplicar. Aqui está a flor 2. O After Effects faz um bom trabalho, incrementando o número. Se eu clicar duas vezes sobre isso, ele abre outra guia no meu painel de linha de tempo. Flor 1 e flor 2 parecem idênticos no momento, mas na verdade são vídeos separados, são composições separadas. É como duplicar um documento de texto no Finder ou no Windows Explorer. São documentos diferentes, embora no momento sejam a mesma coisa. Eu vou fechar a flor 1, e na flor 2 eu estou indo apenas para colapsar as propriedades da camada de forma 1. Então eu vou duplicar a camada de forma 1. Vou editar e depois duplicar. Agora eu tenho a camada de forma 2, e dentro da camada de forma 2, eu tenho polystar 1. O que eu quero fazer para polystar 1 dentro da camada de forma 2, é que eu quero mudar a escala da polystar. Tenho que transformar a Polystar 1 e mudar a escala para 80 por cento. Isso é diferente de alterar a transformação ou a escala de toda a camada. Eu poderia mudar a camada para 80 por cento, o que pode parecer que faz a mesma coisa. Mas o que isso está fazendo, é transformar toda a escala da camada em vez de apenas transformar a escala polystar 1. Uma vez feito isso, eu gostaria de ir e selecionar a camada de forma 1 e mudar completamente a cor para algo assim. Fantástico. Eles vão duplicar a camada 2 de forma. Eu posso ir Editar e duplicar, ou eu posso pressionar o Comando D ou Controle D. Eles vão mudar a escala deste polystar para 60%, fantástico. Vou mudar a cor das camadas de forma para algo bastante semelhante mas um pouco mais leve. Assim como. Em seguida, vou duplicar a camada de forma 3, Comando D ou Controle D, e mudar a escala para cerca de 40%, então vamos mudar isso para 40%. Então eu vou mudar a cor da camada de forma 3 para novamente algo bastante semelhante, mas um pouco mais leve. Essa é a quantidade de camadas que eu vou usar. Você pode adicionar quantas camadas quiser, pode aumentar suas camadas e fazer suas camadas menores. Eu só vou ter quatro camadas, e isso vai ser suficiente camadas para trazer através do ponto. O que eu gostaria de fazer agora é, eu gostaria de mudar as cores da barra da camada de forma 1 e da camada de forma 3. Eu só seleciono esta pequena amostra ou pequena quadrada aqui, e eu posso mudá-la. Vamos para o amarelo. Isso diz que, “Ei, essas são camadas semelhantes, vamos tratá-las da mesma forma, e as azuis, vamos tratá-las da mesma forma.” Eu quero mudar a animação de algumas camadas agora. Se eu começar a perfurar aqui, posso chegar à rotação, mas isso é muita coisa só para chegar à rotação. O que posso fazer é pressionar uma camada e pressionar U no teclado. O que “U” faz, é nos mostrar as propriedades que foram animadas, o que é muito legal. Podemos selecionar todas essas camadas segurando Shift, mantenha pressionado o Comando A, e pressione U. Se ele escondê-lo, você pode pressionar U novamente e ele irá mostrá-los. Agora podemos ver isso, há polystar 1 dentro da camada de forma 4 e está nos mostrando a rotação. Está nos mostrando a rotação de polystar 1 em cada uma das camadas. Para a camada 3 e a camada 1, eu vou para um segundo, eu vou mudar sua rotação de mais 60 para 60 negativos. Se eu selecionar este quadro-chave e manter pressionado o comando, e eu colar este quadro-chave aqui, eu posso mudar isso para 60 negativos, e você verá que ele muda tanto na camada de forma 3 quanto na camada de forma 1. Agora, quando eu pressiono Play, parece muito legal. Tenho uma animação muito mais interessante do que antes. Há algum laser girando no sentido horário, alguns que estão girando no sentido anti-horário. Fantástico. A partir daqui, podemos renderizá-lo como um arquivo MOV sem perdas e, em seguida, levar esse arquivo MOV para o Photoshop, exportá-lo como um GIF animado, ou exportá-lo como um arquivo MP4. Fantástico. 7. Uma unidade de animação: Vamos conversar com a teoria mais uma vez. Digamos que temos uma animação de loop que quatro segundos de duração e a taxa de quadros é de 30 quadros por segundo. Nestes quatro segundos, teremos 120 quadros para usar. Gosto de chamar isto de unidades de animação. É bom saber quais são as unidades de animação para que você possa criar subanimações dentro de sua animação. Eles tomam uma fração do tempo e, assim, loop mais de uma vez durante o ciclo de vida do loop. Gosto de chamar essas subunidades de animação. Em seguida, o comprimento e os quadros são números pelos quais a animação total da unidade pode dividir sem casas decimais ou sobras. Assim, exemplos de subunidades de um loop de quatro segundos seriam sub-animações nos últimos 60F, 30F, 20F, 15F, 10F ou cinco quadros de comprimento. As subanimações podem estar continuamente em loop dentro do loop principal ou podem aparecer para partes do ciclo de vida do loop principal. Dê uma olhada em qualquer animação em loop perfeitamente, e você verá esse princípio funcionando. 8. Rodopiar e girar: Neste vídeo, vamos pegar nossa animação de flores e fazer todas as camadas girarem da mesma maneira, mas em uma velocidade diferente. Nós também vamos adicionar sombreada, e eu vou mostrar a vocês como animar a sombra. A primeira coisa que queremos fazer é ir para a flor 2 e duplicá-la. Você pode ir para o Comando D, e ele cria uma flor 3 para nós. Vamos clicar duas vezes sobre isso, e ele abre, e vamos fechar uma flor 2. Agora o que queremos fazer, é que queremos rodar tudo da mesma forma. Eu vou fazer todas as minhas camadas e eu vou apenas segurar Shift e selecioná-lo de cima para baixo. Eu vou mudar todas as minhas camadas para a mesma cor e então eu posso renomear minhas camadas apenas para fazer um pouco mais sentido da camada de forma 1, camada forma 2, e assim por diante. Para renomear uma camada, você seleciona uma camada e pressiona “Enter”. Eu vou apenas chamar este aqui, eu vou renomear Shape Layer 2, 2, e então Shape Layer 3, 3, Forma camada 4, 4, lá vamos nós. A próxima coisa que eu quero fazer é mudar minha rotação um pouco, então eu vou para o último quadro-chave, e eles vão mudar minha rotação inferior para 60 e a rotação da minha terceira camada para 60 novamente, apenas para que tudo está girando na mesma velocidade. Agora, eu preciso decidir qual camada vai girar o mais rápido. Eu acho que deve ser a camada inferior e eu acho que a camada superior deve girar o mais lento. Eu vou manter minha rotação de 60 como a base e, em seguida, para a camada três, eu vou girá-lo um 120 graus e, em seguida, para a próxima camada, eu vou multiplicar isso por três, então 60 por 3 seria 180. É muito legal que você possa fazer um pouco de matemática e a entrada e depois de efeitos significa que você não tem que resolver as coisas em sua cabeça. Aqui podemos ir 60 multiplicado por 4, 240. Agora como as coisas jogam ao redor, podemos ver que a camada traseira está se movendo muito rapidamente, a camada acima não tão rapidamente, a camada acima disso um pouco menos lenta, e então, finalmente, a camada superior está se movendo em uma velocidade padrão. Agora é muito rápido, então se eu selecionar todas as minhas camadas com o Comando A, eu posso usar esse desfoque de movimento, que estimula a duração do obturador. Se você imaginar quando está escuro e você está tentando tirar uma foto e tirar uma foto de alguém que está correndo, pode parecer um pouco embaçado. Isso é exatamente o que o movimento desfoque faz. Podemos apenas verificar isso com todas as nossas camadas selecionadas, e podemos verificar isso que diz ativar desfoque de movimento para todas as camadas com o interruptor de desfoque de movimento definido, fantástico. Se você não tiver isso, talvez seja necessário pressionar “Alternar interruptores e modos” para fazê-lo aparecer. Voltamos ao zero, e apertamos “jogue agora”. Pode levar algum tempo para renderizar para que a barra verde vá da esquerda para a direita, mas uma vez que ele faz e isso é muito bom. Se aumentarmos aqui, Command plus, você pode ver o desfoque de movimento nas camadas que eu estou movendo um pouco mais rápido e isso cria um efeito mais realista. Isto parece muito bom agora. O que eu gostaria de fazer a seguir é adicionar algumas sombras, faz as coisas estourarem, acrescenta algum interesse. Vou selecionar minha camada superior aqui, camada 4, então vou clicar com o botão direito do mouse e vou para estilos de camada, e vou selecionar sombra suspensa. Isto é muito parecido com a sombra de queda do Photoshop. Temos nossos estilos de camada na camada 4 agora, então ela tem conteúdo, transformação e estilos de camada. Isso é realmente importante que criamos ou duplicamos as camadas em vez de duplicar as formas com camada de forma interna, porque se tivéssemos duplicado as formas com camada de forma interna, quando adicionamos um estilo de camada à camada, teríamos adicionado a todas essas formas combinadas. Temos uma sombra aqui, vou mudar a capacidade para 50%. Eu não vou usar a luz global porque eu quero animar isso, o ângulo bem vamos mudá-lo para 90, não muito certo exatamente ele pode precisar ser 180. A distância que podemos mudar para 10, o tamanho que podemos mudar para 20. Vamos mudar a distância para 22, e isso parece muito bom. Você pode adicionar um pouco de barulho se quiser, mas por enquanto isso parece muito bom. O que podemos fazer agora é ir para o quadro zero, podemos selecionar estilos de camada ou sombra, mas selecionar estilos de camada, e pressionar “Comando C” ou editar, copiar e então o que queremos fazer aqui é selecionar o resto de nossas camadas e vá editar e colar. O que isso deve fazer, é copiar e colar esse estilo de Camada em todas as camadas. Agora eu vou tocar isso, parece muito legal. Vai levar algum tempo para renderizar, mas uma vez que ele faz, ele começa a fazer loop, isso parece muito legal, mas ainda está se movendo muito rápido, então vamos mudar isso. Eu quero animar exatamente essa coisa, mas mais de dois segundos, em vez de apenas um segundo. Vamos para dois segundos aqui, e você vê que não conseguimos chegar lá. Para alterar a duração da nossa composição e algumas outras coisas, vamos para a composição, e vamos para as configurações de composição, ou você pressiona “Command K” ou “Control K”. Então esta janela pode parecer bastante familiar, é exatamente a mesma que quando você cria uma nova composição. Vamos mudar nossa duração para três segundos e pressionar “Ok”. Você verá que agora temos um pouco mais de espaço. Eu posso ir para dois segundos, e vamos mover todos os nossos quadros-chave para dois segundos. Você pode estar gritando comigo agora porque nós não movemos os quadros-chave da camada 4, então eu vou apenas pressionar “U” e nós podemos apenas arrastar este quadro de chave para dois segundos. Mas o que acontece aqui é que as camadas realmente desaparecem, então eu vou pressionar “Command A” para selecionar todas as minhas camadas e apenas arrastar a duração das minhas camadas um pouco mais e então eu vou arrastar o área de trabalho termina a dois segundos. Vamos visualizar isso, ver como fica. Agora as coisas devem ser tornando um pouco mais lento, se as coisas estão levando muito tempo pressione “Espaço”, pare a animação e altere sua resolução para metade ou mesmo terceiro. Vou mudar o meu para um terço. Isso significa que ele só será renderizado mais rápido, você será capaz de trabalhar mais rápido, mas a qualidade não será tão boa. Isso parece um pouco mais natural para mim, é mais hipnotizante, não é apenas girar girar e girar, isso é muito legal. Agora, a única coisa que eu quero fazer é, eu quero girar a sombra também. Faz parecer que há uma luz balançando em torno dessas camadas de flores. Vamos tentar na camada 4. Eu vou para zero quadros, eu vou diminuir um pouco e eu vou para a sombra de estilos de camada. O que vou fazer é animar o ângulo da sombra. Vamos clicar neste pequeno cronômetro, que cria um quadro-chave e, em seguida, em dois segundos, vamos criar um novo quadro-chave. Neste ponto, eu gostaria de dizer vamos animá-lo um total de 360 graus, que então anima 1 vezes 360 mais 90. Quando jogarmos isso de novo, você verá que, que parece muito legal. A sombra está se movendo e pode parecer que há uma luz nadando por aí, fantástico. Se você quiser animá-lo de outra forma, podemos simplesmente selecionar este quadro-chave, copiá-lo com o Comando C e depois colá-lo com o Comando V. Em seguida, substitui o quadro-chave em que você está, então agora estamos a 90 graus. Se eu quisesse animá-lo do outro modo, eu diria 90 menos 360 o que me daria 270. Agora, quando eu toquei, isso pode parecer um pouco mais natural para você, decisão é sua no final do dia. Uma vez que você tenha resolvido com a animação de ângulo de sombra, vamos para zero quadros e vamos copiar estilos de camada 4, Comando C, e, em seguida, selecione todas as nossas camadas e pressione “Command V”. Isso deveria ter colado a animação de sombra 2, que parece ter. Lá vamos nós. Temos uma animação um pouco mais interessante, os loops de sombra, há várias coisas acontecendo, esses vários elementos se movendo em velocidades diferentes. É bastante hipnotizante. A partir daqui, você pode adicioná-lo à sua fila de renderização, renderizá-lo e, em seguida, você pode trazê-lo para o Photoshop, exportá-lo como um GIF animado e exportá-lo como um mp4, fantástico. 9. Flores giratórias: Neste vídeo, vamos aprender sobre precomposições, que é adicionar composições em outras composições. Enquanto estamos fazendo isso, vamos criar uma animação muito legal e perfeita, onde haverá várias flores rolando pela tela. A primeira coisa que eu gostaria de fazer é criar uma nova composição. Vamos chamar isso de flores rolantes. As configurações vão permanecer as mesmas, largura, altura, e a duração pode ser de três segundos, pode ser de 10 segundos, ou vamos realmente estar apontando para é criar uma animação de loop de dois segundos. Agora temos uma composição de flores rolantes. Eu gostaria de então adicionar a flor 3, na composição das flores rolantes, e isso se torna uma pré-composição. Eu gostaria de criar uma pasta apenas para minhas pré-composições, e eu gostaria apenas de chamá-la de pré-comps. Vou selecionar flor 1, pressionar Shift, pressionar flor 3 e, em seguida, arrastá-lo para pré-comps. Então eu vou arrastar a flor 3 para rolar flores, que agora está aberto na minha linha do tempo. Fantástico. Vou fechar a flor 3, e agora tenho flores abertas. Você verá que, esta camada é um pouco diferente. Esta é na verdade uma composição, e você verá que eu não posso acessar nenhum dos conteúdos que a flor 3 tem nele. Se eu clicar duas vezes nele, poderei acessar a flor 3 novamente. Serei capaz de mudar suas propriedades, e isso será atualizado, nas outras composições em que está. Vamos fechar a flor 3, e vamos ver o que podemos mudar com a flor 3. Podemos mudar a escala, eu mudarei isso para 70%, e podemos até mudar a rotação, a capacidade, a posição. O que eu gostaria de fazer aqui, é renomear isso para camada 1, e então eu gostaria de duplicá-lo, então Comando D, e então aqui eu vou começar a fazer várias iterações desta composição flor 3. Aqui, em vez de ir para a minha seta, e depois para transformar, eu vou apenas pressionar P, e isso vai apenas mostrar a posição. Vou então mudar a posição para 640 negativo, então é uma largura de composição inteira à esquerda da camada 1. Eu vou então pressionar P, quando eu tiver a camada 1 selecionada, e eu vou começar a animar ambas as camadas. Vou pressionar o relógio de parada em ambas as camadas, e você verá que ambos tinham esses quadros chave. Eu vou então para dois segundos, e se você não está bem lá ou se você está se sentindo preguiçoso, você pode apenas pressionar isso, e de ponta a ponta o que você gostaria de ir. Eu gostaria de ir para dois segundos, pressionar Ok, e isso me leva diretamente a dois segundos. Eu vou então adicionar quadros-chave, em ambas as camadas, e então na camada 2, eu vou pedir que ele vá adiante por 1280, e eu vou fazer o mesmo para a camada 1. Vai animar toda uma largura de composições à direita. Vamos ver como isso parece. Parece muito gosma. O que não fizemos aqui, é que não mudamos nossa área de trabalho, então vamos levar isso em dois segundos. A partir daqui, acabamos de criar, uma animação em loop, com uma animação em loop. Isso se torna realmente interessante. A próxima coisa que eu gostaria de fazer é torná-lo mais interessante, e a maneira que podemos fazer isso como adicionar mais elementos. Agora vou tentar adicionar uma flor no meio. Eu vou para zero quadros, eu vou duplicar camada 2, Comando D, e você verá que se eu pressionar P, todos os quadros-chave são duplicados também. O que eu gostaria de fazer é, eu gostaria de apenas adicionar 642, é uma posição, que me levaria a zero, então eu gostaria de ir para o quadro chave final e adicionar 640 a isso. Agora temos três estrelas. Quando eu pressiono Play agora, há um pequeno salto, o que é problemático. Agora o que eu vou ter que fazer é, eu vou ter que adicionar mais duas estrelas, eu vou ter que adicionar mais uma estrela no início, e mais uma estrela no final, só para que ele loops muito melhor. Vamos adicionar o primeiro no início. Vou selecionar minha camada 1, vou duplicá-la. Duplicar, é a camada 4 agora, eu vou pressionar P, e eu vou mudar isso para ser apenas 640 pixels para a direita e novamente, 640 pixels para a direita no final. Fantástico. Agora, quando eu ir para o último quadro-chave no final do meu loop, eu vou selecionar a camada 2, eu vou duplicar isso, enviá-lo para o topo, e eu estou enviando para o topo usando Command, e colchete direito, e se você quiser para enviá-lo para a parte inferior, você pode pressionar Command e colchete esquerdo.Você também pode fazer isso indo camada, intervalo e trazer camada para a frente, ou trazer camada para a frente. É praticamente o mesmo que o Photoshop. Então eu pressiono P e, em seguida, na camada 5, eu preciso enviar esta camada para a esquerda por 640 pixels. Então o mesmo seria no início. Agora o que temos, é que temos a mesma animação duplicada cinco vezes, que cria uma ilusão de que há uma infinita quantidade dessas flores rolantes ou flores giratórias chegando. Muito legal. Podemos brincar com um monte de coisas aqui. Se eu selecionar todas as minhas camadas e pressionar P, a posição desaparecerá, e se eu pressionar S, a escala aparecerá, e todas elas estarão em 70%. Se eu mudar isso para 100 por cento, e ver como isso parece, ainda faz loops, mas não parece tão bom. Podemos mudar isso para 50%, talvez pareça um pouco melhor. Parece que está tudo bem, mas engraçado, 70% foi muito bom. Tenho uma peça por aí. Também podemos pressionar R, para rotação e mudar tudo isso para, não sei, 45. Confira isso. Parece muito legal, então você pode adicionar isso à sua fila de renderização, renderizá-lo e, em seguida, trazê-lo para o Photoshop para criar um GIF animado a partir dele, ou para criar um MP4 a partir dele. 10. Flores caindo: Neste vídeo, vamos fazer a mesma coisa que fizemos no vídeo das flores rolando, exceto que vamos fazer as flores vierem do topo e irem para o fundo. A forma como o fazemos vai ser diferente. Desta forma, seria muito útil para futuras animações em loop. No After Effects, vamos criar uma nova composição, e vamos chamá-la de flores caindo. O resto de nossas configurações deve ser exatamente o mesmo, exceto pela duração, que deve ser de 10 segundos, e a cor de fundo, que podemos mudar um pouco. Quero mudar o meu para uma cor azul ou turquesa. Vamos criar isto. Vou então adicionar a minha composição de flor 3 como uma pré-composição dentro da minha composição de flores caindo. A razão pela qual o fundo não vem junto com ele, é porque na flor-3 quando eu adiciono a uma composição, ele realmente está sendo adicionado assim, você pode ver a grade de transparência muito como você pode no Photoshop. Para alternar isso, você pode pressionar este botão Alternar Grade de Transparência. Quando você renderizar flor-3 por conta própria, ele será renderizado com esse plano de fundo. Se você ocultar o plano de fundo, poderá alterar as configurações de renderização para renderizar sem o plano de fundo. Seja ligado ou desligado, quando você vai para flores caindo ou rolando flores, o fundo com o fundo dessa composição. Vamos para as flores caindo. Agora eu quero mudar as escalas flor-3, eu vou pressionar “S” e eu vou mudar a escala para 70 por cento novamente, e então eu vou mudar o nome de flor-3 pressionando “Enter” para a camada 1, e então eu vou animar isso. Vou pressionar “P” para a posição e começar a animar a posição. Minha posição inicial de trabalho, Eu quero que este seja 614 menos 1280, que é a altura das composições, você vai ver que ele começa bem lá em cima. Depois de dois segundos, e se ele não for exatamente onde você quer que ele vá, você pode pressionar “Command” ou “Control” e esquerda ou direita no seu teclado, ou você pode usar este painel aqui para ir para uma hora exata. Quando eu chegar a dois segundos, eu quero voltar para o centro e mais 1280 pixels para o fundo. Você verá que quando isso se anima, ele se anima muito bem, se tivermos que arrastar nossa área de trabalho para dois segundos, ele cria uma animação de loop bastante agradável, mas você pode ver claramente onde começa e onde termina. O que eu vou fazer agora é duplicar a camada 1, Comando D, e eu vou ampliar minha linha do tempo para que eu possa ver 20 quadros, e então em 20 quadros eu vou arrastar minha camada 2 para começar lá. Vai seguir a camada 1 a tempo, lá vamos nós. Se eu tiver que dizer para a camada 2, deixe-me ver sua oposição, você verá que a posição está compensada. Agora vamos fazer isso novamente, então vamos mais 20 quadros, duplicar isso. Em vez de arrastar desta vez, eu só vou pressionar o colchete esquerdo, e isso diz para a camada, “Ei você, comece aqui”, essas flores vão seguir uma à outra. Mas agora se pressionarmos “Play”, há um salto enorme. Eles estão seguindo um ao outro, mas no começo não há nada lá. Há algumas maneiras de fazer isso, mas a maneira que vou mostrar a vocês é muito sorrateira e muito eficaz. Vamos continuar duplicando essas camadas, e movê-las por 20 quadros. Vamos fazer isso novamente e vamos avançar 20 quadros. Agora temos dois segundos de área de trabalho, então agora o que eu gostaria de fazer é começar em um segundo e 10 quadros, assim, e eu gostaria de terminar em três segundos e 10 quadros. Esta é uma animação de dois segundos e vamos ver como ele faz, ele loops perfeitamente. O que fizemos é que mudamos a hora de início para um segundo e 10 quadros, e então criamos essa animação de loop em dois segundos sobre um monte de camadas que são sequenciadas, que é muito inteligente, muito eficaz. Isso significa que simplesmente duplicando e sequenciando um monte de camadas, podemos obter esse efeito que parece que são apenas flores caindo do céu, incrível. Se ampliarmos isso, podemos vê-lo um pouco mais perto. Agora, o que é realmente legal sobre as precomposições, e todas essas são a mesma pré-composição, e podemos ver isso clicando no nome da camada, nós mudamos para o nome da fonte, e você pode ver que é tudo flor-3. Nós mudamos de volta para o nome da camada, podemos nomeá-los para o conteúdo do nosso coração. Se quisermos clicar duas vezes em um desses, então vamos para flores-3 e podemos começar a mudar essas camadas. Se eu quiser mudar a camada 3, e vamos mudar sua cor para algo bizarro, como esta grande cor turquesa. Voltamos às flores caindo, você verá que todas essas flores caídas agora estão atualizadas, então a pré-composição é muito igual a um objeto inteligente no Photoshop. 11. Ondulação infinita: Neste vídeo, vamos criar ondulações intermináveis. Vamos consolidar tudo o que aprendemos, e vou mostrar-vos mais algumas coisas novas. Depois do After Effects, vamos criar um novo projeto, então Arquivo, Novo Novo Projeto. Vamos criar uma nova composição e vamos chamá-la de ondulação, é assim que se escreve ondulação? - Sim. A largura vai ser 128, a altura vai ser 1280. Eu quero que a duração seja de 20 segundos, e a cor de fundo seja uma cor realmente escura, então talvez vamos apenas para preto. Temos uma composição de ondulação que está aberta em nossa linha do tempo, agora quero adicionar uma forma. Camada, New Shape Layer, e eu quero que a cor completa seja branca, e eu vou apenas definir isso desde o início. Eu não queria adicionar um círculo, então eu adiciono uma elipse com a ferramenta Elipse, vamos apenas ampliar o Command Plus. Vamos apenas adicionar uma elipse. Eu mantenho a tecla Shift pressionada para que a largura e a altura sejam proporcionais, e eu solto o botão do mouse. Não está no centro, mas vamos resolver isso agora. Forma Camada 1, Elipse 1, vamos para Transformar Elipse 1 e definir as posições x e y para zero. Temos a configuração do nosso círculo, agora o que eu quero fazer é animá-lo do nada para uma grande ondulação. Para esta animação, eu também quero adicionar um traçado. Minha cor do traçado Eu quero que ele seja branco e vamos mudar a espessura para 100 pixels. Em zero quadros eu quero mudar meu caminho de elipse, eu quero mudar seu tamanho de zero. Ao longo de 15 segundos, vamos para 15 segundos. Eu quero mudar isso para algo bem grande, então eu vou apenas segurar Shift enquanto eu arrasto isso ou esfregar isso, zoom para fora, e lá vamos nós. Ao longo desse período, ele vai animar de zero para o tamanho. O que eu não fiz foi que eu não ativei a animação de quadros-chave aqui, então eu vou rapidamente adicionar o quadro-chave, voltar para zero quadros e alterar o tamanho para zero. Isso significa que no espaço de 15 segundos, ele vai se animar de 0-1971 ou o que seja, o que é muito legal. Você verá que ele só começa muito rapidamente com um ponto e isso é porque há um derrame nele. O que vou fazer é animar a opacidade também. Na Camada de Forma 1, dentro do Conteúdo , dentro do Ellipse, vou para a Opacidade e a Transform Elipse 1. Eu vou definir um quadro-chave que seria zero, e então em cerca de dois segundos, eu vou definir a opacidade para 100. Vai desaparecer e continuar a crescer, o que é muito legal. O que eu vou fazer é, eu vou desvanecer o preenchimento, então a opacidade vai de 100 para zero nesse espaço de tempo. À medida que a forma está a desaparecer, o preenchimento está a desaparecer. Isso é muito legal. O que eu quero fazer é, eu quero animar a espessura do traço. Vamos para Largura do traçado de 0 a 10 segundos, eu quero animar a largura do traçado de 100 a 0, modo que, à medida que ela fica maior, a ondulação desaparece. Mas, por alguma razão, são dois. Vou arrastar isso para zero de novo, e isso parece muito bom. Vamos jogar isso, podemos editá-lo em um estágio posterior, mas por enquanto eu acho que é fantástico. Isso é uma ondulação, e agora eu quero adicionar esta ondulação a uma nova composição. Vamos criar uma nova composição, vamos mudar a cor de fundo para azul roxo escuro, a duração pode ser de 20 segundos. Nós realmente só vamos criar uma animação de um ou dois segundos, e vamos mudar isso para ondulações. Podemos renomear ondulação para pré-comp-ondulação se quisermos e, em seguida, clicar duas vezes em “ondulações” e adicionar pré-comp-ondulação à composição da ondulação. Isso joga muito bem. O que eu gostaria de fazer agora é apenas duplicar isso, então Comando D, e então em um segundo tempo, eu gostaria de dizer, “Ei, sua estatura.” Depois mais um segundo de tempo, então em dois segundos, eu gostaria de começar outra ondulação, e em seguida, mais um segundo tempo, eu gostaria de começar outra ondulação. Vou continuar a fazer isto até chegar a, digamos, 15 camadas. Se temos que jogar isso agora desde o início, você pode ver o que acontece. Você pode ver como o ondulado, negrito, vamos apenas ampliar um pouco. Você pode ver que eles estão indo embora, e neste ponto apenas parece uma animação em loop. Em que ponto é isso? Bem, daqui a 11 segundos. Vamos começar nossa composição aqui, vamos arrastar nossa área de trabalho para aqui. Se você não sentir vontade de arrastar você apenas pressione “B”, e então ele diz que o início da área de trabalho é aqui. Então, depois, digamos um segundo, definimos o N da área de trabalho. Nós poderíamos arrastar nossa área de trabalho ou poderíamos pressionar “N” para o fim, mas o que isso faz é que ele não define exatamente onde estamos, ele define para enquadrar e frente. Vamos apenas arrastar isso ligeiramente para a direita, ou na verdade podemos não ter estado exatamente onde queremos que esteja, em 12 segundos, é realmente perfeito. Quando jogamos isso, está em loop, parece fantástico, temos um monte de ondulações. A única coisa que eu gostaria de acrescentar a isso, é que em vez de torná-lo 100 por cento de opacidade para cada ondulação, eu mudá-lo para cerca de 30 por cento. Vamos para pré-comp-ondulação, e vamos mudar a opacidade. Se apenas arrastarmos isso um pouco mais alto, e pressionarmos “Shape Layer” e pressionarmos “U”, obteremos todas as propriedades animadas. O que estamos fazendo aqui é mudar a opacidade dos círculos cheios, e também estamos mudando a opacidade de todo o círculo na Camada de Forma 1. Isso significa que em dois segundos a forma está em 100%, e eu quero que seja 30 por cento, isso parece muito bom. Vamos voltar às ondulações e ver como é. Isso parece muito legal, parece ondulações intermináveis, exatamente o que queríamos que parecesse, e ter a opacidade em 30% cria alguns efeitos interessantes aqui onde se sobrepõe com algumas outras camadas para realmente esfriar. 12. Inspiração e referências: Se você precisa de alguma inspiração e alguma referência para animações em loop, Eu criei este quadro do Pinterest chamado GIFs Looping. Há imagens estáticas, há vídeos e há GIFs animados que você pode conferir. Então faça um pergaminho por isso. Depois, há também Dribbble que você pode verificar. Este URL é muito útil, então confira os GIFs animados populares e também os GIFs animados recentes. Então há também Ello que para GIFs animados é wow, é como um tesouro, coisas incríveis aqui. Então, se você só percorrer alguns desses GIFs animados, é incrível. Confira esses três links para fora e, em seguida, você sempre pode ir para uma caminhada. Vá para fora, pegue seu telefone, pegue seu livro e lápis, se inspire no mundo real. Então, se você quiser ver um pouco do meu trabalho, é só me seguir no Instagram, Ello ou Dribbble. Tenho postado muitos GIFs e vídeos nessas plataformas. 13. Sua vez: Fizemos prac, fizemos teoria, e espero que tenha sido esclarecedor e útil para vocês. Se você nunca usou After Effects antes ou nunca experimentou com animações em loop, eu posso apreciar que ele pode se sentir bastante esmagador. Se precisar, volte e assista aos vídeos novamente. Dito isto, você deve ter aprendido o suficiente nos últimos vídeos para criar alguns loops hipnotizantes realmente legais. Faça algumas experiências, brinque e divirta-se. Quando estiver pronto, carregue suas criações galeria do projeto e incorpore-as como vídeos ou faça o upload de GIFS com menos de dois megabytes de tamanho de arquivo. Se você vai compartilhá-los nas mídias sociais e quer me mencionar, eu sou @taptapkaboom. Se você gostou da aula até agora, dê um polegar para cima e escreva um comentário. Isso vai ajudar outros alunos incríveis a encontrá-lo, e eu também vou começar a ver onde fazer minhas aulas melhores. Há alguns vídeos bônus depois deste, onde você pode aprender como importar arte do Illustrator e do Photoshop, como animar em uma linha do tempo no Photoshop, como sequenciar suas camadas automaticamente no After Effects, e como usar o código para aleatorizar propriedades da camada no After Effects. Esses vídeos são todos vídeos bônus, então você não vai perder muito se você não assisti-los, mas se você quiser aprender mais sobre o After Effects, vá em frente, assista-os. Ok, você arrasa e eu estou literalmente salivando sobre o que você vai criar. 14. Bônus: trabalhando com arquivos do Illustrator e Photoshop: Neste vídeo, vou mostrar a você como levar sua arte do Illustrator para o After Effects e do Photoshop para o After Effects. Também vou mostrar como você pode copiar e colar um caminho do Illustrator no After Effects. Vamos começar no Illustrator. Digamos que você tem algum trabalho de arte suave, neste caso é um pouco de arte camada simétrica, e se parece muito com as flores que estávamos trabalhando com mais cedo. As cores são lindas, mas você projetou como algo plano. Mas agora você quer animá-lo, você não quer ter que recriar tudo novamente no After Effects. O que vamos fazer? Bem, podemos simplesmente importá-lo para o After Effects, mas antes de fazer isso, precisamos preparar nosso arquivo um pouco. Cada elemento que queremos animar precisa estar em sua própria camada separada. Nós poderíamos ir e cortar e, em seguida, criar uma nova camada, e colá-la, ou se nós temos algo como isso, nós poderíamos selecioná-los todos, então nós poderíamos ir para o painel da nossa camada, clicar nas pequenas linhas aqui, e dizer liberar para camadas seqüência, que então criaria um monte de camadas ou subcamadas dentro da camada 1. Vamos então arrastar todas as camadas acima da camada 1 e, em seguida, excluir a camada 1. Cada elemento está agora em sua própria camada. Outra coisa que eu gostaria que você soubesse é que se você tiver alguma sombra dentro do Illustrator, uma vez que você as leve para o After Effects, você não poderá alterá-las lá, você terá que voltar para Illustrator para alterá-los. Além disso, se você recriar as sombras no After Effects, poderá animá-las, o que é muito legal. O que eu vou fazer aqui é eu vou selecionar todas as minhas camadas exceto a minha camada 10 que será a minha camada de fundo. Eu vou para o meu painel de atributos, e apenas alternar a visibilidade da Sombra. Não parece tão forte agora, mas está tudo bem. Vamos salvar isso, então File, Save. Em seguida, vamos para o nosso Finder, e você verá que há um star.ai. Vamos para After Effects em seguida, e a partir daqui vamos Arquivo, Importar Arquivo. Também podemos pressionar Comando I ou podemos clicar duas vezes dentro deste painel do projeto. Vou selecionar meu start.ai e quero abri-lo. Quero importá-lo como uma composição, não como uma filmagem. Se eu importar como filmagem, é basicamente um arquivo simples, é como um JPEG. Nós não queremos fazer isso. Quero dizer Composição e Dimensão de Filmagem, quero manter o tamanho da camada. Neste caso, realmente não importa, mas eu prefiro usar o tamanho da camada só porque isso significa que não há espaço em branco na borda de cada camada. O que isso faz é criar uma composição, e nos dá acesso a todas as camadas, então nós poderíamos realmente adicionar camada por camada em uma composição. Mas se entrarmos na composição estelar e ampliarmos , teremos uma resolução total. Podemos ver que temos nossa estrela novamente no After Effects, e podemos animar todas as camadas. Se eu quisesse animar um pouco de rotação, eu pressionaria R aqui e então assim eu poderia animar alguma rotação. Se eu quisesse adicionar uma sombra, eu iria clicar com o botão direito do mouse, eu iria rolar para baixo para estilos de camada e chegar ao Drop Shadow, exatamente assim. Essa é a maneira mais fácil de colocar arquivos do Illustrator no After Effects. A outra coisa que quero mostrar sobre o Illustrator antes de passarmos para Photoshop é como copiar e colar um caminho. Se criarmos uma nova composição e chamarmos de exemplo de caminho, se eu disser Layer, New, Shape Layer, e eu usar minha ferramenta de caneta, então com uma ferramenta de caneta você pode praticamente criar qualquer forma que quiser. Se eu não fizer isso, apenas desfazendo, e eu apenas crio um ponto com minha ferramenta de caneta, e então eu vou para o Illustrator e seleciono o caminho. Antes de copiá-lo, vou para Preferências de arquivo ou do Illustrator e Manipulação de arquivos e área de transferência, verifico se há AICB, sem suporte de transparência, a caixa de seleção está marcada e os caminhos preservados estão selecionados. Então eu copio isto. Então, edite, copie, em seguida, volte para o After Effects, e eu colo aqui. Então, Editar, Colar, você verá que agora ele colou os caminhos. Esta é, na verdade, uma camada de forma. Minha forma 1 faz parte da camada de forma. Posso desligar o traço, posso mudar a cor completa, posso fazer o que quiser. Posso até manipular o caminho ao longo do tempo. A outra maneira de fazer isso não é com a camada de forma, mas com qualquer outra camada. Camada de forma também funcionaria, mas é mais fácil explicá-lo com outra camada. Então Layer, New Solid e o sólido podem ser um sólido vermelho. Fantástico. Se eu colá-lo agora, então Editar, Colar, o que isso faz é criar uma máscara. Nós não exploramos muito máscaras nesta lição, mas é praticamente o mesmo que uma máscara do Photoshop ou uma máscara do Illustrator, e você pode invertê-la para fazer com que pareça que foi perfurada. Você pode alterar o caminho da máscara ao longo do tempo. Você pode passar a máscara, então parece que está um pouco embaçada. Você pode alterar a opacidade da máscara, e você também pode definir a expansão da máscara, e animar todas essas propriedades, que é muito, muito divertido. É isso do lado do Illustrator, agora vou levá-lo ao Photoshop. Se formos ao Photoshop e tivermos, uau, uma ilustração, uma obra de arte. É praticamente o mesmo que tínhamos no Illustrator, exceto que todas as sombras são estilos de camada no Photoshop. O que podemos fazer aqui é dentro do After Effects, o que eu vou fazer é clicar duas vezes aqui, ou pressionar Command I. Eu vou importar star.psd, e eu vou abri-lo. Novamente, eu tenho a opção de importar, e há filmagens, composição ou tamanhos de camada de retenção de composição, que eu vou querer. Em seguida, você deseja dizer Estilos de Camada Editáveis, isso significa que você pode editar as sombras ou mesclar os estilos de camada na gravação. Eu gostaria de editar os estilos de camada. Vamos abrir a estrela 2, que é o nosso psd, e você verá aqui que os estilos de camada vêm com ele. Ele tem um monte de opções diferentes aqui, mas você verá que a sombra suspensa tem algumas configurações que vieram do Photoshop, que é muito poderoso, muito legal. O que você deve estar ciente, e eu vou apenas desfazer, desfazer, desfazer apenas para que não tenhamos mais, é que no Photoshop, se você selecionar duas camadas e agrupá-las, então vamos agrupar aqueles, e eu salvo isso, e então eu vou para After Effects, e eu pressionar Command I para importar e eu importar start.psd, e eu escolher todas as mesmas configurações, você verá que quando eu abrir a estrela 2, meu grupo é uma pré-composição. O que não é ideal, mas posso editar ou editar essa pré-composição. Todos eles estarão disponíveis dentro da estrela 2 camadas. Eu poderia, teoricamente, arrastar a estrela 4 assim. Outra grande coisa com a importação de arquivos do Illustrator e do Photoshop é que se eu for para o Illustrator e mudar uma dessas cores para alguma cor hedionda, como amarelo, então eu comando S, que significa que eu salvo, e então eu voltar para o After Effects, se eu abrir minha estrela, você verá que ela foi atualizada, e outra coisa boa sobre a importação de arquivos do Illustrator é que eles são vetoriais, que significa que eu posso escalá-los sem eles pixelados. Se aumentarmos o tamanho da camada 2 ou vamos para o tamanho da camada 3, e pressionamos S para a escala, e dimensionamos isso para cima, você vê que quando ampliamos, ele é pixelizado e estamos com apenas 50% de zoom. Pensei que tinha dito que era vetor. Bem, você vê este pequeno sol aqui, se clicarmos apenas para esta camada, você verá que de repente fica cristalino, e isso é porque se você pairar sobre ele, ele diz, para camada vetorial, ele rasteriza continuamente”, o que significa que ele permanece nítido. Agora, se vamos para a estrela 2, que é o nosso documento do Photoshop, e temos que ampliar, e fazer a mesma coisa para a camada 3, pressione S para escala, e isso é bombeado isso para cima, você verá que ele pixeliza. Considere de onde deseja importar seu trabalho artístico ou onde deseja criar seu trabalho artístico. Deseja criá-lo no Illustrator porque você está acostumado a ele? Deseja criá-lo no Photoshop porque você está acostumado com isso? Você pode adicionar seus estilos de camada que funcionarão dentro do After Effects. Você gostaria de criar tudo dentro do After Effects? Seu estilo e o tipo de projeto determinariam onde você cria seu trabalho artístico, onde você cria seus ativos e como criar suas animações. 15. Bônus: sequencie automaticamente suas camadas: Neste vídeo, vou mostrar a vocês como automatizar o sequenciamento de suas camadas. Lembre-se em nossa animação ondulações ou ondulações loop, nós tivemos essa adorável animação ondulações indo do centro que iria durar para sempre, para a eternidade, e lembre-se de quanto suor tivemos que quebrar para ir e duplicar a primeira camada, e, em seguida, movê-lo para um segundo e, em seguida, duplicar essa camada e movê-la para dois segundos, e assim por diante e assim por diante. Bem, eu vou te mostrar uma maneira fácil de fazer isso. Se selecionarmos todas as nossas camadas e pressionarmos o colchete esquerdo, todo o nosso trabalho se foi. Isso significa que há apenas uma animação, todos em cima da outra. Agora, o que posso fazer é sequenciar isso automaticamente. Desloco até a parte inferior, seleciono a camada inferior, a camada 16 e, em seguida, role até a parte superior e mantenha pressionada a tecla Shift, seleciono minha primeira camada. A ordem em que você faz isso é importante. O primeiro virá primeiro e o último será sequenciado por último. Então eu posso ir Animation, Keyframe Assistant e depois Sequence Layers. Eu posso então escolher Sobreposição, e então a duração que eu sobreponho é a quantidade de pré-composições. Neste caso, são 20 segundos menos a diferença entre as camadas, que no nosso caso é uma. Então 20 menos 1 é 19. Está bem. Assim, temos camadas sequenciadas, modo que quando chegarmos à nossa área de trabalho, todo o trabalho duro é feito. Fantástico, certo? Incrível. Agora, se nossa ondulação de pré-composição foi, digamos, 10 segundos, então fomos para Composição e alteramos as Configurações de Composição para, vamos para 10 segundos, voltamos para ondulações, e fizemos isso novamente. Nós então temos que selecionar nossa camada inferior, Shift levantar nossa camada superior, ir para Animação, Keyframe Assistant, Sequence layers, e em vez de 19, que não funcionaria aqui em tudo, nós teríamos que ir Animação, Assistente de quadro-chave, Camada de seqüência. Teríamos que ir 10 segundos menos 1, que seriam nove segundos, e isso nos daria exatamente o mesmo efeito, agora que nossas precomposições estão 10 segundos mais curtas. Fantástico. Então poupei um monte de tempo para você. Você precisa saber um pouco mais para fazer isso, mas uau, é incrível. 16. Bônus: efeitos e expressões: Neste vídeo, vou mostrar como usar o código dentro do After Effects para aleatorizar propriedades de uma camada, propriedades como posição, opacidade, rotação, escala e até mesmo alguns efeitos que aplicamos à camada. Nós vamos acabar criando algo assim, e vai parecer como uma festa ou vai se sentir como um trânsito, o que quer que seja. Vai ser divertido. Então, vamos começar. Assim que criarmos um novo projeto e o After Effects, criaremos uma nova composição, e essa nova composição chamaremos de precomp1. Ele terá uma altura de 50 pixels, e terá uma duração de um minuto. As alturas de 50 pixels é porque não precisamos de 1280 pixels inteiros para animar algo que vai da esquerda para a direita que tem apenas 50 pixels de altura, e a duração é imaterial, mas eu apenas gosto de usar um minuto para que Podemos ter muito espaço para brincar e posso mostrar-te algo muito fixe. Ok, então você tem pré-comp1. Eu vou adicionar uma camada, e vai ser uma camada de forma, e nesta camada de forma, eu vou adicionar um quadrado. Quando eu pressionar “Shift”, vai haver um quadrado e eu vou colocá-lo no meio por enquanto. Então eu vou ter certeza de que é 50 pixels por 50 pixels. Então eu vou reposicioná-lo para que fique à esquerda da composição. Então vamos em menos 640 que coloca lá, que é quase à esquerda, mas não completamente. Então, porque eu sei que tem 50 pixels de altura e 50 pixels de largura, eu vou apenas adicionar metade de 50, que é 25, para a posição e lá vamos nós, é exatamente no lugar certo agora, eu vou então animar a posição, e em um segundo, vou mudar de posição para 640. Mais uma vez, eu só vou para menos 25 para levá-lo para a posição exata certa. Então isso vai animar da esquerda para a direita. Em vez de mudar a área de trabalho para esta posição, para um segundo, vou fazer este loop de posição continuamente. Há algumas maneiras de fazer isso. Uma maneira seria ir um quadro para a direita e copiar e colar esses quadros, assim e então fazer isso novamente, um quadro para a direita e depois colar os quadros para que agora, quando eu reproduzi-lo, ele loops. Ótima. Mas agora o que acontece se eu quiser mudar as coisas? Se eu pressionar Alt e clicar no cronômetro, você verá que os valores ficam vermelhos. O que isso me permite fazer é manipular a posição deste retângulo nesta camada. Eu vou entrar em alguns exemplos de codificação mais tarde neste vídeo, mas por enquanto, o que eu quero fazer é eu quero fazer loop esses valores. Podemos fazer isso digitando LoopOut e entre aspas simples ou aspas duplas seria apenas digitar ciclo. O que isso é, isso é um pedaço de código JavaScript. After Effects entende JavaScript, então quando eu leio esse ciclo de loop out, ele faz isso. Ele só continua em loop. Se diminuirmos a duração desses dois quadros-chave, verifique isso, e se aumentarmos a duração, você verá todos esses pequenos pontos verdes aparecendo. Isso é porque está em loop. Verifique isso. Então isso é muito legal. Vamos usar isso muito. Eu só vou mover este quadro-chave de volta para um segundo. Então nós temos essa animação em loop sem realmente alterar qualquer uma de nossa área de trabalho final, pontos de partida. O que eu gostaria de fazer agora é mudar a opacidade à medida que entra e sai. No começo, gosto que a opacidade comece no zero. Então, em torno de 15 segundos, eu gostaria que a opacidade fosse 100 por cento e então quando chegar a um segundo, eu gosto que a opacidade vá para zero. Agora veja isso. Nada lá, porque está looping a posição, mas a opacidade está em 2%, que deve estar em zero por cento. Você deve verificar novamente isso, zero, 100 e zero novamente. Então eu vou copiar ciclo LoopOut, e então vai manter pressionada a tecla Alt ou Option e clique em um cronômetro e colar este ciclo LoopOut. Então agora ele está percorrendo ambas as propriedades, posição e opacidade. A próxima coisa que eu quero fazer é mudar a escala também e, em seguida, ir de um 100 por cento, vamos para o quadro 15, 100 por cento é bom lá e então vamos para o quadro 30, 100 por cento ali. Eu gostaria de mudar isso para, bem, não menos 217, eu quero mudá-lo para zero, e o mesmo com o primeiro quadro para zero. Vou segurar Alt e clicar no cronômetro e, em seguida, colar ciclo LoopOut novamente. Então isso significa que fica maior e desaparece. É uma espécie de animação legal. Vou deixar como está por agora, mas mais tarde, voltarei e mudarei algumas propriedades novamente. A próxima coisa que queremos fazer é criar uma nova composição. vez, pode demorar um minuto, mas a altura eu vou mudar de volta para 1280. Agora temos este comp1 e podemos chamá-lo de festa. Então eu vou adicionar precomp1 a esta composição. Vamos diminuir o zoom e vamos apenas visualizar isso. Então, agora, quando jogamos, podemos ver que as coisas estão funcionando aqui. Vamos apenas torná-lo visível. Quando eu duplico, ele duplica bem no mesmo lugar, não realmente o que queremos. Então o que eu vou fazer agora é eu vou aleatorizar um monte dessas propriedades precomp1. Vamos começar aleatoriamente sua posição, sua escala, sua rotação e opacidade. Eu não espero que você entenda exatamente o que está acontecendo com JavaScript ou esses trechos de código que estamos colocando, eles são realmente chamados de expressões, mas eu espero que você basicamente copie e cole o que eu lhe dou e brinque com eles. Eu vou fazer o mesmo só para que eu não faça Babylon sobre código. Vou dar-lhe um documento onde você pode copiar e colar como você precisa. Para posição, como exemplo, basta selecionar tudo isso, copiá-lo, voltar para o After Effects e, em seguida, na sua posição, mantenha a tecla Alt e, em seguida, clique no cronômetro e, em seguida, colá-lo. Você clica em Alt e, de repente, você vê que essa coisa tem uma posição aleatória e, em seguida, colocá-lo lá em cima. Agora, o que está acontecendo aqui é que a linha aleatória de sementes, basicamente diz, “Ei, precisamos torná-la aleatória, mas então não mude.” Então, se eu remover essa linha aleatória de sementes, você verá que cada quadro, esta composição está em uma posição diferente, o que é problemático. Então eu vou desfazer isso. Então essa linha aleatória de sementes é realmente valiosa. Então, no final, eu estou basicamente dizendo, para esta composição, neste momento, eu quero dar-lhe uma posição x e uma posição y. Isso é praticamente tudo que você precisa saber. Se eu tivesse que duplicar isso, você pode ver que cada camada começa em uma posição diferente, o que é incrível. Então eu vou apenas remover estes e continuar a aleatorizar a escala, rotação e opacidade. Se eu voltar ao meu documento, vamos copiar a escala. Vamos voltar ao After Effects, segurar em Alt, clicar no cronômetro e colar a escala. O que estou fazendo aqui é definir uma escala aleatória entre 20 e 150, enquanto minha posição, eu estava definindo uma posição aleatória entre zero e 1280. Para a rotação, é um pouco diferente. Vamos aleatorizar um valor entre 0 e 360. Então vamos fazer uma rotação, segurar Alt e colar, que nos dá algo aqui em cima. Então, se vamos duplicar isso agora, você verá que ele muda de posição, escala e rotação. Eu só vou desfazer. A última coisa que precisamos fazer é opacidade. Então vamos apenas copiar isso, e eu vou definir uma opacidade ou opacidade aleatória entre 20 e 100. Então segure em Alt, clique lá, cole e, em seguida, clique em Alt e isso vai me dar uma opacidade aleatória. Então, este em 63 no momento. Fantástico. Se eu tivesse que duplicar isso, podemos ter alguns efeitos bastante agradáveis acontecendo aqui. Aperte “Reproduzir”. Isso é muito legal. Nós temos uma animação em loop, então se fôssemos sequenciar as camadas, teríamos esse efeito realmente interessante. Vamos sequenciar as camadas agora mesmo. Mas antes de fazermos isso, eu gostaria de adicionar alguns efeitos a essas camadas. Vou excluí-los novamente, e com uma camada selecionada, vou agora adicionar um efeito. Vamos ao Effect e uau, há muitos efeitos aqui. Você pode olhar através deles, navegar através deles, experimentá-los. O que eu quero aqui é correção de cor, matiz e saturação, que é todo o caminho até aqui. A outra maneira de fazer isso é ir para Janela e abrir sua janela Efeitos e Predefinições, que fica logo aqui. Aqui você pode procurar por um efeito. Vou procurar matiz, e lá vamos nós, saturação de matiz. Em seguida, arraste-o para a sua camada, e você verá que esta janela aparece aqui e é outra guia para o seu projeto. Você tem sua guia Projeto e, em seguida, você avaliar seus efeitos e controles. Agora, todos os seus efeitos podem ser encontrados neste pequeno menu suspenso, então saturação de matiz. Mas eles também podem ser encontrados nesta janela aqui, que às vezes pode ser um pouco mais fácil de trabalhar. O que eu quero fazer é eu quero colorir minha camada e então eu quero ter certeza de que a saturação está em um 100. Vai ser sempre muito brilhante. Então eu quero aleatorizar a tonalidade e eu fui aleatorizar a semelhança. Novamente, pressiono Alt e clico em “Colorizar a Luminosidade”. Aqui eu posso colar outra expressão. Minha leveza, eu vou aleatorizar a semelhança entre negativo 50 e negativo 20. Vamos colá-lo aqui. Vamos aleatorizar a tonalidade da cor. Se eu segurar um Alt e clicar novamente, eu posso inserir o valor lá. A tonalidade, eu vou copiar isso e vir ao After Effects, e eu colar. Eu tenho este quadrado totalmente aleatório que está animando através da tela. Se eu duplicar essa pré-composição, você verá uma mudança, todos os tipos de coisas. Quando aperto “Play” agora, parece muito bom, não é? O que eu vou fazer agora é eu vou duplicar esta camada pré-composta cerca de 30 vezes. Eu tenho 16 aqui. Vou pressionar Apple D, uma vez que selecionei todos, e de repente terei 32, o que é ótimo. Vou apenas remover 31 e 32, e então eu vou ter 30 camadas. Agora eu quero sequenciá-los, então deixe-me sequenciá-los. Eu vou esgueirá-los todos, eu vou começar com o de baixo, e então ir todo o caminho para o topo e dizer Animação, Assistentes de quadro chave, Camadas de seqüência, e eu quero sobrepor e minha duração é um minuto menos um quadro porque eu quero que o deslocamento seja apenas um quadro. Vamos 59 segundos e 29 quadros. Veremos aqui enquanto eu amplio, que ao longo de um segundo, cada quadro, há uma coisa nova acontecendo. Eu vou ter que dar zoom fora daqui e ir para um segundo, e eu tive que definir minha área de trabalho para um segundo, assim. Quando eu tocar isto, vocês verão esta festa, que não é exatamente exata porque esta animação ainda não teve tempo de fazer nada. Vamos avançar, que um segundo possamos começar a enlouquecer. Vamos duplicar isso mais uma vez e movê-lo sobre um quadro. Então podemos começar em um segundo, e podemos fazer nosso loop começar em um segundo e ir até dois segundos. Agora, quando pressionamos “Play”, tivemos um loop incrível. Temos um monte de quadrados que têm capacidade aleatória, rotação, cor aleatória, escala aleatória, tudo é aleatório sobre eles. Parece incrível. Agora, isso parece bastante plácido. Parece legal. Seu olho é atraído para coisas diferentes em momentos diferentes, e é interessante, há muitos elementos. Mas claro, eles são o mesmo elemento. Há uma maneira de mudar. O pré-comp1, vou duplicar isto. Eu vou entrar em pré-comp2 agora, e se era um retângulo. Bem, eu vou mudar isso. Vou mudar sua redondeza para 100, e de repente ela se torna um círculo. Volto à composição da minha festa, e vamos ver, para 15 dessas camadas, eu vou selecioná-las todas e então eu vou arrastar em precomp2. Então, enquanto segura Alt, eu vou deixar ir em pré-comp1. De repente eles mudam para pré-comp2. Isso significa que metade das minhas pré-comps agora são pré-comp2, e a outra metade, são pré-comp1. Vamos ver como isso parece. Agora temos círculos e quadrados, o que é ainda mais interessante. O que é maneira mais legal é que dentro pré-comp2, podemos mudar outras coisas além apenas a redondeza do quadrado. O que eu gostaria de mudar agora é a rotação de uma camada. Em vez de alterar a rotação da forma real, gostaria de alterar a rotação da própria camada. Vamos animar a rotação em um primeiro quadro chave, e em um segundo, eu gostaria de mudar isso para 360 graus, que é uma rotação. Verá o que acontece aqui. Se eu diminuir o zoom, você verá que, oh, as coisas estão ficando loucas. Há coisas estranhas de rotação acontecendo aqui, e isso é porque toda a camada está mudando ou girando. O que é muito fixe. O que eu vou fazer nesta rotação é que eu vou adicionar uma expressão que diz, ciclo LoopOut, apenas para que ele continue uma e outra vez. Mas você pode estar se perguntando, bem, nós não vamos vê-lo porque ele é cortado ou ele é cortado. Não vejo, bem, então só vemos um pouco lá, verdade. Agora, se formos para a festa, podemos ver que, hey, isso é realmente verdade. O que pode ser legal às vezes, mas não raramente. O que podemos fazer aqui é selecionar todas as camadas pré-comp2, e então verificamos esta pequena caixa solar. Isso significa que para uma camada de composição, que esta é camada de composição, ele recolhe todas as transformações. É basicamente mágica. Significa que não há recortes que ocorram. Agora há uma festa muito legal que vai acontecer. Então nós temos esses quadrados voando em alguns lugares. Temos esses círculos fazendo rotações manuais ao redor do show. É bastante incrível. Mas a única coisa que vai fazer isso melhor além de adicionar mais pré-composições é fazer mais composições. No momento, temos 30 composições. Se selecionarmos todos estes e pressionarmos Command D e movê-los para cima, podemos mudar a cor da camada se quisermos. Agora temos 60. Você pode ir enquanto aqui, quanto mais você ágil, e mais louco esta composição vai ficar, e todos os loops e sem costura, incrível. Esse é o poder do código. Esse é o poder das expressões. Esse é o poder do aleatório. Divirta-se com isso. Copie e cole. Faça alguma pesquisa sobre expressões, se quiser. Novamente, renderize-o. Vá selvagem. 17. Bônus: animação no Photoshop: Neste vídeo, eu vou mostrar a vocês que After Effects não é o único garoto legal no bloco, Photoshop também pode fazer algumas coisas de movimento legal, talvez não tão intenso e talvez não com um controle tão fino e pode não ser tão poderoso, mas ainda assim você pode usá-lo, especialmente para animações simples. Tenho aqui um documento 1282 por 1282. Eu vou para o Window, eu vou rolar para baixo até chegar na Timeline. Vou abrir essa linha do tempo, vou arrastá-la até pegar essa barra azul, e então bam, eu tenho uma linha do tempo. Em seguida, digo “Criar linha do tempo de vídeo”. Se eu não vir isso e eu vir Criar animação de quadro, basta clicar no menu suspenso e dizer “Criar linha do tempo de vídeo”, e então você apenas pressionar o botão e bam, você tem uma linha do tempo. Se você tem a camada zero e não é uma camada de plano de fundo, você sempre pode ir para Camada, Novo, Plano de Fundo da Camada e voila, você tem um plano de fundo. Agora vamos fazer uma forma. Vamos criar um retângulo, um quadrado, e eu vou apenas mostrar a vocês como fazer uma rotação simples. Vamos criar um quadrado de 400 por 400. Vamos movê-lo para o meio. Fantástico. Você verá que, se abrirmos o painel, isso é bastante parecido com o After Effects. Podemos animar a posição, opacidade, podemos animar o estilo, a posição da máscara vetorial, a máscara vetorial habilitar, o que é isso? Bem, a coisa é que se tentarmos animar a posição de uma forma, vai mono isso. Então ele vai dizer, “Animar a posição da camada pode não ter nenhum efeito. Talvez seja necessário animar a máscara.” Tenha isso em mente se você quiser animar a posição de uma camada de forma. Eu só vou remover isso por enquanto e rasterizar isso. Então clique com o botão direito do mouse em “Rasterize Layer” e, de repente , podemos animar a posição. Em um segundo, podemos mover isso e podemos trazer nossa área de trabalho para que quando jogarmos isso, hey, ele faça alguma coisa nova. Se não fizer isso por você, pressione estes pequenos ícones aqui e selecione “Loop Playback”. Essa é a posição, basicamente. Vamos apenas remover todos os quadros chave. Mas onde está a rotação? Quero rodar isto. Isso é um pouco complicado no Photoshop, então a melhor coisa que você pode fazer aqui é clicar com o botão direito do mouse e dizer “Converter em objeto inteligente”. Então você terá essa propriedade Transform. Se quisermos transformar isso em um segundo, basta clicar no cronômetro e, em um segundo assim, podemos ir “Command+T” ou “Editar”, “Transformação Livre”. Podemos começar a girar isto. Se você pressionar Shift, ele girará em pedaços maiores. “ Entrar” e nós vemos que, hey, ele gira. As coisas estão bem. Mas agora o que o Photoshop não tem é que ele não entende que algo pode girar 360 graus e, em seguida, mais. Se transformarmos isso de novo, e tivéssemos que girar e girar e girar, e então pressionar “Enter” e então pressionar “Play”, ei, isso não está se movendo. Não pense que é um truque do olho, não está se movendo tão rápido que você acha que está parado. Essa coisa, na verdade, não está se movendo. Às vezes, ele vai até se mover para trás ou girar no sentido anti-horário quando você quer que ele gire no sentido horário. Verifique isso. É realmente frustrante. A maneira que eu consegui como fazer isso foi remover esse quadro-chave, e durante um período de alguns segundos ou alguns quadros, eu posso enganá-lo para fazê-lo. Se eu girar apenas 90 graus aqui, fantástico, vá para 20 quadros, gire 90 graus aqui, e então vá para um segundo e gire 90 graus aqui. Se eu pressionar “Play”, ele girará um pouco mais rápido. Lá vamos nós. Temos uma animação em loop no Photoshop que fizemos no Photoshop, e a partir daqui, você pode exportá-lo, você pode “Arquivo”, “ Exportar”, “Salvar para Web” ou você pode “Renderizar Vídeo”. 18. Bônus: hierarquia, flexibilização e máscaras inversas: Neste vídeo, eu vou mostrar a vocês como usar a criação de camadas, flexibilização de quadros-chave e máscaras inversas enquanto criamos uma animação sexy de letras em loop, algo assim. Vamos começar no Illustrator. Vamos usar nossa ferramenta Tipo. Basta clicar em qualquer lugar da prancheta e pressionar “Shift Z” para obter um z. Você pode usar qualquer letra que quiser. Eu realmente gosto de usar z porque é simétrico. Pressione “Escape” e, em seguida, vamos apenas aumentar a escala. Mantenha a tecla Shift pressionada para torná-la proporcional. Isso parece muito bom. Então vamos nos converter em esboço. “ Tipo”, “Criar contornos”. Isso significa que não podemos mais editá-lo, mas tudo bem. Significa que podemos colocar isso bem no meio da prancheta. Antes de irmos para o After Effects, recebemos uma verificação de que nossa configuração AICB está verificada. AICB, sim, está verificado. Isso significa que você pode copiar esse caminho para o After Effects e certificar-se de que Preservar caminhos está selecionado. Vamos ao After Effects agora. Temos uma composição aqui. É 1.280 por 1.280. Tem uma cor de fundo de preto, e tem 30 segundos de duração. O que eu quero fazer aqui é criar uma camada de forma, então “Camada”, “Novo”, “Camada de Forma”. Em seguida, a camada de forma, Eu quero apenas criar um quadrado. Vamos criar um quadrado mantenha pressionado “Shift” para torná-lo quadrado. Então queremos centralizar isso. Vamos transformar Retângulo 1, x posição zero, y posição zero. Agora está no meio. O que eu quero fazer agora é mudar o tamanho para algo bem grande. Se mudarmos para 1.280, que seria a largura e altura da composição, isso parece muito bom. Mas agora, porque vamos girar este quadrado, se formos girar aqui, quando você girar, podemos ver o fundo, o que não é ideal. Você pode querer isso para testar, mas por enquanto, o que eu gostaria de fazer é aumentar isso para cerca de 2.000. Sim, isso parece bom. Vou entrar em 2.000. Lá vamos nós. Quando rodamos isso, você pode ver que não podemos ver mais o fundo, o que é fantástico. Agora voltamos para o Illustrator. Basta selecionar nosso zed ou nosso z e ir “Editar”, “Copiar”, voltar ao After Effects e clicar em sua camada, e “Editar”, “Colar”. Assim, teremos uma máscara Zed ou uma máscara Zed. Quando você abrir sua camada aqui você verá o conteúdo e as máscaras. Agora, isso é realmente mascarar tudo, mas o z. Eu realmente quero perfurar um buraco zed nesta camada. Vou clicar em “Invertido”. Voilá. Agora, eu tenho um buraco na minha camada e é um buraco Zed. Fantástico. Vamos apenas renomear este z1. O que eu vou fazer agora é mudar a cor de fundo da composição, então “Composição”, “Configurações de composição”. Vamos mudá-lo para um cinza claro por enquanto para podermos ver as sombras, “Ok.” Vou clicar com o botão direito do mouse na minha camada z1 e vamos para estilos de camada e colocar uma sombra. Lá vamos nós. Vamos ver nossas configurações de sombra aqui. Mude para 50% de opacidade. Vamos mudar o ângulo para 90 por cento, a distância para 10 por cento, e o tamanho para 20. Isso parece muito bom, eu acho. Sim, isso parece ótimo. Agora, o que eu gostaria de fazer é que eu gostaria de duplicar isso quatro vezes, então 1, 2, 3, 4. Agora teremos cinco camadas Zed e eles terão máscaras. A próxima coisa, vamos voltar para o Illustrator e vamos reduzir isso agora. Com a ferramenta de escala, você pode pressionar S ou usar esta ferramenta aqui. Se você clicar duas vezes nele, podemos reduzi-lo. Se eu apenas visualizar isso, eu vou reduzi-lo em 90%. Aperte “Ok”. Agora o que eu gostaria de fazer é que eu gostaria de selecioná-lo novamente e copiá-lo. Eu vou para o “Comando C.” Então você vai para After Effects. Agora, z5 é minha camada superior, z4 é minha próxima camada superior, e assim por diante. O que eu vou fazer agora é eu vou para o z4, eu vou para Máscaras. Ou o que eu poderia fazer é selecionar todas essas camadas e apenas pressionar “M” para máscaras. Vou ao Z4 Mask One e pressionar “Comando, V.” Assim mesmo, você vai ver que, hey, agora eu tenho uma máscara menor. Você pode ver que estamos começando a criar esse efeito em camadas realmente agradável. Vamos continuar fazendo isso para cada camada. Vou reduzir isso de novo. Vamos passar por 90. Vou copiá-lo. Eu vou para After Effects, eu vou para z3, eu vou para a máscara dele, e “Comando, V.” Então temos outra camada. Vamos entrar no Illustrator de novo. Vamos escalá-lo em 90 por cento novamente. Pressione V para selecionar o Zed, “Comando C.” Vamos voltar ao After Effects. Vá para a máscara do z2, “Comando, V.” Só precisamos fazer isso mais uma vez. Assim, mova-o para z1 e cole. Lá vamos nós. Temos um monte de camadas. Parece que você está olhando para baixo uma pilha de pedaços de papel todos com um Zed ou Z perfurado fora deles. A próxima coisa que eu gostaria de fazer é apenas colorir essas camadas. Vamos escolher um esquema de cores muito legal, paleta de cores. Eu vou para o Safari, onde eu fui para coolors.co, e eu gerei um esquema de cores legal. Vamos apenas clicar duas vezes nisso, “Comando C”, vá para After Effects, e vamos para nossa camada superior. Eu só vou pressionar “4" e ele automaticamente destaca a entrada para mim. Eu faço “Comando V”, e essa é a primeira camada. Vou continuar a fazer isto. Selecione minha segunda camada. Colar. Fantástico. Vamos pegar aquela terceira camada verde, “Ok.” Vamos ao Safari. Vamos pegar essa camada roxa, “Ok.” Então o último que é esta camada azul já é essa cor. Agora, nós realmente não queremos que nossa cor de fundo seja essa cor cinza. Se formos ao Safari e selecionamos esta cor roxa. Em seguida, vamos para Configurações de composição e composição. Vamos mudar nossa cor de fundo para esta cor roxa, mas vamos torná-la um pouquinho mais escura. Que tal isso? Isso parece bom. Agora, precisamos decidir sobre nossa camada base. O que eu gosto de fazer é selecionar todas as minhas camadas, então vá ao comando A, basta pressionar P, e não há mais propriedade aparecendo. Eu gostaria de animar a rotação de todas as minhas camadas, então eu vou ir e pressionar R para mostrar apenas as propriedades de rotação. Então eu vou animar a primeira camada, então Z5, e eu vou usar isso como minha base. Você pode usar a camada inferior como sua base ou a parte superior. Vou usar o de cima neste exemplo. O que eu gostaria de fazer é que eu gostaria de animar a rotação em cerca de dois segundos. Vamos dar um zoom aqui um pouco. O que vamos fazer agora é diminuir nossa área de trabalho para dois segundos exatamente assim. Fantástico. Então eu gostaria de mostrar a vocês o que é ser pai. Confira isso. Se eu for para a camada Z4 e eu escolher o pai para ser Z5, e por que isso é realmente legal é que à medida que eu rodar Z5, você verá que a camada de Z4 também gira. Vou selecionar a camada acima para cada camada única como a camada pai. O que torna isso realmente legal é que se eu girar a camada 5 e eu girar a camada 4, você verá que tudo por baixo também gira essa quantidade. Camada 3 está listando a camada 4 e a camada 4 está listando a camada 5. Muito fixe. Com isso em mente, eu vou animar apenas a posição deste Z5, e então copiar e colar essa rotação para baixo as camadas. Vamos adicionar um quadro-chave aqui. Vamos definir isto para cinco negativos. Vamos para um segundo, vamos um quadro para trás, definir isso para cinco, e então em dois segundos novamente, vamos definir isso para cinco negativos. Isso significa que, como um lugar, temos esse movimento de balanço leve. Não é perfeito, mas é um começo. Você verá que todas as camadas também fazem o movimento de balanço sem que eu tenha que adicionar quaisquer quadros-chave para qualquer uma das outras camadas. Agora, o que é realmente super legal é se eu clicar em Rotação e você verá todos os meus quadros-chave ficarem azuis. Eu pressiono Comando C, e então eu seleciono todas as minhas camadas e pressione Comando V colando, você verá que agora, eu tenho essa animação realmente doce. Confira isso. O que está acontecendo aqui é que, claro, camada 5 ou Z5 está girando em cinco negativos, assim é Z4, mas então ele vai mais cinco negativos. Z3 está indo um negativo 10, e depois mais um negativo cinco, e assim por diante. Você tem esse efeito giratório muito legal. Super, mas não é perfeito. Como podemos torná-lo perfeito ou mais perto de ser perfeito? Eu gostaria de adicionar um pouco de flexibilização à minha animação. A primeira coisa que gostaria de fazer é selecionar todos os quadros-chave na camada Z5, clicar com o botão direito do mouse em Assistentes de quadro-chave e, em seguida, selecionar Facilidade fácil. Você verá que os quadros-chave mudam de forma. Agora, se você tiver que copiá-los, selecione todas as camadas novamente, você verá que a animação é um pouco mais suave. Bastante fixe. Se quiséssemos dar um passo adiante, poderíamos selecionar Z5 e então pressionar este editor de gráficos. Vamos apenas selecionar a rotação, podemos ver o gráfico da velocidade de rotação. Isso mostra as quantidades de rotação ao longo do tempo, o que é muito legal. Por outro lado, se tivéssemos que desfazer, então comande Z. Se tivéssemos que olhar para o Editor de Gráficos agora, você verá que a rotação ou a velocidade não muda muito. Está a 10 graus por segundo e, de repente, está a 10 graus negativos por segundo. Enquanto que se tivéssemos que voltar, você verá que a rotação agora muda ao longo do tempo. O que podemos fazer agora é selecionar um desses e você pode alterá-los manualmente, como uma ferramenta de caneta no Illustrator ou você pode clicar duas vezes sobre eles e alterar as configurações matematicamente, o que eu gosto. Porque é um GIF em loop, isso significa que eu quero que as coisas sejam precisas. Vou mudar isso para 50% de Influência na Velocidade de Entrada, e 50% de Influência na Extrovertida. Eu vou fazer o mesmo para cada um desses pontos, então 50, 50. Verá que meu gráfico começa a mudar agora. Nós temos este pedaço realmente interessante de impulso agora. Vamos arrastar isso para baixo e pressionar a barra de espaço. Você pode não ser capaz de vê-lo tanto porque nós não copiamos e colamos nossos quadros-chave. Vamos apenas fazer isso. Vamos para todas as camadas e colar. Agora, quando jogarmos, você verá que a animação é ainda mais suave. Ele realmente sente que está balançando agora. Fantástico. Isso é apenas uma coisa que você pode fazer para tornar esta forma de letra realmente interessante, girar. Parece que está balançando. O que mais podemos fazer agora? Há um monte de coisas que você poderia fazer, mas uma das coisas que eu gosto de fazer é praticamente fazer a mesma coisa, exceto com posição adicionada a ele. Com o Z5 selecionado, mantenha pressionada a tecla Shift e pressione P. Isso vai, vamos mostrar o que estamos mostrando e posicionando. Vamos então colocar um quadro-chave ali, colocar um quadro-chave ali, e colocar um quadro-chave em dois segundos. Agora, o que eu vou fazer é dizer em dois segundos, vamos e menos 25x, e menos 25y. Vou copiar este quadro-chave e, em seguida, colar esse quadro-chave. Então, no meio, eu vou dizer mais 25x, e mais 25y. Agora, para este exemplo, não podemos selecionar posição e, em seguida, copiá-la e colá-la, porque a posição de Z4 é realmente relativa à posição de Z5. Se tivermos que ir ao turno P, verá que o 615 e o 615 estão em algum lugar longe. Se tivermos que desfazer, você verá que 0, 0 é uma posição relativa à camada Z5 ou relativa à sua camada pai. Vamos fazer a mesma coisa aqui. Nós mudamos a posição em 25 pixels cada aqui, então menos 25, menos 25. Vamos copiar esse quadro-chave. Vamos colar esse quadro-chave. Vamos a este, e vamos para 25 e 25. Você vê que agora, há um pouco de movimento. Voilá, voilá. Se adicionarmos alguma flexibilização fácil a esses quadros-chave, isso o torna ainda mais agradável. Vamos para a facilidade, e vamos mudar a influência novamente para 50 e 50. Faça o mesmo para todos estes. Isto é apenas para que tenhamos uma animação de balanço suave muito agradável. Vamos para estes aqui. Agora, quando jogarmos, você verá que apenas as duas camadas superiores estão animando sua posição, bem como sua rotação, e parece muito bom já. Vamos voltar para zero quadros e copiar a posição de Z4, e, em seguida, selecionar nossas três camadas inferiores e colar. Confira agora. Isso é muito legal. Há muitos movimentos, muita energia, isso é fantástico. Então tudo o que temos que fazer agora é selecionar todas as nossas camadas, ativar o desfoque de movimento, e certificar-se de que nossa composição tem desfoque de movimento ativado, e então eles ficarão ainda melhores. Fantástico. A partir daqui, podemos exportá-lo como um arquivo MOV sem perdas. Em seguida, lembre-se de: acessar o Photoshop torná-lo um formato GIF animado ou exportá-lo como um mp4 e compartilhá-lo. 19. FIM: É isso que é. Espero que tenha gostado da aula e do material bônus também. Publique seus loops em sua galeria de projetos e compartilhe-os nas mídias sociais. Menciona-me, eu sou @taptapkaboom. Acima de tudo divirta-se hipnotizando seus amigos e seguidores. Tchau, por enquanto.