Easings avançados: gráficos de movimento desde o solo

1. Apresentação: Eu não sou treinado musicalmente. Eu costumava dizer, bem, até antes da pandemia, eu acho, e então ela meio que perdeu o contato e eu não consigo cantar tão bem, agora preciso de um pouco de prática. E mesmo que eu não tenha formação musical, uma coisa que me fascina muito em música, partituras ou musicais ou notações musicais é basicamente música escrita em papel, que você pode lê-la. E acredito que os treinados musicalmente também podem ouvir a música em suas cabeças enquanto a lêem, representando um fenômeno físico. O som e o tom no papel são surpreendentes. É incrível o que conseguimos fazer. Agora, antes de começar a falar sobre gráficos de movimento, gostaria de me debruçar um pouco mais sobre o tópico das notações musicais e falar sobre música, não, não é. O que você acha que é? Na verdade vem de uma pintura pintor renascentista Hieronymus Bosch neste tríptico neste canto neste mar de caos esse cara com anotações musicais escritas lá. Mas as pessoas, é claro, tentaram tocar essa música e você julga se ela é boa ou ruim. Tudo bem? O que estou tentando dizer é que você pode escrever um fenômeno físico ou representar um fenômeno físico, como música no papel com caneta. Da mesma forma, você também pode representar o movimento em um papel com caneta usando três linhas como essas. Como as notações musicais são para mim ou para qualquer pessoa que não tenha formação musical. Essas linhas também não transmitem muita coisa se você não entende os gráficos de movimento. Olá, meu nome é Nash e, nesta aula, eu queria treinar seu cérebro para observar as linhas como essas e imaginar movimentos acontecendo em sua cabeça. Imagine um movimento acontecendo em sua cabeça e desenhe as linhas que correspondem a esse movimento. Porque são os gráficos de movimento e as coisas fáceis que fazem ou quebram na animação. Mesmo se você tiver uma bela animação, ótimas cores e tudo mais. Se as noites e os gráficos de movimento não forem escritos, sua animação será péssima. Eu digo isso com muita confiança. Vou te ensinar o que esses gráficos em linhas significam e como manipulá-los para criar belas animações. Esta aula usou , você sabe, os princípios básicos de como usar o After Effects, como propriedades de quadro-chave, etc., qualquer coisa que possa ser abordada em um curso intensivo de 10 minutos no YouTube. Vou começar do básico e vou construir com base nisso. E também, sem hesitar, mostrarei um pouco da matemática envolvida nesses gráficos. Então, não vamos perder tempo. Vamos embora. 2. Taxa de mudança: Bem-vindo à primeira aula desta aula. O título desta lição é Taxa de variação. Agora, antes de eu entender por que essa lição é chamada de taxa de mudança. E as outras coisas, há algo que eu queria compartilhar. A maneira que eu estruturei esta lição é que você vai se afastar dessa lição com uma e apenas uma ideia central até o final desta lição, para não alcançar essa ideia, eu vou ter que ir através de alguma quantidade de cálculos e alguma quantidade de matemática. Não, nada super complexo, apenas coisas simples para chegar lá. Mas eu só queria apresentá-lo antes do início da aula. Porque se você chegar a uma parte da aula ou desta aula, que você não está necessariamente gostando por causa da matemática e tudo mais. Eu só queria te dizer que está tudo bem. Se você não entende isso, é apenas uma ideia central da aula que você precisa seguir em frente. Mas isso fora do caminho, vamos entrar na carne da classe. A diferença entre qualquer coisa estática e qualquer coisa animada como simples. Em algo que é estático, nada está mudando. Mas em algo que é animado ou uma animação, as coisas estão mudando e as coisas que estão mudando. Posição, tamanho, rotação, etc. Portanto, o alicerce básico de qualquer animação é a mudança. E a mudança é sempre medida em relação ao tempo. Qualquer mudança exige que o tempo também avance no rolo de padrões. Sem o movimento do tempo, sem a seta do tempo, não pode haver nenhuma mudança e não pode haver nenhuma animação. E, portanto, essa parte da interface do usuário do After Effects é chamada de linha do tempo. Aqui você pode ir e voltar no tempo e ver uma animação acontecendo. E se você não ver, novamente, entre na janela e você verá a linha do tempo. Vamos pegar o quadrado, por exemplo, no momento t igual a 0, definirei um quadro-chave para rotação de 0 graus. E no tempo t é igual a 1 segundo, vou girá-lo de quatro a cinco graus. E se eu esfregar, você pode vê-lo girando. Agora vamos tomar esse mesmo conjunto de ações de definir um quadro-chave no tempo t igual a 0 para 0 graus e no tempo t igual 1 segundo para 45 graus e plotado em um gráfico muito simples. Agora já sabemos que precisamos do movimento do tempo. Então eu vou desenhar esse eixo plano e vou chamá-lo de tempo. E eu vou desenhar outro eixo assim. E vou chamar isso de eixo de rotação. Tudo bem? Agora, novamente, o mesmo conjunto de ações. Eu vou em frente e mudar minha cor para algo como azul. Tudo bem, então no tempo t é igual a 0 segundos, temos a rotação como 0 graus. E vamos dizer que aqui está o tempo t igual a 1 segundo, temos a rotação. E se dividirmos esse eixo como dez graus, 203040506070 taxas. Então isso pode ser dez graus, 20 graus, 3040 graus, 506070 graus, e assim por diante e assim por diante. 45 graus estariam em algum lugar por aqui. Então, no tempo t é igual a 1 segundo, a rotação é de 45 graus, então vou desenhar um ponto aqui. Ótimo. Agora vou desenhar algumas linhas horizontais e verticais. Então, a partir de t é igual a 1 segundo, vou traçar essa linha. E no tempo t em rotação de 45 graus, eu só vou desenhar essa linha. Então é aqui que eles se cruzam e este é o nosso primeiro, que é de 0004 a cinco em um. Estes são todos esses dois, esses dois pontos basicamente dizem, agora vamos em frente e conectar esses pontos usando uma bela, você sabe, cor amarela. Se isso for visível, vou deixar um pouco mais escuro. Então eu vou em frente e conectar esses pontos assim. Tudo bem. E a RV deles, temos um gráfico e realmente não precisamos desse círculo aqui. Então eu vou em frente e, você sabe, apenas, vou me livrar disso. Tudo bem, concentre-se nessa linha. Então, temos um gráfico agora. Tudo bem, legal. Agora vamos tentar simplificar um pouco esse gráfico. Em primeiro lugar, não precisamos dessas linhas horizontais e verticais. Essas linhas pontilhadas estavam lá apenas para enfatizar que esses pontos são criados em sua interseção e os pontos são tudo com que realmente nos importamos. Em seguida, sabemos que, como esse gráfico é desenhado no contexto da animação, o eixo horizontal sempre será um eixo do tempo. Agora vamos deixar as divisões, vamos deixar essas divisões aqui, mas podemos nos livrar do rótulo porque se entende que isso sempre será cronometrado, certo? Está implícito, é entendido. Vamos deixar a rotação por aqui por enquanto, porque estamos lidando com a rotação. Mas lembre-se de que no After Effects estará sempre trabalhando dentro da propriedade, rotação ou escala, ou britânico e etc. E isso sempre estará implícito. Mas por enquanto, vamos deixar a rotação aqui. Também não precisamos desses rótulos aqui, certo? Porque todos nós, no final, você verá que todos nós nos importamos com esse gráfico aqui, certo? Isso é o que eu estou tentando chegar. Só para simplificar um pouco o gráfico e se livrar das informações redundantes. Depois de fazer isso, depois de limparmos um pouco, oops, deixe-me limpar um pouco. E se você usa o Procreate, você sabe que este aplicativo, eu estou usando um iPad e Procreate, mas isso realmente não faz parte da aula. Mas tudo bem, no final, temos esse gráfico aqui, certo? O que fizemos foi entender que este é o tempo, esse eixo, a propriedade em que estamos trabalhando, essa linha amarela ou verde, eu sou daltônico, eu não sei, mas esta linha aqui é o que eu assume que é seu primeiro gráfico de movimento. Tudo bem, agora, se eu voltar para o After Effects através desta pequena animação refeita desse quadrado girando, certo. Podemos ir até aqui, clicar no editor de gráficos, depois para cima, ir para baixo, clicar em Editar gráfico de valor e garantir que a propriedade de rotação esteja selecionada. E quando você clica nele, exatamente o mesmo gráfico como este. Olha isso. E é por isso que eu disse que talvez isso, você sabe, se você não está familiarizado com gráfico, este é o seu primeiro gráfico de movimento. Agora isso está indo de 045 graus é o que muda. Mas lembre-se de que o nome desta lição é taxa de mudança. Agora, o que é isso? Taxa de mudança é o mesmo que dizer a rapidez com que a mudança está acontecendo ou a velocidade da mudança e o que está mudando aqui novamente, o valor de uma propriedade, o valor de uma propriedade e o a propriedade em questão agora é a rotação. Vamos voltar a este gráfico que esboçamos anteriormente do quadrado girando de 0 a 45 graus e tentar descobrir a velocidade. E a velocidade de um gráfico é medida por uma fórmula simples. Tudo bem, haverá um pouco de cálculo. Ok, reviravolta. Feche o vídeo agora se você não estiver interessado, estou brincando. Não é tão complicado. E eu não vou apenas fazer seu peso seu tempo aprendendo algo que você não vai usar. Mas de qualquer forma, a velocidade é medida por uma fórmula simples, que é dividida por dx. Tudo bem? Agora, há três coisas aqui que podem ser novas para você. D, y e x. Vamos primeiro, tirar x e y do caminho. Agora eu presumo que você já saiba disso, mas deixe-me passar por isso mais uma vez em um plano bidimensional. E falaremos mais sobre isso quando chegarmos a mudar a propriedade da posição e depois dos efeitos, há apenas duas direções. Você pode se mover, seja horizontal ou vertical, em vez de chamá-lo repetidamente de vertical e horizontal, que são ambos um bocado, nós convencionalmente aceitamos universalmente em todo o planeta. Nós rotulamos a direção horizontal como x e a direção vertical como y. E vamos simplesmente ignorar esse rótulo gelado, rótulo na última frase. Mas esse é o ponto que chamamos direção horizontal x e direção vertical y. E se você entende essa média, então parabéns, você entende o conceito de x e y em um gráfico. Em nosso gráfico aqui, o tempo está na direção horizontal. Então, podemos dizer que este é o nosso eixo x do gráfico ou o eixo horizontal e rotação ou qualquer outra propriedade com a qual estamos lidando. Um After Effects estará na direção vertical, ou podemos dizer que é o eixo y. Agora x e y estão fora do caminho. está Agora, aqui está como vou escrever a velocidade de rotação para essa animação, essa animação de símbolo quadrado rotativo que criamos no After Effects. O que eu vou fazer é que eu posso escrever que a velocidade de rotação é igual a, então vai para 45 graus. Então, 45, e começa a partir de 0 graus. Então, menos 0, atinge quatro a cinco graus em 1 segundo e começa a partir de 0 segundos, então menos 0. Portanto, isso seria de 45 graus por 1 segundo, que implica que a velocidade de rotação é 45 graus por segundo. E essa subtração aqui, essa subtração ou subtração, como você chama isso? Eu não sei. Essa subtração é o que é chamado de Delta, e é representada pelo símbolo grego de delta ou em vez de delta, o que pode ser usado é apenas uma pequena letra D. Agora, existem algumas nuances de cálculo onde você deve usar Delta e onde você deve usar D. Mas isso realmente não nos preocupa. Estamos prontos para ir. Tudo isso foi apenas para mostrar que este é o gráfico de um quadrado que está girando a 45 graus por segundo, certo? Então, deixe-me me livrar de toda a matemática aqui. Agora, o que vou fazer é selecionar cores diferentes. Vou selecionar essa cor. E eu vou desenhar outro gráfico, mas um que é um pouco mais íngreme do que este, certo? Então, deixe-me desenhar algo assim. Um pouco mais íngreme do que isso, certo? Um pouco mais íngreme do que isso. Como você pode ver que este gráfico aqui, o original, é mais plano do que este gráfico, esse novo gráfico que eu desenhei. Agora você me diz isso, o objeto com este gráfico para rotação, o novo, vamos girar mais rápido do que este ou mais devagar. Agora pense nisso. Sim, ele girará mais rápido porque está cobrindo mais. Ele está girando mais de 45 graus na mesma quantidade de tempo para obtê-lo. Agora deixe isso afundar. Esse é o único conceito importante que você vai tirar desta lição. Agora, deixe-me voltar ao After Effects para essa animação simples que criamos. Vou seguir em frente e selecionar essa camada, pressione o Comando D para duplicá-la. E antes de irmos em frente e fazer qualquer outra coisa, vamos olhar mais uma vez para a rotação, o gráfico de movimento da rotação bem aqui e agora ele ocupa toda a área da linha do tempo, porque essa opção está selecionada, que é a altura do gráfico de zoom automático. Vamos desligar isso para que seja mais fácil para nós ver a diferença do que vamos fazer. Agora, acabamos de duplicar essa camada. Eu vou esconder o original. Vou seguir em frente e selecionar a nova camada, pressione R para aumentar a rotação. E você pode ver que, já que o duplicamos, é exatamente a mesma coisa. Mas o que vou fazer é aumentar sua velocidade. E uma maneira de fazer isso é aumentar a quantidade de rotação. Então agora esse quadrado gira 75 graus em 1 segundo, e esse quadrado gira 45 graus em 1 segundo. Então, vamos dar uma olhada nos gráficos deles. Vou selecionar a rotação do original. E você pode ver que este é o gráfico. E agora vou em frente e selecionar a propriedade de rotação da mais nova. E lá vai você. Como você pode ver, o gráfico é mais íngreme e espero que você esteja entendendo o que quero dizer quando digo mais íngreme, significa que é, está mais longe. Esse ângulo aqui está mais distante, mais do solo para este gráfico, que para este gráfico. Tão mais plano, mais íngreme, mais plano, mais íngreme, rotação mais rápida, gráfico mais íngreme, rotação mais lenta, gráfico mais plano. E da mesma forma se eu desenhasse outro gráfico que fosse mais plano como algo assim, certo? Esse aqui. Você consegue imaginar a velocidade do objeto? Mas esse gráfico de rotação, é claro, será mais lento porque está girando menos na mesma quantidade de tempo. E deixe-me reforçar isso voltando novamente para o After Effects. Eu vou em frente e duplicar esse quadrado novamente. E o que vou fazer com esse quadrado duplicado é pressionar R para aumentar a rotação, e vou girá-lo como 20 graus em 1 segundo. A velocidade desse quadrado está girando 20 graus em 1 segundo. Como você pode ver, é bem lento, certo? E se eu for em frente e olhar para o gráfico, é mais plano, plano, mais lento, um pouco mais rápido, mais rápido. Então, como você pode ver, o gráfico mudando de plano para mais íngreme para mais íngreme à medida que a velocidade da rotação está aumentando. Portanto, é assim que você pode interpretar, correlacionar o quão íngreme ou plano o gráfico é e a rapidez com que a rotação ou qualquer mudança na propriedade está acontecendo. Agora, antes de sairmos deste vídeo com o insight que obtivemos, deixe-me seguir em frente e dar mais um exemplo para que ele se torne mais concreto. Então, vou excluir essas camadas extras. Vou seguir em frente e remover todos os quadros-chave da rotação. Tudo bem, então isso é apenas um quadrado normal. Deixe-me girá-lo para trás 0. Vou seguir em frente e pressionar S selecionando isso e abro a propriedade scale. E vou seguir em frente e manter a escala em 100 em t igual a 0 segundos. Ou eu posso ir a qualquer momento. E então, novamente, eu posso aumentar sua escala para algo como 150, certo? Então você pode ver que é assim que está mudando de cento, duzentos e cinquenta. Vamos dar uma olhada no gráfico dessa animação e você pode ver que é novamente, o mesmo gráfico dela aumentando assim. Agora, duplique-o e pressione S novamente e deixe-me aumentar a velocidade dele. Como posso aumentar a velocidade fazendo que ela atinja 200 por cento em 1 segundo? Então você pode ver como boop, é mais rápido. E se eu olhar para o gráfico, você pode ver que é mais íngreme, mais íngreme, mais plano, mais plano, mais plano é igual a mais lento, mais íngreme é igual a mais rápido, certo? E não é mágica, é matemática porque quando o gráfico é mais íngreme, a mesma quantidade de mudanças acontecendo em menos tempo ou mais mudanças acontecendo ao mesmo tempo. E, portanto, a animação é mais lenta ou mais rápida. E com isso, terminamos essa lição. A única ideia clara de que uma ideia central da qual eu estava falando e que você vai se afastar era, quando o gráfico é mais plano, quando o gráfico é mais plano, as coisas se movem mais devagar e quando o gráfico é mais íngreme, as coisas se movem mais rápido . Tão lento, rápido, rápido, rápido, rápido. E essa é a ideia central e espero que você entendido e espero que você esteja indo embora com essa ideia. Desta lição. Na próxima lição falaremos mais sobre flexibilização, diferentes tipos de flexibilização e por que eles são chamados. Então, eu faria uma pequena pausa. Vejo você em breve. 3. Como facilitar: Ok, então aqui está você. Vamos direto ao assunto e saber recapitulado. Ok, um pouco de recapitulação. Na lição anterior, partimos para este gráfico. Se você puder ver, isso mostra basicamente como uma propriedade está mudando ao longo do tempo. E aprendemos que quanto mais íngreme for o gráfico, mais rápido a mudança acontece e mais plano o gráfico à medida que mais lenta a mudança acontece. Agora, quando se trata de flexibilização, flexibilização não é realmente uma palavra em inglês, acho que você não vai encontrá-la no dicionário. Tive dificuldade em encontrar uma maneira de explicar isso para alguém que nunca ouviu isso antes. Então, preste muita atenção. A flexibilização é basicamente como uma mudança na propriedade acontece ao longo do tempo, como ela desacelera, acelera, etc Existem muitos tipos de flexibilização que designers de movimento usam facilidade em, facilidade, facilidade Expo e facilitar a Expo, etc. E tudo isso ficará mais claro à medida que progredimos na aula. Você não precisa ter 100% de compreensão disso. Ok? Agora, este gráfico aqui representa uma flexibilização colinear de atenuação, este gráfico que é apenas uma linha reta inclinada. E a flexibilização linear é o tipo de flexibilização mais enfadonho que existe. Você pode dizer por quê? É? Porque toda a mudança no valor de uma propriedade acontece a uma velocidade constante. Como se eu jogasse isso, acontece que tinha uma velocidade constante, que não é como as coisas se movem na vida real. Agora, se eu pedisse para você traçar uma constante de gráfico no papel, como seria? Uma constante como, por exemplo, esse é o tempo, é claro, mas uma constante pode ser qualquer coisa. Pode ser o número dois, Número, Número um, Número dez ou qualquer outra coisa. Qual seria a aparência do gráfico de uma constante? Você sabe como será se eu selecionar a cor verde, totalmente arbitrária. Verde não tem nada a ver com o gráfico. Então, o gráfico de uma constante, vamos parecer algo assim, o que significa que, à medida que o tempo passa, ele permanece o mesmo. Não há mudança na constante, mas com uma velocidade constante não é como as coisas se movem na vida real. Na vida real, digamos que quando o carro liga, ele começa devagar e depois ganha velocidade. E então, à medida que está desacelerando, ele diminui gradualmente. Ou quando você rola uma bola, ela começa em uma boa velocidade, mas depois cai lentamente devido ao atrito. Há algo que vou mostrar a vocês no After Effects. Só uma pequena espiada de algo. Ok? Portanto, há dois tipos de gráficos no After Effects. Há o gráfico de valor, que mostra como o valor de uma propriedade muda ao longo do tempo. E depois há o gráfico de velocidade que mostra as mudanças de velocidade ao longo do tempo. E se eu clicar aqui, o que você verá é que este é o gráfico de velocidade e o gráfico de uma constante que desenhamos aqui, o que significa que o tempo solicitado passa, ele permanece o mesmo. Portanto, a velocidade dessa animação permanece a mesma durante toda a duração. E é por isso que é muito robótico, muito antinatural e não parece muito bom. E esse tempo de flexibilização é o que é chamado de flexibilização linear. Agora, o gráfico de valor e o gráfico de velocidade estão muito conectados e mostrarei isso mais tarde. Mas agora parece seguro esquecer que o gráfico de velocidade existe. Vamos mudar um pouco as coisas agora. Vamos voltar à nossa linha do tempo clicando no editor gráfico, selecionarei o primeiro quadro-chave. Vou clicar com o botão direito do mouse nele e ir para assistente de quadro-chave e escolher Fácil, Facilidade, tudo bem, e você pode notar que a forma do quadro-chave muda, que discutiremos mais adiante. Agora, se eu reproduzir essa animação, observe como ela começará devagar e, em algum momento, começará a se mover a uma velocidade constante. Ok, pronto, preste atenção, eu vou tocar a animação. Começa devagar e depois começa a sangrar a uma velocidade constante. E então vou mover esse quadro-chave um pouco à frente para que você possa fazer com que eles tenham uma ideia melhor da animação. Então eu clico em Play, ele começa devagar e depois começa a se mover a uma velocidade constante. Agora, se olharmos para o gráfico de valor, que mostra o gráfico de como o valor de uma propriedade muda ao longo do tempo. Podemos ver uma certa curva aqui. Se o seu gráfico não estiver, estiver totalmente reduzido, você pode clicar aqui, que diz Ajustar gráfico à exibição e ele apenas o esticará para caber corretamente. Você pode fazer isso. E você pode notar que o gráfico não é mais uma linha reta por causa da curva aqui. Agora, como lemos um gráfico que é curvo assim? E esse é um gráfico interno muito grande. Haverá enxertos torcidos e outros enfeites. E como os lemos? Bem, não é tão difícil. Tudo o que você precisa fazer é lembrar que qualquer gráfico ou curva é composto de muitos pontos como esses. Isso é um ponto, isso é um ponto, é um ponto, isso é um ponto. Então, é composto por muitos pontos como esses. Agora, o que você tem que fazer é desenhar mentalmente tangente em cada um desses pontos ou em alguns desses pontos, certo? Mas primeiro, o que é uma tangente? Uma tangente é apenas uma linha reta que toca uma curva em um ponto. Então, se isso é uma curva, então a tangente pode ser essa. É uma linha reta que toca essa curva neste ponto, certo? Assim, você pode desenhar quantas tangentes você aquecer lá. Então, vamos escolher esse ponto e desenhar uma tangente. Vou escolher esse ponto e desenhar uma tangente. Vou escolher esse ponto e desenhar uma tangente. Vou escolher esse ponto e desenhar uma tangente como esta. E lembre-se do que falamos anteriormente. íngreme, mais íngreme é igual a mais rápido e mais plano. É igual a mais lento. Mas veja isso, a propriedade que segue esse gráfico. Então essa tangente aqui é mais plana, então a velocidade é lenta, então mais plana ainda aumenta um pouco, certo? E então novamente, fica cada íngreme até atingir todas as tangentes realmente do mesmo ângulo ou igualmente íngremes ou iguais em Mi bemol. Então, basicamente, ele começa devagar e depois atinge um ponto de velocidade constante. E é isso que está acontecendo aqui também. Você vê que é o mesmo gráfico. Portanto, a tangente é mais plana, mais plana, mais plana e, em seguida, atinge as velocidades da conta. Imagine isso. Vou seguir em frente e fazer um pouco de manipulação gráfica. Não muito, só para reforçar o ponto. E se eu puxar isso, eu estou segurando Shift para que ele se mova em linha reta. Eu puxo isso e deixo mais plano. Tudo bem, então se eu desenhar uma tangente neste ponto, ela será quase plana, então a velocidade será quase 0, e então ela permanecerá com uma velocidade mais lenta por mais tempo. Então, se eu reproduzir essa animação, olhe para isso. Sim, começa bem devagar e depois pega. Então, deixe-me ir em frente e esticar essa animação um pouco mais para que você possa entendê-la melhor. E eu vou em frente e reproduzi-lo para que você possa ver que muito tempo passa antes que ele comece a girar porque a velocidade é lenta por toda essa duração. Então, novamente, esfregue isso, olhe para o gráfico, quão plano ele é e quanto menos ele está se movendo durante a parte plana. E se eu fizer isso plano ou parado, você pode ver que levará mais tempo para começar. Então, novamente, lembre-se de que este é o gráfico de valor com o qual você está lidando. Estamos ignorando o gráfico de velocidade por enquanto. E sim, então no gráfico de valor, plano ele é, mais lento ele se move e, em seguida, ele lentamente alcança a velocidade. Ok, agora, haverá alguma nomenclatura que usaremos isenção de responsabilidade de equipamentos. Agora, se você olhar para esse gráfico inteiro, esse gráfico de valor como um todo, vamos chamar esse lado de lado esquerdo, de dentro. Tudo bem. O lado direito, o lado de fora. Agora, faremos algo semelhante quando realmente falarmos sobre facilitar o aplicativo em nós únicos. Mais tarde, teremos um interior e um exterior. Mas foi aí que eu estava apenas avisando eles. Então, neste gráfico como um todo, o lado esquerdo aqui é o interior, este é o lado de entrada, e este lado aqui é o lado de fora. Agora, como você pode ver neste gráfico, há uma flexibilização aplicada por dentro, certo? E, portanto, podemos chamar esse gráfico de facilidade no gráfico, se eu trouxer este site chamado easing is dotnet. Ele só mostra tudo diferente, alguns tipos diferentes de coisas. Obviamente, nenhum site pode cobrir todas as pequenas mudanças na curva. Mas veja todas as curvas que têm 0s n na frente delas. Todos eles têm alguma flexibilização no interior do gráfico, certo? Ele está dentro, lá vai você, Lá vamos nós. Há alguma flexibilização aqui, certo? E da mesma forma, e da mesma forma neste gráfico, se eu for em frente e remover a flexibilização a partir deste ponto, que pode ser feito simplesmente voltando à linha do tempo Command Plus clique e engrenagem para que não haja flexibilização. E se eu for em frente e aplicar a flexibilização a esse quadro-chave acessando o assistente de quadro-chave e facilidade fácil, você pode ver que isso se torna um gráfico de atenuação porque há flexibilização no fora dessa animação. E novamente, se eu abrir esse site, você pode ver que todos os Ease Outs têm algum tipo de curva acontecendo aqui. Acalme-se, alivie o frio. Tudo isso tem algum tipo de curva acontecendo aqui. Então eu espero que você entenda quando você chama um gráfico, facilite e quando você o chama de gráfico facilite. E nem é preciso dizer que você já aprendeu a ler o tipo de gráfico é que as tangentes aqui estão formando o mesmo ângulo daqui. Então, eles são a inclinação semelhante se isso for uma palavra e então começa a ficar mais plana aqui, o que significa que ele começará a uma velocidade constante e depois diminuirá. Está saindo. Agora, existem alguns valores matemáticos precisos que o After Effects, se aplica a esses gráficos quando você segue em frente e aplica algum tipo de assistente de quadro-chave e , em seguida, facilita facilmente e fale mais sobre os valores padrão e como manipulá-los posteriormente nas próximas aulas. Agora, se eu for em frente e aplicar a flexibilização a esse quadro-chave, vá ao assistente de quadro-chave e aplique a facilidade fácil. Você pode ver que agora tem flexibilização em ambos os lados. E esse gráfico é chamado de gráfico de facilidade de entrada e saída. E lembre-se de que estamos falando sobre esse gráfico como um todo aqui. Esse gráfico de valor inteiro. Agora, até agora, você sabe sobre gráfico, sobre gráfico de atenuação, você sabe sobre facilidade em nosso gráfico, e você também sabe sobre o gráfico linear chato. Agora, todas essas coisas são o modelo muito básico, coisas fáceis que você pode adicionar à sua animação para torná-la um pouco, um pouco mais natural, um pouco mais interessante, mas nada demais com todas essas informações. Agora na sua cabeça, estamos prontos para começar a trabalhar em um projeto que exigirá uma tonelada de brincadeiras com gráficos de movimento para obter a mudança desejada. Então, isso é algo que faremos na próxima aula. E mal posso esperar para começar a fazer isso. Faça uma pequena pausa e nos vemos na próxima. Quero dizer, a próxima lição. 4. Sua caligrafia é original: Aqui está um segredo. Você pode não saber. É que sua caligrafia é única. Muito original. E eu não acho que possamos copiar a caligrafia de alguém para o t. Quero dizer, há tanta coisa envolvida no que desenvolve nossa caligrafia e faz com que pareça do jeito que parece. Eu tinha um amigo quando eu era muito jovem e ele tinha uma caligrafia bonita e mais do que tudo, eu realmente amei a maneira como ele escreveu para isso e então eu copiei. Existem tantos casos e ocorrências que se infiltraram na personalidade da minha caligrafia, maioria dos quais eu nem me lembro. Você nem se lembra do ano passado enquanto lavava a louça? Jurei que enfiei meu polegar e isso mudou bastante minha caligrafia. Só queria apenas esperar. Ainda não está curado adequadamente. Nenhum projeto adicional. Nesta lição, vamos animar a caligrafia, minha caligrafia. Sua caligrafia, a caligrafia de outra pessoa? E tudo depende de como você decide seguir em frente com o projeto. Agora, se você entrar na seção de projetos e recursos aqui no Skillshare e baixar os arquivos. Na pasta principal, você encontrará essa outra pasta chamada ocorreu. Dentro dessa pasta, esse arquivo é chamado arquivo inicial, e você precisa clicar duas vezes e abri-lo. O que você verá é este carrinho escrito com minha caligrafia, eu me perguntei bem em meu nome, Nash aqui, mas isso será muito indulgente desde que li o primeiro nome de um dos meus escritores favoritos, Kurt Vonnegut. Eles estão prontos para começar se você quiser saber como esse Curt, isso aqui, Deus aqui. Acabei de rastrear. Escrevi em papel e o rastreei no Illustrator e importei esse caminho para o After Effects. Se você quiser fazer isso e não trabalhar neste arquivo, basta se derrubar, anotar algo, rastreá-lo no Illustrator e trazê-lo para o After Effects, e continue, pois continuarei com isso arquivo bem aqui. Agora, existem duas camadas que você notará aqui. Primeiro é Kurt, escrito em letra cursiva, certo? E a segunda é apenas a cruz deste t aqui. Este é um segundo. Então, duas camadas ocorreram e a cruz T. Tudo bem, ótimo, hora de começar, Javier, nós vamos começar é assim. Farei algo com a coalhada escrita aqui, essa camada. E então eu vou deixar você fazer o mesmo com a cruz T, certo? Então, depois que eu terminar, basta pausar o vídeo e ver se você pode fazer o mesmo conjunto de ações em T cross. Tudo bem, então eu vou esconder a cruz T um pouco e me concentrar aqui. Então a primeira coisa que você vai querer fazer é desfraldá-lo, certo? E então você verá o conteúdo. Vou entrar em Adicionar clique aqui, e vou seguir em frente e adicionar caminhos de corte. Agora, o que os caminhos de corte fazem é fornecer essas duas opções, início e deslocamento. E o que você pode fazer usando isso é basicamente se você arrastar e pode fazer parecer que está sendo escrito. Então isso é muito legal. Então, vamos deixar aqui. Eu adicionei caminhos de acabamento, e vamos em frente e fazer o mesmo com a cruz em T. Então eu vou desfraldar. É para você não esperar que eu deixe de me seguir. Vou entrar em Adicionar e vou em frente e adicionar caminhos de corte. E, como você pode ver, essas três opções também são adicionadas aqui. E aí está você. Vamos novamente esconder a cruz T e começar a nos concentrar neste grande pedaço de texto aqui, que é Kurt sem a cruz T. E lembre-se de que eu já adicionei caminhos de acabamento a ambos. Agora vou seguir em frente e fazer isso, definir um quadro-chave em t igual a 0 para final, e vou mudar o final para 0 aqui, então apenas 0. E agora vou avançar para 1 segundo. E eu vou em frente e definir n para 100, certo? E se eu tocar agora, você pode ver que se parece que está sendo escrito, ótimo. Agora temos uma animação simples. Bom, mas que prender uma caneta e um papel se você tiver por perto. E observe que quando você escreve curt ou qualquer coisa, a caneta não se move a uma velocidade constante. É meio que acelera em algum ponto e desacelera nas curvas, etc., certo? Vamos recriar a mesma variação de velocidade e After Effects. Agora, vamos começar. Agora posso percorrer a linha do tempo para ver como a animação está progredindo. E eu posso usar isso para identificar pontos onde eles estão se enrolando, desacelerando e criando quadros-chave lá. Então, a onda dessa raiz do caso aqui é onde criaremos um quadro-chave. Então, tudo o que você precisa fazer é parar de esfregar aqui, ir aqui e clicar aqui. Então, adicione um quadro-chave aqui. O k é a curva da face é outro ponto em que a caligrafia da Igreja fica mais lenta. Então, vou em frente e criarei outro quadro-chave aqui. Agora, vamos seguir em frente. E acho que vamos deixar você como está e adicionar outro quadro-chave neste ponto do arco. Então, vou adicionar um quadro-chave aqui e depois avançar e adicionar outro quadro-chave para a curva de t aqui. Ok, acabamos de identificar pontos em que gostaríamos que a animação fosse um pouco mais lenta. Porque quando você está escrevendo suas mãos meio que leva tempo para escrever essas curvas, certo? Então, se eu reproduzir a animação novamente, será a mesma coisa. Não haverá variação alguma porque ainda não jogamos , jogamos com os gráficos, certo? Acabaram de ser adicionados quadros-chave. Agora vamos dar uma olhada no gráfico. E para pegar o gráfico, você vai clicar aqui e certificar-se de que esta propriedade foi selecionada, que está finalizada por enquanto. E também certifique-se de que você está olhando para o gráfico de valor e não para o gráfico de velocidade. E olhe para o gráfico, ele é praticamente reto, muito parecido com o gráfico linear. E, portanto, não há velocidade de vibração, não há personalidade, nenhuma nuance diz o que quer que seja, vamos mudar isso, mas antes disso por um atalho. Agora, lembre-se de como na lição anterior eu disse que você pode selecionar o quadro-chave. Clique com o botão direito, vá para assistente de quadro-chave e facilite. Bem, eles são bons para isso, mas apenas escrito bem aqui, é F9, certo? Então, o que você pode fazer é selecionar todos os quadros-chave e, em seguida, pressionar F9 e estar atento a isso em alguns teclados, então você tem que puxar a tecla de função antes de pressionar F9, certo? Então eu vou em frente, segure a tecla de função, pressione F9 e veja isso, como a forma dos quadros-chave mudou e o que fazer isso adicionando Easy Ease também faz é que no gráfico você verá que ele também adiciona alças para mostrar os quadros-chave para facilitar a manipulação. Se você está vendo seu gráfico praticamente apertado para o lado esquerdo, você pode ir em frente e clicar neste botão aqui que diz Ajustar todos os gráficos para visualizar e vamos apenas esticá-lo, ajustá-lo para que seja fácil de manipular. Mas a coisa a notar aqui é que como a forma do gráfico muda uma vez Fácil, Fácil como Abbott e se eu reproduzir a animação agora, você notará que há uma diferença muito meniscal, não é algo que você possa realmente notar. Mas vamos em frente e começar a brincar com o gráfico. Vou diminuir um pouco o zoom na tela. Selecionarei a propriedade final novamente para exibir o gráfico. Deixe-me diminuir um pouco o zoom e começar a jogar. Vamos começar com este quadro-chave bem aqui que compensa a ondulação do k. Não me lembro que o que discutimos e o ponto crucial de todos os vídeos antes disso é que, para um gráfico de valor, plano é igual a mais lento e mais íngreme é igual a mais rápido. Então agora, bem aqui, o gráfico está super plano, ok? Não é super plano, é um pouco plano, mas vamos em frente e tentar torná-lo super plano. E como fazemos isso? É só estendermos isso. Então, se você segurar Shift, você pode fazer com que ele se mova em linha reta. Se você não segurar o Shift e ele balançar. Então eu vou segurar o turno e seguir em frente. E eu vou segurar Shift e mover isso para trás para que essa área fique super plana e essa área corresponda a essa curva se k. Então vamos começar a reproduzir essa parte da animação novamente. E você pode ver que há uma ligeira desaceleração. E então, novamente, podemos movê-lo um pouco para trás, certo? Ele atinge o ponto correto. E você notará que, ao manipular gráficos, haverá muitas pequenas idas e vindas, quartos para frente e para trás que você terá que fazer para obter uma certa flexibilização, certo? Certo. Então é isso que estou fazendo aqui. E esses, esses pontos amarelos, espero que você saiba, já correspondem ao quadro-chave. Então, movê-lo para cá também move o quadro-chave na linha do tempo. Agora, neste ponto, você sabe que deixar isso mais plano retarda a animação e sabemos que todas as curvas variam. Quer desacelerar a animação e todos eles são representados por esses pontos, esses pontos em que o gráfico muda. E você pode ir em frente e tentar fazer isso sozinho. Porque o que eu vou fazer agora, é um trabalho muito manual ou você pode apenas me ver fazendo isso. Seja como for, você decide o tempo para esse loop de k. Então, novamente, vou torná-lo mais lisonjeiro. Eu posso ir em frente e segurar Shift, arrastá-lo para que pareça mais plano e você também precisará gostar de jogar repetidamente. E o que você pode fazer no After Effects é aparar sua área de trabalho até certo ponto para que ela só substitua essa parte. Então eu posso ir em frente e arrastar isso assim. E eu posso ir em frente e aumentar o zoom para que, quando for reproduzido, ele saia dessa área em que estou tentando ver toda a animação. Certo? Então, sim, isso parece muito bom. OK. Ok, fica mais lento lá. Para abrandar um pouco aqui. Então, vamos deixar tudo plano. Ok, deixe-me estender isso para toda a área. E então eu posso ir em frente e fazer o loop do T um pouco. E o fim é algo que vamos manipular um pouco para parecer que chega ao fim. Então eu vou estender isso e conhecer o super flat, certo? Então, há um bom, Há um bom abrandamento no final. Se você não conseguir coletar a desaceleração, ele também pode mover esse quadro-chave um pouco à frente, assim. Então você fica um pouco mais lento. Eu também posso mover isso assim, apenas me certificando de que ele permaneça plano na maior parte do tempo. Então, vamos realmente, sim, muito legal. Deixe-me jogar de novo. Vemos que não é linear, além disso, há um pouco de personalidade na escrita agora. Então, novamente, deixe-me ir em frente e jogar. Legal. que vou fazer é fazer a animação demorar um pouco mais. Então, quando eu posso fazer é selecionar todos os quadros-chave, segurar Option no Mac ou Alt no Windows, e arrastá-lo para que ele estique os quadros-chave assim, para que demore um pouco mais de tempo e também certifique-se a área de trabalho lhe leva espaço suficiente. Sim, você vê isso? Essa é uma boa animação. Agora vamos trazer a cruz T para a cereja final da animação, vou desmoronar essa altura que ela traz, traga a cruz t para cima. Se você está acompanhando, você pode ir em frente e tentar por conta própria, animando o T cruzar o estruturado animado, swish, rápido no início e depois desacelerar no final. Então dê um grito se quiser. E enquanto você estiver fazendo isso, eu mesmo vou tentar. Então eu vou descer e fosforilato, ir para a propriedade final. Vou seguir em frente e criar um quadro-chave, torná-lo 0. Vá em frente um pouco. E eu vou fazer com que seja 100%. E agora se eu jogar, você pode ver isso, Whoo, sim, muito linear, muito ruim. Não gosto disso. Então, selecione o quadro-chave. Quadros-chave. Pressione eu acabei de dizer manter, re, tudo bem, então, então eu gosto de quadros-chave, pressione F9 para adicionar atenuação. E então vamos em frente e tentar manipular. E vou ampliar um pouco o gráfico. A primeira coisa que queremos é começar rápido. Então você quer ter certeza de que as tangentes que são desenhadas neste lado da curva são bem íngremes. Então, como fazemos isso? Como ficamos íngremes? Apenas faça com que se mova assim. Então eu queria desacelerar em direção ao Android. Então eu posso ir em frente e torná-lo mais íngreme. Vamos ver o quanto mais eu posso fazer. Então eu vou fazer com que seja muito íngreme. E então, à medida que chega a esse ponto, fica mais lento. Então deixe-me ir em frente e jogar. Sim. Certo. Então começa rápido e depois boom, fica mais lento. Eu vou torná-lo mais íngreme, na verdade. Então eu vou em frente e tentar de novo. Então eu gosto disso, eu gosto disso, e eu vou em frente e aproximá-lo para que isso aconteça mais rápido, certo? Então, sim, eu gosto disso. Vou seguir em frente e voltar novamente para que eu possa ajustar a posição dos quadros-chave corretamente. Então, vou selecionar os gráficos PTE para revelar todos os quadros-chave agora que ele tem. E eu vou em frente e vamos dizer que, quando chegar a esse ponto, eu quero que a animação em T cross aconteça. Então eu vou selecionar esses dois quadros-chave segurando Shift e arrastando-os aqui, certo? Então, deixe-me ir em frente e reproduzir essa animação novamente. Ok? Sim, ou talvez você saiba o que, posso esperar até que todo o T seja escrito naturalmente. Então, deixe-me ir em frente e dar uma olhada nisso novamente. Apenas alguns pequenos ajustes aqui e ali. Sim, então vou em frente e reproduzirei toda a animação novamente. E você pode ver que é muito legal. E eu deliberadamente fiz isso muito lento aqui, o que você pode notar como nas curvas. E se você quiser fazer isso um pouco mais rápido, você sabe o que fazer. Vá para o, vá para o gráfico. Selecione end here e torne-o um pouco menos plano. E como você faz algo um pouco menos plano? Basta ir em frente e movê-lo assim. E se você perceber que apenas um lado da sua curva está mudando e o outro lado não responde. O que você pode fazer é clicar com o botão direito aqui e selecionar Quadros-chave. interpolação do quadro-chave mudou de Bézier para bézier contínuo. E se você clicar em OK, poderá ver que é possível alterar os dois lados com os quadros-chave. Então eu vou fazer um pouco, um pouco menos plano para que não fique totalmente Hall dan dot point. Sim. Muito legal, certo? E é isso que vou fazer aqui. Clique com o botão direito do mouse em Interpolação de quadro-chave, mude para bezier contínuo e torne-o um pouco menos plano. E a mesma coisa aqui para interpolação de quadros-chave. Bezier contínuo e sim, sim, legal, legal, um pouco menos plano, não totalmente completo. Então agora, se eu executá-lo, você pode ver, sim, isso é muito legal, certo? Como se você estivesse vendo que são necessárias algumas idas e vindas para acertar. Acho que estamos praticamente prontos aqui e eu transmiti como usar o gráfico de valores e você sabe como ajustar a inclinação ou como a curva plana é para controlar a velocidade. E terminamos com a animação aqui. Tudo o que eu vou fazer e fazer isso é apenas uma cereja no topo. Eu vou te mostrar alguns efeitos para fazer parecer que foi escrito e caneta-tinteiro, etc. Então, se você quiser ficar por aqui para isso, fique por aqui, mas você está pronto e pronto para se mover para o próximo vídeo. Ok, então vamos em frente e adicionar alguns efeitos. Tudo bem, então a primeira coisa que queremos fazer é desmoronar tudo isso. Selecione os dois e pressione o comando shift C no Mac ou Control shift C no Windows para pré-compor essas duas camadas em uma, vou deixar o nome ser pré-comp um e vou clicar em Ok, a próxima coisa que faremos é entrar no painel Efeitos e predefinições. E você pode encontrá-lo no Windows se ele não aparecer para você, você pode ver que aqui estão efeitos e predefinições. Vamos em frente e procurar pelo borrão Guassian. E vou clicar duas vezes para adicionar a esta pré-composição. Agora vamos em frente e arrastar isso para algo como 12 ou 13 para deixá-lo tão embaçado. A próxima coisa que vamos fazer é pesquisar por níveis, efeitos e predefinições e, em seguida, clicar duas vezes nesses níveis sob correção de cores. Então, clique duas vezes nele e ele será adicionado. Agora, o que você vai fazer aqui é ir em frente e mudar o canal para Alpha. E vamos ajustar esses três controles deslizantes aqui. Mas vamos em frente e mover isso para a esquerda. E ele pegará esse controle deslizante e o moverá para a direita. E você pode ver que isso esclarece tudo. E então você pode ajustar a posição desses três para torná-los mais finos ou mais grossos, dependendo do que você gosta. Agora isso parece bom para mim. Então, se eu for em frente e jogar de novo, você pode ver que isso meio que cria esses pequenos poços de tinta que se formam quando você escreve com uma caneta-tinteiro. E esse é o efeito que eu estava tentando alcançar. E esse é o efeito que obtivemos. Uma última coisa que vamos fazer é criar uma nova camada de ajuste. Então vá para Layer New e selecione Adjustment Layer. Na camada de ajuste, vamos adicionar turbulência e exibições. Então, deixe-me pesquisar a turbulência. Opa, exibições turbulentas, certo? Às vezes eu esqueço o nome. É um deslocamento turbulento. Portanto, clique duas vezes e verifique se você está aplicando em uma camada de ajuste. O que a camada de ajuste faz é que tudo o que está abaixo dessa camada de ajuste e desse painel de camadas obtém o efeito que aplicamos na Camada de Ajuste. Então, clique duas vezes e você o adicionou à camada de ajuste. Isso torna tudo muito instável, mas deixe-me ir em frente e ajustá-lo. A única coisa que você quer fazer é definir o tamanho para algo pequeno, como dois, por exemplo. E agora você vai ver que ele tem algum tipo de arestas ásperas, certo? E isso é muito legal. Você pode brincar mais com o tamanho do que quiser. Eu só vou em frente e deixar isso por conta disso. Agora, se eu reproduzir a animação, você pode ver que ela tem as bordas ásperas adicionadas a ela por causa das exibições turbulentas. Mas vamos em frente e adicionar uma pequena coisa final. Diz expressão pequena. Então segure Option no Mac ou Alt no Windows e clique no ícone de um relógio da evolução aqui, que abrirá este painel. E aqui eu vou fazer o certo, isso posterizar o tempo oito entre colchetes, um ponto e vírgula e depois o tempo em 800 e um ponto-e-vírgula novamente. E se eu clicar fora, e agora se eu reproduzir a animação, você pode dizer que há algum tipo de personagem nas bordas ásperas também. E é isso aí. Isso é tudo o que queríamos adicionar a essa animação. E eu espero que você tenha seguido em frente, e eu espero que você tenha terminado. E se você quiser saber mais sobre expressões, tenho outra aula sobre Skillshare que você pode assistir, à qual irei criar um link na descrição ou falarei no vídeo de conclusão. Mas sim, essa é a animação que fazemos juntos. Muito bom. Agora, para toda essa classe, para manipular a velocidade da animação, tudo o que fizemos foi manipular o gráfico de valor. Para que você não esqueça, deixe-me lembrá-lo de que há outro gráfico, carvão o gráfico de velocidade. E se você seguir em frente e, hum, enquanto você está trabalhando em seu projeto, se você for em frente e espiar o gráfico de velocidade, não fará sentido para você se você ainda não estiver familiarizado com ele, mas simplesmente perfeito porque na próxima aula, vamos mergulhar mais fundo nas curvas de movimento. E falaremos mais sobre o gráfico de velocidade e o gráfico de valor e como eles estão conectados. E eu estou muito animado, você está? Espero que você esteja. Vejo você na próxima lição. 5. Facilitação avançada: Ok, bem vindo de volta. Devemos nos ajoelhar nisso agora para voltar atrás. Então, toda minha mão e siga-me. Isso parece uma coisa superficial, mas não é, na verdade é uma coisa muito boa. A primeira coisa a entender é que gráfico de valor e o gráfico de velocidade não são exclusivos um do outro, pois não existem separadamente por conta própria. Existem duas maneiras diferentes , mas conectadas mostrar a mesma animação. E como eles estão conectados, a mudança de forma de um afeta a forma de outro. E, muitas vezes, os animadores, enquanto trabalham em um projeto, alternam entre a velocidade e o gráfico de valor, dependendo do contexto de qual gráfico é mais fácil de manipular para trazer o efeito desejado. Então, vamos em frente e dedicar um pouco de tempo para entender como eles estão conectados. Ok? A maneira mais simples de colocar a diferença é que gráfico de valor mostra como o valor da propriedade em questão, que agora aqui é n. Então, como o valor da propriedade em questão está mudando ao longo do tempo. E o gráfico de velocidade mostra como a velocidade dessa mudança acontece ao longo do tempo. Eu sei o quão complexo tudo isso soa, mas não é só ter paciência comigo. Eu gostaria que fosse possível mostrar as mudanças que estão acontecendo em ambos os gráficos lado a lado, mas o After Effects não permite isso. Então, faremos a alteração em um e depois mudaremos para o outro para ver como o outro gráfico responde a essa mudança. Observe também a unidade dos números que estão aqui no canto esquerdo ou no eixo y. O gráfico de valor, se eu for para o gráfico de valor, é basicamente o valor da propriedade. E então o gráfico de velocidade é a velocidade de mudança na propriedade set. Se a unidade de valor for presencial, o que agora, como você pode ver, essa propriedade tem unidade de pessoa, e é isso que é visível aqui. O rótulo do gráfico de velocidade no eixo y será pessoa por segundo. Agora, para o cenário em que queríamos fazer esse loop do k, esse loop desse k animar lentamente, que basicamente corresponde a esse quadro-chave e ao gráfico de velocidade ou a esse quadro-chave, que é o mesmo quadro-chave, na verdade neste quadro-chave e no gráfico de valor e torná-lo mais lento. O que fizemos foi tornar essa curva, esse ponto, a curva em torno desse ponto mais plana em vez de assim, fizemos algo assim. Isso porque sabemos que no gráfico de valores, à medida que as tangentes ficam mais planas, a velocidade diminui. Então, as duas maneiras pelas quais eu posso fazer a animação acontecer lentamente neste ponto é tornando essa curva mais plana no gráfico de valor ou simplesmente passando pelo Gráfico de Velocidade e clicando aqui nota e puxando-a para baixo. E observe, à medida que eu abaixo-o, enquanto eu abaixo-o, observe que o gráfico de valores, esse ponto fica mais plano. Ok, então mais uma vez eu vou para o gráfico de velocidade e deixe-me aumentar a velocidade. E à medida que eu aumentar a velocidade movendo este ponto para cima, você verá que o gráfico de valores em torno desse ponto fica mais íngreme. E mais uma vez, se eu voltar para o gráfico de velocidade e lutar, diminuir a velocidade puxando-o para baixo assim, você notará que o gráfico de valor fica mais plano e vice-versa. Se eu deixar essa curva mais plana aqui, você notará que o ponto aqui desce e toca quase 0 porque é tão plano lá. Às vezes, é mais fácil manipular esse gráfico, que é o gráfico de velocidade. E às vezes é mais fácil manipular o gráfico de valores para obter o resultado desejado em uma animação. Agora que você entende esses dois gráficos, mais do que nada, espero que vejamos alguns pequenos exemplos de gráfico de valor e gráfico de velocidade para algumas coisas fáceis comuns, apenas para que todas essas informações fica melhor na sua cabeça. Também veremos como alterar o gráfico, qualquer gráfico de velocidade ou gráfico valor afeta a forma do quadro-chave, certo? Você sabe, esta é uma forma, nossa forma de vidro, esta é uma forma linear. Veremos como isso acontece, como a alteração do gráfico afeta a forma dos quadros-chave. Aqui estamos de volta ao ponto em que começamos com um quadrado que gira de 0 a quatro a cinco graus. Me desculpe, eu deveria ligar meu telefone. Silêncio. Sim. Então, estamos de volta com essa raiz quadrada de 45 graus. Isso é tudo o que você vai tirar dessa aula, é como fazer quadrados de dados de 0 a quatro a cinco graus. Mas de qualquer forma, de qualquer forma, vamos, vamos examinar essa animação. E em algum lugar no meio, o que vou fazer é adicionar outro quadro-chave. Então, todas essas pequenas coisas quadradas que você não precisa acompanhar. Isso é só para demonstração, certo? Então, mesmo que você esteja caindo junto, uma coisa boa, mas você não é obrigado. Ok, então adicionamos outro quadro-chave no meio desses dois quadros-chave. E o que eu quero que você perceba é a forma desses quadros-chave. E a forma desses quadros-chave parece dois triângulos unidos em sua base, certo? E há uma razão pela qual eu chamei a forma dois triângulos juntos em sua base e não um losango, que é o nome legal real para essa forma. Porque vai ficar claro daqui a pouco. Aguente firme. Além disso, lembre-se de que o After Effects, por padrão, aplica linear, facilitando os quadros-chave que você cria como pode ser visto no gráfico de valores. Sim, eu sou o gráfico de valor, que é uma linha muito reta sem nenhuma característica. Quando você vê quadros-chave com a forma de dois triângulos unidos em sua base, isso também significa que os quadros-chave têm atenuação linear aplicada tanto na entrada quanto na saída. Agora, o que quero dizer com “n” e “fora”? No vídeo anterior, aprendemos como adicionar quadros-chave de atenuação. Uma é clicar com o botão direito do mouse. Vou ao assistente de quadro-chave e seleciono a facilidade fácil ou pressiono o atalho F9. Outra forma de fazer isso é assim. Você entra no gráfico, seleciona um nó ou um quadro-chave. E observe como restringimos todo o gráfico é o que vou fazer agora é clicar aqui onde diz, Fácil, Facilidade. E assim que eu clicar aqui, observe como ele adiciona uma curva na direção desse quadro-chave. lado esquerdo desse quadro-chave é o indireto, e o lado direito desse quadro-chave é a direção. Semelhante, como já falamos sobre todo o gráfico de movimento entrando no lado esquerdo e fora do lado direito quando estávamos falando por que certa flexibilização é chamada de facilidade de entrada ou saída, vocês já sei sobre. Portanto, também parece que cada quadro-chave, cada nó também tem uma visão à esquerda e de fora à direita. Então, quando eu clico neste nó e cliquei aqui, que diz add easy, ease out. Ele adicionou uma curva em direção à direção da coruja desse quadro-chave com o mesmo quadro-chave selecionado, volto à minha linha do tempo e vejo como a forma desse quadro-chave mudou. No lado esquerdo, o insight é linear, enquanto o exterior tem flexibilização aplicada a ele e, portanto, essa forma. Agora, se eu voltar ao gráfico e selecionar esse quadro-chave novamente e passar aqui onde diz, adicione uma facilidade fácil, você sabe, o que vai acontecer. Vamos adicionar uma curva na direção indireta desse nó. E se eu voltar para minha linha do tempo, você pode ver como a forma desse quadro-chave mudou. Não é um RTOS. Quero dizer, parece um RTOS, mas há duas partes dele facilmente no lado esquerdo e também há flexibilização no lado direito. Isso é o que a forma indica. E lembre-se de que a forma não tem nada a ver com a curva exata desse lado. Tudo isso mostra que isso não é linear, mas há algum tipo de flexibilização aplicada. É isso aí. Agora, se eu desfizer tudo, volte para minha linha do tempo. Selecione esse quadro-chave no meio do botão direito do mouse, vá para o assistente de quadro-chave. E eu vou adicionar facilidade fácil. E você pode me dizer qual lado da forma do quadro-chave vai mudar, por favor? Espero que tenha dito que por dentro fizemos o lado esquerdo. Então, se eu adicionar fácil, facilidade e você verá que metade do nosso copo é adicionada ao interior e a outra metade é um triângulo. E se eu voltar para o meu gráfico, você verá que há uma flexibilização por dentro. E da mesma forma, se eu voltar, clique com o botão direito do mouse neste quadro-chave, vá para o assistente de quadro-chave e facilite a saída. Agora está diminuindo em ambos os lados. Eu quem? Lá vai você. Existem várias maneiras de adicionar flexibilização a isso, seja por isso e isso é muito legal. Isso é muita informação para você. Espero que você esteja lidando com tudo corretamente. E se eu for em frente e fizer tudo de novo e voltar para esse quadro-chave, clique com o botão direito do mouse em Assistente de quadro-chave e selecione Fácil, Facilitar e o que acontecerá. Isso adicionará flexibilização em ambos os lados desse quadro-chave. E, novamente, teremos o mesmo gráfico. E, novamente, se eu for em frente e desfazer, selecione este nó e clicarei aqui e ele fará a mesma coisa novamente. Então, espero que esse vai-e-vem e tudo mais, esteja fazendo sentido para você. E tenho certeza de que você está entendendo isso porque eu não falei sobre isso tantas vezes agora. Mas permita-me uma última vez, uma última vez eu vou pegar o peito Mansi, torná-lo linear, selecionar este quadro-chave e pressionar o atalho F9 e vampiro. A mesma coisa acontece. É isso aí. Esta é a última vez que eu estou fazendo isso. E, neste momento, também espero que você possa ler esse gráfico. Então o que vai acontecer é que ele vai começar em alguma velocidade, desacelerar aqui porque a curva, o gráfico de valor é plano aqui e então ganha velocidade novamente, certo? Então, se eu jogar este jogo solto diminui, volta para cima. E se eu voltar ao gráfico de velocidade, você notará que ele começa, vai, velocidade fica muito baixa, quase 0 porque a curva é plana lá, e então a velocidade aumenta e diminui novamente. Bem legal. Vamos voltar à nossa linha do tempo. Agora, algo tem que ser dito para os quadros-chave extremos, o primeiro e o último em qualquer animação, não apenas um, o primeiro quadro-chave, há indireção porque este é o ponto em que a animação começa a partir de. E se adicionarmos flexibilização no interior desse quadro-chave, ele realmente não fará nada. E da mesma forma, para o quadro-chave final, se adicionarmos flexibilização em direção à direção externa, ele realmente não fará nada. Então, vamos em frente e olhar para mim fazendo algo não afeta o gráfico de forma alguma. Então, deixe-me ir em frente e voltar ao gráfico de valores. E vou selecionar esse quadro-chave, que é o quadro-chave extremo, esse quadro-chave final. E vou acrescentar facilidade a isso. E você vê que a facilidade foi adicionada. É claro que a forma mudou, mas na verdade não faz nada. Da mesma forma, se eu for para o primeiro quadro-chave e adicionar facilidade para a esquerda ou para a indireta. Ele adicionou flexibilização, mas realmente não fará nada. E eu acho que isso foi apenas autoexplicativo. Eu só queria repassar isso por completo. Agora, uma última coisa que eu quero mostrar aqui é se eu voltar a este gráfico e voltar para este nó aqui. E você já sabe que pode alterar a inclinação desse gráfico ou a planicidade aqui para controlar a velocidade. E também vimos como esses gráficos são desconectados, e também vimos como você pode conectá-los selecionando-os, clicando com o botão direito do mouse, indo para a interpolação de quadros-chave e escolhendo bezier contínuo. Agora há outra maneira de fazer isso. Se eu voltar, continuo dizendo para voltar. Mas se eu for para o gráfico de velocidade e olhar para este ponto aqui, e se eu quiser aumentar sua velocidade, e o que eu farei para aumentar a velocidade novamente, uma ação muito normal é clicar e arrastar, mas você notará que esses dois pontos estão desconectados, o que não está certo, e y são os desconectados. É porque esse gráfico de valor tem duas curvas diferentes em cada lado. E é por isso que existem dois pontos no gráfico de velocidade. Agora, há outra maneira de conectar isso. Além de clicar com o botão direito do mouse e ir para a interpolação do quadro-chave, selecionando este clique duplo aqui e, em seguida, clicando em bloqueio contínuo, bloqueie a direção de entrada e saída. Então, se eu clicar nele, clicar em OK, você verá que ele se torna um único ponto e então eu posso movê-lo para cima ou para baixo. E isso mudará o gráfico de valor como deveria. E também esse ponto também é uma coisa única agora e eu posso movê-lo. Então, essa é a única coisa que eu queria te mostrar. Essa é a última coisa que eu queria mostrar nesta lição. Sim. Sim, é isso aí. É isso aí. É isso aí. É isso aí. É isso com esta lição. Eu realmente não tinha nada a dizer na conclusão, exceto que espero vê-lo na próxima também na próxima lição. Tchau. 6. Posição de animação: Ok, bem-vindo a esta lição. Esta é a lição mais curta de toda a turma. Até agora, nesta classe, só animamos propriedades como escala ou rotação ou a porcentagem final quando estávamos trabalhando com a animação de caligrafia da coalhada. E há uma razão para isso porque tudo isso é propriedade unidimensional em oposição a, digamos, algo como posição, que é uma propriedade bidimensional. E ficará claro o que quero dizer quando disser bidimensional mais tarde na aula. Eu só queria mostrar o problema manipular as poses do gráfico de valor quando se trata qualquer propriedade que tenha mais de uma dimensão. Agora, de volta após os efeitos da raiz quadrada de gaba aqui, o que vou fazer é ir para a propriedade position, que posso revelar selecionando a camada e pressionando P, vou criar um quadro-chave aqui. Avance um pouco e a linha do tempo em qualquer lugar, não importa, totalmente arbitrário. E eu vou mover esse cinza para este canto, o canto diagonalmente oposto. Agora, a maneira como a propriedade da posição funciona, e tenho certeza de que você provavelmente já sabe disso. Mas se houver pelo menos um aluno que não o faça, então esta breve explicação, nós o ajudaremos. Agora eu movi este quadrado diagonalmente para este canto. Se eu olhar para a propriedade position, você pode ver que, em vez de apenas um número, como em uma propriedade unidimensional como rotação ou escala, existem dois números. O primeiro é x e o segundo é y. X significa horizontal e y significa vertical, como já discutimos em uma das lições anteriores. Lembra disso? O que isso significa? Um pouco enjoado. Eu não sei. Eu não sei. Alguns rappers x e y. Espero que você se lembre disso. Eu mudei isso. Você se lembra disso? Então, tudo bem. Então, o primeiro número é x e o segundo número é por quê? E ao contrário, como na computação gráfica, e diferente do que acontece no papel, onde o canto inferior esquerdo é 00 ou x e y é 0. E em computação gráfica e também no After Effects, esse canto superior, o canto superior esquerdo, é a origem em que x e y são 0. Então, à medida que você se move para a direita, x aumenta e conforme você se move para baixo, y aumenta. E nesta animação em que o quadrado está se movendo deste canto para este canto, os valores x e y estão mudando porque o quadrado está se movendo horizontalmente, mas também está se movendo verticalmente. Você pode ver que aqui, enquanto eu esfrego, você pode ver que esses dois números mudam simultaneamente. E se eu for em frente e olhar para o gráfico de valor daqui, certifique-se de que no gráfico de valor, você verá que há dois gráficos, um para x, um para y, e isso fica meio difícil de brincar. Portanto, há uma coisa que você pode fazer. Você pode clicar com o botão direito do mouse na posição e separar as dimensões. E agora você tem gráficos diferentes para brincar. Mas mesmo com as dimensões de Sabrina, como em um contexto geral, fica muito difícil jogar com dois gráficos diferentes para posição e obter a animação desejada. Então, deixe-me pressionar o Comando Z e conectá-los sem que houvesse uma única posição e não uma dimensão separada. E por causa dos dois gráficos, o que eu e a maioria dos animadores que observei fazer é que eles vão diretamente para o gráfico de velocidade porque havia apenas um gráfico para ajustar. No momento, não há variação na velocidade. É uma constante e você sabe, é porque a0 ou After Effects aplica atenuação linear por padrão, o que farei agora é selecionar esses dois quadros-chave e clicar em facilidade fácil. E agora você pode ver que temos um pouco de facilidade na posse. E apenas fazendo alterações no gráfico de velocidade, mudamos a forma como a animação acontece. Outra coisa que você pode fazer é mudar o gráfico para, digamos, para a esquerda. Eu posso segurar Shift e fazer com que pareça algo assim. Que se você acompanhou alguns tutoriais ou curso tem efeitos Alpha, você pode, você sabe que esse é um gráfico muito comum. Isso mudaria? Isso cria uma animação muito diferente e eu não precisei entrar no gráfico de valor e apenas duas unidades de gráfico simultaneamente para obter isso, eu poderia simplesmente entrar no gráfico de velocidade e é apenas um único gráfico. E também alterar o gráfico de velocidade, como eu disse antes, produz algum tipo de mudança no gráfico de valor, que você já observou. Então, aqui você pode ver como você pode usar alternadamente o gráfico de velocidade ou o gráfico de valor. Ambos estão muito conectados à medida que você segue mais tutoriais ou os trabalhos de diferentes animadores, você notará o padrão deles pulando diretamente no gráfico de velocidade e fazendo com que eles façam esses gráficos de estilo Hale. Gráfico de Heel Stone é um termo que acabei de inventar. Você entendeu a ideia certa? Há um pouco mais de nuance neste gráfico e mais algumas opções que se revelam clicando duas vezes em qualquer um desses nós que precisamos entender. E faremos isso enquanto construímos nosso projeto final na próxima aula. Então você não precisa se preocupar com eles agora. E é isso aí. Algo parecido com o quê, cinco minutos? Sim. Isso é tudo que eu precisava. Eu precisava de um pouco de tempo para falar sobre pobreza multidimensional e seus gráficos. E espero ter dito essa expectativa ou o que eu esperava para esta lição. Estou fazendo sentido? Mas, como eu disse, embora essa tenha sido uma lição curta, a lição depois disso será muito longa, porque vamos trabalhar em nosso projeto final para toda a turma. Mas sim, faça uma pequena pausa ou não faça uma pequena pausa porque essa foi uma aula curta. E eu vou te ver em breve na próxima lição. 7. Projeto final - Pt. 1: Eu fiz uma descoberta recente. É muito agradável e muito sutil. E eu não sei se você percebeu isso, mas se você entrar no aplicativo do YouTube no IOS ou iPadOS para esse assunto. E se você estiver assistindo a um vídeo e pressionando o botão curtir, uma animação muito boa acontece. Não sei se será visível, mas olhe para isso. Você vê isso? Olha isso. Muito legal, certo? E também outra coisa que eu só queria lembrá-lo é que espero que você tenha baixado os recursos da seção de projetos e recursos aqui no Skillshare, porque nós vamos precisando disso. Agora, se você entrar nos recursos e na pasta de lata de mentira do YouTube, encontrará este exemplo de título de vídeo. E se eu jogar, você pode ver a mesma animação do YouTube acontecendo. Nosso trabalho é recriar essa animação e os efeitos posteriores, ao mesmo tempo revisamos tudo que aprendemos sobre o gráfico até agora. Agora você pode tentar fazer isso sozinho, para abreviar. Mas, primeiro, deixe-me orientá-lo sobre o arquivo de efeitos posteriores que usaremos para este projeto. Agora você precisa entrar no arquivo AEP do ponto inicial. Vou clicar duas vezes para abri-lo, e aí está. Agora, neste arquivo, você encontrará uma camada, apenas uma camada amarrada à mentira pode ser muito autoexplicativa e algumas a desenrolam. Se você Comandar e clicar nesta seta, ela desfraldará todas as opções aninhadas. Então isso é um atalho para você. Se você apenas clicar nele sem segurar o comando e você terá que desfraldar as opções aninhadas repetidamente. Mas se quiséssemos desfraldar tudo, você mantém o comando e clica aqui, aqui dentro. Se formos para a propriedade path, você notará que temos quatro quadros-chave aqui. Não, eu gostaria que entendêssemos de onde esses quatro quadros-chave vieram e o que eles fazem. Então, todo o gráfico é feito antes de tudo de duas partes. Tem a mão, que é essa parte aqui, a palma da mão e o tudo comum. E eles estão dormindo, que é basicamente esse retângulo aqui. Agora toda essa forma, toda essa forma vetorial foi criada no Adobe Illustrator. Se você olhar para os arquivos do projeto YouTube Line, Can, você verá um arquivo chamado handy cons.ai. É apenas um nome aleatório. Eu deveria ter dado um nome melhor. Mas de qualquer forma, eu posso, se você tiver o Adobe Illustrator instalado, você pode clicar duas vezes e olhar para ele. Então, como você pode ver que dentro do arquivo, eu tenho os diferentes estados do gráfico, como quando o polegar está em uma posição normal, mas está totalmente esticado e aqui no meio quando é regredido. E então o que eu fiz foi simplesmente trazer essas diferentes formas para o After Effects. Agora, existem várias maneiras pelas quais você pode trazer um gráfico do Illustrator para o After Effects. A maneira mais simples é apenas importar, que basicamente todos os tutoriais do YouTube e todas as aulas mostram a você. Mas o que eu uso é esse plug-in chamado Overlord. E o overlord não é um plugin gratuito, custa cerca de quarenta e cinco dólares. Mas se você é sério sobre animar e prosseguir com isso, acho que é um investimento muito bom. Deixe-me ir em frente e mostrar uma demonstração do overlord em pouco menos de um minuto. Ok, vou voltar para o After Effects. Vou desmoronar tudo isso. Vou esconder isso e trancá-lo. Eu não quero mexer com isso. E agora veja a magia do overlord. Vou voltar para o Illustrator. Vou me certificar de que esse caminho seja selecionado. E então eu vou simplesmente clicar nesta seta e bam, eu tenho aqui no After Effects. Muito legal, certo? E se eu for em frente e desfraldar tudo, você verá que os diferentes caminhos aqui e aqui é chamado de grupo um porque eu acabei exportar baunilha aqui em like e eu preparei e nomeei as camadas e tudo dessa forma. É por isso que há dor e sono, mas aqui está apenas o grupo um. Mas, de qualquer forma, temos que nos concentrar no caminho aqui. E como você verá, temos todo esse caminho aqui. E uma coisa que eu me certifiquei ao preparar essas formas é que cada uma dessas formas tem o mesmo número de pontos de ancoragem. E o que significa ter visto o número de pontos de ancoragem? Significa simplesmente que, se você olhar para esses pontos aqui, são esses pontos de Bézier. De quais desses caminhos foram feitos? Cada um deles tem o mesmo número deles. E quando os caminhos têm o mesmo número de pontos de ancoragem, isso significa que o After Effects pode definir quadros-chave entre eles. O que significa que se eu voltar ao After Effects e definir um quadro-chave para o caminho aqui. Avance um pouco, certo? E eu só quero trazer o quadro-chave ou o caminho para essa parte, a parte da palma, a parte da mão, e não a manga. Então, o que eu vou fazer é selecionar isso e me certificar de que posso desanexá-lo e trazê-lo aqui. E então, com isso selecionado, vou simplesmente pressionar essa seta, voltar para o After Effects. E agora você pode ver que eu tenho dois caminhos diferentes aqui. E como eles têm o mesmo número de pontos de ancoragem, o After Effects pode animar entre eles. E eu vou me livrar disso. E foi assim que eu coloquei diferentes quadros-chave para o caminho aqui e com os diferentes estados do polegar. Agora, tudo isso, tudo o que eu disse nos últimos um ou dois minutos, é algo que eu apenas defini para a conclusão da lição que você não fique totalmente no escuro. Ei, como essa forma vetorial chegou aqui? Como você fez isso? É apenas para essa informação extra e não é a parte da classe real, a classe real, a animação dessa mão começa. Agora, saiba amplamente, vou dividir toda a animação em três etapas. Vamos animar a rotação, vamos animar a escala e vamos animar a posição de forma ampla, ampla, haveria certas pequenas nuances aqui e ali, mas amplamente, rotação, escala e posição. Primeiro de tudo, vamos começar com a rotação e eu vou seguir em frente e clicar no comando. Ou, se você for um Controle do Windows, clique para encerrar tudo para que tenhamos isso visível. E outro atalho para você. Se ainda não estivermos cientes da camada selecionada, você pode pressionar R para abrir a rotação e sabe o que? Vamos em frente e começar. A primeira coisa que você quer ter certeza é que o ponto de ancoragem de todo esse gráfico está no canto inferior esquerdo. E se não estiver no canto inferior esquerdo, se estiver em algum lugar ao redor do centro, o que você precisa fazer é pressionar Y para abrir essa ferramenta. É chamada de ferramenta pan behind, também a ferramenta âncora. Está bem aqui. Você vê a ferramenta Pan Behind ou a ferramenta ponto de ancoragem. E você pode então começar a arrastar e segurar Command no Mac ou Control no Windows para encaixá-lo bem aqui. Mais uma coisa antes de começarmos é que o que queríamos fazer é novamente, eu vou comandar o clique e o desfraldar. Vamos pegar todos esses quatro quadros-chave e arrastá-los para a direita porque não queremos que eles interfiram agora quando estamos, quando estamos fazendo rotação, escala e posição, nós os traremos de volta mais tarde para adicionar mais personalidade à animação. Mas, por enquanto, deixe-me ir em frente e empurrá-los para a direita. Não estou muito preocupado com eles. Vá em frente e selecione a camada, pressione Oregon e haverá nossa rotação da cabeça. Vamos em frente e colocar o primeiro quadro-chave em 0 segundos assim. Como uma ação importante é a mão girando para cima, adicionaremos um pouco de antecipação à rotação adicionando um quadro-chave, outro quadro-chave, um pouco à frente no tempo e, em seguida, girando-o para baixo assim, digamos em torno de dez graus. Agora vamos avançar um pouco no tempo e girar a mão para sua posição de pico. Então eu vou em frente e arrastar isso para trás. Então eu acho que é algo em algum lugar como aqui. Parece bom. Assim que estivermos. Então, ele antecipa que ele vai para a posição superior. Então eu vou seguir em frente e trazê-lo de volta à sua posição inicial copiando o Comando C e o Comando V. Então, temos antecipação, ele alcança sua posição final e depois volta à inicial posição. E é isso aí. Acabamos com o projeto. Não, só estou brincando. Uh, para o tour robótico robótico. Em primeiro lugar, não há personalidade e apenas uma flexibilização tão linear. Então, é claro que ainda não terminamos. Vamos em frente e continuar trabalhando nisso. A primeira coisa que vamos fazer é selecionar todos os quadros-chave e usar nosso atalho antigo e confiável de F9 para adicionar flexibilização a todos eles. E se eu jogar de novo. OK. Um pouco melhor. Um pouco melhor. Mas ainda não chegou lá. Olha para isso. Um pouco melhor, mas ainda não chegou lá. Vamos seguir em frente e ver os gráficos. E para isso, editarei diretamente o gráfico de velocidade e não o gráfico de vale, porque nesse contexto, é mais fácil para mim manipular o gráfico de velocidade. Uma coisa sobre a qual ainda não falamos é esse parâmetro no gráfico de velocidade chamado influência. Se você quiser ser matematicamente preciso com sua atenuação no Speed Graph, você pode clicar duas vezes em qualquer um desses nós. Vou seguir em frente e clicar duas vezes aqui. E na janela pop-up, você verá um parâmetro chamado influência. Além disso, o que você notará é que toda essa janela pop-up tem duas partes, entrada e saída. E já discutimos antes , entrar é coisas do lado esquerdo e sair são coisas do lado direito. Como clicamos nesse nó, que é o primeiro nó, não há entrada real para ele, o que é algo que já discutimos também. Então, seja o que for que colocarmos aqui, ou qualquer valor, não afetará nada. Alterar a parte de saída afetará o gráfico. Agora, quando você adiciona facilidade a um quadro-chave clicando com o botão direito do mouse e selecionando atenuação fácil ou clicando em uma engrenagem ou clicando aqui, ou pressionando F9. O que o After Effects faz isso aplica automaticamente a influência de trinta e três vírgula três, três por cento por meio do Speed Graph, que funciona perfeitamente para movimentos de pequenos intervalos, como para pequenos movimentos, influência de 33,33 por cento funciona bem. Vamos seguir em frente e deixar em 33%. Porque isso, isso, essa amplitude de movimento específica é para a pouca antecipação no presunto que acontece. E como é uma pequena amplitude de movimento, novamente, vamos em frente e deixá-la em 33%. Vamos clicar em Ok aqui. Agora, esse segundo nó é algo interessante, pois tem um lado de entrada e um lado de saída. Para a segunda nota, vamos seguir em frente e continuar chegando em trinta e três por cento porque n é o lado esquerdo e faz parte desse gráfico. Então, vamos deixar em 33%. E o que vamos fazer pelos extrovertidos, vamos seguir em frente e mudar a influência por meio de algo como, digamos, 75%. Vamos seguir em frente e clicar em OK, e você verá o que ele fez. Ele simplesmente aumenta o comprimento dessa alça, que pode muito bem ser feito também arrastando essa alça para a esquerda ou para a direita. E isso é tudo basicamente influências, ou faça isso precisamente clicando duas vezes e adicionando um valor lá ou apenas arbitrariamente ao seu gosto, arraste essa alça de qualquer maneira para este gráfico em particular, também queremos que este lado tenha uma influência de 75 por cento na velocidade. Se você quiser, você pode ir em frente e fazer isso. Mas aqui estão as etapas, clique duas vezes nele e, como queremos desse lado, vamos em frente e manipular o site de entrada, que agora está em 23, um valor padrão. Isso é 75. E vamos clicar em Ok, e agora temos um gráfico de halita no meio, muito relevante ou irrelevante. Você tem um bom ponto de partida. Vamos em frente e reproduzir a animação agora e ver como ela se parece. Eu vou pressionar espaço. Está bem? OK. Uma coisa que eu quero ter certeza, já que isso é muito, essa animação dura por uma pequena duração. Vou me certificar de que é menos de 1 segundo, então basicamente até 24 quadros. Então, vou em frente e posicionar o marcador no 24º quadro. Você pode ver o número do quadro que estou anunciando aqui, ou seu anúncio daqui. O After Effects é para todos. Então selecione todos os quadros-chave, segure Option no Mac ou Alt no Windows e vá em frente e arraste-o assim para que ele caiba dentro de 24 quadros. Agora, o que eu queria fazer a seguir é que eu quero que a antecipação dure. Nem tanto. Eu só quero que dure por três quadros. Então eu vou em frente e posicionar o indicador de reprodução, adicionar 0. Então, no Mac, você pode usar Command e seta para a direita, e eu acredito no Controle do Windows e seta para a direita para mover um único quadro para a frente. Então eu vou em frente e passar para o terceiro quadro, certo? Então, o Comando 123, e isso é tudo, é quanto tempo eu quero adicionar dissipação para durar. Então eu vou em frente e arrastar isso até aqui. Então, agora a antecipação é assim. Ok, legal. E também o que queremos é que a mão permaneça nessa pose um pouco. E lembre-se de como tornamos o gráfico de valor muito mais plano nas curvas de k Quando estávamos animando K incorridos. Você vai fazer algo semelhante aqui. Ok, vamos em frente e ir para o gráfico de valor. Vá em frente e vá para o gráfico de valores. E o que eu queria fazer era nivelar essa parte aqui. Portanto, certifique-se de que esse nó esteja selecionado, que é o ponto de pico. E eu vou seguir em frente e selecionar essa parte. Em primeiro lugar, deixe-me ampliar um pouco. Vou seguir em frente e selecionar essa parte, segurar Shift e arrastá-la para fora. Isso apenas o tornará mais plano aqui, para que permaneça nessa posição. E eu posso ir e ir, continuar voltando e repetindo. E você pode ver isso, sim. Bem, quanto mais lisonjeiro eu fizer, mais ele permanecerá aqui. Então deixe-me ir em frente e deixar isso um pouco mais plano. Sim, você vê isso? Ele simplesmente vai em frente e as bolas armazenadas estão nesta posição e é porque eu aplico essa parte aqui. Agora você pode ver como o valor nos gráficos de velocidade é usado de forma intercambiável. Essa mudança, o nivelamento, é claro, se espalhou para o gráfico de velocidade, como você pode ver aqui. E, por sua vez, também teria mudado a influência da cama, que é 100%, o que é bom. Só usamos a influência deles para nos dar uma animação básica sobre a qual podemos construir. Além disso, se você olhar, se eu for em frente e jogar de volta, veja como a forma a antecipação termina é um pouco nítida aqui. Então deixe-me ir em frente e jogar. E você pode ver que é um pouco nítido, mas simplesmente puro. Eu só queria ser um pouco mais suave. Voltarei ao gráfico de valores aqui, ampliarei um pouco mais e tentarei torná-lo mais plano. Então eu vou seguir em frente e segurar Shift e torná-lo mais plano. E eu também posso movê-lo para frente e para trás. Você pode fazer alterações que o plano com gráficos tem tudo a ver com fazer mudanças minuciosas e não é o tipo de coisa que você pode desaparecer em algum momento. O diabo está nos detalhes, que Deus está nos detalhes sempre que nos detalhes o que torna qualquer coisa melhor. Então, sim, algumas idas e vindas, é claro, são sempre necessárias, pois eu reordenei, agitei e repito muito nesta aula, mas eu fiz essa parte um pouco mais suave. Então vamos em frente e jogar de novo e ver se termina aquela saída afiada e depois a dissipação termina. Então eu vou em frente e pressionar Espaço. E sim, não é tão nítido. É meio suave, o que é bom, o que é bom. Estamos chegando lá. Agora. Precisamos brincar um pouco com a escala. Queremos que essa mão encolha durante a antecipação, como quando vai daqui para cá, queremos que ela encolha um pouco e depois exploda em tamanho maior à medida que atinge essa posição de pico. Vamos voltar à nossa linha do tempo, onde podemos ver os quadros-chave. Você pode selecionar a camada. E se você já tiver uma propriedade visível, você pode manter pressionada a tecla Shift e pressionar um atalho. Então, vou pressionar Shift e S para aumentar a escala aqui, certo? E então eu vou para 0 vezes 0 e coloco um quadro-chave em uma escala de 100% no tempo 0. Então, durante a antecipação, o que eu queria fazer reduzir o tamanho para algo como 90 ou 87%, algo assim, número muito arbitrário. E então, quando ele alcança a grande posição, o que eu queria fazer era aumentar em escala para algo como 110 ou vamos com 115 anos. Ok, então é assim, encolhe e depois aparece lá em cima e depois volta de novo enquanto está voltando. Eu queria ir em frente e copiar o quadro-chave de escala inicial e colá-lo aqui para que o wild descendo seja reduzido à sua posição original. Ok, agora se eu reproduzir essa animação novamente, você verá que a rotação e a escala de resíduos são animadas. Está totalmente fora de sincronia. E não deve estar fora de sincronia porque há uma flexibilização aplicada a tudo isso. Quadros-chave de rotação e há apenas atenuação padrão linear aplicada a todos os quadros-chave de escala. Precisamos fazer com que as rotações diminuam em escala. Para fazer isso, podemos usar um plug-in chamado e's copy, que você pode ver bem aqui. É um plugin de $15, que eu sei que nem todos vocês podem ter. Então, vamos dar facilidade a todos os quadros-chave e ajustá-los manualmente. Então, o que vou fazer é selecionar todos esses quadros-chave novamente para escala, pressionar F9, e agora todos eles têm uma atenuação. Agora, para dar uma flexibilização exata, o presente, a escala exatamente usa e as formas dos gráficos e tudo como rotações. O que precisamos fazer é entrar no gráfico de velocidade de rotação daqui. Sim, estamos no gráfico de velocidade de vez em quando copiamos as influências em cada nó e colamos em escala. Então deixe-me ir em frente e começar a fazer isso. Vou clicar duas vezes nesta nota. É 3733. Vou para o gráfico de velocidade de escalas. Vou clicar duas vezes aqui. E como é uma propriedade bidimensional e x e y estão mudando, vamos nos certificar de que lock Dimensions esteja marcado e vamos apenas colar os valores aqui. Como você sabia. Desculpe, como vimos no gráfico anterior, tínhamos em 37% e o de saída em trinta e três por cento. Vamos clicar em Ok aqui. Tudo bem, vamos para a rotação novamente. Clique duas vezes aqui. Temos 86.567 a cinco. Vá para a escala, clique duas vezes em 86,56. E o que foi feito foi isso 75? Acho que foi, vou clicar em Ok. E você pode ver que a forma do gráfico muda para uma imitação exatamente como isso é. Então, vou verificar novamente com 7575. Vamos clicar duas vezes aqui. Temos um 100100. Voltarei à escala, clique duas vezes neste nó, darei 100 aqui e depois mais 100 aqui. E fama, temos esse gráfico. Vamos seguir em frente e ver o último quadro-chave aqui. Tem 3316. Então, volte à escala. Temos 33 aqui. E isso realmente não importa a parte de saída porque não tem parte de saída. Mas de qualquer forma, deixe-me escrever 16, ok, não importa. Agora, se eu for em frente e jogar, você pode ver que a escala e rotação estão totalmente sincronizadas. Como você pode ver, todo esse trabalho de copiar e colar poderia ter sido evitado se eu apenas selecionasse tudo isso, fosse para o Leste copiar, plug-in, copiá-lo e, em seguida selecionar essa escala e basta colar. Mas, novamente, eu sei, eu sei. Acho muito frustrante quando estou assistindo um tutorial e um plugin pago aparece. Mas, de qualquer forma, não estamos usando um plugin pago aqui. Eu estava apenas mostrando que esse plugin existe e podemos usá-lo. Não, ela entraria em seus recursos e você olharia para a pasta de lata de mentira do YouTube. Você encontrará este pequeno arquivo de texto chamado expressão elástica ponto TXT. Eu quero que você abra, copie tudo nele, e depois volte aqui. Digamos que rotação. Apenas para começar com Option, segure, Option no Mac ou Alt no Windows e clique no ícone do cronômetro, que abrirá o editor de expressões. E aqui, eu só quero que você cole o comando V e clique fora e não se preocupe com isso. Está bem? Eu quero que você faça a mesma coisa com a opção de escala para, clique em Command V, clique fora. Nada com que se preocupar. Sem fim. Clique em Manter pressionado Comando ou Controle no Windows e apenas recolha tudo. E se eu tocar a animação agora, bem, nada realmente feliz. Ah ****. Eu fiz algo errado? Não, eu não fiz algo errado. A forma como essa expressão funciona é que você precisa que seu último quadro-chave seja uma atenuação linear. Então, como você muda isso para flexibilização linear? Você segura Command no Mac ou Control no Windows, e você simplesmente clica no nome no BAM. E agora se eu voltar e jogar, whoo, há alguns limites. Não há na vida de alguém lá. Você está certo, Cool. Tudo bem, agora estamos quase terminando com essa animação. Precisamos adicionar posição e todas as formas das mãos aqui. Mas eu percebi que isso, que este vídeo está tocando a marca de 20 minutos. Então eu vou parar aqui e eu vou fazer outra parte desta lição e eu vou te ver então. Então espere, espere, descanse , beba um pouco de água e volte. 8. Projeto final - Pt. 2: Ok, bem-vindo de volta à segunda parte do projeto final. Até agora, conseguimos animar a escala e a rotação dessa mão e também dar um pouco de elasticidade usando expressões. A próxima coisa que queremos fazer é trazer, trazer à tona a propriedade path, que está aqui. Esses dois caminhos, sobre os quais já falamos, os quadros-chave dos quais avançamos para a direita. É hora de trazê-los de volta. Então, vou apenas arrastá-los para dentro, posicioná-los no início da minha linha do tempo. E deixe-me ir em frente e ajustá-los para que correspondam à antecipação e tudo mais. Então essa parte é, na verdade, quando o polegar meio que regride o paciente. E então a pose extrema aqui com o polegar esticado e depois voltando ao normal. Então, vamos em frente e jogar. Não será perfeito, mas vamos ver se nos dá uma ideia da animação final. Então, ok, sim, então definitivamente não é apropriado porque está se movendo de uma forma totalmente diferente fora de sincronia. O polegar, o que precisamos fazer aqui é trazer à tona a flexibilização da escala para a orientação para o caminho. Agora, mais cedo, você me viu copiar e colar as influências, certo? Você pode ir em frente e fazer a mesma coisa. Mas o que eu vou fazer é ir em frente e usar o plugin e's copy. Então, vou seguir em frente e selecionar escala ou rotação. Realmente importa que eles tenham a mesma flexibilização. Vou clicar em Copiar. Vou seguir em frente e clicar no caminho. E eu vou em frente e clicar em Colar. Facilidade. Ok, e então eu vou em frente tocar aquela animação e olhar para isso agora. Está praticamente em sincronia. Deixe-me ir em frente e ampliar e ver se consigo fazer alguns ajustes. Deixe-me jogar de novo. Sim, praticamente em sincronia. O que posso fazer aqui é talvez mover essa posição de pico um pouco à frente para que ela permaneça um pouco mais. Então deixe-me fazer isso e deixe-me entrar e jogar de novo. Sim. Sim. Tudo parece perfeito e tudo parece adequado. A única próxima coisa que precisamos adicionar agora é a animação para a propriedade position. Então, vamos em frente e fazer isso. Deixe-me ir em frente e selecionar essa camada e pressionar P para abrir a posição. E eu vou em frente duas vezes 0 e crio um quadro-chave. Agora também preciso combiná-lo com rotação ou escala. Vou apenas seguir em frente e pressionar Shift S para aumentar a escala para que eu possa combinar a posição dos quadros-chave. E como está se antecipando e diminuindo, quero que isso se mova. Quero que a mão se mova um pouco para baixo. Então, deixe-me ir em frente e escolher o segundo número, que é a posição y em arrastá-lo um pouco para baixo como um encolhimento. Está encolhendo. Isso vai um pouco para baixo. Deixe-me movê-lo um pouco mais, um pouco mais para baixo. E agora, à medida que está surgindo, eu queria subir um pouco, então vou em frente e movê-lo um pouco para cima bem ali. E então, à medida que está descendo, eu queria trazê-lo para a posição original deles. Então copie esse quadro-chave e cole-o aqui. Então agora ele se move para baixo, ele se move para cima e depois se move para baixo novamente. Agora vou seguir em frente e copiar novamente a flexibilização da escala usando a cópia de E, é claro. Agora eu poderia entrar novamente no gráfico de velocidade e copiar e colar influências individuais. Mas você não quer sentar e me ver fazer isso, certo? Então você faz isso se você está tomando esse café, eu realmente sou culpado por estar usando um plug-in, mas, você sabe, é necessário novamente. Sinto muito por apagar um tempo. Vou seguir em frente e copiar a flexibilização. Vá para a posição e cole a flexibilização assim mesmo. E se eu for em frente e jogar, você pode ver que a posição também está mudando agora e parece muito melhor. Um último ajuste é tornar o caminho do movimento uma pequena parte. Porque lembre-se de que é um princípio básico da animação que nada na vida real se move em linha reta. Precisamos adicionar um pouco de arco à posição. Então, deixe-me ir em frente e selecionar isso. E com a propriedade position selecionada, você notará que existem esses pontos, não os quadrados com os circulares. Essas são alças para as curvas de Bezier. Então eu posso ir em frente e arrastá-lo para que ele forme uma curva. E deixe-me ir em frente e formar uma curva sempre que puder e torná-la o mais suave possível. Então é isso que estou fazendo agora. E vamos movê-lo assim. E vamos movê-lo assim. Isso é curva suficiente. Deixe-me diminuir o zoom e jogar novamente. E você vê que agora ele meio que se move em uma curva e depois adiciona a curva do caminho. Acabei de adicionar muito mais vida a isso. Animação. Então deixe-me ir em frente e jogar esta última vez. E aí está você. E ao seu gosto, acho que isso é um pouco demais agora, mas ao seu gosto, você também pode ir em frente e ajustar isso como quiser. Então, sim, é isso mesmo. É praticamente isso. Um prato final. Ok, ótimo. Se você fez essa animação acompanhando, vá em frente e faça um GIF ou um vídeo e publique-o nos projetos. E estou tão orgulhoso do que conseguimos realizar até agora, tão legal, nos vemos na próxima lição, que é a lição final. E mal posso esperar para recapitular desde o início, onde não sabíamos nada sobre gráficos aqui, onde manipulamos gráficos e fizemos essa animação. 9. Conclusão: Depois de tudo isso, nós olhamos para a partitura e me disseram que você pode ouvir música real tocando em sua cabeça. Sei que você provavelmente não pode, porque falamos sobre gráficos e olhando para esta folha que tem um gráfico de valor desenhado nela, você provavelmente pode dizer o tipo de movimento que esse gráfico representa. E se você puder assistir novamente à aula, quero dizer, depende de você. Se você não puder, você pode assistir novamente à aula, mas tenho certeza que você faz de qualquer maneira, qualquer h2. Vamos recapitular tudo o que fizemos nesta aula. Uma coisa importante que eu queria ensinar nesta aula, porque era bastante misterioso para B2 é por que certas flexibilizações, chamadas entradas e saídas de facilidade, etc. E analisamos isso através de um gráfico inteiro. Todo esse gráfico de movimento tem um interior e um exterior e, dependendo qual lado você aplica, a flexibilização pode ser chamada de ECM está fora ou facilidade de entrada, fora. E também há lados internos e externos para cada quadro-chave ou que também é um nó em um gráfico de movimento. Então isso é algo que fizemos. Usamos caminhos de corte para animar a caligrafia e adicionamos variações de velocidade à caligrafia manipulando o gráfico de valor, tornando-o mais plano ou mais íngreme, etc. E você sabe, o que poderia ser? Um projeto interessante é que você grava a si mesmo ou a alguém escrevendo algo no papel e tenta recriar o do After Effects. Então isso é algo que você pode fazer para o nosso projeto final da aula, recriamos o YouTube como animação de câmera como é em 2022 em dispositivos iOS e iPad OS, aprendemos sobre antecipação quando o mão sobe, há um pouco de antecipação e queríamos considerar seguido adiante. E adicionamos um pouco de acompanhamento usando uma expressão que adiciona algum tipo de elasticidade ao Lai Can, você deve verificar o projeto finalizado que fizemos. Há algo sobre o qual eu deveria confessar. O projeto do lado esquerdo que construímos juntos e que você está resolvendo , mas vinculado. Precisava de mais esmaltes e mais tempo. Eu não fui capaz de ir até o fim por causa da restrição de tempo e tudo mais. Mas o arquivo finalizado que está lá em seus recursos é aquele em que trabalhei extensivamente. E parece muito mais suave e muito melhor. Então você deve dar uma olhada. Não se preocupe, ele foi criado usando exatamente as mesmas técnicas que mostrei. E, a propósito, se você é novo em expressões e quer aprendê-las. Eu tenho outra aula sobre Skillshare, que é intitulada introdução para iniciantes às expressões. Você poderia entender que definitivamente não é para avançar e não é para recriar algo avançado como expressão que usamos nesta aula para o YouTube como animação Han. Mas ainda assim, acho que dá uma base muito sólida para quem quer começar a aprender a expressão. Então você pode conferir se quiser. Isso é um embrulho para mim. Eu realmente agradeceria se você estivesse assistindo isso, se você chegou a essa parte da aula para deixar uma avaliação, isso realmente significa muito. Lendo uma boa crítica. Ou se você não gostou da aula, eu ainda coloco uma visão geral. Eu gostaria de receber alguns comentários sobre como estou indo porque eu realmente gosto de ensinar e sou um estudante de como ensinar melhor. Então, sim, seja o que for, depende de você, de novo, Isso é um embrulho e eu vou te ver no próximo. Espero que em breve. Tchau.