Transcrições
1. Nossas boas-vindas: Olá e bem-vindo às animações Looping no After Effects. Para algo satisfatório sobre assistir e fazer animações em loop, você
já se encontrou olhando para uma animação por muito tempo, percebendo
plenamente que você está vendo a mesma coisa várias vezes, mas ainda não sendo capaz de olhar Longe? As animações em loop podem ser hipnotizantes como uma peça autônoma nas mídias sociais. Mas o uso de técnicas de loop em animações narradas
mais longas pode ser uma maneira ineficiente de trabalhar. Mas se você já pensou em tentar fazer um ciclo de cena animado inteiro, então você sabe que pode ser esmagador tentar descobrir como cronometrar tudo corretamente. Sou Megan Friesth e sou uma Explicadora. Posso ter inventado essa palavra, mas escrevo, ilustro e animo animações
educacionais principalmente sobre temas relacionados à saúde e ao meio ambiente. Nesta aula, mostrarei as técnicas que uso o tempo todo para trabalhar de forma mais eficiente e fazer animações perfeitamente vivas para a web, mídia
social e explicações. Embora esta classe tenha instruções passo a passo no After Effects, é muito mais do que isso. Expliquei o processo principal por trás das técnicas que uso para ajudá-lo a pensar como um designer de movimento e permitir que você aplique essas ideias em seu trabalho futuro. Na primeira parte da aula, falaremos sobre o lado conceitual da criação de animações em
loop e discutiremos as melhores práticas. Depois mergulharemos no After Effects para animar uma cena subaquática em loop. Eu fornecerei um arquivo parcialmente animado do After Effects, para que possamos nos concentrar em fazer um loop dessas animações. Usamos diferentes expressões de loop para rapidamente entrar nas algas marinhas fluídas e peixes nadadores, sem definir um monte de quadros-chave repetitivos. Não deixe que o fato de que usaremos expressões o assuste. A expressão loop é como o pool kiddie,
tanto quanto a profundidade que você pode obter com expressões. Vou mostrar-lhe exatamente o que você precisa saber para
começar a usar essas expressões em seu trabalho. Em seguida, mostrarei como adicionar ação de sobreposição para que suas animações pareçam mais realistas, ao mesmo tempo em loop perfeitamente. Então vamos trazer nossos elementos de algas marinhas e peixes completamente em uma cena subaquática. Vou mostrar-lhe como deslocar diferentes elementos dentro da cena para criar uma cena subaquática estilizada, mas realista, que loop perfeitamente. Estas técnicas funcionam em terra também, ou em praticamente qualquer outra coisa que você pode querer animar. Esta classe é perfeita para designers de movimento iniciantes a intermediários. Se você nunca usou o After Effects antes, verifique o meu vídeo de orientação, que você pode encontrar o link também abaixo deste vídeo. Eu também recomendo verificar uma das minhas aulas para iniciantes primeiro. No final desta aula, você tem as habilidades e sabe como lidar com animações de loop simples a complexas e entender quando usar diferentes técnicas para trabalhar de forma mais inteligente, não mais difícil. Então, se você estiver pronto para criar uma cena animada em loop, vamos começar.
2. Projeto do curso: O projeto para esta classe é criar uma animação de loop perfeitamente contendo vários elementos que se movem. Na guia Projetos e recursos, você encontrará um arquivo de projeto do After Effects para minha cena subaquática que você pode baixar. Vou usar este arquivo como ponto de partida e mostrar-lhe como fazer cada loop de elemento animado. Neste arquivo de projeto, eu já defini alguns quadros-chave para animar as algas e as barbatanas dos peixes, mas nada está se movendo ainda. Se você baixar este arquivo de projeto, você pode acompanhar comigo passo a passo. Sinta-se livre para carregar esta cena subaquática animada como seu projeto de classe ou criar seu próprio peixe e algas marinhas e usar isso. Ou você pode ilustrar e animar sua própria cena que não envolve peixes ou algas marinhas. Sua cena não precisa ser tão complexa quanto a minha, apenas certifique-se de que você está usando algumas das técnicas ensinadas nesta aula. Vou falar mais sobre renderização e postar seu projeto em um vídeo posterior.
3. O que é um loop?: Às vezes, os termos loop e GIF são usados de forma intercambiável, mas eles não são realmente a mesma coisa. As animações em movimento são muitas vezes chamadas de GIFs porque os GIFs tendem a ser animações curtas em loop. Mas um loop é qualquer animação que faz loops enquanto GIF é realmente um formato de arquivo. Qualquer formato de arquivo pode fazer loop, cabe apenas ao player de vídeo reproduzi-lo repetidamente para você, e o animador para fazer a animação parecer um loop contínuo. GIFs, como formato de arquivo, não precisam fazer loop e eles realmente nem precisam ser animados. Mas nesse caso é como uma imagem, então qual é o ponto? As maiores diferenças entre vídeos e GIFs incluem que os vídeos podem ter som, enquanto os GIFs não. Os GIFs geralmente são reproduzidos automaticamente em sites e em mensagens como e-mails e textos. Em seguida, cabe ao player de vídeo se um vídeo é reproduzido ou não repetidamente, enquanto que com um GIF, cabe ao criador. Você decide se deseja que o GIF faça loop para sempre ou apenas jogue uma vez. Então, finalmente, os GIFs têm um número mais limitado de cores, e eu vou falar mais sobre isso em um vídeo posterior. Essa classe se concentrará
na criação de animações em loop que podem ser renderizadas como um vídeo, um GIF ou ambos quando você terminar. Como há algumas coisas adicionais que você vai querer considerar se você sabe que deseja criar um GIF, eu vou cobrir isso em outro vídeo. Mas primeiro, no próximo vídeo, vou aprofundar quando usar diferentes formatos de arquivo e onde.
4. Como usar loops: Há muitos casos em que uma animação de loop pode ser útil. Alguns casos são mais óbvios do que outros. Vamos passar por alguns. Uma vez que muitas plataformas de mídia social como Instagram e Facebook irá reproduzir automaticamente um vídeo através e, em seguida, reproduzi-lo imediatamente novamente ou em outras palavras, torná-lo loop, é que ele faz sua animação olhar mais polido e profissional para criá-lo como um loop sem costura. Eu compilei o resumo das especificações para os sites populares de mídia social mais atuais. Como o tamanho ou proporção do vídeo parece mudar com mais frequência, eu não o incluí aqui, mas é sempre fácil Google. O Facebook suporta GIFs e reproduções automáticas e loops de vídeos. Instagram não suporta GIFs, então o MP4 é o melhor. Se você trabalha como eu e geralmente cria um MOV primeiro do After Effects e depois tenta usar o AirDrop esse MOV para o iPhone, ele não será salvo em fotos. Como você só pode postar no Instagram a partir de um telefone, mesmo though.mov são suportados pelo Instagram, é difícil usar a.mov. Se você apenas usar um MP4, você pode AirDrop e fazer upload para o Instagram sem problemas. No Pinterest, os vídeos serão reproduzidos automaticamente quando estiverem no feed de alguém, quando estiverem 50% em exibição e o loop quando estiverem no feed. Mas se o usuário clicar no vídeo para vê-lo de perto, ele não fará loop. Estranhamente, os GIFs não serão reproduzidos automaticamente no Pinterest, mas quando o usuário clicar no GIF para vê-lo de perto, ele fará um loop. Você só tem que pesar o que você quer que a experiência seja com sua animação de loop e, em seguida, escolher de acordo. As animações em loop também são úteis em sites. Os arquivos GIF serão reproduzidos automaticamente em loop para sempre. Você também pode definir um arquivo GIF para reproduzir apenas uma vez, e ele fará isso assim que o arquivo for carregado na página da Web. Mostrarei como você pode definir isso ao exportar GIF através do Photoshop em um vídeo posterior. Com GIFs, você não precisa lidar com
o upload da animação para um player de vídeo como YouTube ou Vimeo. Você pode apenas tratar um GIF como se fosse uma imagem, exceto que é uma imagem em movimento. Outra coisa às vezes legal sobre GIFs é que eles não exibem um botão de reprodução ou pausa sobre sua animação. Isso também significa que o espectador não pode pausar sua animação, então tente usar GIFs de uma forma que não vai incomodar ou distrair seu visualizador. Se você usar muitos GIFs em uma página, isso pode ser um pouco esmagador para o dispositivo e seu visualizador. O visualizador pode ver alguma mensagem de erro, como a página está sendo lenta ou algo assim. Apenas esteja atento a isso. Ao usar GIFs, você precisa ter cuidado com
o tamanho do arquivo porque um GIF muito grande pode não ser suportado. Por exemplo, eu uso fluxo de web para o meu site e ele só me permite fazer upload de GIFs com menos de quatro megabytes. É uma boa regra para ter em mente. Mesmo que GIFs grandes possam ser carregados, eles podem levar muito tempo para que o dispositivo do visualizador o carregue. Então, enquanto
isso, ele pode reproduzir lentamente, ou parecer agitado. Vou falar mais sobre as melhores práticas para GIFs em um vídeo posterior. Os GIFs também podem ser divertidos para mensagens de texto ou e-mail. Eles reproduzirão automaticamente e enviarão mensagens de texto e e-mails, enquanto os vídeos exibirão um botão de reprodução e exigirão que o espectador carregue em reproduzir. Outro uso para animações em loop está dentro de uma animação mais longa. Isso pode ser uma grande economia de tempo. Você pode fazer loop de animações em um nível de quadro-chave ou fazer loop de composições inteiras. Vou mostrar-lhe várias maneiras de fazer os dois mais tarde nesta classe usando o peixe visto como um exemplo. Se você estiver usando quadros-chave de loop ou composições uma animação mais longa e decidir que deseja alterar algo, você só precisa fazer a alteração uma vez. Enquanto que se você tivesse um monte de quadros-chave repetitivos, você teria que fazer a mudança muitas vezes. As animações em loop podem ser super eficientes. Eu estava trabalhando recentemente em uma animação para um programa educacional que eu estava criando. Eu sabia que ia precisar de um GIF em loop para a página web, mas eu também queria usar a mesma animação dentro de uma animação mais longa com uma narração. Eu não sabia quanto tempo o segmento precisaria ser para a animação com a narração. Criei uma animação em loop que pode ser usada em ambos os casos. Uma vez que esta animação se moveu, eu poderia apenas fazer loop neste segmento dentro da animação com a narração e ele funcionaria por qualquer quantidade de tempo que eu terminasse precisando que ele fosse.
5. Planejando seu loop: Neste vídeo, vou falar sobre as coisas a
pensar antes de começar a animar seu loop. A primeira coisa que você deve descobrir ao fazer um loop, ou realmente qualquer animação, é qual é o objetivo. Seja intencional. O que você quer que alguém sinta ,
saiba ou faça depois de assistir sua animação? Ou o objetivo é apenas praticar suas habilidades de animação e fazer algo bonito? Esse é um objetivo perfeitamente bom também. O primeiro passo deve ser o storyboard da sua ideia. Sim, mesmo que seja só alguns segundos. Muitas vezes eu acho que quando eu tento colocar minhas idéias no papel, elas realmente não são tão completas quanto pareciam na minha cabeça. storyboard ajuda a divulgar ideias antes de você se
aprofundar demais na animação e perceber que as coisas não estão funcionando. Pode ser tão simples como apenas esboçar uma idéia áspera, e isso irá ajudá-lo a descobrir o ponto número 2, que é considerar quanto tempo o loop será. Em geral, é bom usar o menor
tempo possível para manter o tamanho do arquivo pequeno, que é principalmente importante se você estiver renderizando um GIF. Mas muito curto de um loop pode parecer muito repetitivo, embora realmente dependa do conteúdo da sua animação. Por exemplo, esse loop é de apenas dois segundos, o que eu acho que funciona bem para esses pinguins em como eles estão se movendo. Se você pode escapar com um loop curto e quiser renderizar um vídeo, cuidado com os requisitos mínimos de tempo. Você sempre pode colocar sua composição em outra composição e fazer um loop na pré-composição algumas vezes, o que eu vou mostrar exatamente como fazer em outro vídeo. Mas, às vezes, se você tiver vários elementos diferentes em sua animação, como este exemplo, seria um pouco chato e previsível se tudo acontecesse ao mesmo tempo. Só para que eu possa fazer este GIF curto, como dizer, quatro segundos. A próxima coisa a considerar é se sua animação terá vários elementos que loop em diferentes frequências e quanto tempo você deve fazer sua animação, para que você possa acomodar todos os diferentes elementos. Por exemplo, são cena subaquática tem vários pedaços diferentes de algas marinhas e vários peixes. Mesmo que as algas não estejam sincronizadas, elas são escalonadas para parecer mais realistas. Cada um deles leva oito segundos para completar um ciclo completo ou um ciclo completo. A animação no corpo, cauda e barbatanas do peixe levar um segundo, 10 quadros. Para os peixes minúsculos na escola, um ciclo leva um segundo. Os peixes e as algas marinhas estão a circular em frequências diferentes. Como eu decidi por quanto tempo fazer esta cena como um todo? Já que as algas demoram mais tempo para fazer o loop, oito segundos, eu precisava fazer minha cena oito segundos. Bastante simples. Mas eu poderia ter feito meu loop de algas em qualquer quantidade de tempo que eu quisesse, então por que oito segundos? Uma das razões foi que oito segundos foi uma boa quantidade de tempo para um peixe fazer todo o caminho através da cena. Outra razão é que eu encontrei para cenas com vários elementos que loop em diferentes frequências, escolher um número par inteiro que dividido meio é outro número par inteiro funciona bem. Deixe-me explicar o que quero dizer com um exemplo. Vamos tirar oito segundos. Levará oito segundos para que toda a cena apareça. Eu posso obviamente ter elementos dentro da cena que leva oito segundos para fazer o loop. Eu também posso ter elementos que levam quatro segundos para loop, porque oito dividido por 2 é 4. Estes elementos completarão dois ciclos dentro da cena de oito segundos. Eu também posso ter coisas que levam dois segundos para loop porque 4 dividido por 2 é 2, e assim por diante. Posso ter coisas que levam oito segundos para repetir, para quatro segundos, dois segundos, um segundo. Ele pode até descer para 20 quadros, 15 quadros, 10 quadros e assim por diante. Enquanto um exemplo não tão bom seria se você escolhesse um número como sete segundos para todo o seu loop, você poderia ter coisas que levam sete segundos. Você poderia ter coisas que levam três segundos e 15 quadros, e então o que é metade disso? As coisas ficam confusas. Recapitulando, se você tiver uma cena com vários elementos diferentes que circulam em frequências diferentes, então você precisará escolher a maior quantidade de tempo que um desses ciclos leva. No meu caso, para a cena subaquática, são oito segundos porque as algas levam oito segundos para completar um ciclo completo. Escolher um número par dividido por dois é outro número par acaba funcionando bem com a matemática para que você possa ter várias possibilidades diferentes de como as coisas podem fazer loop.
6. Continuidade: Você já me ouviu dizer sem costura algumas vezes. Isso porque esconder o local onde a animação termina e começa novamente, pode fazer com que sua animação pareça mais polida e profissional. É como um bom desenho de padrões. Você não quer que seja óbvio onde está a borda do padrão. Parece mais agradável quando as costuras estão escondidas. Para animações em loop, às vezes não é possível fazer isso e isso definitivamente não é ruim ou errado. As animações koala e panda aqui, você provavelmente pode adivinhar quando a animação está repetindo novamente. Mas funciona com o fato de que esses caras estão comendo. Comer é um movimento repetitivo. Enquanto que no mar subaquático você provavelmente não pode adivinhar exatamente onde o loop começa e termina. Novamente, depende apenas do conteúdo da animação. O que não é tão bom é ter um salto óbvio. Observe como neste exemplo à esquerda, a folha que o Koala está comendo apenas aparece dentro e fora. Ele come a folha e, em seguida, outra aparece nesta tela. Você pode ver que essa é a costura do meu loop. Mas no meu exemplo perfeito à direita, eu animei a folha que o Koala come saindo de trás de outra folha e se movendo para o lugar para que ela não apareça apenas quando a animação loops. Então, quando você está planejando seu loop animado, pense em como você vai deixar as costuras escondidas, ou se está tudo bem que ele não está escondido. Apenas certifique-se de que você não vai ter quaisquer saltos óbvios quando a animação termina e, em seguida, começa novamente porque se você fizer, não
é realmente um loop perfeito sem costura. É disso que se trata esta aula. Se você ampliar dentro de um loop, você terá que diminuir o zoom ou vice-versa para torná-lo loop. Se você ampliar e reduzir rapidamente em seu loop de animação, para que isso aconteça uma e outra vez, ele pode dar ao seu espectador como enjôo de movimento. Então minha recomendação seria não ampliar ou fazer seu loop longo o suficiente para que seu zoom in e out possa ser lento o suficiente para parecer bom ou ter tempo suficiente entre o zoom in e out, que não vai ser chocante para ampliar e fora um monte de vezes rapidamente em uma fileira. e reduzir o zoom também pode tornar mais óbvio onde o loop termina e começa novamente. Isso é algo a considerar. Trabalhar com posições ou câmeras panorâmica também pode ser uma história semelhante. É por isso que é uma boa ideia criar um storyboard para planejar sua animação com antecedência. Para fazer o loop, você tem sua cena ou ilustração,
ou, neste caso, um exemplo muito simples. Neste estado no início, [inaudível] anima e retorna ao estado idêntico em que começou. Mas, para fazer um loop perfeito, seus primeiros e últimos quadros não devem ser exatamente os mesmos. Seu primeiro e último quadros-chave provavelmente são os mesmos, mas seu primeiro e último quadros devem estar separados por um quadro. Se eles fossem iguais, então quando a animação for reproduzida novamente, você terá dois quadros idênticos reproduzidos de volta para trás, e isso não é um loop perfeito. Então, o que você precisa fazer é cortar sua área de trabalho um quadro antes do final, modo que este último quadro realmente não vai ser reproduzido. Eles vão parar aqui e voltar ao início. Dessa forma, só veremos este 0, uma vez. Se eu jogar isso de volta em câmera muito lenta, como eu vou colocar isso na reprodução de volta em cinco quadros por segundo, então nós podemos ver como os números contam, mas nós não vemos 0 duas vezes. Você também percebe que esta composição é um quadro com mais de dois segundos. Eu fiz isso dois segundos em um quadro. A razão pela qual eu gosto de fazer isso é para que eu possa alcançar dois segundos com meu playhead e colocar um quadro-chave lá, e também funciona se eu quiser fazer esse loop de composição. Explicarei mais sobre tudo isso depois. Mas quando estamos reproduzindo a animação nesta linha do tempo, queremos apenas ter certeza de que a área de trabalho, que é essa barra cinza, é aparada em dois segundos, então quando ela é reproduzida, ela não reproduza o última moldura.
7. Trabalhando com GIFs: [MÚSICA] Como mencionei
em vídeos anteriores, ao trabalhar
com GIFS,
convém tornar o tamanho do arquivo
pequeno o suficiente para que sua animação seja
carregada e reproduzida sem problemas. Mas você também ainda vai querer que
sua animação tenha uma boa aparência. O objetivo é encontrar o equilíbrio certo entre
qualidade e tamanho do arquivo. Aqui estão algumas
coisas que você deve ter em mente. Primeiro, quanto maior a animação, maior
o tamanho do arquivo. Quanto maiores as dimensões,
ou seja, quanto mais pixels,
maior o tamanho do arquivo. Além disso, quanto maior
a taxa de quadros, maior
o tamanho do arquivo. Gosto de usar 30
quadros por segundo para animações renderizadas
como arquivos de vídeo. Se eu tiver um GIF curto, ficarei com 30
quadros por segundo porque gosto da
aparência suave que isso produz. Mas se meu GIF for mais longo ou se eu quiser que pareça mais
animado ou feito à mão, usarei 15 quadros por segundo. Quanto mais cores em
sua animação, maior será
o arquivo GIF. Ao exportar seu GIF por meio Photoshop ou
do plug-in GifGun, você poderá escolher
o número de cores a serem incluídas
no arquivo final. Se você escolher um número
menor de cores que estão realmente
em sua animação, seu GIF não ficará muito bom. É melhor trabalhar com
uma paleta de cores limitada ao trabalhar com GIFS. Seguindo essas mesmas linhas,
gradientes, brilhos, desfoques e animações da opacidade de algo
exigirão mais cores. Cada tom de uma cor
conta como uma cor diferente. Normalmente, esses efeitos não
parecem muito bons em GIFS , então geralmente tento
evitá-los se puder. As texturas também adicionarão
mais cores ao seu GIF. O design plano é
realmente o ideal para GIFS. Quanto mais complexidade e
movimento em sua animação, maior será seu arquivo
GIF. Você pode pensar nisso como o
quanto cada pixel está mudando. Se você tiver um plano de
fundo sólido em uma grande parte dos
pixels não está mudando, seu arquivo será
menor do que se você tivesse um
plano de fundo em que muitos ou todos os pixels
estão mudando, com frequência. Observe como esses dois GIFS têm o mesmo número de cores. Basicamente, busque a simplicidade
ao trabalhar com GIFS. Minha cena subaquática é um péssimo exemplo de animação a ser
renderizada como GIF. Você notará que eu não segui
nenhuma das diretrizes
deste vídeo para transformar
essa cena subaquática em deste vídeo para transformar um pequeno arquivo GIF. O objetivo dessa animação
era demonstrar as muitas
maneiras diferentes de utilizar expressões
e técnicas de
loop, então pretendo desde o
início renderizar isso como um
arquivo de vídeo e não como um GIF.
8. Passeio pelo arquivo do projeto: Vamos verificar o arquivo do projeto que eu forneci para este curso. Se ainda não o
fez, faça o download dele na guia Projetos em Recursos. Tudo que você precisa é este arquivo de projeto do After Effects, porque todos esses gráficos são apenas camadas de forma dentro do After Effects. Não há nada ligado no Illustrator ou em outro lugar. Você deve notar que na minha animação final, eu tenho texturas sobre os peixes e as algas marinhas. Mas neste arquivo de projeto que estou dando a vocês, não há texturas. Eu fiz isso porque dessa forma eu posso ter todas as camadas dentro
do After Effects e você não precisa ter outro arquivo adicional do Illustrator ou do Photoshop que vincule esses gráficos e também porque é muito mais rápido de renderizar sem as texturas. Quando estamos trabalhando no arquivo do projeto, será mais fácil visualizar coisas porque não há texturas. Uma vez que você tem isso baixado e aberto, vamos apenas fazer um pequeno tour rápido do que temos aqui. Organizei todos os elementos diferentes nessas pastas. A cena subaquática principal vai estar
na pasta Out porque isso vai ser a última coisa que renderizamos, então eu gosto sempre de manter isso na pasta Out. Então temos algumas bolhas, alguns peixes, e
algumas algas marinhas. Se você abrir a composição da cena subaquática, você pode ver que tem oito segundos de duração. Se você jogar de volta agora você pode ver as algas marinhas se movem um
pouco e nós temos este baiacu se mover através da tela. Neste momento, neste arquivo de projeto, a única coisa que está realmente looping é o baiacu porque ele aparece em uma extremidade da tela e ele desaparece na outra extremidade da tela. Essa é basicamente a maneira mais fácil de fazer algo loop, é fazê-la aparecer e depois desaparecer. Mas nesta aula eu vou mostrar a vocês um monte de outras maneiras de fazer
as coisas circularem porque se tudo simplesmente aparecesse e
desaparecesse, seria uma animação bem chata. Se você clicar na composição do baiacu, você pode ver que eu tenho um conjunto de quadros-chave que animam as barbatanas e os lábios abrindo e fechando, e o corpo se movendo lado a lado. Mas nada está em loop. Ele só gosta de uma rotação. Vamos passar e fazer este laço, e o mesmo acontece com todas as algas e outros peixes. Eu só defini alguns quadros-chave para nos poupar algum tempo, então eu não tenho que explicar todos os quadros-chave que eu defini. Ficaríamos aqui por horas. Espero que isso o torne um pouco mais eficiente para você. Você também vai descobrir que neste arquivo de projeto eu forneci esta pequena composição chamada expressões de loop. Isso é como uma folha de truques ou um guia sobre como usar as diferentes expressões de loop e o que eles fazem. Estas são todas as expressões em loop que vamos usar nesta classe. Há mais, mas acho que estes são os que mais uso. Vou explicar exatamente como usá-los para que eles não sejam intimidantes no próximo vídeo.
9. Expressões de loop: Vamos dar uma olhada em algumas das diferentes expressões de loop e ver o que elas fazem. Mas primeiro, no caso de você não estar familiarizado com expressões, e você não precisa estar, expressões são linhas curtas de código que você pode aplicar a uma propriedade para manipular essa propriedade. Às vezes, as expressões modificam quadros-chave definidos nessa propriedade. No nosso caso, usaremos expressões para repetir quadros-chave. Às vezes, as expressões não precisam de quadros-chave. Se isso não estiver totalmente claro, tenho exemplos que ajudarão. Vamos dar uma olhada. Como um lembrete, esta composição está dentro do arquivo de projeto que eu forneci para esta classe. Certifique-se de ir e baixar isso, se você quiser explorar esta composição por conta própria. Se eu tocasse este comp, tem muita coisa acontecendo e pode fazer sua cabeça girar. Vamos passar por cada uma dessas expressões, uma de cada vez. Mas primeiro, vamos olhar para as diferentes partes de uma expressão de loop. Esta versão da expressão de loop é provavelmente a primeira expressão que eu aprendi e eu ainda usá-lo o tempo todo. Quais são as diferentes partes de uma expressão de loop? A primeira parte é a propriedade. Neste exemplo, temos LoopOut. Há também Loopin. A próxima coisa é o tipo. Neste caso, temos ciclo. Ciclo apenas significa que ele irá reproduzir os quadros-chave através e, em seguida, ele vai voltar para o primeiro quadro-chave e reproduzi-lo através de um ciclo. Ele vai continuar repetindo seus quadros-chave, quando chegar ao fim, ele vai voltar ao início. Você vai ver como isso parece em apenas um segundo. Então a última peça é um modificador, e isso é opcional. Muitas vezes não preciso de um modificador. Se você não precisa de um modificador, você pode simplesmente configurá-lo para zero ou você pode simplesmente deixá-lo de fora, porque zero é o padrão. Também ciclo é padrão, mas eu geralmente apenas escrevê-lo, apenas para que eu saiba que eu fiz isso intencionalmente. Vamos voltar à nossa composição do After Effects, e vamos dar uma olhada em cada expressão de loop. Vamos primeiro olhar para o ciclo LoopOut. Deixe-me ampliar isso. Se eu for para essa camada, nomeei todas as camadas com a expressão que está controlando seus quadros-chave de posição. Este LoopOut, vou apertar P para ver os quadros-chave na minha linha do tempo. Você vai notar que estes números de posição aqui estão vermelhos. Normalmente, eles são azuis, então quando eles são vermelhos, isso significa que uma expressão está controlando eles. Se eu apenas desligar, você pode realmente ver a expressão. Eu tenho a expressão de ciclo LoopOut aqui. Vou mostrar-lhe como definir uma expressão na sua camada no próximo vídeo. Mas por enquanto, saiba que há uma expressão de ciclo LoopOut definida nesta forma de círculo. Como podem ver, tenho quatro quadros-chave aqui. Meu primeiro quadro-chave é o mesmo que meu último quadro-chave. Isso só faz esse círculo se mover nesse movimento triângulo. Você notará que quando eu passar meu último quadro-chave, o círculo ainda está se movendo, e isso é porque eu tenho a expressão LoopOut nele. A propriedade LoopOut faz com que a animação seja repetida após o último quadro-chave terminar. O tipo sendo ciclo faz com que quando o indicador de reprodução atinge o último quadro-chave, ele volte e reproduz o primeiro quadro-chave todo o caminho novamente,
e ele apenas percorre os quadros-chave, como o que eu acabei de fazer com o meu indicador de reprodução. Quando eu reproduzir isso, você verá que não havia movimento antes de eu chegar aos quadros-chave, e isso é porque eu estou usando a expressão LoopOut. Mas então, ele vai tocar os quadros-chave e depois dos quadros-chave, ele vai continuar repetindo esses quadros-chave uma e outra vez e outra. Agora vamos comparar a expressão LoopOut com a expressão LoopIn, ambas com o tipo definido para ciclo. Vou selecionar minha camada de ciclo LooPin e pressionar P para ver os quadros-chave. Verá que tenho quadros-chave a partir de cinco segundos. Se eu reproduzir isso, você notará que eu tenho movimento antes dos quadros-chave, e isso é porque estou usando a expressão LooPin. A expressão LooPin fará loop em seus quadros-chave antes que seu indicador de reprodução realmente chegue aos quadros-chave, enquanto a expressão LoopOut fará loop em seus quadros-chave após o último quadro-chave. Em ambos os casos, o tipo é ciclo, então ele vai reproduzir os quadros-chave em um ciclo. Assim que chegar ao último quadro-chave, ele voltará para o primeiro quadro-chave. Agora vamos olhar para a expressão loop com o tipo definido como pingpong. Deixe-me ampliar estes. Na expressão LoopOut, você verá que não há movimento, até que ele chegue aos quadros-chave. Em seguida, ele toca os quadros-chave. Depois dos quadros-chave, ele vai voltar e ir para trás e para frente entre esses dois quadros-chave. Eu só tenho os dois quadros-chave, e ele vai para trás e para frente entre esses dois quadros-chave. A expressão LooPin com pingpong vai
reproduzir os dois quadros-chave para frente e para trás antes de eu realmente chegar aos quadros-chave. Depois dos quadros-chave, ele vai ficar parado. Se você jogar os dois de volta, você pode ver a diferença. Basicamente pingpong, é como o pingue-pongue esportivo, onde ele vai e volta entre quadros-chave. Você pode ter mais de dois quadros-chave. Ele só vai passar por todos os quadros-chave e, em seguida, volta na direção inversa. Ele vai e volta entre todos os quadros-chave. O último tipo de expressão que eu vou cobrir nesta classe está usando um modificador. Vamos primeiro olhar para o ciclo LoopOut com um modificador de três. Deixe-me ampliar. Vamos desactivar isto e ver com o que estamos a trabalhar. Tenho cinco quadros-chave aqui. O primeiro vai começar o círculo aqui em cima, longe desta forma de triângulo, e então ele vai se mover para baixo para o primeiro ponto do triângulo, em
seguida, mover para a direita e voltar para o início do triângulo. O que este modificador vai fazer, se eu reproduzir toda essa animação, você verá que o modificador está fazendo isso para que ele apenas repete o caminho do triângulo. Depois que o círculo cair, então ele faz a forma do triângulo. Então minha expressão de loop é apenas loop aqueles quadros-chave que fazem o círculo se mover neste movimento de um triângulo. Esta expressão de loop com o modificador de três irá repetir
o último quadro-chave e os três quadros-chave anteriores. Você pode pensar que deve ser um modificador de quatro, mas é por isso que, é porque é o último quadro-chave e os três antes disso. Quando o indicador de reprodução chegar ao último quadro-chave, ele vai saltar de volta para este quadro-chave, então três do final, então 1, 2, 3, do último quadro-chave. É por isso que tenho o modificador de três. Novamente, se voltarmos a tocar, vou tocar em câmera lenta para você. Ele vai cair para baixo e depois mover-se em um triângulo. Então a parte que se repete são apenas os últimos quatro quadros-chave. É o último quadro-chave mais os três antes disso, e é por isso que você tem um modificador de três. Isso me permite fazer essa animação única que faz loop na parte do triângulo do movimento, mas não no primeiro quadro-chave. Você já pode imaginar como isso pode ser útil, e eu vou mostrar-lhe um exemplo de como podemos usá-lo em nosso exemplo de cena subaquática mais tarde nesta classe. Vamos dar uma olhada em mais um exemplo que usa um modificador. Para este exemplo, eu tenho a expressão LooPin com o tipo de pingpong e um modificador de um. Tenha em mente que você pode misturar e combinar essas peças. Estes são apenas dois exemplos diferentes. Vamos entrar e bater P e ver com o que estamos trabalhando aqui. Tenho três quadros-chave. Esta é uma expressão LooPin, então ele vai loop o primeiro quadro-chave e o outro depois disso. É por isso que eu tenho um modificador de um, repetidamente, até que ele chegue aos quadros-chave, e então ele vai jogar através dos quadros-chave, e depois parar. Vamos ver como isso se parece. Ele cai para baixo, volta para cima, para baixo, para cima, porque é isso que este quadro-chave e este quadro-chave são, e então ele se move para a direita, e então ele pára. Ele pingponged entre esses dois quadros-chave antes dos quadros-chave, porque é uma expressão LooPin, porque eu tenho pingpong, e porque o modificador é um. Novamente, o modificador de um é porque ele loop o primeiro quadro-chave neste caso e o outro depois disso. Se esta fosse uma expressão LoopOut, ela faria o loop do último quadro-chave e o anterior. É assim que se obtém um modificador de um. É sempre o último ou o primeiro quadro-chave, dependendo se você tem uma expressão LooPin ou LoopOut
e, em seguida, a ou quantos tiver no modificador, antes ou depois disso. Isso ainda é um pouco confuso e confuso para você. Certifique-se de baixar este arquivo de projeto e jogar nesta composição, basta reproduzir as coisas em câmera lenta. Pense no que está acontecendo. Pense no que a expressão está dizendo ao After Effects para fazer com os quadros-chave, e eu acho que você estará pronto para ir. Tenha em mente que o modificador, que é esse número no final, é opcional. Você pode simplesmente deixá-lo desligado se você não precisa fazer nada chique, como pular alguns dos quadros-chave no loop.
10. Aplicar expressões de loop: algas marinhas: Vamos aplicar algumas dessas expressões
em loop em algas marinhas e peixes em nossa cena subaquática. Você verá nesta cena, algumas dessas camadas são composições e algumas são apenas camadas de forma. Como este pedaço de coral, ele não vai realmente ser animado, então é apenas uma camada de forma. Esta videira aqui, a videira de algas marinhas, é apenas uma camada de forma e vamos animá-la como uma camada de forma. Mas, em seguida, outras camadas aqui são realmente composições. Esta vinha de algas marinhas 1 é uma composição, então eu vou apenas clicar duas vezes sobre isso para entrar na composição, e você vai realmente ver outra composição dentro desta composição. Mas dentro desta composição das algas marinhas, adicionei um efeito de curvatura. Apenas nos efeitos e predefinições, adicionei curva CC a toda esta composição, que contém todas as diferentes peças que você usa atualmente na haste das algas. Nesta composição de algas marinhas 1, eu tenho esta curva, e eu tenho o quadro-chave definido já para que tudo isso vai jogar dobrando para um lado em quatro segundos. Agora eu quero voltar para esta posição nos quatro segundos restantes desta composição. Você já deve ter adivinhado qual expressão eu vou querer usar nesses quadros-chave. Eu quero voltar para este quadro-chave, então eu vou apenas usar a expressão de pingue-pongue. Vou definir uma expressão mantendo pressionada a
tecla Option ou Alt e clicando no cronômetro, e isso vai abrir essa expressão pequena área de digitação para mim. Eu vou entrar e digitar loop, e eu vou usar LoopOut, então certifique-se de que você está digitando com um O maiúsculo para fora. Então After Effects é muito bom em adivinhar o que você quer dizer, então eu posso apenas apertar Enter e isso vai terminar o LoopOut, e ele vai me dar esses parênteses. Então eu vou usar as aspas, e então eu posso escolher a partir desta lista
dos diferentes tipos de expressão que eu posso usar,
ou eu posso simplesmente começar a digitar e, em seguida, pressionar Enter. Você precisa ter certeza de que sua expressão é exatamente assim quando é digitada. After Effects é muito bom em ajudá-lo e adivinhar o que você quer dizer, a menos que você esteja em uma versão realmente arcade. Vamos jogar de volta e ver como é. Perfeito. Então nós fizemos nosso primeiro loop, mas você deve ter notado um pequeno salto no final quando ele volta a zero, e isso é só porque nós não fizemos loop nas folhas. Então vamos para esta composição e vamos verificar o que temos aqui. Eu tenho um efeito de curva em cada folha e eu também tenho um efeito de rotação ou apenas quadros-chave na propriedade de rotação para cada folha e esses quadros-chave não estão em loop. O que precisamos fazer é aplicar uma expressão de loop a todos esses quadros-chave. Novamente, para adicionar uma expressão a uma propriedade, Option ou Alt, clique no cronômetro, digite LoopOut e depois “pingpong”. Então, usando essa mesma expressão, e então clique para fora, e agora esta folha superior vai ser loop para a curva da folha, mas não sua rotação, então vamos fazer isso. LoopOut e, em seguida, “pingpong”, e agora esta folha de topo vai estar em loop, então nós podemos apenas jogar de volta apenas para verificar novamente muito rápido. A folha superior está boa aparência, exceto que você vai ver que ele salta no final. Isso é porque temos esta moldura em branco bem aqui, e isso é porque nossas camadas terminam. Então vamos nos certificar de que estendemos todas as nossas camadas até o fim. Agora eles estão visíveis novamente, mas isso traz outro ponto importante. Se eu pressionar, “Command K” para ver as configurações de composição, esta composição é de oito segundos e um quadro extra. Há uma razão pela qual eu gosto de aceitar um quadro extra, e isso é porque quando você faz um loop de uma composição, que aprenderemos a fazer mais tarde, ajuda ter um quadro extra para que você não tenha coisas desaparecendo. Vou cobrir isso de forma mais detalhada um pouco mais tarde, quando fizermos um loop de composições. Mas saiba que agora eu tenho essa competição por oito segundos e um quadro extra. Então, quando eu jogar isso de volta, não vai ser um loop perfeito porque eu tenho um enquadramento extra aqui. O que eu vou fazer é pegar minha área de trabalho e arrastar em um quadro para a frente. Agora meu último quadro deve ser às 7:29. Esse é o último quadro que ele vai reproduzir quando eu estiver visualizando, dessa
forma ele irá loop perfeitamente. É apenas algo para estar ciente quando você está visualizando animações. Isto vai fazer um pouco mais de sentido mais tarde, como eu disse. Se você estiver tendo uma mensagem de erro porque uma de suas expressões está errada, você provavelmente verá uma pequena barra laranja aqui. Basta verificar novamente se você tem tudo digitado corretamente e talvez até mesmo apenas excluí-lo e tente novamente. Queremos aplicar esta expressão Loopout-pingpong a todas as nossas outras chaves nesta composição. Uma pequena dica que podemos usar para economizar tempo é selecionar ambas as propriedades. Mantenha pressionada a tecla Shift para selecionar ambos. Todos os seus quadros-chave devem estar azuis nesta camada
e, em seguida, ir até Editar, Copiar Expressão Apenas
e, em seguida, clique em todas as outras camadas, exceto o tronco,
para todas as outras folhas,
e, em seguida, pressione Command+V para colar, e você pode ver que ele colou todas essas expressões em todas essas camadas. Não precisávamos datilografar um monte de vezes. Agora, se voltarmos, deve estar em loop. Parece bom. Se voltarmos para a composição principal desta alga e jogarmos a coisa toda de volta, devemos ter um loop perfeito onde toda a alga se dobra e todas as folhas se dobram um pouco e giram um pouco por conta própria também. Apenas uma nota rápida é que esta composição é de oito segundos.
11. Ação de sobreposição: Temos nossa primeira videira de algas marinhas em loop, mas tudo se move ao mesmo tempo. As folhas e a banda principal das algas estão acontecendo em zero quadros, quatro segundos ou oito segundos. Vamos comparar esta alga com a alga que tenho na minha animação final. Aqui está a minha animação final à direita, você pode dizer porque tem a textura nele, e à esquerda temos as algas que acabamos de fazer loop. Se eu jogar isso de volta, veja se você pode notar a diferença entre os dois. Na alga à direita, adicionei ação sobreposta. Você também pode chamar isso de acompanhamento. O que isso significa é que nem tudo está se movendo ao mesmo tempo. Se eu tocar isso de volta devagar, podemos ver como a alga principal está dobrando. Quando ele chega à sua posição mais curvada, que é sobre aqui, as folhas não estão em sua posição mais curva. Eles estão um pouco atrasados, então eles ainda estão se movendo para a direita. Mesmo que as algas como um todo é todo o caminho dobrar para a direita. As folhas ainda estão indo, e então toda a alga vai começar a dobrar de volta para a esquerda, e as folhas estão começando a se mover de volta para a esquerda. Agora eles começaram um pouco mais tarde. O que eu fiz aqui nesta alga à direita, é que eu escalonei o quadro-chave para que nem tudo aconteça ao mesmo tempo. Se você está olhando para esses dois pedaços animados de algas marinhas e você não está realmente vendo a diferença que eu estou falando, não se culpe por isso. É totalmente normal para você ter muita prática e tempo para ser capaz de
desenvolver um olho para a animação para que você possa ver essas diferenças sutis. Eu criei esta ilustração no meio, Eu tenho sobreposto duas algas marinhas e coloriu a uma com ação sobreposta. Esse é o que você vê à direita. Eu coloquei isso com vermelho. Agora podemos ver melhor a diferença no tempo das folhas. Deslocei esta camada de modo que a curva principal na alga principal está acontecendo para ambas as algas ao mesmo tempo,
e também no caso de você não ter certeza de que há uma alga marinha lá embaixo, e essa é a da esquerda. Vamos jogar de volta, e ver a diferença nas folhas. Você já pode dizer aqui e bem aqui, assim como nas bordas das folhas, você pode ver que as folhas verdes, que são a versão original sem nenhuma ação sobreposta, estão um pouco deslocadas do vermelho folhas. Quando eu jogo isso de volta, você pode ver que as folhas vermelhas, que são aquelas com ação sobreposta, estão um pouco atrás daquelas folhas verdes que não têm a ação sobreposta. Fazendo essa animação compensada assim, faz com que pareça um pouco mais natural e realista. Agora vamos para esta alga e adicionar ação sobreposta. Primeiro quero que a curva de toda a alga aconteça um pouco mais cedo. Vou apenas selecionar os dois quadros-chave e arrastá-los para trás ou para a esquerda,
para cerca de três segundos para este último quadro-chave. Tudo bem que meu primeiro quadro-chave tenha desaparecido agora. Está fora da tela. Como temos essa expressão LoopOut que quadro-chave ainda está sendo calculado quando ele é reproduzido. Se jogarmos isso agora, você pode ver que já está parecendo muito melhor. As folhas já estão esperando um pouco antes de começarem a se mover. Porque mudamos a posição de curvatura para estar mais cedo nesta alga marinha inteira. Isso foi apenas uma pequena mudança e parece muito melhor, muito mais natural. Ele ainda está em loop perfeitamente. Quando você anima, você deve estar sempre pensando sobre por que algo está se movendo e que irá ajudá-lo a informá-lo sobre como animar algo para torná-lo mais realista ou natural. Para esta alga, a razão pela qual ela está dobrando para frente e para trás é por causa das ondas no oceano. Eu posso adicionar um pouco mais de ação sobreposta a isso para torná-lo ainda mais interessante. Se eu entrar na minha pré-composição, eu vou fazer as folhas no topo ir antes das folhas no fundo. Como as folhas no fundo estão mais próximas do caule que está ancorado no fundo do oceano, elas ficarão um pouco mais rígidas e se moverão um pouco mais tarde. Se você está imaginando o oceano empurrando as algas marinhas, ele vai empurrar o topo primeiro porque é o menos estável. Está mais longe da âncora do caule para o fundo do oceano, então ele vai se mover primeiro, e então quando isso se mover, ele vai estar puxando o resto das algas marinhas. O topo se moverá um pouco antes do fundo. Vamos fazer essas folhas de cima se moverem um pouco antes dessas folhas inferiores. Primeiro, vou apenas apertar U no meu teclado algumas vezes para ocultar essas expressões e depois mostrar meus quadros-chave, e eu quero que minha licença superior se mova primeiro. Somos bons com estes quadros-chave. Então eu quero compensar as duas segundas folhas por um quadro. Isso vai ser a folha 8 e a folha 7. Vou selecionar todos esses quadros-chave e apenas arrastá-los um quadro para a frente no tempo. Então eu vou pegar essas próximas duas folhas e arrastar essas, duas molduras para a frente. Em seguida, o próximo conjunto vai ir três quadros para a frente. Você também pode manter pressionada a tecla Option ou Alt e , em seguida, basta pressionar a tecla de seta para cima no teclado para mover os quadros-chave. Isso vai estar lá, e então as últimas folhas vão mover quatro quadros para a frente. Vamos jogar tudo de volta. Isso parece muito melhor com a ação de sobreposição que adicionamos apenas ao impressionar nossos quadros-chave. A alga anular que você também encontrará na pasta de
algas marinhas vai funcionar exatamente da mesma maneira. Tem uma curva em toda a alga marinha, e então cada pequeno segmento ou chifre como eu chamava, porque era como um chifre, vai ter uma curva em um quadro-chave de rotação. Como isso vai funcionar exatamente como a videira que acabamos de fazer,
você pode ir em frente e pular para o próximo vídeo ou se você quiser uma atualização, vá em frente e continue assistindo e eu vou te mostrar como fazer isso mais uma vez nesta alga de chifre . A alga final do chifre deve ser assim.
12. Faça um loop no efeito Wave Warp: O próximo pedaço de algas marinhas que vou animar é esta erva chique. Esta alga não tem nenhuma animação nele. O que eu vou fazer é ir ao meu Painel de Efeitos e Predefinições, e apenas procurar o efeito de dobra de onda, então certifique-se de que você está recebendo dobra de onda e não como mundo de ondas. Então você vai arrastar o efeito de dobra de onda para uma de suas folhas. Vou começar com esta folha 3, porque é para cima e para baixo e isso vai tornar mais fácil ver o que está acontecendo. Vou arrastar isso para esta camada, e agora no painel Controles do efeito que deveria ter sido aberto automaticamente, mas sempre você pode encontrar qualquer coisa que esteja faltando aqui na aba Janela. O que isso está fazendo se eu tocar de volta, está morphing as algas em um movimento ondulado. Vamos resolver esta deixa para vermos o que está acontecendo. Não é assim que eu quero que isto seja animado, quero que pareça que as ondas estão empurrando as algas marinhas para frente e para trás. O que eu vou fazer é ajustar primeiro a direção, isso está se movendo a 90 graus, eu vou fazê-lo em zero. Você já pode ver que esse é mais o efeito que eu estava querendo, algo assim. Mas obviamente o fundo da alga não se moveria tanto como está agora, então eu preciso fixar o fundo na borda inferior. Agora, está ancorado aqui em baixo como algas marinhas estariam na vida real. Mas isso é um pouco ondulado demais, então o que posso fazer é entrar e ajustar a altura da onda. Eu já fiz isso, então eu sei que quatro parece bom, mas apenas brincar com valores se você está trabalhando com as diferentes peças algas marinhas ou você quer um olhar diferente. Agora a última coisa a ajustar é a velocidade da onda, e é assim que vamos fazer o loop de animação. Vamos apenas reproduzir o que temos agora, isso está indo um pouco rápido, então eu vou precisar abrandar. Mas você notará que ele já está looping perfeitamente, então eu preciso diminuir a velocidade, mas eu também quero fazer com que ele ainda pareça. Vamos ver como podemos fazer isso sem estragar o loop,
e a razão pela qual isso está em loop é porque a velocidade da onda está definida como um. A cada segundo, isto vai fazer um ciclo, se o seu comp é qualquer duração que é divisível por um, então este irá loop. Se eu fosse definir isso para sete, você verá que isso também vai fazer loop. Se eu quiser mudar a velocidade, eu só preciso estar ciente de que eu estou ajustando a velocidade para um número que é divisível pelo comprimento da minha composição. Neste caso, a velocidade é o que estamos ajustando, então a velocidade é um ciclo dessa onda, você pode ver que um segundo é o mesmo que zero. Se eu definir isso como 0.5, que é uma velocidade mais lenta do que um, isso vai levar dois segundos para fazer um ciclo completo, então você verá que dois quadros agora é o mesmo que um quadro. Um número par seria divisível por uma velocidade de 0,5. Mas isso ainda é um pouco rápido demais para o que
eu quero, eu vou ter essa velocidade novamente, eu vou descer para 0,25, que vai dobrar o tempo que leva para completar um ciclo completo, então agora isso vai ser em Quatro segundos. Se jogarmos isso, você pode ver que zero e quatro segundos são iguais, e isso é divisível por oito segundos, faremos dois ciclos em oito segundos. Se jogarmos isso de volta, ele ainda vai fazer um loop perfeito. Mas agora está indo muito mais devagar, que é mais realista para a minha cena. Agora você sabe como fazer o loop do efeito de dobra da onda, basta encontrar uma velocidade que faça um ciclo completo de uma onda acontecer em um período de tempo que é divisível com o comprimento de sua composição. Neste caso, 0.25 vai levar quatro segundos para fazer um ciclo completo da onda e quatro segundos é divisível por oito segundos,
obviamente, então é por isso que isso vai girar perfeitamente. Agora, vamos aplicar este efeito de dobra de onda todas as nossas outras folhas para fazer esta alga marinha completa. Vou copiar o efeito de dobra de onda
do painel Controles de efeitos e colá-lo nas minhas outras três folhas. Se eu jogar isso de volta, você verá que tudo está acenando ao mesmo tempo, que parece bem, e se esse é o olhar que você quer, está totalmente bem. Você está feito, porque isso ainda vai rolar perfeitamente. Mas se você quiser alterá-lo um pouco e compensar o tempo das ondas, você pode fazer isso também. Vamos embora, e você não precisa de tudo isso, sinto muito. Uma coisa que eu quero fazer é ajustar a direção da onda um pouco, porque essas folhas são giradas. Nesta primeira folha, eu vou apenas tomar a direção da onda e alinhá-la mais de perto com a rotação desta onda, e então eu vou fazer a mesma coisa com a folha 2, talvez algo assim e a folha 4 vai ser como que, então já isso está olhando um pouco mais variada entre as folhas. Uma outra coisa que eu posso fazer é ajustar a fase e a fase não vai afetar como este loop. A única coisa que realmente afeta como este loop é a velocidade, então eu posso ajustar a fase ao meu gosto, é exatamente onde a onda vai começar,
e como a velocidade faz com
que comece e termine no mesmo lugar, você está Bom para ir. Eu só vou mudar a fase para algo diferente para tornar isso mais variado, talvez algo assim, e vamos fazer a mesma coisa para as outras folhas. Gosto da folha 1 assim. Vamos jogar isso de volta. Podes continuar a ajustar a fase e a direcção da onda até ficares feliz com a aparência das tuas algas marinhas, mas vou deixar a minha aqui. É assim que se faz o loop do efeito de dobra das ondas. Bastante fácil.
13. Anime outras algas marinhas: Se você está trabalhando com o arquivo que eu forneci e acompanhando comigo, você deve ter algumas de suas algas agora animadas na composição da cena subaquática. Mas temos mais algumas algas para animar, então vamos fazer isso agora. O primeiro em que vou trabalhar é esta videira 2, e você tem alguns diferentes nesta composição e eles são apenas camadas de forma. Se você pressionar U no seu teclado para ver todos os quadros-chave, você verá que esta camada já tem alguns quadros-chave de rotação
nele , mas precisamos fazer esses quadros-chave de rotação loop. Basta clicar no cronômetro, e vamos usar pingpong, então vai ser LoopOut e depois pingpong. Agora, a rotação vai girar, e nós estamos focando nesta alga bem aqui. Eu só vou sozinho para que você possa ver no que estamos trabalhando. Agora, essa rotação sutil vai estar em loop, mas vamos também adicionar o efeito de dobra de onda a
esta alga para fazer com que ela tenha um pouco mais de movimento. Eu já tenho isso puxado para cima no meu painel de efeitos
e predefinições, e eu vou apenas arrastar o efeito de dobra de onda para esta camada. Já está parecendo um pouco estranho e isso é porque precisamos ajustar a direção das ondas de dobra. Eu vou fazer este zero, e isso é obviamente muito ondulado. Para tornar isso menos ondulado lado a lado, eu vou ajustar a altura da onda para três, e então eu vou ajustar a largura da onda para ajustar quantas ondas cabem neste pedaço de algas marinhas, então apenas traga isso até 60. Agora, é como um par de lado a lado em vez de tantos como tínhamos antes. Vamos ver como isso se parece. Isso parece muito bom. Eu preciso ancorar o fundo da minha alga, então eu vou usar a fixação e definir isso para a borda inferior, e então eu também vou ajustar a velocidade. Como a outra erva chique, eu só vou usar 0,25 e isso vai fazer uma onda em quatro segundos, e então na minha composição total de oito segundos, ele vai acenar em dois ciclos completos. Isso vai ser a mesma velocidade que a minha samambaia, o que faz sentido porque estes estão todos dentro da mesma cena subaquática. Eles devem estar indo na mesma velocidade. Isso parece bom. Eu tenho mais
alguns exemplos da videira 2 algas marinhas nesta composição. Eu estou indo apenas para un-solo isso e ir encontrar essas outras instâncias, e certifique-se de que eu loop os quadros-chave definindo este loop fora expressão de ping-pong, e também copiar e colar esse efeito de dobra de onda. Vou primeiro selecionar a dobra da onda,
apertar o Comando C para copiá-la, e então selecionarei minhas outras algas marinhas. Acho que esses são os três, e então aperto o Comando V para colar. Você deve notar que ele aparece em seu controle de efeitos para que você saiba que você colou. Mas você também pode, com uma de suas videiras que você acabou de colar em selecionado, apertar E na palavra-chave e isso irá trazer todos os efeitos que você tem nesta camada. Eu tenho dobra de onda, então eu sei que isso foi copiado e colado com sucesso. Agora, vou selecionar a rotação. Vá até Editar e Copiar Somente Expressão. Certifique-se de que você está copiando
a expressão da alga real que você definiu a expressão, e então eu vou selecionar as outras algas marinhas novamente, e pressione “Command V” para colar essa expressão. Se eu pressionar U no teclado, você pode ver que meus números estão vermelhos, isso significa que a expressão foi colada lá. Agora, a alga da videira 2 está pronta para ir. Em seguida, vou animar esta videira 3 com o efeito de dobra de onda. Eu vou selecioná-lo aqui, e então para encontrar isso na minha linha do tempo realmente facilmente, um atalho útil que você pode usar é a tecla X no seu teclado, e então eu vou apenas rolar sua linha de tempo para cima para que a camada superior seja a camada que você selecionou. Isso pode ser super útil quando você tem uma composição com um monte de camadas nele. O que vou fazer com esta videira 3 é só arrastar o efeito de dobra da onda. Às vezes, quando você tenta arrastar um efeito e você tem um monte de camadas, a linha do tempo começa a rolar e você perde a camada. Isso aconteceu comigo um monte de tempo agora, e eu vou editar tudo isso fora. Você não tem que me ver lutar. Mas o que você pode fazer, acabei de descobrir, é que você pode realmente arrastar o efeito de dobra de onda para sua composição, para a camada e isso torna isso muito mais fácil. Talvez essa pequena dica te ajude, acabou de me salvar. Eu vou ajustar a altura da onda para algo como cinco, e a largura da onda também como 80. Vamos resolver isso para ver com o que estamos trabalhando, e esqueci que preciso mudar a direção para zero. Isso parece muito bom. Eu também vou fixar o fundo como sempre, e vamos mudar a velocidade da onda 2.25. Agora, você não precisa usar as mesmas configurações que eu, você pode ajustá-las ao seu gosto. Isso está parecendo muito bom para mim. Não tenho nenhuma rotação nisso, então a dobra das ondas é a única coisa com que preciso me preocupar. Vamos copiar esta onda de dobra e encontrar quaisquer outras instâncias desta alga marinha, e colar o efeito warp da onda, e há um atrás. Acho que peguei todos, então devemos ir com esse pedaço de alga. O último a fazer é esta alga turbulenta bem aqui. Eu só vou aplicar o efeito de dobra de onda para isso, e para este aqui as configurações que eu vou usar são dois e 100, e então a direção de zero novamente, velocidade de 0,25 novamente. Eu sei que laços e ancorar o fundo. Isto vai ser um efeito muito sutil. Não sei se isto é um pedaço de algas marinhas, mas na minha imaginação, este pedaço de algas não se mexe tanto. Apenas algo muito sutil. Eu só vou copiar e colar este efeito em qualquer outra instância da alga turbulenta. Agora, devemos ter todas as nossas algas marinhas animadas. Eu não vou animar este coral ou este coral porque eu olhei para alguma referência de coral e eles são bem rígidos, então eu não acho que eles realmente precisam de qualquer animação. Eu só dei um segundo para executar a pré-visualização e agora podemos
reproduzir nossas algas marinhas e assistir tudo animado. Tudo está looping muito bem. Mas uma coisa que você vai notar é que tudo está acontecendo exatamente ao mesmo tempo. Vou mostrar a vocês como compensar suas algas marinhas para fazer a cena parecer um pouco mais realista em outro vídeo. Se você é realmente observador, você também pode notar que esta alga está indo para a direita, enquanto esta alga e esta alga estão indo para a esquerda. A razão para isso é porque eu inverti a direção dele apenas pegando a escala e definindo-a para 100 negativos na direção x. A razão pela qual eu fiz isso é apenas para rapidamente e facilmente adicionar um pouco mais de variedade a esses pedaços de algas sem ter que recriá-los.
14. Aplique uma expressão de loop: acará: Neste vídeo, vamos passar para o peixe e fazê-los circular. O primeiro peixe com quem vou trabalhar é o peixe-anjo. Se eu pressionar “U” no teclado, você verá os quadros-chave que eu já defini. A primeira coisa que quero fazer é fazer tudo isso em loop. A primeira chave nesta barbatana está indo de uma rotação de zero em todas as três direções. Você vai notar que estas são camadas 3D porque este peixe vai estar se movendo para frente e para trás no eixo z. Isso é para nós e longe de nós, porque é assim que um peixe estaria manobrando seu caminho através da água. Mesmo que estas sejam camadas planas, elas são apenas camadas 2D. Eu fiz camadas 3D marcando esta pequena caixa aqui, e isso vai fazer com que pareça um pouco mais realista enquanto ainda utiliza camadas 2D. Para fazer esses quadros-chave loop na barbatana, eu vou estar usando a expressão ciclo ciclo. Você pode ver que meu primeiro quadro-chave é zero, meu quadro-chave do meio é girado, e então meu último quadro-chave é zero. Você pode estar se perguntando, “Por que se preocupar em definir esses quadros-chave? Se eu estiver voltando ao zero, eu poderia simplesmente não ter esses quadros-chave e então fazer uma expressão de ping-pong entre esses dois.” O que é verdade, mas se você selecionar esses quadros-chave e olhar no editor de gráficos, você notará que a flexibilização nesses quadros-chave não é a mesma. Quando o peixe move a barbatana de volta em direção ao seu corpo, então é como daqui quando ele é girado para fora para aqui, eu quero que ele se mova um pouco mais rápido como ele se aproxima do corpo, porque é como se o peixe empurrando a água e puxando a barbatana para dentro do corpo rapidamente para impulsioná-la para a frente. Quero que a moção reflita
o que aconteceria na vida real ou, pelo menos, mais de perto. Então eu tenho uma flexibilização diferente como você pode ver a partir deste grande gráfico bem aqui nestes dois quadros-chave. Em vez de usar ping pong, que iria apenas daqui para frente e para trás, eu vou usar loop, que vai ir daqui e aqui,
e depois de volta para o início e através. Desta forma, posso utilizar uma flexibilização diferente entre estes três pontos, em vez de apenas ter dois pontos para trabalhar. Eu vou clicar sob o editor de gráficos e voltar,
e, em seguida, basta pressionar a opção eo cronômetro para digitar a minha expressão. Vai ser LoopOut e agora ciclo. Eu posso simplesmente copiar isso clicando nele e selecionando-o aqui, e depois colar e colar. Agora, vamos fazer a rotação do corpo. Isso é um pouco mais difícil de ver porque está vindo em nossa direção e longe de nós. Para ver isso melhor, se você for bem aqui onde diz uma vista e descer para duas vistas, você verá uma vista de cima para baixo. Este peixe é apenas camadas 2D, como eu mencionei, mas você pode ver a linha da camada a partir da vista superior. Você pode ver como isso é girado. A parte inferior da tela vai ser para nós, e o topo da tela vai estar longe de nós. Este peixe está inclinado com a cabeça mais perto de nós. Então, se você arrastar sobre esses quadros-chave, você pode ver a animação onde o peixe está se movendo lado a lado para nadar, e a cauda está fazendo como se o peixe estivesse curvo. Esta peça é a cauda aqui. Precisamos fazer a cauda e o corpo circularem. Vamos usar a expressão LoopOut com pingpong para ambos. Vou apenas opção-clique, LoopOut e ping pong, e a mesma coisa. Se arrastar o indicador de reprodução sobre os quadros-chave, poderá ver isto animado com a vista de cima para baixo e também com a vista normal. Se reproduzirmos isso com a visualização da RAM, você pode ver que ele está fazendo loop perfeitamente. Agora, podemos fazer isso um pouco melhor compensando os diferentes quadros-chave para torná-lo para que os peixes nadem mais como um peixe real faria na vida real. Embora isso seja estilizado, e vai ser pequeno, então não precisa ser perfeito. O que eu vou fazer é apenas apertar “U” no teclado para fechar todas as minhas camadas e, em seguida, U novamente apenas para ver os quadros-chave. A primeira coisa que vou fazer é selecionar todos esses quadros-chave e movê-los para cerca de um segundo. Dessa forma, eu posso deslizá-los facilmente sem eles saírem da tela aqui. Se você está animando seu próprio peixe ou algo diferente de mim, então você vai precisar brincar com este passo para ver o que parece bom. Mas já que já fiz isso antes, sei o que parece bom, então podemos passar por isso. Vou trazer estes quadros-chave de barbatana, dois quadros para trás no tempo. Começam em 28 quadros. A barbatana vai começar a animar primeiro, e depois o corpo. Então, eu quero pegar os quadros-chave da cauda e deslocar esses quatro quadros para a direita. Quando eu jogar isso de volta, tente notar
a diferença sutil entre a versão original onde todos os quadros-chave estão alinhados e este novo onde os quadros-chave estão um pouco deslocados. Lembre-se, notar esses pequenos detalhes no movimento leva um tempo para desenvolver um olho. Se você olhar para a visão de cima para baixo e apenas jogar isso de volta em câmera lenta, você pode ver que a cauda está animando um pouco depois do corpo. Está ficando um pouco para trás. Isso é como aquela animação de ação sobreposta que fizemos nas algas. Uma cauda vai um pouco atrás do corpo e a barbatana vai um pouco antes de ambos. Se reproduzirmos isso com a visualização da RAM, você notará que há uma lacuna antes da animação começar, e obviamente não queremos que esse seja o caso. O que precisamos fazer é arrastar todos esses quadros-chave de volta para o lugar. Mas se eu fosse apenas arrastá-los assim, tecnicamente haverá quatro quadros aqui e dois quadros nesta camada, mas não haverá movimento. Tecnicamente, esse foi o caso com nossas algas, mas não era tão perceptível que eu não mencionei isso. Aqui, é um pouco mais perceptível, então o que eu vou fazer é realmente fácil. Eu só vou deslizar meus quadros-chave para a esquerda até o último quadro-chave para começar, que é este aqui, está em zero frames. Meus quadros-chave desapareceram, mas tudo bem porque eu tenho essas expressões de loop nesses quadros-chave. Ele ainda vai continuar tocando uma e outra vez, e ele vai loop perfeitamente. Por exemplo, posso ir para zero segundos e depois oito segundos. Eu não vi nenhum movimento na minha composição, o que significa que estes quadros são exatamente os mesmos. Lembrem-se, esta composição é de oito segundos em um quadro, o que ainda não expliquei, mas explicarei. Então, para reproduzir isso como um loop perfeito, eu preciso cortar minha área de trabalho de composição apenas um quadro para frente para que quando eu jogar isso de volta, ele vai parar às 7:29. Dessa forma, eu não verei o último quadro e depois o primeiro quadro, que são os mesmos, isso significaria que dois quadros são os mesmos seguidos, e isso não seria um loop perfeito. Agora, vamos jogar isso de volta. Deve estar looping perfeitamente com alguma ação sobreposta.
15. Aplique uma expressão de loop: outros peixes: Fazer o peixe borboleta e o loop de peixe-baiacu vai ser muito semelhante ao peixe anjo. Vou passar um pouco mais rápido por estes. Primeiro temos alguma rotação na barbatana. Eu só vou fazer esse loop out ciclo e mesmo para a rotação z. A razão pela qual este é o ciclo com três quadros-chave, mesmo que ele esteja indo de zero para um estado girado de volta para zero, é porque se você olhar para o editor de gráficos, a flexibilização é diferente entre os quadros-chave. Então, para o corpo, isso vai ser loop out e ping pong. O mesmo com a cauda. Em seguida, a barbatana, esta barbatana está atrás do peixe e você só vê para um par de quadros em alguns lugares. É muito sutil, mas eu só tenho isso lá apenas para ser um pouco mais realista e isso vai ter o mesmo ciclo de loop out que a barbatana superior. Tudo bem, se colocarmos isso de volta, deve estar em loop. Novamente, tudo está acontecendo ao mesmo tempo. Vamos compensar essa animação para alguma ação sobreposta ou seguir. Eu só vou apertar U no teclado duas vezes e, em seguida, apenas momentaneamente, trazer estes até um segundo. Então quero que as barbatanas, ambas as barbatanas aconteçam primeiro. Vou arrastar essa animação como dois quadros para a esquerda para que eles
comecem a animar primeiro e, em seguida, o corpo irá em seguida. Então talvez cinco quadros depois, teremos a cauda começar a animar. Se jogarmos isso de volta, parece um pouco mais natural. Novamente, você pode ir para suas exibições de ferramentas para ver melhor as linhas que representam a visão de cima para baixo deste peixe e você pode vê-lo indo e para trás. Então precisamos mover
estes quadros-chave para que não tenhamos nenhuma área aqui onde nada está acontecendo, então eu vou apenas selecioná-los todos e movê-lo para que o último quadro chave para começar, que é este cara aqui vai estar em zero quadros. Simplesmente assim. Agora que deve ser um loop perfeitamente e também com essa animação sobreposta. Uma última coisa que vou fazer é adicionar um efeito de dobra de onda a esta barbatana inferior. Vou arrastar o efeito de dobra da onda. Então eu vou ajustar a altura da onda para baixo para um e então eu vou fazer a largura da onda um pouco maior, como 80. Vou fazer com que isto fique negativo 90. Dessa forma, vai na direção em que o peixe está nadando. Então eu só vou fixar a borda superior e eu vou deixar a velocidade em um. Isso só acrescenta algo extra ao peixe borboleta. O baiacu tem mais camadas do que os outros peixes. Também tem lábios que vão abrir e fechar. Se nós apenas reproduzirmos o que temos até agora, você verá que os lábios se abrem perto. Eu só quero que isso aconteça duas vezes e eu vou querer alinhá-lo com minhas bolhas. Eu não vou me preocupar com
expressões em loop nesses lábios mesmo que eu pudesse usá-las. Só acontece duas vezes. Não é como um monte de quadros-chave e será mais fácil ajustar quando isso acontecer para
alinhar com bolhas e eu talvez queira mudar o tempo com base no resto da minha cena mais tarde. Vou deixar como estão. Só vou fechá-los para tornar isto um pouco mais limpo. Então a máscara no corpo está indo com os lábios apenas para torná-lo para que a boca possa abrir para que não precisamos nos preocupar com isso também. Isso combina com a animação dos lábios, o
mesmo com a máscara no topo do corpo. Então só temos que trabalhar com a cauda. No topo do corpo, temos alguns quadros chave de rotação para fazer os peixes irem e para trás, como em nossa direção e longe de nós, assim como nossos outros peixes. Em todos estes, vamos usar a expressão de ping-pong loop out. Vou fazer isso bem rápido. Se aplicarmos isso de volta, teremos nosso peixe animado. Parece muito bom. Agora é deslocado nossos quadros chave para adicionar alguma animação sobreposta. Vou fechar minhas camadas e mostrar as que preciso de novo. Só vai atender a estas molduras chave. Eu vou querer que a barbatana vá primeiro como de costume e então o corpo vai como dois quadros depois e a cauda vai para quatro quadros depois. Vamos ver como isso se parece. Acho que parece muito bom. Então eu vou pegar todos os meus quadros chave. Então eu vou arrastar estes para a esquerda para que o último quadro chave para iniciar, que é este, vai estar em zero frames. Agora vamos apenas ter certeza de que isso loops. Isso parece bom.
16. Expressões de loop avançadas: Se você já viu peixes nadar antes, então você sabe que eles não nadam tão consistentemente como nós apenas os animamos. Nós os animamos para serem robóticos, eles se movem perfeitamente de forma consistente, mas na vida real, eles se movem mais devagar, rápido ,
tão rápido, e então eles deslizam um pouco. Se você não tem acesso ao oceano ou a um aquário, eu encorajaria você a ir ao YouTube e apenas
olhar para a referência de natação de peixes para ter uma idéia de como eles se parecem. Isso é irônico porque esta é uma classe sobre animações em loop, mas para o meu peixe anjo nadar de forma mais realista e ir devagar e, em seguida, rápido, eu pensei que seria melhor para realmente não usar quaisquer expressões de loop e apenas quadro-chave todos a animação. Esta composição real não está incluída no arquivo de projeto que você pode baixar para esta classe, mas basicamente tudo o que eu fiz foi que eu não usei nenhuma expressão de loop e eu apenas copiei e colou os quadros-chave várias vezes, mas eu os espaçamento de forma diferente. Você pode ver aqui que os quadros-chave estão próximos, então ele vai estar se movendo rapidamente bem aqui. Mais tarde, os quadros-chave ou mais espaçados, então ele vai estar se movendo um pouco mais devagar. Vamos dar uma olhada em qual foi a minha animação final. Neste caso, eu só precisava ter certeza de que meus quadros-chave iniciais e meus quadros-chave finais tornavam isso perfeito. Então, para o peixe borboleta, eu realmente encontrei uma maneira de usar algumas expressões em loop para me poupar algum tempo, mas ainda fazê-lo nadar esporadicamente. Deixa-me mostrar-te como fiz isso. Este é o meu peixe borboleta acabado que não está incluído no seu arquivo de projeto. O que nós vamos precisar fazer é ir até o peixe borboleta, e este é o que nós apenas animamos consistentemente. Para nadar de forma consistente, precisaremos
duplicar isso pressionando o comando D. Então
vou renomeá-lo esporádico para saber que é o peixe que não está nadando de forma consistente. Espero que isso diga ambos esporádicos. Então, eu só vou abrir essa. A primeira coisa que precisamos fazer é simplesmente excluir todas essas expressões de loop. Você pode simplesmente alternar para baixo e clicar em excluir. A primeira coisa que vou fazer é selecionar todos os meus quadros-chave
selecionando a rotação e você pode ver como isso seleciona todos os quadros-chave. Eu só vou arrastá-los de volta para começar em cerca de dois segundos. Você deve ter notado que alguns dos meus quadros-chave estavam escondidos antes do início, então isso vai juntá-los todos. Para fazer este peixe borboleta nadar com velocidades variadas, o que eu vou fazer é usar um loop na expressão para fazê-lo repetir esses quadros chave desde o início e contar esses quadros-chave. Então, depois dos quadros-chave, eu vou copiar e colar os mesmos quadros-chave, mas espaçá-los de forma diferente para que ele acabe nadando em um ritmo diferente. Realmente não importa a ordem que você faz essas duas etapas, seja adicionando o loop e a expressão ou copiando e colando quadros-chave, mas eu vou fazer a cópia e colando os quadros-chave primeiro. Primeiro, o que eu quero fazer é realmente torná-los um pouco mais juntos para fazer os peixes nadarem mais rápido. Eu vou ter os quadros-chave apenas 10 quadros separados em vez de 20. Eu só vou arrastar estes juntos. Então, vou fazê-los começar a abrandar. O próximo conjunto de quadros-chave vai começar em 310. Eu preciso copiar e colar todos esses quadros-chave, mas se eu fosse apenas selecioná-los todos e apertar Comando C, Comando V, você pode já saber
isso, mas, ele vai copiar e colar todas as suas camadas, não apenas o quadros-chave como você deseja. Por que eu tenho um plug-in para isso que é chamado Motion 3. Posso selecionar todos os quadros-chave,
colocar meu indicador de reprodução onde quero colá-los e clicar em Clone. Agora, Motion 3 é um plug-in que você tem que
pagar e eu vou ter o link abaixo deste vídeo. Não vou conseguir dinheiro contando isso,
mas acho que é muito útil, então se acha que acha útil, então vá em frente e confira isso. Se você não tem um plug-in para copiar e colar quadros-chave, você só terá que selecionar seus quadros-chave camada por camada e clicar em copiar e colar. Você simplesmente não pode fazer várias camadas ao mesmo tempo. Uma coisa que precisamos corrigir imediatamente é que se você olhar para estes quadros-chave,
vamos apenas olhar para a barbatana no editor de gráficos, você vai notar que nós temos um ciclo
da barbatana e então quietude e, em seguida, um ciclo da barbatana, e isso não é o que queremos. Mas isso aconteceu porque copiamos e colamos exatamente os mesmos quadros-chave, mas esses quadros-chave são um ciclo. Eles vão de zero para um estado girado de volta para zero. O que realmente precisávamos fazer era copiar o segundo conjunto de quadros-chave como estes. Uma maneira que eu posso apenas corrigir isso é pegar todos esses quadros-chave e esmagá-los para esses quadros-chave porque este quadro-chave aqui é zero, este é zero, e este é zero, e este é zero, e assim são esses quatro. Isso não vai mudar nenhuma animação,
mas agora se eu olhar para o meu editor gráfico, eu tenho dois traços contínuos da barbatana. Agora, se eu fosse apenas arrastar todos esses quadros-chave para 310, então 20 quadros separados. Então ele vai abrandar bem. Então eu quero arrastar estes para 20 quadros ou vamos fazer um pouco mais de 20 quadros para fazê-lo abrandar um pouco mais. Precisamos copiar e colar alguns quadros-chave para o corpo e cauda que vão com esses quadros-chave finos. Precisamos copiar estes, porque lembre-se que estamos tentando fazer isso funcionar uns aos outros. Eu vou querer colar esses quadros-chave na cauda e corpo dois quadros após os quadros-chave fin, porque é assim que eles são todos cambaleados. Vou apertar Clone e encolher a linha do tempo. Eu vou fazer outro clone desses quadros-chave porque lembre-se que são todos os outros aqui no 520. Então, um último clone aqui. Isso vai ser esses quadros-chave indo para lá. Agora, vamos jogar isso de volta. Ele nada rápido e depois desacelera. Agora, vamos adicionar o loop na expressão para repetir esses quadros-chave nesta seção aqui, mas eu não quero fazer loop todos esses quadros-chave. Este é o lugar onde o número do modificador vai ser muito útil. Se você se lembrar disso da lição de expressões de loop, eu vou usar o loop em mas com o ciclo e um modificador. Para a barbatana, deixe entrar e fazer loopin. Então eu vou estar usando ciclo porque lembre-se que a barbatana sai e depois volta para dentro, mas a flexibilização entre esses dois quadros-chave são diferentes. É por isso que estamos usando o ciclo. Em seguida, certifique-se de ir para a direita da citação e, em seguida, usar uma vírgula,
e, em seguida, é onde vamos colocar no modificador. Vamos descobrir o número que precisamos para o modificador. Ele vai fazer automaticamente o primeiro quadro chave e, em seguida, o um, dois depois disso é o que queremos. Vou usar dois para o modificador. Agora, isso vai repetir estes três quadros-chave nesta seção. Eu vou querer fazer a mesma coisa com a rotação z. Vou copiar isso e colá-lo e a mesma coisa nesta barbatana inferior. Então, para o corpo e a cauda, estamos indo e voltando entre dois quadros principais. Vou usar o loopin com pingue-pongue, loopin e depois pingpong e, em seguida, seta para cima e, em seguida, certifique-se de fazer a vírgula. Em seguida, para descobrir o modificador, vamos fazer o primeiro, é automático e depois o depois disso e que irá apenas repetir estes dois quadros-chave. O modificador é um, e isso vai ser a mesma coisa na cauda. Agora, vamos jogar de volta e ver como é. Isso parece muito bom, mas se você notar, quando ele chega ao fim, as rotações no último quadro e no primeiro quadro não são os mesmos. Se eu posicionar meu indicador de reprodução no início, você pode olhar para os números de rotação e ele dirá quais são seus valores de rotação no início. O que eu quero fazer como uma correção fácil para isso é apenas fazer um quadro-chave no final que usa esses mesmos números de rotação. Tudo é zero, exceto a cauda e o corpo. Eu só vou para oito segundos e definir um quadro-chave. Na verdade, esses quadros-chave são zero, eu só vou mover esses para cima. Então este quadro-chave não é realmente cinco no início, é 4.4. Eu só vou digitar 4.4 aqui. Em seguida, este quadro-chave deslizá-lo sobre um pouco, é negativo 10.2 no início, então eu vou apenas digitar negativo 10.2 aqui. Então estes vão ser zero. O quadro-chave já é zero, então eu posso simplesmente deslizá-los. Agora, as rotações no último quadro e no primeiro quadro são as mesmas. Agora, se eu jogar isso através dele deve loop perfeitamente. Ele fica como uma alegria no início, o que é realmente bastante natural para os peixes se você assistir alguma referência deles nadando. Eu gosto de como isso acabou. Mais uma coisa a fazer é ajustar a dobra de onda na parte inferior da barbatana. Agora, a dobra de onda que está se movendo consistentemente, mas vamos definir a velocidade da onda. Começando em zero, ele vai estar viajando a uma velocidade de um. Então, em dois segundos, vamos apenas mover este 2.5 para diminuir a velocidade. Ele vai definir todos esses quadros-chave, mas a animação da onda ainda será animada sem problemas. Isso só parece muito melhor porque é mais consistente com a velocidade do peixe.
17. Algas marinhas de composições em loop: Agora estamos prontos para começar a colocar todas as peças juntas em nossa cena subaquática e para fazer isso vai envolver looping composições inteiras. Se você colocar de volta o que temos agora com nossas algas marinhas, você vai notar que todas as algas estão balançando ao mesmo tempo. Mas podemos fazer isso parecer um pouco mais natural
deslizando as composições de algas marinhas para que
não estejam todas na mesma posição ao mesmo tempo. Para fazer isso, vamos precisar fazer um loop de toda a composição. Vou começar com esta alga aqui. Vinha de algas marinhas 1, é camada 12 e eu vou sozinho para que possamos nos concentrar nela. Para fazer esta composição em loop, vou adicionar um remapeamento de tempo. Para fazer isso, vou clicar com o botão direito do mouse em “A Camada”, ir até “Tempo” e depois “Ativar Remapeamento de Tempo”. Isso vai adicionar a propriedade de remapeamento de tempo e também vai adicionar um quadro-chave em zero quadros para o tempo para ser zero segundos e zero quadros. Basicamente, o remapeamento de tempo permite que você defina o tempo
desta composição dentro da competição que está na cena subaquática. Você pode realmente ajustar o tempo para acelerar ou diminuir a velocidade, apenas
definindo o remapeamento de tempo. Você também vai notar que no final da minha composição, eu tenho um quadro-chave que eu realmente não posso alcançar, mas ele está definido para oito segundos em oito segundos na minha composição. Mas uma vez que esta é uma composição de oito segundos, eu só posso chegar a minha peça à frente para 729. Isso é uma coisa boa porque isso vai fazer meu loop de cena subaquática perfeitamente porque todas as minhas camadas têm o último quadro-chave em oito segundos para ser o mesmo quadro que o primeiro quadro-chave em zero, e eu não quero que esses dois quadros-chave sejam jogado back-to-back em loops, porque então eu teria dois dos mesmos quadros-chave em uma fileira e isso não seria um loop perfeito. Para fazer o loop de composição, eu estou indo para a opção clique no “Time Remapear Cronômetro” e, em seguida usar o meu LoopOut, expressão loop. Eu não preciso digitar nada entre parênteses porque eu só quero isso seja ciclo e eu não preciso de um modificador e então isso é padrão, ou eu também poderia apenas digitar no ciclo para que eu saiba
que, que foi intencional para tê-lo andar de bicicleta. Agora que esta composição está em loop, eu posso deslizar a camada para compensar o tempo dela. Eu só vou deslizá-lo para cima, então este quadro-chave é cerca de sete. Agora, esta alga está um pouco deslocada dos outros tipos da mesma alga marinha. Vamos também compensar esta alga aqui. Vamos precisar fazer a mesma coisa e fazer o loop da composição. Eu posso simplesmente copiar este remapeamento de tempo realmente e colá-lo sobre as algas, para rapidamente apenas fazer esta composição também loop e apenas
ter em mente que ele vai colar os quadros-chave de remapeamento de tempo onde quer que sua cabeça de jogo esteja. Então eu posso apenas arrastar a camada para compensá-la. quadro-chave será em seis segundos e, em seguida, arraste isso para fora. Agora todos eles estão compensados, um pouco mais. É como se uma onda estivesse vindo através desta cena. Eu posso fazer os mesmos passos para fazer o chifre algas marinhas offset e também a videira 1 algas marinhas que estão na parte de trás. Se eu jogar isso de volta, minha
alga de videira e chifre agora está tudo compensado e parece um pouco mais natural. Uma coisa que eu estou percebendo é que esta alga, que eu virei, está indo na direção errada. Eu estou imaginando que há como uma onda atravessando minha cena, e é isso que está empurrando as algas marinhas. Este está dobrando na direção oposta aos meus outros, o que não faz muito sentido com a minha onda. O que eu vou fazer é apenas fazer este loop. Então eu vou adicionar o remapeamento de tempo e, em seguida, ciclo de LoopOut. Então eu vou arrastá-lo até que ele está mais inclinado para a esquerda, que está mais em linha com o resto da cena. Também precisamos fazer isso com esta alga aqui, porque essa também foi virada. Este já está looping, então eu vou apenas arrastá-lo e certifique-se de que você só arraste para a esquerda porque se você arrastar para a direita, esta é a expressão LoopOut, e então não vai haver nenhuma animação em o início antes dos quadros-chave de remapeamento de tempo. Acho que algo assim parece muito bom. Há mais algumas algas para compensar. A videira também não foi compensada ainda. Isso tem um quadro-chave de rotação nele, e também o efeito de dobra de onda. Acho que dobrá-lo para a esquerda primeiro é bom, mas então talvez queiramos que a dobra da onda se dobre na outra direção. Eu posso ir até os “Controles de Efeitos” e compensar a fase disso. Vamos resolver isto. Você pode ver com o que estamos trabalhando. Quando eu ajusto a fase, ele ainda vai fazer loop, porque realmente a única coisa que determina se ele loop ou não é a velocidade. Posso ajustar a fase a qualquer coisa que eu quiser, então talvez algo assim. Então posso fazer a mesma coisa com os outros. Este está um pouco mais no centro da comp, então a onda, se vier da esquerda, chegará a esta um pouco mais tarde. Talvez eu apenas arraste esta composição para a esquerda para que a rotação seja um pouco deslocada. Talvez algo assim e, em seguida, apenas
certifique-se de arrastar para fora o resto da composição. Isso ainda deve funcionar perfeitamente porque nós temos a propriedade loop na rotação e então eu posso entrar. Acho que a minha dobra de onda é muito boa para esta, então não vou ajustá-la. Então vou ajustar a rotação. Por apenas deslizar esta camada, eu vou fazer isso talvez girá-lo sobre isso, e então arrastá-lo para fora. Vamos ajustar a dobra da onda. Talvez a fase seja algo assim. Também podemos ajustar a alga turbulenta e esta alga
marinha da videira 3 ajustando a fase do efeito de dobra das ondas.
18. Composições em loop: peixe: Vamos adicionar o resto dos nossos peixes à cena. Vou começar com o peixe-borboleta. Agora, eu já adicionei o baiacu à cena, e ele está em loop automaticamente porque ele começa fora da tela à direita e termina fora da tela à esquerda. Mas se todos os nossos peixes fizessem isso, ou começassem fora da tela para a direita ou para a esquerda, então todos gostariam de cruzar ao mesmo tempo no meio. Teríamos uma moldura em branco no início e no fim, e assim pareceria uma corrida de peixes estranha ou algo assim. Em vez disso, queremos fazer com que alguns dos nossos peixes já estejam na tela quando isso começa, então temos sempre peixes na tela e sempre temos peixes saindo da tela. Com este peixe-borboleta, a primeira coisa que eu vou precisar fazer é fazer o loop de composição e eu vou fazer isso da mesma maneira que eu fiz minha videira uma alga marinha. Vou apenas clicar com o botão direito, ir para o tempo, habilitar o remapeamento de tempo. Em seguida, clique opção no cronômetro e, em seguida, fazer loop out. Você pode fazer ciclo. Você não precisa porque é padrão. Então lembre-se mais cedo nesta aula, eu mencionei que todas as minhas composições para o peixe eram na verdade oito segundos e um quadro, um quadro extra. Há uma razão por trás disso, e agora vou mostrar-lhe essa razão. Quando eu loop isso, se eu apenas arrastar para fora o resto da minha composição, o último quadro onde o remapeamento de tempo é definido, na verdade não é nada. O peixe desapareceu. O que precisamos fazer, é levar o nosso indicador de reprodução um quadro para a esquerda, onde você pode ver que o peixe está agora reaparecido. O tempo vai ser de oito segundos. Vamos apertar este pequeno botão de diamante para adicionar um quadro de chave por oito segundos aqui, e então podemos excluir este quadro chave por oito segundos em um quadro. Agora isso vai fazer um loop perfeitamente. Antes de faltar o quadro,
então toda vez que tocava sobre isso, o peixe desaparecia por um quadro, que pode ser realmente desenhado e obviamente não queremos que isso aconteça. Isso ainda vai ser looping perfeitamente porque quando você loop a expressão de remapeamento de tempo, ela começa novamente no quadro 1 em vez do quadro 0. Então eu tenho oito segundos, que é o mesmo que o meu quadro 0 dentro desta composição. Podemos checar isso aqui. Agora no quadro A, mais estreito no quadro 1, eles são exatamente os mesmos. Quando eu jogar isso através, ele vai jogar quadro 8 e, em seguida, quadro 1, e então ele vai continuar. Desta forma, eu fiz um loop perfeito sem repetir um quadro chave no final da minha composição e sem fazer meu peixe desaparecer para um quadro. É por isso que defini a composição do peixe para oito segundos e um quadro extra. Então eu fiz aquele pequeno truque prático onde eu defini um quadro chave, um quadro para a esquerda por oito segundos, e então excluí o quadro chave por oito segundos em um quadro. Agora eu posso deslizar esta composição e se eu estender, eu posso fazer este peixe começar e parar em qualquer lugar da minha cena. qualquer lugar que eu deslize, o primeiro quadro e o último quadro sempre estarão um quadro separado, modo que quando eu jogar isso, é um loop. Eu tenho total flexibilidade de como eu deslizo esta composição ao redor. Agora vamos animar este peixe nadando em toda a cena. Na verdade, eu queria levar mais oito segundos para ele nadar até o outro lado da cena. Então, para tornar isso mais fácil, eu vou apenas tornar temporariamente esta composição mais longa, que eu
possa ver onde eu estou definindo meus quadros-chave. Vou fazer com que seja 28 segundos por agora. Então eu vou inserir um quadro chave de posição em zero para este peixe ser todo o caminho fora da tela para a esquerda. Então eu vou deslizar para cerca de 16 segundos, e eu vou definir um quadro chave para este peixe ser todo o caminho para fora da tela para a direita. Eu posso entrar e ajustar essas alças
no caminho do movimento para fazê-lo não nadar em apenas uma linha reta. Mas se você visualizar esta animação, você vai notar que o peixe parece um pouco estranho porque o corpo do peixe não está girando quando ele se move para baixo ou para cima. Então o que podemos fazer é clicar com o botão direito na camada de peixe, subir para transformar, e então auto orientar, e então apenas verificar orientar ao longo do caminho. Então, dessa forma, ele girará na direção em que está se movendo, para cima ou para baixo. Então agora podemos voltar e fazer nossa composição oito segundos novamente. Quando visualizarmos isso, você notará que ele só vai chegar
ao meio da tela na composição de oito segundos. O que precisamos fazer é fazer uma cópia deste peixe, e eu vou usar um marcador para saber onde o peixe acaba no final da cena. Em um Mac, esse atalho de palavra-chave é o controle oito para definir um marcador. Então você pode mover este marcador um quadro para a direita para que ele esteja realmente em oito segundos, e então eu vou pressionar o Comando D para duplicar esta camada. Vou arrastá-lo para a esquerda, que meu marcador esteja agora no quadro 0. A razão pela qual eu queria que este marcador estivesse
em oito segundos é para que eu possa fazer um loop perfeito, o peixe não fique no mesmo lugar na tela por dois quadros seguidos. Agora, vamos jogar de volta e temos um peixe, este, nosso original, que vai nadar da esquerda para o centro da tela. Então eu tenho outro peixe que vai começar no centro
desta tela onde nosso peixe original parou, no final da composição, e ele vai nadar do centro da tela, para a direita. Agora temos dois peixes, mas tudo bem, porque quero muitos peixes na minha cena. Desta forma, ele faz com que ele esteja looping perfeitamente. Este conceito de fazer um peixe acabar onde o outro peixe parou é um conceito importante a compreender. Então deixe-me demonstrar mais uma vez usando o peixe-anjo. Eu vou arrastar o peixe-anjo para a minha composição, e então eu vou precisar fazê-lo em loop. Eu vou até o tempo, habilitado remapeamento de tempo. Clique na opção e, em seguida, loop out ciclo. Então eu vou apenas deslizar isso para que eu possa alcançar o último quadro chave. Vou passar um quadro antes disso, definir um quadro-chave por oito segundos, e então excluir esse quadro de chave por oito segundos em um quadro, e então eu posso estender isso. Vamos fazer nossa competição mais longa por um segundo. Agora eu vou definir um quadro chave de posição para o peixe-anjo estar todo o caminho fora da tela para a esquerda em zero segundos. Vamos em 12 segundos. Eu vou definir outro quadro chave de posição para o peixe para ser todo o caminho fora da tela para a direita. Vou ajustar a alça para que este peixe não atravesse. Algo assim, talvez. Vou clicar com o botão direito na camada, ir para transformar Auto-Orient para que pareça um pouco mais natural quando o peixe está nadando. Agora, eu vou trazer minha composição de volta para apenas oito segundos. Então eu quero que este peixe-anjo não comece fora da tela, então eu vou apenas arrastar a camada talvez para cerca de aqui. Então eu vou ver onde o peixe-anjo acaba no final da minha composição. Não é bem fora da tela, então o que eu vou fazer é pressionar Control 8 para fazer um marcador, e eu vou apenas arrastar o marcador um quadro para a direita para que ele fique em oito segundos. Então eu vou duplicar esta composição e arrastá-la de volta para a esquerda, que este marcador fique em zero. Agora eu tenho um peixe que vai nadar daqui até aqui, essa é a primeira camada. Então eu tenho um peixe que vai nadar, então ele não fica visível por muito tempo. Ele só vai daqui e depois todo o caminho. Mas isso não vai ser uma composição em loop ainda. Como você pode ver se este laço, este peixe iria apenas aparecer. Isso é porque ele já está começando na tela, então precisamos fazer é fazer outro peixe que se anima de fora da tela esquerda para esta posição. Na minha camada original de peixe-anjo, vou definir um marcador para zero segundos. Então eu vou duplicar esta competição novamente, e agora eu vou arrastar esta composição, modo que este marcador está em oito segundos. Certifique-se de empurrar um caminho de quadro onde seu indicador de reprodução pode alcançar, e agora vamos colocar isso de volta. Eu só vou para o peixe-anjo solo para que possamos nos concentrar neles. Isso parece bom. Gosto de pensar nisso como a técnica de duplicação de marca e slide. Se você tem um peixe que começa na tela, e não o torna completamente fora da tela até o final da composição, então você vai ter que marcar o final da composição e trazer esse marcador em uma calma duplicada para o começando, e então você também precisará marcar o início
da composição e duplicá-la,
em seguida, trazer esse marcador para o final da composição. Então você acaba tendo três peixes para fazer o trabalho de como um peixe, mas você verá vários peixes na tela ao mesmo tempo, que funciona muito bem para essa cena subaquática de qualquer maneira. Agora este peixe-anjo é realmente aquele que nada de forma consistente, e eu realmente quero usar meu peixe-anjo que não nadar tão consistentemente. Quero usar este esporádico. Na verdade, vou deletar esses três peixes-anjo por enquanto. Eu só queria demonstrar novamente como usar essa técnica de marca, duplicação e slide.
19. Composições em loop: peixe esporádico: Você pode adicionar seus outros peixes à cena exatamente
da mesma maneira que adicionamos o peixe borboleta à cena, mas e os peixes que não nadam de forma consistente? Precisamos animar especificamente a posição dos peixes que se animam
pela tela para que se alinhe com a rapidez com que suas barbatanas estão batendo. Eu vou fazer isso com o peixe anjo, então eu vou apenas trazer isso para a minha composição, e a primeira coisa que eu preciso fazer é fazer este loop de composição, e então eu vou apenas arrastá-lo para a esquerda para que eu possa alcançar este quadro-chave, e, em seguida, eu quero um quadro-chave em oito segundos, então eu vou excluir o em 801. Agora eu preciso fazer minha composição mais longa para que eu possa ver todos os quadros-chave que eu vou definir neste peixe. Vamos para o início, e eu vou ter o zero principal desta composição começando em zero. Agora eu vou configurar o quadro-chave de posição para o peixe para ser todo o caminho fora da tela para a esquerda no quadro zero, e eu vou fazer isso um bom número negativo 150, e então eu estou indo para oito segundos, e eu estou indo para fazer o peixe passar para cerca de três quartos da minha composição. Vamos fazer uns 1.300. Então eu vou para 16 segundos, e eu vou fazer o peixe mover a mesma distância e ele se moveu entre esses dois quadros chave. Isso vai ser 1.300 mais outros 1.300 mais os 150. Isso foi negativo no primeiro quadro-chave. Se eu olhar para o meu editor de gráficos para estes quadros-chave, você pode ver se você vai para o gráfico de velocidade que a linha é apenas plana através. Sabemos que todos eles estão indo na mesma velocidade. Deixe-me explicar por que isso vai fazer sentido. Agora vou selecionar todos os meus quadros-chave, clique com o botão direito do
mouse, “Assistente de quadro-chave, Facilidade fácil de entrar”. Agora, se eu entrar no meu editor gráfico, eu posso ver que a velocidade vai ser rápida na posição deste peixe no início, e então ele vai diminuir a velocidade. Vai abrandar todo o caminho até uma parada aqui porque minha velocidade atinge zero pixels por segundo. Acabamos de ver este peixe para nos concentrarmos nele. Isto está perto do que eu quero. Eu quero que o peixe se mova rapidamente, e então diminua a velocidade porque se você se lembrar desta composição, estes quadros-chave estão próximos, ele está se movendo rapidamente aqui, e então ele desacelera no final. Essa é a razão pela qual eu adicionei um quadro-chave no centro e então eu fiz facilidade porque isso me deixa mais perto do movimento rápido e
lento que eu quero. Mas agora eu vou precisar entrar e ajustar o editor de gráficos. Eu só vou selecionar todos esses quadros-chave e trazê-lo de zero porque eu não quero que ele pare completamente. Vou arrastar estes para cima, e vamos ver se fica melhor. Parece melhor. Ele dispara rapidamente aqui na segunda vez através de sua animação onde ele começa a looping, então eu vou clicar fora para o lado para desselecionar todos os meus quadros-chave, e então para tornar isso mais sutil, eu só vou trazer este ponto para baixo e assim agora aumentará mais gradualmente. Eu também quero que o peixe esteja indo um pouco mais lento sobre este ponto, então eu posso apenas ajustar esta alça, provavelmente quer o mesmo neste ume.You só vai precisar jogar em torno seu editor gráfico ajustando as alças para obter o peixe para se mover com o tempo que você quer. Vamos jogar de volta e ver como fica. Isso não é ruim, então vou ficar com isso por enquanto. Vou fechar no meu editor de gráfico.Este peixe está nadando muito reto, então eu só vou entrar e ajustar as alças no caminho do movimento. Eu também preciso clicar com o botão direito do mouse, ir para transformar, auto-orientar e ter certeza de que meu peixe está orientando ao longo do caminho, e então o que eu vou fazer é voltar para uma composição de oito segundos. Em oito segundos este peixe só está chegando aqui na composição. Eu vou definir um marcador na minha camada pressionando o controle oito, e então eu só quero deslizar o marcador um quadro sobre isso é em oito segundos, então eu posso pressionar o comando D para duplicar a camada. Vou pegar a duplicata e mover o marcador para zero frames. Agora eu tenho um peixe que vai se mover da esquerda para cerca de três quartos do caminho através da composição, e então outro peixe que vai nadar de três quartos do caminho através da composição fora da tela. Vamos jogar isso de volta. Isso parece muito bom e meu Fischer está em loop. Se você quiser, você pode até pegar alguns dos peixes e
movê-los para trás de alguma camada de algas marinhas para que eles nadem entre as algas marinhas. Se você quiser ajustar os quadros-chave de posição que já estão definidos, então digamos que eu queria pegar esses peixes borboleta e movê-los para a minha alga, eu vou selecionar ambos os peixes, pressionar P no teclado
e, em seguida, selecionar ambos e certifique-se de que a minha cabeça de jogo está sobre um dos quadros-chave de posição. Não importa qual deles. Então eu vou arrastar o valor y para qualquer quadro-chave que você passou sobre, aquela camada para baixo para o lugar que você quer, e então ambos os peixes devem ter se movido. Agora você pode pegar suas camadas dentro de sua linha do tempo, basta movê-las abaixo de algumas algas marinhas. Talvez isso seja um pouco fa. Talvez algo assim. Vamos jogar de volta o que temos. Agora você tem tudo o que você precisa saber se você quer adicionar mais peixe para usar, para usar a mesma técnica que eu mostrei neste vídeo.
20. Adicione os detalhes finais: Este vídeo é totalmente opcional se você quiser adicionar alguns detalhes extras à sua cena. Temos um baiacu que está abrindo a boca. O que eu vou fazer é adicionar algumas bolhas saindo da boca dele. Agora eu já animei isso para você nesta composição bolha. Só estas cinco bolhas que se arrastam depois de aparecerem. Eu vou voltar para a minha cena subaquática e então eu vou arrastar minha bolha para que
a pequena cruz aqui no centro do meu rato fique bem perto da boca do baiacu. Eu também vou no início desta composição
para começar bem aqui onde minha cabeça de jogo é onde sua boca está aberta, e então essas bolhas estão indo para cima e ele também abre a boca de novo bem ali. Eu vou pegar as bolhas comp novamente e
arrastá-lo para lá e ter certeza que começa onde minha cabeça de jogo está. Agora essas bolhas
não terminaram de animar até o final da composição, então quando começarmos no zero, as bolhas simplesmente desaparecerão. O que precisamos fazer é fazer aquela pequena técnica de marcação de novo. Vou apertar “Controle A” para fazer um marcador. Em seguida, mova o marcador sobre um quadro para oito segundos
e, em seguida, duplique essa composição e arraste-a para que o marcador esteja em zero. Agora isso vai fazer um loop perfeito. Eu também incluí essas outras bolhas se você
quiser tê-las saindo das algas ou algo assim. Se você quiser adicionar peixe, o fundo de sua cena como eu fiz aqui, eu vou te mostrar como fazer isso agora. Podemos simplesmente duplicar alguns dos peixes que temos aqui. Eu vou selecionar ambos os meus peixes borboletas, e eu vou apenas apertar “Command D” para duplicá-los e então eu vou arrastá-los para baixo do outro peixe borboleta e então eu vou pegar essas composições e Basta deslizá-los para a esquerda na minha linha do tempo. Eu também vou apertar S no teclado para aumentar a propriedade da escala e apenas reduzi-los um pouco, então agora eu tenho como um peixe-borboleta bebê. Eu também quero colorir estes mais escuros para que eles apenas olhar como eles estão no fundo. Vou até os meus Efeitos e Predefinições e procurar
preenchimento e , em seguida, vou pegar esta propriedade Preencher e arrastá-la para um dos meus peixes pequenos. Então, para a cor, eu vou apenas provar o fundo do oceano atrás para aquele peixe e eu posso apenas copiar o efeito de preenchimento e colá-lo no outro peixe. Eu também quero mover estes para trás de todas as minhas algas marinhas correlatas. Vou arrastá-los até aqui e são difíceis de ver lá atrás. Quero levantá-los um pouco. Eu só vou apertar P no meu teclado para trazer a posição e eu vou encontrar um
desses quadros-chave de posição para que eu possa colocar minha cabeça de jogo sobre ele e então eu vou apenas selecionar ambas as posições. Na camada que eu tenho, o quadro-chave que minha cabeça de jogo está, eu vou arrastar a posição y, então ele move esses peixes para cima. Algo assim. Agora outra coisa a notar é que porque nós apenas duplicamos nosso peixe frontal para fazer esses peixes de fundo é que eles são quadros-chave de
posição são os mesmos e eles vão ter o mesmo caminho de movimento. Eles vão ser como subir e descer assim. Mas nós compensamos o tempo deles, então isso vai adicionar um pouco de variação. Mas se você não queria que eles tivessem o mesmo caminho de movimento, a maneira mais fácil é provavelmente apenas arrastar em um novo peixe do seu painel de projeto e, em seguida, fazer todas as etapas para colorir, duplicar a composição e fazê-lo nadar através da tela, e dessa forma você pode definir um caminho de movimento diferente e que eu vou adicionar um pouco mais de variedade à sua cena. Uma última coisa é que só precisamos verificar para ter certeza de que esses caras estão looping. Eu só vou deslizá-los e jogar isso através. Este peixe acabou de aparecer, então estes não estão looping e isso é porque nós deslizamos estes ao redor, então nós vamos precisar de mais um peixe que vai de fora da tela para esta posição. Eu só vou apertar “Comando 8" para fazer um marcador nesta camada, “Comando D” para duplicar e então deslizar esta camada duplicada para que o marcador esteja em oito segundos, e agora devemos ter um loop perfeito. Agora, se você quiser, você pode adicionar qualquer tipo de peixe de fundo à sua cena.
21. Anime a escola de peixes: A exibição artística eficiente, temos uma escola de peixes minúsculos que você pode adicionar à sua cena. Precisamos fazer a cauda e a barbatana do nosso pequeno loop oficial usando a expressão Loop Out ping-pong loop. Vou copiar isto e usar a mesma coisa no corpo, está tudo bem. Vamos para a nossa escola. Você vai ver que eu tenho chave enquadrado a posição destes peixes para que eles tenham um pouco mais de variação enquanto eles estão nadando. Mas como é agora todos os peixes estão sincronizados em seus traços com suas caudas. Eu só vou fazer um loop dessas composições para que eu possa deslizá-las ao redor para compensar alguns dos peixes. Vou selecionar um dos peixes. botão direito do mouse, vá até o tempo,
ative o remapeamento clique no cronômetro e use a expressão de loop out e ciclo. Eu posso arrastar este para compensar um pouco em que você estende o comp. Mas eu quero que os quadros-chave de posição permaneçam no mesmo lugar que eles estavam. Vou arrastá-los de volta para o lugar. Agora, este peixe vai estar nadando exatamente o mesmo. Sua cauda está apontando para este caminho agora, enquanto todos os outros apontam para este caminho. Podemos fazer isso com alguns dos outros peixes. Você não tem que compensar todos os peixes. Mas se você fizer isso longe o suficiente, vai parecer que eles estão um pouco fora do ritmo, o que vai parecer um pouco mais realista. Lembre-se que você pode copiar rapidamente esta expressão de loop indo para cima para editar, copiar apenas expressão e, em seguida, basta colá-la em alguns dos peixes. Uma vez que você tenha compensado o suficiente dos peixes que eles parecem ter variedade suficiente para você, então você pode adicionar esta escola de composição de peixe à sua cena subaquática. Primeiro, vamos arrastar a pequena escola de peixe para a nossa cena. Vamos precisar reduzir isso. Talvez assim, então vamos fazer esse loop. Porque esta pequena escola de peixe é uma composição com um monte de outras composições nele e esta composição é apenas oito segundos, não
precisamos fazer esse truque onde fazemos um novo chave-frame por oito segundos e excluímos o que é para 8:01, então o que podemos fazer é apenas ir para a direita para definir o quadro chave de posição. Eu vou definir um quadro chave de posição para estes peixes para estar todo o caminho fora da tela para a esquerda em zero segundos. Então, vamos fazê-los demorar um pouco mais do que oito segundos para atravessar todo o caminho. Vamos tornar a nossa composição mais longa por um segundo. Podemos ver mais da nossa linha do tempo e vamos fazê-los demorar cerca de 14 segundos para atravessar todo o caminho. Vou arrastá-los para o outro lado. Certifique-se de que eles estão fora da tela e então podemos voltar, ajustar nossa composição para oito segundos novamente. Vou deslizar a camada para a esquerda porque eu quero que esses peixes comecem talvez aqui mesmo em um espaço vazio e aberto e então, vamos ver onde eles chegam no final da composição. Eles não estão completamente fora, então precisamos definir nosso marcador, movê-lo para oito segundos. Duplicar esta composição, deslize a duplicata para que o marcador comece em zero. Como esses peixes estão começando na tela, também
precisamos definir um marcador em zero segundos e fazer outra duplicata e deslizá-lo para que este marcador esteja em oito segundos. Eu quero que a minha escola de peixes esteja atrás de todos os meus outros peixes, então eu vou apenas selecioná-los e trazê-los abaixo dos outros peixes e agora nós adicionamos uma escola de peixes à nossa cena.
22. Renderizando um vídeo: Quando terminar a cena, decida qual formato de arquivo você deseja renderizar sua animação. Se você precisar de ajuda para decidir, volte ao vídeo sobre formatos de arquivo. A primeira maneira de exportar seu arquivo é como um arquivo MOV. Vou até Composição,
Adicionar à fila de renderização
e, em seguida, verificar se você tem o Apple ProRes 422 aqui. Você pode escolher isso com as opções de formato e isso só será aplicável se você estiver usando um Mac. Em seguida, pressione “Ok” e, em seguida, saída para, você pode escolher onde no seu computador para
salvá-lo e, em seguida, pressione “Salvar” e, em seguida, pressione “Renderizar”. Em seguida, pode navegar até onde o guardou no computador
e, em seguida, pode abri-lo, o
que, se estiver num Mac, será aberto por predefinição no QuickTime e, se pretender ver esta reprodução como um loop, aceda a Visualize e, em seguida, Loop e, em seguida, pressione “Play”. Você pode querer renderizar seu arquivo como a.MP4 porque isso é mais universalmente aceito e também é um formato de arquivo menor. Eu sugiro renderizar um arquivo MOV primeiro e depois soltar o arquivo MOV no Media Encoder, em vez de ir do After Effects e ir Composição, adicionar ao Media Encoder imediatamente e eu vou mostrar-lhe o porquê em apenas um segundo. Depois de soltar seu arquivo MOV no Media Encoder, certifique-se de que você tem H.264 aqui. Se você não fizer isso, basta clicar nele e certifique-se de escolhê-lo neste menu
suspenso e, em seguida, pressione “Ok” e pressione o botão play para renderizar. Fiz uma pequena experiência só para te mostrar. Este é o meu MOV e este tem definitivamente as cores brilhantes mais vivas. Este é o meu MP4 que eu renderizei através Adobe Media Encoder diretamente do After Effects e este é um MP4 que eu renderizei através Adobe Media Encoder soltando este arquivo MOV no Media Encoder. Este parece muito melhor soltando o arquivo MOV no Media Encoder do que este. Eu recomendaria fazer
isso, é um passo extra, mas para mim parece muito melhor.
23. Renderizando um GIF: Agora vamos ver como você pode exportar um GIF. Eu gosto de usar um plugin chamado GifGun para renderizar meus GIFs, porque eu renderizar um monte de GIFs e isso me economiza muito tempo. Este é um plugin pago e eu não vou ser pago para dizer-lhe sobre isso, mas eu acho que é útil, então eu queria que você saiba se você acha que seria útil para você. Se você não tem GifGun, você ainda tem duas opções diferentes sobre como exportar um GIF. O primeiro é ir até a composição,
adicionar à Fila de Encoder de Mídia. Mas assim como os arquivos MP4, eu descobri que se você exportar seu arquivo MOV primeiro e, em seguida, simplesmente solte seu arquivo MOV no Media Encoder. É melhor soltar o MOV em vez
do arquivo MP4 no Media Encoder porque o MOV é de maior qualidade. Em seguida, a partir daqui, você deseja alterar o formato para GIF animado e, em seguida, escolha onde deseja salvar isso e pressione renderizar. Você pode reproduzir seu GIF apenas pressionando a barra de espaço. Agora, isso está parecendo um pouco agitado se você olhar realmente de perto. A razão pela qual isso acontece,
é porque no Media Encoder você só tem a opção de exportar a 25 quadros por segundo, e se você tentar mudá-lo aqui, 30 não é uma opção e é por isso que estamos usando um Efeitos. Eu não sabia disso antes, só agora porque eu nunca uso Media Encoder Eu sempre uso GifGun. Isso teria sido algo que seria bom saber no início, mas eles também não têm 15 que seria a minha segunda vez, então eu não sei porquê. Mas você poderia ir com 20 ou 25 ou mesmo 10 se você quisesse ser realmente caricatura. Se você não quiser usar o Media Encoder, há outra opção. Você também pode exportar GIFs por meio do Photoshop. Se você subir para a composição, adicione a Render Queue,
em seguida, você deseja alterar o módulo de saída para PNG Sequence e, em seguida, pressione Ok, e isso vai exportar uma pasta de imagens PNG. Basta escolher onde deseja salvar essa pasta e clicar em Renderizar. Em seguida, no Photoshop, você vai abrir e, em seguida, abrir a pasta onde suas imagens foram salvas e, em seguida, selecionar
a primeira imagem e , em seguida, verificar a sequência de imagens e clicar em Abrir. Vai perguntar-te qual a taxa de quadros que queres. Eu uso 30 quadros, então eu vou manter isso em 30 quadros, mas alterá-lo se você não usar 30 quadros e, em seguida, pressionar Ok. A partir daqui, você vai até Arquivo Exportar, Salvar para Web. Isso pode levar um segundo para abrir. Então, uma vez que isso abre, você pode ver quantas cores estão em sua cena, que se você se lembrar de mais cedo na classe que determina o tamanho do seu GIF vai ser. Isso é automaticamente definido para o número máximo de cores e é um GIF realmente grande, 27 megabytes. Nunca pretendi que este ficheiro fosse um GIF. Eu estava pensando que seria salvo como um MOV ou MP4, então eu não planejava em conformidade para fazer este um GIF de tamanho agradável. Mas também demonstre como você pode exportar um GIF por meio do Photoshop com este GIF. Você também pode escolher em Opções de Looping para fazer loop isso uma vez ou para sempre. Uma vez que se você carregar isso para um site vai apenas jogar quando o site carrega e, em seguida, ele vai parar de jogar depois que ele joga uma vez através ou para sempre vai jogar automaticamente e manter loop uma e outra vez para sempre. Se você precisa tornar seu GIF menor, você pode ajustar os tamanhos de imagem aqui ou com a porcentagem e, em seguida,
para exportar seu GIF basta pressionar Salvar, e você pode nomeá-lo e escolher onde deseja salvá-lo. Pode levar um segundo para salvá-lo e eu tive nos últimos problemas em que eu fiz GIFs que são muito grandes para salvar no Photoshop e eles simplesmente não funcionam. Certifique-se de que você está seguindo todas as práticas recomendadas para que seus GIFs não sejam muito grandes. Fiz uma pequena comparação aqui. Este é um GIF que eu exportei diretamente do After Effects para o Media Encoder. Para este, eu exportei um arquivo MOV primeiro e, em seguida, coloquei o MOV no Media Encoder. Para este, eu passei pelo Photoshop e para este eu usei GifGun.
24. Encerramento: Parabéns por chegar ao fim desta aula. Não se esqueça de fazer o upload do seu projeto de classe. Na guia Projetos e recursos abaixo deste vídeo, você pode postar seu projeto como um GIF usando o botão Imagem. Ou se sua cena animada é um pouco complexa demais para funcionar bem como um GIF, você pode publicá-la no YouTube ou Vimeo e colar o link aqui. Como ele não será reproduzido como um loop dessa maneira, você pode querer renderizar fora de sua cena tocando por um tempo para que possamos dizer que ele loops. Se houve algo com o qual você lutou ou um feedback específico, adicione uma nota ao seu projeto de aula para me avisar. É isso. Muito obrigado por assistir. Espero que você tenha se divertido animando uma cena em loop e que você tenha novas técnicas para usar em projetos futuros. Clique no meu nome para ir à minha página de perfil e conferir as outras aulas que estou ensinando. Certifique-se de que você está me seguindo no Skillshare, para que você seja notificado quando eu tiver uma nova turma. Você também pode encontrar links para me seguir nas mídias sociais, e se você postar seu projeto no Instagram, certifique-se de me marcar @explainimated. Até a próxima vez, feliz animação.