Noções básicas de fricção: animação vetorial 2D para design de movimento

1. Boas-vindas aos gráficos de fricção: Olá, bem-vindo a esta introdução ao Friction Graphics para gráficos em movimento Meu nome é Jonathan. Sou animador e designer gráfico, além de fundador do nuc Stuck Creative Studio no YouTube, onde faço upload de tutoriais e, ocasionalmente, curtas-metragens e Nesta aula, veremos o Friction Graphics, que é um software versátil de animação vetorial e raster que permite criar animações para web e Friction é gratuito e de código aberto, e para aqueles que conhecem o After Effects, seja pelo nome ou pela experiência, podem achar que o atrito é um tanto familiar, pois há semelhanças entre os dois, mas são diferentes O After Effects é principalmente para composição, enquanto o atrito também depende muito animação e da animação na web Pessoalmente, uso o atrito para fazer animações de personagens e, às vezes, gráficos em movimento Eu o combino com outras ferramentas, como Cat and Live, Gimp e até mesmo o Blender, para criar cenas mais complexas Então, sem mais delongas, vamos garantir que entremos na mesma página e comecemos. 2. Baixar ativos e fricção: Lá. Nesta primeira lição, primeiro baixaremos o Friction, baixaremos os recursos se você quiser acompanhar o que estamos fazendo exatamente com a mesma filmagem Então, para obter atrito, vamos passar para gráficos de pontos de fricção. E vamos até o Download. E a partir daqui, podemos escolher nossa versão de atrito. Agora, para esta aula, usarei versão do Friction RC três Este é o candidato a lançamento número três para a primeira versão do Friction. A primeira versão, a RC três, é onde você encontrará todos os novos recursos que o Friction tem a oferecer, e é a mais próxima do próximo lançamento da primeira versão Agora, basta identificar qual é compatível com seu sistema operacional. No meu caso, usarei a imagem do aplicativo Linux. Depois de baixar e instalar o friction, você pode conferir os recursos da classe para baixar os ativos que vou usar Agora, todos os videoclipes que vou usar são de pixels E até o final, usaremos uma trilha sonora, e essa eu comprei do Motion Array, e, infelizmente, não posso compartilhar isso Agora, antes de entrarmos em atrito, eu recomendo fortemente explorar a página de documentação deles E lá, você encontrará muitas informações sobre atrito, que tornará muito mais fácil aprender atrito e se acostumar com a interface do usuário, os diferentes recursos que ela possui e como navegar por alguns desses Mas certo, chega de falar sobre isso. Vamos começar com o atrito. 3. Primeiros olhares — UI de fricção: Oi. Então, antes de começarmos com nosso primeiro projeto, vamos primeiro aprender sobre a interface de usuário do friction. Essa será uma pergunta rápida. Não há muito o que aprender. Temos nossa barra de menu na parte superior. Abaixo disso, temos nossa barra de ferramentas principal e, abaixo dela, temos algumas propriedades que variam dependendo da ferramenta e dos objetos que selecionamos Então, veremos isso mais tarde. À direita, temos a barra de ferramentas de cores, e isso nos permitirá alterar as cores rapidamente, em vez de fricção Assim, podemos alterar a cor de preenchimento, os traços e até mesmo o plano de fundo da nossa cena. OK. Agora, nesta grande área central aqui, onde temos nosso fundo preto e nosso logotipo de ficção, esse é o espectador, e é aí que vamos encontrar a área. E no lado direito, temos nosso painel de propriedades. Então, aqui embaixo, assim como nossos ativos na fila Esses três painéis aqui permanecem agrupados e, acima disso, temos o preenchimento e o traçado, e é aqui que podemos controlar o preenchimento e o traçado de nossa forma e caminhos Esses dois painéis aqui podem ser reajustados, para que você possa ajustar o tamanho Então, essa pequena separação tênue aqui é como você pode ajustá-los. E você pode notar algumas setas, e essas setas nos permitem modificar sua posição Assim, podemos mover, por exemplo, o painel de propriedades para a esquerda, para a direita, para cima ou para baixo, a mesma coisa para o preenchimento e o traçado. Assim, poderíamos separá-los e até mesmo mover o preenchimento e o traçado até o outro lado do visualizador. Então, você pode basicamente modificar a interface do usuário. Agora, se você fizer muitas modificações e quiser voltar ao padrão, basta ir até a barra de menu dentro da ajuda e descer até Restaurar a interface de usuário padrão Logo acima disso, você verá mais algumas opções para restaurar propriedades diferentes. Então, preencha e traçe, reinstale as predefinições de expressão padrão e reinstale os perfis de renderização padrão E quaisquer que sejam as alterações que você fizer na interface do usuário, atrito será lembrado na próxima vez que você carregar o software Agora, abaixo da nossa área de visualização, temos a linha do tempo e também podemos redimensioná-la Portanto, não há nada aqui na linha do tempo porque ainda não criamos uma cena Agora, no lado esquerdo do visualizador, temos o menu de ferramentas. E aqui, vamos encontrar as ferramentas padrão para atrito. E se clicarmos com o botão direito do mouse e descermos até os rótulos, marque isso, obteremos o nome de cada uma das ferramentas. Então, vou deixar isso em aberto por enquanto para que você possa ver o nome das ferramentas se eu as chamar. Agora, por fim, na parte inferior, temos nossa barra de status, onde podemos ver a quantidade de RAM usada pelo atrito Temos a largura e a altura da nossa cena. Então, agora está definido para 11 porque ainda não temos uma cena. Podemos controlar a resolução. Analisaremos isso daqui a pouco e, em seguida, teremos os diferentes layouts E, finalmente, algumas ferramentas aqui, como a grade, o encaixe e o Gizmo, que veremos em A última coisa que veremos na interface do usuário está no canto superior direito onde temos o logotipo de fricção. Se você clicar com o botão esquerdo nele, veremos um pop-up. E vamos expandir isso. Dentro desse pop-up, você pode ver algumas informações sobre seu sistema. Você tem uma seção sobre atrito e, ao lado dela, temos os atalhos Então, se você quiser aprender os atalhos do atrito, eles estão lá no software Você pode dar uma olhada neles. Infelizmente, ainda não podemos alterar os atalhos, mas isso acontecerá em breve em futuras versões do Friction Também temos sua declaração de privacidade e a licença sob a qual o atrito se baseia Então, esses são os princípios básicos da interface do usuário. Se você navegar até os gráficos de fricção e acessar a documentação deles em vez da interface do usuário, também obterá uma análise detalhada da interface do usuário Então, eles falarão sobre as diferentes partes, fornecerão algumas informações sobre cada coisa. E eu recomendo fortemente explorar a documentação em seu site. Eles têm muitas informações na documentação que podem ajudá-lo a aprender ainda melhor o atrito Com isso resolvido, vamos continuar criando nossa primeira cena e importando nossos ativos 4. Crie uma nova cena — navegação por fricção: Olá. Nesta lição, vamos criar nossa primeira cena, importar nossos recursos e nos familiarizar um pouco com a navegação Então, vamos começar clicando em Novo. Vamos receber um pop-up. Esse pop-up nos permite alterar os parâmetros da nossa cena. Agora, eles podem ser alterados posteriormente, então esse não é um compromisso final. No topo, temos o nome da nossa cena. Vou deixar isso como padrão. Em seguida, temos nossa largura e nossa altura. Você pode configurá-los manualmente ou clicar nesses três pontos aqui e escolher nesta lista de predefinições Vou deixar para 1920 até 1080. Em seguida, temos a duração. Agora, a duração pode ser vista em quadros ou em segundos. Então, isso depende de você. Temos a estrutura inicial e a estrutura final. Abaixo disso, temos o FPS, ou seja, quadros por segundo Essa é a taxa de quadros da sua animação ou cena, e você pode configurá-la manualmente ou novamente, clicar nesses três pontos e escolher em uma lista de predefinições Em seguida, temos o plano de fundo. E se clicarmos nesse pequeno quadrado aqui, teremos um pop-up para que possamos escolher a cor de fundo. fundo geralmente não renderiza, é mais um espaço reservado, a menos que você esteja exportando imagens, se não me engano Mas você também pode controlar o alfa dela. Então, basicamente, você pode torná-lo transparente ou totalmente opaco ou semitransparente Logo abaixo, temos marcadores, o que nos permite salvar cores, mas veremos isso mais tarde na aula Então eu deixo o meu quase preto. E, por fim, definimos como padrão. Se você marcar essa caixa de seleção, essas configurações se tornarão as configurações padrão na próxima vez que você criar uma cena Isso não impede que você altere essas configurações. Lembre-se de desmarcar a opção Definir como padrão para que você não substitua o padrão anterior, a menos que queira. Ok, quando terminarmos, vamos clicar em OK, e agora temos nossa primeira cena, e agora podemos ver mais informações na linha do tempo Se expandirmos isso aqui, temos a contagem de quadros no topo aqui. Porém, se você estiver trabalhando em segundos, sempre poderá clicar com o botão direito exibir o código de tempo, e exibir o código de tempo, e agora verá os segundos em vez dos quadros. Vou ficar com as molduras. Então, vamos dar uma olhada completa na linha do tempo agora. No lado esquerdo, na parte superior, temos o início do quadro da cena. Então, basicamente, onde você quer que sua cena comece. Pode estar em quadros ou segundos novamente. Portanto, você pode alterar esse número manualmente, e agora esse será o novo quadro inicial da nossa cena. Então, vou deixar para zero por enquanto. E então, no meio, temos o quadro atual. Então, onde quer que o indicador de reprodução esteja configurado atualmente. Então, se eu clicar com o botão esquerdo aqui, arrastar, você pode ver como estamos alterando o valor movendo o indicador de reprodução, que é essa barra aqui E então, no lado direito, temos a estrutura final. Então, esses valores podem ser alterados rapidamente aqui, acima da linha do tempo E na parte inferior da linha do tempo, no canto inferior direito, temos o Fit horizontal Quando você clica nela, ela se ajusta à visualização de toda a duração da nossa linha do tempo Então, se eu fosse, por exemplo, mudar o início para 50 e clicar em Ajustar Horizontal, começaria de 50 até 250 OK. Tudo bem, então. Agora, acima da linha do tempo dentro do visualizador, agora temos nossa tela Você pode rolar com a roda do meio do mouse para aumentar ou diminuir o zoom ou simplesmente usar o atalho do teclado, menos para aumentar o zoom e aumentar o zoom Se você for até a barra de menu dentro de uma visualização, Zoom, verá todos os atalhos do teclado, o zoom in, o zoom out, fit Canvas, etc Um atalho de teclado que eu uso com frequência é o Fit to CNVs, que é Control Zero Então, pressionando Control Zero, podemos ajustar o visualizador à nossa tela. Então, vamos transmitir nossos ativos, codificar lectli e arrastá-los para Farei o mesmo com este videoclipe aqui, clique com o botão esquerdo e arraste para o nosso projeto. Então, essa é uma maneira de importar seus ativos. algumas raras ocasiões, ao Em algumas raras ocasiões, ao tentar arrastar alguns ativos de vídeo, atrito pode falhar, e é aí que entra a barra de ferramentas principal, onde você pode importar ou vincular seus Qualquer coisa que você importar por aqui , abrirá uma janela pop-up. Escolha o que você deseja importar, clique em abrir e ele importará. Então, agora que importamos nossos ativos, se quisermos movê-los, queremos estar no modo objeto. Então, esse modo padrão está aqui. E se clicarmos com o botão esquerdo do mouse e arrastarmos nossos ativos, poderemos pegá-los e movê-los. Como alternativa, você também pode pegar seus ativos diretamente da linha do tempo Portanto, cada ativo é sua própria trilha ou camada. Agora, a ordem das camadas importa, pois você pode ver que o vídeo acima logotipo o coloca acima do logotipo na área de Kendis Se eu clicasse com o botão esquerdo e o arrastasse para baixo do logotipo, ele se moveria para baixo do logotipo na tela Também podemos ocultar nossos ativos clicando no ícone do olho e também podemos bloqueá-los, e também podemos bloqueá-los, que nos impedirá de clicar neles ou selecioná-los na área do Kendis ou até mesmo na linha do tempo Agora, outra coisa a observar, se examinarmos o painel Propriedades, não temos nada aqui. E se eu selecionar um logotipo, poderemos ver o logotipo no painel de propriedades. Se eu selecionar o vídeo, veremos o vídeo no painel de propriedades. Isso ocorre simplesmente porque, se subirmos até a barra de menu dentro de Exibir até o filtro Propriedades, por padrão, ele está configurado para selecioná-lo. Portanto, dentro do painel Propriedades, só podemos ver o que está selecionado. Podemos mudar isso de selecionado para A, por exemplo, e agora veremos todas as camadas. É assim que eu trabalho pessoalmente. Eu tenho todas as camadas visíveis. Então, eu já disse que você pode clicar com o botão esquerdo e arrastar seus ativos na tela, mas também pode modificar seus ativos usando G para pegar. Então, se pressionarmos G e movermos o cursor, podemos mover nosso objeto. Você pode pressionar Escape para cancelar. Caso contrário, ao pegá-lo, podemos clicar com o botão esquerdo para confirmar ou simplesmente pressionar Enter ou Return no teclado. A próxima coisa que podemos fazer é pressionar R para girar, e isso nos permitirá girar o objeto ou E, por fim, podemos pressionar S para ver a escala, e isso nos permite escalar o objeto ou o caminho Agora, todas essas transformações em mais são coisas que podemos fazer usando o Gizmo Então, no canto inferior direito do atrito, temos o gizmo. Se você clicar com o botão esquerdo nele, clicar com o botão esquerdo no menu suspenso, poderá escolher quais propriedades deseja afetar. Nesse caso, tenho todos os quatro selecionados de acordo com a distorção, escala, rotação e posição Agora, vamos desligar nossa camada de vídeo aqui por um momento para que possamos ver melhor nosso dispositivo. E o dispositivo aqui, se você clicar com o botão esquerdo do mouse em segurar, por exemplo, você pode mover seu objeto no eixo X. Também podemos fazer isso para o eixo Y. Temos a capacidade de cortar nosso objeto. Podemos dimensioná-lo uniformemente usando esse canto superior aqui, ou podemos escalá-lo somente no X, por exemplo, ou somente no valor Y. Também permite mover o objeto e girá-lo. Então, basicamente, com o dispositivo, você pode fazer todas as transformações que faria diretamente na tela, e isso vale para todos os nossos objetos Então, se eu selecionar o vídeo aqui, obteremos o dispositivo novamente e poderemos fazer todas essas mesmas Vou desligar o Gizmo por enquanto. Agora, para desfazer tudo isso, podemos ir até o canto superior esquerdo e clicar em Desfazer, ou podemos usar o atalho de teclado Control Z para desfazer as atalho de teclado Control Z para transformações que acabamos de fazer OK. Agora, vou desfazer tudo até o ponto em que tínhamos feito apenas as transformações regulares sem o dispositivo Agora, outra forma de desfazer nossas transformações é se mantivermos pressionada a tecla Alt e você pressionar R, você desfará Mantenha pressionada a tecla Alt, pressione S. Eu vou desfazer a escala, mantenha pressionada a tecla Alt e pressione G, e isso desfará a captura que fizemos Quando se trata da posição dos objetos, ela geralmente está no canto superior esquerdo da tela. Então, por exemplo, se eu pegar o videoclipe aqui e pressionar Alt G, ele vai posicioná-lo no canto superior esquerdo. Então, isso vale para basicamente todos os objetos. Mais algumas coisas para saber, por exemplo, se clicarmos com o botão direito do mouse em um objeto sobre a tela, temos algumas opções aqui. Agora, como essa é uma imagem que importamos, podemos recarregar ou definir um arquivo de origem Basicamente, você pode trocar esse objeto por outro objeto. Também podemos centralizar o ponto de articulação, que é esse ponto de lixo aqui no meio Então, se alguma vez o movemos outro lugar porque queríamos girar a partir de um ponto de origem diferente ou até mesmo escalar a partir de um ponto de origem diferente, clicando com o botão direito do mouse, podemos centralizar o pivô para colocá-lo de volta no centralizar o pivô para colocá-lo de volta Vou pressionar R para redefinir a rotação e em S para redefinir a escala. Você também pode centralizar o objeto, para que ele vá direto para o centro da tela Então, quando clicamos com o botão direito do mouse, também temos mais algumas opções, como copiar, recortar, duplicar, excluir grupo nos efeitos rasterizados, mas essas serão para Ok, então dentro do painel de propriedades, temos esse pequeno menu na parte inferior aqui, que nos permite alinhar a geometria, a geometria por pivô ou o próprio pivô. E então podemos escolher ao que queremos alinhá-lo para que possa ser a cena, o último objeto selecionado, o último pivô seletivo na caixa delimitadora. E então podemos usar essas setas para alinhá-lo. Tudo bem. Agora vou centralizar uma linha ou vídeo em segundo plano. É menor do que nossa tela, então vou pressionar S para escalar e vou aumentá-la. Você também pode digitar os valores. Por exemplo, se pressionássemos S e pressionássemos dois, ele ficaria duas vezes maior ou pressionaria delete ou backspace, digamos 1,5, e isso o faria caber em nossa tela ou pressionar Enter para confirmar E, por fim, vou bloquear o vídeo de fundo ou pegar nosso logotipo ou pressionar S para escalar e diminuir um pouco e Enter OK. Agora, vamos dar uma olhada na linha do tempo. Então, no momento, não estamos realmente vendo toda a duração do nosso vídeo. Então, vou mudar o quadro para 800, pressione Enter e, em seguida, vou ajustar horizontalmente Agora podemos ver o final do nosso vídeo e navegar até a linha do tempo para ver Agora, se você quiser pular o indicador de reprodução para o início ou o final de nossa duração, basta manter pressionada a tecla Shift e usar as teclas de seta esquerda ou direita Então, vou pular para o primeiro quadro e depois pressionar a barra de espaço para reproduzir Agora, você pode notar que o atrito está sendo armazenado ou visto, e isso ajuda a ter uma reprodução suave Então, quando o atrito terminar de armazenar em cache, ele reproduzirá nossa cena e não teremos nenhum atraso Agora, isso realmente varia dependendo da complexidade ou do peso da sua cena Se pressionarmos a barra de espaço, ela será pausada ou reproduzida, mas na verdade não interromperá a reprodução . É simplesmente uma pausa Se eu pressionar a barra de espaço novamente, ela continuará tocando, mas na verdade não parou Para interromper a reprodução ou sair do modo de reprodução, podemos clicar neste botão aqui para interromper a revisão ou pressionar Escape no teclado, e agora terminamos a Uma forma de perceber quando você está dentro do modo de reprodução é se eu pressionar a barra de espaço agora, você verá que as bordas externas da tela estão Quando eu pressiono Escape, eles ficam um pouco mais cinzentos escuros. Agora, nessa nota, vamos desbloquear nosso videoclipe, clique com o botão esquerdo nele. Vou cortá-la um pouco maior do que a nossa tela. Então, se você olhar aqui, temos essa borda cinza que indica os limites da nossa tela. Portanto, qualquer coisa fora disso, se fôssemos renderizar, não seria renderizada Ok, vou colocar o cursor sobre essa parte aqui que se expande E observe que quando eu pressiono a barra de espaço, então entramos na pré-visualização, não podemos mais ver essa área, aquele espaço que está fora da tela porque ele corta tudo que está fora da área da tela. E como mudamos o vídeo, atrito precisa armazenar a animação em cache novamente ou, nesse caso, armazenar em cache o vídeo Agora, falando em cache, na parte inferior aqui na barra de status, se você se lembra, temos esse número aqui que indica a quantidade de RAM usada pelo atrito quando ele armazena em cache Se você não quiser armazenar a animação em cache antes da reprodução, você pode ir até a barra de menu dentro da visualização e simplesmente desmarcar o cache de visualização E quando você reproduz, ele simplesmente reproduz sem tentar armazenar nada em cache. Com isso, onde quer que eu coloque o indicador de reprodução e pressione a barra de espaço é de onde ele começará a tocar Agora, se você quiser iniciar a reprodução desde o primeiro quadro, mantenha pressionada a tecla Shift e, em seguida, pressione a barra de espaço, e ela começará no primeiro quadro OK. Então, mencionei anteriormente que essa parte fora do Cenvas desaparecerá quando reproduzirmos Então, agora que desativamos o cache, quando reproduzimos ou SN, essa parte fora do Kv não é mais cortada Mas se você quiser recortar manualmente essa parte, basta pressionar C no teclado ou ir até a barra de menu dentro da visualização e depois recortar para SN. Isso ocultará qualquer coisa que esteja fora da tela ou pressione C novamente e a soltará Então, vou ativar o cache de visualização para mim mesmo. Agora, se você quiser limpar o cache, você pode ir até a barra de menu em vez de Editar e descer para limpar maiúsculas e minúsculas ou simplesmente pressionar control mais R, e isso limpará o cache Você pode ver que as barras azuis no topo aqui desapareceram. Tudo bem. Agora, por fim, quando se trata da linha do tempo, você pode clicar com o botão do meio e se mover, que permite que você se desloque pela linha do E quando se trata da linha do tempo, essa barra aqui é a faixa de visibilidade desse videoclipe Então, se clicarmos com o botão esquerdo nele, podemos movê-lo para mover nosso vídeo. Vou desfazer esse Controle Z. Ok. Mas você notará que não temos isso para o logotipo. Isso significa que o logotipo está sempre visível. Se você quiser ter uma faixa de visibilidade para o logotipo, basta clicar com o botão direito nele e ir até a faixa de visibilidade. E agora temos essa faixa de visibilidade aqui. Você pode ampliar e reduzir a linha do tempo mantendo pressionada a tecla Control e rolando a roda do mouse E se você quiser se deslocar para a esquerda e para a direita, mantenha pressionada a tecla Shift e role a roda do mouse. Agora podemos expandir a faixa de visibilidade. Sempre que o indicador de reprodução não estiver acima dessa faixa de visibilidade, não veremos o logotipo Está bem? A mesma coisa para o vídeo. Agora, se você quiser fazer um corte em um videoclipe, mantenha pressionada a tecla Shift e pressione K, e ele fará uma cópia e a cortará onde estava o indicador de reprodução. OK. Por fim, pressionarei Control A para pegar tudo e pressionarei Delete para excluir tudo Vou até a guia de ativos e, dentro da guia de ativos, podemos ver o que importamos. Então, mesmo que eu o tenha excluído da própria cena, da linha do tempo, ainda podemos vê-los dentro dos ativos Agora eu posso simplesmente pegá-los e arrastá-los de volta para nossa cena. Assim mesmo. Então, vá em frente e centralize a linha ou o plano de fundo, escale 1,5 , pressione Enter ou mova o vídeo para baixo, ou clique com o botão direito na linha central e reduza um Tudo bem, se você quiser renomear suas camadas, você pode clicar com o botão direito sobre elas e renomear ou simplesmente clicar com o botão do meio Você verá um pop-up de lixo e podemos renomeá-lo. Então, digamos que um vídeo de inverno em segundo plano, pressione Enter e aí está. Agora, a última coisa está na parte superior do nosso visualizador, temos esses controles aqui que nos permitem mover nosso objeto, girá-lo, escalar, alterar o pivô e a opacidade Portanto, você pode fazer muitas dessas transformações aqui, clicando com o botão esquerdo e arrastando esses valores ou digitando manualmente algo, então 90 graus, e ele girará Então, para isso, pressione Alt R, e para algo como a escala, se você quiser escalá-la de forma uniforme, você pode clicar com o botão esquerdo do mouse, digamos um valor de 0,5. Antes de pressionar Enter, basta manter pressionada a tecla Shift e pressionar Enter, e isso fará com que seja 1,5 para ambos os valores. Da mesma forma, você pode manter pressionada a tecla Shift, clicar com o botão esquerdo e arrastar, e isso alterará os dois valores ao mesmo tempo. Então, vamos fazer isso de 0,5 novamente e pressionar Enter. Ok, então isso é tudo para lidar com o atrito. Na próxima lição, começaremos a animar. Então, vamos criar quadros-chave e fazer nossos objetos se moverem. Nos vemos lá. 5. Noções básicas de animação: quadro-chave de fricção: Oi, e bem-vindo. Nesta lição, vamos começar a animar nossos objetos Então, finalmente, vamos fazer as coisas se moverem. Então, vou começar reduzindo um pouco mais o logotipo e podemos começar Para animar a posição do nosso logotipo, vamos expandi-lo dentro da linha do tempo ou podemos expandi-lo dentro da janela de propriedades Então, o que funciona melhor para você. Sempre que quiser mais espaço aqui dentro do painel de propriedades, você pode pressionar F no teclado para ocultar o preenchimento e o traçado Se pressionarmos F novamente, veremos o preenchimento e o traçado. Então, tenha isso em mente. Tudo bem Então, por enquanto, vamos criar nossa animação na linha do tempo e, mais tarde, começaremos a usar o painel de propriedades Então, vou expandir o logotipo dentro dele. Nós transformamos. Vou expandir a transformação. E o que eu estou procurando está dentro da tradução. Então, vamos expandir a tradução aqui. Vamos ampliar isso. E estamos procurando o eixo Y. X está à esquerda e à direita. Y está para cima e para baixo. Para adicionar um quadro-chave, podemos simplesmente clicar com o botão esquerdo nesse ponto branco aqui Isso adicionará um quadro-chave. Agora, cada um desses pontos está nos dizendo algo. O azul no topo aqui está nos dizendo que algo está animado dentro do logotipo da Noktax Os pontos verdes estão nos dizendo que dentro da transformação, algo é animado e, dentro da tradução, algo é animado E então, por fim, esse ponto vermelho na parte inferior aqui está nos dizendo que o valor Y é o que é animado Então, isso aqui na parte inferior é o quadro-chave real. E quando o selecionamos clicando com o botão esquerdo, todos ficam amarelos. Ok, então temos nosso primeiro quadro-chave e, para mudar a posição Y, podemos usar o Gizmo Podemos pressionar G e Y para bloqueá-lo no eixo Y e movê-lo para cima ou para baixo, ou podemos clicar com o botão esquerdo nesse valor, segurá-lo e arrastá-lo para movê-lo para cima ou para baixo, ou inserir manualmente o valor, tudo depende de você. Então, basta pressionar G e Y e depois movê-lo até a parte inferior aqui e clicar com o botão esquerdo para confirmar. Em seguida, vou mover cerca de 24 quadros. Então, isso vai ser 1 segundo, e então eu vou pressionar G e Y novamente, e vou mover isso para cima. O atrito adicionará automaticamente um quadro-chave. Agora, se você mover o indicador de reprodução e quiser adicionar um quadro-chave, clicar no ponto vermelho não fará isso Se você clicar no ponto vermelho, ele excluirá todos os quadros-chave existentes Portanto, tenha isso em mente. Todos os Control Z estão fora disso. Da mesma forma, se clicarmos com o botão esquerdo do mouse no ponto da tradução, o que ele fará é adicionar um quadro-chave aos valores X e Y porque tem dois valores dentro dele Se clicarmos com o botão esquerdo nele, novamente, ele excluirá todos os quadros-chave Vamos desfazer isso. Se clicarmos com o botão esquerdo no ponto de Transform, ele adicionará um quadro-chave a todas as propriedades da transformação E se clicarmos com o botão esquerdo nele novamente, ele excluirá todos os quadros-chave Vamos desfazer isso, e aí está. Ok. Então, depois de ativá-lo, o atrito adicionará automaticamente os quadros-chave Ainda não há como desligá-lo. Agora, se eu reproduzir, pressionando a barra de espaço Shift, atrito será reproduzido desde o início e, em seguida, armazenará em cache toda a animação ou reproduzirá a cena Mas eu só quero reproduzir essa parte inicial e não quero ter que reiniciar a reprodução manualmente Podemos alterar o quadro ou simplesmente usar a zona de entrada e saída. Então, com o indicador de reprodução no primeiro quadro ou quadro zero, pressionarei I no teclado para adicionar um ponto final e, com o logotipo Nuxtax selecionado e o valor Y selecionado, pressionarei a tecla de seta para cima para pular para o próximo quadro-chave E vou mover alguns quadros para frente, então vou usar a tecla de seta para a direita. Então, basta alguns quadros para frente e, em seguida, pressionarei O no teclado para definir um ponto-limite Então, sim, você pode usar as setas para cima e para baixo para pular entre os quadros-chave do objeto selecionado e pode usar as setas esquerda e direita para mover o indicador de reprodução na linha do tempo Certo. Então, agora que temos nossos pontos de entrada e saída, quando reproduzimos, o Friction simplesmente reproduzirá esta seção da nossa linha do tempo Se você quiser eliminar os pontos de entrada e saída, você pode ir até a barra de menu dentro da cena e descer para entrar e sair. Agora, se você quiser repetir a reprodução, pode clicar neste botão aqui acima da linha do tempo que diz Visualização do loop Isso vai fazer com que seja repetido indefinidamente. Tudo bem. Então, temos nossa primeira animação, mas agora vamos adicionar um pouco de suavização a ela Então, alguma aceleração e alguma desaceleração. Para fazer isso, clicaremos com o botão esquerdo do mouse no valor Y, verificaremos se ele está selecionado e, em seguida, clicaremos aqui acima nossas faixas, onde temos o gráfico. Isso abrirá o editor gráfico, assim como a linha do tempo Podemos clicar com o botão do meio e nos mover. Podemos clicar com o botão do meio e fazer uma panorâmica para mover as coisas. Se você pressionar a tecla Shift e rolar, ela aumentará o zoom verticalmente Se você pressionar a tecla Control e rolar roda do meio do mouse, ela aumentará o zoom horizontalmente Se você se encaixar horizontalmente, caberá em toda a duração da cena Mas se você selecionar seus quadros-chave e depois ajustá-los horizontalmente, ele ampliará apenas esses O mesmo vale para o ajuste vertical. Porém, se fizermos isso, ele ocultará o quadro-chave por trás desses botões aqui Então, vou simplesmente manter pressionada a tecla Shift e rolar a roda do meio do mouse e , em seguida, vou fazer isso no controle. Então, o eixo horizontal. Tudo bem, então vamos criar uma curva para adicionar um pouco de atenuação à nossa animação Vamos fazer isso manualmente, embora haja uma opção aqui para fazer isso automaticamente. A única coisa é que, se fizermos isso automaticamente, então vamos continuar e fazer Ease out cubic, Friction adicionará quadros-chave adicionais à quadros-chave adicionais Isso ocorre porque a atenuação automática é feita para animação na web, ou seja, animação SVG E ao criar uma animação SVG na web, você precisa ter quadros-chave reais, valores de tempo diferentes que você Em vez disso, vou desfazer isso O que queremos fazer é pegar nossos quadros-chave e depois alterar as alças ou a interpolação para suavizar os nós, e agora ele nos dará essas alças que nos permitem modificar a que nos permitem modificar Agora, vou clicar com o botão esquerdo nessa alça e arrastar. Se você clicar com o botão esquerdo do mouse e arrastar, também poderá pressionar X para bloqueá-lo no eixo X ou pressionar Y para bloqueá-lo no eixo Y. Vou prolongar isso um pouco. E esse primeiro aqui, vou clicar com o botão esquerdo e arrastá-lo um pouco para baixo, assim. Agora, se reproduzirmos, obtemos um pouco de aceleração no início e depois ela diminui à medida que sobe, reduzindo a parte inferior da curva E para este, vou arrastá-lo um pouco mais para baixo. Ok, refine a curva um pouco mais. E aí temos. Acabamos de criar nossa primeira animação usando fricção. Está bem? Agora, quando se trata dos pontos de entrada e saída, você pode modificá-los colocando o indicador de reprodução em outro lugar e pressionando O ou I, ou simplesmente clicando com o botão esquerdo na borda abaixo da entrada ou saída Clique com o botão esquerdo, segure e arraste, só para você saber. Certo. Então, agora que terminamos com o gráfico, vamos clicar no ícone do gráfico novamente para voltar à nossa linha do tempo. Vou ampliá-la. Agora, na verdade, não precisamos que nossa cena tenha 800 quadros, então vou reduzir isso de volta para 250. Tudo bem, agora que temos nossa primeira animação, vamos adicionar um pouco de texto Para adicionar nosso texto, vamos examinar as ferramentas e pegar a ferramenta Adicionar texto. Assim que o tivermos, basta clicar com o botão esquerdo uma vez no Canvas e ele adicionará um novo objeto de texto. Agora, é importante observar que toda vez que você clicar, você adicionará um novo objeto de texto. Então, mesmo que eu escrevesse algo aqui, desde que tenhamos a ferramenta de texto ativa, toda vez que clicarmos, adicionaremos um novo objeto. Então, vou desfazer tudo isso. Então, vamos pegar nosso objeto de texto. E no painel Propriedades, agora temos esse pequeno espaço aqui embaixo, que nos permite digitar nosso texto. Então, aqui, vou digitar além do horizonte. Em seguida, clicarei em outro lugar para desativar o modo de edição de texto Então, agora que temos um objeto de texto, com uma cor, agora podemos ver as cores dentro do preenchimento e do traçado. O objeto de texto está usando uma cor plana para o preenchimento. Você também pode escolher um gradiente e criar vários gradientes, etc., ou deixá-lo Também podemos atribuir um traçado alternando para traçado ao clicar em um traçado plano, em um traçado gradiente ou em nenhum Temos algumas opções para o derrame aqui. Vou voltar para preencher. Da mesma forma, se formos até a barra de ferramentas de cores na parte superior aqui, podemos clicar com o botão esquerdo do mouse e abrir um painel aqui que nos permite alterar a cor do que selecionamos A mesma coisa vale para o derrame. Poderíamos dar um traço plano daqui de cima e mudar a cor. Tudo bem Há outras coisas interessantes que podemos fazer, como manter pressionada a tecla Control e rolar, que mudará a saturação, manter pressionada a tecla Shift e a rolagem, o que altera o valor, ou manter pressionada a tecla Alt e a rolagem, que mudará o U da nossa cor Ok. Então, vou colocar isso de volta em branco. E dentro da caixa de texto, vou mudar isso para 129 Vou mudar o alinhamento para o centro e vou deixá-lo aqui embaixo Então, podemos alinhar nosso texto, forma a geometria na cena E vamos mudar a fonte. Então clique no menu suspenso aqui. E eu vou comprar pop-ins. Você faz disso um pop in extra ousado. Agora que temos nosso texto, vamos animá-lo. Para animar nosso texto, faremos a mesma coisa. Vamos expandi-lo e agora você verá que temos mais algumas opções aqui. Então, para o logotipo, só tivemos transformação. Aqui temos Transformação, preenchimento, texto, espaçamento e mais alguns que são graduados, ok? Então, entraremos em Transform, translation, e adicionaremos um quadro-chave ao valor Y. Mas antes de fazermos isso, vamos primeiro dar uma olhada em nossa animação. E digamos que, por aqui depois que o logotipo terminar de deslizar para cima, o quadro 24 deve servir Vamos pressionar Escape para sair do modo de reprodução, voltar ao quadro 24 e adicionar um quadro-chave ao texto . Eu vou seguir em frente. Digamos que também vamos esperar 1 segundo. Por enquanto, podemos ajustá-lo mais tarde. Então, vou pular para o quadro 40 48 e quero adicionar outro quadro-chave Portanto, temos algumas opções aqui. Uma delas seria clicar com o botão direito do mouse no valor e adicionar a chave. Como alternativa, se você tiver a tecla de inserção no teclado, basta pressionar Inserir e ela deverá adicionar um quadro-chave Agora, poderíamos mudar a posição, mas eu realmente quero esse primeiro quadro-chave no indicador de reprodução Agora, eu poderia clicar nele e movê-lo ou podemos selecionar esse quadro-chave e pressionar Shift D para duplicá-lo ou pressionar escape Ou podemos pressionar Control D, que o duplicará e o colocará onde está o indicador de reprodução. Agora posso usar a tecla de seta para baixo para pular para o primeiro quadro-chave e mover o texto Agora, antes de mover o texto, observe que temos um contorno azul sobre a linha do tempo E de vez em quando, temos o mesmo contorno azul sobre o visualizador Esse contorno azul indica qual dos dois está ativo no momento Então, é a linha do tempo ou é o espectador? Se a linha do tempo estiver ativa e houver um quadro-chave selecionado, se eu pressionar G, embora o texto aqui esteja selecionado, porque temos um quadro-chave selecionado e a linha do tempo está ativa, o quadro-chave selecionado será capturado quando pressionarmos G oPresEscape para sair disso quando pressionarmos G Então, para ir até o visualizador, você pode clicar com o botão esquerdo nele ou simplesmente pressionar tab no teclado para alternar entre a linha do tempo e o Então, agora, se eu pressionar G, estou movendo nosso texto. Então, pressione G Y, e eu vou mover o texto um pouco para cima Então, agora, depois que nosso logotipo subir totalmente, o texto descerá. Agora, vamos também adicionar um pouco de suavização à nossa animação de texto Então, assim como fizemos com nosso logotipo, vamos adicionar um pouco de suavização à animação de texto Então, com o valor Y selecionado, clicaremos no gráfico e agora podemos prosseguir e modificar o gráfico. Então, vou pegar os dois quadros-chave. Vou torná-los lisos. E eu quero um pouco de aceleração no início, e depois ela passe para a posição final Então, ele vai acelerar e depois desacelerar à medida que desce. Ok. Agora, para eliminar essa pausa que temos aqui, há uma pequena pausa Eu simplesmente vou voltar para nossos quadros-chave. Vou pegar os dois quadros-chave para o valor Y do texto, pressionarei G e depois o moverei um pouco para trás Portanto, agora quase não há pausa entre a chegada do logotipo e a descida do texto. Ok. Tudo bem Então, temos nosso movimento básico agora. Temos o logotipo subindo, temos o texto descendo. Agora, antes de abordarmos o texto, vamos voltar ao nosso logotipo. E em vez de deixar o logotipo visível do início ao fim, agora vamos animar sua opacidade Para fazer isso, vamos expandi-lo novamente, ir em vez de Transformar, e um pouco mais abaixo aqui, temos opacidade Agora, esse será um quadro-chave separado. Então, logo no primeiro quadro, vou adicionar um quadro-chave à opacidade Eu vou baixá-lo para zero. E então vamos simplesmente para o próximo quadro-chave. Então, quadro 24, e agora vou definir a opacidade para 100. Vou clicar com o botão esquerdo na opacidade e ir para o editor gráfico Se você quiser ver apenas a opacidade, basta clicar na camada ou objeto que você deseja segmentar E clique no valor novamente e isso deve esclarecer as coisas. Então, agora vou pegar os dois quadros-chave, torná-los suaves e quero que eles se tornem opacos muito rapidamente Então, vou realmente exagerar a curva para torná-la opaca muito rapidamente Vamos dar um pouco de facilidade no começo para que comece transparente. Vamos reduzir isso um pouco. Vamos ver aqui. Ok, parece que uma curva S daria um pouco mais, tornaria um pouco mais sutil. Isso deve bastar. Isso é sair do editor gráfico. Ok, agora temos nossa animação básica. Temos nosso logotipo animado e nosso texto animado. E na próxima lição, começaremos a analisar mascaramento em vez do atrito É aqui também que veremos formas e caminhos. Nos vemos lá. 6. Formas e caminhos: ferramentas vetoriais de fricção: Olá. Nesta lição, examinaremos o mascaramento, as formas e os caminhos em vez do atrito. Vamos começar. Então, já fizemos nosso logotipo desaparecer, mas agora precisamos fazer algo com nosso texto Também podemos fazer com que apareça em cena. Mas em vez disso, vamos criar uma máscara para torná-la invisível até a hora de aparecer. Então, para isso, vou passar para o primeiro quadro-chave. Isso não é obrigatório. E dentro das ferramentas, vou pegar a ferramenta retangular Vou clicar com o botão esquerdo do mouse em segurar e arrastar. Ou crie uma forma ao redor do nosso texto. Agora, a ferramenta retangular, assim como nossa ferramenta de texto, se continuarmos clicando com ela selecionada, ela adicionará várias outras caixas retangulares Portanto, precisamos ter certeza de trocar as ferramentas depois de criarmos nossa forma. Então, vou tirar o Controle Z das outras caixas e vou renomear esse retângulo aqui para o Máscara, slogan. Ok, pressione ok. E agora temos nossa máscara. Vamos avançar até quando o texto estiver totalmente abaixado para garantir que a caixa não esteja sobre nosso texto. Vou voltar para o primeiro quadro e vou mover a caixa levemente para cima. No preenchimento e no traçado, vou adicionar um preenchimento que pode ser da cor que você quiser. E então, para o derrame, vou defini-lo como zero. Tudo bem. Então, para torná-la uma máscara sobre a camada, vamos clicar nesse menu suspenso aqui. Vamos mudar da origem para a saída do destino. O que isso vai fazer é abrir um buraco em cada camada que está abaixo dela, mas queremos que isso afete apenas o slogan Para fazer isso, temos que agrupar nossa máscara com nosso slogan. Então, vamos selecionar a máscara, segurar Shift e selecionar o slogan, e então você pode pressionar Control G no teclado ou simplesmente clicar com o botão direito do mouse e descer para o grupo Isso criará um novo grupo que tem nossa máscara e nosso slogan, e tem suas próprias transformações Ok, então vamos renomear o grupo para tagline com. OK. Mas observe que ainda temos o mesmo problema. A máscara está abrindo um buraco em todas as outras camadas. E isso é porque temos que promover o grupo em uma camada. Podemos fazer isso clicando neste pequeno quadro de seleção aqui ou clicando com botão direito do mouse e indo para a ação e promovendo para a camada Isso vai transformar nosso grupo em uma camada. Então, esses dois funcionam de forma diferente. Mas agora você pode ver que a máscara está afetando apenas o slogan e nada mais está sendo afetado. Se avançarmos no tempo, você verá como o texto aparece por trás da forma. Então é assim que você pode criar uma máscara em vez de fricção. Se você quisesse fazer o inverso, simplesmente mudaria de destino para fora para destino dentro, e agora o texto só apareceria onde temos a forma Está bem? Só para você saber, você tem vários modos de mesclagem diferentes aqui, mas para isolar seus efeitos, você precisa criar uma camada a partir deles. Então, vamos voltar ao destino. E agora, se fôssemos reproduzir, vou adiar um pouco mais o ponto-limite Vamos reproduzir e temos nossa primeira animação. OK. Então, vou modificar um pouco mais a animação do slogan. Então, vou até o valor Y e vou para o editor gráfico, e vou clicar no slogan novamente apenas para isolar a curva E aqui vou clicar com o botão esquerdo do mouse no código e arrastá-lo para fora dele. Então, ele sai um pouco mais rápido. Tudo bem. Vou sair do gráfico. E aqui temos nossa animação. Agora, se você quiser voltar de uma camada para um grupo, clique com o botão direito do mouse, vá para a ação e simplesmente vá para rebaixar o grupo Você também pode desagrupar sua camada aqui simplesmente pressionando Control Shift G. Ok. Então, o que acabamos de fazer aqui com nossa forma, poderíamos ter feito com um caminho. Então, basta clicar com o botão esquerdo, clicar com o botão esquerdo, clicar e, quando terminarmos, podemos fechar a forma e poderíamos ter feito isso com esse caminho. Agora, novamente, para aqueles que estão familiarizados com o software vetorial, isso será muito familiar para vocês. Então, se mudarmos para o modo de pontos, agora podemos modificar os diferentes pontos do caminho que criamos. Se você quiser criar curvas, você pode usar esse menu de contexto acima do visualizador e simplesmente pegar um nó e torná-lo, por exemplo, um nó suave ou um nó de canto, e isso nos daria os controles para ele Como tal. Então, se eu fizer esse movimento, teremos essas alças aqui para que possamos controlar nosso caminho. Tudo bem. Vou voltar ao seu modo de objeto e excluir isso. Agora, antes de continuarmos, já que estamos falando sobre objetos e caminhos, quando desenhamos um círculo ou um retângulo, esses dois são objetos Eles não são caminhos. Então, se eu pegar o modo de pontos, você verá que eles têm controles diferentes. Então eles obtêm esses pequenos pontos rosa, e esses pontos rosa nos permitem mudar sua escala de posição para o círculo Então, esses são objetos. Então, quando eu pego o retângulo aqui, se eu mudar para o modo objeto, temos algumas opções extras Por exemplo, temos o raio e, se eu pressionar a tecla Shift, clicar com o botão esquerdo e arrastar para afetar os dois valores ao mesmo tempo, você pode ver que o raio aqui nos dá cantos arredondados para um retângulo para afetar os dois valores ao mesmo tempo, você pode ver que o raio aqui nos dá cantos arredondados para um Então, clique com o botão esquerdo, zero com o botão direito ou mantenha pressionada a tecla shift e pressione Enter para afetar os dois valores. Pressione o controle zero para ampliar ou pintar novamente. E agora, se você quisesse converter uma dessas formas em um caminho, basta selecioná-la, ir até a barra de menu, entrar em Path e descer até o caminho Object two. Isso criará uma cópia dele como um caminho. Então, ainda temos o retângulo aqui, mas agora também temos uma versão de caminho do retângulo Então, essa forma aqui. Tudo bem. Vou deletar esses. E agora vamos para a próxima lição, onde aprenderemos como trabalhar com várias cenas dentro do atrito. Nos vemos lá. 7. várias cenas — composições de fricção: Oi, aí. Bem vindo de volta. Então, nesta lição, aprenderemos como trabalhar com várias cenas em vez de atrito. Mas antes de fazer isso, muito importante, devemos salvar nosso projeto. Na verdade, provavelmente deveríamos ter economizado muito antes. É hora de salvar nosso projeto. Para salvar nosso projeto, podemos ir até a barra de ferramentas principal e clicar em Salvar ou simplesmente pressionar Control S. Então, se eu entrar em um arquivo e ver aqui, temos o Controle S para salvar Está bem? Então, vamos salvar nosso projeto. E vou chamar essa animação do logotipo Koctux de V one e Então, agora salvamos nosso projeto. Então, vamos continuar e criar uma nova cena. Então, na barra de menu, se entrarmos cena, teremos uma nova cena. Vamos receber o mesmo pop-up. Podemos nomeá-lo, escolher as dimensões, a duração, o FPS, tudo o que escolhemos antes Podemos pressionar Ok e agora temos uma nova cena, que é vista aqui no canto superior esquerdo da área da tela ou do visualizador, e também no canto superior esquerdo das faixas da linha do tempo Então, cena um, se clicarmos com o botão esquerdo nela, você verá que temos a opção de escolher a cena zero. E se você quiser que a linha do tempo mude automaticamente para a cena ativa no visualizador, clique com o botão esquerdo nela E simplesmente marque como ativo. Então, agora, quando trocamos cenas no visualizador, ele também muda na linha do tempo Ok. Então, o que eu gostaria de fazer é pegar nosso slogan em nosso logotipo e movê-lo para uma cena separada. Para fazer isso, como criamos uma nova cena, posso ir até o topo de nossas faixas aqui na linha do tempo em que temos essas duas linhas Portanto, temos horizontal e vertical. Se dividirmos horizontalmente, o que ele faz é criar uma linha do tempo separada Portanto, temos um no nosso lado direito e outro no lado esquerdo. No canto superior esquerdo, vou clicar em nenhum e vou passar para a cena um. Então, aqui, temos a cena zero, e no lado direito, temos a cena um. Vou pegar nosso slogan e arrastá-lo até a primeira cena, e farei a mesma coisa com o logotipo do Nox Dax Arraste-o até a cena um. Então, agora podemos fechar essa segunda linha do tempo clicando no X, que está ao lado das 2 barras, e ele fechará a linha do tempo Também podemos dividir o espectador e ver duas cenas ao mesmo tempo. Então, na primeira cena, vamos avançar um pouco. E como ativamos o ativo para a linha do tempo, cada vez que clicamos em uma, então estamos alternando entre as duas cenas ativas, a linha do tempo muda automaticamente conosco Então, na primeira cena, eu posso ver que o slogan não está aparecendo, então vamos resolver isso rapidamente Então, quando eu clico com o botão esquerdo sobre ele, eu posso ver que ele deveria estar lá, mas nada está aparecendo. Então, arrastá-lo para fora e voltar para o grupo funcionou. Tudo bem Então isso acabou com o bug, mas simplesmente arrastá-los para fora do grupo ou da camada e colocá-los de volta parecia resolver o problema Isso mostra como às vezes é fácil solucionar problemas Ok, então o que temos aqui é uma animação isolada onde temos nosso logotipo e nosso texto. Ok, então vamos voltar para a cena zero, onde temos nosso histórico. E agora o que podemos fazer é clicar com o botão direito do mouse no Canvas e ir para a cena Link. Agora podemos trazer a cena que acabamos de criar para essa cena. Assim, também podemos renomeá-lo. Então, vou chamar essa animação de logotipo de Link. E se quisermos, podemos até renomear nossa cena. Então, vamos até a cena na barra de menu até as propriedades da cena. E vamos chamar isso de animação. Pressione OK. Podemos fazer o mesmo com outra cena. Vá para as propriedades da cena e chame isso de animação de logotipo. Aí está. A propósito, esse link que acabamos de criar também tem propriedades de transformação, e a opção de clipe aqui tem a ver com o plano de fundo, semelhante a pressionar C no teclado para recortar a parte externa, algo semelhante. Ok. Tudo bem Agora, por causa do que fizemos, podemos ir para a cena, criar uma nova cena, e vamos chamar essa animação de dois ou mais na animação dois. E agora, dentro da animação dois, o que vou fazer é pegar um vídeo diferente e arrastá-lo para a cena. Agora, quando importamos um vídeo, atrito pode nos perguntar se queremos alterar as propriedades que são vistas para as do vídeo Vou clicar em Não. Você também pode desativar isso nas configurações. E aqui, claramente, esse vídeo é muito maior do que nossa composição. Então, vou clicar com o botão direito do mouse. Vou centralizar uma linha e depois pressionar S para escalar, e vou reduzi-la até que caiba em nossa composição. E deixe como tal. Ok, agora temos um vídeo diferente. Vou renomear nosso vídeo izon de camada dois. Pressione OK. Também vou bloquear o vídeo para que possamos gravá-lo. E eu vou clicar com o botão direito. Vá para a cena Link e eu vou vincular a animação do logotipo que criamos. E agora temos nossa animação de logotipo em duas cenas diferentes. E se alguma vez passarmos para a animação do logotipo ou se dividirmos essa visualização aqui e mudarmos para a animação do logotipo Então, este aqui é adequado para Genvs, tudo o que mudamos dentro da cena real Então, por exemplo, se eu girar o logotipo, você verá que ele é atualizado automaticamente dentro da nossa animação dois O mesmo vale para a animação aqui. Isso significa que você pode criar uma composição ou uma nova cena e simplesmente vinculá-la a cenas diferentes. Então, vou redefinir a rotação e fechar essa instância. Certo. Então, isso é tudo para as várias cenas, em vez do atrito. E na próxima lição, aprenderemos sobre alguns efeitos raster básicos 8. Sombreadores e efeitos — plugins de fricção: Oi Nesta lição, aprenderemos sobre alguns efeitos rasterizados básicos disponíveis dentro do atrito e os aplicaremos ao nosso vídeo aqui Então, vamos desbloquear o vídeo, clicar com o botão direito nele e entrar em ação. Estamos procurando efeitos de varredura. Eu tenho muitos shaders personalizados para fricção, então você não terá essa Por enquanto, vamos usar um dos efeitos integrados ou shaders integrados para Então, entraremos na cor e desceremos até a saturação. Clique com o botão esquerdo. Então, agora, se expandirmos o vídeo, agora temos efeitos raster e, em vez de efeitos rasterizados, temos uma saturação e, em seguida, aqui temos os diferentes valores que podemos modificar Você também pode fazer tudo isso dentro do painel de propriedades. Então, se você não quiser expandir muito as coisas na linha do tempo, você pode fazer isso aqui E se você se lembrar, pode pressionar F no teclado para ocultar o preenchimento e o traçado. Dessa forma, você tem uma área maior com a qual trabalhar. Tudo bem, tudo depende do seu fluxo de trabalho, que funciona melhor para você Então, com a tonalidade e a saturação, podemos mudar o tom da pele Podemos alterar a saturação, o contraste e a luminosidade. Então, por exemplo, se reduzíssemos a saturação, poderíamos ter um fundo preto e branco, ou podemos aumentar a saturação para dar um toque especial às cores A propósito, também podemos animar esses valores. Portanto, qualquer coisa com um ponto branco ao lado pode ser animada. Tudo bem, então eu vou derrubar isso. Vou bloquear o plano de fundo. Eu diminuo um pouco a saturação. E agora, a última coisa que quero fazer é adicionar uma sombra projetada ao nosso logotipo em nosso texto. Para fazer isso, vou clicar com o botão direito do mouse nela, na camada de link, ir para ações, descer para efeitos de varredura e vou subir até sombra Vamos adicionar a sombra, expandir ou recortar, ir para efeitos rasterizados, sombra E aqui podemos escolher a cor, a opacidade. Também temos tradução. Então, vamos expandir isso. Tradução é a posição, então X e Y. Então, se ampliarmos aqui, podemos mover nossa sombra para fora de trás do texto Temos o raio de desfoque. Então, quão embaçada queremos a sombra, o controle da opacidade Então, com isso, posso reduzir a opacidade, por exemplo, para 0,4, definir um pouco de raio de desfoque e Então, sai um pouco por trás do nosso texto. Vamos ver. Parece muito bom. E agora aí está. O atrito vai lucrar. Vou pressionar Escape para sair disso. Vou definir um ponto de saída aqui, então, no primeiro quadro, definirei um ponto final e nenhuma reprodução Nós temos o loop ligado, então ele vai se repetir. Acho que a animação do logotipo precisa de um pouco de melhoria. Então eu vou fazer isso a partir daqui. Vou simplesmente dividir isso aqui. Vá para a animação do logotipo. Vamos diminuir o zoom. Portanto, temos que garantir que o ativo esteja ativado. Então, agora podemos ver a animação do nosso logotipo. Vamos avançar um pouco. Vou ajustar a curva da opacidade. Eu quero que fique opaco um pouco mais cedo. Ou um pouco mais rápido, mas precisa ficar transparente um pouco mais. Assim, podemos ajustar a curva ou simplesmente mover o quadro-chave, então pressione Gx e mova-o um pouco para frente para que fique transparente por mais um pouco Então, estou simplesmente modificando a curva até encontrar um pouco do que funciona melhor para mim. Eu acho que isso funciona perfeitamente. Para que eu possa encerrar isso novamente, clicar em nossa cena principal para mudar a linha do tempo e fechar o editor gráfico Ok. Agora, eu gostaria de diminuir a velocidade da água, mas antes de fazermos isso, vamos dar uma olhada nas preferências de atrito. E é isso que faremos na próxima lição. 9. Resolução prévia - Dicas de fricção: Então, no começo, quando estávamos examinando a interface do usuário, se você se lembra na barra de status, mencionei a resolução. Agora, por padrão, a resolução está definida como 50%. E se ampliássemos aqui, vamos ver se podemos ver isso corretamente, você verá que temos alguma pixelização Isso também pode acontecer com as formas vetoriais. E isso é mais uma representação visual e uma forma de economizar memória para o sistema. Se mudarmos a resolução de 50 a 100, você verá que estamos obtendo bordas muito mais nítidas e até mesmo a sombra projetada está muito Portanto, sempre que você começar a entrar em efeitos e outros detalhes, é altamente recomendável mudar para 100%. Então, vou reduzir isso para 50. Deixá-lo em 50% consome menos RAM para armazenar em cache o que temos, porque as coisas estão um pouco mais pixelizadas e menos definidas Tudo bem, é isso com esses parênteses, voltando ao assunto. 10. Preferências de sistema: configurações de fricção: Olá. Esta lição será uma breve visão geral das preferências por atrito. Então, vamos até a barra de menu dentro de um arquivo e vamos até as preferências. Podemos ampliar essa janela e aqui está. Agora, a primeira coisa que temos no General, isso é muito importante, é habilitar o backup ao salvar e ativar o salvamento automático Agora, você não precisa criar backups toda vez que você salva, o que é opcional, obviamente. Mas, para o salvamento automático, eu recomendo ativá-lo Observe que você deseja definir um cronômetro que corresponda ao seu fluxo de trabalho Quanto ao diretório padrão, gosto de configurá-lo como o diretório do projeto em vez do último diretório de uso. Também temos alguns esquemas de interface e, no que diz respeito ao hardware, temos algumas preferências pelo hardware Por exemplo, se você quiser limitar a quantidade de RAM, basta marcar essa caixa de seleção e definir seu limite de RAM A mesma coisa para a CPU. Também podemos escolher algumas outras opções aqui, e costumo deixá-las como padrão exceto pela RAM que modifiquei ligeiramente. Para a tela, podemos escolher o tamanho dos nós, o tamanho do controle, os nós dissolvidos e as cores que eles assumem na tela Para a linha do tempo, podemos definir as cores dos quadros-chave aqui Em seguida, temos os shaders. Shaders são como plug-ins After Effects A localização dos shaders em seu sistema dependerá do seu sistema operacional e de onde eles foram instalados para E aqui, você deve ser capaz mudar o caminho dos shaders Então, se você quiser escolher uma pasta personalizada, e com essa lista aqui, podemos optar por ativar ou desativar os shaders Por fim, temos predefinições nas quais podemos modificar ou criar novas predefinições para a resolução da cena e a taxa de quadros da cena Você também pode redefinir tudo para o padrão e, se tiver alterado alguma coisa em suas preferências, clique em Salvar se quiser salvá-la ou clique em Fechar se quiser ignorar qualquer coisa que tenha sido alterada. Então, eu simplesmente clicarei em Fechar. E isso foi tudo por preferências. Tudo bem, então na próxima lição, aprenderemos como podemos alterar a velocidade do nosso vídeo. Nos vemos lá. 11. Remapeamento de quadros: aceleração por atrito: Aí. Bem vindo de volta. Nesta lição, aprenderemos como podemos alterar a velocidade do nosso vídeo. Agora, isso é muito fácil de fazer em vez de fricção. Tudo o que precisamos fazer é desbloquear nosso vídeo, clique com o botão direito em. Vá até as ações e subimos para o remapeamento de quadros. Clique nele. E para este, teremos que diminuir o zoom. Antes disso, vamos expandir nosso clipe. E no quadro aqui, se clicarmos com o botão esquerdo nele e pressionarmos a seta para cima, ele saltará o indicador de reprodução para o último quadro-chave, que está no quadro 330 Então, vamos expandir a linha do tempo para 400 quadros e ampliá-la horizontalmente E agora podemos ver o quadro inicial e o último quadro do nosso vídeo. E essa é a duração do nosso vídeo, bem como a velocidade dele na reprodução normal Então, se pegássemos esse último quadro-chave, segurássemos e o arrastássemos, o que basicamente estaríamos fazendo seria acelerar nosso vídeo Deixe que seja reproduzido. A água está se movendo um pouco mais rápido. Se eu arrastar isso ainda mais, reproduza. Espere um momento. Ok. Veremos que a água está se movendo muito mais rápido. Tudo bem. Isso significa que, se a arrastarmos para fora e reproduzirmos, tecnicamente, a água deverá se mover Certo. Isso significa que podemos simplesmente arrastar isso até o fim ou, alternativamente. Então, digamos que no quadro 100 estará no quadro 50 aqui. E isso é remapeamento de quadros. Agora, se alguma vez você modificou demais seu vídeo, não sabe o que é por onde ele começa. Eu mostro aqui, vamos parar a reprodução, clique com o botão direito do mouse em Editar duração Você pode ver que temos o quadro mínimo definido como 250. Temos o quadro máximo de 130. Vamos modificar isso ainda mais. Então, vou clicar com o botão esquerdo chamado arrastar. Você pode ver que quando arrastamos o videoclipe, os quadros-chave realmente se movem com ele, arraste-o até o fim, arraste-o para Vamos clicar com o botão direito do mouse novamente, Editar duração. Agora você pode ver que o quadro mínimo é -110. O deslocamento do quadro é 130 e o quadro máximo é 59. E isso significa que, desde o início, nada acontece porque isso acontece antes mesmo de o vídeo começar e, depois, ele toca um pouco e corta. E para restaurar o vídeo, que podemos fazer é clicar com o botão direito do mouse, ir até Ações e desativar o remapeamento de quadros Agora, é claro, isso excluirá todos os nossos quadros-chave Então, ele removerá qualquer animação personalizada que possamos ter feito. Vou clicar com o botão direito do mouse novamente, ir até as ações e ativar o remapeamento de quadros E o que o atrito vai fazer por nós é nos dizer o tamanho real do vídeo, que é de 322 quadros E onde o ponto de partida realmente está aqui no quadro 130. Portanto, podemos ajustar isso manualmente se você quiser que corresponda à duração real do videoclipe. Ok. Agora, isso é realmente para o caso você não saber quanto tempo seu vídeo realmente deve durar. Tudo bem, então é isso para esta lição. E na próxima lição, veremos algumas transformações de formas. Isso é para que possamos aprender sobre animação vetorial em vez de atrito, e nos vemos lá 12. Morphing de formas — animação vetorial de fricção: Olá. Nesta lição, aprenderemos um pouco sobre a transformação de formas para que possamos aprender sobre o lado da animação vetorial do atrito, onde podemos animar Tudo bem. Então, para começar, vou pegar a ferramenta retangular, clicar com o botão esquerdo do mouse em segurar e pressionar a tecla Shift para criar uma forma simétrica, modo que seja E então eu pego o círculo aqui em cima, botão esquerdo do mouse em segurar, arrasto e, em seguida, pressiono a tecla Shift para que eu possa fazer um círculo simétrico Perfeito. Agora vamos mudar a cor do nosso círculo. Então, pressionarei F no teclado para obter o preenchimento e o traçado e alterar a cor ou, melhor ainda, podemos usar a barra de ferramentas de cores aqui e simplesmente escolher uma cor diferente Tudo bem. Então, o que precisamos fazer é converter essas duas formas em caminhos. Então eu vou pegar os dois. Então, mantendo pressionada a tecla Shift e clicando com o botão esquerdo , vou até a barra de menu dentro de um caminho e vou para objeto a caminho. E agora podemos excluir as formas originais, se quisermos , e eu renomearei os caminhos Então, esse primeiro vai ser um círculo, e esse segundo é um quadrado. Ok, vou centralizar o pivô também só porque agora vamos mudar a forma Ok, então é bastante simples. O que vamos fazer é pegar nosso círculo, colocá-lo, fazer com que ele se sobreponha ao nosso quadrado Se quisermos alinhar os dois exatamente, basta pegar os dois, descer no painel de propriedades, digamos alinhar a geometria com a última seleção, e agora podemos alinhar Ok, agora eles estão perfeitamente alinhados. Vamos pegar o modo de pontos. Agora é aqui que as coisas podem ficar um pouco estranhas, mas não se preocupe, na verdade é bem simples Para o quadrado, vamos expandi-lo e vamos expandir os caminhos. E você pode ver aqui que temos um caminho. Esse é, na verdade, o caminho da praça. Vamos adicionar um quadro-chave no caminho. Vamos seguir em frente. Digamos que 1 segundo. Então, quadro 24. E agora, se clicarmos com o botão esquerdo em qualquer um desses pontos e os movermos, ele adicionará outro quadro-chave E quando você reproduz, você pode ver o caminho se deformar. OK. Então, se quisermos transformar esse quadrado em círculo, clique com o botão esquerdo nesse nó, segure e mantenha pressionada a tecla Shift no teclado. E quando você o encaixa em um dos nós do círculo, ele assume a forma desse nó como tal Então, se eu clicar com o botão esquerdo, segurar, segurar a tecla Shift, encaixar, ele assume a forma O mesmo vale para todos eles. E como animamos o caminho, o que temos é uma transformação de um quadrado em um círculo. OK. Outra coisa que podemos fazer. Então, vamos esconder o círculo, por enquanto, quando ele se transforma em um círculo, temos esse pequeno giro aqui. Agora, caso não queiramos girar, o que podemos fazer é identificar por que o giro está acontecendo. É porque isso aqui tem que cair e, originalmente, seria aqui em cima. Então, no segundo quadro-chave, podemos pegar todos os nós, pressionar R no teclado e girar Você notará que os pontos estão girando em seu próprio eixo Hm. Então isso é um problema. Na verdade, existe uma solução para isso. Nas ferramentas. Aqui embaixo, temos pivô Podemos alternar do pivot Global para o pivot Loco. O que isso significa é que, quando estamos girando loco, o que estamos fazendo é girar a partir do ponto central ou do ponto pivô Então, quando temos o modo de objeto selecionado, este aqui é o ponto de articulação. Quando estamos dentro do modo de pontos, você pode imaginar que cada um desses nós é seu próprio ponto de articulação, e é por isso que, quando o agarramos e giramos, ele ele Se pegarmos dois deles, girarmos, eles giram sobre Mas se mudarmos de local para global, teremos esse pequeno ponto verde aqui, e este aqui é o ponto de articulação global, o que significa que se eu pegar todos os quatro, obteremos esse ponto de articulação global, e se eu girar, eles agora todos giram juntos em torno desse único ponto de pivô e se eu girar, eles agora todos giram juntos em torno Então isso também funciona se eu fizer um círculo, dois círculos, ir para o modo objeto. Vamos voltar para o ponto pivô local. Então, quando tivermos o ponto de articulação laranja, pegue os dois, pressione R e Você verá que eles giram em seus próprios pontos de articulação. Então, se eu pegar isso, colocar aqui, pegar isso, colocar aqui, girar, eles giram em seu próprio ponto de pivô Agora, se eu mudar para o ponto de articulação global, então esse ponto de articulação verde aqui, onde quer que eu o coloque, quando eu giro, os dois giram em torno dele . Ok, você pode alternar entre os dois pontos de articulação pressionando P Então P, estamos no Global, P novamente, e estamos no local. Tudo bem, então vou deletar essas duas formas. E, essencialmente, então vamos centralizar isso novamente, pivô central Então, usando o ponto de pivô global, ou seja, o ponto de pivô verde aqui, agora podemos girar E agora, quando reproduzimos, ele se transforma em um círculo sem girar, e agora temos nossa forma se transformando Então, vou voltar para o global, vou pegar o modo objeto. E agora o que eu quero fazer é adicionar algum movimento a esse objeto à medida que ele se transforma Então, vamos entrar em Transform, translation, e eu definirei a posição X, ou seja, a esquerda e a direita Vou avançar até quando ele se transforma e vou pegá-lo, pressionar GX e movê-lo para o outro lado da tela E agora temos esse movimento aqui, uma pequena transformação. Então, isso aqui é uma transformação muito, muito básica. Não há nada muito complicado nisso. Sempre podemos ajustar o gráfico para adicionar um pouco de suavização, para que eu possa clicar com o botão esquerdo e arrastar o sal para longe, clicar com o botão esquerdo e arrastar o sal para longe. E agora, quando reproduzimos, temos esse salto na animação. Está bem? Vou mover essa estrutura de esqui aqui mais o centro, onde temos a maior aceleração. Então, aqui, ele meio que pula, e quando chega ao outro lado, já é um círculo Vamos assim. Vou mover este daqui a pouco, para que comece um quadrado. E o que estou tentando fazer é colocar a transformação no ponto mais alto de aceleração, e isso vai proporcionar uma transição um pouco perfeita Ok, é assim que você pode animar caminhos em vez de atritos Agora, há muito mais que podemos fazer. Agora, há muito mais que podemos fazer, mas isso deve lhe dar uma ideia geral. E na próxima lição, aprenderemos como podemos importar arquivos SVG 13. Link e Importe SVG - Recursos de Atrito: Oi. Nesta lição, aprenderemos como importar ou vincular arquivos SVG em vez de atritos Então, aqui, eu tenho um SVG, que é um arquivo vetorial Vou clicar com o botão esquerdo do mouse no código e arrastá-lo em vez de friccionar. Então, nós apenas arrastamos e soltamos isso. Se eu mudar para o modo de pontos e clicar com o botão esquerdo nele, você pode ver como temos todos esses nós. Vou mudar para o modo objeto. Agora, se eu importar a versão PNG, traga isso. Você notará que quando você pega o modo de pontos, nada acontece. Isso ocorre porque isso aqui é uma imagem, e esse aqui é um arquivo vetorial com o qual o atrito pode realmente funcionar Então, dentro da camada um aqui, temos esse outro grupo, que podemos dizer que é um grupo porque tem o tabuleiro de dados aqui, que nos permite saber que esse é um grupo, ainda não promovido a uma Aqui temos nossos dois objetos diferentes. Um é um objeto, o outro é um caminho. Então, vamos renomear isso para logotipo, e eu vou nomear isso para círculo RIM, ou melhor, logotipo Círculo. Esse eu posso chamar de logo comp. E, por fim, podemos prosseguir e desagrupá-lo da camada Vou pegar a camada um, manter pressionada a tecla Shift Control e pressionar G, e isso liberará a composição do logotipo. OK. Agora, apenas alguns parênteses rápidos Como isso aqui é um grupo, vou mudar para o modo objeto. Então, como isso aqui é um grupo, se quisermos acessar o que está dentro do grupo a partir da tela, primeiro precisamos clicar duas vezes nele, e isso nos permitirá entrar no grupo. Se quisermos sair do grupo, basta clicar duas vezes fora do grupo e agora estamos fora do grupo. Agora, essa distinção realmente importa porque se eu pegar a ferramenta circular e desenhar um círculo, você verá que o círculo foi criado fora do grupo. Portanto, temos o círculo de composição do logotipo. Se eu clicar duas vezes no grupo, agora estou dentro do grupo, ok, eu pego o círculo dois. Eu clico com o botão esquerdo do mouse em segurar e arrasto. Criamos um círculo, mas dentro do grupo. Isso porque estávamos dentro do grupo. Portanto, há uma distinção aqui a ser feita. Podemos simplesmente clicar com o botão esquerdo do mouse em segurar e arrastar isso para fora. Você pode ver que ele também pulou para outro lugar e, para agarrá-lo, tive que sair do grupo. Se eu estivesse dentro do grupo e tentasse agarrá-lo, não conseguiria porque agora estou dentro desse grupo. Portanto, essa distinção realmente importa. OK. Só quero ressaltar isso, para que eu possa pegar esses dois e deletar. Tudo bem. Também excluirei o PNG. Então, isso aqui que temos é um SVG que importamos dentro do Friction A outra opção é clicar em Link. Então, se você for até a barra de menu dentro de um arquivo, temos Link e temos Importar. Então, desta vez, vamos falar sobre Link. Vou até lá e vou pegar o SVG. Lembre-se de que estamos vinculando, pressione abrir o Link SVG Na verdade, não é um caminho. Não é um grupo, não é um caminho. Funciona da mesma forma que o PNG que tínhamos. Então, se alguma vez abrirmos o SVG dentro do Inkscape, por exemplo, eu mudo a cor do logotipo aqui para roxo e salvo quando voltamos ao atrito Se eu clicar com o botão esquerdo nele e disser recarregar, agora é roxo, certo Agora, dentro dos ativos, porque aqui está o link. Agora temos isso aqui. Então, se eu clicar em segurar e arrastar, essa é a versão do link. E na próxima lição, aprenderemos como podemos exportar nossa animação sem atrito. 14. Exporte a animação: renderização de fricção: Olá. Nesta lição, aprenderemos como podemos exportar nossos vídeos. Basicamente, vamos renderizar nossa animação em um arquivo de vídeo. Mas antes de fazermos isso, vamos abordar a palavra “além”. Demorei um pouco para perceber, mas falta um D lá dentro. Então, vamos passar para a cena de animação do logotipo, e eu posso adicionar a letra que falta. Agora, neste caso em particular, meu texto já está alinhado ao centro, ao adicionar a letra que falta, ele não se deslocará em nenhum dos lados, mas você sempre pode corrigir isso simplesmente indo até o alinhamento, definindo a groometria da cena e alinhando horizontalmente Ok, então, com isso resolvido, vamos voltar para nossa animação para cena. E a última coisa que farei antes de renderizarmos é um arquivo de áudio importante. Então eu vou pegar uma trilha sonora que eu tenho aqui e colocá-la aqui. E o atrito realmente não oferece muitas opções quando se trata de arquivos de áudio, mas você tem a opção, por exemplo, de diminuir o volume Você pode, é claro, cortá-lo e movê-lo. Sim, então agora, se você se deitar, temos uma faixa. Diga isso em voz alta. Então, vou diminuir o volume, digamos, 230 aqui e vamos bem. Então, eu quero que o chute aqui aconteça um pouco mais cedo. Então, vou simplesmente cortar isso e arrastá-lo de volta ao início Logo no primeiro quadro, vou definir o volume como um quadro-chave Vou reduzi-lo para algo como 15. Portanto, não está totalmente silencioso. E então, um pouco mais tarde, podemos fazer com que volte para 30. Tudo bem, é basicamente isso. Agora que temos o áudio dentro de uma faixa, agora podemos prosseguir e renderizar. Agora, o áudio não é obrigatório, obviamente. Então, para exportar, vamos até Q. E no canto superior esquerdo, temos uma pequena vantagem. Clique no sinal de adição. Ele vai adicionar isso aqui que está expandido, e podemos alterar as propriedades da cena. Então, basicamente, a partir daqui, você pode escolher a cena que deseja renderizar. Então, agora, estamos renderizando a animação dois. Então essa é a cena, então vou deixar isso assim. Então, temos nosso intervalo de quadros. Assim, podemos definir o que renderizar da linha do tempo diretamente dentro de nossa propriedade de cena para a renderização Como alternativa, também podemos clicar na engrenagem e mudar do alcance da cena para entrada e saída. E a faixa de entrada e saída será nossa entrada e saída que definimos para nós mesmos E vamos clicar em OK. Em seguida, queremos verificar nossos perfis. Agora, realmente depende do que você está exportando, mas MP quatro ou MP quatro com áudio, se você tiver áudio, como acabamos de adicionar uma trilha sonora aqui, deve funcionar bem, mas você também pode optar por algo como vídeo ProRes, vídeo ProRes mas MP quatro ou MP quatro com áudio, se você tiver áudio, como acabamos de adicionar uma trilha sonora aqui, deve funcionar bem, mas você também pode optar por algo como vídeo ProRes, vídeo ProRes com áudio. E se você quiser uma sequência de imagens, aí está. Observe que, se você quiser renderizar uma sequência de imagens com transparência, precisará garantir que a tela esteja realmente definida como transparente Portanto, você teria que entrar em um plano de fundo e configurá-lo com transparência total. OK. Então, para esse perfil, vou usar o ProRes Video plus Audio, e obteremos todos os pequenos detalhes aqui Podemos entrar em um formato e mudar as coisas. Assim, você pode usar o QuickTime MOV e alternar entre formatos diferentes, se quiser Também podemos escolher o Codec. E temos perfis diferentes. Então, algumas coisas que você pode mudar aqui. Também é aqui que você pode ajustar se quiser um vídeo com transparência. Então, uma vez que tenhamos toda essa verificação, também temos as opções de áudio na parte inferior, ok? Você pode pressionar OK. E por fim, vamos escolher nosso destino Então clique nesse pequeno ícone aqui, ao lado do local ou destino. Vou navegar até a pasta para a qual quero exportar e vamos simplesmente renomeá-la Então, vou chamar isso aqui de logotipo Nextax. Animação: basta pressionar Salvar. E agora podemos clicar em renderizar. Você deve saber que também pode adicionar dicas extras aqui. Assim, você pode fazer com que outras animações aconteçam. E quando estiver pronto para renderizar, clique em renderizar, você também pode desmarcá-los se não quiser que eles sejam renderizados Está bem? Só para você saber, no entanto, tive alguns problemas ao usar esse método, se a cena não estiver aberta. Então, por exemplo, o que quero dizer com isso, explique rapidamente. Se eu quisesse renderizar a animação 1, digamos, a animação 1, e eu dissesse o intervalo de entrada e saída, e tudo bem, uma vez terminada a renderização da animação 2, ele tentaria renderizar a animação 1 Quase esqueci. Escolha um perfil. De qualquer forma, vou desmarcar o segundo e clicar em renderizar O processo de renderização meio que se parece com o que acontece quando está em cache ou é Quando nossa renderização estiver concluída, dentro do painel de renderização, temos esse pequeno botão de reprodução próximo ao destino. E se você clicar nele, ele deverá abrir sua renderização com o player padrão. E aí está. Temos nossa animação aqui. Tudo bem, e isso é tudo para renderizar nossa animação. Te vejo na próxima aula. 15. Projeto do curso — Exercício de fricção: Olá, nos encontramos novamente. Agora que você concluiu a aula, é sua vez de criar seu próprio projeto usando o atrito. Eu encorajo você a compartilhar seu trabalho com a classe, seja para obter feedback ou simplesmente para mostrar suas habilidades. Se você tiver alguma pergunta ou dúvida, pode expressá-la na discussão e eu entrarei em contato com você imediatamente. Agora, cada um de vocês terá um conjunto diferente de habilidades, então eu recomendo usar o que parecer mais confortável para você. Faça isso passo a passo para que você possa gradualmente se sentir confortável usando o atrito. Com isso dito, vá em frente e adicione alguns gráficos em movimento. 16. Obrigada por assistir!gráficos: Olá. Vejo que você chegou ao final da aula. Parabéns para você. Até agora, você deve ter uma compreensão sólida dos fundamentos do atrito o suficiente para começar seus próprios projetos e, em algum momento, também trabalhar com o cliente, se é isso que você está buscando Se depois desta aula você estiver interessado em aprender mais sobre atrito, você sempre pode conferir o canal Noctux Creative, onde tenho muitos tutoriais que abordam mais aspectos do atrito interessado em aprender mais sobre atrito, você sempre pode conferir o canal Noctux Creative, onde tenho muitos tutoriais que abordam mais aspectos do atrito . Novamente, meu nome é Jonathan. Essa foi uma introdução ao Friction Graphics. Obrigado por assistir e nos vemos na próxima vez. Agora, sem mais delongas, vamos começar com o atrito.