Noções básicas de animação CapCut: domine quadros-chave passo a passo.

1. Introdução: Esses movimentos, transições, objetos se movendo pela tela, o texto que você está vendo agora parecem bastante complicados, mas todos eles se resumem a apenas uma ferramenta básica em software de edição chamada quadros-chave E depois de entender como isso funciona, você poderá controlar qualquer coisa dentro seus vídeos e fazer com que pareçam super fluidos e naturais. Sou Andrea Skillshare , a melhor professora, criadora de conteúdo , fotógrafa e videomaker freelance. E eu edito vídeos há mais de dez anos. E se há uma coisa que eu uso em cada vídeo, é o enquadramento de teclas. Nesta aula, vamos manter as coisas simples e práticas, e você não vai apenas assistir. Você vai praticar a recriação de todos esses movimentos com uma prancha de prática que eu criei só para você Vamos começar do básico, criando sua primeira animação e, lentamente, desbloqueando um pouco mais de controle, movendo, escalando, girando e, em seguida, combinando tudo isso para criar uma edição muito E a melhor parte é que isso não se aplica apenas ao corte da tampa. A mesma lógica se aplica à versão final de estreia de DaVinci Então, depois de aprender, você pode aplicá-lo em qualquer lugar. Então, se você já viu uma animação ou edição e ela parecia muito complexa, não é. É só um monte de coisas simples reunidas. E, geralmente, muitos enquadramentos chave. Vamos entrar nisso. 2. Projeto do curso: : Antes de entrarmos na dupla, vamos falar um pouco sobre o projeto da turma A ideia é fazer isso como um jogo para que você possa se divertir enquanto aprende. Eu criei um quadro de prática no qual você saberá onde está o início e o fim de cada animação. E seu objetivo será dar vida a esses elementos usando quadros-chave Você moverá objetos de um lado para o outro, escalando-os para cima e para baixo, girando E não se preocupe se isso soar um pouco demais agora. Vamos construir isso passo a passo. Na próxima lição, mostrarei exatamente como cada tipo de keyframing E então você volta a este quadro e aplica o que aprendemos. Se você quiser simplificar , basta recriar os movimentos exatamente da mesma forma Se você quiser dar um passo adiante e recriá-lo com seu próprio estilo, ficarei feliz em vê-lo Agora, muito importante, quando terminar, exporte seu vídeo e coloque-o no Google Drive, Dropbox, YouTube, como vídeo inscrito, e publique-o na galeria de projetos Confie em mim, é uma experiência de aprendizado completamente diferente se você realmente a testar e fazer o upload de algo. Você realmente vai se sentir como se tivesse aprendido alguma coisa depois disso. Tudo bem, agora que você conhece nosso caminho até aqui, vamos começar a criar sua primeira animação 3. Noções básicas de quadros-chave: Vamos realmente aprender como isso funciona. No momento, esse clipe está completamente estático. Não há movimento. Mas no momento em que eu adiciono dois quadros-chave, as coisas começam a mudar Pense nos quadros-chave como dois pontos no tempo. Se nada mudar, nada acontece. Mas se algo mudar, então o CapCut ou seu software de edição vão descobrir o que acontece entre os pontos A e B. Então, vamos começar com um exemplo bem básico. Digamos que eu coloque um adesivo aqui e quero que ele termine aqui E todo esse movimento que você acabou de ver acontecer, foi criado pelo software de edição. Acabei de dizer pontos iniciais e finais. A propósito, se você quiser baixar os arquivos na seção de projetos e acompanhar esta aula enquanto pratica, também é uma ótima ideia Na seção de recursos dessa classe, você encontrará três arquivos diferentes. O primeiro é esse plano de fundo aqui, mas você realmente não precisa dele. Você pode usar o que preferir. E os elementos que estou usando para animar aqui são todos adesivos dentro E você vai encontrá-los clicando aqui à esquerda nos adesivos, e há muitas categorias diferentes Você pode simplesmente escolher o que preferir. O importante é que você experimente. Os outros dois planos de fundo que você pode encontrar serão usados em uma das menos aulas que serão, na verdade, seu projeto para esta aula Transformação lateral, você já verá um desses ícones em forma de diamante. Se você clicar aqui, isso significa que você está definindo todos os parâmetros abaixo para que aquele clipe naquele momento específico seja assim. Agora vamos avançar um pouco no tempo. Obtenha o indicador de reprodução, vá alguns segundos depois e clique novamente no quadro-chave de transformação Agora, ainda não mudamos nada entre esses dois momentos, então o software não vai se mover nem fazer nada com o adesivo Vamos até a balança e deslizá-la um pouco para cima, tornando o adesivo um pouco maior. E é isso. Agora você pode voltar para a linha do tempo e simplesmente reproduzi-la para ver como ela aumenta o adesivo sem precisar fazer nada E há três maneiras pelas quais você poderá alterar esses parâmetros. O primeiro, como a balança, por exemplo, você tem esse tipo de controle deslizante que pode ir e voltar Para outros parâmetros haverá setas ou algo semelhante A segunda maneira é que, se você quiser ser realmente preciso, pode discar o número exato desejado. Você quer que o adesivo seja 10% maior, basta escrever 110% e pronto Se você quiser mover a posição para um local muito específico, você também pode fazer isso. Você recebe o. A terceira forma, que flui mais livremente, é usar o painel de visualização e fazer isso visualmente Sempre que você clicar em um objeto na linha do tempo, ele será destacado no painel de visualização Você verá a caixa ao redor dela e agora pode simplesmente arrastá-la para torná-la maior, menor, girá-la ou simplesmente movê-la Basta tocá-lo aqui na pré-visualização, criará automaticamente um quadro-chave para aquele momento Mas somente se você habilitou os quadros-chave antes, já que já havia clicado no enquadramento de chave de transformação, isso funcionará, mas se você não tiver tocado nele e apenas movido isso para a visualização, não há nenhum quadro-chave sendo criado aqui há nenhum quadro-chave Portanto, se você tem uma animação em mente, certifique-se de clicar no quadro-chave do parâmetro que você deseja alterar ou na transformação geral aqui. Veja, você acabou de criar sua primeira animação. Então, se você quiser brincar um pouco com isso , para que você possa entender como funciona. E na próxima lição, daremos um pequeno passo adiante, verificando todos os parâmetros que você pode realmente alterar com quadros-chave 4. Controlando o movimento: Agora que você entende como os quadros-chave funcionam, vamos realmente desbloquear todas as propriedades que você pode controlar com eles O conceito sempre será o mesmo. A posição trará algo do ponto A ao ponto B. escala o tornará maior ou menor e a rotação parece óbvia, mas há um problema Como o software recriará automaticamente o movimento entre os dois pontos, ele precisa entender como você deseja A rotação, por exemplo, pode ser sentido horário ou anti-horário Então você precisa dar uma dica do que você quer. Então, se você quiser que algo, por exemplo, gire e termine na mesma direção, você terá que definir um quadro-chave no meio e mostrar como ele deve estar naquele ponto ou dar uma dica até o final e ver o que o software faz até o final e ver o que o software Agora, aqui está um pequeno truque sobre rotação. Se você criar dois quadros-chave e simplesmente deixá-los iguais , eles não farão nada e, portanto, não girarão Mas se, no final, você escolher esse quadro-chave e, em vez de zero, adicionar 360, que na verdade deveria ter exatamente o mesmo posicionamento Ele vai girar no sentido horário. E agora há um segundo truque. Se quiser, você também pode usar ângulos negativos aqui. Então, em vez de 360, se eu colocar menos 360, o que vai acontecer é que a bola vai girar Então, você pode brincar com isso para coordenar como deseja que o software crie a rotação para você O próximo parâmetro que podemos definir como quadro-chave e que você vê com frequência nos vídeos é a opacidade É assim que fazemos com que as coisas apareçam e desapareçam. Então, digamos que você queira que algum texto apareça na tela, você pode ir para o modo de mesclagem. Defina um quadro-chave no início com a opacidade e no final em 100 E agora seu texto vai aparecer assim na tela. E é aqui que as coisas começam a ficar interessantes porque você não precisa fazer apenas uma delas por vez. Na verdade, você pode combinar todos esses parâmetros. Então, por exemplo, eu posso mover esse objeto, aumentá-lo e girá-lo ao mesmo tempo, e tudo entre os mesmos dois momentos no tempo E a parte divertida é que, mesmo que você clique no quadro-chave de transformação, o software cria um quadro-chave para cada um deles Então, mais tarde, você pode ajustá-los individualmente, posicionamento, rotação e escala E é exatamente assim que animações mais complexas são criadas Quero apresentar mais um conceito que fará com que suas animações pareçam muito mais fluidas do que naturais, e esse é o conceito de flexibilização Até agora, todos os movimentos que criamos são lineares. Então, eles mudam na mesma quantidade com o tempo. Digamos que você esteja movendo um adesivo em 10 segundos do ponto A para B. Se você atingir a marca de 5 segundos, ele estará exatamente no meio Mas nossa percepção é que, na vida real, as coisas realmente não se movem dessa maneira. Então, se você fosse, por exemplo, correr do ponto A ao ponto B, normalmente começaria mais devagar, aumentaria a velocidade e depois diminuiria no final Isso é exatamente o que podemos replicar usando a flexibilização. A maneira mais rápida de definir isso é simplesmente ir aos mesmos lugares em que você estava configurando os quadros-chave, clicar com o botão direito do mouse e você terá no menu quatro opções diferentes Está dentro é fora, fácil e linear. Es in significa que o movimento começa mais baixo e depois acelera. Es out significa que começa rápido, mas depois desacelera no final O Easing combina os dois. E linear, como o nome diz, ele simplesmente fica estável. Deixe-me mostrar visualmente a diferença. Aqui em cima está uma animação linear e na parte inferior está uma com a atenuação aplicada Parece imediatamente mais suave e natural. Agora, uma última observação nesta lição é que muitos outros parâmetros no corte de capa também podem ser formatados em quadros-chave, até mesmo coisas como correção de cores, gradação de cores, mascaramento E agora sabemos que a maneira simples de verificar se algo pode ser formatado por um quadro-chave é verificar se há esse ícone de diamante à direita. Mesmo conceito. Defina um quadro-chave para o início, avance no tempo, outro quadro-chave para o final e altere o parâmetro conforme preferir Ok, na próxima lição, vamos falar um pouco sobre diferentes formas de definir quadros-chave e como ajustá-los com precisão 5. Métodos de enquadramento chave: Você sabe o que são quadros-chave e o que você pode controlar. Vamos ver as diferentes maneiras de criar animações dentro do Capgt. Porque não há apenas uma maneira de abordar isso e entender isso que oferece muito mais flexibilidade Vamos usar um exemplo de quadro-chave de posição aqui. Faça o que fizemos antes, selecione o primeiro e o último pontos-chave do enquadramento e altere o parâmetro conforme preferir Pode ser simplesmente mover um adesivo do ponto A para B. Agora podemos entrar na linha do tempo, clicar com o botão direito do mouse no clipe e mostrar uma animação de velocidade variável Vou abrir um painel totalmente novo mostrando suas propriedades de transformação e o que você criou até agora. Geralmente, será categorizado em transformar, ajustar e outros. Dentro da transformação, você encontrará coisas como posicionamento, rotação e escala Uma coisa a prestar atenção no Capct é que elementos diferentes oferecerão opções diferentes dentro do painel aqui Então, por exemplo, se você adicionar um adesivo como esse, verá que não há parâmetros de ajuste aqui, então você não pode alterar a cor, o balanço de branco, nada disso Mas há um truque de fazer qualquer coisa aqui. Se você clicar com o botão direito, você pode criar um clipe composto. E agora o Capct vai tratar isso como um videoclipe, como seria qualquer outro Os parâmetros aqui mudam completamente para corresponder aos de um videoclipe original, incluindo tudo o que você pode usar para ajustar cores, balanço de branco e correção de cores Então, aqui, se eu criar um quadro-chave , digamos, por exemplo, para temperatura, eu avanço e crio outro em que esse goleiro é completamente amarelo, por exemplo, e agora você poderá ver a transição E isso está abrangendo o adesivo original . Ainda assim, se eu clicar duas vezes, posso ver todos os quadros-chave que criei antes aqui e, para voltar, basta clicar nessa seta aqui no meio e ver a linha do tempo original No ajuste, você geralmente encontrará ferramentas de gradação de cores, nitidez, vinheta e muito mais E aqui está a ideia principal. Qualquer coisa que você adicionar um quadro-chave também aparecerá aqui Então, isso se torna uma visão geral completa do que está mudando em seu clipe. Agora, você pode interagir com esses quadros-chave diretamente daqui Você pode movê-los para frente e para trás para tornar a animação mais rápida ou mais lenta, você pode movê-los para cima e para baixo para alterar seus valores Então você não está mais apenas alterando os pontos inicial e final, você está moldando a animação visualmente Agora, lembre-se de que cada parâmetro tem sua própria escala. Se estiver posicionando , será a posição na tela com as coordenadas. Outras coisas terão valores dependendo do que elas controlam. Escala, por exemplo, será uma porcentagem. Pode ser ângulo, nível de intensidade . Depende do parâmetro. E lembre-se de como falamos sobre flexibilização, está dentro e fora. Aqui você também tem todos esses controles e muito mais. Se você for à direita aqui e clicar nas predefinições, verá vários exemplos visuais de como você pode ter essa animação Depois de fazer isso, você pode clicar em cada quadro-chave e ajustar usando essa alavanca aqui Assim, você pode tornar a animação mais longa, mais curta e ajustá-la conforme preferir E clicando no diamante, você pode remover um quadro-chave se estiver posicionado em cima dele ou criar um novo quadro-chave se estiver em um momento em que ainda não tenha E se você quiser navegar por eles, basta clicar nas setas para ir diretamente para um ou outro Agora, lembre-se de que essa abordagem pode não ser a mais precisa porque você está apenas movendo-a com o cursor. Mas você sempre pode voltar para o painel e simplesmente inserir um valor manualmente para defini-lo exatamente onde quiser. Uma dica antes de terminarmos esta lição é que, agora que você aprendeu que pode transformar um adesivo em um videoclipe e acessar alguns novos parâmetros, uma coisa que você poderá acessar agora é o desfoque de movimento E isso realmente ajuda a vender a ideia de movimento de um adesivo ou de qualquer objeto Então, aqui, por exemplo, se você apenas ver o movimento do gato indo da esquerda para a direita, verá que a qualquer momento ele está completamente afiado. E para vender a ideia de movimento, podemos torná-la um pouco embaçada de acordo com o Mas se você simplesmente clicar no adesivo agora, você não tem essa opção aqui Então, o que vamos fazer é clicar com o botão direito do mouse. Vamos criar um clipe composto e agora, aqui no painel de vídeo, podemos ir até a parte inferior e você encontrará o desfoque de movimento Agora, aqui vai começar a se inscrever e você poderá ver que agora é demais. Na verdade, você pode reduzir isso escolhendo a direção para trás Então, vai ficar um pouco embaçado na parte de trás do gato contra o movimento E podemos reduzir isso um pouco fazendo talvez 30%. Vamos esperar que seja processado. E agora você pode ver que qualquer momento no tempo fica um pouco embaçado por causa do movimento Você pode ajustar aqui ao seu gosto, dependendo também da velocidade do movimento que você definiu, mas isso já é muito mais interessante do que mantê-lo nítido durante todo o movimento Ok, lembre-se do quadro prático, experimente e , na próxima lição, falaremos um pouco sobre casos reais de edição de notícias sobre enquadramento de chaves 6. Cenários comuns: Vamos pegar tudo o que você aprendeu e aplicá-lo em edições reais Porque é assim que ela deixará de ser apenas uma ferramenta e será aplicada à sua narrativa real Vamos ver alguns exemplos práticos como aumentar e diminuir o zoom da cabeça falante. Isso é algo que você vê o tempo todo no YouTube e nas mídias sociais. Em vez de cortar para uma segunda câmera, você meio que a simula Adicione um quadro-chave no início, outro no final e amplie um pouco Isso cria variação, mantém o espectador envolvido e também chama um pouco mais de atenção para algo que você vai dizer naquele momento. É simples, mas extremamente eficaz. Vamos ver fotos, por exemplo. Se você precisar exibir um em seus vídeos, ele pode parecer um pouco monótono e plano Mas se você adicionar uma caneta pequena, um zoom ou apenas um pouco de movimento, ela parecerá muito mais viva. Agora vamos falar um pouco sobre texto e, em vez de apenas fazê-lo aparecer na tela, você pode realmente animá-lo Você pode iniciá-lo fora da moldura e depois inseri-lo ou simplesmente mantê-lo dentro, mas apenas fazer com que a opacidade diminua. Você pode combinar um pouco de movimento, um pouco de escala e opacidade para tornar algo muito mais dinâmico Agora, além disso, você pode adicionar uma flexibilização e parece muito mais intencional E lembre-se de que no Capcut você também pode adicionar as animações embutidas em cima de tudo isso Então, digamos, por exemplo, que você adora essa animação letra por letra. Você pode aplicá-lo à sua caixa de texto, mas ainda pode aplicar a posição, a opacidade e o quadro-chave de escala Então, você vê que todos esses exemplos têm uma coisa em comum. Você está usando o quadro-chave para guiar a atenção dos espectadores Então, reserve um momento para experimentar isso e, na próxima lição, falaremos sobre seu projeto. 7. Prática: Agora vamos colocar tudo em prática juntos. Vamos usar o quadro que mencionei na primeira aula. A primeira coisa que você precisa fazer é baixar essas duas imagens do painel de recursos do projeto. O primeiro é esse com todas as formas, e o segundo é esse estádio de futebol. Vou explicar para que servem. Portanto, importe os dois dentro de um novo projeto dentro do Capcot Você pode ver que os dois já estão aqui e trazem o primeiro para a linha do tempo, assim como eu fiz aqui A ideia é que você crie essas três formas dentro do código de capitalização usando os adesivos Você pode vir aqui à esquerda para ver os adesivos E uma das últimas coisas que você vai encontrar são formas. Você só vai criar um por um de cada um deles. E vamos começar com um exemplo aqui. Como, por exemplo, esse triângulo. Vou apenas editar a faixa e, em seguida, ela é criada aqui. Vou demorar um pouco mais. E agora nós o temos aqui. Você verá que, nos painéis, você poderá mudar quase tudo sobre essa forma. Você pode alterar a opacidade, o campo e a aparência correta Mas você também pode fazer isso no painel de visualização, e é assim que eu sugiro que você faça isso agora. É um pouco mais fácil. Vou remodelá-lo para ficar mais ou menos assim E neste exemplo, vou fazer a transição do maior para o menor. Mas isso realmente não importa. Assim que você fizer a transição de um para o outro, você usará os mesmos conceitos que estou usando aqui. Então, ok, eu vou deixar isso assim. Eu só vou mudar a cor aqui, talvez para amarelo. E a primeira coisa que você precisa fazer é criar alguns quadros-chave. Então, o que vamos mudar daqui para aqui? Quase tudo relacionado à posição, rotação, escala, e também podemos mudar a cor. Então, vou criar quadros-chave para tudo isso. Vou apenas clicar na transformação. Então, assim, eu tenho todos os quadros-chave já criados para mim. E o preenchimento não faz parte da transformação, então você também precisará criá-lo manualmente aqui. OK. Então, agora que está pronto, e você pode ver que o quadro-chave está aqui no começo, vou pegar o indicador de reprodução continuar um pouco. Aqui é o suficiente. E eu vou trazê-lo aqui e tentar imitar exatamente a forma que estamos vendo aqui no nosso quadro Então, vou remodelá-lo assim. E se você quiser manter o mesmo tamanho ou a mesma proporção, mais ou menos, você pode clicar em Shift e ele vai mantê-lo mais ou menos o mesmo. Vou torná-lo um pouco menor. Talvez possamos girá-lo um pouco. Ok, não precisa ser perfeito. É só para você praticar, na verdade. Então, assim, parece muito bom para mim. Eu vou mudar também o arquivo. Então, vamos vir aqui e eu vou torná-lo verde, digamos. Então, agora, eu tenho o triângulo fazendo a transição da base do primeiro triângulo para a segunda e mudando a cor Perfeito. Agora, eu queria adicionar outras camadas também do que você aprendeu durante a aula. Então, a primeira coisa que você pode fazer aqui também é alterar a flexibilização, como ela se move no espaço Então, vou vir aqui até o painel e escolher a atenuação, por exemplo Então, agora o movimento é um pouco mais fluido entre as duas formas, e pronto. Agora, tudo que eu quero é que você repita o mesmo processo usando também o círculo e o quadrado. E considerando que também aqui, estou alterando a opacidade do círculo, e você pode alterar qualquer outra propriedade que queira apenas para praticar isso um pouco Perfeito. E agora o segundo projeto, e este é opcional, mas eu acho que é muito interessante se você quiser tentar fazer isso usando o estádio de futebol aqui. Então, eu simplesmente entrei nos adesivos, e também há uma categoria chamada futebol Que será aqui embaixo, onde você encontrará todos os adesivos que eu usei Mas realmente depende de você. Se você quiser criar algo diferente, se tiver uma imagem diferente e quiser fazer algo sozinho, tudo bem também. Mas isso é apenas algo que eu preparei para você, para facilitar a decisão de qual tipo de projeto ou como praticar. Então, o que eu fiz foi criar essa animação. E tudo isso está usando exatamente as mesmas coisas que aprendemos durante a aula. Ele está usando todas as transições, usando quadros-chave para posição, escala e rotação E só uma coisa que eu tenho que prestar atenção porque, neste caso, como temos tantos adesivos, a ordem será importante para entender quais aparecerão na frente ou no verso. É isso mesmo. Agora cabe a você praticar. Lembre-se de exportar este vídeo acessando Exportar e, em seguida, escolhendo um destino e enviando-o para o Dropbox, Google Drive, YouTube, conforme você preferir, e cole o link na seção do projeto Vou verificar cada um deles e vou responder a todos os seus comentários no painel de discussão. Ok, agora vamos encerrar tudo na lição final. 8. Conclusão: Vamos recapitular rapidamente o que você aprendeu. Você começou entendendo exatamente quais quadros-chave realmente são um momento em que algum parâmetro mudará Em seguida, você criou sua primeira animação definindo um início e um fim. Depois disso, você explorou o que realmente pode controlar, escalar, posicionar, girar e como combiná-los torna tudo mais dinâmico Também introduzimos a atenuação, que faz com que sua animação pareça mais dinâmica e mais natural, e como abordar o quadro-chave dentro de um quadro definindo valores, fazendo isso visualmente ou configurando-o E, finalmente, você o aplicou cenários reais de edição e em seus próprios projetos. Agora, espero que esta lição prove que por trás de cada animação complexa, há apenas um monte de parâmetros diferentes quadros-chave Então, se algo parecer complicado, basta detalhá-lo. Agora, eu realmente adoraria ver o que você cria. Então, publique seu projeto no painel do projeto. E se você quiser se aprofundar um pouco mais, pode assistir a uma das minhas outras aulas como minha master class do Capcut, por exemplo, na qual ensino, do iniciante ao profissional como usar tudo dentro do software E isso é tudo para este. Muito obrigado por assistir, e nos vemos na próxima aula. Yo.