introdução à animação no After Effects (parte 1)

1. Introdução: Bem-vindo à Introdução ao After Effects, parte 1. Este será o primeiro de uma série de quatro partes a apresentar o Adobe After Effects a aspirantes a animadores e designers de movimento com pouca ou nenhuma experiência com o software. Meu nome é Morgan Williams, e eu sou um animador e diretor de animação por mais de 25 anos. Criei animação e design de movimento para clientes como Sony Pictures, WGBH Boston, Comedy Central, BBC e muitos outros. Por quase 10 anos, tenho ensinado animação e design de movimento na Ringling College of Art and Design, online na School of Motion, e agora estou super animado para criar aulas aqui no Skillshare. Nesta primeira classe Introdução ao After Effects, vamos nos concentrar em aprender os conceitos básicos do espaço de trabalho após efeitos usando camadas de forma e criar e renderizar uma animação simples que sincroniza com uma faixa de áudio. Ao longo do caminho, ensinarei técnicas e práticas profissionais para tornar seu fluxo de trabalho mais inteligente e eficiente. Essa aula é ideal para estudantes que quiseram experimentar o Adobe After Effects, mas podem ter se sentido intimidado por esse software complexo. Se você é um ilustrador ou designer gráfico interessado em explorar animação ou design de movimento, e não teve nenhuma experiência com o After Effects, então essa é a classe certa para você. Mas mesmo que você tenha tido alguma experiência com o After Effects, acho que você descobrirá que as técnicas e os insights que eu compartilho tornarão seu fluxo de trabalho melhor e mais profissional. No final desta aula, você estará confortável com as noções básicas do espaço de trabalho do After Effects e poderá criar animações simples com confiança. Nas próximas lições desta série, vamos expandir esses conceitos básicos e aprofundar essa ferramenta emocionante e versátil. Vamos mergulhar e começar. 2. Abrir um novo projeto: Agora estou gravando essa classe em um Mac, então os comandos de teclas que você verá exibidos na tela são comandos de teclas do Mac. Se você estiver trabalhando em um computador Windows, lembre-se de que quando eu usar a tecla Command, você vai querer usar a tecla Control. Quando eu usar a tecla Option, você usará a tecla Alt. Fora isso, a maioria dos comandos chave serão exatamente os mesmos. Agora certifique-se de que você baixou e descompactou o arquivo de projeto que incluímos para a classe. É muito importante que você acompanhe a lição enquanto eu passo por ela embora você seja bem-vindo a fazer algumas de suas próprias escolhas criativas ao longo do caminho. Depois de baixar e descompactar esse arquivo de projeto, vá em frente e inicie o After Effects. A primeira coisa que você vai ver é esta janela de boas-vindas aqui. Este é um bom ponto de partida para abrir um projeto, mas estamos indo em frente e começar abrindo o arquivo de projeto que você baixou. Vamos em frente e clique em Abrir projeto. Agora você pode ver em nosso localizador aqui, aqui está nosso arquivo compactado e aqui está nossa pasta descompactada e essa pasta é nossa pasta do projeto After Effects. Nas próximas lições, vou aprofundar muito mais as pastas do projeto. Mas por agora, saiba que esta é apenas uma pasta comum aqui no localizador. Aqui dentro, porém, há uma pasta adicional chamada gravação e a pasta de gravação contém ativos que podemos usar para o nosso projeto. Em seguida, o arquivo de projeto do After Effects está aqui Ele termina com o.aep e que é o arquivo de projeto do After Effects real. Com esse arquivo de projeto selecionado, vamos clicar em Abrir para abrir o projeto. Agora é provavelmente uma boa idéia antes de chegar muito mais longe para salvar uma versão deste arquivo de projeto no caso de algo correr terrivelmente errado e nós queremos começar de novo. Você notará que o nome do arquivo do projeto termina com v01 ou versão um. Eu sempre faço a versão dos meus arquivos de projeto. Eu realmente renderiza versão também. É uma boa maneira de manter-se organizado e saber sempre qual é a versão mais recente do seu projeto ou da sua renderização. Mas também é uma boa maneira de manter uma segurança de backup das versões do seu projeto enquanto você trabalha. O After Effects tem um recurso de salvamento automático que estará salvando versões enquanto você trabalha. Mas eu também gosto de salvar versões manualmente para que seja um pouco mais fácil voltar e encontrar uma versão mais antiga, se eu precisar. Agora há um grande truque que você pode usar para fazer isso. Se você usar números de versão em seus arquivos de projeto, o que eu recomendo fortemente que você faça, você pode usar este pequeno recurso grande aqui sob arquivo. Você notará que há a opção Salvar, Salvar como, mas também há Incrementar e Salvar. Veja o número da versão aqui enquanto eu escolho Incrementar e Salvar. Observe que ele automaticamente viu meu número de versão aqui no final e ele automaticamente apenas aumenta o número da versão e salvou uma cópia como versão dois. Posso fazer isso a qualquer momento e vai continuar a aumentar o número da versão. É muito útil e algo que eu recomendo que você faça regularmente especialmente quando você está trabalhando em grandes projetos complicados. Agora, porque nós salvamos a versão dois aqui, se eu cometer algum erro terrível aqui, tudo o que eu tenho que fazer é reabrir a versão um, Incrementar e Salvar. Isso vai ser a versão três e eu posso seguir em frente com o meu trabalho. 3. Como definir preferências iniciais: A primeira coisa que queremos fazer é definir algumas preferências iniciais. Isto só irá certificar-se de que o que você fizer na sua tela irá corresponder ao que eu faço na minha tela. Depois de ficar mais confortável com o After Effects, é claro que você pode alterar essas preferências como desejar. Mas eu recomendo que você defina essas preferências, da maneira que eu vou defini-las agora, para ter certeza de que tudo o que eu faço na minha tela ecoa o que você está fazendo em sua tela. Vamos até as preferências do After Effects, e vamos começar com as preferências gerais aqui na parte superior. Vamos em frente e selecionar isso. Você verá que todas as opções de preferência estão ao longo da barra lateral aqui. Agora, nas preferências gerais, vamos descer a esta aqui Interpolação Espacial Padrão para Linear. Isso é uma boca cheia e provavelmente soa como um gook devoroso para você agora. Isso é bom. Por favor, vá em frente e verifique isso. Mais tarde na aula, vamos ver um exemplo do que isso significa exatamente e vamos falar sobre isso nesse ponto para que você entenda exatamente por que eu pedi para verificar isso, mas por enquanto, basta verificar isso. uma vez, mais tarde você pode voltar e alterar essa preferência quando estiver um pouco mais confortável com o After Effects. Mas esta é a maneira que eu prefiro trabalhar e por isso é a maneira que vamos trabalhar nesta aula. A próxima coisa que vamos fazer é descer para Display, você verá sob o caminho de movimento aqui, agora ele está definido para não mais do que 15 segundos. Agora a verdade é que estamos apenas trabalhando em uma animação de seis segundos para esta classe. Mas eu vou recomendar que você vá em frente e defina isso como “Todos os quadros-chave” para as próximas aulas desta série, onde você pode acabar criando uma animação com mais de 15 segundos. Eu realmente prefiro este conjunto para todos os quadros-chave, praticamente o tempo todo. Mas é claro que estas são preferências. Mais tarde, você pode definir suas preferências exatamente da maneira que deseja que elas sejam definidas. Vamos em frente e clique em “Ok”. 4. Navegando no espaço de trabalho: Vamos fazer uma pesquisa rápida do espaço de trabalho padrão básico do After Effects. O espaço de trabalho do After Effects é personalizável e pode ficar muito complicado quando você entra em um trabalho mais avançado do After Effects. Mas vamos nos concentrar no básico aqui para esta aula. Vamos começar com a janela do projeto aqui ao lado. A janela do projeto exibirá todos os ativos que importamos para o After Effects para nosso trabalho. Você pode ver aqui no topo que temos um arquivo de onda que já foi importado, e que está aqui. Também temos composições que são criadas dentro do After Effects. Uma composição é, em alguns aspectos, equivalente a dizer, um arquivo de salto do Fotos ou um arquivo do Illustrator. Em outras palavras, uma composição é um espaço de trabalho onde você pode realmente criar animação. Um projeto After Effects pode ter várias composições. Agora só temos uma composição, DrumDesign_finished. Você pode vê-lo exibido aqui na janela do projeto. Então você pode ver que a composição também está aberta nestas duas janelas aqui, a janela de composição e a janela de linha do tempo. Estas duas janelas estão ligadas essencialmente. O que vemos na janela de composição é realmente o que vai aparecer em nossa tela e em nossas renderizações quando renderizamos nossos filmes. A janela da linha de tempo é onde nossas camadas vivem, e é um pouco equivalente à janela Camadas no Illustrator e no Photoshop. Mas a diferença significativa é que também é uma linha do tempo onde podemos criar animação nessas camadas. Agora, esta composição é uma versão final do projeto que vamos trabalhar nesta classe. Observe que temos uma série de camadas aqui e podemos ver agora o círculo verde aqui. Se eu selecionar essa camada, você pode ver esse círculo verde. Eu vou abrir esta camada clicando neste pequeno botão guia triângulo bem aqui. Se eu abrir essa camada, você poderá ver os quadros-chave e a animação nessa camada. Uma composição é essencialmente uma série de camadas com uma linha do tempo com animação nessas camadas. Podemos ver os resultados de nossas camadas em nossa animação e na janela de composição. Podemos trabalhar com nossas camadas e nossa animação na janela da linha do tempo. Agora vamos nos concentrar na janela de composição por apenas um segundo e olhar para algumas das configurações e como navegar nesta janela. Na parte inferior da janela, você verá uma variedade de configurações. Vamos nos concentrar em algumas das noções básicas para esta aula. Primeiro, temos este menu suspenso para ampliação. Isso permite que você amplie e diminua a janela. Estamos olhando para isso em 50% agora. Posso ampliar até 200 por cento. Posso diminuir o zoom para 12,5 por cento. Eu também posso escolher Ajustar, que irá encaixá-lo automaticamente na janela. Às vezes é uma boa opção. Vamos em frente e colocar isso de volta para 50% por agora. No menu suspenso é bom, mas há uma maneira mais fácil e eficiente de trabalhar, e isso é com alguns comandos de tecla. No teclado, se você usar as teclas Vírgula e Período, poderá ampliar e reduzir o zoom. Se você pressionar a tecla Period, amplie. Se apertar a tecla Vírgula, diminua o zoom. Há uma maneira muito mais fácil de trabalhar e navegar do que usar o menu suspenso. Agora, uma vez que eu ampliado, se eu quiser ampliar uma área específica, eu vou querer usar a ferramenta Mão para me mover. Agora eu poderia ir até a barra de ferramentas aqui e pegar a ferramenta Mão e depois movê-la. Vamos pegar a ferramenta Mão e agora eu posso mover isso. Mas, mais uma vez, há uma maneira mais fácil de trabalhar com comandos de teclas. Com apenas a ferramenta Seleção comum aqui, se eu simplesmente segurar a barra de espaço, ela muda para a mão, e eu posso me mover dentro da minha composição. Vamos diminuir o zoom novamente aqui. Agora, o próximo menu suspenso que queremos ver aqui é bem ao lado da ampliação suspensa, e que são as opções Escolher grade e guia. Você pode ver agora que há uma grade verde sentada em cima da nossa imagem aqui. Isso não faz parte do nosso filme, é apenas um guia. Vamos analisar isso mais tarde e redefinir essas preferências de grade para nossos propósitos. Mas por enquanto, vamos desligar isso. Eu vou para este menu suspenso, e eu vou apenas desmarcar Grade. Vamos apenas ir em frente e desmarcar isso por agora. Você pode ver agora que estamos olhando para a nossa imagem exatamente como ela aparecerá quando a renderizarmos. Vamos pular para o menu suspenso de resolução. Você pode ver agora que está definido como cheio. Em outras palavras, estamos olhando para esta imagem com todas as informações de pixel nesta composição. Isto é 1920 por 1080 composição HD. Na íntegra, o After Effects está renderizando todos os pixels neste 1920 por 1080 composição. Mas reparem que estamos a ver isto em 50%. Só estamos olhando para isso em 50 por cento de tamanho. Estamos pedindo ao After Effects que renderize todos esses pixels, mesmo que estejamos apenas olhando para ele com metade do tamanho. Agora eu posso alterar essa resolução para fazer o After Effects funcionar um pouco melhor, que é particularmente útil se você não tiver um computador tão rápido. Posso clicar neste menu suspenso e posso escolher meia resolução ou uma terceira resolução ou um quarto de resolução. Agora, nada disso afetará a peça final, quando você renderizar você vai renderizar em resolução total, independentemente disso. Isso apenas desativa alguns pixels, portanto, o After Effects não renderiza todos os pixels enquanto você trabalha. Se reduzirmos isso para um quarto e aumentarmos um pouco, você verá que parece um pouco mais áspero. Uma vez que definimos isso de volta para a resolução total, você pode ver que é agradável, nítido e limpo. Se você está trabalhando em um projeto e seus computadores executando um pouco lento e pokey, e quando você está fazendo pré-visualizações de RAM, que são pequenas visualizações de renderização, vamos olhar para isso em um minuto, se eles estão correndo devagar, recusar isso ajudará mesmo que você não veja a imagem com sua melhor qualidade, mas você ainda terá uma noção do movimento e da animação e acelerar as coisas um pouco. Pode ser muito útil. O que eu realmente recomendo é mudar isso para auto, que significa que ele vai responder à escala que você está olhando para a imagem. À medida que diminuímos em 50%, ele vai imediatamente para metade. À medida que diminuímos para 25%, ele vai para um quarto. Dessa forma, é apenas renderizar o que você está vendo, o que é realmente bom e muito eficiente maneira de trabalhar. Vamos pular para a janela da linha do tempo aqui. Nós já olhamos para as camadas que temos. Isso é muito parecido com uma configuração de camada do Photoshop ou do Illustrator, em que as camadas que estão na superior da imagem e as camadas na parte inferior ou na parte inferior da imagem, modo que essa pilha de camadas funcione exatamente da maneira que funciona no Photoshop e Illustrator. Mas é claro que também temos uma linha do tempo aqui, e você pode ver que o que temos são seis segundos aqui. Você verá esta pequena alça azul bem aqui. Este é o indicador de tempo atual ou CTI. Se eu clicar e arrastar sobre isso, você verá que eu movi através da minha animação para frente e para trás sobre a linha do tempo. Você pode ver a animação acontecendo lá enquanto eu faço isso. Eu posso definir este indicador de tempo atual para qualquer momento na minha linha do tempo, digamos dois segundos. Se você olhar para o lado aqui, você verá o indicador de código de tempo aqui, que está mostrando onde estamos no tempo. Se eu passar para um segundo, você verá que está mostrando um segundo ou dois segundos e cinco quadros. Se você não está familiarizado com o código de tempo, vamos apenas percorrer isso muito rapidamente, um monte de números aqui. primeiro número aqui é horas, o segundo número é minutos, o terceiro número é segundos, e o último número é quadros. Estamos a trabalhar a 24 fotogramas por segundo. Temos 24 quadros em cada segundo, e depois horas, minutos e segundos. Você pode ver como eu esfrego o CTI, notar o tempo mudando aqui no indicador de tempo. Agora, para este projeto, vamos trabalhar com apenas seis segundos, apenas um pedacinho curto. Mas mesmo com uma peça curta, às vezes você vai querer ampliar ou diminuir o zoom da linha do tempo. Certamente, com uma peça mais longa e complicada, muitas vezes você precisará ampliar e diminuir o zoom da linha do tempo. A primeira maneira que podemos fazer isso é com o navegador do tempo. É este bar, este pequeno bar magro no topo da linha do tempo. Você verá essas pequenas alças azuis nas bordas. Observe que a cor azul geralmente é um indicador no After Effects de que algo pode ser clicado ou selecionado. Você pode ver que nossa ferramenta Seleção está selecionada, é azul. Nossa janela aqui tem uma pequena caixa azul ao redor. Quando eu clicar na janela de composição, e selecionar volta, ver que tem uma pequena caixa azul. A pequena alça para a CTI e a barra CTI aqui é azul. Há também estas pequenas alças azuis no navegador do tempo. Eu posso clicar e arrastar essas pequenas alças e eu posso ampliar a linha do tempo. Agora só estamos exibindo parte da linha do tempo, apenas alguns segundos. Eu posso clicar e arrastar no início aqui e ampliar ainda mais. Agora estamos apenas olhando para realmente apenas um punhado de quadros. Agora, assim que eu estiver ampliado, eu posso clicar no meio do navegador do tempo, e eu posso transportar isso para frente e para trás para mover através da linha do tempo, ampliado dessa maneira. Vamos voltar essas alças para as bordas aqui, então estamos olhando para todos os nossos seis segundos. Também posso ampliar e reduzir a linha do tempo com comandos de teclas. Assim como as teclas de ponto e vírgula funcionam para ampliar e reduzir a janela de composição, o traço e as teclas iguais no teclado principal irão ampliar e reduzir a linha do tempo com base no local onde a CTI está localizada. Há também um controle deslizante de zoom de tempo aqui na parte inferior. Você verá as pequenas montanhas e as grandes montanhas, que também aumentarão e diminuirão o zoom de onde seu CTI está, mas eu acho isso muito desajeitado. As teclas Plus e Menos são uma maneira muito mais rápida e eficiente de trabalhar. 5. Review o projeto final: Agora que sabemos como contornar um pouco, vamos em frente e dar uma olhada na animação finalizada que vamos recriar nesta classe. Vamos pegar nosso CTI aqui e deslizá-lo de volta para o quadro zero. Então, para assistir a animação em tempo real com o áudio, vamos fazer o que é chamado de pré-visualização de RAM, que é basicamente apenas uma renderização que salva na memória temporária do computador. Uma pré-visualização de RAM essencialmente terá exatamente a aparência da sua renderização final, mas é apenas temporária e não cria um arquivo de filme finalizado. Para executar uma pré-visualização de RAM, basta apertar a barra de espaço e ela começará a tocar de onde a CTI está posicionada. A pré-visualização do RAM é automaticamente definida para loop, modo que ele irá loop continuamente. Vamos em frente e ram visualizar esta animação. Assistir algumas vezes. Bater na barra de espaço novamente irá parar a visualização do ram. Você pode ver que temos uma animação muito divertida, mas muito simples, onde temos formas coloridas simples reagindo a uma batida de bateria. Cada forma responde a um dos instrumentos no kit de bateria e seu movimento está ligado ao que quer que o instrumento esteja fazendo. Vamos criar uma nova composição onde podemos recriar esta animação. Ou, claro, se você quiser, você pode criar sua própria versão desta animação. 6. Como criar uma nova composição: Agora, antes de criarmos esta nova composição, quero salientar que vou usar uma biblioteca de cores que já criei. Se eu passar para o lado aqui e clicar na biblioteca de palavras, abro a pequena janela da biblioteca e você pode ver que eu tenho um conjunto de cores já criado para me ajudar a construir esta peça. As bibliotecas são uma ótima ferramenta na Creative Cloud porque elas podem realmente viajar de software para software e podem conter cores ou outras coisas que você usa para seus projetos. Agora, se você está interessado em usar minhas cores e seguir comigo exatamente, nós incluímos este arquivo de biblioteca que você pode importar se você quiser apenas escolher suas próprias cores, isso é perfeitamente bom também. Mas se você quiser usar as cores que estou usando aqui, basta ir até a pequena guia de três linhas aqui ao lado de onde diz bibliotecas. Clique nisso, vá para baixo para importar biblioteca, você verá esta pequena janela de diálogo aqui, e você pode escolher, selecionar biblioteca. Navegue até a pasta de imagens, na pasta do projeto que você baixou e você poderá selecionar a biblioteca da classe Ae um. Eu não vou fazer isso porque eu já tenho a biblioteca lá dentro, mas você pode simplesmente clicar sobre isso, clicar em abrir e ele irá importar a biblioteca para a janela da sua biblioteca aqui e então você pode selecionar e usar essas cores. Agora vamos criar uma nova composição para construir nossa animação. Vou subir para composição, nova composição, e você verá a janela de configurações de composição aberta. Agora no topo aqui, você pode ver que temos nossa janela de nome da composição. Nós sempre queremos dar à nossa composição um nome lógico. À medida que seus projetos se tornam mais complicados, manter-se organizado é muito importante. Então nomear camadas, nomear composições é uma parte muito importante disso. Então eu vou chamar isso de design de tambor. Você pode chamá-lo do que quiser e então nós vamos para baixo para o menu suspenso predefinido aqui, ele padrão para HDTV 1082997, nós vamos mudar isso. Vou clicar no menu suspenso e vamos escolher quadros HDTV 108024 por segundo. Vamos em frente e clicar nisso. Você vai notar que nos dá as configurações padrão HD de 1920 por 1080 pixels. Ele também nos dá o padrão HD de pixels quadrados e uma taxa de quadros de 24 quadros por segundo. Agora, no fundo aqui, temos a duração da composição. O padrão é 30 segundos. Vamos em frente e mudar isso para 06 para 6 segundos. Certifique-se de que não exclui nenhuma das coordenadas quando estiver digitando isso. Agora, a cor de fundo padrão para uma composição é preta, mas queremos que ela seja essa cor roxa. Eu vou pegar o conta-gotas aqui e eu vou apenas ir para cima e selecionar meu fundo cor roxo da minha biblioteca. Novamente, você pode escolher qualquer cor que você quiser e se você clicar na amostra de cor de fundo aqui, você terá o seletor de cores Adobe onde você pode escolher matiz, saturação, brilho, seja com as ferramentas de clique e arraste aqui, ou você pode escolhê-los com controles deslizantes HSB ou controles deslizantes RGB, ou inserir um código hexadecimal. Uma vez que temos todas essas configurações, vá em frente e clique em Ok e você pode ver que temos uma nova composição adicionada à nossa janela de projeto, e essa composição foi aberta em nossa linha de tempo e em nossa janela de composição. Observe que nossa composição original agora é uma guia na janela da linha do tempo. Eu posso clicar nessa guia sobre e ele irá carregar automaticamente a janela de composição e a linha do tempo para essa outra composição e eu posso guia de volta para a nossa composição atual. Em seguida, vamos configurar um sistema de grade para facilitar a criação e a organização de nossas formas à medida que começamos a construir nossa animação. 7. Trabalhando com sistemas de grade.: Então, por que queremos usar um sistema de grade enquanto trabalhamos? Para aqueles de vocês que são designers gráficos, eu provavelmente não preciso dizer por que você quer usar um sistema de grade. Os sistemas de grade são uma ótima maneira de criar relações de alinhamento e proximidade no design gráfico. Mas eles também podem ser muito úteis para ilustração, particularmente ilustração que utiliza topografia ou outros elementos gráficos. Então vamos em frente e alternar nossa grade de volta aqui. Então eu vou descer até o fundo aqui e ligar a grade. vamos mudar um pouco as configurações desta grade. Temos um monte de subdivisões nesta grade que provavelmente não precisamos. Podemos simplificar isso e também torná-lo corresponder ao nosso quadro 1920 por 1080 aqui. Então vamos seguir as preferências de efeitos secundários e vamos para grades e guias. Em nossas grades e guias de preferência você pode ver que podemos mudar quando temos nossas linhas de grade, quantos pixels entre cada linha de grade e quantas subdivisões temos. Agora eu já fiz algumas contas úteis para vocês. Esta é outra pequena dica profissional aqui. Um quadro de 1920 por 1080 é uma proporção de 16 por 9. Se você dividir 1920 por 16, você obtém 120 pixels. Se você dividir 1080 por 9, você também obterá 120 pixels. Assim, podemos criar uma grade de 16, 9 em nosso quadro colocando uma linha de grade a cada 120 quadros, se quiser, você pode alterar a escala da grade fazendo 240 pixels para criar uma grade maior ou 60 pixels para criar uma grade menor. Mas o que vamos usar é apenas os 120 e vamos usar uma subdivisão de dois. Então vamos em frente e clique bem e ver o que conseguimos. Isso é muito mais útil para nós. Agora temos 9 quadrados no lado e 16 quadrados no topo. Essa é a nossa relação de 16, 9, mas também temos a subdivisão única. Isso é muito útil em particular com os nove quadrados para cima e para baixo, porque isso nos permitirá obter um ponto central aqui a meio caminho. Então, o centro do nosso quadro está bem ali. Também nos dará um pouco mais de flexibilidade com nosso alinhamento. Agora, para fazer esta grade realmente funcionar para nós. Queremos ter certeza de que podemos encaixar nossas formas nesta grade. Portanto, queremos ter certeza de que sob vista aqui, que encaixe na grade é verificado. Então verifique isso duas vezes. Eu acredito que o padrão é isso, mas apenas para o caso de ter certeza que o encaixe na grade é verificado. Agora estamos prontos para começar a fazer algumas formas. 8. Noções básicas de camadas de forma: Camadas de forma e After Effects são muito poderosos Quero deixar claro que mal estamos arranhando a superfície do que as camadas de forma podem fazer nesta classe em particular. Mas, essencialmente, as camadas de forma são o componente de desenho vetorial do After Effects e são muito semelhantes ao desenho vetorial no Illustrator ou no Photoshop. Mas novamente, vamos começar com o básico. Se você não estiver familiarizado com o termo Vector, o trabalho artístico vetorial usará pontos plotados pelo computador para criar formas. Illustrator usa o desenho vetorial principalmente, mas o Photoshop e o After Effects têm recursos de desenho Agora, isso se opõe ao trabalho artístico raster, que inclui coisas como fotografias, digitalizações de arte física ou imagens desenhadas com uma ferramenta de pincel no Photoshop. trabalho artístico raster usa pixels coloridos individualmente para criar imagens. Photoshop e o After Effects são baseados principalmente em rasterização, mas, como eu disse, ambos têm componentes vetoriais, como Camadas de Forma e After E Vamos falar mais sobre arte raster e vetorial nas próximas aulas. Então, em nossa barra de ferramentas aqui, você pode ver que temos nossa ferramenta básica de forma, então se eu clicar e segurar aqui, você verá que temos um retângulo, retângulo arredondado, polígono de elipse, e ferramenta de início, que é realmente apenas uma versão extravagante da ferramenta polígono. Vamos começar apenas com a ferramenta Retângulo. Então vamos selecionar a ferramenta de retângulo. Observe que quando selecionamos essa ferramenta aqui, vamos voltar rapidamente para a ferramenta de seleção. Quando seleciono essa ferramenta, recebo algumas opções adicionais aqui na janela da ferramenta. Uma opção de preenchimento e largura de traçado. Voltaremos a estes em apenas um segundo, mas por agora, vamos apenas ir em frente e desenhar um retângulo em nossa janela de composição. Basta clicar e arrastar com a nossa ferramenta para desenhar um retângulo ou um quadrado, e você vai notar imediatamente o encaixe grade que estavam encaixando para essas linhas de grade que é realmente bom. Agora eu posso fazer um quadrado muito facilmente apenas encaixando nessas grades, mas eu também posso manter pressionada a tecla Shift para restringir a um quadrado. Agora, as configurações padrão para as camadas de forma são este preenchimento vermelho brilhante desagradável e o traçado branco de dois pixels. Vamos ampliar um pouco aqui para que possamos ver o derrame mal ali. Agora posso alterar a largura do traçado clicando e arrastando para a direita ou para a esquerda no valor de largura de traçado azul. Eu posso mudar a cor do traçado clicando no botão de amostra de traçado aqui, que abre o seletor de cores, mas na verdade não vamos usar traços para este projeto, então eu quero desativar o traçado. Vou clicar na palavra traçada que você vai notar que é azul. Vou clicar na palavra traçada, e você pode ver que tenho várias opções aqui. Posso ter um traçado de cor sólida, posso ter um gradiente linear ou um traço radial de gradientes, ou não posso ter nenhum traço. Também posso alterar a opacidade do traçado ou alterar o modo de mesclagem do traçado. O conjunto de modos de mesclagem é o mesmo conjunto com o qual você está acostumado no Photoshop ou no Illustrator. Mas vamos seguir em frente e escolher nenhum traço e clique em OK. Agora as configurações de preenchimento são semelhantes em que eu clicar na palavra preenchimento e eu também tenho a opção de cor sólida, sem preenchimento, ou gradientes, e modos de mistura, opacidade, tudo o que bom material está tudo lá. Vamos mudar a cor aqui. Vou clicar no botão de preenchimento da amostra aqui para iniciar o seletor de cores. Por agora, eu só vou escolher branco enquanto estamos brincando com essas formas, mas eu poderia pegar meu colírio e escolher uma das minhas outras cores, mas agora nós vamos manter as coisas simples, mas você pode escolher qualquer cor que você gosta. Agora eu recomendo agora que estamos começando a realmente fazer algumas coisas, que você tenha o hábito de economizar regularmente. Você pode até incrementar e salvar se quiser salvar uma versão como falamos no início da aula. Agora vamos dar uma olhada no que aconteceu em nossa linha do tempo quando criamos a praça. Observe que uma camada foi adicionada e é chamada de Camada de Forma 1. Agora, uma coisa importante a entender sobre o After Effects é que uma camada de forma é como um shell vazio que pode conter uma ou mais formas. Então, neste caso, temos uma forma na camada, que é o nosso retângulo e há o nosso retângulo dentro do conteúdo da camada de forma. Então nós temos a camada de forma que é o shell, e, em seguida, o retângulo que vive dentro dessa camada de forma. Agora vamos fazer uma elipse. Mas antes de fazer a elipse, queremos ter certeza e desmarcar esta camada. Observe esta pequena caixa branca por aqui, e o fato de que podemos ver essa pequena caixa delimitadora em torno de nosso quadrado, isso significa que esta camada está selecionada e queremos desselecionar essa camada antes de fazermos nossa elipse, e Vamos falar sobre o porquê daqui a pouco. Vamos desmarcar e posso fazer isso de duas maneiras. Eu posso clicar em uma área vazia da linha do tempo como esta ou alternadamente eu posso clicar em uma área vazia da janela de composição, mas somente se eu tiver a ferramenta de seleção. Assim, caso contrário, vou começar a desenhar outra forma. Agora que estamos desselecionados, vamos voltar e pegar a ferramenta Elipse, e vamos em frente, clicar e arrastar e fazer uma elipse. Podemos fazer ovais, ou eu posso fazer um círculo usando o encaixe da grade, ou eu posso manter pressionada a tecla shift e isso vai me restringir a criar um círculo. Agora note que quando desenhamos este círculo ou esta elipse, criamos uma nova camada de forma. Ele agora é chamado de Camada de Forma 2, e novamente dentro dessa forma Camada está esta elipse. Agora temos duas camadas de forma, cada uma com uma forma dentro dela, mas como eu disse, uma camada de forma pode conter várias formas. Como adicionamos uma forma a uma camada se quisermos isso? O que fazemos é deixar a Camada de Forma selecionada. Antes de desmarcar o retângulo. Agora vamos deixar a Camada de Forma selecionada. Vamos voltar e escolher a ferramenta de retângulo novamente. Agora com isso selecionado, agora eu vou desenhar um retângulo, e agora esse retângulo foi adicionado à Camada de Forma 2. Então a Camada de Forma 2 agora tem duas formas nela. A camada de forma um só tem um retângulo. Agora isso pode ser útil para criar imagens mais complexas com camadas de forma. Como eu disse, as camadas de forma são extremamente poderosas. momento, estamos usando apenas as ferramentas básicas de forma simples, mas também é possível desenhar formas com a ferramenta caneta como você faz no Illustrator ao criar formas vetoriais no Photoshop, e a capacidade de combinar várias formas no uma Camada de forma é semelhante a ter uma camada no Illustrator com várias formas dentro dela, e você pode criar relações entre as formas para criar imagens complexas. Mas quando você começa a entrar na animação, é importante entender que você vai estar se animando nas camadas e qualquer animação adicionada à camada afetará todas as formas dentro dessa camada. Para esta classe, sempre estaremos criando camadas de forma únicas. Camadas de forma com apenas uma forma para que, à medida que animamos, estamos animando cada forma individualmente. Então, novamente, se quisermos criar uma nova forma e queremos que ela tenha sua própria camada, novamente vamos desmarcar, vamos pegar qualquer ferramenta de forma que quisermos e então vamos clicar e arrastar essa forma, e novamente que irá criar a nova camada de forma com apenas a única forma dentro dela. Agora, antes de seguirmos em frente, eu só quero avisá-lo sobre algo aqui como um usuário inicial do After Effects. Estamos realmente apenas olhando para o básico de camadas de forma aqui. Há muito poder e muita complexidade enterrados no mundo da Shape Layer. É importante entender que você pode realmente ter algum problema ao trabalhar com Camadas de Forma, se você não está ciente de alguma profundidade se você tropeçar nela, digamos. Então vamos dar uma olhada rápida em algumas das complexidades dentro das camadas de forma. Se eu abrir a guia Elipse dentro do conteúdo da Camada de Forma, você verá que um monte de novas opções aparecem. Cada um desses pequenos triângulos sendo mais uma aba, e cada uma dessas guias tem opções adicionais dentro delas. Isso inclui opções para animar a própria forma dentro da camada. Agora, até que você se familiarize muito mais com o trabalho com Camadas de Forma, eu recomendo essencialmente ficar fora dessas configurações, particularmente as configurações de transformação. Se você está apenas aprendendo After Effects, isso pode criar uma confusão enorme e um comportamento que você pode não esperar ou querer, e você pode realmente acabar no fundo das ervas daninhas se você mexer muito aqui sem saber o que você está fazendo. Assim que você está começando aqui, eu recomendo manter isso fechado e ficar fora de lá até que você se aprofunde um pouco no software. Vamos apagar algumas dessas coisas aqui. Vamos excluir essas duas camadas de forma que criamos. Vamos excluí-los e vamos ficar com este quadrado branco por agora, e vamos explorar as propriedades animatable básicas para esta camada. 9. As cinco propriedades: Quase todas as camadas em efeitos após, com exceção das camadas de áudio, têm cinco propriedades básicas que você pode manipular e animar. Vamos dar uma olhada naqueles um por um. Na nossa camada de forma aqui, é claro que temos a nossa guia de conteúdo que tem um retângulo nele. Vamos em frente e fechar essa guia. Por baixo disso, temos a aba de transformação. Vamos em frente e tabulação que abrir e você pode ver são cinco propriedades. Ponto de ancoragem, posição, escala, rotação e opacidade. Vamos passar por cada um deles um por um e ter certeza de que entendemos como eles funcionam e como manipulá-los. O primeiro é o ponto de ancoragem. Esta é uma propriedade muito importante porque afeta o que acontece com a escala de posição e as propriedades de rotação, especialmente escala e rotação. O ponto de ancoragem é o ponto da camada a partir do qual o movimento ocorre. O ponto de ancoragem é representado por este pequeno símbolo aqui. É um pequeno círculo com uma mira. Observe que quando criamos uma camada de forma, que novamente é apenas um shell vazio para conter uma ou mais formas. Essa camada de shell vazia usa como padrão o ponto de ancoragem estar no centro do quadro. Então, há nosso ponto de ancoragem para a camada de forma bem no centro do quadro. O que isso significa, e vamos demonstrar isso daqui a pouco. O que isso significa é que quando movermos a posição da camada, a escala da camada ou a rotação da camada, todo esse movimento se originará neste ponto de ancoragem. A posição do ponto de ancoragem realmente afeta a maneira como o movimento acontece com nossas camadas, particularmente escala e rotação. Temos a capacidade de mover o ponto de ancoragem para diferentes posições na camada, a fim de obter efeitos diferentes com nossa animação. Há duas maneiras de ajustar o ponto de ancoragem. Ambos têm usos particulares em situações particulares. A maneira mais comum é mover o ponto de ancoragem independente do trabalho artístico na camada. Isso é o que precisamos fazer aqui porque queremos mover este ponto de ancoragem para o centro desta praça. O que vamos usar é a panela atrás da ferramenta. Está bem ao lado da ferramenta de forma ali, a bandeja atrás da ferramenta. É um nome estranho. Esta é uma ferramenta que realmente tem um monte de usos diferentes, embora este é provavelmente o uso mais comum. Vamos pegar a panela atrás da ferramenta. Agora eu posso clicar e arrastar neste ponto de ancoragem e agora posso movê-lo para qualquer lugar que eu quiser. Para onde eu quero movê-lo agora é no centro da nossa praça. Você notará que ao mover esse ponto de ancoragem, o valor do ponto de ancoragem, que estava originalmente em zero e zero, agora tem alguns valores diferentes para ele. Falaremos um pouco mais sobre esses valores em um minuto. A outra maneira de afetar o ponto de ancoragem é manipular os próprios valores, mas isso cria um efeito muito diferente. Você notará que todos esses números de valor são azuis. Isso significa que eles podem ser clicados e arrastados ou clicados e os valores podem ser digitados. Eu posso clicar e arrastar sobre esses valores. Observe que o que está acontecendo é que o ponto de ancoragem está realmente no lugar. Mas a obra de arte na camada, neste caso o quadrado, está se movendo em relação ao ponto de ancoragem que permanece fixo. Isso não é o que queremos neste caso, então eu vou apertar a tecla desfazer, comando Z, para desfazer e retornar isso. Nosso ponto de ancoragem está mais uma vez centrado em nossa praça. Um pequeno cuidado aqui; você deve ter certeza de que, ao ajustar o ponto de ancoragem de uma camada, você não está ajustando o ponto de ancoragem da forma. Deixa-me mostrar-te o que quero dizer. Se desmarcarmos aqui, vamos selecionar longe da nossa forma atual. Vamos pegar nossa ferramenta de forma, e vamos apenas desenhar uma nova forma muito rapidamente aqui. Você vai notar que há o ponto de ancoragem para a camada bem no meio. Neste caso em particular, onde eu acabei de desenhar uma forma, se eu imediatamente ir e agarrar minha ferramenta pan atrás sem selecionar a camada primeiro, assim. Você notará que o ponto de ancoragem da camada desaparece. Agora há um novo ponto de ancoragem, muito, muito pequeno no meio da forma. Observe também que a caixa delimitadora parece diferente e tem essas pequenas caixas brancas em vez das caixas azuis sólidas. O que isso significa é que agora temos a forma selecionada e este ponto de ancoragem é o ponto de ancoragem da forma. Lembre-se que mencionei que as formas dentro de camadas de forma têm suas próprias transformações. Lembre-se também que eu avisei você sobre ficar muito fundo nas ervas daninhas com camadas de forma até que você entendê-las um pouco mais completamente. Neste ponto, se eu mover este ponto de ancoragem, eu não estou ajustando o ponto de ancoragem da camada. Estou ajustando o ponto de ancoragem da própria forma e não conseguirei o efeito com a animação que estou procurando. É importante prestar atenção se você vir esse tipo de caixa delimitadora e esse pequeno ponto de ancoragem. Lembre-se de que agora você tem a forma selecionada e você pode ver para baixo na linha de tempo que o retângulo está realçado em cinza aqui. A forma é selecionada, mas a camada não é. Veja o que acontece quando selecionamos a camada. Assim que fizermos isso, obtemos a caixa delimitadora normal em torno de nossa forma e nosso ponto de ancoragem é agora o ponto de ancoragem da camada no centro. Observe novamente que é um ponto de ancoragem muito maior do que o pequeno que aparece para a forma. Basta estar ciente de que se você desenhar uma forma e selecionar o pan atrás da ferramenta imediatamente, você vai correr para este pequeno problema. Tudo o que você precisa fazer é selecionar a camada novamente e certificar-se de que você está ajustando o ponto de ancoragem da camada e não da forma. Vamos em frente e apague essa forma, selecione novamente nossa forma aqui. Vamos voltar a selecionar nossa ferramenta de seleção. Vejamos a propriedade position, que eu acho que ajudará a propriedade do ponto de ancoragem a fazer um pouco mais de sentido. Vamos começar falando sobre o que significam os dois números. Observe que tanto o ponto de ancoragem quanto a posição têm dois valores aqui. O primeiro valor é o valor em x. X é o valor horizontal movendo-se para a direita ou para a esquerda. Se eu fosse clicar e arrastar neste primeiro número, você pode ver que eu passo para a frente e para trás direita para a esquerda com minha posição aqui. Observe também que nos tirou da nossa rede. Eu também posso apenas clicar e arrastar na própria camada, e então eu posso encaixá-lo de volta para a grade aqui. Posso manipular a posição clicando e arrastando na camada ou clicando e arrastando o valor na linha do tempo. Dependendo da situação em que você está, às vezes clicar e arrastar na camada é melhor. Normalmente, clicar e arrastar ou inserir um valor na linha do tempo será mais fácil e eficiente, especialmente quando você estiver trabalhando em projetos mais complexos. Mas como estamos criando a animação simples em torno da estrutura da grade, provavelmente vamos clicar e arrastar a camada um pouco mais frequentemente. O segundo valor é o valor y, que é para cima e para baixo. Mais uma vez, eu posso mover para cima e para baixo clicando e arrastando sobre este valor ou eu posso apenas clicar e arrastar na própria camada. Eu posso apenas clicar e arrastar e mover totalmente aleatoriamente também. Enquanto eu tiver encaixando, continuarei me encaixando nesses pontos da grade. Observe que enquanto eu movo isso, os valores se movem também. Se eu colocar o quadrado bem no centro, observe que o valor é 960 por 540. 960 é metade de 1920, 540 é metade de 1080. Então eu também posso centralizar as coisas simplesmente digitando valores. Digamos que a minha praça é algures por aqui e que a quero no centro. Eu posso realmente apenas clicar no x e y aqui. Basta clicar e eu posso digitar 960, guia 540 retornar e ele centra esse quadrado. Eu também posso fazer matemática simples dentro dessas caixas de valor. Por exemplo, posso clicar em 960. Se eu quiser ir 120 quadros em x, eu posso ir mais 120, e ele salta 120 quadros. É aqui que fica um pouco complicado. Se eu quisesse ir para trás, não posso digitar menos 120. Veja o que acontece se eu for menos 120, meu quadrado realmente sai da tela porque ele só vai para o valor menos 120. Vamos desfazer, e vamos voltar 120 quadros. Para fazer isso, eu clico na janela de valor aqui, e eu vou mais primeiro. A vantagem basicamente é dizer efeitos secundários, Eu estou fazendo um cálculo agora em vez de ir para um valor negativo e, em seguida, negativo 120. Agora eu pulo para trás um 120 quadros. Um pouco confuso, mas o fato de que temos valores negativos como uma possibilidade aqui torna necessário adicionar essa segunda tecla para dizer depois afeta o que você está fazendo. Novamente, eu posso ir mais menos 240, ou eu posso ir mais 120 ou o que eu quiser fazer, ou se eu quiser voltar para o centro, eu posso apenas digitar 960 e colocá-lo de volta no centro. Agora eu tenho surtos envolvidos aqui, então eu também posso apenas movê-lo e encaixá-lo para as coisas. Mas em alguns casos você não estará trabalhando com um sistema de grade e usar valores numéricos ou apenas clicar e arrastar em um valor pode ser realmente útil. Agora vamos revisitar rapidamente este ponto de ancoragem para ter certeza de que realmente entendemos o que está acontecendo aqui. Observe agora que o valor da posição está em 960 por 540. Em outras palavras, o ponto de ancoragem está no centro. A camada é centralizada. Agora, se eu gráfico o pan atrás da ferramenta e mover este ponto de ancoragem para outra posição, diga para baixo no canto do quadrado. Observe que o quadrado ainda está centrado no quadro. A obra de arte ainda está na mesma posição. No entanto, a camada realmente se moveu. Observe que os valores da camada agora são diferentes porque o ponto de ancoragem da camada, que determina a posição da camada agora não está no centro. Meu quadrado, a obra de arte está centrada, mas a camada está agora fora do centro. Se eu retornar o valor de 960 por 540, agora minha camada está centralizada. Mas como o trabalho artístico não está centralizado na camada, o trabalho artístico agora está fora do centro. Esta é uma distinção importante para entender. O ponto de ancoragem é o que determina onde a camada está. Mas a camada pode ter obras de arte de quase qualquer tipo. Pode ser uma forma ou um desenho ou tipografia ou o que você tem. Mas o ponto de ancoragem determina onde a camada realmente está. Agora, da mesma forma, agora a minha posição, tem a camada centrada 960 por 540. Se eu manipular os valores do ponto de ancoragem agora, então vamos fazer isso. Vamos brincar um pouco com isso e vamos colocar isso em algum lugar estranho. Se eu manipular os valores do ponto de ancoragem, observe que a posição da camada não foi alterada. A posição do trabalho artístico em relação à camada foi alterada porque eu alterei esses valores de ponto de ancoragem. Mas a posição das camadas ainda está centrada em 960 por 540. Essa é uma distinção importante e é importante entender a diferença entre a posição da camada e a posição do trabalho artístico e isso é determinado pelos valores do ponto de ancoragem. Agora vamos desfazer até que este quadrado esteja de volta em nossa grade, e então podemos ir em frente com a caneta atrás da ferramenta e encaixar esse ponto de ancoragem de volta ao centro do nosso quadrado. Se você quiser, você pode encaixar o quadrado no centro do quadro novamente ou digitar 960 por 540. Lembre-se de continuar economizando enquanto trabalha. Agora a próxima propriedade é escala, e isso é determinado com dois valores novamente, novamente X e Y, mas agora é um valor percentual. Quando fizemos nossa forma aqui, fizemos nossa forma um certo tamanho, então ela está em uma escala de 100 por cento agora. Se eu clicar e arrastar esses valores para cima ou para baixo, ele mudará essa escala proporcionalmente. Vamos em frente e digite 100 novamente para devolvê-lo ao seu tamanho normal. Agora, eu posso escalar fora de proporção marcando proporções de restrição, e agora eu posso escalar em Y ou em X separadamente. Observe também que se eu trabalhar esses valores de escala e, em seguida, verificar as proporções restritas novamente, agora, quando eu clicar e arrastar a escala, ela se move proporcionalmente, mas com minhas proporções fora do trabalho. Se eu quiser voltar à escala proporcional, posso fazer uma de duas coisas. Eu posso marcar proporcional novamente e, em seguida, simplesmente digitar em valores pares e, em seguida, reverificar a escala proporcional, e agora eu estou de volta ao normal aqui, ou vamos jogar este trabalho externo novamente ou com os valores fora do trabalho e a escala proporcional desmarcada, eu posso clicar opção, ele vai pegar automaticamente o primeiro valor, o valor X, e copiá-lo para o valor Y e nos retornar para o dimensionamento proporcional novamente. Vamos em frente e devolva isso para 100. Agora vamos também dar uma olhada rápida no que acontece quando mudamos o ponto de ancoragem. Se eu pegar nossa caneta atrás da ferramenta e vamos dizer mover nosso ponto de ancoragem para o canto do quadrado e agora manipular a escala, agora perceba que ela escala para cima e para baixo a partir desse ponto de ancoragem. Novamente, a posição do ponto de ancoragem é muito importante para criar o tipo certo de efeito com a animação que você está procurando. Lembre-se também, que podemos tirar nosso ponto de ancoragem completamente fora do objeto. Posso até tirá-lo do quadro se eu quiser, posso colocar o ponto de ancoragem aqui em algum lugar, e novamente, eu vou ter um comportamento muito, muito diferente. Agora quase parece que estamos movendo a posição do quadrado, mas não estamos, não estamos movendo a posição. Estamos apenas a dimensioná-lo para fora deste ponto de ancoragem distante e a criar este efeito de movimento diagonal de escala maluca. Vou desfazer até voltarmos ao normal aqui. Recomendo que faça o mesmo. Então eu vou comandar Z um monte de vezes até que nós voltemos para o quadrado centrado e ponto de ancoragem centrado. Nosso próximo valor é a rotação, o que é bastante óbvio. Há dois valores aqui, mas eles não são X e Y. Em vez disso, eles são 360 graus em um círculo, e o primeiro valor é o número de rotações completas. Vamos dar uma olhada nisso. Se eu clicar e arrastar para cima ou para baixo neste primeiro valor aqui, os graus, ele só começa a girar a forma. Mas veja o que acontece quando eu vou até 360. Assim que eu bater 360, boom de repente que o primeiro valor salta para um. Agora temos uma rotação completa de 360 graus mais sete graus. O mesmo funcionará em negativo também. Se eu subir de novo, vamos subir de novo. Agora são duas rotações completas de 360 graus em 25 graus. Vamos digitar zeros aqui bem rápido. Agora, uma coisa eu quero que você note porque pode ser um pouco confuso quando você começa, se eu clicar e arrastar sobre este primeiro valor, observar o quadrado aqui enquanto eu faço isso. Se eu clicar e arrastar esse valor, observe que o quadrado não se move. Mesmo que eu esteja adicionando 41 rotações completas do quadrado, o quadrado realmente não gira 41 vezes na frente de nossos olhos. Basicamente, apenas mantém a orientação zero graus, e estamos apenas adicionando várias rotações que poderiam ser animadas se fôssemos animar esse valor. Basta estar ciente disso, você não vai ver nada girar se você manipular este primeiro valor. Você vai vê-lo no entanto, se você está manipulando o valor de 0 a 360 ali mesmo. Agora, assim como a escala, a posição do ponto de ancoragem mudará o comportamento dessa rotação. Novamente, se movermos nosso ponto de ancoragem para o canto do nosso quadrado e girá-lo, ele agora girará em torno desse canto, e assim como fizemos antes, também podemos tirar o ponto de ancoragem completamente do círculo ou até mesmo fora do quadro. Novamente, vamos ter um comportamento muito diferente agora vai ter um satélite se movendo em torno de um planeta, um movimento ou algo assim. Vamos ir em frente e definir isso de volta para zero e vamos encaixar nosso ponto de ancoragem de volta para o centro. Nenhuma opacidade é muito fácil de entender, é apenas a opacidade da camada, então se eu abaixar a opacidade, a opacidade desce entre 0 e 100 por cento, muito simples. Mas lembre-se que posso fazer matemática em qualquer um desses valores. Posso adicionar mais 10 à escala. Posso adicionar mais 45 à rotação, e posso fazer isso com opacidade também. Além disso menos 10 ou mais 5, ou eu posso apenas clicar e digitar os valores 100 ou zero. Agora eu mostro-lhes isso em parte porque eu quero dar-lhe outra pequena cautela aqui, que é que quando você está manipulando a opacidade, é muito comum dizer que eu quero que isso anime até zero opacidade. Quero que ele desapareça, e assim você clica e arrasta o valor e clica e arrasta para baixo. Agora eu consegui o zero bem ali. Mas é muito fácil quando você está trabalhando rápido para obter um ou dois por cento. Se você olhar para isso agora, você realmente não pode ver isso a menos que você olhar muito, muito duro, mas na verdade é um por cento. Você pode pensar que está em zero por cento, mas na verdade é em um, especialmente se o plano de fundo é uma cor semelhante ao objeto. A mesma coisa com um 100, você pode rolar para cima para obtê-lo para 100 e acidentalmente obtê-lo em como 94 ou 99 e não tê-lo totalmente opaco. Uma boa regra geral, se você quiser opacidade zero, clique e digite zero. Se você quiser uma opacidade de 100%, clique e digite 100%. Caso contrário, você pode não notar que você não obteve esses valores todo o caminho e, em seguida, quando você renderizar, você pode encontrar alguns problemas com sua renderização. Às vezes você não pode ver que as coisas podem estar em uma meia resolução que você verá quando algo finalmente renderizar. É só um bom hábito de entrar. Agora que aprendemos sobre nossas cinco propriedades, vamos dar uma olhada na criação de alguma animação. 10. Animação com principais: Uma das grandes coisas sobre o processo de animação no After Effects é que, uma vez que você aprende a animar uma propriedade, você realmente sabe como animar todas as propriedades, porque o sistema de animação é exatamente o mesmo para qualquer propriedade animatable. Mas vamos começar a fazer uma animação de posição simples. Então, o primeiro passo é escolher onde você quer que sua animação comece. Então vamos pegar nosso CTI e movê-lo para onde queremos que nossa animação comece. Realmente não importa onde, eu vou começar com 12 quadros em, você pode começar onde quiser, mas basta colocar o CTI em algum lugar aqui na linha do tempo diferente do quadro zero. Então queremos escolher nosso primeiro valor, neste caso, um valor de posição, mas pode ser um valor de escala ou rotação ou uma propriedade em um efeito ou qualquer outra coisa que estamos animando. Então, neste caso, vamos pegar nosso quadrado e trazê-lo para o lado do quadro. Então agora temos onde queremos que a animação comece no espaço e onde queremos que a animação comece no tempo. Então agora vamos descer para o valor da posição aqui. Vamos clicar neste cronômetro bem aqui. Então vamos em frente e clique que e que irá habilitar a animação nesta propriedade position. Agora, observe também que criamos nosso primeiro quadro-chave, vou mover o CTI aqui para que você possa vê-lo. Aqui está o nosso primeiro quadro-chave, o pequeno formato de diamante bem ali. Agora, para definir nosso próximo quadro-chave, nós simplesmente temos que mover o CTI para frente ou até para trás no tempo, e isso é importante notar. Nós vamos trabalhar em frente aqui, mas você pode realmente animar para trás, bem como, para frente, mas nós vamos seguir em frente e seguir em frente no tempo. Então vamos avançar alguns quadros. Então agora movemos o CTI para outra posição no tempo, e então tudo o que temos a fazer é alterar o valor da propriedade. Agora, eu posso alterar esse valor ou clicando e arrastando sobre os valores aqui, eu também posso apenas clicar e arrastar na camada para movê-lo no espaço. Então, vamos apenas clicar e arrastar na camada e vamos movê-la pela tela. Observe que quando eu altero esse valor de posição, criei automaticamente um novo quadro-chave. Assim que você habilitar a animação, criar seu primeiro quadro-chave, mover no tempo, alterar o valor, ele cria automaticamente outro quadro-chave. Se fôssemos a ram visualizar isso, você pode ver que agora temos animação. Muito, muito simples. Agora eu posso continuar a mover a CTI para uma posição, alterar um valor e criar quadro-chave, que eu possa continuar fazendo isso o tempo que eu quiser e toda vez que eu mover a CTI, mover no tempo e alterar o valor, eu adiciono um quadro-chave. Agora, eu também posso mover quadros-chave no tempo. Então eu posso pegar um quadro-chave, clicar e arrastar nele e movê-lo para frente e para trás no tempo. Eu também posso mover dois ou mais quadros-chave clicando e arrastando uma caixa em torno do número de quadros-chave que eu quero mover e, em seguida, eu posso mover todos esses quadros-chave juntos quantos eu quiser. Também posso excluir quadros-chave desenhando uma caixa ao redor dos quadros-chave que quero excluir para selecioná-los. Observe novamente, que eles ficam azuis quando são selecionados, em seguida, pressione a tecla delete e eu posso fazer esses quadros-chave desaparecerem. Agora, eu também posso alterar o valor dos quadros-chave que eu criei, mas para fazer isso, eu tenho que ter meu CTI no quadro-chave que eu quero mudar, porque se meu CTI estiver aqui e eu mudar um valor, ele vai criar um novo quadro-chave. Mas se eu quiser alterar o valor desses quadros-chave, eu posso colocar meu CTI nesse quadro-chave e então eu posso mudar esse valor clicando nos números ou clicando na camada e movendo-a e alterando o valor desse quadro-chave. Agora, às vezes, quando você tem um projeto longo com muitos quadros-chave, pode ser difícil colocar a CTI no quadro-chave. Neste caso, com apenas seis segundos, não é muito difícil. Mas você também pode usar os botões de navegação do quadro-chave aqui. Vê as flechas aqui para frente e para trás? Estes irão para o quadro-chave anterior ou o próximo quadro-chave e isso irá simplesmente saltar para a direita para o quadro-chave, então novamente, você pode alterar esse valor alterando os números lá ou clicando e arrastando nele para cima. 11. Sincronismo e espaçamento: Vamos fazer uma pausa por um momento e falar sobre uma grande ideia que vamos tocar aqui. Mas as próximas aulas sobre planejamento de compartilhamento de habilidades entrarão em com muito maior profundidade. É um princípio de animação que geralmente é referido simplesmente como timing, mas eu prefiro chamá-lo pelo seu nome completo, timing e espaçamento. O tempo e o espaçamento são as duas formas de controlar a velocidade ou a velocidade do movimento. Controlar a velocidade ou a velocidade do movimento é uma das formas mais importantes para os animadores criarem movimentos que tenham significado. Movimento que comunica peso, gravidade, ideias ou emoções. O tempo e o espaçamento são, em muitos aspectos, o princípio fundamental da animação que está subjacente a todos os outros princípios da animação. Vamos começar por dar uma olhada na idéia de timing. tempo é o número de quadros entre dois quadros-chave. Em outras palavras, quantos quadros são necessários para chegar daqui até aqui? Agora posso alterar o tempo movendo os quadros-chave para frente e para trás no tempo. Vamos colocar este primeiro quadro-chave aqui no quadro 12. momento, entre este quadro-chave no quadro 12 e este quadro-chave em um segundo, temos 12 quadros. Vamos em frente e dar uma olhada nisso. Vamos chamar isso de nossa velocidade média. Agora, se quisermos tornar esse movimento mais rápido, podemos aproximar os quadros-chave. Eu vou pegar este segundo quadro-chave e eu vou movê-lo muito mais perto deste primeiro quadro-chave. Agora há apenas quatro quadros entre o quadro 12 e o quadro 16 aqui. Agora observe a velocidade do movimento. Uau, muito, muito mais rápido. Olhe, muito, muito mais rápido. Ao alterar o tempo entre esses dois quadros-chave, mudamos a velocidade ou a velocidade do movimento. Tenha em mente que eles estão se movendo na mesma distância. Estamos indo daqui para aqui em ambos os casos, mas estamos fazendo isso com menos quadros. Vamos colocá-lo de volta para um segundo aqui. Olha para aquilo outra vez. Muito mais lento. Novamente, movendo-se a mesma distância. Agora vamos abrandar. Digamos que queremos que seja mais lento. Agora podemos mover os quadros-chave mais distantes. Eu vou pegar isso e mover este caminho para fora todo o caminho para dois segundos aqui. Agora vamos Ram pré-visualizar isso. Muito, muito mais lento. Agora fizemos o movimento muito mais lento. Mais uma vez, estamos nos movendo na mesma distância. Ainda estamos nos movendo daqui para aqui, a mesma distância, mas estamos pegando mais quadros para fazer isso, diminuindo assim o movimento. Mais quadros entre quadros-chave que seriam mais espaço na linha do tempo entre os quadros-chave significa movimento mais lento, menos quadros entre quadros-chave que seriam uma distância menor entre dois quadros-chave na linha do tempo, significam mais rápido movimento. Esse é o aspecto de temporização do tempo e do espaçamento. Mas vamos olhar para o aspecto do espaçamento. Vou mover este quadro-chave de volta aqui para um segundo. Vamos olhar para isso de novo e apenas ter uma noção do tempo lá. Lá está a nossa velocidade média. Agora, a outra maneira que eu posso mudar a velocidade ou velocidade do movimento é o espaçamento entre os dois quadros-chave. Agora, o termo espaçamento realmente se aplica principalmente ao movimento de posição. Mas o conceito maior aqui é a mudança no valor de um quadro-chave para outro. Se você está animando escala, rotação, opacidade, ou algo que não está viajando uma distância, espaçamento pode não ser o termo mais preciso, mas a idéia é quanto ele muda de um quadro-chave para outro? Neste caso, estamos mudando daqui para aqui mais de 12 quadros e temos essa velocidade. Agora veja o que acontece quando mantemos o mesmo número de quadros. Vamos ficar em 12 quadros. Nós não vamos mudar quantos quadros estavam se movendo de um quadro-chave para outro, mas em vez disso vamos mudar o espaçamento ou os valores desses dois quadros-chave. Vamos começar abrandando o movimento. Se queremos abrandar o movimento, precisamos aproximar o espaçamento. Eu vou pegar este primeiro valor, então eu quero ter certeza que eu estou neste primeiro quadro-chave e eu posso usar minhas pequenas setas de navegação quadro-chave aqui para ter certeza que eu estou neste primeiro quadro-chave. Vou deslizar isto para mais perto deste outro quadro-chave. Então eu vou pular para o segundo quadro-chave. Vou deslizar isso para mais perto deste primeiro quadro-chave. Agora vamos executar visualizar isso, mas observe novamente que ainda estamos movendo 12 quadros muito mais devagar. Reduzimos o movimento alterando o espaçamento entre os dois quadros-chave ou o valor entre os dois quadros-chave. Quanto é que ele muda deste quadro-chave para este quadro-chave? Agora não está mudando tanto, ainda são 12 quadros. O tempo é o mesmo, mas como esse espaçamento ou valores estão mais próximos, ele agora está se movendo muito mais devagar. Agora, se queremos acelerar o movimento, fazemos o oposto e fazemos a mudança valor entre um quadro-chave e outro muito maior. Vamos agora neste primeiro quadro-chave, vamos trazê-lo de volta para a borda do quadro. Então vamos saltar para este segundo quadro-chave e trazer esse caminho para a borda do outro lado. Agora vamos ver movimento mais rápido, movimento muito mais rápido. Lá vamos nós. Menos de uma mudança no valor fazem um movimento mais lento, e mais de uma mudança no valor faz um movimento mais rápido. Agora analisamos o tempo e o espaçamento. Alteramos o número de quadros entre os dois quadros-chave, ou o valor ou a quantidade de alteração de um quadro-chave para outro. Na maioria dos casos, você será capaz de manipular ambas as coisas para controlar a velocidade do seu movimento. Em alguns casos, você só poderá alterar um ou outro. Mas de qualquer maneira, agora você sabe como você pode tornar seu movimento mais rápido ou mais lento, a fim de comunicar o que você quer comunicar com sua animação. Como eu disse, estou planejando uma série mais aprofundada de aulas para compartilhamento de habilidades que vamos aprofundar este e outros princípios de animação importantes. 12. Facilite e facilite: O movimento linear é muito incomum no mundo natural. Quase nada começa ou pára instantaneamente. A maioria dos movimentos leva um pouco para começar e demora um pouco para parar, acelerando e desacelerando, dentro e fora de cada movimento. Um exemplo simples disso seria um carro. Quando você pisa no acelerador, o carro não vai instantaneamente 60 milhas por hora. Ele gradualmente acelera a partir de uma parada antes de ganhar velocidade máxima. Da mesma forma, quando você pisa nos freios para parar o carro, mesmo se você bater nos freios, o carro não pára instantaneamente. Quer você bata nos freios, ou se você está pisando nos freios normalmente, você vai diminuir gradualmente antes de chegar a uma parada completa. Na animação, essa aceleração gradual e abrandamento é chamado de Facilidade para fora e Facilidade para dentro. É outro princípio de animação muito importante. Vamos adicionar algumas atenuações a esse movimento, então é um pouco mais natural. Vamos começar com a nossa Easy fora. No primeiro quadro-chave aqui, vou selecionar o quadro-chave. Vou clicar com o botão direito do mouse nele, e vou até o assistente de quadros-chave. Vou escolher a Easy Easy Easy. Por que estou escolhendo Easy Easy Easy? Como este é o primeiro quadro-chave em nosso movimento, e queremos aliviar ou acelerar lentamente, comece devagar e saia mais rápido desse primeiro quadro-chave. Normalmente, é bom quando você está aprendendo a diferença entre facilidade e facilidade de entrada, adicionar algumas palavras à frase. Se pensarmos em flexibilizar para fora de um quadro-chave, estamos facilitando para fora de um quadro-chave. Então, mais tarde vamos facilitar em um quadro-chave aqui. Se você adicionar essas palavras, isso vai ajudá-lo a lembrar qual você quer usar. Neste caso, queremos aliviar. Observe que, quando eu fiz esse ajuste, observe como agora os pequenos pontos não estão mais uniformemente espaçados. Veja como eles estão mais próximos aqui, depois um pouco mais largos. Essa é a Elite fora. Em outras palavras, o espaçamento começa mais estreito e fica mais largo à medida que se move, o movimento começa mais lento e fica mais rápido. Isso é temporização e espaçamento novamente, ou especificamente o lado do espaçamento do tempo e do espaçamento. Vamos dar uma olhada no que isso parece. Você pode ver isso? É um pouco sutil. Mas veja como o movimento agora começa mais devagar e facilita esse movimento. Agora, não temos nenhuma facilidade deste lado. Observe como ele bate no segundo quadro-chave. Bum, ele bate muito forte bem ali. Agora, apenas para fins de demonstração, vamos tirar a Facilidade deste primeiro quadro-chave, que possamos ver apenas uma Facilidade, e então colocaremos atenuações em ambos os lados. Agora, você vai notar que o quadro-chave com a Facilidade fora tem este pequeno em forma de C no lado do ícone do quadro-chave. Para remover uma Facilidade, mantenha pressionada a tecla de comando e clique em, Quadro-chave. Ele se transforma em um pequeno diamante. Diamond é um quadro-chave linear. Agora, temos o nosso espaçamento igual de novo. Vamos agora selecionar o segundo quadro-chave. Vamos clicar com o botão direito sobre isso, ir para o assistente de quadros-chave. Desta vez, vamos escolher Facilidade fácil em porque estamos facilitando o quadro-chave. Vamos escolher isso e, mais uma vez, ver como o espaçamento não é mais uniforme e fica mais estreito. O espaçamento fica mais estreito à medida que nos aproximamos do quadro-chave, diminuindo para o quadro-chave. Vamos dar uma olhada nisso agora. Lá vamos nós. Você pode vê-lo Facilidade para esse quadro-chave. Já não temos essa parada abrupta. Ele entra suavemente na posição final. Observe que tanto a Easy out quanto a Easy in se sentem muito mais naturais, muito menos mecânicas. Agora, vamos colocar atenuações em ambos os lados, que geralmente é o que você vai fazer, exceto em algumas circunstâncias específicas. Vou clicar com o botão direito do mouse neste primeiro quadro-chave. Vá até o assistente de quadro-chave e escolha Facilidade fácil, pois estamos atenuando esse quadro-chave. Agora, vamos Ram Preview com as atenuações em ambos os lados. Observe que nosso espaçamento começa mais estreito, fica mais largo, mais largo no meio e, em seguida, fica mais estreito novamente no outro lado. Está acelerando, é o mais rápido no meio e depois desacelera novamente para o segundo quadro-chave. Vamos dar uma olhada nisso. Lá vamos nós. Agora temos um bom movimento natural. Muito menos mecânico, muito menos afiado e áspero. 13. Segure principais chave: Vamos dar uma olhada em mais uma maneira de manipular nosso movimento. Digamos que queremos um movimento para parar e depois começar de novo. Para fazer isso, queremos usar o que são chamados de quadros-chave de espera que nos permitem manter um valor durante o tempo que desejarmos antes de começar o movimento novamente. Vamos fingir que queremos que esse movimento pare em algum lugar no meio, faça uma pausa por um segundo e então comece de novo. Na verdade, vou arrastar este quadro-chave um pouco mais, talvez não tão longe quanto fizemos antes, mas algumas maneiras de nos dar um pouco de espaço para trabalhar aqui. Vamos começar arrastando nosso CTI para fora um pouco e parando em algum lugar no meio. Não tem que estar bem no meio onde você quiser. Eu vou fazer talvez um terço do caminho ou algo assim. Digamos que queremos que o movimento pare aqui e pare por um segundo antes de continuar em seu caminho. O que eu preciso fazer é adicionar um novo quadro-chave bem aqui no meio dos meus dois primeiros quadros-chave. Para adicionar um quadro-chave, que irá essencialmente capturar este valor neste ponto do movimento, eu vou usar este pequeno botão de diamante bem aqui pelos meus dois botões de navegação de seta aqui. Esse é o botão adicionar ou remover quadro-chave. Eu vou clicar nisso e isso vai adicionar um novo quadro chave bem no meio. Agora você percebe que o quadro-chave parece um pouco engraçado. Tem um olhar de ampulheta. Isso é porque tivemos uma facilidade para fora deste quadro-chave e uma facilidade neste quadro-chave. Quando criamos um novo quadro de chave, After Effects cria o que ele adivinha que queremos aqui no meio. É supor que queremos um pouco de facilidade e um pouco de facilidade para que tenhamos este pequeno tipo de forma de ampulheta. Note que não é realmente fácil em muito. Faz um palpite em uma pequena quantidade de facilidade de entrar para que não seja realmente facilitado ou aliviado. Vamos mudar isso mais tarde. Vamos começar transformando isso de volta em um quadro-chave linear. Vou apertar a tecla de comando, clicar nisso e vamos transformar isso de volta em um quadro-chave linear por enquanto. O que eu quero que aconteça é, eu quero que ele chegue a este ponto e então eu quero que ele pare de se mover para que ele não se mova por um tempo. Vamos para a frente alguns quadros aqui. O que vamos fazer é clicar com o botão direito do mouse neste quadro-chave e vamos escolher alternar segurar quadro-chave. Vamos selecionar isso. Você vai ver agora que temos esta pequena forma de caixa neste lado do quadro-chave. O que isso significa agora é que vai manter este valor, o valor neste quadro-chave. Vai manter esse valor até encontrar outro quadro-chave. Vamos por aqui devagar e ver o que está acontecendo. Estamos diminuindo para fora deste quadro-chave aqui, estamos avançando, atingimos este quadro-chave aqui e por causa da espera, vamos apenas manter esse valor. Você vê que ele não se move. Veja o que acontece quando atingimos o próximo quadro-chave. Boom. Ele salta para o próximo valor porque basicamente o que a retenção diz é não alterar o valor até que você veja outro quadro-chave e, em seguida, faça o que esse quadro-chave lhe disser para fazer. Neste caso, está a dizer-nos para estarmos aqui deste lado da moldura. É óbvio que não é o que queremos aqui. Queremos que ele pare e comece de novo. Vamos fazer um segundo quadro-chave depois da nossa pausa. Aqui estamos animando junto, paramos e aguentamos. Vamos avançar alguns quadros. Vamos adicionar outro quadro-chave mais uma vez capturando esse valor que temos mantido desde este quadro-chave aqui. Eu vou ir em frente e apertar um botão de adicionar quadro-chave. Observe que ele tem o mesmo valor numérico que o quadro-chave anterior. Mais uma vez, temos esse tipo de forma engraçada de ampulheta. Só para manter as coisas claras e simples, vamos clicar no comando para transformar isso de volta em um diamante. Vamos dar uma olhada no que está acontecendo. Estamos nos movendo para fora deste quadro-chave, nos movemos, apertamos a espera, e mantemos até atingirmos este quadro-chave, que tem o mesmo valor que este quadro-chave. Então começamos a nos mover de novo. Avançamos para o último quadro-chave. Vamos RAM visualizar isso. Temos a nossa pequena paragem e a nossa pequena pausa, mas reparamos que o movimento está abalado, e isso é porque não temos facilidade aqui , facilitando para este quadro-chave e não temos facilidade aqui fora, aliviando para fora deste quadro-chave. Vamos adicionar esses e suavizar isso. Vou clicar com o botão direito do mouse, lembre-se que estamos facilitando em um quadro-chave, então assistente de quadro-chave, facilidade de entrada e, em seguida, vamos selecionar este quadro-chave. Estamos diminuindo de um quadro-chave, então vamos facilitar e agora, observe que adicionamos a pequena facilidade, o pequeno c para trás aqui neste quadro-chave, mas ainda temos a caixa do outro lado. Em outras palavras, estamos facilitando e segurando na saída, então estamos segurando, e então quando atingimos este quadro-chave estamos facilitando fora deste quadro-chave em nosso último quadro-chave. Vamos RAM pré-visualizar isso. Lá vamos nós. Agora parece muito mais natural com essas atenuações. Boo-boo. Temos uma pausa agradável no meio da nossa moção. Um hábito que eu recomendo fortemente é sempre colocar um porão no final de uma sequência de animação se não houver mais nada que vai acontecer por um tempo na linha do tempo para esta camada, ou nada vai acontecer em tudo, mas especialmente se nada vai acontecer por um tempo. É realmente uma boa idéia ir em frente e colocar um porão no último quadro de sua pequena sequência. Isso significa que quando você está pronto para começar a se mover novamente, você está começando limpo e você não terá qualquer desvio ou movimento que você não planeja em sua animação. Vamos adicionar um porão aqui. Vou mostrar-lhe um comando de chave para adicionar a espera. Em vez de fazer o botão direito do mouse e alternar segurar, em vez disso, eu vou comando-opção-clique, e isso vai adicionar a retenção no final. Posso comando+opção+clique novamente para removê-lo. Não se deixe arremessar por esse círculo engraçado que criamos. Falaremos mais sobre esses tipos de quadros-chave mais tarde. Eu só queria mostrar como você pode adicionar e remover um porão. Vamos em frente e adicionar a retenção de volta. Vamos nos certificar de que temos a facilidade fácil de entrar, então vamos reselecionar a facilidade fácil no. Podemos ter perdido isso quando alteramos o quadro-chave. Geralmente é uma boa ideia ter certeza de que você tem o que quer no quadro-chave. After Effects muitas vezes tenta adivinhar o que você quer fazer, o que às vezes é muito útil e às vezes realmente não é útil. Nós animamos nosso valor de posição aqui. Tenha em mente que podemos animar outras propriedades da mesma maneira. Vamos, por exemplo, adicionar um pouco de animação de rotação. Vou descobrir onde quero que minha animação comece. Talvez um pouco depois de eu começar a me mover, talvez um pouco antes, não importa. Podemos começar no mesmo lugar. Vou começar um pouco depois. Vamos clicar no cronômetro para habilitar a animação. Eu tenho o meu primeiro quadro-chave lá. Vamos para a frente. Talvez não até o fim, não importa. Você pode brincar com o tempo mais tarde, se quiser. Vamos apenas adicionar uma única rotação. Eu só vou clicar e digitar um. Estou fazendo uma rotação completa, 360 graus de um quadro-chave para outro. Parece com isto. Observe que ele pausa na posição, mas não pausa a rotação. Isto vai parecer um pouco engraçado, mas está tudo bem. Vamos também adicionar atenuações sobre isso. Vou clicar com o botão direito do mouse fácil atenuar do primeiro quadro-chave, clique com o botão direito do mouse em facilidade no segundo quadro-chave. Vamos comando-opção-clique para adicionar um pouco de espera no final apenas para entrar nesse bom hábito. Lá vamos nós. Engraçado procurando por causa dessa pausa no meio, mas agora temos animação em duas propriedades e podemos adicionar uma animação em escala. Vamos criar uma animação em escala. Clique no cronômetro, percorra a parte. Vamos, na verdade, ir mais longe. Eu só vou fazer uma bagunça aqui. Vamos escalá-lo. Vamos aliviar. Vamos facilitar a entrada. Na maior parte do tempo você vai querer tanto aliviar e facilitar. Vamos alternar um porão no final. Vamos ter uma animação maluca lá. Lá vamos nós. Agora temos todas essas propriedades animadas e podemos animar mais. Quando você está começando, eu não recomendo animar o ponto de ancoragem. Ele está disponível para ser animado e em casos extremos há razões para fazê-lo. Eu vou ser honesto com você, em todos os anos que eu tenho sido um animador, provavelmente foi uma vez que eu animei o ponto de âncora em todos os meus anos de trabalho com o After Effects, é muito raro. Normalmente, você vai configurá-lo e esquecê-lo na maioria dos casos, mas posição , escala, rotação e capacidade tudo pode ser animado como você deseja. Esse procedimento de animação é o mesmo para todas essas propriedades. É o mesmo para qualquer propriedade animatable no After Effects. 14. Edição de caminho de movimento: Agora que aprendemos os conceitos básicos da animação de enquadramento chave, vamos analisar mais detalhadamente a manipulação do caminho de movimento de uma animação de posição. Então vamos começar por nos livrar de alguns desses quadros-chave que criamos. Agora, se você quiser remover a animação inteiramente de uma propriedade, que vamos fazer é escala e rotação. Você pode simplesmente clicar no cronômetro e ele irá remover todos os seus quadros-chave e animação dessa camada. Então você quer ter muito cuidado ao fazer isso. Porque se você criou toneladas e toneladas de belas animações e você de repente bater naquele cronômetro, toda essa animação vai desaparecer e você pode querer desfazer rápido para obter isso de volta. Mas neste caso, não precisamos dessa animação em escala ou dessa animação de rotação para que possamos nos livrar dela. Também tenha em mente que quando você remover a animação, ela retornará ao valor que vemos na CTI. Então, se eu clicar nisso agora, ele capturaria esse valor. Mas eu quero tanto a escala quanto a rotação em seus valores neutros 100 e zero. Então eu vou ter certeza que meu CTI está mostrando isso, e então eu vou clicar no cronômetro e você pode ver todos os quadros-chave desaparecerem. Eu vou fazer o mesmo com rotação, todos os quadros chave desaparecem. Então vamos também remover nossa pequena pausa no meio desta animação, para que possamos começar com apenas um movimento de posição reta na tela. Então eu vou clicar e arrastar uma pequena caixa ao redor desses dois quadros-chave, apertar a tecla delete, e fazer com que eles desapareçam. Agora nós olhamos antes para esta linha azul que é o nosso caminho de movimento movendo-se através da tela, mostrando-nos o caminho do movimento da praça. Obviamente agora é apenas uma linha reta como estamos apenas movendo no valor x de uma posição para a outra. Mas vejamos algumas maneiras de manipular esse caminho de movimento e criar alguns tipos diferentes de movimento. Uma das coisas simples que podemos fazer é alterar o valor em cada quadro-chave. Nós já analisamos como podemos fazer isso para mudar velocidade ou velocidade movendo uma distância maior ou uma distância mais curta. Mas nós fizemos isso tudo em x. Nós também podemos fazê-lo em y. Então eu posso fazer isso alterando o valor quando meu CTI está sentado naquele quadro-chave. Eu posso mudar o valor dizer movê-lo em y, ou eu posso clicar na camada e movê-lo em y. Mas eu também posso simplesmente clicar no pequeno ponto de ancoragem quadro-chave direito na janela de composição. Assim, eu posso apenas clicar nisso e eu posso mover isso e ele se encaixa como qualquer outra coisa. Então eu posso escolher onde eu quero que isso pare e comece apenas clicando nos pontos inicial e final. Podemos fazer isso com qualquer um. Então eu posso colocar meu CTI no meio aqui e eu posso mover este aqui e eu posso mover este em torno, eu posso fazer com que ele se mova em ângulos diferentes. Agora, se eu quiser adicionar uma mudança na direção, vou precisar adicionar outro quadro-chave. Agora, como observamos, podemos adicionar um quadro-chave clicando no botão Adicionar ou remover quadro-chave. Mas também podemos fazê-lo se você se lembrar, apenas alterando o valor com o CTI em um ponto diferente no tempo. Isso também vale para estar entre dois outros quadros-chave. Então eu posso colocar meu CTI entre esses outros quadros-chave. Eu posso alterar um valor clicando e arrastando os valores aqui na linha do tempo, ou eu posso simplesmente clicar e arrastar na camada e adicionar um quadro-chave dessa forma, apenas alterando esse valor. É como se estivéssemos criando a animação original e movemos o CTI mudou um valor. Estávamos apenas movendo o CTI e mudando um valor, acontece de estar entre dois quadros-chave. Agora, novamente, eu posso clicar e arrastar sobre esses pontos e eu posso moldar esse caminho de qualquer maneira que eu quiser. Agora, tenho certeza que está dizendo, bem, que tal um caminho curvo? Bem, podemos torná-lo um caminho curvo também. Então, para torná-lo um caminho curvo, vamos usar nossa ferramenta de seleção regular aqui, e vamos manter pressionadas as teclas “Command” e “Option”. Uma vez que essas duas teclas estão pressionadas, eu vou passar o mouse sobre este “Keyframe” do meio aqui, e eu vou clicar, e ele vai me dar duas alças de Bezier. No começo eles vão aparecer como pontos, eu nunca entendi por que isso é. Porque assim que eu clicar em um dos pontos para manipulá-lo, eu tenho a barra Bezier completa no meio. Aqueles de vocês que estão acostumados ao desenho vetorial, certamente reconhecerão as alças de Bezier. Mas isso torna possível para mim moldar a curva, no entanto eu quero moldar a curva. Agora eu também posso remover essa curva, da mesma maneira. “ Comando”, “Opção”, clique, irá remover a curva e nos dará esse ângulo afiado novamente. Eu também posso adicionar Beziers ao início e ao fim da mesma maneira. Eu só vou ter um único Beziers lidar com “Command”, “Option” clique, e isso vai me dar uma pequena alça lá que eu possa manipular. “ Comando”, “Opção” clique, e ele vai embora. Agora, neste momento eu gostaria de apenas fazer uma pausa por um segundo e lembrá-los sobre a preferência que estabelecemos no início desta aula. Lá está, interpolação espacial padrão para linear. Agora o que isso significa é que quando estamos manipulando um caminho de movimento, ele vai para o padrão para uma interpolação espacial linear, o que significa que ele vai para o padrão para um ângulo afiado sem uma curva nele. Agora, se você deixar isso desmarcado, assim que você manipular um caminho de movimento, ele irá adicionar automaticamente alças de Bezier aos pontos ao longo do caminho. Agora eu pessoalmente acho isso muito irritante porque eu não quero lidar com Bezier em qualquer lugar que eu não escolher colocá-los, e eu prefiro adicioná-los se eu precisar deles do que ter que tirá-los se eu não precisar deles. vez, isso é uma preferência pessoal e você pode decidir fazer o contrário. Mas também evita uma situação pegajosa que às vezes pode surgir quando você tem dois quadros-chave na mesma posição. Às vezes o que vai acontecer é que você vai ter uma alça Bezier auto que vai ficar para fora e criar um pequeno loop para frente e para trás e vai criar um pouco de oscilação em seu movimento. Trabalhei com muitos e muitos estudantes ao longo dos anos, e esse pequeno problema os atormentou uma e outra vez. Onde eles vêm até mim e dizem, “Por que isso está se mexendo quando eu não queria que ele se mexesse?” É porque isso não foi verificado e efeitos secundários decidiram, hey, você quer uma alça de Bezier aqui e eles não queriam uma alça de Bezier lá e foi muito frustrante. Então eu sempre começo os alunos com isso verificado, para que você evite ter alças Bezier aparecendo onde você não escolhe colocá-los. Agora, novamente, como você ficar mais confortável com efeitos secundários, se você decidir que você quer desmarcar isso e você quer deixar efeitos secundários colocar Bezier alças em todos os lugares que ele quer, vá em frente e fazê-lo, mas eu pessoalmente acho este um maneira muito mais clara e eficiente de trabalhar. Você coloca os quadros-chave onde você quer, você adiciona as alças de Bezier onde você quer, e você só tem um pouco mais de controle sobre isso novamente na minha opinião. Mas foi por isso que pedi para vocês verificarem isso no início. Agora vamos voltar e adicionar um pouco de curvatura divertida aqui e eu vou mostrar a vocês um último truque divertido aqui para trabalhar com caminhos de movimento e que é oriente para caminho. Então vamos começar dando a nós mesmos um caminho divertido para orientar. Então eu vou para “Command”, “Option” clique em nosso primeiro ponto lá, e então eu vou para “Command”, “Option” clique aqui embaixo. Vamos apenas criar um caminho curvilíneo divertido, “Command”, “Option” clique. Vamos moldar isso um pouco para dar um pouco mais de curvatura. Algo assim. Certo, vamos dar uma olhada nesse movimento. Tudo bem, diversão. Na verdade me incomoda que isso está caindo no fundo do quadro aqui. Então eu vou saltar de volta para o quadro-chave, isso vamos apenas mover isso para fora do fundo um pouco. Lá vamos nós. Não gosto dessas tangentes na borda do quadro. Ok, e agora vamos imaginar que o quadrado é como um carro em uma montanha-russa e queremos que ele oriente ou gire junto com as curvas do caminho. Agora eu poderia fazer isso tentando animar essa rotação à medida que ela sobe e passa por aquela curva. Mas isso seria muito trabalho e há uma maneira muito mais fácil de fazer isso. Então, em vez disso, o que eu vou fazer é clicar com o botão direito na camada. Eu vou me transformar e eu vou escolher auto oriente. Então eu recebo essa pequena caixa de diálogo e eu posso escolher girar a orientação automática ao longo de um caminho bem ali. Então observe como meu quadrado se encaixa automaticamente no ângulo do caminho lá. Em seguida, observe enquanto ele se move sobre o caminho, ele automaticamente se orienta para esse caminho. Muito legal e economiza muito trabalho e tempo. Tudo bem. Nós cobrimos todos os fundamentos da animação em efeitos secundários. Aprendemos como criar quadros-chave, como ajustar a velocidade, como adicionar atenuações e seguranças, como manipular um caminho de movimento, e agora você realmente tem todas as ferramentas necessárias para criar animações simples. Então estamos quase prontos para começar a construir nossa animação de design de bateria. A próxima coisa que vamos fazer é olhar para trazer áudio e preparar-se para cantar para a faixa. 15. Como importar áudio: Agora estamos prontos para começar a construir nossa animação de design de bateria. Então vamos realmente excluir nossa camada de forma aqui, não precisamos mais disso. A primeira coisa que queremos fazer é colocar algum áudio nesta composição, já que vamos estar animando para uma faixa de áudio. Na verdade, já tenho a faixa de áudio aqui importada. Mas só para orientá-lo através do processo, vamos em frente e importar uma cópia disso. Temos uma cópia deste arquivo wave, apenas para que possamos experimentar a importação de um arquivo para o projeto. Há algumas maneiras de fazermos isso. Se entrarmos na janela do projeto e entrarmos neste espaço em branco aqui, eu posso clicar com o botão direito do mouse e eu posso escolher arquivo de importação que é uma maneira que podemos fazer isso. Você vai notar que eu também posso usar o comando chave, Comando I. Ou, clique com o botão direito do mouse arquivo de importação ou Comando I, Vamos em frente e verificar se queremos navegar em nossa pasta de projeto, em nossa pasta de filmagem e queremos escolher classe 1 batida versão 1. vez, esta é apenas uma cópia deste para que possamos aprender este processo. Então vamos em frente e selecionar classe batida 1. Vamos clicar em “Abrir” e você verá agora que o arquivo foi adicionado à janela do projeto e podemos trabalhar com ele no After Effects. Agora queremos adicionar esse arquivo de onda à nossa composição, à nossa linha do tempo aqui. Então, vamos apenas clicar e arrastar e soltá-lo diretamente nesta área de pilha de camadas da janela da linha do tempo para adicioná-la à linha do tempo. Vamos afundar a nossa animação nesta faixa de áudio. Então, será muito útil se pudermos ver a visualização da forma de onda do áudio. Para fazer isso no After Effects, vamos primeiro clicar no pequeno botão de aba aqui para abrir essa camada, você verá que há apenas uma opção aqui, áudio. Vá em frente e clique na guia para abrir essa opção, áudio e você verá que você tem a opção animar o nível de áudio para que você possa animar, fade ins , fade outs, mudanças no volume do áudio e abaixo que temos forma de onda. Então eu posso tabular que aberto, agora nós podemos realmente ver a forma de onda da faixa representada. Isso vai tornar muito mais fácil para nós sincronizarmos com esta faixa. 16. Áudio de sincronismo para sincronização: Se você pensar sobre isso, quando você está experimentando a maioria das mídias, filmes, televisão , videogames, design de movimento ou animação, o áudio é metade da experiência. áudio impulsiona a emoção e o humor ajuda a comunicar histórias e ideias, dá uma sensação de realismo e lugar. É incrivelmente importante. Em geral, o público deseja sincronizar entre áudio e vídeo. Eles anseiam por essa estreita relação entre o que estão vendo e o que estão ouvindo, porque é isso que eles experimentam na vida real. Sincronizar movimento com efeitos sonoros e/ou música, e em particular, quando você está trabalhando com música, sincronizar esses movimentos muito de perto com as batidas e acentos dessa música é uma habilidade muito fundamental e importante para qualquer movimento designer ou animador, e vai realmente fazer o seu trabalho ganhar vida. Agora, a fim de criar nossa animação que sincroniza com essa faixa, precisamos fazer o que muitas vezes é chamado de cronometrar a faixa. Em outras palavras, descobrir onde estão nossas batidas e sotaques para que possamos estruturar nossa animação em torno disso. Vamos começar apenas vendo como podemos ouvir a faixa porque vamos precisar ouvi-la em parte. Nós olhamos para como podemos abrir a forma da onda para que possamos visualizá-la. Isso vai ser uma parte muito importante também. Mas queremos ser capazes de ouvi-lo enquanto estamos olhando para esta visualização para entender o que estamos vendo aqui. Para apenas reproduzir a faixa, podemos fazer uma pré-visualização simples de RAM e apenas bater essa barra de espaço. Você pode ver que podemos ouvir o baixo, a armadilha e o contrabaixo pontapé. Podemos ver a pequena armadilha rolar aqui, podemos ver isso e estes picos aqui. Podemos ver claramente como a visualização da forma de onda se conecta com a faixa. Agora, também podemos precisar esfregar para frente e para trás, a fim de encontrar pontos específicos de pia. Nós realmente não vamos ter que fazer muito isso com esta faixa porque é uma faixa limpa tão agradável e simples onde podemos ver a batida é realmente claramente. Mas se você estiver trabalhando com uma faixa muito densa e barulhenta, especialmente com um monte de guitarras distorcidas ou sintetizador distorcido, você não verá esses picos nítidos na forma de onda. Às vezes, você só vê um grande bloco de som difuso e será difícil escolher visualmente onde as batidas estão. Nesse caso, você vai querer ser capaz de esfregar para encontrar essas batidas e sotaques. Você vai notar que se eu mover meu CTI sobre o áudio agora, eu não ouço nada. A fim de esfregar o áudio após efeitos com a CTI, o que eu tenho que fazer é manter pressionada a tecla de comando. Assim que eu segurar a tecla de comando, agora, eu posso limpar. Lá eu posso encontrar sons, como se houvesse aquela armadilha, boom, bem ali, boom. Tem aquele tambor, boom, bem ali. Eu posso encontrar esses momentos no som, particularmente se o som é muito denso e eu não posso escolhê-lo limpo com a forma de onda. Agora, o que queremos fazer aqui inicialmente é apenas trabalhar nossa batida básica, nosso ritmo básico. A maior parte da nossa animação vai ser estruturada em torno dessa batida básica. Um pouco mais tarde, veremos como podemos descobrir alguns dos elementos mais sutis da pista. Mas, por enquanto, vamos apenas obter o downbeat básico. Não queremos apenas lembrar onde estão os quadros, onde essas batidas caem. Então vamos olhar para a criação de marcadores. Agora, há dois tipos de marcadores dentro e depois dos efeitos. Há marcadores de composição e marcadores de camada. Nós vamos estar olhando para marcadores de camada, que eu acho ser muito mais útil para este tipo de trabalho do que marcadores de composição. Nossa pista começa bem no início aqui com este primeiro tambor de pontapé aqui, vai marcar isso em um minuto. Mas só para que possamos ver um pouco mais claramente, vamos começar marcando esta primeira armadilha. Essa primeira armadilha é uma das nossas primeiras batidas principais aqui. Se ouvirmos a faixa um pouco e podemos contar essas batidas. Vou deixar o loop e vou contá-los. 1,2,3,4, 1,2,3,4, 1. Essas são as principais batidas que queremos bloquear só para obter nossa estrutura básica aqui. Esse tambor é o número 2. Eu fui 1,2. Já que temos essa forma de onda clara, podemos colocar nosso CTI bem no pico da armadilha. Agora, note que eu não estou talvez exatamente naquele pico, mas no próximo quadro sobre eu estou um pouco passado e um quadro para trás eu estou um pouco antes dele. Entenda que as batidas ou acentos com os quais você está sincronizando nem sempre corresponderão perfeitamente ao local onde seus quadros estão. Às vezes, um sotaque pode estar entre dois quadros. Geralmente, você quer ar no lado de antecipar o som um pouco então você quer ir para o quadro pouco antes. Na maioria dos casos, depende, mas na maioria dos casos isso vai funcionar. Vamos colocar o nosso CTI lá e vamos certificar-nos de que temos essa camada selecionada. Vamos tocar no teclado numérico, a tecla Asterisk. Isso vai deixar uma marca para nós. Agora, se você estiver trabalhando em um teclado que não tem um teclado numérico, você também pode usar Ctrl A, e eu farei isso aqui para este primeiro. Ctrl 8 também lhe dará um marcador em uma camada. Vou notar também que trabalhei com alguns alunos onde o Control 8 não funcionou para eles em seus laptops PC. Acredito que em alguns laptops de PC, você vai querer usar Fn P em vez de Ctrl 8. Eu não fiz testes extensivos sobre isso, mas isso foi relatado para mim por alguns alunos que trabalham com laptops de PC. A tecla Asterisk no teclado numérico, Ctrl 8 no teclado principal, ou se você estiver em um laptop PC e aqueles não estiverem funcionando, você pode tentar Fn P para criar um marcador em uma camada. Agora, há também um menu suspenso para isso. Se você subir em Camada, Adicionar Marcador lá você pode ver o Ctrl oito, você pode fazer isso. Mas é claro, os comandos chave são sempre uma maneira melhor, mais eficiente e mais profissional de trabalhar. Temos as duas primeiras batidas aqui, temos duas pequenas batidas bem aqui, mas não quero marcar esta primeira porque é um duplo clique. A segunda é provavelmente onde está a nossa batida. Mas vamos voltar a isso, uma vez que estabelecemos um pouco mais de um padrão, isso às vezes é uma boa maneira de trabalhar. Vamos para a próxima armadilha que sabemos que faz parte dessa batida. Então, 1,2,3,4. Sabemos que o “kick drum “é definitivamente parte do nosso principal downbeat aqui. Então eu vou colocar meu CTI bem ali e eu vou fazer um asterisco, e eu vou bater na próxima armadilha também. Vamos trabalhar um pouco para trás aqui. Então 1,2,3,4,1,2. Número 2 aqui, essa é a outra bela e clara batida ali. Observe que estamos vendo um padrão aqui, que eu estou em 0 segundos e 12 quadros, agora, eu estou em 1 segundo e 12 quadros, agora, eu estou em 2 segundos e 12 quadros. Você pode ver que nossa batida está bloqueada muito perto de nossa estrutura de 24 quadros por segundo. Isso não foi por acidente. Planeio que quando criei esta batida para a lição e definitivamente vai tornar as coisas um pouco mais fáceis para nós. Tenha em mente que, na maioria das vezes, quando você está trabalhando com música, os músicos não terão sido tão atenciosos a ponto de planejar suas músicas para sua taxa de quadros. Mas este método ainda é o método básico que você vai querer usar para trabalhar fora a estrutura do seu ritmo. Podemos descobrir aqui de 0-12 e depois vamos de 12 de segundo. Basicamente temos nossos downbeats a cada 12 quadros. Eu posso ir para a frente para um segundo aqui e você vê que estou um pouco tonto fora do segundo tambor, mas bem perto. Vamos pegar aquela batida lá e então bem entre essas duas batidas aqui novamente, cada 12 quadros, temos uma batida. Esta batida aqui é o nosso último sucesso quando acabamos com a peça. Vamos ver como isso funciona. Então, 1,2,3,4, 1,2,3,4, 1. Nós temos nossa estrutura básica aqui, e nós temos esses pequenos marcadores agradáveis para se conectar com isso facilmente. Agora, uma das coisas úteis sobre esses marcadores, é que eles responderão a um grande conjunto de comandos chave, que eu vou ensiná-los agora, que funcionam tanto com marcadores quanto com quadros-chave. Vamos ver isso um pouco mais tarde. São as chaves J e K. Agora que temos esses marcadores que marcam onde estão nossas batidas básicas, se eu apertar o botão J, observe que meu CTI salta direto para a posição do marcador. O que significa que eu poderia então adicionar um quadro-chave ou começar a construir alguma animação em torno dele. Se eu apertar a tecla K, eu vou para a frente nesses marcadores. Então J para trás, K para frente. Agora, as teclas J e K pararão em marcadores de camada também pararão em quadros-chave visíveis em uma camada. Esta é uma maneira muito útil de navegar através de um projeto. Lembre-se, nós olhamos para os pequenos botões de navegação de quadro-chave sobre o lado das propriedades que foram animadas. Essas teclas J e K são simplesmente uma maneira mais eficiente de fazer a mesma coisa. Como eles também vão parar em marcadores de camada, eles são uma maneira realmente eficiente de navegar pela sua composição. Agora, que temos nossa faixa basicamente cronometrada, estamos prontos para começar a construir alguma animação. 17. Animando o quadrado vermelho: Tudo bem, vamos dar uma olhada rápida no nosso projeto de design de tambor acabado e nos lembrar do que estamos construindo aqui. A primeira coisa que vamos animar é este pequeno quadrado vermelho passando pela parte superior da tela que é cronometrado para o chapéu do nosso kit de bateria. Só para tornar as coisas um pouco mais fáceis, eu criei esta camada guia aqui, vamos ativar a visibilidade desta camada clicando neste pequeno interruptor de globo ocular bem aqui. Isso é exatamente como o interruptor de globo ocular no Illustrator e no Photoshop que ativa e desativa a visibilidade das camadas. Esta camada guia apenas nos ajudará a colocar as coisas um pouco mais rapidamente à medida que juntamos essa animação. Vamos em frente e selecionar essa camada e, em seguida, vamos pressionar “Command C” no teclado para copiar essa camada. Vamos clicar em nossa “Nova composição” e Comando V para colar essa camada guia no lugar. Note que esta camada guia é uma camada de forma composta de várias formas e é definido para ser uma camada guia ver este pequeno símbolo ali? Esse é o símbolo de uma camada guia, o que isso significa é que mesmo que a visibilidade da camada esteja ativada, essa camada nunca será renderizada quando fizermos uma renderização final. Você pode tornar uma camada guia clicando com o botão direito do mouse nela e ativando Camada de guia, mas é importante notar que com essa camada de guia ativada, isso não será renderizado, então você deve ter cuidado para não alternar acidentalmente as camadas que você deseja renderizar ao fazer o filme final. Agora, nós não queremos editar isso ou mover isso de forma alguma porque ele está nos dando a posição de todos os objetos que queremos criar uma animação aqui. Vou verificar esta pequena caixa aqui. Esta é a coluna de bloqueio e quando eu clico nela, agora não consigo selecionar essa camada, o que significa que também não posso movê-la na tela acidentalmente. Não se esqueça de continuar salvando seu projeto enquanto trabalha. Agora vamos em frente e criar nosso quadrado vermelho. Vamos pegar nossa ferramenta Forma, nossa ferramenta de retângulo, vamos garantir que nosso traçado esteja desativado e selecionaremos nossa cor de preenchimento. Novamente, você pode escolher a cor que quiser ou você pode pegar o conta-gotas e escolher o vermelho que eu já criei e clicar em “Ok” e então vamos apenas ir em frente e desenhar aquele pequeno quadrado para cima na primeira caixa de guia. Vamos fazer um monte de camadas aqui, então queremos manter-nos organizados. É muito importante manter-se organizado com seu trabalho, uma das maneiras que faremos isso é nomeando nossa camada e isso é muito fácil de fazer. Eu seleciono a camada, aperto a tecla “Return” e então eu posso digitar qualquer nome que eu quiser, então eu vou digitar no Quadrado Vermelho e, em seguida, pressionar a tecla “Enter” para definir isso. A outra coisa que eu vou fazer é eu vou codificar minhas camadas de cor. Observe que a camada de guia de forma de fundo é roxo porque eles são roxos. Este quadrado vermelho, vamos em frente e tornar esta camada vermelha para nos ajudar a lembrar o que é isto. Eu vou clicar neste pequeno quadrado aqui, e você verá que eu tenho a opção de mudar a cor da camada. Eu vou fazer este vermelho para corresponder com o meu pequeno quadrado vermelho. Este é um projeto muito simples, então eu estou usando uma maneira bastante simplista de codificação de cores, Vermelho quadrado camada vermelha, formas roxas camada roxa. Mas quando você entra em projetos mais complexos, essa codificação de cores pode ser muito útil e você pode usá-lo de qualquer maneira que você quiser para ajudá-lo a organizar seu projeto. Por exemplo, se você tiver um grupo de camadas que fazem parte de uma determinada parte da sua animação, você poderá definir todas elas como uma cor ou atribuir certas cores para certos tipos de camadas. O importante é mantermo-nos organizados. nomeação cuidadosa de camadas e a codificação de cores das camadas realmente ajudarão com essa organização e tornarão seus projetos mais complicados muito mais fáceis de navegar. Isto é particularmente importante se estiver a colaborar com outra pessoa ou se estiver a trabalhar com um cliente que possa necessitar de alterações. Agora, mais uma vez, como lembramos de nossa lição Camada de Forma, nosso ponto de ancoragem está sendo padrão para o centro. Aqui queremos o ponto de ancoragem no centro da nossa praça. Então vamos pegar nosso pan atrás da ferramenta, e vamos pegar nosso ponto de ancoragem e vamos encaixar isso no centro da nossa praça. Vamos ouvir a nossa faixa novamente e tentar prestar atenção ao som do chapéu alto. O hi-hat está indo tempo duplo, 1,2,3,4; 1,2,3,4; 1,2,3,4. Está passando o tempo duplo aqui com a nossa batida principal. Para facilitar as coisas, vamos adicionar alguns marcadores aqui à nossa faixa de áudio, e vamos dobrá-los um pouco. Temos 12 quadros aqui entre a primeira batida e a segunda batida. Seis quadros vai estar bem no meio. Agora eu posso praticamente visualizar isso. Posso ver onde fica o centro, mas vou te mostrar outro truque aqui. Se eu colocar meu CTI de volta no zero. Lembra como poderíamos fazer matemática simples com nossas propriedades de camada? Podemos fazer matemática simples aqui também com nossa exibição de código de tempo, se eu clicar aqui e digitar mais seis, ele vai saltar seis quadros para a frente. Mais uma vez consegui visualizar isso. Mas isso é realmente útil se você precisa ir uma distância precisa no tempo e você tem um projeto mais longo e é um pouco difícil visualizar exatamente onde isso está. Eu vou em frente e fazer aquele marcador lá, agora para fazer os marcadores adicionais, eu posso usar a mesma técnica. Agora eu posso pular 12 quadros já que eu estou pulando o marcador aqui, então clique aqui mais 12, e ele vai saltar para mim 12 quadros e eu posso fazer esse marcador. Agora nós dobramos nossas batidas lá naquela camada. Agora, apenas uma nota rápida, isso é um truque muito bom, mas ele sempre vai funcionar com quadros se você apenas digitar um único número. Se você quiser saltar segundos ou mesmo minutos, você precisa colocar períodos para separar minutos, segundos quadro. Por exemplo, digamos que queríamos saltar dois segundos para frente. Eu clico na caixa e eu digitar dois pontos ou dois pontos. Isso diz após efeitos que eu quero ir não dois quadros, mas dois segundos. Se eu quisesse ir dois minutos, eu digitaria 2.0. e isso levaria dois minutos adiante. A mesma regra se aplica para ir para trás, onde você tem que digitar mais primeiro e depois menos antes de voltar. Se eu quisesse voltar 12 quadros, clique mais menos 12, e então eu pulo para trás 12 quadros. Caso contrário, colocarei meu CTI em tempo negativo e o CTI parece desaparecer. Não entre em pânico se isso acontecer. Você pode simplesmente redigitar qualquer valor positivo e a CTI aparecerá de volta na sua linha do tempo. Nosso pequeno quadrado vermelho está pronto para ser animado. Ele vai começar fora da tela e, em seguida, pop na tela e, em seguida, ele vai scooch em cada uma de nossas batidas. Vamos colocar nosso CTI de volta no quadro 0 aqui. Vamos selecionar o nosso quadrado vermelho. Vamos pegar a ferramenta de seleção e vamos deslizar isso para fora do quadro. Uma das coisas boas sobre o uso de encaixe de grade é que mesmo que não possamos ver uma grade aqui fora fora do quadro, ela ainda nos permitirá encaixar nesta grade invisível deste quadro. Diz que se a grelha continuar em todas as direcções. Vou mover o nosso pequeno quadrado. Vou tirá-lo do quadro com um quadrado completo no meio, assim como temos entre estes pequenos espaços aqui. Então não está bem na borda do quadro, mas um clique aqui para que haja um tamanho quadrado completo no meio. Isso fará com que a velocidade de cada pequeno salto seja a mesma que saltamos espaço para espaço. Vamos criar nossos primeiros quadros-chave aqui. Eu vou fechar a guia de conteúdo em nosso quadrado vermelho, e eu vou abrir nossa guia de transformação e nós vamos bater o cronômetro para envolver animação e criar nosso primeiro quadro-chave lá com o pequeno quadrado de quadro. Agora esta é a nossa primeira batida, por isso queríamos avançar na primeira batida e depois vamos mantê-la no lugar um pouco antes de avançar na próxima batida. Cada uma das nossas batidas aqui tem seis quadros. Vamos escoçar três quadros a meio caminho, tê-lo segurar por três quadros, scooch por três quadros, segurar por três quadros. Isso nos dará aquela sensação de chapéu alto, aquela sensação rápida, afiada e ágil de chapéu alto. Vamos para a frente três quadros e eu vou te ensinar outro bom comando chave aqui. Command e as teclas de seta vão escoar para a frente e para trás em sua linha do tempo. Desde o início, aqui vamos 1, 2, 3 e estamos bem no meio desses dois marcadores. Lembre-se quando estamos criando animação, criamos o primeiro quadro-chave, movemos nossa CTI e depois mudamos o valor. Neste caso, vamos alterar o valor apenas clicando e deslizando aquele pequeno quadrado rosa para a frente até que ele esteja em sua primeira posição. Agora, porque este pequeno quadrado está vindo de fora da tela para a tela, não vamos adicionar uma facilidade fácil para fora neste quadro-chave. Agora esta não é uma regra difícil e rápida, mas na maioria dos casos, quando algo está vindo de fora da tela para a tela, você não vai adicionar uma facilidade fácil para fora no primeiro quadro chave. A razão para isso é que se você colocar uma facilidade fácil quando algo está apenas fora da tela, você vai sentir que ele acelera assim que ele entra no quadro e ele vai se sentir pegajoso quase como se estivesse preso na borda do quadro. Também às vezes dá a ilusão de que o objeto está ciente da borda do quadro. O que você quer é que você quer que o objeto sinta que está apenas em movimento e aconteceu de entrar em nosso campo de visão. Agora o mesmo se aplica ao contrário. Se movermos algo da tela para fora da tela, você também não quer colocar uma facilidade no quadro-chave que está fora do quadro pelo mesmo motivo. Você não quer que o objeto se sinta como se estivesse diminuindo, assim que chega à borda do quadro. Torna a borda do campo do quadro pegajosa ou faz com que o objeto pareça estar ciente de que é a borda do quadro quase como se fosse tímido, como se estivesse escapando. Nós não vamos colocar que fácil é para fora neste primeiro quadro-chave mas vamos colocar uma facilidade fácil neste segundo quadro-chave. Facilita para esta primeira posição na tela. Vamos clicar com o botão direito do mouse e adicionar uma facilidade fácil no. Nós também vamos ter que segurar por três quadros. Vamos clicar na opção de comando para alternar a nossa espera ali mesmo. Se executarmos a pré-visualização, [MÚSICA] ela simplesmente se encaixa no quadro e pára, que é exatamente o que queremos. Agora vamos voltar para o porta-chaves. Vou usar as chaves J. Vai parar nesses marcadores, mas também vai parar nesse quadro-chave. Agora vamos usar a tecla K para avançar para o próximo pequeno marcador lá, que é onde vamos querer que nossa animação comece novamente. Aqui neste quadro vamos seguir em frente e clique no botão Adicionar quadro-chave para criar um novo quadro-chave. Agora observe que este novo quadro-chave é um pouco quadrado. Isso é porque eu tinha um porão colocado no final deste quadro-chave. Quando você tem uma retenção em um quadro-chave anterior, cada quadro-chave criado depois será automaticamente uma retenção total. Isso significa que está aguentando chegando, está segurando saindo e você vai ter este pequeno ícone quadrado. Vamos querer devolver isto a um quadro-chave normal. Eu só vou manter pressionada a tecla de comando e clicar e isso vai transformar isso de volta em um quadro-chave linear, o pequeno ícone de diamante. Agora vamos avançar novamente três quadros. Seta de comando 1, 2 , 3, bem no meio. Lembre-se novamente, nós só queremos alterar o valor. Uma vez feito um quadro-chave, queremos apenas alterar o valor. Vamos deslizar o pequeno quadrado para a frente. Isso vai fazer o nosso próximo quadro-chave. Agora, como ambos os quadros-chave estão visíveis, em outras palavras, ele está começando e parando na tela aqui. Queremos adicionar uma facilidade fácil a partir deste primeiro quadro-chave e uma facilidade fácil neste segundo quadro-chave. Então queremos adicionar uma espera no final. Clique na opção de comando. Acrescentará que espera no final. Agora podemos repetir o processo. Vamos avançar usando a tecla K para o próximo marcador, vai adicionar um quadro-chave lá nessa nova posição, vai em frente três quadros, 1, 2, 3 vamos mudar o valor arrastando para a frente e temos que segurar quadros-chave aqui. Vou selecionar os dois juntos, manter pressionada a tecla Command e clicar para transformá-los em quadros-chave lineares. Em seguida, vamos adicionar uma facilidade fácil para fora no primeiro, e fácil facilidade na segunda e opção de comando clique para adicionar ou segurar. Vamos apenas ram visualizar isso até agora e apenas ver o que temos, [MÚSICA] nós temos nosso tempo de animação agradável scooching para aquele chapéu alto. Temos de continuar isto através da tela. Eu vou fazer mais um aqui e então eu vou acelerar o vídeo um pouco só porque isso vai ficar muito repetitivo, muito rápido. Vou para a frente, adicionar um novo quadro de chave. Vá em frente 1,2,3 quadros, deslize nosso pequeno quadrado para sua próxima posição, selecione ambos os keyframes clique no comando para transformá-los em quadros-chave lineares, adicione uma facilidade fácil para fora no primeiro, uma facilidade fácil no segundo one, opção de comando, clique para fazer o nosso quadro-chave de espera. Eu estou indo para avançar através destes próximos três movimentos aqui, mas eu vou parar e vamos olhar para esta última escotilha fora da borda do quadro. Então vamos ver como podemos repetir esta animação enquanto os pequenos quadrados vermelhos começam de volta no outro lado. Enquanto eu estou encaminhando rápido aqui, sinta-se livre para pausar o vídeo para completar sua própria animação Praça Vermelha, mas não se esqueça de parar antes que ele scooches fora da tela do outro lado. Agora que eu vou fazer a última pequena escoche do quadrado fora da tela, lembre-se que porque ele está indo de na tela para fora, nós não vamos colocar uma facilidade no segundo quadro-chave. Vamos preparar isso. Vou saltar para a frente com a minha tecla K, vou clicar no botão Adicionar quadro-chave, avançar três quadros, e clicar e arrastar isso para fora da tela novamente, eu quero deixar uma largura quadrada completa entre lá, selecione as duas teclas quadros, alterná-los para linear, adicionar uma facilidade fácil para fora no primeiro e nenhuma facilidade no segundo, mas vamos adicionar um quadro de chave de espera no final lá. Vamos dar uma olhada no que temos. Temos a nossa bela praça de scooching lá. Agora, precisamos que ele continue enquanto sai da tela deste lado, ele precisa voltar para a tela deste lado, mas eu não quero ter que reanimar um outro quadrado inteiro aqui. O que vamos fazer é simplesmente duplicar esta camada. Duplicação é uma ferramenta muito poderosa e após efeitos, você pode copiar e colar, ou duplicar quase qualquer coisa. Neste caso, vamos duplicar toda esta camada. Então, com a camada selecionada comando D para duplicar, e agora eu tenho vermelho quadrado dois, efeitos secundários convenientemente auto nomes que para nós, e eu vou alternar abrir os quadros-chave lá para que eu possa vê-los, e eu sou vai clicar e arrastar na própria camada. Eu posso clicar e arrastar em uma camada e mover uma camada inteira para trás e para frente no tempo. Eu só vou deslizar toda a camada para a frente aqui, e eu vou alinhar os dois primeiros quadros-chave da camada dois com os dois últimos quadros-chave da camada um. Assim como um quadrado está saindo do quadro, o próximo quadrado está vindo para o quadro do outro lado. Agora a última coisa que precisamos fazer é animar o último quadrado caindo com nosso símbolo cair no final. Vamos ouvir isso só para o momento. queda do prato acontece aqui a quatro segundos quando o nosso quadrado está na sua segunda a última posição. O que queremos fazer é mudar este último quadro-chave. Só vou deletar o antigo. Vamos em frente e excluir esse quadro-chave antigo. Nós vamos deixar a facilidade fácil fora deste quadro-chave embora porque queremos que ele diminua enquanto está caindo. Objetos que estão caindo no espaço estão quase sempre indo para aliviar. Em outras palavras, eles vão acelerar lentamente enquanto a gravidade os puxa para baixo. Então, porque este pequeno quadrado está caindo, ele vai aliviar enquanto cai. Vamos para a frente para cinco segundos. Vamos fazer com que esta queda dure um segundo. Então eu vou deslizar meu CTI para a frente para cinco segundos aqui, e agora nós vamos em vez de tê-lo scooch fora do quadro, agora vamos clicar e arrastá-lo diretamente para baixo e para fora do quadro na parte inferior. Agora, note que, como nosso primeiro quadro-chave aqui teve uma facilidade para fora, após efeitos decidiu que queríamos um pouco de facilidade neste quadro-chave também. Então você verá que temos essa forma de ampulheta pequena e você pode realmente ver o espaçamento nos pontos ficando mais estreito à medida que ele chega ao fundo, e nós não queremos isso. Isso não só está saindo do quadro, mas também está caindo. Então ele deve acelerar continuamente e nós não devemos ver que ele está abrandado pela borda do quadro em tudo. Então vamos querer mudar este quadro-chave por comando, clicando nele para um quadro-chave linear. Agora você pode ver no caminho do movimento como os pontos ficam cada vez mais largos à medida que acelera a saída do quadro. Vamos dar uma olhada nisso até agora. Isso parece bom às vezes fora agradável, mas parece um pouco mecânico. Não parece que está caindo porque está se movendo com tanta precisão. Vamos adicionar um pouco de rotação a ele. Está perdendo o controle e caindo no espaço aqui no final. Vou colocar meu CTI aqui em quatro segundos no primeiro quadro-chave para a posição para o outono e vamos ativar a animação para nossa propriedade de rotação. Isso vai nos dar nosso primeiro pequeno quadro-chave lá, e então eu vou usar a tecla K para avançar para o próximo quadro-chave de posição onde ele está fora do quadro aqui, e vamos adicionar uma rotação de 90 graus. Vai girar cerca de um quarto do caminho. Vou clicar no valor de rotação, e vou digitar 90 por 90 graus. Agora o quadrado não se moveu porque 90 graus é claro apenas colocá-lo em sua outra borda, mas como nós esfregamos através, você vai ver agora ele está realmente girando. Mas também queremos que a rotação diminua, assim como queremos que a posição diminua neste outono. Então, ele está perdendo o controle aqui no final como o último acidente do prato acontece, e caindo, e a posição vai diminuir e a rotação vai diminuir, então nos dá essa sensação de queda. Vou selecionar este primeiro quadro-chave, clique com o botão direito do mouse, e vamos adicionar uma facilidade fácil. Vamos dar uma olhada na animação final. Ótima. Isso parece muito divertido. Estamos prontos para seguir em frente para a nossa próxima forma. 18. Animando o círculo verde: Vamos animar o grande círculo verde a seguir, que vai representar o nosso baixo tambor. Então, para salvar um pouco de espaço aqui, eu vou fechar essas camadas e desmarcar clicando aqui para baixo e nós vamos pegar nossa ferramenta de elipse. Vou mudar a cor para a nossa cor verde aqui e vou fazer o nosso círculo verde. Agora, vamos em frente e nomear esta camada e vamos codificar a cor. Vamos também movê-lo para baixo debaixo do quadrado vermelho. Agora a batida do baixo tambor não é tão regular quanto a batida de chapéu alto, então vamos fazer alguns marcadores especiais para este baixo tambor. Nós vamos fazer isso, na verdade tocando para fora a batida enquanto nós ouvi-lo. À medida que você está visualizando uma faixa com uma camada selecionada, você pode tocar no asterisco ou nas oito teclas de controle, e ele fará marcadores em tempo real enquanto você toca. Isso pode ser muito útil para encontrar batidas especialmente mais complexas em uma faixa de áudio. Mas temos que ser um pouco cautelosos sobre como usamos isso porque somos seres humanos e não robôs. Ouvimos um som que entra no nosso ouvido, no nosso cérebro. Nosso cérebro envia um sinal em nosso braço e então nós tocamos a chave. Há quase sempre um atraso substancial entre tudo isso acontecendo, então não vai ser super, super preciso, mas vai nos colocar na zona. Como já fizemos as batidas básicas com precisão real aqui embaixo, seremos capazes de ajustar o que fazemos com o baixo tambor enquanto o tocamos. Vamos em frente e jogar isso de volta e nós vamos bater fora da batida. Vou deixá-la tocar uma vez e depois vou tocar. Eu bati essa batida para fora e eu cheguei muito perto. Mas você pode ver que eu desci um pouco. Na verdade, eu atrasei um pouco sobre estes, mas você pode ver onde eu estou perto com essas guias. Obviamente, há um chute tambor bem no início, eu não precisava marcar isso, isso é bastante óbvio. As marcas que eu fiz tocando aqui, tudo que eu tenho que fazer é apenas clicar e arrastar esses marcadores e eu posso movê-los de volta para a posição. Vamos apenas clicar e arrastar aqueles sobre esses pontos para o tambor de pontapé e nós vamos adicionar mais um no início aqui porque nós temos um tambor de chute bem no início. É uma boa idéia ouvir e assistir seus marcadores enquanto o CTI passa, ter certeza de que estamos corretos. Esqueci que o último tem obviamente um tambor bem no final aqui e nós batemos no último acidente do prato, então vamos adicionar um ali também. Agora temos os nossos marcadores para o nosso círculo. Vamos criar nossa animação circular. Agora, o que queremos que o círculo faça é o pulso para obter a sensação do tambor de pontapé, então eu vou fazer isso com as propriedades de escala e opacidade. Vamos criar nossa primeira animação bem no início aqui. Vamos começar com o círculo na tela, essa batida está bem no início da animação. Vamos começar com o círculo em tamanho real e opacidade total logo no início. Eu estou indo para guia fechado meu conteúdo guia. Tab abrir minhas propriedades de transformação aqui, e eu vou clicar em um cronômetro em para opacidade e um cronômetro em escala. Quase esqueci que temos que mudar nosso ponto de ancoragem porque vamos aumentar e diminuir isso. Não queremos que ele seja escalado para o ponto de ancoragem aqui, então vamos nos certificar de que mudamos o ponto de ancoragem. Vamos pegar a panela atrás da ferramenta e encaixar esse ponto de ancoragem no centro do nosso círculo. Agora vamos criar nossa animação em pequena escala. Nós vamos ter o círculo cair em escala para obter essa sensação pulsante e vamos ficar com as 12, 6, 3 divisões que nos manterão na estrutura geral da batida da peça. Vou avançar três quadros, um, dois, três e vou baixar a escala para 50%. Eu só vou clicar e digitar 50 lá para reduzir esse círculo para 50%. Depois de descer para 50%, eu quero que ele simplesmente apareça e desapareça, então eu vou ir mais um quadro adiante. Eu vou para o comando, seta, um quadro para a frente, e eu vou virar a opacidade para baixo para zero. Mas eu não quero que ele desapareça enquanto está ficando menor, eu quero que ele estoure. Eu vou fazer esta primeira opacidade chave-frame, um comando hold keyy-frame, opção, clique, para fazer isso uma espera. Então eu vou fazer a última opacidade chave-frame, também uma chave-quadro de espera. É basicamente desligando e ligando isso. Agora, com a escala, queremos que ela apareça aqui em grande escala e depois desacelere à medida que escala para baixo. vez, tendo a sensação de um soco com uma decadência suave nele. Mais uma vez, ecoando o som daquele tambor. Eu não vou colocar uma facilidade para fora no primeiro chave-frame, mas eu vou colocar uma facilidade no segundo quadro-chave e eu vou para comando, opção, clique e adicionar uma espera no final. Porque lembre-se que é sempre uma boa idéia adicionar uma espera no final de uma sequência de uma animação pf sequência. Agora, como isso é bem no começo aqui, vai ser um pouco difícil de ver. Podemos reproduzi-la com a pré-visualização da RAM. Lá, isso nos dá aquela pequena sensação de pulso, mas vamos ter uma sensação melhor quando copiarmos e colarmos para essas outras posições. Agora, como eu mencionei antes, duplicar e copiar e colar é uma ferramenta poderosa e depois de efeitos. Podemos duplicar e copiar e colar quase qualquer coisa, incluindo conjuntos de quadros-chave, vamos dar uma olhada em como isso funciona. Isto vai fazer animar o resto deste baixo tambor muito fácil. a primeira coisa que eu quero fazer é colocar meu CTI onde eu quero colar meus keyframes.Eu vou usar a tecla K para saltar para a frente para a próxima batida de baixo aqui. O que eu vou fazer é clicar e arrastar para selecionar todos os quatro dos meus quadros-chave aqui. Em seguida, comando C para copiar e comando V para colar e você pode ver que eles colam perfeitamente onde meu CTI está. Em outras palavras, os primeiros quadros chave na sequência ficam exatamente onde meu CTI está e o resto segue. Agora porque nós muito inteligentemente adicionamos detentos no final desta animação. Nosso círculo permanece desligado, a opacidade permanece desligada até acertarmos na próxima batida, onde ele aparece e depois se desliga novamente. Agora que copiamos e colamos nosso primeiro conjunto, podemos simplesmente colar os conjuntos restantes. Vou saltar para o próximo comando de batida V para colar. Vou avançar para o nosso próximo comando de batida de bateria V para colar. Agora podemos fazer esses dois, juntos podemos selecionar todos esses comandos C para copiar o comando V para colar, há todo esse conjunto bem ali. Agora, no último, no último acidente, assim como fizemos com o quadrado vermelho, queremos que o círculo caia. Mas primeiro temos que ligá-lo novamente e temos que devolvê-lo a uma escala de 100 por cento, então o que eu vou fazer é, eu vou pegar apenas os dois primeiros quadros aqui da nossa pequena seqüência de batida e copiar e colar para transformar nosso círculo de volta e colocá-lo de volta a uma escala de 100 por cento. Agora, eu só vou ter que cair fora do quadro, então nós vamos alternar a animação para a posição neste ponto em quatro segundos. Vou ligar a posição, vamos avançar para cinco segundos. Vamos tê-lo cair na mesma taxa, o quadrado vermelho cai e note que eu ainda tenho a panela atrás ferramenta aqui. Eu quero mudar para a minha ferramenta de seleção regular e agora eu vou apenas clicar e arrastar esse círculo para baixo para fora do quadro. Obviamente não há necessidade de girá-lo, já que é um círculo, não veríamos essa rotação. Nós apenas tê-lo deslizando fora do quadro lá e, em seguida, é claro, queremos adicionar uma facilidade fácil para fora no primeiro chave-frame para dar essa sensação de peso e gravidade à medida que ele cai. Vamos dar uma olhada em nossa animação final no círculo verde. Ótimo, parece muito bom. Tudo bem, estamos prontos para seguir em frente para a nossa próxima forma. 19. Animação o retângulo amarelo: Vamos animar nosso retângulo amarelo a seguir, que está representando o tambor da tarola. Vamos ir em frente e fechar nossa camada de círculo verde lá e clicar para desmarcar e vamos até nossa ferramenta Camada de Forma e pegar nossa ferramenta de retângulo. Clique na nossa cor de preenchimento e pegue o nosso amarelo. Vamos clicar e arrastar e fazer o nosso retângulo. Vamos alterar o nome da camada aqui, e alterar a Cor da Camada. Vamos também pegar nossa caneta atrás da ferramenta e centralizar nosso ponto de ancoragem. Vamos também mover o triângulo amarelo por baixo do quadrado vermelho. Estou colocando o retângulo amarelo sob o quadrado vermelho caso o quadrado vermelho cruze sobre o retângulo quando ele cai. Não sei se vai acontecer, mas quero ter certeza que aquele pequeno quadrado vermelho é visível e não se perde atrás daquele retângulo amarelo. A maioria de nossas formas aqui não se cruzam na animação que estou criando, mas estou construindo uma pilha de camadas aqui, caso você queira fazer algo diferente com sua animação. Tendo o grande círculo verde na parte inferior, os quadrados vermelhos menores no topo só farão bom sentido visual. Mas não é super necessário para a pequena animação que estamos construindo aqui. Mas é bom estar ciente de sua pilha de camadas e pensar na lógica do que você quer no topo e o que você quer atrás, especialmente quando você está criando uma animação mais complicada. Agora porque o retângulo amarelo está representando a armadilha. Mais uma vez, vamos usar o nosso truque de sapateado para ter a noção de quando a armadilha bate. Agora a armadilha tem um pouco de sincopação, então vamos colocar algumas das batidas entre as nossas batidas principais. Vamos jogá-lo através de uma vez e então na segunda vez nós vamos tocar para fora a armadilha. Eu não vou tentar tocar o pequeno rolo de tambor no final. Acho que podemos pegar facilmente da forma de onda. Mais uma vez ficamos um pouco fora, mas perto. Este primeiro aqui é obviamente destinado a bloquear esta moldura aqui. Esta é a nossa batida sincopada. { MÚSICA}. Este nós queremos deslizar para trás e colocar entre essas duas batidas principais. Você pode realmente vê-lo na forma de onda bem ali. Agora estamos um pouco atrás disso, mas você pode ver o próximo quadro, estamos um pouco à frente dele. Lembre-se, nós sempre queremos errar do lado de estar apenas um pouco atrás do som se não estivermos certos no som. A mesma coisa aqui que este precisa voltar para esta posição aqui. Este vai voltar para aqui e este vai estar bem no meio, mais uma vez, bem onde a forma de onda está bem ali. Agora o pequeno rolo de laço aqui, isso nós podemos apenas fazer visualmente porque seria muito difícil tocar isso para fora, possamos ver a forma de onda bem ali, adicionar um marcador, adicionar um marcador, adicionar um marcador, e basicamente é cada três quadros, para que também pudéssemos contar a cada três quadros. Aí está o último golpe que acaba com a nossa batida. Para ter certeza de que estamos no caminho certo aqui com nossos marcadores, vamos ouvir de volta mais uma vez. { MÚSICA}. Estamos bem ali. Queremos que nosso pequeno retângulo deslize para dentro e para fora do quadro, quase como um medidor de volume em um aparelho de som e queremos que ele esteja no seu ponto mais alto quando o som da armadilha chegar. Vamos fazer um pouco de animação ao contrário aqui. Vou deslizar meu CTI para a frente para esta primeira armadilha e vamos fechar nosso conteúdo e abrir nossas transformações e vamos em frente e adicionar um quadro-chave aqui no ponto mais alto porque já estamos nessa posição. Vou clicar no cronômetro para a posição aqui. Agora, como já falamos antes, uma vez que você adiciona um quadro-chave, você só precisa mover o CTI e alterar um valor, mas como eu também mencionei, nem sempre temos que avançar no tempo. Podemos retroceder no tempo. Neste caso, vamos voltar para trás, vou manter pressionada a tecla de comando e voltar três quadros. Mais uma vez, aderindo com este 12-6-3, manter com o nosso ritmo geral,1,2,3 de volta. Agora vamos alterar o valor, clicando e arrastando nosso retângulo para baixo até a parte inferior do quadro. Você pode ver que adicionamos um quadro-chave antes do quadro-chave na posição superior. Animar para trás como este pode ser muito útil quando você cria um design e você quer que ele seja animado na tela, você pode definir os quadros-chave onde tudo está em sua posição final correta, em seguida, voltar no tempo para puxar tudo fora da tela para que ele vai animar. Técnica bastante comum para resolver logo e esse tipo de coisa. Estamos deslizando até onde a batida bate e três quadros depois, queremos deslizar de volta para baixo. Vamos avançar três quadros, seta de comando 1-2-3, e então vamos apenas copiar e colar este primeiro quadro que já está selecionado. Você pode ver que é azul lá. Comando C para copiar, comando V para colar, e colamos esse valor no lugar. Nosso pequeno retângulo sobe e volta para baixo. Como ele está vindo de fora da tela e depois vai para fora da tela, nós não queremos adicionar flexibilidades aqui, mas queremos que ele facilite dentro e fora na parte superior. Desta vez não vamos usar facilidade fácil dentro ou fácil facilidade de saída, vamos usar a facilidade simples, que não é realmente simples. É uma combinação dos dois, vou clicar com o botão direito do mouse, ir até o assistente de quadro-chave e eu vou escolher facilidade fácil no topo. O que isso é, é uma combinação de uma facilidade fácil de entrar e uma facilidade fácil de sair. Eu vou bater facilidade fácil, agora estamos fácil facilitando para o quadro-chave e foram fáceis de aliviar fora do quadro-chave e você pode ver que temos aquela forma pequena ampulheta nos mostrando a facilidade dentro e facilidade para fora. Vamos dar uma olhada rápida nessa pequena animação. [ MUSIC] Ótimo, isso funciona bem. Agora vamos copiar e colar esta animação para o próximo sucesso da armadilha, mas porque esta é a batida sincopada, se você ouvir com muita atenção, a armadilha é um pouco mais silenciosa nesta segunda batida. Ouça atentamente. {MUSIC} Se você não ouviu, é apenas um pouco mais silencioso do que esta primeira armadilha. Se você olhar para baixo para a forma de onda, você pode ver que é mais silencioso. Aí está a primeira armadilha. Aqui está a segunda armadilha e observe que a forma de onda é um pouco mais baixa. Vamos ter isso refletido na animação. Mas vamos começar copiando e colando e, em seguida, vamos apenas ajustar o valor do quadro-chave superior. Eu vou para este ponto de sucesso onde a armadilha bate e eu vou voltar três quadros, Comando 1-2-3 de volta. Agora vamos copiar e colar nossos quadros-chave, mas whoops, eu esqueci um passo aqui, vamos ter certeza e adicionar esse passo. Vamos opção de comando clique em “Adicionar nossa espera” no final lá é muito importante porque estamos prestes a copiar e colar o que é essencialmente o mesmo valor, mas às vezes você vai obter um pouco drift. Às vezes, após os efeitos irá adicionar um pouco ocupado uma alça e você vai ter um pouco de deriva, mesmo que os dois valores são os mesmos. Sempre que você quiser algo para com certeza não mover, mesmo se você tiver dois quadros-chave em uma linha com o mesmo valor, sempre adicione uma retenção para mantê-lo limpo. Agora que temos isso no lugar e temos nosso CTI no lugar. Vamos copiar nossos três quadros chave. Comando C, Comando V para colar e agora temos nossa segunda animação, mas vamos mudar esse valor, torná-lo um pouco menos poderoso, já que a armadilha é um pouco menos forte neste ponto. Eu quero ter certeza de que eu desmarquei primeiro, eu só estou mudando este quadro chave. Vamos selecionar esse quadro-chave que selecionará automaticamente nossa camada aqui. Vou clicar e arrastar isso para baixo dois quadrados de grade. Só não está subindo tão longe naquele segundo golpe. Vamos Ram pré-visualizar isso. { MUSIC} ótimo que realmente tem uma sensação agradável para ele. Reflete realmente o som. Lembre-se de continuar salvando enquanto você está trabalhando aqui, eu estou editando meus salvos apenas para economizar um pouco de tempo no vídeo, mas continue economizando enquanto você trabalha, faça algumas coisas e salve, faça algumas coisas e salve, entrar nesse bom hábito. Com a nossa próxima armadilha, queremo-lo em plena explosão. Vamos copiar e colar nosso primeiro conjunto de quadros-chave aqui. Vamos para o ponto de ataque da armadilha, comando 1-2-3, volta, selecione os quadros-chave, Comando C, Comando V para colar e temos nossa próxima armadilha. Com este próximo, podemos realmente copiar e colar esta seção inteira. Vamos colocar o nosso CTI no início aqui. Volte 1-2-3, selecione todos os quadros chave. Comando C, Comando V para colar e agora temos nossa mesma animação com nossa segunda armadilha ligeiramente mais fraca. Agora, quando chegamos a este pequeno rolo de tambor aqui no final, três quadros separados. Não vamos ter tempo para mostrar isto e recuar com cada um destes sucessos. Em vez disso, criaremos um pequeno movimento rápido de gagueira deste retângulo, aparecendo, acima, cima, cima, cima, cima e, em seguida, no último, ele vai bater no topo antes de cair de volta. Vamos usar todas as chaves de segurança até chegarmos ao topo aqui. Nós já temos um porão no final do nosso último quadro-chave do nosso último pedaço de animação aqui. Tudo o que temos que fazer para criar este primeiro quadro-chave como uma espera é apenas alterar o valor. Eu vou clicar e arrastar sobre isso e eu vou movê-lo para cima dois quadrados na grade e notar que ele cria automaticamente um quadro chave de espera bem ali. Então eu vou saltar para a frente com a tecla K para o nosso próximo marcador, vou deslizar para cima um quadrado na grelha. Vá para a frente novamente, vai deslizar para cima outro quadrado na grade, ir para a frente novamente, deslizar para cima mais um quadrado e, finalmente, o último quadrado lá no topo. Este movimento gaguejador vai combinar com os batidos de tambor afiados muito bem mais, como ele se acumula até o topo, ele vai construir um pouco de tensão antes de liberar no final. Agora, assim como fizemos com todas as outras formas, queremos que isso caia fora do quadro. Vamos começar fazendo este quadro-chave de primeira posição, um quadro-chave linear regular. Eu estou indo para o comando clique, então não será capaz de animar para a frente aqui e, em seguida, vamos também alternar na rotação porque nós também vamos querer adicionar um pouco de rotação para este retângulo como ele cai. Vamos em frente e alternar a animação para rotação e adicionar nosso primeiro chave-frame no valor de rotação de 0 graus e vamos para a frente para a marca de 5 segundos. Então vamos adicionar a rotação primeiro porque isso provavelmente afetará até onde temos que arrastá-la com a posição. Vamos ter que se inclinar no quadro apenas um pouco enquanto cai. Eu vou clicar no Valor para rotação aqui, e eu vou digitar menos 40, então não muito 45 graus apenas uma pequena queda suave lá e então agora nós podemos clicar e arrastar esse retângulo para baixo até que o canto está fora de a moldura. Tal como acontece com todas as nossas outras quedas, queremos deixá-las como quadros-chave lineares, mas queremos que estes dois primeiros quadros chave sejam fáceis de sair para que tenhamos essa sensação de gravidade. Vamos dar uma olhada em nossa animação final do nosso retângulo amarelo. [ MUSIC] Ótimo, isso parece muito bom. { MUSIC} Estamos prontos para criar a nossa última forma e terminar a nossa animação. 20. Animando o círculo azul: Vamos em frente e fechar nossa camada de retângulo amarelo aqui e vamos desmarcar clicando na área vazia na linha do tempo. Vamos subir sob nossa ferramenta Camada de Forma aqui, e vamos pegar nossa ferramenta Elipse. Mudaremos nossa cor de preenchimento para azul e criaremos nosso último círculo aqui. Vamos nomear nosso círculo e movê-lo para baixo acima do círculo verde, mas abaixo do retângulo amarelo. Assim, quando o retângulo amarelo cair, se ele cruzar, ele estará na frente do círculo azul e vamos em frente e centralizar nosso ponto de ancoragem. Nós não precisamos mudar a cor da nossa camada porque a camada de forma é padrão para azul. Agora o nosso círculo azul vai representar a nossa queda do prato e há apenas dois travamentos de pratos no áudio, um no meio e outro no final. Vamos apenas ter uma rápida escuta a isso. Eles estão basicamente acima da marca de dois segundos e a de quatro segundos. Nós realmente não temos que fazer nada muito chique aqui para descobrir isso. É bastante óbvio. Eu mal preciso fazer os marcadores, mas eu vou em frente e fazê-lo lá. Agora, o som do prato é um pouco mais suave do que dizer a armadilha ou o chute tambor, e tem uma longa decadência nele. Além disso, quando você bate um prato na vida real, ele vibra e treme. Vamos tentar capturar isso de uma forma abstrata com o nosso círculo azul. Vamos fazê-lo desaparecer rapidamente em vez de aparecer no caminho, digamos que o círculo verde faz e então vamos fazê-lo cair fora do quadro em cada uma das falhas. Mas vamos fazê-lo mexer e vibrar um pouco enquanto cai para nos dar aquela sensação de prato. Vamos para dois segundos onde nosso primeiro acidente de pratos acontece e vamos fechar o conteúdo e abrir nosso transformado aqui. Como isso vai ser opacidade e posição, vamos em frente e alternar em quadros-chave para posição e os valores de opacidade. Agora queremos que a opacidade se anime relativamente rapidamente. Vamos começar com a capacidade em zero e vamos apenas ir dois quadros para frente 1, 2, apenas para que não demore muito tempo para ser visível para nós e vamos transformar a opacidade de volta para 100. Agora, já que isso está desaparecendo tão rapidamente com apenas um quadro no meio, eu não vou me preocupar com nenhuma facilidade aqui. Provavelmente não vai fazer muita diferença se vamos entrar ou sair de ambos os lados. Mas eu vou colocar uma chave-frame Hold no final. Command option+clique e coloque um pouco Hold chave-frame no final lá. Nosso pequeno círculo azul simplesmente desaparece muito, muito rapidamente. Agora queremos que caia e se mexa um pouco. Mas vamos primeiro criar a animação da queda, e então vamos adicionar a pequena vibração, o pequeno movimento. Vou usar as teclas K e vou avançar duas das nossas pequenas batidas aqui. Uma batida completa ou duas meia batidas aqui novamente então tudo está estruturado em torno da batida o máximo possível e vamos em frente, oops, eu ainda tenho a caneta atrás da ferramenta aqui. Vamos mudar para a nossa ferramenta de seleção, e eu vou em frente e basta arrastar isso para baixo e para fora do quadro e, como sempre, com uma animação de queda, queremos adicionar uma facilidade fácil para fora no início, sem atenuações no último quadro-chave. Nós só temos isso. queda agradável e simples. Mas agora queremos adicionar a nossa pequena oscilação a isto. O que vamos fazer é, a cada dois quadros, adicionar um quadro-chave a este caminho de movimento e adicionar alguma curvatura a ele. Vamos em frente e fazer isso. Eu vou para Comando clique 1, 2 e o que vamos fazer é pegar o valor X em posição aqui. Quero deslizá-lo por cima. Eu vou passar mais de metade de uma grade quadrada lá. Outra boa razão para ter a grade é para que possamos acompanhar o que estamos fazendo com esses tipos de animações. Eu vou para a frente mais dois quadros-chave, 1, 2 e então vamos arrastar isso para trás e desta vez eu vou talvez quase metade de um quadrado de grade, mas não tão longe quanto o anterior. Cada um destes vai chegar mais perto do centro. Então eu vou para 1, 2 para a frente novamente, vamos novamente arrastar isso ao longo deste tempo um pouco mais perto da linha central. Nós vamos 1, 2. Bem, na verdade, talvez este último devesse ser um pouco mais a meio caminho. Vamos, talvez, um pouco como a metade do caminho, algo assim. Então vamos para 1, 2 e vamos arrastar este aqui, muito perto da linha central 1, 2 e agora, neste ponto, podemos praticamente colocá-lo de volta para a linha central. Só para ter certeza de que temos isso alinhado corretamente, eu vou fazer uma pequena cópia e colar com o nosso valor de posição X aqui. Vou para a frente para olhar para este valor. É 1080. Isso é fácil de lembrar. Eu poderia apenas digitar isso, mas eu também posso selecionar aqui, Comando C para copiar, desmarcar. Eu posso voltar dois quadros, e agora eu posso apenas colar apenas no valor X, 1080. Você vê como isso traz isso de volta à linha. Agora você pode estar dizendo, “Bem, você poderia usar estalar.” mas isso iria realmente quebrar a minha posição aqui em cima e eu perco um pouco da minha facilidade vindo para baixo. Agora note que todos esses quadros-chave são quadros-chave de ampulheta. Isso porque nós adicionamos uma facilidade no início aqui e, à medida que adicionamos esses quadros-chave adicionais, os efeitos secundários fizeram o seu melhor para adivinhar que tipo de facilidade de entrada e saída queremos em cada quadro-chave. Neste caso, queremos deixar os efeitos secundários irem em frente e fazer isso por nós, porque é basicamente ler o Es como ele vem para baixo e continuar isso à medida que descemos. Está a fazer um bom trabalho. Não precisamos mexer com essas chaves. Mas o que temos agora em nosso caminho de movimento, é um ziguezague áspero e eu acho que isso vai se sentir um pouco melhor se for um pouco mais suave e houver um pouco de curvatura no caminho do movimento. Vamos adicionar algumas alças de Bezier e apenas um pouco de curva ao nosso caminho de movimento. Eu vou selecionar não o primeiro chave-frame e não o último chave-frame, mas eu vou selecionar todos os quadros-chave no meio tudo de uma vez e, em seguida, vamos manter pressionada a opção Command e vamos clicar e fazer pequenas alças Bezier em cada um dos nossos chave-frames. Agora, os Beziers são um pequeno caddywompus agora como eles acabaram de entrar em seu modo padrão, mais uma vez, adivinhando o que queremos. Vamos ampliar um pouco aqui. Eu vou usar a tecla de período e ampliar e eu vou segurar a barra de espaço e usar a mão para mover isso e vamos apenas ajustar estes e dar-lhes um pouco mais de curvatura e um pouco mais de suavidade e endireite-o um pouco também, para que eles não sejam tão caddywompous. Isso só vai dar ao nosso caminho de movimento um pouco mais de suavidade. Este podemos virar para cima e para baixo e queremos isso porque queremos que ele desça logo depois de atingir a última posição. Vamos dar uma olhada na nossa animação. Ótima. Isso parece muito divertido. Tudo bem, vamos adicionar um quadro de chave de espera ao nosso último quadro aqui, como sempre queremos fazer. Clique com a opção de comando para completar esse pouco de animação e, nesse caso, tudo o que temos que fazer é copiar e colar porque teremos a mesma animação de travamento de pratos bem no final aqui. Vamos para quatro segundos, vamos para eu selecionar todos os nossos quadros-chave, Command Copy, Command Paste. Agora temos a nossa animação terminada. Vamos em frente e desligar nossa camada guia. Mesmo que ele não seja renderizado, eu realmente não quero estar olhando para ele aqui. Eu quero ver o que isso parece exatamente como é e nós também podemos desligar nossa grade para que possamos apenas ter uma idéia de nossa animação final será semelhante e vamos ram visualizar isso. Muito divertido. Agora estamos prontos para terminar e fazer nosso último filme. 21. Como renderizar a animação final: Agora que estamos prontos para renderizar, vamos falar sobre as duas maneiras diferentes de renderizar fora dos efeitos secundários. After-Effects tem seu próprio mecanismo de renderização, a fila de efeitos secundários, mas quando você instala efeitos secundários da Creative Cloud, ele também instala o Adobe Media Encoder, que é um software separado que renderizar arquivos pós-efeitos e premier. Agora os prós e contras são basicamente estes, o pós-efeitos Q pode dar-lhe uma renderização de qualidade ligeiramente maior, mas tem menos opções para formatação e compressão. Só é útil se você estiver entregando uma renderização de alta qualidade para um editor, por exemplo, que irá editá-lo e depois compactá-lo ou formatá-lo para a entrega final. Se você vai fazer upload de seu vídeo para o YouTube ou Vimeo ou publicá-lo online ou para redes sociais em geral, você vai querer usar o Adobe Media Encoder porque ele oferece muito mais opções para compactação e formatação para todas essas situações diferentes, mas é importante entender que sempre que você estiver renderizando em um formato que seja, por exemplo, adequado para fazer upload para o YouTube ou postagem em mídias sociais, esse arquivo terá que ser comprimido em algum grau, o que vai causar alguma perda de qualidade. Agora este é um grande tópico profundo que não vamos entrar muito nessas aulas introdutórias. Vamos apenas aprender um procedimento de renderização muito básico que lhe dará um vídeo de qualidade agradável em um tamanho decente e razoável que funcionará na maioria das situações. Agora outra coisa a entender sobre renderização e compactação é que quase inevitavelmente haverá alguma mudança de cor. Às vezes, as cores serão mais silenciadas. Às vezes, as cores mudam um pouco e isso é um problema que as pessoas que trabalham na mídia baseada no tempo basicamente só têm que aceitar até certo ponto porque em um certo ponto você perde o controle da situação Muito rapidamente. Por exemplo, você pode pegar exatamente o mesmo arquivo de vídeo e reproduzi-lo em dois players de vídeo diferentes em um computador. Parecerá diferente, as cores parecerão diferentes, o mesmo arquivo. Além disso, quando você faz upload para o YouTube, o YouTube usa uma compactação diferente da que o Vimeo usa para que as cores fiquem diferentes no Vimeo como elas aparecerão no YouTube. Então você adiciona a essa variação o fato de que todos têm diferentes tipos de monitores. O monitor de todos é um pouco diferente. Alguns são de maior qualidade, alguns são de menor qualidade. Algumas pessoas definiram seus monitores de maneiras estranhas para que seus monitores fiquem mais escuros ou mais claros ou tenham mudado de cores por causa da maneira como eles os definiram. Até certo ponto, você tem que deixar ir muito apego às cores que você inevitavelmente escolher com muito cuidado para um projeto. Agora, uma coisa que podemos fazer para ser capazes de controlar a nossa saída de cor um pouco saindo de efeitos secundários é definir o espaço de cores para o nosso projeto. Agora isso não vai fazer uma grande diferença, mas vai preservar as cores um pouco mais do que se você não definir o espaço de cores. Uma vez que temos um tipo de cores realmente precisas aqui que escolhemos para este design de tambor, vamos em frente e definir o espaço de cores e teremos um pouco mais de sorte preservando essas quando renderizarmos. Para definir o espaço de cores de um projeto, vamos subir sob arquivo, e vamos até as configurações do projeto. Então vamos clicar em “Configurações de cores”. Você pode ver aqui onde diz espaço de trabalho nenhum. Nós vamos apenas ir em frente e escolher SRGB e então há todas essas outras letras e números pequenos. SRGB é uma boa opção, e clicaremos em “Ok” e, novamente, isso não fará uma grande diferença, mas ajudará a preservar nossas cores apenas um pouco quando renderizarmos. Agora, outra coisa que precisamos falar e lidar rapidamente aqui, quando estamos olhando para a diferença entre renderização fora do pós-efeitos Q e o Adobe Media Encoder é que o Adobe Media Encoder não lê tudo em efeitos posteriores exatamente da maneira que gostaríamos que fosse. Especificamente, ele não lê a cor de fundo que escolhemos para nossa composição. Agora, a verdade honesta é que a opção para escolher uma cor de fundo para uma composição é um pouco inútil e em futuras aulas vamos olhar para pré-compilação e trabalhar com composições e vamos ver como isso funciona um pouco mais especificamente. Por enquanto, aqui está o que você precisa entender. Escolhemos uma cor para o nosso fundo aqui, e colocamos nossas formas acima desse plano de fundo, mas a verdade é que essa cor de fundo realmente não existe. O que estamos realmente fazendo é colocar formas sobre um canal alfa ou transparência. Em After- Efeitos, o padrão é mostrar-nos uma cor no plano de fundo. O padrão é preto. A verdade é que não há nada aqui. padrão é preto e, em seguida, é claro, podemos escolher cores diferentes para colocar lá como nós escolhemos este roxo. A verdade é que não há nada lá. Vamos olhar para isso. Se descermos até a parte inferior da janela de composição, você verá uma grade de transparência alternada. Vá em frente e clique nisso e verá a verdade da nossa composição aqui. Essa grade, que muitos de vocês reconhecerão no Photoshop ou Illustrator, está nos dizendo que isso é transparência. Não há nada aqui. Agora, quando renderizamos fora do pós-efeitos Q, o pós-efeitos Q irá respeitar a cor que escolhemos para o fundo e ele irá renderizar essa cor. Mas quando renderizamos fora do Adobe Media Encoder, ele não vê essa cor Ele vê isso. Porque ele não quer renderizar transparência a menos que definamos algumas configurações especificamente para dizer a ele para renderizar isso como um canal alfa. Canal alfa significa apenas um canal de transparência. Se não dissermos a ele para renderizar isso como alfa, ele vai preencher isso com preto e teremos um fundo preto, que é claro que não é o que queremos. Vamos deixar isso verificado por um minuto apenas para que possamos ver como a solução aqui funciona. A solução é muito simples. O que vamos fazer é simplesmente colocar roxo no fundo. Agora seu primeiro instinto pode ser dizer criar uma forma de retângulo roxo e colocar isso no fundo e você poderia fazer isso. Mas honestamente, uma camada de forma é realmente mais complicada do que o que precisamos aqui. Agora temos usado camadas de forma de uma maneira muito simples, mas como eu mencionei, as camadas de forma podem ficar muito complexas e ter muita complexidade embutida nelas. After-Effects fornece uma solução mais simples para esse problema, e é um tipo de camada chamada de sólido. Agora, os sólidos inicialmente parecerão quase excessivamente simples para você, mas quanto mais você começar a trabalhar com efeitos secundários, você vai realmente ver que os sólidos são muito críticos e importantes e também servem quando você precisa de algo apenas simples como uma cor de fundo simples e você não quer usar algo tão complicado quanto uma camada de forma. Um sólido em poucas palavras é basicamente apenas um retângulo ou um quadrado de qualquer tamanho de qualquer cor. Isso é tudo o que é, apenas um quadrado ou um retângulo com uma cor nele. Vamos em frente e fazer um sólido aqui, e então vamos falar sobre isso um pouco mais. Vamos subir sob a camada de novo sólido. Você notará que também podemos usar o comando key, comando Y, e vamos escolher isso, e você verá que temos essa janela de configurações sólidas, que tem algumas semelhanças com a janela de composição, embora seja muito mais simples. No topo aqui, podemos dar um nome a isto e este vai ser o nosso passado. Eu só vou ligar para este BG para os antecedentes. Você também vai notar que o meu está sendo padrão para 1920 por 1080, o seu pode ou não padrão para isso. Eu acho que vai, eu acho que é padrão para o tamanho da composição. Mas se por qualquer razão sua largura e sua altura não dizem 1920 por 1080, você pode simplesmente clicar neste botão aqui, “Make Comp Size”, e ele automaticamente tornará seu sólido do tamanho de sua composição. Mas também note que você pode digitar qualquer número em tudo aqui, você pode fazer este sólido qualquer tamanho que você quiser. Ele ainda vai ser apenas um retângulo ou um quadrado, você não pode fazer nenhum tipo de formas com isso, mas você pode fazer esse retângulo ou quadrado qualquer tamanho que você quiser. Queremos ter certeza de que a proporção é pixels quadrados, que deve ser o padrão, basta deixar isso. Então aqui embaixo, podemos escolher uma cor, e claro, queremos nossa cor roxa, então vamos pegar nosso colírio aqui. Vamos até nossa biblioteca e escolher nossa cor roxa, e vamos clicar em “Ok” e agora isso vai colocar nosso sólido em cima de nossa imagem aqui. Observe que é apenas uma camada como qualquer outra camada. Tem um ponto de ancoragem, tem as cinco transformações como qualquer outra camada teria. Mas é simplesmente um retângulo que é roxo, isso é tudo o que é. Agora vamos seguir em frente e arrastar isso para baixo e vamos colocar isso na parte inferior da nossa pilha de camadas aqui, e agora temos nosso fundo roxo que será renderizado a partir do Adobe Media Encoder. Com nosso espaço de cores definido e nosso plano de fundo real, agora estamos prontos para adicionar isso à fila do Adobe Media Encoder. Agora, antes de começar isso, uma nota muito importante para o vídeo aqui, vou editar esse procedimento para baixo, então tudo acontece um pouco mais rápido. Dependendo do tipo de computador que você tem, isso pode ir mais lento ou mais rápido, mas uma grande idéia é, que quando você está passando pelo procedimento de renderização com o Adobe Media Encoder, seja paciente. É muito possível novamente, dependendo do tipo de máquina em que você está trabalhando para cada uma dessas etapas levar um bom tempo. A primeira coisa que vamos fazer é certificar-se de que a composição que vamos renderizar é selecionada aqui na linha do tempo, e lembre-se disso, estamos procurando este pequeno contorno azul ao redor da janela, então queremos fazer certeza que esta janela da linha do tempo está selecionada. Em seguida, vamos subir na composição, adicionar à fila do Adobe Media Encoder. Vamos em frente e selecionar isso. Mais uma vez, seja paciente. Uma vez que você seleciona isso, o que tem que acontecer é que o Adobe Media Encoder tem que abrir, o que às vezes leva um tempo, e então ele tem que carregar a composição em sua fila, que também pode demorar um pouco. Em certas máquinas, já vi levar vários minutos. Mais uma vez, vou editar isso para que aconteça rápido e rápido. Mas se estiver demorando mais, basta pausar o vídeo e esperar. Não entres em pânico ou penses que algo está a correr mal. Apenas seja paciente e espere. Assim que o Media Encoder for aberto. Você também deve aguardar e certificar-se de que sua renderização foi adicionada à fila. Se você não vê esta linha aqui, então você ainda tem que esperar um pouco. Novamente, às vezes isso vai demorar um pouco. Mas uma vez que você tem esta janela aberta e sua renderização foi adicionada à fila, nós só precisamos alterar algumas configurações. Se você configurar sua composição corretamente em primeiro lugar, você deve ver H264, que será o codec de compressão para nossa renderização bem aqui. Mas queremos alterar apenas um pouco as configurações de renderização. Vamos em frente e clique onde diz “fonte correspondente alta taxa de bits.” Vá em frente e clique nisso, e novamente, seja paciente isso pode levar alguns minutos para carregar. A próxima coisa que aparecerá são as configurações de exportação. Aqui onde diz, “Nome da Saída”, posso clicar sobre isso e posso alterar o nome do arquivo de vídeo que vou renderizar. Será padrão para o nome da composição. Eu só vou ir em frente e deixar isso. Você também pode escolher onde ele renderiza. Eu também não vou mudar isso, mas se você clicar sobre isso, você vai ter um encontrar uma janela e você pode optar por renderizar para um local diferente. O padrão é para uma pasta que o Adobe Media Encoder cria na pasta do projeto e será renderizada por padrão nessa pasta. Eu geralmente gosto de ir em frente e usar essa pasta. Eu acho que é conveniente e ter renderizações dentro de sua pasta de projeto faz sentido para mim. Mas se você quiser mudar isso ou mudar o nome, clique aqui e você pode fazer as alterações que desejar. O que queremos fazer é ajustar as configurações de compressão apenas um pouquinho. Quero dizer com toda a honestidade que eu não sou um super gênio tecnológico quando se trata de coisas como renderização. Sou um animador, não um diretor técnico. Vou lhe dar algumas configurações recomendadas, mas não posso dizer exatamente por que elas funcionam. É um pouco acima da minha cabeça, tecnicamente falando, as configurações que eu vou recomendar para você são as configurações que recomendamos para todos os estudantes da Ringling College of Art and Design, Motion Design. São configurações recomendadas pelos membros mais tecnicamente da nossa faculdade. Essas configurações lhe darão um vídeo de qualidade agradável em um tamanho de arquivo muito razoável. Novamente, todo o tópico de renderização e renderização de codecs e formatação de um vídeo é vasto. Vamos começar com essas configurações simples e básicas que funcionam muito bem para nossos alunos da Ringling. Vamos descer a esta pequena janela aqui onde diz vídeo. Você verá que há uma pequena barra de rolagem aqui, vamos rolar para baixo, e vamos alterar essas configurações de taxa de bits um pouco. Vamos mudar a codificação de taxa de bits de VBR 1 pass para VBR 2 pass, isso fará com que nossa renderização seja um pouco mais lenta, mas um pouco melhor qualidade. Então vamos mudar o alvo e a taxa de bits máxima. Vamos reduzir estes apenas alguns bits, então vamos reduzir a taxa de bits alvo para oito e a taxa de bits máxima para 10. Isso só tornará o tamanho do nosso arquivo um pouco mais razoável, mas ainda vai nos dar um vídeo de boa qualidade. Ok, é isso. Uma vez que temos esses definidos, podemos ir em frente e clicar em “Ok” agora você vai ver personalizado na predefinição aqui, e agora para renderizar nosso filme, nós simplesmente temos que clicar no pequeno botão de seta verde bem no topo. Mais uma vez, vou acelerar isto. Seus tempos de renderização podem ser diferentes dos meus dependendo da velocidade de sua máquina. Mas você vai querer ser paciente enquanto isso se torna. Uma vez que seu filme é renderizado, você pode clicar aqui onde ele diz “ Arquivo de saída ”, e ele irá saltar para o arquivo em seu localizador, que é uma maneira muito útil de revisar rapidamente seu arquivo de vídeo e ver seu animação. 22. Resumo: Nós cobrimos muita coisa nesta aula. Analisamos em profundidade a área de trabalho do After Effects, trabalhando com camadas de forma, definindo quadros-chave, controlando a velocidade ou a velocidade do movimento com temporização e espaçamento, adicionando atenuações e seguranças, afundando em uma faixa de áudio e criação e renderização de uma animação simples. Espero que você esteja se sentindo muito mais confortável com o After Effects e animado com as possibilidades que este poderoso software oferece. As técnicas profissionais, as dicas e os principais comandos que tenho compartilhado com vocês ajudarão a construir bons hábitos e uma base sólida. Espero que você esteja animado para minhas próximas aulas nesta introdução ao After Effects série. Agora, se você seguiu junto comigo exatamente para este projeto ou tomou algumas liberdades criativas com a animação, ou se você decidiu voltar e criar sua própria animação de design de tambor exclusivo. Eu adoraria ver o que você inventou. Certifique-se de postar sua animação para que seus colegas e eu possamos ver seu trabalho. Muito obrigado por assistir, e te vejo na próxima aula.