O efeito de suéter de malha no Adobe After Effects

1. Trailer do curso: Ei, eu sou Jake Bartlett e este é o olhar do suéter de malha em After Effects. Nesta aula, vou mostrar a vocês uma técnica super simples para criar esse efeito realmente incrível. É completamente processual, o que significa que o que você colocar no efeito vai sair parecendo um suéter de malha, até mesmo animação. Esta técnica é extremamente simples. Então, mesmo que você não tenha muito conhecimento do After Effects, você ainda será capaz de dois acompanhar. Para o projeto de classe, você estará aplicando esse efeito a qualquer coisa que você gostaria. Pode ser uma saudação de férias animada que você se transforma em um presente, ou até mesmo tão gráfico. Esta aula é para qualquer um, seja você um animador que esteja muito familiarizado com o After Effects, ou você é um designer que está apenas interessado neste efeito. Vou orientá-lo em cada passo do processo para transformar seus desenhos e animações em um suéter de malha. Então pegue uma xícara de cacau quente, aconchegue-se perto do fogo, e vamos tricotar. Vemo-nos na aula. 2. Construir a malha: Então aqui está a arte do meu título gráfico antes que o efeito tenha sido aplicado. Eu criei isso completamente dentro do After Effects, mas você não precisa torná-lo um After Effects. Você poderia trazer gráficos do Illustrator ou Photoshop, eu sou apenas muito confortável construindo coisas dentro do After Effects e fez ajustes realmente fácil de fazer. Agora, como você pode ver, isso tem um pouco de animação nele. Eu tenho a queda de neve, mas nada complexo. Se você quisesse, você poderia usar esse efeito puramente para gráficos estáticos. Eu acho que este efeito é tão fácil de construir e usar que mesmo que você não esteja usando para animação, ainda é um grande peso para alcançar esse efeito. Depois de ter seu trabalho artístico e após os efeitos, você precisa fazer uma nova composição. Agora, eu fiz o meu comp 1920 comprar 1.080 a 30 quadros por segundo. Mas, na verdade, você pode definir a resolução e a taxa de quadros para o que quiser. A primeira coisa que precisamos fazer é adicionar uma camada de ajuste. Então eu vou subir para camada, nova, camada de ajuste. Certifique-se de que isso esteja no topo da pilha de camadas. Vou renomear isso pressionando “Enter”, e chamá-lo de textura de malha. Então eu vou começar a adicionar alguns efeitos dois ele. Então, venha para os meus efeitos e predefinições e digite bola. Sob simulação, vemos ação bola CC. Se eu aplicar isso à camada de ajuste, você verá instantaneamente que obtemos esse visual pixelado. Deixe-me ampliar 100 por cento para que você possa ver exatamente o que está acontecendo. Se eu chegar aos controles de efeitos e diminuir o tamanho da bola, você pode ver que esse efeito está dividindo nosso gráfico em um monte de círculos diferentes. Se eu aumentar o espaçamento da grade, os círculos ficam maiores. Por enquanto, vou deixar isto às seis. Então eu vou aumentar o tamanho da bola até que haja apenas um pouquinho de espaço entre cada círculo. Vou ampliar isso, voltar para caber pressionando Shift ponto de interrogação. Uma coisa que quero salientar rapidamente é que estou vendo minha composição em resolução total. Eu sugiro que você trabalhe em uma resolução idiota para isso porque veja o que acontece se eu baixar isso para metade. Você vê que tudo mudou um pouco. Quando eu deixo cair para trimestre, ele muda ainda mais. A única maneira que você vai saber exatamente como isso vai ser renderizado no final é se você deixar isso com qualidade total. Em seguida, precisamos adicionar outro efeito, então vamos chegar aos meus Efeitos e Predefinições e digitar dobra de onda. Vou aplicar isso abaixo da bola de ação. Você pode ver que este efeito está distorcendo minha imagem. Deixe-me desligar a bola de ação para que você possa ver claramente o que está acontecendo. Eu desliguei-o e liguei-o, especialmente aqui em cima, você pode ver que ele está deformando-o neste movimento oscilante. Eu quero mudar o tipo de onda de sinal, que é o que está dando a esta dobra curva, e mudá-la para triângulo. Agora isso é muito mais irregular. Você vê que não há curvas com esta dobra. Então, se eu mover minha cabeça de jogo na composição, você vê que este efeito é realmente animado. A onda está se movendo à medida que o tempo passa. Quero desligar a velocidade da onda. Então, se você descer para a velocidade da onda e mudar um para zero, ele não se anima mais. Vou voltar a ligar a bola, e deixar-me aproximar aqui para podermos ver como estes dois efeitos vão funcionar juntos. Agora você pode ver que a dobra das ondas está subindo e descendo a cada três ou quatro círculos. O que queremos é que isso aconteça a cada dois círculos para criar esse efeito. Então, se eu chegar à largura da onda e abaixar isso, ver que nossas ondas ficam mais estreitas e mais estreitas. Vou abaixar isso um pouco mais até chegarmos onde precisamos estar. Bem ali, aos 14, acho que é só escrever. Você pode ver que nós temos essas formas V agora a cada dois círculos. Então um cai, um sobe. Se eu ajustar a altura da minha onda para baixo um pouco, podemos obter algo que se pareça um pouco mais com esta textura de malha. Então, muito simplesmente, com esses dois efeitos, podemos alcançar esse padrão de aparência de malha. O problema é que, se eu quiser mudar o tamanho do tricô, preciso ajustar o espaçamento da grade. Então vamos dizer que eu derrubo isso para talvez 16. Agora minha dobra de onda não está alinhada com essa grade e eu teria que ajustar essa largura novamente. Como você pode ver, não é muito fácil de fazer pelos olhos. O que eu quero fazer é vincular a largura da onda ao tamanho do espaçamento da grade do efeito de ação da bola. Vamos fazer isso muito simplesmente usando expressões. Se você não souber o que são expressões, sua linguagem de codificação do After Effects é baseada em JavaScript. Eu sei que para a maioria dos designers de movimento, codificação não é apenas uma língua que falamos. Então não se assuste. Na verdade, é muito simples e vamos fazer isso de forma rápida e fácil. O que eu vou fazer é clicar na minha camada de ajuste e pressionar E no teclado para exibir os efeitos. Então eu vou girar para baixo a dobra da onda e a ação da bola, e eu vou dar a mim mesmo um pouco mais de espaço aqui arrastando a linha do tempo para cima. Agora, o que precisamos fazer é descobrir a relação entre a largura da onda e o espaçamento da grade. Felizmente, eu já descobri essa proporção, então você não precisa fazer nenhum trabalho complicado. O que a proporção é, é que a largura da onda precisa ser o espaçamento da grade vezes dois mais dois. Então, seja qual for esse número, dobre-o e adicione dois a ele. Para um espaçamento de grade de quatro, deve ser 4 vezes 2, que é 8, mais 2, que é 10. Assim, você pode ver que agora minha textura está alinhada. Se eu aumentar isso para cinco, então eu mudaria a largura da onda para 5 vezes 2, que é 10 mais 2. Lá vai você, está se alinhando. Como fazemos com que o After Effects faça automaticamente essa matemática? Bem, precisamos adicionar uma expressão à largura da onda. Para fazer isso, basta manter pressionada a tecla Option ou Alt em um PC e clicar no cronômetro da propriedade de largura da onda. Isso abrirá a caixa de diálogo de expressões e preencherá automaticamente o código que faz referência a esse efeito. Não precisamos disso, então vou apertar “Delete”. Então eu vou vir aqui para este pequeno chicote de picareta, e isso se comporta muito como o chicote dos pais. Você pode simplesmente clicar e arrastá-lo e, em seguida, selecionar algo, mas porque é a expressão pick whip, em vez de parentalidade, ele vai pegar o código de expressão para o que eu selecionar. Se eu chegar à propriedade de espaçamento de grade para o efeito de ação de bola e soltar, após efeitos preenche automaticamente o código de expressão que ele precisa para fazer referência a isso. Mesmo que eu não sabia exatamente como codificar isso, eu sou capaz de gerá-lo muito facilmente usando essa expressão pick whip. Você nem precisa saber exatamente o que isso está dizendo, você só precisa saber que esse é o código que faz referência a essa propriedade. Então o After Effects está traduzindo isso como espaçamento de grade, então precisamos adicionar duas vezes o dobro desse valor, e então precisamos adicionar dois para adicionar dois a esse valor. Em seguida, basta clicar fora dessa caixa de diálogo para aplicar a expressão, e você vê que este número está agora vermelho, e isso significa que ele é um valor que está sendo gerado por uma expressão. Se eu tentar mudar esse valor, o número muda, mas assim que o olho soltar, ele se encaixa de volta ao que era. Portanto, não podemos alterar esse valor de qualquer maneira além de ajustar o espaçamento da grade. Vamos ver o que acontece se eu diminuir o espaçamento da grade. Esse número mudou de 12-10. Se eu cair ganhou mais, agora são oito. Isso é perfeito. Era exatamente o que precisávamos. Mas como você pode ver, quando eu mudo o espaçamento da grade para baixo, a altura da onda agora está um pouco fora. Eu fiz algumas brincadeiras e eu descobri que a altura da onda realmente deve ser metade do que a largura da onda é. Se a largura da onda é oito, então a altura deve ser quatro, e então isso parece muito mais realista. Novamente, eu não quero ter que mudar este número manualmente toda vez que eu mudar o espaçamento da grade. Agora vamos ligar a altura da onda à largura da onda. Novamente, mantenha pressionada a tecla Option ou Alt em um PC, clique no cronômetro, pegue o chicote de captação de expressão para a altura da onda e, desta vez, faça referência à largura da onda. After Effects preenche esse código, e então dividiremos isso por dois. Então eu vou clicar em “Off”. Agora, este número sempre vai ser metade deste número, e este número vai sempre ser o dobro deste número mais dois. Toda essa matemática é feita para nós, e agora eu posso aumentar ou diminuir o espaçamento da grade, e essa textura de malha sempre parecerá correta. Assim, escrevemos algumas expressões muito simples que tornam o trabalho com isso muito mais fácil. Vou dar-me mais espaço para ver esta composição, e depois voltamos ao efeito de acção da bola. Se eu ampliar aqui, é muito sutil e muito difícil de notar, mas talvez se eu virar meu espaçamento da grade um pouco para baixo, você pode ver que essas duas formas não se alinham exatamente, mas podemos facilmente corrigir isso. Se chegarmos ao efeito de dobra da onda, e então ajustar este número de fase, se eu apenas deslizá-lo, você pode ver que ele está mudando onde a dobra de onda está centrada. Se eu discar isso de volta para talvez bem ali, então em torno de 11 negativo, essas duas formas alinhar-se agora. Isso é apenas um pequeno detalhe, mas faz para um efeito um pouco mais simétrico. Em seguida, temos o tamanho da bola no efeito de ação da bola. Se eu abaixar isso, você vê que esses círculos ficam menores, modo que a malha fica muito mais espalhada. Descobri que um valor em torno de 60 funciona muito bem, mas esse é um valor que você pode brincar dependendo do efeito que você está indo para. Eu vou definir o meu para 60, mas isso é basicamente onde você pode mudar o tamanho do seu fio. 3. Adicionar algumas imperfeições: Agora eu quero adicionar mais um efeito a esta camada de ajuste, porque neste momento este é um padrão de aparência muito perfeito. É muito digital e não parece tão realista. Então, se eu chegar aos meus efeitos e predefinições e digitar deslocamento turbulento, e aplicar isso à minha camada de ajuste. Vou fazer zoom para ajustar a composição para que você possa ver o que está acontecendo. Está distorcendo a imagem de uma forma muito aleatória. Você pode brincar com o tamanho e a quantidade para obter diferentes olhares. Eu quero que o tamanho seja muito pequeno, então eu vou digitar algo como 10. Você pode ver que esta distorção é muito menor agora e a quantidade é muito alta, então eu vou derrubar dois 10 também. Agora que é muito menor, vou ajustar isso arrastando esse número para baixo, e talvez aumentando um pouco a quantidade. Basicamente, o que estou tentando fazer é tornar essa grade não tão perfeita. Você pode ver que essas formas não são mais tão simétricas. Acho que vou diminuir ainda mais o tamanho, porque quero que sejam pequenos detalhes. Não quero enlouquecer com a quantia. Você vê que isso agora está começando a parecer um pouco distorcido demais. Então talvez nós vamos para algum lugar por volta dos 35, e isso ainda parece um suéter de malha, mas se eu desligar e ligar, você pode ver que ele só adiciona esse pequeno nível de detalhe, um pouco de imperfeição que parece realmente legal. Vou ampliar para caber novamente pressionando Shift ponto de interrogação, e já temos um efeito de aparência muito convincente. Novamente, se você ajustar o espaçamento da grade, você está essencialmente ajustando a resolução de sua malha, que é engraçado pensar nisso dessa forma, mas é exatamente isso que você está fazendo. Se você aumentá-lo mais alto, você pode ver que este texto aqui em baixo é praticamente ilegível, e a mesma coisa para bem aqui. Se você manter o espaçamento da grade em torno de três ou quatro, eu acho que é um ponto legal onde você pode dizer que este é um padrão de suéter de malha, mas você ainda pode ler as coisas muito bem. Você sempre pode virar o espaçamento da grade para dois, mas em um você pode ver que esse padrão está praticamente desaparecido. Então eu não iria mais abaixo do que dois. Vou elevar isto até três e vou deixá-lo lá por enquanto. Em seguida, vou selecionar todas as minhas camadas pressionando Command A ou Control A em um PC, e eu quero pré-compor elas. Eu vou até a camada e depois todo o caminho na parte inferior Pré-compor. Isso só vai agrupar todas as camadas que selecionei em uma nova composição e substituir essas camadas por essa composição. Vou nomear este comp KnitSweater Title Source e, em seguida, pressione OK. Agora, se eu ampliar aqui novamente, e ligar minha taxa de transparência aqui, você vai notar que entre essas malhas, na verdade não há nada, que preto é transparência. Então precisamos adicionar uma camada atrás desta para preencher essas lacunas. Eu vou fazer uma nova camada de forma desmarcando minha camada, e então clicando duas vezes nesta ferramenta de retângulo aqui em cima que automaticamente faz um retângulo que é do tamanho da minha composição, e eu preciso vir aqui e ligar o preenchimento. Vou pressionar OK e depois quero desligar o meu derrame. Acerte OK. Vou renomear esta camada BG para fundo, e então eu vou enviá-la para trás arrastando-a para baixo assim. Agora, se eu ampliar aqui novamente, você pode ver que entre essas lacunas agora temos essa cor escura e azul porque essa é a cor do preenchimento dessa camada. Mas eu quero que seja uma versão um pouco mais escura deste vermelho. Então, se eu pegar um conta-gotas e clicar no vermelho, eu vou arrastá-lo até ficar um pouco mais escuro para adicionar um pouco de contraste, mas ele mantém a mesma cor do que o suéter deveria ser. Deixe-me ampliar para caber novamente, e com isso desligado, na verdade faz uma grande diferença indo do nada para ter aquele fundo vermelho. É um detalhe importante. 4. A textura aconchegante: Este efeito parece muito bom como é, mas se eu ampliar aqui novamente, você vê que este padrão não tem muita textura para ele. Na verdade, não tem nenhuma textura. São formas muito sólidas. Eu quero adicionar uma textura de fio para isso para que ele realmente se parece com fio. Eu vou adicionar um novo sólido indo até Layer, New Solid e eu vou começar com um sólido preto. Aperte “Ok”. Em seguida, vou duplicar isso pressionando “Command” ou “Control D” e, em seguida, eu vou subir para Layer, Sólido configurações e eu quero mudar essa cor para branco. Agora, eu tenho um sólido preto e um branco. Então eu vou chegar aos meus Efeitos e Predefinições e digitar Venetian para persianas venezianas, e eu vou aplicar isso ao sólido branco, e eu vou mudar a completude de transição para 50. Quero mudar a direção para 90 graus e a largura para 10. Agora eu só tenho essas listras brancas horizontais. Em seguida, eu quero adicionar dobra de onda novamente, escrever debaixo de uma persiana veneziana, e aqui você pode realmente ver como este efeito está se deformando, e nós vamos mudar o tipo de onda de sinal para ruído. Isso nos dá uma textura muito interessante. Vou mudar a altura da onda para algo em torno de 30 e a largura da onda para cerca de 30 também. Em seguida, se eu panorâmica para cima ouvir mantendo pressionada a barra de espaço e clicando e arrastando. Você pode ver nas bordas, estamos recebendo essa área mais escura. Podemos eliminar um pouco disso, descendo para pintar e alterando-o para todas as bordas. Eu sei que parece um pouco estranho, mas do jeito que vamos usá-lo, vai ficar tudo bem. Agora, eu vou selecionar ambas as camadas e pré-compor chegando a Camada, Pré-compor, e eu vou nomear esta textura de fio e em seguida, pressionar “OK”. Então eu vou definir este modo de mistura de camadas para sobrepor. Se eu ampliar aqui, você pode ver que essa textura agora está sobreposta em cima do nosso trabalho de arte, mas é um pouco forte demais. Eu vou pressionar “T” para trazer a opacidade e então virar a opacidade para algo em torno de, digamos, 35. Agora, temos uma textura de linha bastante convincente em cima da nossa arte. Agora que isso é pré-composto, se eu ampliar aqui e esfregar minha linha do tempo, você pode ver que esse efeito está atualizando, porque dentro dessa composição, a velocidade de dobra da onda é definida como um. Agora, nós poderíamos definir isso como zero, mas depois de efeitos ainda vai ter que processar esses dois efeitos para cada quadro da animação, e isso vai diminuir sua renderização. Em vez de me preocupar com isso, vou congelar esta composição para que apenas um quadro seja renderizado, o primeiro quadro. Vou clicar com o botão direito do mouse sobre isso, chegar ao tempo e depois dizer, “congelar quadro” e isso apenas permite o remapeamento de tempo e adiciona um quadro de chave de retenção no primeiro quadro. Agora, esse efeito não será processado ao longo desta linha de tempo. Você pode ver enquanto eu me esfrego, nada está mudando. Que é uma textura e padrão de malha muito convincente que acabamos de criar 100 por cento dentro do After Effects. 5. Retocando: Para terminar, vou apenas adicionar um pouco de efeitos para que esta imagem inteira não pareça tão plana. Novamente, vamos adicionar uma nova camada de ajuste indo para Camada, Nova camada de ajuste e eu vou renomear esses efeitos. Em seguida, vou digitar a máscara não nítida em meus efeitos em predefinições e aplicá-la à Camada de Ajuste e eu quero aumentar o raio, provavelmente em torno de 400. Então eu vou abaixar o valor, então provavelmente por volta de 20. Você pode ver o que isso está fazendo com o design. Então eu quero adicionar um brilho, então eu vou vir para os meus efeitos e digitar em brilho, agarrar brilho sob stylize. Provavelmente virar o limiar para cima apenas um pouco, virar o raio para provavelmente 100 e, em seguida, a intensidade caminho para baixo então provavelmente colocá-lo em torno 0.3 e isso é apenas adicionar um brilho muito sutil que dá a imagem inteira um um pouco de um grau de cor. Se eu ativar e desativar toda essa camada de ajuste, você pode ver que ela está ajustando sutilmente toda a imagem. Deixe-me fazer zoom para caber novamente. Tente nos dar um pouco mais de espaço. Finalmente, eu quero adicionar uma vinheta, mas eu quero fazê-lo com um efeito que produz algumas formas bastante originais. Eu vou entrar em efeitos e digitar em holofotes e arrastar isso para baixo do brilho. Você pode ver que isso nos dá esse efeito de olhar holofote. Se eu pegar este pequeno controlador aqui, eu posso ajustar de que direção esse holofote está vindo e você vê que isso afeta a forma. Vou diminuir o zoom pressionando a tecla Vírgula no teclado algumas vezes e então eu vou arrastar isso para cima dois para a esquerda. Você não pode vê-lo muito bem, mas bem aqui no centro, eu tenho outro controle que se eu clicar e arrastar, aqui é onde a luz está brilhando. Temos esses dois pontos para controlar onde a luz está atingindo e de onde está vindo. A próxima coisa que eu quero fazer é virar a suavidade borda muito acima provavelmente para um 100 por cento e, em seguida, mudar o ângulo do cone para ser muito mais largo. Algo por volta dos 25 parece muito bom. Então podemos ajustar a altura para mudar a forma da sombra. Se eu trouxer isso um pouco para que possamos ver melhor. Você vê que a altura em zero nos dá basicamente uma luz direcional direto para baixo. Se eu subir para 100, é como se estivesse batendo direito como se estivesse apontando uma lanterna para ele. Eu quero colocar a altura em torno de 30 e, em seguida, trazer isso de volta para fora e, em seguida, posicionar isso para que a maioria da imagem é iluminada. Eu vou ajustar o ângulo do cone um pouco mais, talvez ajustar a altura um pouco mais e então eu vou diminuir a intensidade para que a escuridão não seja tão escura. Mais uma vez, eu estou indo para ajustes muito sutis aqui. Não quero exagerar em nenhum desses efeitos. Vou aplicar zoom para caber novamente, e se eu ativar e desativar esta Camada de Ajuste novamente, você pode ver que ela está apenas adicionando uma vinheta muito sutil e, em seguida, adicionando um pouco de grau de cor sobre toda a imagem. Nada complexo e isso completa o efeito. 6. Substituir a arte e animação básica: Agora que você tem isso construído, você pode ir para o seu comp fonte, e o que você colocar nisso terá automaticamente a textura de malha aplicada a ele. Então, por exemplo, se eu desativar toda essa arte, eu posso trazer uma nova camada, dizer essa arte de Star Wars que eu acabei de ter, e então voltar para o meu título, e ele será atualizado automaticamente para se ajustar a essa nova arte. Se eu ampliar aqui, você verá que a cor entre o fio ainda está vermelha. Portanto, apenas esteja ciente disso. Você poderia quebrar cada won dessas cores em lá própria textura de suéter, ou talvez apenas torná-lo uma cor muito escura, dessaturada para que ele adicione um pouco de contraste para preencher essa transparência. Como você viu com o título, esse efeito ainda funciona com animação. Então, se eu apenas rapidamente desligar a camada de ajuste de textura de malha para que eu possa ver mais claramente, e eu vou selecionar todas as minhas camadas de arte. Então eu vou para a frente no tempo, talvez 15 quadros. Lá vamos nós no quadro 15, e eu vou segurar Option ou Alt em um PC e pressione R para adicionar um quadro-chave de rotação, bem como S para adicionar um quadro-chave de escala. Em seguida, eu vou voltar para o primeiro quadro, selecionar todos esses quadros de cais e, em seguida, basta deslizar a rotação para trás um pouco e virar a escala para baixo para zero. Em seguida, vou selecionar o segundo conjunto de quadros-chave para todas as propriedades, pressionar F9 no teclado para adicionar uma facilidade fácil e, em seguida, abrir o editor de gráficos, ampliar aqui, selecionar o segundo conjunto de quadros-chave aqui apenas arrastando uma caixa em torno de todas essas propriedades e, em seguida, aumentar a influência para essa alça. Isso só vai aumentar a quantidade de facilidade desse movimento. Se você não sabe o que é o editor de gráficos, eu tenho uma turma inteira dedicada a ele. É chamado de animação com facilidade em efeitos após, e você pode conferir isso nas notas desta classe. Vamos ram visualizar isso definindo nossa área de trabalho. Vou pressionar N para encaixar o ponto de saída para o meu indicador de reprodução, e então eu vou RAM preview pressionando zero no teclado numérico. Agora todas essas cabeças estão animadas. Então eu vou sair do editor de gráficos e pressionar U para recolher todas essas camadas. Finalmente, eu só quero compensar cada um e estes e por alguns quadros. A maneira mais rápida de fazer isso é fazer backup, digamos, dois quadros. Então, se este é o quadro um, então eu vou pressionar Page Down para ir um quadro adiante. Em seguida, mantenho Option ou Alt em um PC e pressiono o colchete de gravação para aparar todas essas camadas, que elas sejam todas duas molduras cada. Em seguida, selecionarei a camada que eu quero iniciar, que é esta no canto superior esquerdo, mantenha a tecla Shift pressionada e selecione o resto delas. É importante que você faça isso na ordem em que você quer que eles sejam colocados em camadas. Em seguida, vou clicar com o botão direito do mouse, role para baixo até o assistente de quadro-chave e dizer Vou pressionar, está bem. Você pode ver que o After Effects é escalonado automaticamente, cada uma dessas camadas de frente para trás. Em seguida, pressionarei End para ir até o final da minha composição e mantenha pressionada a opção, e pressione o colchete direito novamente para expandir todas essas camadas até o último quadro da composição. Vou pressionar Início para voltar para a frente e, em seguida, ram pré-visualização novamente. Agora você vê que todas essas cabeças são animadas, escalonadas por dois quadros cada. Ótima. Agora posso voltar a ligar a minha textura de malha. Vamos voltar para a nossa mane comp. Colocarei esta composição naquela janela, avançarei alguns quadros até que todas as cabeças estejam acesas, e então executarei a pré-visualização. Como você pode ver, leva um pouco de tempo para renderizar, e isso é só porque há um monte de efeitos trabalhando juntos. Mas o resultado final vale a pena. Aí está, uma textura de suéter de malha totalmente animada. Se você der uma olhada na cabeça do BB AIDS, a antena dele não está aparecendo. Isso é algo que você pode encontrar apenas por causa da maneira como o efeito funciona. Para corrigi-lo, eu vou voltar para a minha fonte comp, e eu vou pegar essa camada, e zoom, e você pode ver de novo que a antena acabou. Mas se eu tocar nas teclas de seta para a direita ou para a esquerda apenas uma ou duas vezes, você vê lá ele aparece. Às vezes, com linhas finas, dependendo do tamanho da grade, elas podem desaparecer. Então você pode ter que fazer um pouco de cutucar ouvir e lá para fazer as coisas parecerem do jeito que você quer. Então eu posso voltar, e lá vai você, antena dele está de volta, e isso é tudo o que há para ele. 7. Animar a neve: Eu provavelmente deveria ter sabido, mas muitos de vocês já me perguntaram como eu animei essa queda de neve. Eu sabia que provavelmente deveria ter te mostrado, na verdade é bem mais simples do que você imagina. Vamos dar uma olhada e eu vou te explicar como eu fiz isso. Primeiro de tudo, se eu desligar o efeito, você verá que são apenas blocos que estão caindo de cima para baixo, e é isso. Se olhares para a minha linha do tempo, é só uma repetição de nove quadros. Da maneira que funcionou, eu era capaz de apenas obtê-lo para loop perfeitamente naqueles nove quadros e isso foi muito bom ao exportar um presente porque eu só precisava desses nove quadros. Eu fiz o tamanho do arquivo muito pequeno. Vamos saltar para o meu comp e vamos dar uma olhada neste primeiro pré-comp que eu chamei de linha de queda de neve 1. Se dermos uma olhada nesse comp, você verá que é apenas uma única linha. Novamente, esta composição é composta de um monte de pré-comps em si. Na verdade, são 60 camadas da mesma animação. Se eu abrir um destes e você vê que eu tenho um único retângulo, eu vou pressionar u para abrir os quadros-chave e eu acabei de animar a posição do topo da composição para esta posição aqui e é exatamente onde o título corta-o na base das árvores. É por isso que só vai tão longe. Agora, eu redimensionei minha composição para ter apenas 20 pixels de largura porque o retângulo tem 20 pixels, e aquela empregada alinhando tudo mais tarde mais fácil. Mas vamos começar aqui. Temos um único floco de neve movendo-se pela tela. Agora, eu sabia que este retângulo iria produzir a forma que eu precisava porque eu comecei com esta camada, eu vou copiar isso em minha composição de molho para que eu pudesse ver o que o efeito estava fazendo com aquele retângulo único. Deixe-me desligar a queda de neve por enquanto, e eu vou colar aquela camada que eu copiei bem ali. Lá está escrito aqui. Isso é o que me disse que um retângulo de 20 pixels era suficiente para preencher uma seção desta malha, então as duas metades de uma malha, e eu fiz dez pixels de altura, então ele só encheu uma linha. Se eu mudasse a altura deste retângulo para 20, então ele vai ocupar mais dessas malhas e eu não queria isso. Eu só dimensionei para baixo. Parece que foi na verdade 18 e 8. Se eu expandi isso para 20, ainda funciona, mas de qualquer maneira, 18 funcionou bem, então foi o que eu usei. Então eu o animei. Você vê que minha posição tem esses números vermelhos. Novamente, isso significa que há uma expressão aplicada. Se eu rodar isto para baixo, vou desativar a expressão e mostrar-lhe como é sem ela. Vou apenas executar uma pré-visualização desta animação. Você vê que como ele vem para baixo de vez em quando, há como este meio caminho entre o estado. Acho que só está acontecendo lá em cima. Vamos voltar a esse ponto e você viu bem ali, bem ali, há um ponto de meio caminho onde ele está ficando semitransparente e está ocupando duas dessas seções ao mesmo tempo. Para entender o que está acontecendo, deixe-me ir até a minha textura de malha e eu vou desativar o deslocamento turbulento e a dobra de onda, para que possamos ver apenas a ação berrar. O que está acontecendo é que esta camada de floco de neve está aparecendo bem no meio desta seção de grade ouvir direito. O efeito é misturar parte dele nesta linha e alguns dele para baixo nesta linha. Se eu desativar o efeito e ocultar meus contornos pressionando Command Shift H, você verá que mesmo o After Effects está mesclando essas bordas. Isso é chamado de suavização de borda e é uma maneira de tornar gráficos mais suaves quando você está lidando com entre valores de pixel. O que a expressão faz é arredonda os valores de pixel da posição para números inteiros. Neste momento, a posição y é 24,3 pixels, mas se eu habilitar minha expressão, ela arredonda para o número do buraco mais próximo. Você vê que essas bordas suaves agora desapareceram. Isso é verdade para toda a animação agora. Não importa como eu animar isso, os valores sempre serão arredondados para o pixel inteiro mais próximo. Isso pode resolver muitos problemas se você estiver encontrando isso entre suavização de serrilhado, que às vezes pode acontecer com esse efeito. É por isso que estou apontando. Agora é um pouco mais complexo de entender, mas deixe-me apenas explicar. Vou tirá-lo. Precisamos começar por entender que um valor de posição por padrão, não é um único número. Ele tem dois valores na mesma propriedade ou se for uma camada 3D, ele terá três. Ao escrever uma expressão para ele, não podemos simplesmente chegar a um único valor. Temos dois têm um valor para cada uma dessas propriedades. Vou adicionar minha expressão segurando Option ou Alt em um PC e clicando no cronômetro. A maneira como você escreveu uma matriz é digitando entre colchetes abertos, um valor, vírgula, o segundo valor e, em seguida, um colchete de fechamento. Isso é chamado de array. O que está neste primeiro valor é o que será conectado ao primeiro valor da propriedade position. Em seguida, o segundo será aplicado em um segundo. Este é o x e este é o y. Se eu disse 100, 200, e cliquei fora, agora meu valor de posição é 100 no x e 200 no y. Em vez de fazer isso, precisamos digitar uma expressão que irá arredondar seja qual for o valor em que a posição está atualmente. Vamos editar esta expressão novamente. Em vez de 100, vamos digitar maiúsculas Math.Round, entre parênteses, e então eu vou pegar o chicote de escolha e selecionar o valor x da posição, e que irá preencher automaticamente o código para isso, e em seguida, coloque um parênteses de fechamento. A expressão está dizendo arredondar o valor da posição x valor, que é representado por um zero aqui. X é zero, y é um. Agora vamos fazer a mesma coisa para o y. em vez de 200, vamos dizer Math.round, abra parênteses, em seguida, clique no chicote de seleção e selecione o valor y e, em seguida, fechando parênteses. Então eu posso clicar fora. Lá vai você. Agora minha expressão está escrita e os valores são arredondados. Assim que eu tiver isso funcionando, eu poderia voltar a ligar meu efeito. Eu pré-compus esta camada, que foi o que me trouxe a esta composição. Então eu tinha um único floco de neve caindo. Então eu dupliquei aquele único floco de neve 60 vezes para que ele enchesse toda a largura do comp. Então eu compensei cada uma dessas camadas por um pouco no tempo. Foi completamente aleatório. Eu apenas duplicei a camada 60 vezes e então mudei tudo isso ao redor até que a queda de neve parecia praticamente aleatória. Se eu corri visualizar isso, você vê isso é apenas uma linha que cai no chão. Novamente, eu alinho isso com a base dessas árvores. Uma vez que eu tinha todos eles dispostos, eu pré-compus novamente, e então na minha composição fonte, eu dupliquei o pré-comp um monte de vezes. Se eu sozinho todas as minhas camadas de neve e ram preview, o que eu fiz para chegar a este ponto foi compensado cada uma dessas duplicatas por alguns quadros. Se bem me lembro, eram cinco quadros de cada vez. Mas a maneira que eu consegui fazer o loop perfeitamente foi usando o remapeamento de tempo. Deixe-me duplicar um destes. Vou desligar todas as outras camadas e, em seguida, vou abrir o remapeamento de tempo e excluí-lo. Ficamos com apenas o pré-composto único onde a fila do floco de neve cai uma vez. Agora, eu queria que isso ficasse para sempre. O que eu fiz foi clicar com o botão direito do mouse, ir para o tempo e, em seguida, ativar o remapeamento de tempo O que isso faz é adicionar o quadro-chave no primeiro quadro e no último quadro dessa composição e estende a camada para obter todo o comprimento da competência em. É isso. Mas agora posso brincar com este timing. Se eu estender isso, vai demorar mais tempo. Se eu trouxer, será mais curto. Eu não queria mexer com a velocidade da queda de neve. Em vez disso, eu queria que ele fizesse loop uma vez que chegasse a este ponto. Eu adicionei outra expressão muito simples segurando Option ou Alt e clicando no cronômetro e digitando loop maiúsculo OUT para loop out, e, em seguida, abrir parênteses e fechar parênteses. Agora, uma vez que ele atinge o segundo quadro-chave, ele automaticamente salta de volta para o primeiro quadro e, em seguida, loops. Fará isso para sempre. Uma vez que eu tinha esse loop, eu duplicava, deslocava por cinco quadros, duplicava novamente, deslocava mais cinco quadros, e assim por diante até que eu tivesse o suficiente dessas camadas para preencher esse loop de nove quadros. Então, uma vez que eu tive o suficiente das camadas, eu apenas apoiado todas elas até que o último quadro da primeira camada foi no início da minha composição. Dessa forma eu novo o loop seria 100% sem costura, e isso acabou parecendo exatamente assim. Como eu disse, não é tão complexo. É apenas um monte de camadas, compensação no tempo, mas é tudo baseado em um único floco de neve comp. Se eu fosse para ir para esse pré-comp e ajustar a flexibilização que ele comece rápido e termine devagar, isso afetaria toda a animação de queda de neve e você vê agora meu padrão parece completamente diferente. Começa rápido, e depois desacelerando na parte inferior, ao contrário de começar devagar, e gradualmente ganhando velocidade. Se eu tirei a flexibilização completamente, então a animação será uma velocidade consistente. Eu queria que fosse um pouco mais dinâmico, então foi por isso que aliviei. Então, uma vez que você combina isso com o efeito, porque nós temos essa expressão de posição arredondada aplicada, a queda de neve é representada por uma malha inteira para cada floco de neve sem nenhuma dessas posições intermediárias. Foi assim que eu me animei pela neve. Espero que isso tenha sido útil para você. Muito obrigado pelo feedback. Estou sempre interessado no que você está interessado em aprender. Obrigado por falar e manter o grande trabalho. 8. Exportar uma imagem estática: Se você quiser exportar seu design como um único quadro, tudo que você precisa fazer é chegar a Composição, salvar quadro como arquivo. Isso adicionará qualquer quadro em que você estiver em sua linha de tempo à sua fila de renderização. É assim que exportamos coisas do After Effects. Se você precisar exportar uma animação, basta ir para a composição, adicionar à fila de renderização. Se você precisar de instruções sobre como fazer um presente, verifique a minha outra classe, comprimindo presentes como um chefe, onde eu expliquei minhas três principais maneiras de comprimir presentes depois de animar no After Effects. Temos um quadro estático configurado em nossa fila de renderização, e é por padrão indo para a saída como um PNG. Quero mudar isto para JPEG. Então eu vou clicar neste texto azul. Sob minhas configurações do módulo de saída, eu vou para o formato e alterá-lo de seqüência PNG para seqüência JPEG. Então eu vou chegar às minhas opções de formato e eu vou baixar a qualidade para cinco. Você pode brincar com essa configuração para equilibrar a qualidade com o tamanho do arquivo. Então eu vou apertar Ok, e eu vou pressionar Ok mais uma vez, e então aqui, você viu Saída 2 e um pouco mais de texto azul. Se eu clicar nisso, posso dizer ao After Effects para onde exportar o quadro. Agora, eu não preciso desse código de tempo, então eu vou apenas ir em frente e me livrar disso, e eu vou exportá-lo para minha área de trabalho e, em seguida, clique em Salvar. Agora isso está pronto para exportar. Então eu vou clicar em Renderizar. After Effects renderiza esse quadro único e aqui está ele na minha área de trabalho. Isso é tudo que você tem que fazer para exportar seu quadro. 9. Obrigado!: Tudo bem, é isso. Muito obrigado por fazer esta aula. Agora que você sabe como construir esse efeito, você pode começar a fazer desenhos de suéter de Natal soma. Eu adoraria ver seu trabalho, então não se esqueça de postar seus projetos de classe, e se você publicá-los em mídias sociais, certifique-se de me marcar @JAKEINMOTION. Como sempre, se você tiver alguma dúvida ou quiser qualquer feedback, basta me informar em seu projeto de aula ou me fazer uma pergunta na página da comunidade. Eu adoraria se você me deixasse revisar para esta aula. Obrigado mais uma vez por fazeres esta aula, e vemo-nos da próxima vez.