Adobe After Effects CC — treinamento básico

1. Apresentação: Olá, sou Daniel Walter Scott e me uni ao brilhante designer de movimento Kyle Hamrick para este curso do After Kyle Hamrick para este curso do After Juntos, criamos o melhor curso de After Effects do mundo. Você vai adorar. Você está pronto para fazer algo totalmente diferente deste mundo? Bem, boas notícias porque o After Effects torna isso possível. Mas não se preocupe. Isso não é ciência de foguetes São gráficos em movimento, o que pode ser ainda mais legal. Oi, aí. Sou Kyle Hamrick, designer de filmes, editor de vídeo, criador de conteúdo e instrutor de longa data editor de vídeo, criador de conteúdo e instrutor de Uso o After Effects há mais de 20 anos para criar conteúdo para grandes clientes, pequenos clientes e só para mim. Adoro criar com o After Effects e também adoro ajudar outras pessoas a adorá-lo. Este curso é para pessoas que não conhecem o After Effects e os gráficos em movimento. Começaremos do início e trabalharemos no processo passo a passo. Neste curso, ajudarei você a se familiarizar com a interface do usuário do After Effects e com as ferramentas e fluxos de trabalho essenciais aqui Mas, o mais importante, também falaremos sobre o porquê por trás do que você está clicando, ajudando você a entender os fundamentos de como pensar em os fundamentos de como pensar gráficos em movimento e trabalhar com tempo como um aspecto de sua caixa de ferramentas criativas, para que você possa criar projetos multimídia que sejam eficazes e envolventes para seu público Como eu disse, vou orientá-lo passo a passo em tudo, e fornecemos recursos e links para que você possa criar seus próprios projetos junto comigo Você poderá usar o que fornecemos ou encontrar ou criar seus próprios elementos para dar toque único a cada projeto. Se você já está confortável projetando o Adobe Photoshop ou o Illustrator, mostrarei como estruturar adequadamente seus designs para animação e como importá-los sem problemas para importá-los sem problemas para o After Se você já tem alguma experiência trabalhando com vídeo, After Effects também se integra bem ao Adobe Premiere Também abordarei essa funcionalidade mais tarde. Então, espero que você esteja animado para descobrir se nunca abriu o After Effects antes de hoje, ou talvez tenha experimentado e se sentido um pouco confuso De qualquer forma, estou aqui para ajudá-lo a se sentir confortável e confiante aqui, para que você possa fazer deste movimento mundial projetos que chamarão a atenção das pessoas e abrirão um novo universo de possibilidades para seu trabalho. Então aperte o cinto. Estamos prontos para decolagem criativa em três, dois, 2. Primeiros passos no After Effects: Em primeiro lugar, bem-vindo ao curso. Estou empolgado por você estar pronto para aprender todas essas coisas novas e legais, e estou ansioso para ser seu guia nessa jornada. Em primeiro lugar, certifique-se de ter o Adobe After effects instalado em seu sistema. Este curso foi elaborado para muitos acompanhamentos, então você não vai muito longe sem ele. Você não precisa instalar outros aplicativos da Adobe para concluir este curso, mas os projetos de classe oferecem várias oportunidades para você trabalhar com seus próprios designs, se quiser. Então, se você quiser tirar proveito disso, obviamente precisará usar um aplicativo apropriado para fazer isso. After Effects se integra bem com o Adobe Photoshop e o Illustrator e também com o Adobe Premiere E eu recomendo ter pelo menos alguns deles instalados se você planeja trabalhar muito no After Effects além deste curso. Outros aplicativos também podem ser úteis dependendo do tipo de projeto que você está fazendo. Para ajudar a prepará-lo para o sucesso, incluímos muitos dos arquivos de projeto que você me verá usando durante as aulas Você também receberá meus exemplos completos e vários recursos que você pode usar para praticar e concluir seus próprios projetos de classe. Os arquivos serão baixados em sua máquina como um arquivo ZIP, que você precisará descompactar antes de poder trabalhar com eles. Uma observação muito importante sobre esses arquivos baixados. Você pode colocar esses arquivos onde quiser em sua própria máquina, mas você realmente deve manter tudo junto. Não divida as coisas nem mexa na estrutura de pastas pois é provável que você mexa com alguns dos links dos arquivos Todos os arquivos usados em um projeto do After Effects são simplesmente links para esses arquivos no disco rígido do seu computador. Portanto, se você movê-los, alterar o nome ou qualquer outra coisa que possa alterar esse link, After Effects não saberá para onde o arquivo foi e ele será substituído por essas barras coloridas. Se isso acontecer com você ou se você precisar baixar algum elemento do projeto que talvez eu não consiga incluir diretamente por motivos de licenciamento, deixe-me mostrar como corrigir isso Se você abrir um projeto e receber a mensagem de que faltam arquivos, precisará vinculá-los novamente antes de começar a trabalhar. Então, basta pressionar OK. Você provavelmente verá essa versão maluca de barra de cores da sua animação que você espera ver E aqui no painel do seu projeto, você verá ativos com o ícone da barra de cores. Isso significa que eles estão faltando. O que você precisa fazer é selecionar um de seus ativos, clicar com o botão direito do mouse e escolher substituir arquivo de gravação Agora você só precisa navegar até o local em seu disco rígido onde esse arquivo está. Diga qual arquivo você deseja e escolha Importar. Se houver outros arquivos ausentes do mesmo projeto no mesmo local, o After Effects realmente os encontrará e os revinculará para você Se eles não estiverem agrupados dessa forma, talvez seja necessário repetir esse processo para cada elemento Também quero ressaltar que estou gravando isso usando o After Effects 2026, mas quase tudo o que estou cobrindo deve estar disponível pelo menos nas poucas versões anteriores Se você estiver usando uma versão muito mais antiga, parabéns por guardar esse item colecionável, mas você pode se deparar com alguns lugares em a interface do usuário ou a funcionalidade tenham mudado um Você também deve saber que o After Effects pode ser um aplicativo exigente. E se você tiver uma máquina antiga ou criada para um fluxo de trabalho de design mais estático, talvez encontre momentos em que seu sistema tenha dificuldades. modo geral, você quer um processador decente e relativamente moderno, uma quantidade razoável de RAM, uma quantidade adequada de espaço em um disco rígido rápido e, idealmente, uma placa de vídeo dedicada. Posteriormente, darei algumas dicas sobre como maximizar tudo com o que você está trabalhando. Mas como a definição de decente está sempre mudando quando se trata de hardware de computador, no site da Adobe, você pode encontrar recomendações para especificações de sistema adequadas e atuais Obviamente, eles evoluem com o tempo, então esse pode ser um bom lugar para começar Normalmente, você descobrirá que quanto mais complexos seus projetos se tornam, mais difícil sua máquina provavelmente terá que trabalhar. Se você estiver usando muitas camadas, criando algo em resolução muito alta, usando arquivos de vídeo grandes ou trabalhando com três recursos D, é aí que você pode começar a sentir essas limitações em máquinas mais antigas. Como eu disse há um minuto, estou muito empolgada em ser seu guia ao iniciar sua jornada com o After Effects. Adoro esse aplicativo e o uso quase todos os dias há mais de 20 anos para criar trabalhos para clientes todo o mundo e para projetos criativos pessoais. Eu penso nisso como um enorme playground criativo onde quase tudo é possível. É claro que partes deste aplicativo terão uma pequena curva de aprendizado. Mas se você também é novato em animação, lembre-se de que não se trata apenas de software Você está aprendendo uma maneira totalmente nova de pensar. Portanto, seja paciente consigo mesmo e esteja pronto para aprender, e prometo que você criará coisas novas e incríveis antes que perceba. 3. visão geral do After Effects: Antes de mergulharmos nas aulas, quero dar uma visão geral rápida do que é o After Effects e o que você pode fazer com ele. A resposta para essas duas coisas é muita. Muitas vezes, você encontrará uma descrição como o After Effects é o software padrão do setor para gráficos em movimento , efeitos visuais e composição digital Ok, mas o que isso significa? O After Effects permite combinar imagens, vídeo , áudio, dois D, três D, elementos digitais e elementos do mundo real. Mas a chave é que ele permite que você anime essas coisas ao longo do tempo Embora não seja um requisito, praticamente tudo o que você fizer no After Effects provavelmente se moverá, mudará ou evoluirá de alguma forma E isso por si só pode ser uma nova maneira de pensar para você. Aqui está uma lista muito incompleta dos tipos de projetos que você pode usar o After Effects para criar. Anúncios de mídia social. Vídeos que explicam um produto ou serviço. A sequência do título de um filme ou programa de TV, tipografia animada, animação de personagem, remoção de um logotipo ou elemento de fundo indesejado de um Criando planos de fundo animados para uma performance ou evento esportivo, colocando alguém em um ambiente virtual Criação de maquetes animadas para desenvolvimento de aplicativos, dando superpoderes a uma pessoa e usando a automação para criar centenas de versões personalizadas de O After Effects é uma espécie de combinação de vários aplicativos de design digital que você pode ter usado antes com muitos recursos de uma suíte de edição e pós-produção de vídeo, e isso é provavelmente metade do que ele faz. Você pode criar 100% de um projeto diretamente no After Effects ou pode ser apenas um local onde você monta peças criadas em outros aplicativos Como faz parte do Adobe Suite, você descobrirá que o After Effects tem boas integrações com muitos outros aplicativos e você deve absolutamente continuar a utilizá-los para as coisas em que eles são bons, especialmente se você já estiver confortável com eles Se você estiver cortando fotos ou pintando digitalmente, faça isso no Photoshop Crie belas ilustrações vetoriais no Illustrator e edite seus vídeos na estreia E então o After Effects pode ser o lugar onde você combina todos esses elementos em um único projeto coeso Mas escute, você não precisa ficar sobrecarregado aqui. After Effects pode ser um canivete suíço, mas isso não significa que você precise se preocupar com todas as ferramentas imediatamente. Eu aposto que 10% do programa é provavelmente o que você acabará usando para cerca de 90% do trabalho que você faz aqui. E há várias ferramentas especializadas que você pode usar todos os dias ou nunca, dependendo do que está fazendo. Este curso foi desenvolvido para ajudá-lo a se familiarizar com as funções básicas e os conceitos por trás dessas funções e, em seguida, apresentar a grande variedade do que é possível no After Effects, seja ajudando você a ver maneiras ampliar o trabalho que você já está fazendo ou ajudando você a descobrir um novo campo de possibilidades criativas. Vamos começar. 4. Seu resumo de design: Além das aulas, você também receberá projetos que lhe darão a chance de colocar seus novos conhecimentos em prática. No entanto, para garantir que não tenhamos exatamente as mesmas animações, criamos esse gerador aleatório de projetos, que fornecerá um resumo criativo exclusivo para você usar como ponto de partida Você só precisa encontrar o nome deste curso, que é After Effects essentials, clicar nele, e tudo o que você precisa fazer é responder uma pergunta. Qual é a sua cor favorita? Vou digitar em vermelho e clicar em Gerar meu projeto. E bum, é muito fácil. Você receberá um resumo criativo, assim como este. seus detalhes serão um pouco No entanto, seus detalhes serão um pouco diferentes dos meus. Vamos analisar isso e ver com o que estamos lidando. Por isso, fomos convidados a criar materiais promocionais em movimento para a Sagitta Star Lines Parabéns. Você foi escolhido como designer de movimento da Sajoa Starlines . Que honra. Uma importante marca de turismo espacial se prepara para anunciar uma nova oferta de viagem para Júpiter, o Stormy Gas Giant A empresa é especializada em viagens orbitais de luxo e excursões interplanetárias Isso parece divertido. Seu objetivo é usar o After Effects para criar ativos multimídia centrados na cor vermelha característica da marca Você deverá produzir uma variedade de ativos digitais, como gráficos em movimento, vídeos, cenas compostas de efeitos visuais, infográficos animados e outros Acha que você pode prepará-los a tempo para o grande lançamento? Estou muito animado para começar a fazer isso, mas se por algum motivo você não gostar do que tem, pode clicar neste botão de tentar novamente aqui Mas vou avisá-lo de que, se você tentar várias vezes, digamos, mais ou menos três, coisas ruins podem acontecer Isso causará o fim do universo? Talvez, talvez não. Mas eu não testaria isso se fosse você. Se você estiver satisfeito com seu resumo, basta clicar aqui para fazer o download como P e G, e agora você poderá referenciá-lo facilmente ao trabalhar em seus projetos posteriormente no curso. Eu absolutamente encorajo você a ser criativo e dar sua própria opinião a cada um dos projetos, mas este resumo exclusivo lhe dará um ótimo ponto de partida. Boa sorte 5. Navegue pela interface: verdade, esta seção foi criada apenas para ser um tour do After Effects e de algumas funcionalidades básicas. Então, você pode simplesmente assistir às próximas aulas e estar pronto para começar. Mas eu sei que alguns de vocês gostam de aprender com as mãos, então estão livres para acompanhar, se quiserem. Obviamente, não vou explicar cada botão logo de cara. Então, se você quebrar alguma coisa, não se preocupe, chegaremos lá mais tarde. E desde que você não economize nada, você realmente não pode causar muitos danos aqui, de qualquer maneira. Ao abrir o After Effects, você verá essa tela inicial. E se você tiver algum projeto que tenha aberto anteriormente, você os verá listados aqui. Agradável e conveniente. Antes de abrir este projeto, quero chamar sua atenção para esta guia de aprendizado aqui. Se você clicar aqui, terá acesso aos tutoriais disponíveis da Adobe no site ou diretamente no Então, essa pode ser uma ótima maneira complementar algumas das coisas que estou ensinando, ou pode ser uma boa pausa se você se cansar da minha voz. Eu tenho um projeto que preparei especificamente como um pequeno passeio pelo aplicativo, então virei aqui para abrir o projeto e escolher esse projeto, que se chama Bem-vindo ao AE. E aberto. A primeira coisa que quero destacar é essa barra superior direita. Esses são os espaços de trabalho. Atualmente, estou trabalhando no espaço de trabalho padrão. Se você estiver em outra coisa, basta clicar no nome para escolher aquele. No geral, acho que você descobrirá que essa interface de usuário é na verdade, um pouco mais familiar do que você esperava. E há vários recursos aqui que não são diferentes dos outros Adobeaps se você já estiver acostumado com Começaremos aqui, no lado esquerdo, no que é chamado de painel do projeto. Resumindo, é aqui que você coloca suas coisas para poder trabalhar com elas. Depois de criar composições, que são as coisas em que você trabalha , elas vivem aqui E quando você importa ativos como imagens ou arquivos de vídeo, eles também ficam aqui. Você também pode ver que eu tenho a capacidade de organizar esses ativos e, quando você seleciona algo, você obtém informações sobre isso aqui nesta pequena área de miniaturas Essa área principal no centro é nosso visualizador, especificamente o visualizador de composição, porque existem outros. Resumindo, é aqui que você vê as coisas que está criando, seja como designs ou visualizando-as como animação Você pode selecionar e manipular camadas diretamente aqui. Então, novamente, semelhante aos aplicativos de design, nos quais você pode simplesmente arrastar coisas . Vou simplesmente desfazer isso E uma das maiores coisas para as quais quero chamar sua atenção é essa pequena área no canto inferior esquerdo. Agora, o After Effects é um programa baseado em pixels. Então, se eu clicar aqui e alterar a ampliação, isso obviamente terá um impacto na aparência Se eu escolher um número menor, zoom será reduzido, certo E se eu escolher um número muito maior como 800%, estou muito ampliado. E como são pixels, é claro, isso parece ruim, certo? Porque estou ampliado para 800%. Portanto, se você chegar muito perto ou se perder ou estiver se perguntando por que as coisas parecem de baixa qualidade, esse é provavelmente um bom lugar para verificar. Vou deixar esse conjunto caber em até 100%, para não ultrapassará que ele sempre caiba no espaço disponível que eu der, mas 100% a menos que eu mande. Logo ao lado, você verá outro menu suspenso. Essa é a sua qualidade ou resolução, pois o After Effects pode ficar um pouco pesado quando você começa ter muitas camadas e muitos efeitos. Portanto, ele permite reduzir temporariamente a resolução para que você não precise esperar tanto pelas visualizações No momento, eu tenho isso configurado como cheio, então ele está me mostrando cada pixel, em resolução total. Mas digamos que estou trabalhando em algo e não preciso ver cada detalhe, estou apenas me concentrando mais no movimento. Na verdade, poderia reduzir isso para algo menor, como um quarto. Agora vou poder trabalhar e pré-visualizar com muito mais rapidez, mas apenas com uma resolução mais baixa. Ele não exportará sua animação dessa forma. Isso é apenas para pré-visualização. Mas, mais uma vez, se você está olhando para o seu espectador e se perguntando por que as coisas não do jeito que você espera, esse é um bom lugar para conferir. Eu recomendaria deixar este configurado automaticamente. Dessa forma, ele sempre o manterá definido na resolução apropriada para a ampliação para a qual você está configurado Na parte inferior está nossa linha do tempo, e é aqui que você fará a maior parte do seu trabalho A linha do tempo é composta por camadas mais tempo. Portanto, temos camadas de elementos aqui, tanto coisas importadas quanto coisas que criamos, e elas estão empilhadas em uma disposição de cima para baixo, assim como nos aplicativos de design Então, à direita , temos um cronograma. Este em particular é de 8 segundos, como você pode ver aqui. E à medida que você se move no tempo, diferentes camadas podem aparecer ou desaparecer ou se mover ou mudar de outras maneiras. Vamos chegar aqui por cerca de 1 segundo em que coloquei esse marcador, e podemos ver como isso funciona Eu tenho esses três planetas aqui em cores diferentes, e se eu pegar o roxo e movê-lo sobre o vermelho, parece que está em cima dele, porque na pilha de camadas, está Vamos mover esse azul para cá e dar uma olhada. Está na parte inferior porque está abaixo de ambas. Mas se eu pegasse essa camada na pilha de camadas e a arrastasse acima das outras duas, agora parece que está no topo porque está acima delas na pilha de camadas. Vamos desfazer Nessa linha do tempo, coisas diferentes podem existir ou ser visíveis em momentos diferentes. Você verá que todos esses planetas são cortados para que não existam antes de 1 segundo Em seguida, cada um deles tem seu ponto externo cortado para que desapareçam em um momento ligeiramente diferente Aqui no início da minha linha do tempo, nenhum deles está visível ainda, e então puf, todos eles ao mesmo tempo E então um, dois, três, eles desaparecem. À medida que eu avança no tempo, outras camadas desaparecem e, eventualmente, alguma animação. O último painel principal que veremos é chamado de painel Propriedades, aqui no lado direito. O que é exibido aqui dependerá do que você selecionou porque é contextual Se eu selecionar essa camada de vídeo, ela me mostra que a camada se transforma, para que eu possa ajustar a posição, a escala, etc Mas se eu selecionar essa camada de texto, agora ela também me mostrará todas as propriedades de texto que eu posso ajustar. Ou se eu selecionar essa forma, ela me mostrará todos os tipos de propriedades que eu posso ajustar ou animar para essa forma After Effects também pode lidar com três camadas D, incluindo três modelos D reais. Portanto, este tem várias propriedades adicionais aqui, incluindo uma terceira dimensão nas transformações e, em seguida, opções adicionais para coisas como iluminação, sombras e até materiais Há muitos outros painéis aqui no After Effects, e abordaremos vários deles posteriormente no curso. Primeiro, vou aproveitar esse tempo para personalizar um pouco meu espaço de trabalho para simplificar as coisas para as próximas aulas Vou desmarcar essa camada para que você perceba que, na verdade, temos vários outros painéis aqui dispostos nessa pilha dobrável. E eu gosto disso. Você pode clicar em qualquer um deles e isso expõe esse painel Clique novamente para fechá-lo. Mas, na verdade, não precisamos de alguns deles para nossas aulas, então vou apenas escondê-los para manter as coisas um pouco mais limpas. Se você encontrar o pequeno menu de três bares ou o menu de hambúrguer, se estiver com fome, clique aqui e escolha Fechar painel Tchau tchau, áudio, uma linha é útil, mas também não precisamos dessa agora, então tchau E veremos a prévia mais tarde. Mas, por enquanto, vou fechar esse também. Agora eu só tenho propriedades, efeitos e predefinições. Com apenas dois painéis aqui, eu pessoalmente não gosto do arranjo de empilhamento e, se você também não gosta, veja como mudar isso Volte ao menu Hamburger e veja as configurações do grupo de painéis Se você não quiser empilhá-los, basta desmarcar o grupo de painéis empilhados Faz sentido, certo? Lá vamos nós. Eu gostaria que fosse um pouco maior, então eu poderia simplesmente arrastar essa divisória aqui Perfeito. Agora, eles ainda estão compartilhando esse espaço, mas com guias clicáveis Se você não gosta disso, pode deixá-los empilhados Faremos alguns outros pequenos trabalhos base em personalizações à medida que avançamos, e você está sempre livre para usar um layout que funcione melhor para sua tela e seu cérebro Porém, eu recomendaria manter o seu bem parecido com o meu, apenas para facilitar o acompanhamento. Se você quiser salvar um layout de espaço de trabalho, você pode vir até o Window Workspace Aqui, você pode redefinir o espaço de trabalho atual, salvar as alterações feitas neste, embora eu não recomende salvar o padrão, ou você pode salvar esse layout com um novo nome que faça sentido para você Em vídeos futuros, você poderá notar que tenho vários espaços de trabalho personalizados na minha lista, que pode ser muito útil para diferentes tipos de projetos usando vários monitores ou apenas sua preferência pessoal 6. Entendendo composições e projetos: I Tudo o que você criar no After Effects ficará dentro de uma composição. As composições estão dentro do projeto After Effects. Então, se você pensa em um projeto do After Effects como uma revista, uma composição é uma página. Você pode ter várias composições em um único projeto, mas também pode ter apenas uma ou literalmente centenas Você pode criar composições do zero e, em seguida, precisará tomar decisões para determinar o tamanho, a duração e outras especificidades dessa Você também pode criar composições a partir de ativos importados, e elas simplesmente herdarão as propriedades, como o tamanho do quadro desse Você pode até mesmo aninhar composições dentro de outras composições. Essas são chamadas de pré-composições. Se eu pegasse essa chamada Transform e a colocasse no meu visualizador, agora ela foi adicionada à pilha de camadas como qualquer outra camada Mas se você olhar aqui, ele tem um ícone de composição. Eu posso manipular isso e movê-lo, tratá-lo como qualquer outra camada Mas posso clicar duas vezes nela e agora posso ver todas as camadas internas que compõem a própria composição. Essa pode ser uma maneira muito útil de organizar as coisas ou, às vezes, você precisa fazer isso por necessidade. Conceitualmente, eles são semelhantes a agrupamentos ou símbolos no Illustrator ou componentes no Figma, onde você pode criar peças reutilizáveis que podem ser usadas várias vezes ao longo do projeto Vamos tirar proveito disso em algumas de nossas aulas posteriores. 7. Transformar propriedades: Cada camada visível no After Effects tem transformações de camada que permitem alterar a posição, o tamanho e assim por diante Se você optar por editá-los diretamente no visualizador, no painel de propriedades ou abaixo na linha do tempo, onde você pode acessá-los girando a camada aberta dessa forma, esses números expressam esses valores em relação à composição ou à própria posição, por exemplo, indica onde a camada está localizada em relação ao sistema de coordenadas dessas composições O primeiro valor é X horizontal e o segundo valor é Y, vertical. Você pode arrastar camadas no visualizador ou também pode clicar e arrastar em um valor. Isso pode ser muito útil se você quiser se mover apenas em uma direção, por exemplo escala expressa o tamanho de uma camada em uma porcentagem em relação ao tamanho padrão Então, se eu quiser que isso tenha metade do tamanho, eu poderia arrastar esse valor para 50%. A escala está vinculada por padrão, mas você pode desvinculá-la clicando neste pequeno ícone de cadeia e agora pode escalá-la de forma não proporcional . Vou desfazer Como esse é um programa baseado em pixels, se você dimensionar uma camada acima de 100%, começará a ver perda de qualidade porque, novamente, pixels, certo? Como esse é um programa de animação, rotação é expressa em dois valores. Você tem rotações completas e, em seguida, graus. Se eu clicar e arrastar sobre isso, você verá que ele vai para os graus positivos. Quando chego até 360, ele clica em uma rotação e zero grau, e depois volta para cima Eventualmente, faço duas rotações completas e reinicia novamente. O ponto de ancoragem é um pouco mais fácil de explicar quando você entende os outros três, porque o ponto de ancoragem é na verdade, o ponto em torno do qual a posição, escala e a rotação acontecem E quando você está potencialmente animando esses valores, isso é muito importante Veja essa pequena cruz no meio da minha camada, que é o ponto de ancoragem em torno do qual ela está girando e escalando Mas e se eu trouxesse isso para cá? Agora, quando eu giro a camada, esse é o ponto em que ela gira E se eu escalar a camada, é daí que ela está sendo dimensionada Veja a diferença que isso pode fazer quando eu começar a animar. Por fim, temos a opacidade, que mostra o quão opaca ou transparente essa camada é Cada uma dessas propriedades tem um atalho de teclado, como você pode ver aqui, A revela ponto de ancoragem, P para posição, para escala, R para rotação e T para opasa. Se você quiser ver mais de um de uma vez, basta segurar Shift e pressionar essa letra para revelar No momento, tenho opacidade. Eu posso segurar a tecla Shift e pressionar P para revelar a posição. Mantenha pressionada a tecla shift e pressione R para ver também a rotação. Para esconder um desses, faça a mesma coisa. Segure a tecla shift e pressione T, agora ela oculta a opacidade. Todas as propriedades ainda existem. Eles simplesmente não estão revelados no momento. À medida que você começa a lidar com mais camadas, espaço vertical se torna muito precioso aqui embaixo, então é bom poder ser seletivo sobre o que está visível no momento 8. Animando com quadros-chave: Os quadros-chave são um conceito fundamental da animação por computador. Gosto de pensar que eles têm um valor específico em um momento específico. Depois de criar dois valores diferentes em dois momentos diferentes, o que acontece no meio é a animação. Vamos pegar essa camada do planeta e movê-la para cá. Vou até meu painel de propriedades e, ao lado da posição da palavra, há um pequeno ícone de cronômetro Quando eu clico nele, ele ativa a animação para essa propriedade. O After Effects agora está basicamente me ouvindo para dar um valor diferente. Vou até minha linha do tempo e notarei que ela criou essa pequena forma de diamante. Esse é um quadro-chave Ele está mantendo esse valor de posição específico nesse momento específico, zero, neste caso. E se eu clicar e arrastar esse cursor de tempo azul, ele é chamado de CTI ou indicador de tempo atual, e eu o arrasto até aqui para 2 segundos. Agora, no visualizador, vamos arrastar esse planeta para outro lugar para dar a ele um valor de posição diferente. Observe como o After Effects criou um segundo quadro-chave abaixo na linha do tempo Agora eu tenho dois valores diferentes em dois momentos diferentes. Se eu trouxer meu CTI de volta ao início, você verá que isso é animação em movimento Eu adicionei o painel de visualização novamente para esta lição apenas para ressaltar que ele tem um botão de reprodução que você pode usar para acionar visualizações prévias Mas há uma maneira muito mais conveniente de fazer isso. Basta clicar na barra de espaço. Então, pressionarei a barra de espaço para fazer uma prévia e veremos que o planeta se move durante os primeiros 2 segundos, e então nada mais acontece porque não há outro valor para ele passar após o quadro-chave em Quando chega ao final da linha do tempo, ela volta ao início e é visualizada novamente até que eu pressione a barra de espaço Se eu quiser mudar alguma coisa nessa animação, posso alterar um desses valores ou a hora em que ela ocorre. Vamos voltar ao segundo quadro-chave em 2 segundos e alterar seu valor de posição Eu posso novamente pegar a camada no visualizador e movê-la até aqui. Agora minha animação ficará mais parecida com esta. Ou posso alterar a hora em que esse valor ocorre. Se eu arrastar o quadro-chave até aqui, agora a mesma animação acontecerá muito rapidamente Ou eu posso pegar o segundo quadro-chave e arrastá-lo até o final da linha do tempo Agora, a animação acontece muito mais lentamente. Claro, isso não é muito empolgante, então talvez pudéssemos adicionar mais algumas paradas ao longo do caminho. Lembre-se de que essa propriedade está basicamente ouvindo quaisquer novos valores que eu forneça. Talvez eu chegue até agora e arraste o planeta até aqui. Suba mais alguns segundos e arraste-o até aqui. posição em particular é útil para isso porque você pode realmente visualizar onde ela esteve e para onde está indo Vamos fazer mais uma prévia e conferir essa animação um pouco mais complexa que eu criei. Isso é só o começo, é claro, mas essas ideias são a base de quase tudo o que faremos no restante do curso. 9. Preferências, atalhos e solução de problemas: Se precisar fazer ajustes nas preferências do After Effects, no Windows, você os encontrará nas preferências do menu Editar. No Mac, você encontrará isso nas configurações do After Effects. Se você estiver usando uma versão mais antiga do After Effects, 2025 ou anterior, elas podem ser organizadas em uma ordem ligeiramente diferente, mas as opções são as mesmas. Como novos usuários, ainda não há muitas coisas com as quais você deva mexer, mas quero destacar algumas coisas porque elas afetam potencialmente a forma como o After Effects é executado em sua máquina Vamos verificar a memória e a CPU. Isso permite que você defina a quantidade de RAM usada pelo After Effects e a quantidade reservada para outros aplicativos. Talvez seja necessário determinar isso com base no seu sistema e na frequência com que você está usando outros aplicativos, como Photoshop ou o Illustrator, ao mesmo tempo Se você olhar embaixo do disco, poderá dizer ao After Effects onde colocar o que é chamado de cache. Quando o After Effects cria visualizações, ele usa a RAM e o espaço no disco rígido para manter essas Por padrão, ele apenas coloca isso nos arquivos temporários do sistema, que encherão lentamente o disco rígido até a quantidade que você permitir que ele seja usado Portanto, se você trabalha muito no After Effects e percebe que seu disco rígido está supercheio, esse seria um bom lugar para verificar e você pode esvaziá-lo se precisar. Novamente, você precisará navegar um pouco por si mesmo, dependendo do tamanho do disco rígido para o qual você configurou e dos tipos de projetos em que trabalha. Você provavelmente ainda não precisa fazer grandes ajustes em nenhum deles, mas se começar a ter problemas, esses são bons lugares para verificar. Quero dizer que estou trabalhando na versão em inglês do After Effects com um teclado em inglês. Então, todos os meus atalhos serão baseados nisso. Se você estiver trabalhando em uma instalação de idioma diferente ou com um teclado de idioma diferente, talvez seja necessário personalizar as coisas. Assim, você pode editar atalhos de teclado e verá esse ótimo editor visual de atalhos de teclado, que pode servir como uma referência útil e permitir que você faça as personalizações que desejar Se você tiver problemas com o After Effects, também poderá acionar um modo de inicialização segura quando o programa for aberto. Você clica no aplicativo e, durante a inicialização, mantém pressionada a tecla Control Alt Shift no Windows ou a tecla Command Option Shift no Mac Em seguida, você verá essas opções de reparo de inicialização, permitindo que você continue abrindo normalmente ou em um modo de segurança, redefina suas preferências ou gerencie quaisquer plug-ins de terceiros que você possa ter instalado. 10. Crie sua primeira composição.: Neste primeiro projeto, vamos mantê-lo agradável e fácil para que você possa se acostumar com tudo. Vou até aqui e clicarei em Novo projeto. E agora nos é apresentada uma interface vazia. Antes de podermos animar qualquer coisa, precisamos criar uma composição na qual nossas coisas possam viver After Effects geralmente tem vários lugares onde você pode executar os mesmos comandos, e esse é o caso aqui. Você pode acessar a composição, Nova composição ou, aqui embaixo, na parte inferior do painel do projeto, clicar neste pequeno ícone de composição. Ou bem no meio da tela, há um novo botão enorme de composição. Então, vamos fazer essa. Depois de clicar nele, você verá algumas configurações para escolher suas composições Esse primeiro campo é o nome das composições. Vou seguir em frente e nomear esse destino como Animation. Precisamos decidir quais configurações nossa composição terá, e isso geralmente é mais fácil de fazer escolhendo a partir dessa lista de predefinições Vou escolher o cenário de mídia social HD 192-010-8030 Então, vou clicar nele e ele define tudo para mim. Isso significa que nossa composição tem uma largura de 1.920 pixels e uma altura de 1080 Trabalharemos a 30 quadros por segundo e falarei mais sobre o que todas essas configurações significam um pouco mais tarde. A única outra coisa com a qual precisamos nos preocupar agora é nossa duração ou quanto tempo dura essa composição. Vamos definir isso para 10 segundos. Então, você pode simplesmente destacar esse texto e digitar dez, zero, zero. Não importará muito para este projeto, mas você pode escolher uma cor de fundo ao criar uma composição Então você pode simplesmente clicar neste chip de cores aqui e escolher uma cor diferente se você não quiser preto. Quando estiver pronto, basta clicar em OK. E agora que temos uma composição, estamos prontos para começar a criar 11. Crie uma camada de fontes.: Começaremos criando apenas uma camada de texto simples. Se você olhar para o topo da janela, verá todas essas ferramentas aqui em cima. Estamos procurando esse T, que é nossa ferramenta de tipo. Então, basta clicar nele e, em seguida, descer até o espectador e clicar para poder inserir o texto. Vou digitar o nome do meu destino, que é Júpiter Depois de digitar, você pode clicar em outro lugar ou pressionar Control ou Command Enter para confirmar esse tipo Com essa camada de texto selecionada, dê uma olhada aqui no painel de propriedades e você verá que você não só tem as transformações da camada, mas também tem todas as propriedades de texto que podem ser ajustadas Vou escolher um tipo de letra diferente. Eu tenho muitos instalados, então vou começar a digitar o nome do tipo de letra que eu quero, que é Estou procurando o Museo Slab, e vou usar essa versão grande dela Eu gostaria que meu texto fosse um pouco maior, então vou clicar e arrastar esse valor até que ele fique mais do tamanho que estou procurando. Também quero mudar esse texto para a cor vermelha que escolhi para minha marca. Então, vou clicar neste pequeno chip de cor de preenchimento aqui. Acontece que eu sei o código hexadecimal do vermelho que eu escolhi Então, em vez de pesquisar aqui, o que você pode fazer apenas clicando e arrastando, vou selecionar esse texto aqui embaixo e digitar o código hexadecimal, que para mim é ef3f2 E. Vou clicar em que para mim é ef3f2 OK para confirmar isso Agora, se eu quiser fazer ajustes adicionais na minha camada de texto, só preciso ter certeza de que tenho minha ferramenta de seleção volta porque, no momento ainda estou trabalhando com a ferramenta de texto, que você pode ver olhando para o meu cursor. Então, eu poderia voltar até a barra de ferramentas e clicar na ferramenta de seleção, ou você pode simplesmente pressionar V para recuperá-la E agora você está livre para arrastar essa camada de texto e reposicioná-la onde quiser até acertar 12. Importar mídia: Para um pouco de interesse visual, vamos adicionar uma imagem de fundo. E se você olhar seus arquivos de estudantes, verá que eu realmente lhe forneci alguns. Portanto, você pode usar apenas um desses, mas também pode encontrar ou criar um de sua preferência. After Effects importará qualquer um dos O After Effects importará qualquer um dos tipos de imagem mais comuns, como JPEG, PNG e até arquivos PDF Também funcionará com a maioria dos formatos profissionais e intermediários, como Targa, TIF e Open EXR Você pode trazer documentos em camadas Photoshop e do Illustrator Eles têm algumas funcionalidades extras sobre as quais falaremos mais tarde e também usarão outros formatos vetoriais, e também usarão outros formatos vetoriais como EPS e SVG, embora funcionem de forma um pouco diferente das imagens normais O mais importante a lembrar é que qualquer um desses ativos deve estar no modo de cor RGB Para importar um desses arquivos, basta acessar Arquivo, importar arquivo e, em seguida, navegar até o local em seu disco rígido que o arquivo desejado está armazenado. Vou pegar esse plano de fundo A aqui e clicar em Importar. Depois que o arquivo for adicionado ao seu projeto, você pode simplesmente pegá-lo no painel do projeto e soltá-lo diretamente no visualizador. Bem, isso encobriu meu tipo, e isso faz sentido porque, lembre-se, essas camadas funcionam de cima para baixo. Então, eu posso simplesmente pegar essa imagem e arrastá-la abaixo da minha camada de texto para que eu possa ver o que estou fazendo. Vou voltar para o visualizador aqui e apenas ajustar isso visualmente aqui. Acho que parece muito bom. Você verá que essa imagem em particular é maior do que minha tela. Se eu usar minha roda de rolagem para diminuir o zoom no visualizador, na verdade tenho bastante flexibilidade aqui, o que é bom ter. Vou voltar e agora estamos prontos para começar a animar 13. Apresente quadros-chave: Vou adicionar uma animação simples aqui. Vamos começar com a camada de texto. Então, selecionarei essa camada e você verá que ela a abre no painel de propriedades. Podemos trabalhar ali mesmo, se quisermos. Eu quero que ele se encaixe aqui. Então, vou pegar minha camada e arrastá-la direto da parte inferior. Se você quiser mantê-lo perfeitamente vertical, você pode segurar a tecla Shift para restringir isso Eu tenho minha CTI aqui no início da minha linha do tempo, quadro zero, e vou até o painel Propriedades e clico no pequeno cronômetro aqui para ver a posição para ativá-la Você verá que ele altera o ícone no painel de propriedades e cria um quadro-chave aqui embaixo na linha do tempo Vou arrastar minha CTI um pouco para frente até cerca de 1 segundo e depois colocá-la de volta no lugar certo Você pode ver que meio que deixa uma pequena linha atrás de onde estava indo. Isso é chamado de caminho de movimento e, novamente, falaremos mais sobre isso mais tarde. Também vou adicionar algumas animações simples à minha imagem. Nesse caso, acho que da esquerda para a direita meio que faz sentido. Então, vamos continuar e trazer o CTI de volta ao início da linha do tempo Vou selecionar minha camada de fundo e , novamente, criar um quadro-chave de posição Acho que fazer esse movimento por cerca de 5 segundos talvez faça sentido. Então, vou trazer meu CTI para lá e mover essa camada um pouco para o lado aqui Então, é meio que criar um pouco de movimento. Vou trazer minha CTI de volta ao início da linha do tempo mais uma vez e pressionar a barra de espaço para visualizar Tudo bem, temos algumas animações acontecendo. Ah, depois de chegarmos aos 5 segundos, não há mais quadros-chave, então não há mais animação acontecendo Deixe-me realmente pressionar a tecla menos na parte superior do meu teclado para diminuir o zoom, mostrar toda a linha e você poderá ver o que está acontecendo Portanto, nossa camada de texto está se movendo no primeiro segundo e depois para de se mover, e a camada de fundo se move nos primeiros 5 segundos e, em seguida, para de se mover. Então, você sabe o que? Não acho que realmente precisemos dos últimos 5 segundos dessa linha do Mas isso é sempre flexível. Sempre podemos mudar isso. Vou trazer meu CTI de volta aqui em 5 segundos. E então essa área aqui é chamada de sua área de trabalho, e você pode realmente alterá-la à medida que avança, seja apenas para pré-visualização ou para sua eventual exportação Vou pegar essa pequena área azul aqui e arrastá-la. E, novamente, você pode segurar a tecla Shift para encaixá-la. Se você gosta de teclas de atalho, você pode definir isso apenas com teclas de atalho. Você pode definir o início desta área com B. Vou simplesmente desfazer isso, ou você pode definir o final dela com a tecla Agora, quando fizermos pré-visualizações, ela só nos mostrará essa área Vou provar isso bem rápido simplesmente apertando a barra de espaço. E você verá que, quando chegar ao fim, ele fará um loop. Pressione a barra de espaço novamente para interromper a visualização. E se eu decidir que realmente quero cortar minha composição nesse tamanho, posso clicar com o botão direito aqui na barra da área de trabalho e escolher cortar composição para a área de Portanto, você sempre pode mudar isso à medida que avança. Aumentar a duração requer mais algumas etapas, mas isso também é possível. Vou manter minha animação bem simples aqui porque adicionaremos mais informações no próximo conjunto de aulas. Mas eu absolutamente encorajo você a fazer algumas experiências aqui e fique à vontade para ser um pouco criativo Na verdade, é só você ter uma ideia de como isso funciona e se acostumando com o quadro-chave Quando você estiver satisfeito com seu trabalho, garantiremos que ele seja salvo. Então, vamos arquivar, salvar e, em seguida, escolher um local e um nome de arquivo apropriados para você. 14. Exporte sua animação: Por fim, precisamos exportar essa animação para que possamos compartilhá-la ou publicá-la on-line. Se você começar a compor, adicionar duas filas de renderização, verá que, na verdade, há outro painel que compartilha espaço com seu visualizador de composição e, aqui, estamos configurando o que é chamado de fila de renderização Na verdade, você pode colocar vários itens aqui de uma só vez e depois exportá-los todos em um grande lote. Mas estamos apenas fazendo um por enquanto, e tudo bem. Há todos os tipos de opções aqui, e veremos algumas delas mais tarde. Mas se o seu padrão for h264 para corresponder às configurações de renderização de 15 MBPS, isso Eu só preciso vir aqui onde diz: Ainda não especificado e escolher um local para esse arquivo ir. Então, se eu clicar nele, ele abrirá meu navegador de arquivos. Só posso confirmar isso. Você pode alterar o nome do arquivo aqui se quiser e clicar em Salvar. Quando estiver pronto, você vem aqui e pressiona este botão de renderização. Esse carrilhão significa que está tudo pronto. Agora você pode encontrar esse arquivo, abri-lo e assistir à sua animação. Vamos ficar mais complexos a partir daqui, mas se essa for a primeira animação que você já criou, parabéns 15. Projeto do curso 01 - Animação de destino: Tudo bem, pessoal, é hora do projeto da aula. Esses projetos de aula são exercícios divertidos que criamos para você como uma boa maneira reforçar o que acabamos de abordar, e eles realmente ajudam a garantir que as informações fiquem no seu cérebro Assistir a algo é bom, mas fazer isso sozinho é ainda melhor. Este primeiro projeto foi criado apenas para ser um simples exercício de aquecimento, mas à medida que avançarmos, você criará coisas melhores que você pode até incluir em seu portfólio, se quiser Portanto, certifique-se de acompanhar, e eu adoraria ver você dar sua própria opinião a cada um deles. Lembre-se de obter seu próprio resumo do gerador de projetos aleatórios, caso ainda não tenha feito isso. Acabei com a SaguaStarlines como meu cliente. Vou usar o vermelho como cor principal da minha marca e estou criando materiais sobre como viajar para Júpiter Agora, quanto aos requisitos para este primeiro projeto, quero que você crie uma curta animação. Deve ser 1920 por 1080 a 30 quadros por segundo. Mantenha a calma e use essas predefinições Quero que você crie seu próprio design com pelo menos uma peça de texto e uma imagem de fundo. Você pode adicionar mais elementos se quiser, mas expandiremos o mesmo conceito na próxima seção. Portanto, não há problema em manter isso bem simples. O objetivo desse primeiro projeto é apenas acostumar você a trabalhar no After Effects antes de começarmos a incluir muitos outros elementos na mistura Quero que você crie um quadro-chave e anime a propriedade de posição de pelo menos uma camada para criar uma animação curta Se você quiser adicionar mais quadros-chave ou mais camadas de quadros-chave, novamente, tudo bem. Sinta-se à vontade para explorar e tentar se divertir aqui. Eu quero que você seja breve para manter o foco no que estamos tentando fazer aqui. 5 segundos provavelmente é uma boa duração para algo assim, mas se você quiser torná-lo um pouco mais longo ou um pouco mais curto, tudo bem também. O que achar melhor para sua animação. Como lembrete, aqui está o que eu construí para esse primeiro projeto Você pode ficar à vontade para usar algumas das imagens que eu forneci, ou essa seria uma ótima oportunidade de encontrar alguns de seus próprios visuais interessantes para seu próprio resumo e ver o que isso o inspira a criar Eu compartilhei alguns links para sites com toneladas de imagens gratuitas que você pode usar para seus próprios projetos Agora, em termos de resultados, quero que você exporte um MP quatro de sua animação usando a fila de renderização Isso é exatamente o que acabei de mostrar, e usar essa configuração padrão é perfeito aqui. Apenas certifique-se de nomear seu arquivo corretamente e exportá-lo para algum lugar onde você possa encontrá-lo. Provavelmente, eu recomendaria criar uma pasta específica para armazenar todas as exportações do resto dos projetos de sua classe, mas escolha um sistema que funcione melhor para você. Agora, na verdade, não podemos hospedar seus vídeos diretamente no site da aula. Então, o que pedimos é que você envie os vídeos que você cria para um site de hospedagem de vídeos. O YouTube é uma ótima solução gratuita, mas se você já tem uma conta em outro lugar e deseja usá-la, tudo bem também. Eu sei que o YouTube permite que você crie várias contas. Então, se você quiser, você pode até criar uma conta especial apenas para este curso. Assim, você publicará seu vídeo no site de hospedagem de vídeos e compartilhará um link para esse vídeo na seção de projetos ou tarefas deste site Só para deixar claro, esse link deve ir diretamente para um vídeo hospedado. Não vincule diretamente a um site de compartilhamento de arquivos como o Dropbox ou o Google Drive ou algo parecido, pois isso faria com que alguém precisasse baixar o arquivo para visualizá-lo Se você fizer isso acidentalmente, não será o fim do mundo, mas para obter crédito pelo projeto, você precisa se certificar de que ele esteja em um site de vídeo hospedado, como uma das opções acima Em projetos futuros, também encorajarei você a publicá-los em seus próprios canais de mídia social , apenas para que você também possa obter feedback. Mas para este primeiro, novamente, é apenas um aquecimento. Então, apenas publicá-lo no site da turma é totalmente bom. Tudo bem, hora de você mergulhar, se divertir e fazer algumas coisas se moverem 16. Configuração do projeto: Eu expandi esse design anterior com um layout atualizado. Eu tenho algumas camadas de texto adicionais, incluindo um slogan completo e o nome da empresa. Eu trouxe uma imagem do meu destino, que para mim é Júpiter e adicionei um pouco de cor ao fundo Eu forneci a você este projeto inicial aqui mesmo em seus arquivos de projeto, em loop promocional E você verá o arquivo After Effects aqui para poder acompanhar se quiser. Também importei um elemento de textura que gostaria de adicionar às minhas composições Então, vou trazer isso do painel do projeto aqui. Mas você verá que quando eu o arrasto diretamente para o visualizador dessa forma, ele o coloca no topo da pilha de camadas, o que, neste caso, não é o que eu quero Claro, eu poderia ajustá-lo, mas também poderíamos economizar um clique. Então, vou simplesmente desfazer ou pressionar delete, pois isso já está selecionado Em vez disso, vou arrastá-lo do painel do projeto diretamente para a linha do tempo Dessa forma, posso colocá-lo exatamente onde eu quiser na pilha de camadas, que para mim está entre as camadas cinco e seis Você verá que ele o centraliza no visualizador, além de colocá-lo exatamente onde você deseja na pilha de camadas Para o meu design, quero ajustar um pouco a opacidade, então vou clicar nela e colocá-la Só para que você possa ver com o que estamos trabalhando, abordarei as configurações de composição da composição. E você sempre pode vir aqui para verificar ou ajustar essas configurações para sua composição. Você verá que estou trabalhando na mesma predefinição do projeto anterior, 1920 por 108030 quadros por segundo, e defino essa duração para 6 Se você quiser que o seu seja um pouco diferente, tudo bem. Como temos mais camadas, acho que vale a pena dedicar um tempo para organizar nosso projeto um pouco para não nos perdermos. Na verdade, as camadas de texto são criadas com um rótulo vermelho por padrão, o que funciona muito bem na maioria das vezes. Mas aqui, é da mesma cor do texto, e isso não parece tão claro para mim quanto poderia ser. Então, eu realmente gostaria que fosse de uma cor diferente. Se você clicar no pequeno chip colorido ao lado do nome da camada, poderá configurá-lo como quiser. Eu vou escolher amarelo. Isso se destaca muito melhor no espectador e também na linha do tempo Vou selecionar dois e segurar o controle ou comando e selecionar Júpiter também e definir ambos para amarelo Acho que não há problema em manter o nome da minha empresa em vermelho, então vou deixar esse de lado e selecionar a imagem baixada. Huh, esse é um nome terrível. Vamos renomear isso pressionando Enter e eu digitarei Planet Pressione Enter novamente para confirmar. E então eu vou definir essa camada para ser laranja. Acho que é muito mais claro para mim acompanhar o que estou fazendo e provavelmente muito mais fácil para você acompanhar também Só para garantir que não peguemos acidentalmente a textura ou as camadas de fundo enquanto trabalhamos nos outros elementos, vou dar uma olhada aqui nesta coluna de bloqueio e clicar para bloquear as duas camadas E embora isso realmente não afete nossa animação, vamos dar uma olhada no painel Projeto. Sei que só temos quatro coisas neste projeto, mas não queremos que seja um depósito de lixo bagunçado Na verdade, você pode criar pastas para colocar seus elementos. Há um ícone aqui embaixo na parte inferior do painel do projeto, ou você pode clicar com o botão direito do mouse em Nova pasta. Vou apenas nomear esses ativos, selecionar esses elementos e colocá-los diretamente dentro. Você pode abri-lo novamente ou deixá-lo fechado, se quiser. Para este projeto, isso não fará muita diferença, mas é um bom hábito adotá-lo enquanto as coisas ainda estão simples. Agora que temos tudo bem, organizado e codificado por cores, estamos prontos para animar 17. Adicionar quadros-chave: Antes de começarmos a animar, vamos pensar em nosso conceito Quero que seja uma promoção em loop, que significa que eu provavelmente deveria começar sem nenhum desses elementos principais na tela, colocá-los no lugar, deixá-los sentados aqui por um tempo e depois animar de volta Então, se eu começasse a animar agora mesmo com o cursor aqui no início da minha linha do tempo, eu poderia mover tudo, mas seria muito difícil colocá-los de volta nas posições corretas, E passei algum tempo trabalhando nesse layout. Então, vamos desfazer isso. Em vez disso, talvez você queira pensar em fazer isso de trás para frente , se for mais fácil pensar dessa forma Vou começar criando meus quadros-chave no quadro quando eu quiser que eles apareçam. Vou aumentar meu CTI para cerca de 1 segundo aqui. E para este projeto, vou trabalhar na linha do tempo em vez do painel Propriedades, mas você pode usá-la se quiser Eu poderia abrir essa camada e ver todas essas transformações aqui, mas isso já está ocupando muito espaço Estou planejando apenas animar a posição dessa camada, então pressionarei P, tornando essa a única propriedade visível Vou clicar no cronômetro para criar um quadro-chave de posição e, em seguida, quero voltar ao início da minha linha do tempo, onde eu poderia, é claro, arrastar a CTI ou simplesmente pressionar home Vamos arrastá-la para a esquerda da lateral da tela, novamente, segurando a tecla Shift, se quiser mantê-la perfeita e fazer uma pré-visualização rápida. Ainda não é tão empolgante, mas é um começo. E vamos usar a mesma ideia com todas as outras peças. Acho que provavelmente faz sentido ter tudo isso se movendo aproximadamente na mesma velocidade. Então, às vezes é mais fácil fazer todas as animações e depois compensar o tempo quando você tem uma ideia de como elas estão se movendo juntas E é exatamente isso que vamos fazer aqui. Vou trazer o CTI de volta para 1 segundo para corresponder ao segundo quadro-chave Vá em frente e selecione dois, pressione P para revelar a posição e ative o cronômetro, home para voltar ao início, e vamos arrastá-lo para a direita Observe como você ainda pode ver exatamente onde eles estão, mesmo quando estão fora da tela visível , muito útil, certo? Volte para 1 segundo, selecione nossa camada de Júpiter, pressione P para revelar a posição, ative o cronômetro, home para voltar ao primeiro quadro, e vamos tirar esse, sei lá, de baixo Eu sei que isso vai se sobrepor ao nome da empresa, mas vamos descobrir isso em um minuto Vamos voltar para 1 segundo. E acho que para o nome dessa empresa, vamos usar opacidade. Então, vou pressionar T para revelar esse. Crie um quadro-chave, volte ao início e arraste-o até zero Acho que para o planeta, vamos tentar algo um pouco diferente. Faremos tanto a escala quanto a rotação. Esse pode ser um bom momento para o painel de propriedades, pois lembre-se de que, quando você cria quadros-chave lá em cima, ele revela essas propriedades na linha do tempo Então, basta clicar em clicar, e ambos agora são revelados na linha do tempo Pressione home para voltar ao início. Vou esfregar esse valor de rotação um pouco para trás, talvez em torno de -50 Você provavelmente não precisa ser exato. Em seguida, clique em qualquer valor da escala e defina-o como zero. Faça uma prévia e veja como é. Tudo bem, essa é a ideia básica que eu procuro, mas tudo está meio que acontecendo ao mesmo tempo Falaremos sobre isso em um minuto. Mas isso é mais ou menos o que estou procurando. No momento, estamos passando muito tempo examinando partes da linha do tempo em que nada está animado ainda Então, vamos cortar isso temporariamente , para não perdermos Vou colocar meu cursor aqui por volta de 3 segundos e pressionar N para que possamos cortar essa área de trabalho Vamos usar o resto desta linha do tempo, não precisamos assisti-la agora 18. Ajuste o tempo da camada: Ao incluir várias camadas ao mesmo tempo, você quer pensar na experiência dos espectadores e em como eles vão interpretar isso. Especialmente quando você está lidando com camadas de texto, você deve pensar em apresentá-las ao espectador na ordem em que ele as leria, o que, neste caso, é, obviamente, é viagem a Júpiter com Sagitta Então, se fizermos com que cada palavra aconteça um pouco mais tarde do que a anterior, isso realmente ajuda nessa apresentação. Então, vamos até aqui e talvez dê uma olhada, vamos tentar dez quadros. Então, eu estou no quadro dez aqui, e vou selecionar essas duas camadas e arrastá-las para que comece no quadro dez em vez do quadro zero. Agora, quero ressaltar que você não quer se arrastar desde o início até aqui. Veja como o cursor mudou porque isso na verdade seria cortar a camada, o que não é o que queremos aqui Queremos movê-lo a tempo, sem mais nem menos. E agora, começa um pouco mais tarde. Vamos tentar mais dez quadros e mover Júpiter até aqui Vamos ver como eles se sentem. Esses outros vão meio que atrapalhar. Mas parte de trabalhar nisso é meio que treinar seu olho para olhar para as peças em que você está trabalhando e ignorar algumas das que você não está. Isso é melhor. Estou sentindo que como a viagem se move um pouco mais longe do que as outras, parece um pouco mais rápida Então, talvez possamos mover esse segundo quadro-chave um pouco mais tarde, selecionar os dois, segurar a tecla Shift para fazer isso, e simplesmente movê-los um pouco mais para ver como é Sim, eu gosto disso. Agora, é claro, Saga to Star lines precisa acontecer um pouco mais tarde Então, vamos trazer esse caminho aqui para que não seja coberto até aqui para que não seja coberto por Júpiter à medida que surge. Lá vamos nós. Isso provavelmente funciona. E vamos descobrir o momento certo para este planeta. Não sei, talvez por lá. Muito disso é meio que estacionar coisas e depois assistir, fazer ajustes, assistir novamente, continuar ajustando até ficar feliz E eu acho que é muito bom. 19. Crie um loop: Agora, isso deveria ser uma promoção em loop, que significa que preciso animar tudo isso de volta para fora da tela no final Então, pressionarei a tecla final para ir até o último quadro da minha linha do tempo e, em seguida, pressionarei N para esticar essa área de trabalho de volta para cobrir toda a linha do Como estamos focando apenas no final, poderíamos realmente trazer o início da área de trabalho um pouco mais tarde, talvez por aqui, 315 Vou pressionar B e agora veremos apenas a segunda parte da linha do tempo Fizemos nossas animações anteriores em cerca de 1 segundo, então essa é provavelmente uma boa estimativa para retirá-las. Então, vou colocar meu cursor para a direita por volta de 5 segundos aqui. E eu poderia selecionar essas três camadas superiores, voltar para qualquer uma delas e clicar no pequeno diamante vazio aqui para criar outro quadro-chave Veja como ele funciona com os três desde que eles foram selecionados. Então eu poderia pular para o final da minha linha do tempo. Basta clicar em qualquer um deles aqui selecionar cada um e movê-lo de volta para fora da tela para onde quiser. Vamos tentar talvez mover Júpiter para o lado desta vez, só para variar um pouco. Vamos ver como isso se sente. Parece um pouco rápido para mim. Então, vamos realmente pegar cada um deles. Vamos tentar mover todos eles de volta. Digamos que cinco quadros. Na verdade, você pode usar as teclas page up e page down para mover um quadro por vez. Então, vou clicar em página para cima, um, dois, três, quatro, cinco, e depois mover todos esses três quadros-chave e ver como é. Não é tão ruim. Estou percebendo que dois parecem um pouco mais lentos porque não estão se movendo tão longe, então talvez aquele possa realmente voltar para onde estava aqui E poderíamos até mesmo considerar uma pequena compensação em cada um desses quadros-chave Eu poderia arrastar uma caixa ao redor desses dois primeiros, movê-los um pouco assim. Então, está criando, novamente, uma sensação de cima para baixo. Acho que pode estar indo na direção certa aqui. Vamos continuar e fazer com que nossa camada de linhas Sagitta Star desapareça novamente Na verdade, podemos selecionar esses dois quadros-chave arrastando uma caixa, e então eu virei aqui, copiando o Comando C. E então você pode realmente colá-los invertidos para apagá-los Control Shift V ou Command Shift V. E agora temos esses mesmos quadros-chave de opacidade colados ao contrário para desaparecer. Ok, não é tão ruim. Vamos fazer com que esse planeta se mova com a posição também. Então, vou segurar a tecla Shift e pressionar P para que ela revele a posição sem reduzir a escala e a rotação Crie um quadro-chave para a posição, pressione N para ir para o último quadro da minha linha do tempo e talvez apenas mova-o para o Vamos ver como tudo isso se sente. Ok, não é tão ruim. Vamos pressionar home para ir para o início da linha do tempo B, para expandir essa área de trabalho. E agora podemos assistir toda a nossa linha do tempo de uma só vez. Acho que essa animação extrovertida talvez pareça um pouco rápida Então, arrasto uma caixa ao redor de cada desses quadros-chave aqui no início do movimento de saída e os arrasto um pouco para trás no tempo, que aconteçam um pouco mais lentamente Pressione home e faça outra prévia. Ok, acho que está se sentindo muito bem. Se você quiser reduzir um pouco mais o tempo desses quadros-chave finais, você pode continuar ajustando e visualizando até ficar satisfeito Então, eu gosto da sensação, mas estou percebendo que há um pedaço no meio onde não há absolutamente nada se movendo, e isso é um pouco chato, mas há uma maneira fácil de consertar 20. Anime a textura: Vamos nos dar um pouco de espaço para trabalhar aqui. Vou selecionar todas as minhas camadas pressionando Controle ou Comando A e, em seguida, basta girar qualquer uma delas para fechar aqui, e tudo será Vamos animar essa textura, então vou desbloquear essa camada e pressionar home para voltar ao primeiro quadro da nossa animação Vamos animar a propriedade de posição, então selecionarei essa camada, pressionarei P e criarei um quadro-chave Agora, lembre-se de que essa camada é um pouco maior do que nossa composição, o que foi muito intencional Nos dá a capacidade de mover isso facilmente e adicionar um pouco de vida a essa textura em si. Agora, lembre-se de que você pode usar a página para cima e a página para baixo para mover um quadro por vez. Bem, se você segurar a tecla Shift, poderá mover dez quadros por vez. Então, pressiono a tecla Shift e pressiono a página para baixo para ir para o quadro dez. Vou apenas arrastar essa textura para algum lugar novo. Realmente não importa onde eu esteja procurando por algo um pouco aleatório. Em seguida, desloque a página para baixo para pular mais dez quadros e outra posição aleatória. Continue fazendo isso até que você tenha preenchido toda a linha do tempo e tudo pareça meio bonito e aleatório Você não precisa ser muito precioso com isso. Apenas certifique-se de não ter a mesma posição de costas para trás. Na verdade, você não precisa fazer uma logo no final, porque você nunca verá essa moldura de qualquer maneira. Você pode ver que eu tenho uma boa posição aleatória aqui, então vamos ampliar e fazer uma prévia Hein? Bem, isso não é realmente o que eu queria, mas na verdade é exatamente o que eu disse ao After Effects para fazer. Entre cada um desses quadros-chave, After Effects está se movendo entre esses valores de posição Na verdade, quero que ele mantenha esses valores até obter um novo, criando uma sensação de staccato de baixa taxa de quadros Queremos selecionar todos esses quadros-chave de posição para que você possa arrastar uma caixa ao redor de todos eles ou clicar na palavra posição aqui Em seguida, clique com o botão direito do mouse em qualquer um deles. E neste menu pop-up, vamos escolher esse comando aqui, alternar e segurar Você notará que a forma dos quadros-chave muda e agora ele manterá esse valor até obter um novo E quando você fizer outra prévia, verá que isso, embora seja sutil, na verdade faz um ótimo trabalho em manter tudo vivo, mesmo quando os elementos principais não estão se movendo. 21. suavize o movimento: Por falar em quadros-chave mais suaves, acho que os elementos principais estão um pouco confusos na forma como se movem e param de funcionar, mas também há uma maneira fácil de corrigir Vamos interromper minha visualização e, para revelar todos os quadros-chave em todas as camadas, pressionarei a tecla U. Agora, quero selecionar todos os quadros-chave em cada camada , exceto a textura Assim, posso clicar e arrastar para ter certeza de que obtenho tudo isso. Opa, eu perdi um de você, vou segurar Shift e certificar de que eu também os receba Observe que todos esses quadros-chave estão selecionados e posso clicar com o botão direito do mouse em qualquer um deles e obter o mesmo menu pop-up Desta vez, quero procurar no assistente de quadros-chave e encontrar esse comando, Easy Es, ou você pode pressionar a tecla F nove Novamente, você verá que a forma dos quadros-chave muda, e isso fará com que todos parem suavemente em vez de pararem bruscamente Vamos ver como é isso. Veja a sensação diferente que isso tem. Aqui está uma comparação entre os quadros-chave lineares que foram criados por padrão e os quadros-chave criados por padrão e os Easy Ease que acabamos Agora, isso pode mudar um pouco a percepção da animação. Então, se você quiser ajustar o tempo um pouco mais, esta é a hora de fazer isso. Eu me sinto muito feliz com isso, então vou arquivar, salvar, salvar meu projeto e depois enviá-lo para a fila de renderização e exportar minha animação 22. Projeto do curso 02 - Promoção de loop: Tudo bem, hora do projeto da turma novamente. Vamos transformar esse projeto de primeira classe em uma promoção de loop curto mais projetada Assim, você pode expandir esse primeiro projeto ou criar um novo design, se quiser, de qualquer maneira. Eu quero que ainda seja 1920 por 1080 a 30 quadros por segundo É um bom número redondo que facilitará algumas das técnicas de animação para você. Ele deve apresentar com destaque a cor principal do cliente Você deve ter várias peças do tipo, incluindo o nome do cliente Você deve ter algum tipo de imagem de fundo e um elemento de textura animado. Você encontrará várias opções para ambas na pasta Downloads, mas, é claro, também está livre para encontrar a sua própria. Isso também deve conter algum tipo de imagem ou ícone. Obviamente, usei uma foto do meu destino, mas se você quiser criar um logotipo para sua empresa ou usar alguma outra imagem que seja relevante para eles , tudo bem também. Eu quero que você faça uso da posição, escala e rotação em algum lugar da sua animação. Se você quiser fazer mais do que isso, tudo bem. Você não precisa ter todos os elementos animados, mas eu quero que você tenha a maior parte animada e certifique-se de usar pelo menos essas três propriedades. Sua animação também deve ser executada de forma limpa. Portanto, pense em como você anima as coisas. Fazer com que as coisas comecem fora da tela, apareçam, fiquem sentadas por um minuto e voltem é provavelmente a abordagem mais fácil. Mas se você quiser ser mais ambicioso e descobrir outras formas de fazer um loop, tudo bem também. Como lembrete, aqui está a aparência da minha. Principalmente animação de posição. Temos alguma escala e rotação nesse planeta e, em seguida, a textura animada. Para seus resultados, isso vai começar a ser um pouco repetitivo aqui, mas exporte sua animação como um MP quatro usando a mesma predefinição que fizemos Envie seu vídeo exportado para um site de hospedagem de vídeo como Vimeo ou o YouTube ou o que você quiser e compartilhe o link para ele na seção de projetos ou tarefas da turma Como lembrete, não envie links para sites de armazenamento em nuvem, como o Google Drive ou o Dropbox Além disso, como estamos começando a criar coisas reais e não apenas exercícios simples de aquecimento, adoraríamos que você também compartilhasse isso nas mídias sociais, Instagram, Facebook, LinkedIn, etc Seu design pode ser muito parecido com o meu, ou você pode criar algo totalmente seu. De qualquer forma, estamos realmente ansiosos para ver sua criatividade e o que você traz para este projeto. 23. Como trabalhar com vídeo: Estamos criando arquivos de vídeo quando exportamos nossas animações, mas vamos começar a usar arquivos de vídeo como material de origem para alguns dos próximos projetos Então, eu queria ter certeza de que estamos todos na mesma página com alguns dos fundamentos técnicos do mundo do vídeo Primeiro, o vídeo é sempre medido em pixels. Não há DPI ou PPI aqui, apenas os valores reais de pixels que determinam o tamanho do quadro O que você está assistindo agora é um vídeo HD padrão , com 1.920 pixels de largura ou 1920 por 1080 pixels de altura ou 1080 Você diz primeiro o valor horizontal ou X, então 1920 por 1080 Você também ouvirá isso ser chamado de 16 por nove ou 169, que se refere à proporção desse retângulo, 16 unidades de largura por nove unidades Esses números de pixels também correspondem ao sistema de coordenadas do After Effects que usamos para os movimentos de posição nas lições anteriores O canto superior esquerdo de qualquer quadro é sempre zero X, zero Y. Esse é o mesmo sistema de coordenadas usado pelo Photoshop e pelo Illustrator O canto inferior direito será a largura total da sua composição em X e , em seguida, a altura total da sua composição em Y. O meio de qualquer composição sempre será exatamente a metade do tamanho da moldura Então, neste caso, isso é 96540. Se estivéssemos analisando o formato de vídeo vertical padrão frequentemente usado nas mídias sociais, é a mesma coisa, apenas girada 90 graus. Nesse caso, estamos vendo 1080 por 1920 ou nove por 16 E o meio dessa composição é 54960. Você também pode ter projetos em que seja solicitado que você trabalhe em quatro K ou use quatro elementos de vídeo K como parte do seu projeto. O tamanho padrão para isso é 38 40 por 21 60. termos de números, isso é o dobro de 1920 por 1080, mas devido à forma como a área é calculada, isso é na verdade uma, duas, três, quatro vezes o tamanho Portanto, será muito mais exigente em sua máquina. Na verdade, você pode criar coisas em praticamente qualquer tamanho no After Effects com até 30.000 pixels em qualquer direção Seus únicos limites reais aqui são sua máquina e o formato que você usa ao exportar Quando falamos sobre vídeo, também precisamos estar cientes da taxa de quadros. Estamos usando 30 até agora, mas ainda não falamos sobre o que isso significa. Um arquivo de vídeo é, na verdade, apenas uma série de imagens, todas agrupadas em um único contêiner. Quando você fala sobre filme ou vídeo, essas imagens são chamadas de quadros, e o número delas que você vê cada segundo é chamado de taxa de quadros. Quanto maior, mais informações visuais você tem a cada segundo. Se você mora na América do Norte, provavelmente está acostumado a ver o padrão de transmissão de 30 quadros por segundo na TV. Embora seja tecnicamente 29,97 por motivos que provavelmente não lhe interessam Em muitas outras partes do mundo, o padrão de transmissão é de 25 quadros por segundo, e o padrão para filmes que você vê no cinema é 24. Você pode ver taxas de quadros mais altas como 60, ao assistir esportes videogames ou outro conteúdo de ação ou até mais se estiver trabalhando com imagens em câmera lenta E você pode ver taxas de quadros mais baixas na animação para fins criativos ou de economia de tempo, ou especialmente em coisas como banners da Internet e presentes animados, onde menos quadros ajudam a manter o arquivo pequeno Aqui está um exemplo de como essas diferentes taxas de quadros se parecem próximas umas das outras. Como você pode ver, 30 e 24 podem parecer muito parecidos com seus olhos. Mas à medida que você atinge as taxas de quadros mais baixas, fica muito instável muito rapidamente Mesmo com dois quadros por segundo, com literalmente nada entre esses dois extremos, seu cérebro ainda pode preencher essas informações e você ainda pode entender o que está acontecendo. Legal, hein? Você já me viu me referindo a esse pequeno número que indica quando estamos em nossos cronogramas Isso é chamado de código de tempo, que é a forma padrão de o vídeo controlar o tempo em horas, minutos, segundos e quadros. E o ponto em que ele clica para o próximo segundo depende da taxa de quadros em que você está trabalhando Se você estiver trabalhando a 30 quadros por segundo, quando chegar ao quadro 29, o próximo quadro será de 1 segundo e zero quadros. Agora, embora possamos trabalhar com vídeo e After Effects, quero ressaltar que ele não se destina realmente a ser usado como um aplicativo de edição de vídeo. É para isso que serve o Premiere Pro, assim como você pode recortar uma imagem no After Effects usando as ferramentas aqui, mas geralmente é muito mais fácil e rápido fazer isso no Photoshop, Porque é para isso que foi construído. After Effects pode absolutamente usar arquivos de vídeo como parte de seus projetos de animação ou composição Mas se você está cortando principalmente e são mais do que alguns clipes, provavelmente deseja fazer isso em um aplicativo de edição de vídeo dedicado After Effects suportará maioria dos formatos de arquivo de vídeo que você pode usar, tanto para consumidores quanto para profissionais. Mas, em geral, você deve evitar usar o que eu chamaria de formatos de entrega, como os quatro arquivos MP que criamos anteriormente, como entradas para seu projeto Esses arquivos são altamente compactados para torná-los menores para upload ou transferência de arquivos, portanto, não são ideais como entrada se você puder evitá-los Você pode pensar nisso como trabalhar com uma foto crua tirada com uma boa câmera. Você tem muito potencial de edição e muitos pixels para trabalhar comparação com uma versão JPEG muito menor da mesma foto, que pode funcionar muito bem como miniatura em um site, mas não tão bem se você quiser fazer qualquer tipo Você também deve evitar usar o que é chamado de gravação com taxa de quadros variável como entrada Na maioria das vezes, você os encontrará com arquivos gravados na câmera do telefone ou em um software de captura de tela. Em ambos os casos, ao gravar, você deve tentar ter certeza que está realmente configurado para o que é chamado de taxa de quadros constante, não variável. Uma taxa de quadros constante significa exatamente o que parece. Ela permaneceria em exatamente 30 quadros por segundo ou qualquer outra coisa o tempo todo, enquanto uma taxa de quadros variável pode na verdade, alterar ligeiramente a taxa de quadros ao longo da vida útil do clipe, como outra forma economizar espaço nesse arquivo enquanto ele está sendo gravado. No After Effects, os arquivos de vídeo funcionam como qualquer outro ativo. Ao selecioná-los no painel do projeto, você pode ver coisas como a duração, taxa de quadros e algumas informações técnicas adicionais. Quando você as adiciona a uma composição, elas funcionam como qualquer outra camada, exceto pelo fato de terem uma duração definida, significa que elas têm um início e um ponto final definidos Compare isso com este JPEG aqui. Observe como ele não tem aquele cantinho preto. O videoclipe tem aquele pequeno canto preto para mostrar que essa é a extensão máxima desse clipe, neste caso, o início, e você não pode estendê-lo além disso sem um novo tempo especial. Se eu começar a cortar camadas, você verá que, quando eu recorto a imagem, ela meio que sumiu Mas o videoclipe deixa para trás esse tipo de área fantasma, mostrando que o clipe existe lá Você acabou de cortar essa parte, para que ela não fique mais visível. Você pode manipular clipes na linha do tempo e, à medida que os move para frente ou para trás no tempo, verá essas diferentes partes do clipe refletidas no Se você ainda não tem uma composição em seu projeto e deseja usar as configurações de um videoclipe importado, basta soltá-la no novo botão de composição, e essa nova composição será criada com as configurações e a duração exatas desse clipe. Quando você já tem uma composição existente, basta clicar com o botão direito do mouse em um clipe e escolher Nova composição na seleção videoclipes geralmente incluem áudio, que você pode ver indicado pelo pequeno ícone do alto-falante Se você quiser silenciar um videoclipe, basta clicar nele para desativar o áudio Também existem várias maneiras de esticar o tempo e até mesmo reverter videoclipes de maneiras simples e complexas, e faremos uma delas em apenas um minuto Lá vamos nós. Agora você está oficialmente atualizado. Espero que isso ajude a desmistificar algumas coisas sobre o vídeo e dê algumas boas dicas para o algumas boas dicas para É hora de começar nosso próximo projeto. 24. Escolha recursos e configuração do projeto: Para este próximo projeto, usarei essa foto recortada de um chip de foguete, bem como esse fundo de estrela Embora você possa ver, forneci mais algumas opções para você. E também temos isso, que é um clipe de fogo de foguete e fumaça que eu criei Se você estiver acompanhando, fique à vontade para usar o que eu forneci e darei algumas dicas sobre como alterar as cores posteriormente, se necessário. Mas eu realmente encorajaria você a começar a pensar em encontrar seus próprios ativos à medida que avançamos. Existem vários sites com boas opções que são totalmente gratuitos e, o mais importante, com licenciamento que permite que você use livremente esses ativos em seu próprio trabalho, mesmo comercialmente A menos que você esteja criando tudo sozinho do zero, fornecimento de ativos é uma parte importante desse processo, e é bom começar a desenvolver uma noção do que procurar Começaremos criando um projeto totalmente novo. Se você estiver na tela inicial, basta clicar em Novo projeto aqui ou, se já tiver outro projeto aberto no After Effects, vá até Arquivo Novo Novo Projeto. Vamos criar uma nova composição do zero, então eu posso clicar aqui neste botão grande. Vou usar uma das predefinições novamente. Vamos experimentar o retrato de mídia social desta vez para um layout vertical. Vamos definir a duração para 3 segundos. É curto. E vamos nomear esse voo de foguete. Vou importar os ativos que acabei de te mostrar. Além dos outros métodos de importação que eu já mostrei, você pode simplesmente arrastar coisas diretamente do seu navegador de arquivos. Então, vou controlar ou clicar com o comando para pegar o foguete, esse fogo, e vou usar as estrelas A e arrastá-las diretamente para o painel do projeto Lá vamos nós. Novamente, essas são apenas algumas coisas, mas nunca é demais ser organizado Então, enquanto eles ainda estiverem selecionados, eu os arrastarei até o ícone da pasta e nomearei esses ativos. Agora, vamos trazê-los para nossa composição. Vou começar com o fundo, as estrelas. Ok. E então eu vou trazer o foguete cortado. Vamos seguir em frente e reduzir isso talvez em cerca de 25%. Vamos ajustar isso em um minuto. E então nosso lançamento de foguete, que na verdade vai ficar em cima do foguete Eu sei que não podemos ver isso muito bem, mas vamos resolver isso em um minuto. Agora que temos tudo nas composições, vamos dar uma olhada na linha do tempo e ver se precisamos recolorir ou renomear Vou mudar a etiqueta dessa fogueira. laranja pode fazer sentido aqui, mas estou pensando no futuro e sei que provavelmente quero uma cor que eu possa ver em comparação com a cor real do fogo neste clipe. Então, vou escolher o roxo. Meu foguete é vermelho, então vou defini-lo como vermelho e acho que a cor padrão é adequada para o fundo Eu poderia atualizar um pouco os nomes, então em Stars, pressionarei Enter e mudarei para Stars BG. Para o foguete, vamos limpar isso um pouco eliminando recorte e eliminando o MOV no fogo Ótimo. Eu poderia muito bem salvar meu projeto, arquivar, salvar e dar a ele um bom nome, como voo de foguete Ok, estou pronto para começar a trabalhar. 25. Compor e crie um clipe de vídeo: Há algumas coisas que preciso fazer para configurar esse clipe de incêndio como eu quero, começando movendo o ponto de ancoragem para um local melhor Vou até minha barra de ferramentas e encontro essa coisinha com aparência de cruz, que é chamada de ferramenta pan behind ou ferramenta de ponto de ancoragem Você também pode pressionar Y para ativar isso. De volta ao visualizador, quando eu passar o mouse sobre essa camada, você verá que meu cursor está um pouco diferente E agora eu posso clicar e arrastar para mover esse ponto de ancoragem. Então eu vou trazer isso aqui, exatamente de onde o fogo está meio que se originando Sim. E agora, quando eu giro essa camada ou escalo a camada, esse é o ponto a partir do qual isso acontece Vou seguir em frente e girar isso exatamente 90 graus. Eu posso simplesmente clicar e digitar esse. Vou pressionar V para recuperar a ferramenta de seleção e reduzir isso em I. Estou segurando Shift para ter certeza de que estou escalando proporcionalmente aqui, e acho que cerca de 50% provavelmente é bom É claro que não podemos realmente ver o que estamos fazendo. Portanto, precisamos usar um modo de mesclagem para compor essa camada adequadamente Vou até minha linha do tempo e, por padrão, você provavelmente não verá seus modos de mesclagem Mas há um pequeno botão aqui na parte inferior que diz alternar entre interruptores e modos Se você clicar nele, verá as opções desaparecerem e agora você tem duas colunas de menus suspensos, mode e track Mat. O da esquerda são seus modos de mesclagem. E se você clicar nesse menu suspenso, obterá uma grande lista de modos de mesclagem, provavelmente mais do que você já viu antes Queremos uma tela, que está cerca de um terço abaixo. tela torna todas as áreas pretas transparentes, o que é exatamente o que precisávamos aqui. Vou voltar para os interruptores, e agora posso ampliar e fazer qualquer ajuste fino no fogo Ok, estou planejando animar esse foguete voando pelo quadro dessa forma, e obviamente quero que a camada de fogo se mova junto com ele Mas parece meio tolo e confuso ter que animar os dois Felizmente, o After Effects tem um recurso chamado parenting, que permite conectar uma camada a outra camada e segui-la em qualquer lugar. Acho que seria mais fácil simplesmente fazer isso e mostrar como funciona. Então, em nossa camada de foguete, você vem aqui sob a coluna principal e de tinta Certifique-se de que você está até aqui e não ainda está vendo o Track Matt, se ainda o tiver aberto. Eu posso usar esse menu suspenso, que seria fácil porque há apenas algumas opções neste e basta selecionar foguete ou há outra maneira de fazer isso, que se torna mais útil em um projeto com muito mais camadas Você também tem essa coisinha encaracolada aqui. É chamado de Pick Whip. Você pode simplesmente clicar e arrastar nela para apontar para a outra camada para a qual você deseja que essa camada seja direcionada Quando eu soltar, você verá que diz que foi criado por um foguete E agora eu posso selecionar essa camada de foguete e movê-la E onde quer que isso vá, o fogo continua. Se girarmos, se escalarmos, se mudarmos de posição, esse fogo surgirá durante o passeio 26. Adicionar uma máscara: Estou percebendo que esse fogo está se sobrepondo ao foguete de uma forma estranha aqui porque, é claro, a camada de fogo fica acima do foguete na pilha de camadas, mas eu fiz isso de propósito porque se colocarmos o mas eu fiz isso de propósito porque se fogo abaixo do foguete, teríamos um problema com essa coisa da teríamos Então, usaremos uma máscara para limpar isso. Primeiro, vamos dedicar um minuto e explicar como as máscaras funcionam. Vou pegar a imagem dessa estrela e colocá-la em uma nova composição própria, então eu tenho uma espécie de pequeno playground seguro aqui Você tem uma camada selecionada, você pode usar as ferramentas de forma ou caneta na barra de ferramentas para desenhar uma máscara nessa camada A ferramenta de formas está aqui e, ao pressioná-la longamente, você pode ver todas as opções. Você pode escolher entre retângulos, elipses, polígonos Vou escolher uma elipse por enquanto. Vou voltar para o visualizador e clicar e arrastar. Você pode ver que ele desenha do canto em que comecei, mas se quiser, mantenha pressionada Control ou Command para desenhar a partir do centro. Nesse caso, isso realmente não importa porque eu só preciso mostrar como isso funciona. Quando eu soltar, você verá que a maior parte da camada foi cortada e reduzida na linha do tempo Essa camada agora tem algo chamado máscara um Se eu abrir isso, há opções adicionais, há opções adicionais como penas, para suavizar essas bordas Você pode definir a opacidade da máscara independente da opacidade da camada e editar a expansão da máscara, para poder inserir ou remover a máscara sem precisar realmente alterar a máscara em si sem precisar realmente alterar a Observe que eles têm cronômetros, o que significa que todos eles podem ser animados , assim como o próprio caminho da máscara Se virmos um pouco para a direita, podemos conferir essa lista suspensa, que é nosso modo de máscara Por padrão, a máscara está configurada para adicionar, o que significa que está adicionando somente a máscara e eliminando todo o resto. Há um botão de inversão rápida se você quiser o contrário. Mas se eu clicar nesse menu suspenso, você verá várias outras opções. Definir isso para subtrair nos dá a mesma coisa que acabamos de ver É o oposto de adicionar. Vamos redefinir isso para adicionar e voltar para o visualizador. Você verá que ainda tenho a ferramenta de máscara selecionada e posso clicar e arrastar outra máscara para a mesma camada. É aqui que esses outros modos se tornam muito mais poderosos. No momento, as duas máscaras estão configuradas para serem adicionadas, que possamos ver essas duas áreas e todo o resto ser cortado. Observe também que essas duas máscaras têm cores diferentes e correspondem às pequenas lascas de cores próximas às máscaras na linha do tempo Então você pode dizer qual é qual. Além disso, assim como as camadas, podemos alterá-las para ficarem mais visíveis ou menos visíveis, que for útil para o que você está fazendo Ok, como eu disse, eu tenho duas máscaras, e ambas estão prontas para serem adicionadas. Mas e se eu definir o segundo para subtrair? Agora, a primeira máscara adiciona a área dentro da máscara e corta todo o resto. A segunda máscara é subtraída desse resultado. Mas se eu mudar a ordem e colocar a máscara dois em cima, agora isso está subtraindo a área da máscara da imagem original e, em seguida, a máscara 1 está adicionando sua área novamente Vamos colocá-los de volta do jeito que tínhamos e trocar a máscara dois para cruzar Agora, vemos apenas as áreas em que essas duas máscaras se sobrepõem. Faz sentido? Ok, vamos realmente excluir os dois e dar uma olhada no desenho de uma máscara personalizada com a ferramenta Caneta. Além das formas, você também pode usar essa ferramenta Caneta ou pressionar G para selecioná-la. Novamente, certifique-se de que sua camada esteja selecionada e, em seguida, a ferramenta Caneta funcione exatamente como a do Illustrator Se você clicar, ele cria um canto rígido. Se você clicar e arrastar, ele criará alças de Bezier, que você poderá ajustar Depois de desenhar um caminho personalizado, você pode pressionar V para recuperar a ferramenta de seleção e clicar em qualquer um dos pontos para fazer ajustes. Lembre-se de que você pode animar os próprios caminhos da máscara, mas é importante observar que as máscaras sempre se moverão com a camada à qual foram aplicadas dessa forma Agora que concluímos nossa pequena missão paralela de máscaras, vou continuar e voltar ao painel do Projeto. Este exemplo de composição que fiz ainda está selecionado, então posso simplesmente pressionar Delete para me livrar dele E de volta ao nosso foguete. Tudo bem, vou selecionar minha camada de fogo de foguete, aumentar o zoom, e aposto que provavelmente conseguirei me safar usando apenas um retângulo Então, vou pegar essa ferramenta e desenhar nela. Na verdade, estou desenhando a área que quero cortar porque parece mais fácil nesse caso, e então desço e inverto ou simplesmente ajusto a subtrair Talvez eu veja como isso fica com um pouco de plumagem, então vou girá-la e arrastá-la um pouco para cima Sim. Se eu quiser fazer algum ajuste na máscara, posso voltar para o visualizador usando minha ferramenta de seleção e clicar duas vezes na máscara. Agora você tem uma pequena caixa de transformação para a máscara em si. Tudo bem. Por fim, você pode esconder máscaras se elas ficarem no seu caminho Na parte inferior do painel de visualização, você vê alguns botões extras sobre os quais eu ainda não falei, e este aqui parece uma pequena máscara. Clicar nele ativa a visibilidade das máscaras no visualizador Você ainda pode ver os resultados, mas dessa forma você pode realmente ver como tudo se parece sem que tudo se parece sem essas máscaras atrapalhem. Para trazê-los de volta, basta clicar nele novamente. Acho que estamos prontos para animar. 27. Anime sua cena: Lembre-se de que já controlamos o fogo, então eu posso animar apenas o foguete e o fogo continuará Como essa é uma animação curta, não pretendo deixá-la totalmente fora do quadro. Vamos fazer com que ele se mova mais ou menos assim, e vamos animar o plano de fundo para ajudar a vender o efeito geral Então, vou começar aqui e criar um quadro-chave de posição Em seguida, pressione end para pular até o último quadro e trazê-lo para cima e para o outro lado assim. Eu indiquei isso anteriormente. Ao animar a posição, você poderá ver o que é chamado de caminho de movimento, que mostra onde a camada esteve e/ou para onde está indo Vamos nos aprofundar mais tarde, mas até mesmo uma linha reta simples como essa pode ser muito útil como referência. Este será um bom guia para girar esse foguete Existem maneiras de fazer uma camada girar automaticamente na direção da viagem, mas acho que, para esta, podemos simplificar Vou tentar igualar isso bem de perto. E se precisar ser mais preciso, ao ajustar essas propriedades, você pode segurar o controle ou o comando para ajustá-las Vamos dar uma prévia e ver como é. Tudo bem, eu acho que isso é muito bom. Acho que um pouco de escala sutil provavelmente também seria bom aqui Acho que a escala atual é provavelmente um ponto final muito bom. Então termine e crie um quadro-chave. Volte ao início com a página inicial e diminua um pouco, visualize. Você sabe o que? Talvez seja só um pequeno ajuste aqui. E esse é sempre o processo. Ajuste, visualize, ajuste, visualize até ficar satisfeito com isso. Às vezes, quando você adiciona outras coisas mais tarde, isso pode mudar a sensação e você precisará voltar e tocá-la novamente. Agora, para as estrelas, elas realmente farão a maior parte do trabalho aqui. Roda de rolagem para diminuir o zoom. Se precisar ajustar o posicionamento dentro do visualizador, você pode segurar a barra de espaço para obter uma ferramenta manual temporária e simplesmente soltá-la. De volta ao início. E vamos aumentar isso para que o canto inferior esquerdo quase coincida aqui, posicione o quadro-chave, pule até o final e faça um tipo de movimento diagonal Mas isso não vai coincidir com o movimento do foguete. Então é aqui que podemos usar esse caminho de movimento para ajudar a garantir que eles pareçam pertencer um ao outro. Provavelmente não será perfeito, mas como já alinhamos a rotação dos foguetes, esse deve ser um guia muito bom Agora, eu poderia pular para frente e para trás e ajustar os próprios quadros-chave, mas você também pode fazer isso no próprio caminho de movimento Esses vértices representam esses quadros-chave, então eu posso simplesmente arrastá-los no visualizador para alinhá-los . Vamos verificar isso. Ok, esse ângulo parece certo, mas acho que está se movendo muito devagar. Estou planejando adicionar um pouco de desfoque a esse fundo mais tarde, então acho que podemos realmente distorcer um pouco as regras aqui e escalar isso até 200% Tudo bem, agora vou voltar e ajustar esses quadros-chave de posição para esse novo tamanho Aumente o zoom e visualize. Sim, muito melhor. 28. Encontre e adicione efeitos: Acho que esse fundo está competindo visualmente com o foguete um pouco demais aqui, então vou usar alguns efeitos para ajustar isso Vamos até aqui para encontrar o painel Efeitos e predefinições Para mim, isso é compartilhar espaço com propriedades. Se por algum motivo você não tiver isso em sua interface, você sempre pode acessar o Window e encontrá-lo na lista de painéis aqui, Efeitos e Predefinições After Effects tem literalmente centenas de efeitos. Afinal, é metade do nome do programa. E embora eu os tenha muito bem memorizado, isso provavelmente não é uma coisa normal ou necessária de se fazer Então, felizmente, eles nos deram uma barra de pesquisa vermelha aqui na parte superior do painel. Estou apenas tentando ajustar o brilho e o contraste geral do fundo da estrela. Então, acho que curvas ou níveis seriam uma boa escolha aqui Eles são basicamente os mesmos efeitos que você encontrará no Photoshop Então, se você já está familiarizado com elas, vou usar curvas, mas se você estiver mais confortável com os níveis, tudo bem também. Vou apenas digitar curvas. E aí está, sob correção de cores. Se eu já tiver a camada selecionada, posso clicar duas vezes no nome do efeito e ele será aplicado, ou posso arrastá-la até essa camada na linha do tempo E assim que você aplicar o efeito, dê uma olhada no lado esquerdo da interface do usuário, onde o painel do projeto estava antes, e agora você verá os controles de efeito, que expõem todas as propriedades do efeito de qualquer coisa aplicada à camada selecionada Curves funciona com essa pequena interface gráfica em que o canto inferior esquerdo representa o preto e o canto superior direito representa o branco Eu quero reduzir o brilho geral, então vou arrastar esse ponto superior para baixo. E eu gostaria de escurecer tudo no geral, para que eu possa pegar isso no meio aqui e transformar isso em uma curva suave Estou de olho no espectador enquanto faço isso para que eu possa ver os resultados do que está acontecendo. Estou usando isso de uma forma simples, mas se você quiser, esse efeito permite que você faça o mesmo tipo de ajuste em canais de cores individuais. Então, você está livre para explorar isso, se quiser. Vamos fazer outra prévia e ver como isso se sente. Sim, isso ajuda muito. Realmente ajuda o foguete a sair. Se você estiver usando um dos meus foguetes e precisar mudar a cor, é claro, você pode editar essas imagens no Photoshop, se já estiver confortável lá Mas aqui no After Effects, você tem várias opções diferentes. Dependendo da imagem com a qual você está trabalhando, é possível que algo como mudar de cor ou mudar de cor seja uma boa escolha. Esses dois são um pouco mais complexos do que os que vou usar, mas vou ressaltar que clicar nesse pequeno ícone de informações aqui leva você ao site de Ajuda da Adobe com mais informações sobre o efeito selecionado. Estou optando por algo um pouco mais simples, como trítono. E eu também posso simplesmente arrastar isso diretamente para o foguete no meu visualizador Veja a caixa delimitadora aqui? E agora que eu apliquei isso, você verá que eu tenho controles de efeito novamente. Desta vez, parece muito diferente das curvas. Aqui temos controles de cores para realces, tons médios e sombras E para essa imagem, acho que isso vai funcionar muito bem. Por padrão, ele aplica uma espécie de aparência sépia, mas tudo o que precisamos fazer é clicar no controle de cores de tons médios e escolher algo diferente, como, sei lá, verde brilhante Agora você pode ver aqui que também estou recebendo muito desse verde nas partes brancas. Mas como estamos apenas aprendendo sobre eles, eu não me preocuparia muito com isso. Isso pode exigir um pouco de tentativa e erro porque, novamente, dependerá da imagem com a qual você está realmente trabalhando. Portanto, não tenha medo de explorar. Na pior das hipóteses, você sempre pode redefinir um efeito para as configurações padrão aqui ou pode ativar e desativar um efeito com este pequeno botão FX Ou se você realmente não gostar, basta clicar no nome do efeito e pressionar Delete. Em seguida, gostaria de adicionar um pouco de desfoque à minha animação para ajudar a vender a ideia de velocidade, e há efeitos que eu poderia usar para fazer isso, mas na verdade existe uma abordagem melhor 29. Aplicar desfoque de movimento: O After Effects tem outro recurso chamado motion blur. Você pode aplicar isso a uma camada e ele calcula o desfoque apropriado em relação à velocidade com que a camada está Você costuma usar isso se estiver tentando combinar um elemento gráfico com uma parte da filmagem que já tem desfoque de movimento embutido na Mas você certamente também pode usar isso em uma peça animada como esta. Você vai encontrar isso em seus switches. Lembre-se de que, se você não os vê no momento, pode usar esse botão para alternar entre as opções e Ou você também pode pressionar a tecla Quatro no teclado para alterná-las Agora, vou dar uma olhada na minha coluna de interruptores e encontrar essa que parece uma pequena bola quicando Essa opção permite o desfoque de movimento para essas camadas. Quero que todas as minhas camadas tenham isso para que eu possa simplesmente clicar na cima e arrastar para baixo enquanto ainda segura o botão do mouse, e isso ativa para todas as camadas que eu arrasto Você provavelmente viu a diferença imediatamente, mas se não viu, é porque na verdade existe outra opção que controla se isso é visível para toda a composição. E isso está aqui em cima nesta pequena fileira de botões. Observe esse outro botão de desfoque de movimento aqui . Clique nele para ativá-lo ou desativá-lo para todo o composto Se tivermos muitas camadas, isso pode acabar sendo muito difícil de calcular. Portanto, o After Effects oferece uma maneira rápida ativá-lo e desativá-lo quando você quiser trabalhar mais rápido. No momento, eu quero que esteja ligado, então vou me certificar de que esteja ativado. O fundo da estrela está se movendo muito mais rápido, então está mais embaçado do que o foguete, que não está se movendo Só para fazer uma comparação mais direta, aqui está um foguete que está se movendo muito mais na mesma quantidade de tempo, como você pode ver nesses caminhos de movimento Isso significa que o rosa está se movendo mais rápido, então tem muito mais desfoque de movimento. Faz sentido? 30. Ajustar a velocidade do clipe de vídeo: Eu acho que isso está parecendo muito bom. Porém, agora que estou assistindo isso, especialmente com aquele desfoque de movimento, o fogo parece um pouco lento em comparação Então, vamos acelerar esse clipe, fazendo com que ele seja reproduzido mais rápido e, com sorte, fazendo com que ele combine melhor. Vou interromper a prévia. Para aplicar isso, podemos clicar com o botão direito do mouse nesse clipe na linha do tempo ou acessar o menu de camadas Você terá as mesmas opções em qualquer lugar e em breve. Estamos procurando essa opção aqui chamada timestretch. Ele oferece esse pequeno menu pop-up com algumas opções adicionais, e a principal que queremos procurar é o fator de elasticidade. No momento, ele está sendo reproduzido a 100% da velocidade normal e podemos ver que esse clipe tem uma duração de 18 segundos. Está bem? Então, se eu digitar 50 aqui no fator de alongamento, isso significa que ele está tocando em 50% do tempo ou em velocidade dupla. Observe como a duração agora é de 9 segundos. Tudo bem, isso funciona para mim, então vou clicar em OK. Nessas composições curtas, realmente não podemos ver nada de diferente na camada, mas se ela fosse mais longa, poderíamos ver que essa camada agora tem metade do comprimento Fazendo uma prévia, podemos ver que, sim, é definitivamente mais rápido Acho que parece muito bom, mas poderíamos totalmente experimentar com isso. Mesmo em velocidade dupla, esse clipe ainda tem 9 segundos de duração e nossa composição tem apenas três. Então, na verdade, temos muita margem de manobra aqui. Se você quiser ajustá-lo novamente, com certeza, você pode continuar entrando e saindo desse menu, mas também pode expor essa propriedade de trecho de tempo diretamente na linha do tempo Se você vier até esta área da sua linha do tempo, onde estão os rótulos das colunas e clicar com o botão direito do mouse em algum lugar aqui, na verdade existem outras colunas que você pode ativar e personalizar quais são visíveis Vou ativar o alongamento, e agora posso ver isso na minha linha do tempo Se eu clicar e arrastar, agora posso editar isso com muita facilidade. É claro que, se eu for muito baixo, você acabará vendo que esse clipe está sendo reproduzido tão rápido que agora é muito curto para a linha do tempo, provavelmente não ficaria bom de qualquer maneira Mas algo em torno de 20% ainda seria seguro. Acho que é um pouco rápido demais. Vou apenas desfazer e deixar isso em 50, mas queria que você visse essa opção caso quisesse experimentar Quando estiver satisfeito com isso, se você não quiser que a coluna ocupe mais espaço, basta clicar com o botão direito aqui no nome e escolher ocultar isso. Só para ressaltar isso , se você estiver indo na direção oposta e tentando desacelerar um clipe para que ele seja reproduzido mais lentamente do que a velocidade original, é provável que ele comece a parecer instável porque, na verdade, você está duplicando os quadros para que isso porque, na verdade, você está duplicando aconteça Existem algumas maneiras de fazer com que isso pareça bom, mas, de um modo geral, você deve tentar evitar isso, a menos que seja necessário. Mais uma observação sobre o uso de clipes em seus projetos. Se você olhou atentamente para os três foguetes D, deve ter notado que ele tem vários cones de reforço, que significa que provavelmente precisamos várias instâncias de nosso clipe de fogo para fazer com que pareça correto Isso é bastante fácil. Com o clipe selecionado, vou até o menu de edição e encontro o duplicado ou simplesmente pressiono Control ou Command D. Agora temos uma segunda cópia desse clipe na linha do tempo Vou colocar isso no lugar certo. Agora, ignorando que eu não fiz as máscaras aqui, há outro problema em que esses clipes parecem, bem, idênticos, e isso não é muito Mas como mesmo nessa velocidade mais rápida, esse clipe ainda é um pouco mais longo do que nossas composições, isso significa que temos muito espaço para ajustar Observe que, no momento, esses dois clipes estão começando exatamente ao mesmo tempo na linha do Mas se eu pegar essa cópia superior e arrastá-la para a esquerda, agora vou movê-la para um horário diferente apenas para este clipe. Essa compensação significa que, embora, em última análise, ainda usem o mesmo clipe como fonte, eles terão uma aparência diferente o suficiente para que não pareçam cópias Se você quiser, certamente pode fazer alguns ajustes de escala, talvez até mesmo inverter um deles, para que fique invertido, e essa é uma ótima maneira de misturar as coisas e criar variedade visual sem precisar de muitos 31. Crie uma vinheta animada: Digamos que temos um efeito que queremos aplicar a todas as camadas em vez de apenas uma. Claro, você pode aplicar o mesmo efeito em cada camada e depois continuar ajustando as configurações para cada camada e depois frente e para trás, mas isso parece muito irritante Felizmente, há uma maneira de aplicar um efeito em várias camadas. Isso é chamado de camada de ajuste. É um tipo diferente de camada que não faz nada sozinha, exceto efeitos de retenção. Para criar uma, vou até a camada, nova camada de ajuste. Você verá que isso o cria no topo da minha pilha de camadas, e agora eu posso adicionar um efeito diretamente a isso, e isso afeta todas as camadas abaixo dela Só para demonstrar rapidamente, ainda tenho trítono aqui e meu painel de efeitos e predefinições Então, vou trazer isso e aplicá-lo à camada de ajuste, e você pode ver que agora isso está aplicando esse efeito trítono a todas as outras camadas Mas se eu pegasse essa camada de ajuste e a arrastasse abaixo do meu foguete, agora ela não está mais recebendo o efeito trítono, então ela aparece em sua cor original com todo o resto sendo Então eu acho que se você quiser fazer uma animação antiga de foguete, essa é uma maneira fácil de fazer isso, Mas não é isso que eu procuro, então vou deletar esse efeito trítono Vou voltar para Effects and Presets e estou procurando uma chamada CC vinheta Vou aplicar isso na camada de ajuste. Tudo bem, bom. E uma prévia rápida. Ok, acho que isso dá uma boa aparência, mas está um pouco escuro sobre o foguete no início e no final Você provavelmente já percebeu que a maioria dos controles de efeito que vimos tem cronômetros próximos a eles. Claro, isso significa que podemos animá-los. Vou pressionar home para ter certeza de que estou no início da minha linha do tempo e, nos controles de efeito, encontrarei essa propriedade chamada Center Você pode mover isso arrastando os valores ou simplesmente clicando nesse pequeno controle de mira e agora pode clicar no visualizador para colocá-lo em um ponto específico Viu como isso muda a aparência? Vou voltar e clicar no cronômetro, e agora estou animando essa propriedade de efeito Pule até o final da minha composição, pegue aquela pequena cruz e arraste-a até aqui, para que fique sobre o foguete novamente. Acho que isso é um pouco intenso, então vamos mudar essa quantidade para talvez 75 e depois viremos aqui e renomearemos essa camada para vinheta Tudo bem, eu acho que isso parece ótimo. Essa vinheta está acompanhando meu foguete pela cena. Realmente ajuda o espectador a se concentrar nesse elemento heroico. 32. Toques finais: Como toque final, acho que seria bom adicionar um pouco de agitação a esse foguete para ajudar a aumentar a potência do motor do foguete E há algumas maneiras diferentes de fazermos isso. O primeiro é um painel especial, que talvez seja um pouco mais intuitivo para iniciantes, mas não é tão flexível. A segunda forma é muito mais flexível, mas pode parecer um pouco mais intimidadora Vou te mostrar os dois, mas você não precisa usar nenhum deles se não quiser. Aqui está a primeira maneira. Eu vou até Window wiggler Isso abre um painel chamado wiggler, e vamos abri-lo um pouco mais para que possamos ver o que estamos fazendo Você verá que muito disso é nota baixa agora. Na verdade, preciso selecionar a propriedade à qual quero que isso se aplique, então vou descer e escolher a propriedade de posição do meu foguete Basta clicar no nome da propriedade aqui. E agora esses controles no painel de oscilação estão ativos Caminho espacial. Sim, tudo bem Suave. Você sabe o que? Vamos tentar o Jagged, e tudo de forma independente está bem. Essa frequência é a frequência com que essa propriedade vai se mexer e a magnitude é o quanto Isso geralmente é uma questão de tentativa e erro. Então, vamos tentar, sei lá, 15 e cinco e clicar em Aplicar. Observe na linha do tempo que ele adicionou vários quadros-chave a essa camada de E se você olhar no visualizador, poderá ver todos esses quadros-chave extras O caminho do movimento agora está todo irregular. Bem, fez o que disse que faria, certo? Tudo bem, vamos ver como isso parece. Ok, eu acho que isso não é tão ruim. O único problema aqui é que essa é uma espécie de solução de tudo ou nada. Então, se eu não gostar, basta desfazer, tentar novos números e tentar novamente. Depois de avançar, tenho todos esses quadros-chave em posição, então fica muito mais difícil se eu quiser ajustar esse caminho de movimento novamente. Então isso funciona totalmente, mas vou desfazer e mostrar a outra rota E eu vou fechar esse painel. O After Effects tem outro recurso chamado expressões, que são esses pequenos trechos de código que você pode adicionar a uma propriedade para fazer alterações na animação que você já adicionou ou até mesmo fazer com que as propriedades sejam fazer alterações na animação que você já adicionou ou até mesmo fazer com que as propriedades animadas sem adicionar nenhum quadro-chave Você pode adicionar isso a praticamente qualquer propriedade aqui acessando o cronômetro, mantendo pressionada a tecla Alt ou a opção e clicando no cronômetro Agora, se a palavra código fez você pirar, relaxe. As expressões são, de fato, uma toca de coelho bem profunda, mas essa é muito amigável Não precisamos do código que já está aqui. Isso é apenas uma espécie de referência à propriedade em si. Queremos usar uma manobra. Então, se eu começar a digitar a palavra mexer, você verá que essa função é completada automaticamente Agora eu posso simplesmente pressionar Enter e ele adiciona isso à minha pequena caixa de código. E, como no painel anterior, só precisamos adicionar alguns valores para nos dizer como queremos que funcione. Isso leva dois números. Primeiro, você insere uma frequência, quantas vezes por segundo essa oscilação acontece e uma amplitude, quanto ela se mexe Para frequência, vamos tentar 15 novamente, depois preciso digitar uma vírgula e, para amplitude, faremos cinco novamente. Basta clicar fora dessa caixa e o código será aplicado, basicamente fazendo isso em cima dos quadros-chave que criamos Mas você notará que ele não adiciona outros quadros-chave e que a propriedade em si ainda é editável Ok, então parece o mesmo, o que eu esperaria. Só para provar meu ponto de vista, vamos ficar um pouco loucos aqui. Vou clicar novamente aqui e mudar isso para 30 30. Ok, isso obviamente é demais, mas espero que isso não pareça muito assustador agora que você entende um pouco e pode se sentir à vontade para brincar com isso e encontrar valores que funcionem para você isso e encontrar valores que funcionem para Acho que meus anteriores foram muito bons, então vou desfazer Ou se você decidir que não quer mais isso, basta voltar e alterar a opção e clicar no cronômetro novamente para remover a expressão Tudo bem, estou considerando este pronto para o lançamento, então é hora de salvar e exportar meu projeto 33. Projeto do curso 03 — voo em foguete: hora de outro projeto de classe, e esse é muito empolgante, eu acho. Estamos pedindo que você crie uma cena curta de um foguete voando pelo espaço em direção ao seu destino Desta vez, estamos trabalhando em 1080 por 1920, então deve ser esse formato vertical, mas a taxa de quadros e a duração geral dependem de você Fornecemos algumas imagens diferentes de foguetes, mas você também pode encontrar ou criar suas próprias, se quiser Seu foguete deve ser marcado de alguma forma. Obviamente, a cor é a coisa mais fácil de modificar, mas se você quiser adicionar mais alguma marca de cliente a esse foguete, vá em frente Queremos que você use um videoclipe para criar aquela trilha de escape atrás do foguete Nós lhe fornecemos um, mas se você quiser dar uma olhada sites de estoque e tentar encontrar o seu, novamente, tudo bem. E então, para o plano de fundo, que, novamente, fornecemos algumas opções ou você pode encontrar as suas, você deve usar esse movimento para realmente ajudar a criar essa ilusão de velocidade nesta curta animação Como lembrete, aqui está a aparência da minha. Muito divertido. E quanto aos resultados, você já sabe o que fazer Exporte sua animação como um MP quatro usando a mesma predefinição, envie seu vídeo exportado para um site de hospedagem de vídeo e compartilhe esse link Não envie links de sites de armazenamento em nuvem e, em seguida, certifique-se de compartilhar nas redes sociais. Trocadilhos com foguetes são incentivados. 34. Como pensar como o After Effects.: Ei, espero que você esteja gostando do curso até agora. Antes de entrarmos no próximo grupo de aulas, quero abordar um conceito importante: a maneira como você cria ou estrutura algo no After Effects ou em um aplicativo de design antes de importá-lo para After Effects é determinado pela forma como você planeja animá-lo Digamos que estamos no Photoshop e queremos adicionar alguma textura a essa forma Um fluxo de trabalho bastante comum seria controlar ou clicar com o comando na forma para fazer uma seleção, pegar a ferramenta de pincel e pintá-la . Então, isso parece bom. Mas vamos pensar sobre o que realmente acabamos de fazer. Essa textura só existe dentro dessa forma. Então, do ponto de vista da animação, isso é muito limitante. Se você quiser a flexibilidade de animar os traçados de pincel individualmente, preferiria abordar isso colocando cada traçado em uma camada completamente separada e certificando-se que o traçado completo exista, independentemente da outra No After Effects, você ainda poderá cortar esses traços para que fiquem visíveis apenas sobre a Mas agora você tem a flexibilidade de animar cada uma dessas peças da maneira que quiser, que torna o resultado final muito mais dinâmico Veja as possibilidades aqui? Ou digamos que estamos criando o braço para um personagem astronauta. Para um design estático, você pode simplesmente fazer isso e pronto. Mas se você só precisa trabalhar com isso, não conseguirá fazer muita coisa hora de animar Em vez disso, você deve pensar nisso quase como uma boneca de papel, certificando-se de que cada peça tenha cobertura suficiente para as áreas que possam ser expostas quando ela se mover posteriormente. Esse tipo de pensamento pode ser muito importante ao criar coisas no After Effects two. Você já viu que geralmente haverá vários locais para o mesmo comando que você possa usar o que for mais conveniente para o que estiver fazendo atualmente Mas, muitas vezes, você também descobrirá que existem várias maneiras de configurar uma aparência ou design específico, que podem parecer iguais antes de começarem a ser movidas, mas potencialmente oferecem recursos muito diferentes em termos de opções de animação e flexibilidade geral. E qual é a correta pode depender do que você está tentando fazer, se você precisa atualizar essa coisa facilmente mais tarde, se você a reutilizará com frequência e de outros fatores Para o próximo projeto, criei molduras no Photoshop e no Illustrator No mundo real, você provavelmente obteria tudo de um só lugar, mas também não é incomum combinar elementos de várias fontes em uma única composição do várias fontes em uma After Effects E, claro, tudo se resume expor você a esses diferentes fluxos de trabalho Até recriaremos alguns dos elementos principais diretamente no After Effects, o que talvez seja necessário fazer se não tiver designs editáveis ou, às vezes , apenas facilitar a animação Muitas vezes , existem várias maneiras de criar uma peça específica, então espero que esses exemplos ajudem a prepará-lo para o futuro quando você não estiver animando esses infográficos exatos É claro que, por enquanto, você poderá escolher a forma que fizer mais sentido para 35. para importar um arquivo do Photoshop em camadas.: Vamos dar uma olhada em algumas estratégias para criar conteúdo no Photoshop que você planeja animar no After Em primeiro lugar, tudo o que você vai importar para o After Effects precisa estar no modo de cor RGB Se você estiver trabalhando no Photoshop e precisar converter, basta acessar a imagem, modo e configurá-lo para a cor RGB Se você estiver trabalhando com um design fornecido, salve uma cópia do original e não salve sobre ele. Dessa forma, você sempre pode olhar para trás e ter certeza de que não estragou nada Gosto de usar um nome de arquivo que deixe claro qual é qual. Se você está criando conteúdo do zero, há algumas boas predefinições aqui Filmes e vídeos geralmente são um bom lugar para ir, e você pode escolher aquele que funciona para você, HDTV, por exemplo A única coisa que gostaria de salientar é que vídeos normalmente não têm fundo branco, então talvez você queira escolher preto ou transparente. E isso é criado com guias que correspondem ao que é chamado de zona segura, garantindo que você mantenha qualquer conteúdo ou texto importante em uma área segura e visível. Ao criar designs no Photoshop, cada camada do Photoshop pode se tornar uma camada do After Effects depois de importada posteriormente Todas as camadas que estão dentro de um grupo como essas linhas de grade aqui serão importadas como uma pré-composição no After Effects. Portanto, eles ainda serão editáveis individualmente. Eles simplesmente serão aninhados. Uma observação importante é que o After Effects não reconhece pranchetas Portanto, se você estiver criando vários quadros em um só lugar, o que é bastante comum, precisará salvá-los individualmente para importá-los para o After Effects. E você pode fazer isso facilmente acessando arquivos, exportando pranchetas e arquivos Ao importar um arquivo do Photoshop para o After Effects, você verá esse pop-up algumas opções de como você deseja importá-lo Esse menu suspenso do tipo de importação permite que você escolha uma gravação, o que seria basicamente como importar uma imagem plana como um JPEG Porém, se você atualizar seu design no Photoshop, ele será atualizado Normalmente, gosto de recomendar que a composição retenha os tamanhos das camadas. Assim, cada camada do Photoshop será importada como uma camada do After Effects, mas terá uma caixa delimitadora do tamanho desse ativo Se você escolher essa, cada camada terá uma caixa delimitadora do tamanho de todo o documento E embora isso tenha seus usos, isso geralmente significa que você passará muito tempo fixando pontos de ancoragem Então, vou escolher a composição e manter os tamanhos das camadas, e você pode decidir se deseja que as opções de camada permaneçam editáveis ou sejam mescladas à sua gravação Vou clicar em Ok. E agora After Effects cria uma composição para mim, que é esse documento, e depois uma pasta com todas as camadas contidas dentro desse documento. Vamos clicar duas vezes nessas composições e você verá, de fato, que todas as camadas do meu documento do Photoshop foram transferidas Esses dois grupos do Photoshop foram importados como pré-composições, como eu disse, e posso clicar duas vezes em um deles para ver todas as camadas individuais internas Aqui está mais uma funcionalidade realmente útil. As camadas de texto do Photoshop podem ser convertidas diretamente em camadas de texto editáveis do After Effects Vamos pegar esses quatro primeiros aqui, e eu posso clicar com o botão direito do mouse ou escolher isso no menu de camadas. Mesmas opções nos dois lugares. E você procurará criar, converter em texto editável Observe o pequeno ícone ao lado de cada uma dessas camadas. Ela mudará de um arquivo do Photoshop para T, que significa que é uma camada de texto ativa, e agora o painel de propriedades mostra as propriedades do texto que posso alterar para cada uma dessas camadas Uma última coisa a observar é que os designs importados do Photoshop ou do Illustrator sempre serão importados com a duração da última composição que você criou Se fosse muito curto, às vezes não seria uma boa opção. Mas um pequeno truque que eu gosto de fazer é criar uma nova composição com a duração que eu quero que esse arquivo de entrada tenha e clicar em OK Agora, quando você importar esse arquivo, escolha suas opções, clique em OK, ele virá com exatamente a mesma duração, e você pode simplesmente excluir as composições fictícias 36. Importe um arquivo do Illustrator em camadas.: Agora, vamos dar uma olhada em algumas estratégias para criar conteúdo no Illustrator que você planeja animar no After Parte disso será uma repetição da aula do Photoshop, mas também há várias diferenças importantes A maior delas é que estamos adaptando a arte vetorial para ser usada em um ambiente raster ou baseado em pixels Parte disso será um pouco técnica, mas tentarei mantê-la o mais amigável possível. Em primeiro lugar, tudo o que você vai importar para o After Effects precisa estar no modo de cor RGB Se você estiver trabalhando no Illustrator e precisar converter um documento existente, poderá fazer isso no modo de cor do documento Arquivo Se você estiver trabalhando com um design fornecido, salve uma cópia e não salve sobre o original. Dessa forma, você sempre pode olhar para trás e ter certeza de que está sendo fiel ao design original. Especialmente no Illustrator, você provavelmente fará alguma reestruturação do arquivo para prepará-lo para a Então, eu gosto de usar um nome de arquivo que deixe bem claro qual é qual. A flexibilidade da arte vetorial significa que você pode criar coisas basicamente em qualquer tamanho e depois aumentá-las ou reduzi-las sem perda de qualidade Mas quando você está projetando para vídeo, é melhor ter certeza de que você está realmente criando em um tamanho apropriado para a forma como você usará essa coisa. Embora o AfterVX funcione com pixels, existe uma maneira de manter seus gráficos vetoriais nítidos quando eles estão em escala acima de 100%, mas isso não significa que você deva ser Claro, você pode criar um pequeno design enquanto aumenta o zoom para 1.600% de ampliação, e isso funcionará tecnicamente, mas isso significa que você trabalhará em uma escala muito louca no After Effects , e simplesmente não é Como estamos projetando para pixels, geralmente também é uma boa ideia usar esse comando Snap two pixel no menu Exibir para que você não crie acidentalmente elementos que fiquem entre pixels, o que pode fazer com que pareça um pouco estranho Ao criar um novo arquivo, você encontrará alguns tamanhos apropriados na web, mas eu recomendo usar as predefinições de filme e vídeo Isso é especialmente importante se você estiver criando um design que se estenda além das bordas da tela e quiser ter acesso a essa forma completa. Confira isso no After Effects. Eu criei esses dois layouts semelhantes usando a predefinição web 1920 por 1080 e a predefinição de filme e vídeo 1920 por Na versão web, veja o que acontece quando eu afasto essa forma da borda. Ah, oh. Mas a versão em filme e vídeo me dá a coisa toda. Veja como esses dois designs se parecem no Illustrator. Primeiro, a web, depois o filme e o vídeo. Aqueles com experiência no Illustrator podem ter percebido isso imediatamente, mas o segredo é que a predefinição de filme e vídeo na verdade cria uma prancheta extra, então, tecnicamente, nenhum conteúdo está fora de Ok, então vamos criar outro novo arquivo aqui com a predefinição de vídeo Algumas pessoas não adoram essas réguas verdes estranhas, então você pode realmente desativá-las ocultas e réguas Ainda temos esses guias verdes que marcam a área segura. Isso é um pouco remanescente dos tipos de tela mais antigos, mas ainda é um bom guia para garantir que seus elementos importantes permaneçam visíveis na Dito isso, se você quiser desativá-los , é um pouco mais oculto. No painel Propriedades, localize esse botão Editar pranchetas, mas certifique-se de selecionar a prancheta um antes de clicar nele Agora você está procurando opções de prancheta e, em seguida, essas três marcas de seleção aqui desativarão ou reativarão esses elementos Obviamente, agora que você sabe o que está acontecendo nos bastidores, basta criar uma prancheta extra para si mesmo usando qualquer predefinição de sua Mas, talvez de forma um pouco confusa, se você tiver um documento com pranchetas separadas e não sobrepostas, como você pode criar molduras de estilos diferentes ou proporções diferentes do mesmo design, o After Effects não as importará corretamente Em vez disso, você precisará novamente salvar cada um deles em um arquivo separado, que faz parte da caixa de diálogo de salvamento. Se você já salvou seu documento, talvez seja necessário salvá-lo para acionar isso. No menu pop-up, você está procurando por isso aqui. Salve cada prancheta em um arquivo separado. Depois de clicar em OK, o Illustrator cuidará disso para você e os salvará como vários arquivos Tudo bem, então aqui no Illustrator, você precisa ser um pouco mais intencional sobre como suas camadas Desta vez, cada camada de nível superior tem a capacidade de se tornar uma camada do After Effects. Então, cada uma dessas camadas que você vê se tornará camadas no After Effects. Mas todos os objetos contidos em uma dessas camadas são todos agrupados como uma coisa Então esse ponto tem apenas uma forma dentro dele, e é isso que eu vou ver no After Effects. Mas essa linha de fundo mais os carrapatos tem várias formas internas, e elas entrarão como uma única camada com todas essas formas tratadas como um único objeto É claro que essa não é realmente a maneira como a maioria dos designers estrutura as coisas aqui. Descobri que é muito comum que as pessoas trabalhem principalmente em uma ou duas camadas, mesmo que sejam boas em agrupar e nomear Então, se você herdar um design de outra pessoa, provavelmente precisará fazer uma pequena cirurgia antes que ele esteja pronto para a animação E isso é mais profundo do que eu realmente posso abordar aqui, mas eu tenho uma grande dica para economizar tempo. Dividir isso em camadas individuais seria muito entediante Mas se você selecionar todo o design e, em seguida, olhar dentro deste pequeno menu de hambúrguer na parte superior do painel de camadas e escolher liberar para a sequência de camadas, ele solta cada uma delas em sua própria pequena pasta e você pode simplesmente arrastá-las para fora Você ainda vai querer renomear, mas definitivamente está economizando muitas etapas aqui Mudando para o After Effects, importarei a versão devidamente estruturada do meu gráfico de linhas e veremos essa importação aparecer, embora alguns detalhes sejam um pouco diferentes dos do Photoshop Analisando o tipo de importação, novamente, poderíamos importar isso como gravação, que nos daria um único arquivo imprensado do Illustrator, e isso pode ser adequado para algo simples ou que você não precisa mover nenhuma peça o que nos daria um único arquivo imprensado do Illustrator, e isso pode ser adequado para algo simples ou em que você não precisa mover nenhuma peça individual. Se você fizer atualizações no arquivo no Illustrator, você o verá atualizado aqui O que você normalmente deseja escolher é a composição, o que significa que você terá acesso total a todas as camadas de nível superior do Illustrator Então, aqui em dimensões de gravação, você normalmente desejará escolher tamanho da camada, a menos que queira cada camada tenha uma caixa delimitadora do tamanho do documento inteiro, o que geralmente significa que você precisará fixar muitos pontos de Uma observação rápida de que qualquer composição criada a partir de ativos estáticos como esse, na verdade, usará a duração da última composição que você criou. Então, um pequeno truque que eu gosto de usar antes de importar é criar uma composição fictícia e definir minha duração. Isso parece bom. Agora, quando eu importo meu arquivo do Illustrator, ele usará a mesma duração e eu posso simplesmente excluir essa composição extra Embora estejamos trabalhando em pixels agora, lembre-se de que eu disse que há uma maneira de dimensionar suas camadas do Illustrator de forma limpa, mas elas não fazem isso por Vamos pegar esse ponto de 2016 para demonstrar. Vamos escalar isso e vou torná-lo amarelo para facilitar o controle. Se você olhar embaixo dos interruptores e encontrar este segundo à esquerda, parece um pouco com um sol. Ativar isso permite o que é chamado de rasterização contínua, o que significa que agora ela permanece limpa e nítida, não importa o quanto eu a escale Novamente, você pode fazer uma pilha inteira mantendo pressionado o botão do mouse enquanto arrasta por todos eles. Vamos reduzir essa escala de volta. Há outra funcionalidade aqui que lhe dará ainda mais opções. O After Effects tem suas próprias camadas vetoriais nativas chamadas camadas de forma, que você pode desenhar diretamente aqui, mas também pode converter arquivos ou camadas importados do Illustrator em camadas de forma Vamos tentar isso online aqui. Para fazer isso, basta clicar com o botão direito do mouse na camada ou olhar no menu de camadas na parte superior Você encontrará a mesma opção em ambos os lugares, e estamos procurando criar formas a partir da camada vetorial. Você verá que minha camada original do Illustrator ainda está aqui, mas está desativada, e agora eu tenho uma nova camada com esse pequeno ícone de estrela. Essa é uma camada de forma. Agora, meu painel de propriedades me dá opções adicionais. Nesse caso, ele sabe que foi um traçado para que eu possa alterar a cor ou até mesmo a largura do traçado. E, novamente, observe que você verá cronômetros na maioria deles, o que significa que eles podem ser animados, incluindo o próprio caminho Agora, se você converter uma camada mais complexa como linha inferior e marcas, ela realmente conhece todas as formas individuais que foram usadas para criar essa camada no Illustrator e transformou todas elas em pequenas formas separadas para mim, que significa que posso editá-las aqui, mas elas estão todas contidas em uma única camada dentro desses grupos individuais , como linha inferior e marcas, ela realmente conhece todas as formas individuais que foram usadas para criar essa camada no Illustrator e transformou todas elas em pequenas formas separadas para mim, o que significa que posso editá-las aqui, mas elas estão todas contidas em uma única camada dentro desses grupos individuais, então é muito mais para navegar. Resumindo, mesmo que você esteja planejando fazer uma conversão dessa forma, você quer ser intencional sobre como esses arquivos são estruturados para que você não perca mais tempo tentando dissecar seus designs Exploraremos mais sobre como trabalhar e criar camadas de formas na próxima lição. Mas uma última coisa antes de fazermos isso. Infelizmente, o texto do Illustrator não pode ser convertido como o Photoshop Text Mas se você tiver seu design aberto no Illustrator, selecione seu texto e copie-o Volte para o After Effects, selecione a ferramenta Texto e clique para criar uma nova camada de texto Cole e agora você terá o mesmo pedaço de texto com as mesmas configurações, totalmente editável 37. Introdução às camadas de forma: As camadas de forma são um dos meus recursos favoritos do After Effects. Eles são como uma miniversão do Adobe Illustrator, mas contidos em uma única camada Isso significa que eles podem ficar um pouco complexos, mas você também pode usá-los de maneiras básicas. Já analisamos a conversão de ilustrações do Illustrator, mas às vezes é mais fácil e oferece melhor controle para criar seus elementos aqui mesmo no After Vou voltar para minha barra de ferramentas, pegar a ferramenta de forma novamente e escolher um retângulo Sim, a mesma ferramenta de forma que usamos anteriormente para criar uma máscara. Antes de desenhar, observe os controles de preenchimento e traçado aqui na barra de ferramentas Você pode clicar nesses chips de cores para alterar as cores. Altere a largura do traçado antes mesmo de desenhar, ou você pode clicar nas palavras reais aqui para escolher entre sólido, gradiente ou nenhuma Desta vez, não tenho nenhuma camada selecionada. Então, quando eu coloco meu cursor no visualizador, você pode ver esse pequeno ícone de estrela ao lado do meu cursor. Isso significa que estou prestes a criar uma camada de forma. Se eu tiver uma camada selecionada, ela será exibida como um cursor de máscara. Viu a diferença? Clique e arraste para desenhar essa forma. Se eu quiser um quadrado perfeito, posso segurar a tecla Shift. Se você preferir desenhar a partir do centro, lembre-se de que você pode segurar o controle ou o comando para fazer isso, ou segurar os dois ao mesmo tempo, se quiser. Mas eu vou manter o meu aqui por enquanto. Agora, eu tenho uma camada de forma com Retângulo um abaixo na minha linha do tempo, e olhando para o meu painel de propriedades, você também pode ver esse mesmo retângulo ali mesmo Vamos dar uma olhada nessas propriedades de forma. Acabei de desenhar o que é chamado de forma paramétrica, o que significa que esses valores determinam a aparência dessa forma Posso clicar e arrastar sobre eles para redimensioná-los. Você pode clicar nessa pequena cadeia para desvinculá-las e alterá-las em apenas uma dimensão Você também tem o arredondamento dos cantos aqui. E, claro, qualquer um deles também pode ser animado. Temos configurações para traçado e preenchimento e, novamente, podemos alterar isso para um gradiente ou nenhum, mas vou deixar isso como sólido por enquanto Outras formas terão propriedades diferentes aqui, ou você também pode criar formas de Bezier compostas por pontos de caminho Podem ser formas regulares, como retângulos e elipses, ou podemos voltar e pegar nossa amiga, a Novamente, clique para criar um canto rígido, clique e arraste para criar um canto arredondado. E agora eu desenhei uma forma totalmente personalizada. Como essa é apenas uma forma de Bezier, ela tem apenas uma única propriedade de caminho aqui, mas eu ainda poderia editá-la ou animá-la Agora observe que eu realmente fiz a segunda forma na mesma camada primeiro retângulo que desenhei. Isso mesmo. As camadas de forma podem ser totalmente um único objeto ou podem conter várias formas, que podem ser agrupadas Você pode adicionar modificadores para alterar a aparência e o comportamento deles, e tudo isso é totalmente processual, superflexível, totalmente não destrutivo e tudo pode ser animado Muito louco. O segredo aqui é que uma camada de forma é, na verdade, apenas um contêiner. Se você tem olhos afiados, provavelmente notará que há dois conjuntos de propriedades de transformação visíveis no painel de propriedades no momento. A camada se transforma em cima e forma se transforma aqui embaixo. Isso mesmo. Cada uma dessas formas que acabei de desenhar, na verdade, tem seu próprio conjunto de transformações independente da camada em que vive Então, se eu ajustar a rotação da camada, ambas as formas serão giradas e isso acontecerá a partir do ponto de ancoragem da camada, aqui mesmo no meio das composições a partir do ponto de ancoragem da camada aqui mesmo no meio das Mas quando eu seleciono o retângulo um, esse objeto tem sua própria forma e se transforma Assim, posso ajustar a posição ou a escala e girar e observar que isso está acontecendo a partir do ponto de ancoragem da própria forma Tudo bem, vamos dar um passo atrás. Se você é uma pessoa menos técnica e isso já está te assustando, você pode ignorar esse nível extra de complexidade Basta desenhar uma coisa e usar as transformações de camada como qualquer outra coisa. Na verdade, se você examinar a composição de preferências, há até mesmo uma configuração aqui que centralizará o ponto de ancoragem na forma você desenhar, não importa onde você a coloque Portanto, se essa abordagem fizer mais sentido para você, sinta-se à vontade para usá-la. Vou selecionar a forma um e alterar a cor de preenchimento. Isso deve ajudá-lo a acompanhar o que está acontecendo enquanto exploramos aqui. Obviamente, você pode editar e até mesmo animar apenas no painel de propriedades, mas o verdadeiro poder das camadas de forma está na verdade, escondido na linha do tempo Vamos pegar essa pequena divisória e aumentar o painel da linha do tempo para que você possa realmente ver o que estou fazendo aqui Novamente, temos o retângulo um e a forma um. Se eu abrir o Retângulo 1, você verá uma variedade de coisas A camada de forma é apenas um contêiner, e a retangular é, na verdade, apenas um grupo, que eu poderia renomear se quisesse e a retangular é, na verdade, apenas um grupo, que eu poderia renomear se quisesse . Mas eu não sei agora. O After Effects estava apenas ajudando. Quando eu desenhei uma forma, ela automaticamente a colocou em um grupo para mim e nomeou o grupo com o nome da coisa que está dentro. Dentro desse grupo há um caminho retangular paramétrico, bem como um traçado e um preenchimento Abri-las revela ainda mais opções. E então esse grupo tem suas próprias propriedades de transformação, que na verdade é o que estávamos vendo e ajustando no painel de propriedades E só para provar que estou falando a verdade, aqui estão as transformações de camadas totalmente separadas Vou fechá-los novamente para que você não se confunda. Vamos ajustar essa posição para que nossas duas formas se sobreponham Forme um retângulo, um. forma um está na parte superior, então parece o objeto superior no visualizador. Mas se eu pegar o retângulo um e trazê-lo para o topo, faz sentido Muito semelhante à pilha de camadas. Bem, espere porque tem mais. Confira este menu de anúncios. É aí que estão todas as coisas realmente boas. Está cheio desses modificadores adicionais que você pode adicionar às formas Vou me certificar de selecionar o conteúdo da palavra em vez de qualquer um desses grupos e depois voltar aqui e encontrar caminhos de mesclagem Isso permite combinar as formas acima maneiras diferentes para criar uma forma mais complexa e unificada com seu próprio traçado e preenchimento. Abrindo caminhos de mesclagem, isso tem modos diferentes E se eu definir isso para subtrair, agora ele está cortando a segunda forma da primeira forma E se eu mover a forma um de volta para o topo? Essa sensação é familiar? Vamos mudar isso de volta e depois definir isso para cruzar. Portanto, embora seja semelhante aos modos de máscara que vimos anteriormente, também é como a ferramenta Pathfinder do Illustrator, mas totalmente não destrutiva mas totalmente não destrutiva E, claro, este é um programa de animação, então qualquer uma das peças aqui dentro pode se mover. Ok, antes de analisarmos alguns desses outros recursos, vou simplificar um pouco. Vamos excluir essa camada e eu vou criar apenas um pequeno quadrado, cerca de 100 por 100. Uma das minhas coisas favoritas nesse menu de anúncios é o repetidor Isso fornece um número controlável de cópias de qualquer objeto ou objetos que você inserir nele Digamos que queremos oito cópias e, sim, essa coisa tem suas próprias transformações que se aplicam apenas às cópias repetidas. Vamos atualizar isso. Portanto, cada cópia está sendo deslocada 130 pixels em X e dez pixels em Y, e talvez gire cada uma em cinco graus E vamos tentar definir a escala para 95%. Talvez aumente isso para dez cópias. Vamos ficar loucos. Selecione meu grupo, adicione outro repetidor e altere essa posição para 0200 E tudo isso se refere ao caminho de um retângulo paramétrico Então, se eu ajustar o tamanho, isso afetará todas as cópias. Mas e se eu pressionar comando D do controlador para duplicar o caminho do retângulo, alterar o tamanho e, oh, nossa, eles também têm suas próprias posições internas , então vou ajustar isso um pouco Isso é super legal ou não? Agora, eu poderia brincar aqui o dia todo, mas vamos voltar às coisas que você realmente precisará para o próximo projeto. Vou deletar essa camada, pegar a ferramenta de caneta e desligar esse preenchimento. E clique em arrastar, clique em arrastar para criar um pequeno caminho flexível. Na minha linha do tempo, vou abrir essa camada, girar o conteúdo aberto, abrir conteúdo Certo, então temos um caminho, um traçado e um preenchimento que está desativado. Faz sentido. Vamos animar essa linha para que ela se desenhe. Vou voltar ao AD e encontrar caminhos de acabamento. Aqui dentro, você encontrará um início e um fim que cortam o caminho que acabei de traçar de cada lado Para animar isso, defina a extremidade como zero e clique no cronômetro, avance um pouco e configure para 100% Tara, usaremos quase exatamente isso nas próximas aulas, mas uma última ideia que quero deixar para você é que a ordem desses modificadores Cada um deles está, na verdade, se dedicando ao resultado de tudo que entra nele. Vamos também adicionar um ziguezague e, em seguida, um caminho deslocado, e voltar aqui onde isso está quase concluído No momento, esse caminho está sendo cortado e depois ziguezagueado Vamos ajustar isso. Em seguida, sendo compensado Vamos ajustar isso também. Então, aqui está o que parece quando está se movendo. Uma coisa meio crocante de batata frita. Mas se eu mover os caminhos de recorte abaixo de ambos, agora o caminho está sendo ziguezagueado, depois deslocado e, em seguida, depois deslocado e, em seguida Sensação totalmente diferente, certo? Como você pode ver, os Shaplers estão cheios de possibilidades criativas, e eu mal estava animando nada ainda Vamos aproveitar alguns dos usos mais simples no próximo projeto, mas eu realmente encorajo você a entrar aqui e explorar Brinque. Você pode fazer coisas realmente incríveis depois de entender como elas funcionam. 38. Configure um gráfico de barras: Antes de importarmos nosso primeiro design, vou criar essa composição fictícia como eu recomendei Vou pressionar Nova composição e definir isso para 24, definir a duração para 10 segundos e, em vez de clicar em OK, posso simplesmente pressionar Enter. Também podemos importar elementos clicando duas vezes na área vazia do painel do projeto, então vou fazer isso e pegar este gráfico de barras. PSD é o meu primeiro Importe e eu terei o mesmo diálogo que vimos anteriormente. Quero ter certeza de que essa é composição e reter os tamanhos das camadas. Acho que não preciso editar nenhum estilo de camada neste, mas nunca é demais deixá-los editáveis, então vou pressionar OK Vemos que, na verdade, são 24 quadros por segundo e 10 segundos, exatamente como eu queria, então posso excluir aquela composição fictícia Clique duas vezes aqui para abri-lo. Ótimo. Aqui estão todas as minhas camadas do Photoshop Vamos fazer um pouco de codificação por cores aqui. Acho que vou começar com essas duas camadas de título no topo. Amarelo é muito bom. Esses serão proeminentes. E vamos clicar com o botão direito do mouse e defini-los como texto editável Acho que as barras serão uma espécie de peça principal. Então, vamos configurá-los para fussia, algo agradável e visível. E então esses números também parecem muito importantes. Então, talvez vamos defini-los como rosa para que combinem com a fussia E você sabe que, enquanto estamos nisso, vamos seguir em frente e movê-los. 24 vai com a Terra e dez vai com Júpiter. Dessa forma, eles estão meio que com seus amigos um pouco mais. Acho que o resultado final precisa ficar em cima deles para garantir que tudo pareça limpo na parte inferior, então vamos deixá-lo lá em cima. Cor BG. Vamos definir isso para azul e bloquear isso. Acho que não precisamos fazer nada com isso. E eu posso ver que os dois grupos do Photoshop se tornaram pré-composições quando foram importados Posso clicar duas vezes nele para olhar para dentro e ver que, sim, temos todas essas camadas individuais Então, poderemos animá-los separadamente mais tarde, se quisermos. Vou fechar isso. Agora, quando estou trabalhando com algo um pouco mais preciso, como um gráfico, e quero ter certeza de não tirar nada do lugar acidentalmente, geralmente acho útil trazer uma imagem de referência com a qual eu possa comparar isso Então, felizmente, eu já exportei um desses do Photoshop e do Illustrator para os outros gráficos. Então, vamos trazer isso para dentro. E existem algumas maneiras diferentes de trabalhar com isso. O que fizer sentido para você, basta colocá-lo diretamente em cima do design e ativá-lo e desativá-lo para verificar enquanto trabalha. Agora, às vezes, quando você está lidando com muitas camadas, é fácil esquecer alguma coisa. Então, um passo importante aqui é clicar com o botão direito do mouse nessa camada, ou novamente, você pode encontrá-la no menu de camadas e encontrar essa opção aqui, camada guia. Ao habilitar isso, você verá esse pequeno símbolo de hashtag azul-petróleo aqui, que significa que essa camada não será renderizada quando você exportar sua animação posteriormente Portanto, mesmo que você acidentalmente deixe essa opção ativada ao exportá-la, ela não ficará visível nessa exportação Muito útil. Talvez você não queira continuar ativando e desativando essa camada enquanto trabalha, e eu não culpo você Então, às vezes, também pode ser útil reduzir a escala e colocá-la no canto se você estiver um pouco menos preocupado com posição exata e mais apenas certeza de manter a composição a mesma, ou essa pode ser uma boa maneira de colocar colírios ou cores posteriormente, se você precisar Mas por falar em cores, eu realmente exportei alguns chips de cores Então, se isso é tudo o que precisamos, podemos realmente fazer isso. Vamos excluir essa camada, importar nossos chips de cores aqui. E você poderia trabalhar com eles da mesma forma. Você pode colocá-los aqui na lateral de sua composição, movê-los, redimensioná-los, o que fizer sentido Mas se você não quiser que eles ocupem parte do seu precioso espaço de composição, vou simplesmente deletar isso. Há outra opção. Quando você clica duas vezes em qualquer elemento aqui, seja uma imagem ou um trecho de vídeo, ele se abrirá no que é chamado de visualizador de imagens Observe que isso é diferente do visualizador de composição. Aqui está o visualizador de imagens. Isso permite que você veja apenas um ativo específico. Você não pode trabalhar ou animar aqui. É apenas para revisar esse ativo. Mas essa pode ser uma boa maneira de olhar para frente e para trás e ter certeza de que você está mantendo tudo no lugar certo. Uma forma que às vezes gosto de usar isso é para chips de cores. Se eu clicar duas vezes nele, alguém foi inteligente o suficiente para fazer um alinhamento vertical bonito e fino que funciona perfeitamente Se eu quisesse ajustar isso para ser um painel muito fino que fica aqui, fora do caminho, e eu posso usar colírio ou essas cores mais tarde Agora, se você gosta de trabalhar com bibliotecas da CC, você também pode fazer isso. Vou até as bibliotecas de janelas. E isso simplesmente se abrirá na sua interface. Você pode pegar cores e passar o mouse sobre elas para ver os códigos hexadecimais Portanto, se você já tem bibliotecas configuradas para seus projetos, essa é uma ótima maneira de fazer isso. Se você tem uma biblioteca que inclui imagens, você também pode arrastá-las diretamente para o painel do projeto. Acho que essa pequena configuração de visualizador de imagens será ótima para este projeto Então, vou seguir em frente e fechar esse painel. Olhando minha composição, acho que vou trabalhar de cima para baixo e da esquerda para a direita. Isso parece fazer sentido quando você está apresentando informações como palavras e números. E pelo menos nas culturas ocidentais, é assim que as pessoas leem, então isso faz sentido como forma de apresentar essas coisas. Agora, os títulos aqui em cima serão importantes, mas não acho que esses sejam os heróis. Eles parecem uma espécie de segundo lugar atrás dessas grades. Esses serão nosso principal foco de atenção para nossos telespectadores. E planejarei que todas as peças se revelem, talvez em cerca de 3 segundos. Depois disso, deixaremos os elementos repousarem para que nosso espectador tenha tempo de realmente digerir essas informações antes de passarmos para o próximo gráfico Então, embora a maior parte do nosso trabalho esteja aqui, fui em frente e fiz uma composição um pouco mais longa apenas para nos dar essa margem Grande parte dessa composição não terá nenhuma animação, então provavelmente reduziremos nossa área de trabalho para mais ou menos E cada uma de nossas prévias começará logo no início de nossa linha do Então, na verdade, há uma configuração que podemos alterar em nosso painel de visualização para evitar que precisemos pressionar Início toda vez que quisermos fazer uma prévia. Vamos até aqui para a visualização prévia do Windows. Na verdade, existem muitas configurações aqui, e exploraremos algumas delas posteriormente no curso. Mas agora eu quero ver essa peça da época atual. Essa é a configuração padrão aqui, e isso significa que toda vez que você pressionar a barra de espaço, sua animação será visualizada de onde quer que seu CTI esteja atualmente Mas se você estiver trabalhando em algo em que tudo começa do início, toda vez que quiser visualizar, precisará pressionar home e depois a barra de espaço Então, em vez disso, vamos alterar essa configuração aqui da hora atual para o início do intervalo. E agora minhas prévias sempre começarão do início da composição, desde que eu não mova o início da minha área de trabalho Vá em frente e feche esse painel, e acho que estamos prontos para começar a animar 39. Animando um gráfico de barras: Vamos dar uma olhada na animação dessas barras. Esses são um ótimo exemplo do que eu estava falando anteriormente, que é a forma como queremos que eles pareçam que determina qual abordagem funcionará melhor aqui. Acho que faz sentido que essas barras cresçam a partir da parte inferior do gráfico. Isso é bem fácil. Há algumas abordagens diferentes aqui. O que queremos fazer com os números pode determinar a melhor forma de fazer isso. Vamos seguir em frente e conferir alguns exemplos aqui. Então, se eu selecionar essa barra azul, você verá que o ponto de ancoragem está bem no meio dela, o que faz sentido porque eu as importei no tamanho da camada Agora, uma maneira fácil de fazer isso é pressionar Y para pegar minha ferramenta de ponto de ancoragem e trazer esse ponto de ancoragem até a parte inferior dessa camada Na verdade, você pode segurar o controle ou o comando para que ele se encaixe ali mesmo Vou pressionar V para recuperar minha ferramenta de seleção. E agora, se eu ajustar a escala Y desvinculando-os e apenas ajustando a escala, olhe lá Perfeito, certo? Ok, ok. Então, vamos criar alguns quadros-chave aqui e ver como isso fica Acho que cerca de um segundo e meio provavelmente é bom. Vou pressionar S e revelar isso aqui embaixo na linha do tempo, pois já estou aqui Crie esse quadro-chave, volte ao início e defina o valor Y como zero Ok, aqui está a animação do meu bar. Perfeito. Vamos cuidar desses 24 aqui e, oh, oh. Bem, sim, isso faz sentido porque eu estou escalando o padrão, e 24 é o pai do bar e 24 é o pai Então, no momento, é apenas cerca de 27%, e esse número está sendo reduzido. E, cara, isso simplesmente não parece nada bom, o que significa que essa abordagem não funcionará se eu quiser que os números sejam anexados. Agora, talvez você não se importe com isso, e você pode fazer com que os números desapareçam depois que a barra crescer Se for esse o caso, essa abordagem seria ótima. Mas vamos tentar algumas outras coisas apenas para mostrar algumas opções. Vou desabilitar essa animação apenas clicando no cronômetro e excluindo todos os Agora, essa próxima abordagem não faz muito sentido aqui, pois temos apenas 2 barras. Mas imagine que temos um gráfico com talvez 10 barras. Então, é útil pensar em fazer isso uma forma muito repetível e modular E para mim, isso significa formar camadas. Vamos até aqui e pegar nossa ferramenta de modelagem, um retângulo, que o meu já está usando Vou ampliar um pouco e certificar de que não tenho camadas selecionadas. Observe que eu tenho um cursor de camada de forma ali mesmo. Eu poderia tentar desenhar isso perfeitamente do topo deste gráfico até a parte inferior e ver se consigo igualar essa largura. Ok, ótimo. Agora, é claro, essa é da cor errada, mas está tudo bem para a visibilidade agora. Na verdade, vou escolher esse vermelho para que ele realmente se destaque do nosso verdadeiro. Agora, há algumas maneiras diferentes de animar isso, mas uma bem fácil seria selecionar essa camada, pegar sua ferramenta de ponto de ancoragem novamente e usar a mesma estratégia Anime a escala aqui. Então, novamente, nesse caso, anexar os números não funcionaria Mas se você pensar sobre isso, agora temos essa barra modular fácil que podemos facilmente duplicar para encobrir rapidamente cada uma delas Então, vamos fazer uma duplicata e esfregá-la aqui para cobrir a outra barra e ajustar a escala até ficar correta Então, novamente, aqui com apenas 2 barras não faz muito sentido. Mas em um gráfico com um monte deles, essa pode ser uma maneira fácil de repetir isso. Ou se for algo em que você precise atualizar esse gráfico toda semana. Essa pode ser uma maneira muito boa que esses valores possam ser muito flexíveis. E imagine que tivéssemos um gráfico em 100 era o máximo e zero era a parte inferior. Se fosse esse o caso, bem, escala é apenas um valor de 0 a 100 Então, esse valor Y aqui seria exatamente o valor no gráfico. Claro, esse não é o caso aqui, e já mostramos por que essa provavelmente não é a melhor abordagem, mas agora você tem isso no bolso, caso isso aconteça. Então, vamos excluir os dois. E tente outra abordagem. Eu gostaria que os números aparecessem durante o passeio com essas barras à medida que elas sobem. Então, acho que a única opção aqui é animar a posição da barra e podemos atribuir o número a ela Mas precisamos descobrir como lidar com essa área aqui embaixo porque, obviamente, se selecionarmos essa barra e a movermos para baixo, isso realmente não parece certo. Vamos desfazer isso. Vamos animar essa barra, e então podemos descobrir esse problema de visibilidade Vou pressionar P para revelar a posição. E como os gráficos tendem a ser meio precisos, quero ter certeza de que não posso movê-los acidentalmente para a esquerda ou para a direita, para que você possa clicar com o botão direito do mouse na posição da palavra e, aqui, separar as dimensões, que fará com que X e Y realmente funcionem como duas Agora eu poderia arrastar isso e afetar apenas a posição Y. Vamos criar um quadro-chave, voltar ao início e arrastá-lo até que a barra e o número estejam na parte inferior do gráfico Mas, claro, eles ainda estão visíveis. OK. Bem, como podemos abordar isso? Vamos ficar meio que no meio daqui. Sabemos que as máscaras podem alterar o que é visível em uma camada. Então, vou até aqui e pego minha ferramenta de retângulo, e selecionei a camada, então vou criar uma máscara E bem, vamos lá, exceto que as máscaras se movem com a camada à qual estão presas. E, claro, você poderia animar esse caminho de máscara, mas isso não é muito flexível Então, vamos desfazer. Em vez disso, precisamos de algo que possa restringir essa visibilidade sem estar preso a essa camada, e isso é chamado de tapete de trilha. Na verdade, você pode usar uma camada separada para determinar a visibilidade dessa camada. Vamos continuar e voltar aqui até onde está tudo acima, e eu vou desmarcar essa camada Ainda tenho minha ferramenta de retângulo selecionada, que será perfeita aqui, e na verdade vou desenhar uma forma que começa aqui acima da parte superior do meu gráfico e termina perfeitamente na linha inferior Lá vamos nós. E se eu precisar, posso simplesmente ampliar e usar minhas teclas de seta para cima e para baixo para colocá-la no lugar certo Vou transformar isso em uma cor meio louca para visibilidade aqui. Então você pode realmente dizer o que está acontecendo. Então eu tenho esse grande retângulo laranja aqui, e esse vai ser o tapete através do qual essa outra camada é visível Vamos renomear isso para Mt. E vou desligar essa visibilidade por um segundo para que nos lembremos com o que estamos trabalhando aqui. É esse bar. E então vou até minha linha do tempo e alterno minhas opções Lembre-se de que os tapetes estão aqui entre seus modos de mesclagem e sua Esta é uma coluna totalmente diferente desses menus suspensos, e eles também têm aquele chicote novamente. Então, para a barra da Terra, eu tenho esse menu suspenso e posso selecionar MAT lá em cima, ou novamente, você pode usar o botão de seleção e o ponto da camada que deseja Assim que eu soltar o botão do mouse, você verá que a visibilidade da camada do tapete está desativada e o pequeno menu do tapete de trilha será atualizado para dizer MT. Agora essa camada está usando aquela camada que chamamos de tapete como tapete, significa que ela só é visível dentro dos limites dessa camada. Você notará que a camada do tapete está a visibilidade desativada e agora tem esse pequeno ícone extra aqui, indicando que está funcionando como um tapete de trilha. E a camada que está sendo emaranhada também tem um pequeno ícone. Então, agora veja o que acontece à medida que avançamos no tempo. Essa barra azul só é visível dentro dos limites dessa camada de tapete. Vamos voltar ao início. Observe que ainda podemos ver os 24 agora. Bem, claro, não fizemos nada com isso. Mas uma das coisas que torna realmente flexível é que várias camadas podem usar a mesma outra camada como tapete. Então, vou colocar isso no mesmo tapete. E agora essas duas camadas estão sendo reveladas. Ótimo. Vamos animar a barra de Júpiter. Também podemos usar J e K para pular para o quadro-chave visível anterior ou seguinte Então, pressionarei K para ir até onde está o segundo quadro-chave Selecione meu retângulo de Júpiter aqui, pressione P para revelar a posição, clique com o botão direito, separe as dimensões e crie um quadro-chave para minha Vou cuidar dos meus dez agora, antes de mudar este bar. Em seguida, pressione J ou home para voltar para esse primeiro quadro-chave ou primeiro quadro da composição Eles são os mesmos nesse caso, e basta ajustar a posição Y até que ambos estejam fora da parte inferior do gráfico. Selecione essas duas camadas usando controle ou comando para seleção múltipla Clique nesse menu suspenso e escolha Matte e os dois usarão Então, agora todas essas quatro camadas estão usando a mesma camada para determinar sua visibilidade. Vamos definir isso com outra cor, talvez nenhuma para esclarecer que está funcionando, mas na verdade não precisamos tocá-la novamente. Vamos dar uma olhada nessa animação. Ei, nada mal. Agora, estamos perdendo muito tempo em uma prévia da qual realmente não precisamos e pressionamos N para cortar essa área de trabalho em cerca de 4 segundos Ok, não parece muito ruim. Vamos selecionar os dois e pressionar F nove para Easy Ease. Ok, já está melhor. E lembre-se, eu disse, vou trabalhar de cima para baixo e da esquerda para a direita. Então eu acho que apenas compensá-los um pouco ficaria muito bom Vou pressionar home para voltar ao início, pressionar page down para ir, digamos, seis quadros, um, dois, três, quatro, cinco, seis, e posso selecionar esse número e essa barra e arrastá-los, arrastá-los, ou você também pode pressionar a tecla de colchetes abertos para mover as camadas selecionadas para que elas comecem no quadro atual E agora temos uma pequena diferença aqui, que eu acho que funciona muito bem Se você adicionasse barras adicionais aqui, todas poderiam usar o mesmo tapete e ser muito flexíveis. Se você começar a combinar algumas dessas técnicas, talvez você possa ter uma barra de camadas de forma muito modular para poder alterar a cor com facilidade e rapidez ou alterar seu tamanho final e, em seguida, combiná-la com essa técnica de tapete de trilha para torná-la muito flexível. 40. Anime elementos secundários: Agora que temos as barras em movimento, vamos abordar os títulos e todos os outros elementos de apoio. Vou interromper essa prévia e selecionar esse título principal lá. Vamos aplicar uma predefinição de animação de texto a isso. Então, vamos falar sobre Efeitos e Predefinições, e você pode dar uma olhada em tudo isso sozinho, mas eu sei o que quero, então vou digitá-lo na barra de pesquisa aqui, que é deslizada para baixo por caractere Agora, antes de aplicar isso, quero ter certeza de que minha CTI está no momento correto, pois as predefinições de animação aplicadas no momento em que você está atualmente Nesse caso, quero ter certeza de que estou de volta ao início da minha linha do para que isso seja aplicado corretamente Novamente, com minha camada selecionada, eu poderia clicar duas vezes nela ou arrastá-la até a camada. Você verá esse texto desaparecer porque está sendo animado. Então, à medida que avançamos no tempo, você verá essas letras aparecerem. Perfeito. E poderemos abrir isso e ajustar essas propriedades. Poderíamos abrir isso, mas como já estamos ficando um pouco lotados aqui na linha do tempo, vamos dar uma olhada em alguns outros atalhos mas como já estamos ficando um pouco lotados aqui na linha do tempo, vamos dar uma olhada em vamos dar uma olhada Eu poderia pressionar você para revelar os quadros-chave nessa camada. E isso é útil. Isso me mostra que o tempo realmente se alinhou perfeitamente com os outros quadros-chave Mas eu gostaria de poder ajustar a quantidade desse movimento, o que significa que preciso de um comando um pouco diferente. Se você pressionar U duas vezes rapidamente, ela realmente revelará qualquer propriedade na camada selecionada que tenha sido alterada de seu valor padrão, o que é perfeito aqui. Olhando aqui embaixo, você verá que, na verdade, tenho um valor de posição separado que está inserido aqui Isso está no que é chamado de Animador de Texto, e aprenderemos mais sobre isso posteriormente no curso Mas agora, vamos apenas fazer um pequeno ajuste. Eu aponto isso porque é diferente da posição das camadas. Isso está afetando apenas esses caracteres de texto aqui. Então, isso está movendo esse caractere em -73. Vou mudar isso para 20 positivos, e vamos ver como é. Ok, eu meio que gosto disso. Agradável e sutil. Acho que essa mesma animação realmente funcionaria muito bem para o outro título Então, vou voltar ao início da minha linha do tempo, selecionar todo esse slide para baixo por caractere e o Controller Command C para copiar, rolar para baixo, selecionar em horas e o Controller Command V para colar Vou selecionar essas duas camadas e pressionar para ver esses quadros-chave. E vamos dar uma olhada. OK. Eu gosto disso. Novamente, vamos tentar compensar a segunda camada seis quadros. Você pode simplesmente arrastá-lo. E se você segurar a tecla Shift, ela realmente se encaixará na outra extremidade da camada existente, o que é muito útil Tudo bem. Eu acho que isso está funcionando muito bem. Vamos animar todos esses elementos secundários, e então podemos fazer nossa cronometragem final Vou interromper essa prévia e começar animando as linhas da grade Vou rolar para baixo e encontrar a pré-composição das linhas de grade e clicar duas vezes para abri-las. Dessa forma, estamos apenas observando essas linhas de grade isoladas e cada uma é sua própria camada. Vou voltar ao início da minha linha do tempo e, na verdade, vou criar os mesmos quadros-chave em todos eles ao mesmo tempo Vou pressionar T para revelar a opacidade, e vamos avançar 12 quadros Basta clicar e arrastar para baixo todos eles para ativar todos os cronômetros de uma só vez Volte para casa e, com todos eles ainda selecionados, basta clicar e arrastar qualquer um deles até zero, e isso ajusta todos eles. Pré-visualização rápida. Eles estão todos desaparecendo, não é tão empolgante. Vamos compensá-los novamente, para que isso crie um pouco de interesse visual Vou pressionar home para voltar ao início da minha linha do tempo, além de ampliar um pouco para que possamos ver o que estamos fazendo E acho que ficaria bem se compensássemos cada camada em dois quadros Assim, poderíamos pressionar página para baixo, página para baixo, mover isso para cima, página para baixo, página para baixo. Lembre-se de que você também pode pressionar colchete aberto, página abaixo, página abaixo, colchete aberto, página abaixo, página abaixo, colchete aberto Vamos definir essa área de trabalho aqui pressionando N e verificar isso. Lá vamos nós. Não é tão empolgante por si só, mas, como parte geral, será perfeito. Antes de sairmos dessa composição, vamos pegar um conjunto desses quadros-chave e copiá-los , pois podemos simplesmente colá-los em algumas de nossas outras camadas Fecharemos essa pré-composição e entraremos nas etiquetas laterais. Ao colar quadros-chave, você também quer ter certeza de que sua CTI está no lugar correto Então, pressionarei home, selecionarei todas essas camadas e, em seguida, controlarei ou comandarei V para colar. Vamos pressionar U para revelá-los. Lá vamos nós. Novamente, vou definir minha área de trabalho mais ou menos aqui. E vamos compensá-los novamente. Agora, a estratégia que acabei de mostrar é ótima e funciona muito bem quando você tem apenas algumas camadas. Mas digamos que você tenha várias camadas como essa e não queira continuar clicando dessa forma tediosa. Na verdade, você pode segurar Control ou command e Alt ou option ao mesmo tempo e notar minha mudança de cursor aqui. Agora estou fazendo o que é chamado de deslocamento rápido e posso clicar e arrastar em qualquer grupo de camadas para deslocá-las progressivamente Agora, você quer ter certeza de que eles estão selecionados na ordem em que você deseja que eles se mudem, o que eu não fiz aqui. Então, vamos desfazer isso. Desmarque e eu selecionarei a camada superior, pressionarei a tecla Shift e selecionarei a camada inferior Agora posso segurar Control e Alt para mim, comandar e optar se você estiver em um Mac e começar a arrastar Observe que, na verdade, mostra até onde cada camada está sendo arrastada e o deslocamento total Eu quero dois quadros por camada, que é exatamente o que estou fazendo agora, então vou lançar. E agora eu tenho exatamente o mesmo deslocamento das outras composições Perfeito. Vamos fechar isso e ver como está tudo agora. Ok, eu gosto de onde isso está indo. É claro que tudo está acontecendo ao mesmo tempo, então precisamos começar a trabalhar nisso. Também acho que precisaremos de um pouco mais de espaço aqui. Então, vamos trazer isso à tona. E como a ampliação do meu visualizador está configurada para caber, ela simplesmente se adapta comigo. Vamos em frente. Adicione esses mesmos quadros-chave de opacidade a essa linha de fundo Terra Estou apenas clicando em Controle ou Comando para selecioná-los várias E com minha CTI ativada no início, vou colar esses quadros-chave de opacidade, para que todos Desmarque-os e agora, se eu pressionar U, ele revelará todos os quadros-chave em todas as camadas Como eu abro alguns primeiro, ele os fecha primeiro, pressiona novamente e agora revela todos eles. E agora podemos descobrir nosso tempo. Então, já fizemos um deslocamento de seis quadros, um, dois, três, quatro, cinco, seis, para chegar a essa primeira coisa Talvez faça sentido iniciar as linhas de grade e as linhas laterais ali mesmo, então pressionarei o colchete aberto E eu provavelmente deveria ter prestado atenção ao tempo interno porque preciso basear o tempo final nisso. Então, vamos voltar aqui e encontrar o último. Lá vamos nós. Vou seguir em frente e passar dois quadros além disso. E quando volto às minhas composições principais, meu CTI permanece no mesmo lugar, então esse é o meu horário de início para os resultados financeiros Perfeito. Vamos talvez subir mais seis quadros, um, dois, três, quatro, cinco, seis. Parece que é aí que a barra de Júpiter e seu número deveriam começar Talvez mais seis. Para a Terra e seu bar. E eu não tenho certeza. É nessa hora que esses rótulos devem começar? Vamos experimentar apenas dois quadros além disso e ver como é. Pessoalmente, acho que isso funciona muito bem. Vemos os títulos aparecerem e, em seguida, as linhas do gráfico guiam nossos olhos até onde essas barras se revelarão . Bom. 41. Crie um gráfico de linhas: É hora de abordar o segundo gráfico, então vamos importá-lo. Esse é o nosso gráfico de linhas aqui. Esse é um arquivo do Illustrator em camadas, então vou me certificar de que estou importando isso como uma composição, OK. E agora que reunimos algumas coisas aqui, vamos dedicar um minuto para organizar nosso painel de projetos. Aqui está a estrutura que eu gosto de usar, uma composição para composições, duas pré para pré-composições, que usaremos aqui, e depois Dessa forma, tudo é classificado em uma ordem específica porque, alfabeticamente, eles não se alinhariam da maneira que eu gostaria, mas você é livre para fazer o que quiser E vou pegar essas duas composições e colocá-las dentro do pré porque vamos usá-las como cenas individuais em nossas composições finais de exportação Vou pegar todas essas outras coisas e colocá-las em ativos. Podemos abri-los novamente apenas para que possamos ver tudo. Tudo bem, vamos dar uma olhada neste gráfico de linhas. Agora, muito disso é muito parecido com o anterior. Portanto, há uma boa quantidade de copiar e colar que podemos fazer, mas as linhas e os pontos são únicos aqui Então, vamos abrir isso de volta para que possamos ver, e talvez façamos com que esses pontos fiquem rosados novamente. E eu deixaria a linha rosa, mas na verdade estamos prestes a substituir essa camada, então poderíamos seguir em frente e fazer isso primeiro. Essa linha já é um traçado do Illustrator, então ela será convertida perfeitamente Se não fosse, você poderia usar a ferramenta Caneta e simplesmente traçar uma nova. Mas, felizmente, isso foi construído como um traçado, então vou clicar com o botão direito do mouse em Criar formas a partir da camada vetorial. Agora temos nossa versão resumida disso. Você pode dar uma olhada no painel de propriedades e ver que ele reconhece que tem um traçado, para que ele saiba que é um caminho traçado Agora vou definir isso para Fuchsia. Poderíamos guardar essa outra cópia para fins seguro ou simplesmente pressionar delete para nos livrarmos dela. Tudo bem, vamos abrir nossa linha aqui. Poderíamos abrir isso e ver, sim, temos um caminho e um traçado Ótimo. Vamos fazer com que essa linha seja desenhada da esquerda para a direita, que significa cortar caminhos Vamos descer aqui e adicionar caminhos de acabamento. E vamos seguir em frente e isolar essa camada clicando aqui para que possamos nos concentrar nisso por enquanto. Abra caminhos de acabamento e vamos ver o que acontece. Ooh Às vezes, dependendo de como o caminho foi desenhado no Illustrator, início e o fim podem funcionar ao contrário do que você esperava Nesse caso, poderíamos simplesmente animar o valor inicial, e isso funcionaria muito bem Ou aqui está um pequeno botão para que você possa mudar a direção do caminho Se eu clicar agora, inverta esse caminho e funcionará da maneira que eu quiser. Perfeito. Então, vamos reduzir para zero, criar um quadro-chave, e eu vou aumentar isso para, digamos, 2 segundos, trazendo isso para 100% Vamos definir nossa área de trabalho para cerca de quatro, reduzir isso pressionando N. E sim, vamos lá Ótimo. Vamos pressionar U para que possamos reduzir isso, mas ainda assim ver os quadros-chave, e agora é hora de lidar com esses pontos Podemos seguir em frente e simplesmente arrastar até aqui para trazê-los para o grupo solo também. Acho que apenas ter essas escalas provavelmente faz muito sentido. Então, deixe-me abrir um desses, abrir a balança. E eu vou dizer que talvez oito quadros sejam apropriados. Vá em frente e crie esse quadro-chave de escala, pressione home para voltar ao início e defina-o como zero Vou destacá-los e pressionar F nove para Easy Es. Enquanto eu os selecionei, podemos copiar, selecionar o restante e colar. Vamos pressionar U para abri-los também. Acho que precisaremos de um pouco de tempo de espera aqui para que o texto e alguns dos outros elementos apareçam. Então, acho que vou mover minha linha para que ela comece talvez no quadro dez. Então, desloque e desça a página para ir direto para lá, selecione esse colchete aberto para mover o ponto da camada para lá E agora eu posso selecionar todos esses pontos. Como eu codifiquei por cores, eu poderia clicar com o botão direito do mouse no chip de cores e escolher Selecionar grupo de etiquetas Vou movê-los um pouquinho. Acho que faz sentido que o primeiro termine exatamente no início da linha , de modo que os pontos guiem visualmente a linha E então eu vou usar o quickoffset. Então Controle mais Alt e arraste ou Comando mais opção e arraste. E vou tentar alinhar isso que termine exatamente onde termina Vamos desmarcar e dar uma olhada. Ei, bom. Tudo bem. É o suficiente disso. Vamos em frente e desmontá-los. Para o tipo, lembre-se de que tipo do Illustrator , infelizmente, não pode ser editado aqui Felizmente para nós, acabamos de construir algo com exatamente o mesmo layout. Então, vou pegar esses dois títulos, copiá-los, voltar à nossa composição gráfica de linhas e colá-los aqui, talvez pressionar T para reduzir a opacidade para que possamos ver o que estamos E eles são editáveis, então só precisamos atualizar o texto real Uh, perfeito. Sim. Tudo bem. Recuperaremos essa opacidade e desativaremos a camada de texto original ou a excluiremos Se você estiver confiante, não precisará olhar para trás. Você deve ter notado que essas camadas de texto não atualizaram seus títulos quando eu alterei o texto real nelas. Como eles foram convertidos de camadas do Photoshop, eles ainda estão retirando o nome da camada Mas se você selecionar a camada, pressione Enter para atualizar o nome e simplesmente excluir o que está aqui e, em seguida, pressione Enter. Eles retirarão o nome do texto que foi realmente inserido na camada. Tudo bem, vamos pré-visualizar novamente. Agora, só precisamos lidar com esses elementos gráficos. Então, vamos parar com essa prévia e dar uma olhada nela. Rolando para baixo, vamos isolar esses elementos gráficos, e descobrimos que eles não estão realmente agrupados da maneira que gostaríamos que fossem para animação Bem, certamente poderíamos levá-los de volta ao Illustrator e reorganizá-los Provavelmente é fácil resolver isso aqui no After Effects. E, novamente, às vezes você obtém designs que não estão bem estruturados da maneira que você deseja. Você precisará ser capaz de usar algumas dessas estratégias diretamente aqui no After Então, vou selecionar linhas de fundo, resultados financeiros, anos e números AU, e vamos agrupar todos eles como uma pré-composição e em seguida, usar máscaras para dividi-los camadas individuais que podemos então compensar o Com todos os quatro selecionados, vou criar camadas e pré-compor A primeira coisa que precisamos fazer é dar um nome a isso, que chamarei de linhas e rótulos. Existem algumas outras opções aqui que, no momento, não precisamos alterar, e você pode abrir diretamente essas novas composições assim que criá-las Mas, nesse caso, não acho que isso seja realmente necessário. Então, vou pressionar Ok. Agora, todas essas camadas foram agrupadas em uma coisa. Poderíamos clicar duas vezes e ver todos eles individualmente, mas acho que não precisamos. Então, vou fechar isso. Vamos desfazer aquela gravadora Au. Esse é apenas o título da extrema esquerda. E se quisermos adotar a mesma abordagem do gráfico anterior, precisamos apenas que o primeiro número e a linha desapareçam de uma vez e, em seguida, que cada número e linha subsequentes desapareçam em dois quadros E embora pudéssemos fazer várias idas e vindas entre todas essas camadas, parece mais fácil agrupá-las em uma coisa e depois usar máscaras para esculpí-las nas peças com as quais uma coisa e depois usar máscaras para esculpí-las nas peças com as realmente queremos trabalhar Então, embora isso já tenha o nome de linhas e rótulos, vamos renomeá-lo para linhas e rótulos um E então eu vou pressionar Control ou Command D para que tenhamos cinco cópias totais dessa camada. Ótimo. Role um pouco para baixo. Gosto que minhas coisas estejam na ordem em que vou pensar, então vou colocá-las rapidamente em ordem. Agora, as linhas e rótulos 1 serão a primeira linha, então vou pegar minha ferramenta de máscara e fazer isso rapidamente. Agora ainda podemos ver os outros elementos porque eles estão nas outras cópias dessa camada. Mas como estamos fazendo apenas alguns, acho que podemos resolver isso rapidamente e não ficar muito confusos. Selecionaremos duas linhas e rótulos e apenas desenharemos uma máscara rápida aqui. Linhas e rótulos três aqui, quatro aqui e cinco serão a parte inferior. Lá vamos nós. Essa é uma boa maneira de provar que nada mais está copiando isso. Pensando nisso, pode parecer bom ter os anos se revelando da esquerda para a direita assim, mas talvez isso não seja necessário Vamos colocar todo o resto em ação e decidir se isso parece necessário. Agora que eles estão resolvidos, podemos selecionar todos eles e fechá-los novamente Podemos ir em frente e soltá-los. E só precisamos pegar esses quadros-chave de opacidade das composições anteriores, colá-los aqui, bem como no rótulo AU, e fazer Então, vamos voltar para essa outra composição. Encontre uma dessas camadas que usa esses quadros-chave de opacidade, selecione-os, Controle ou Comando C para copiar, volte à nossa composição, adicione o rótulo Au à nossa seleção e volte ao início, e volte ao início, Controller Command V Ótimo. Vamos revelar esses quadros-chave pressionando U, e agora só precisamos deslocar Acho que começar o rótulo Au no quadro oito provavelmente faz sentido. Assim, posso abrir o suporte para mover todos eles ali mesmo. Vou controlar ou clicar no rótulo Au para retirá-lo da minha seleção. E agora eu posso compensar cada um deles por dois quadros, como antes E vamos ver o que temos. Olhando para isso mais uma vez, acho que realmente gostaria os anos fossem revelados da esquerda para a direita, mas podemos fazer isso rapidamente dentro das pré-composições Vou parar a prévia e rolar para baixo. Todas essas são cópias da mesma pré-composição única, então eu poderia clicar duas vezes em qualquer uma delas. Me leva para dentro, e eu só estou procurando a camada daquele ano. Podemos usar rapidamente essa mesma estratégia. Eu só preciso fazer cópias suficientes para o que eu preciso. Eu gosto de adicionar o número um a esta primeira cópia. É um pouco mais fácil de acompanhar . Então, vou renomear isso Então, temos 2010, 2012, 2014, 2016, 2018, 2022. Quando você tem uma pilha de camadas das quais deseja reverter rapidamente a ordem, você pode fazer isso rapidamente usando pasta cortada Se eu selecionar a camada que desejo transformar parte superior e, em seguida, selecionar com a tecla Shift a camada que desejo tornar na parte inferior, o Comando X do Controlador para cortar e, em seguida, o comando do controlador V para colar agora invertem essa ordem Vou apenas arrastá-los de volta para baixo e selecionar rapidamente cada um deles. Ainda tenho minha ferramenta de máscara, então selecionarei a primeira na máscara de 2012, 2014. E veja, embora isso leve um minuto, na verdade não é tão ruim. Lá vamos nós. E agora cada um deles pode ser selecionado. Fecharemos essas máscaras pressionando M que revela isso e , em seguida, pressionaremos mais uma vez para ocultá-las. Volte para casa. Eu preciso pegar essas teclas de opacidade, então vamos voltar e pegá-las de qualquer uma dessas camadas Copie, cole, U para abri-las, controle e alterne ou comande uma opção para obter deslocamento rápido e empurrá-las até que estejam a dois quadros de distância, e isso deve ser exatamente o que queremos Linda. Ah, 42. Crie um gráfico de anéis: Tudo bem, agora é hora de fazer o gráfico do anel. Então, vamos importar isso. Composição, tamanho da camada. Sim, e classifique-os aqui em nosso painel de projetos. Abra isso e, oh, parece que alguém não estruturou isso corretamente no Illustrator Embora eu não ache que seja a pior coisa aqui, porque provavelmente estaríamos reconstruindo esse gráfico de anéis qualquer maneira para que pudéssemos realmente controlá-lo da maneira que quisermos , podemos copiar e colar o plano de fundo e os títulos de uma das De qualquer forma, podemos copiar e colar o plano de fundo e os títulos de uma das outras composições, e esses rótulos intermediários também não devem ser um grande problema Então, vamos começar pegando títulos e o plano de fundo dessa outra composição Copie, volte aqui e cole. Agora vamos subir um pouco e vamos desativar essa camada de fundo. Selecione os dois e pressione T, diminua a opacidade para que possamos ver o que as palavras deveriam ser Atualize rapidamente esse texto. Júpiter e composições elementares . Ótimo. Vou trazer essa opacidade de volta E eles já estão animados, então estão prontos. Perfeito. Ok, vamos avaliar esse gráfico de anéis. Agora, temos um círculo aqui, então acho que uma camada de forma será a maneira mais fácil de percorrer. Eu vou até aqui e pego minha ferramenta de elipse. Eu certamente poderia tentar desenhar um círculo centralizado. Mas como nossa composição já é um quadrado, 1080 por 1080, se eu clicar duas vezes aqui, ela realmente criará uma elipse exatamente no tamanho da composição, que já é Agora eu só preciso diminuí-lo. Então, vou ao meu painel de propriedades, diminuirei esse tamanho. Não precisamos desse derrame, então vamos desligá-lo. Na verdade, podemos ver o que estamos fazendo aqui. Parece que entrei no estádio e, na verdade, estou feliz que seja de uma cor diferente, então poderei ver o que estou fazendo Vamos ajustar a posição da camada para alinhá-la. Acho que cerca de 674 é provavelmente o que eu quero. Vou apenas cutucar isso com minhas teclas de seta. E ajuste o tamanho até que fique perfeito. Lá vamos nós. um efeito que poderíamos usar para obter a aparência que eu procuro. Então, vamos ver nossos efeitos e predefinições, pesquisar limpeza radial e aplicá-la ao meu círculo. Vamos dar uma olhada nisso. Tem uma conclusão de transição de 0 a 100. Ok, bem, essa parece a ideia certa, mas no lugar errado. Vamos descobrir isso. Ângulo inicial, não será esse. Não. Ok, vamos lá. Limpe o centro. Parece que sim, isso ajustará de onde a limpeza está acontecendo Por padrão, isso acontece às 5:45 40, que é o meio da composição Ok, bem, isso faz sentido. Mas nosso círculo não está centrado nas composições. Na verdade, está localizado às 5:46 74. Então, se atualizarmos nosso centro de limpeza para 54674, agora ele estará perfeitamente centralizado nessa camada Está bem? Então, vamos ver se é isso que queremos. Olhando para isso, acho que isso é na verdade o contrário do que eu gostaria, então provavelmente precisamos configurar isso para acontecer no sentido anti-horário Está bem? Sim. Lá vamos nós. E então só precisamos compensar esse ângulo inicial. Parece que estão 90 graus aqui. E perfeito. Ok, então vou ajustar isso. Agora, estou percebendo que esses números talvez pareçam pouco inversos do que eu gostaria que fossem. Ele será animado muito bem. Simplesmente não será tão intuitivo. Mas acho que vai funcionar bem aqui. Vou criar um quadro-chave, voltar ao início e aumentar para 100% E então, à medida que avançamos, ele se limpa, enchendo exatamente o quanto queremos Então, aqui precisaríamos apenas atualizar a cor e depois fazer duplicatas para as outras cores Obviamente, temos um problema em que esse círculo intermediário precisa ser cortado ou encoberto. Isso é bastante fácil. Vamos chamar isso de limpeza radial. E faça uma duplicata desse círculo, eu posso pressionar E para revelar esse efeito, e vamos nos livrar da limpeza radial desse Vamos renomear isso como Blue center. E examinando o painel de propriedades, podemos atualizar essa cor e reduzir o tamanho até correspondermos ao que o ponto central deveria ser. E agora temos um gráfico de anéis bem animado aqui. No entanto, há um outro problema com essa abordagem. Além do fato de que a conclusão da transição parece um pouco atrasada, veja isso Se eu fosse mover a camada em si, esse centro de limpeza na verdade não se moveria com o círculo. Por padrão, qualquer efeito que tenha uma posição interna, como uma propriedade como essa, na verdade não segue a camada quando você usa transformações de camada Existe uma maneira de vincular isso, que mostrarei rapidamente. Vamos prosseguir e desfazer esse movimento da camada. Então, está de volta ao 54674. E vou mostrar algumas coisas abertas aqui na linha do tempo para que eu possa ver todas as coisas que eu quero possa ver todas as coisas que Então, aqui está o centro de limpeza e aqui está a posição das minhas camadas. Agora, você deve ter notado que na coluna principal e na coluna de link, além de cada camada ter a capacidade de ser parental na coluna de link, além de cada camada , cada propriedade tem uma pequena picareta, que significa que você pode vincular propriedades semelhantes umas às outras Então, a solução aqui, se você quiser mover esse círculo, é encontrar essa pequena picareta aqui e vinculá-la à posição das camadas Veja como o número fica vermelho. Na verdade, o After Effects criou uma pequena expressão para nós, apenas para pedir que ele examine a propriedade de posição dessa camada. E agora, se eu atualizar a posição das camadas, esse centro de limpeza viaja junto com ela. Ótima solução. Eu poderia fazer duplicatas para as outras cores, e isso seria feito No entanto, acho que gostaria de mostrar outra abordagem, porque não adoro que esse número invertido, porque esse é um gráfico que torna um pouco mais difícil se formos atualizá-lo novamente mais tarde Então, vamos fechar isso. Vou fazer mais uma cópia disso e desligar meu lenço radial. Nesta nova cópia, pressionarei E e novamente, excluo o branco do rádio e darei um nome a esse corte Só para que eu possa ver o que estou fazendo, também desligo o centro azul e veremos que voltamos a ter um círculo preenchido. Mas se usássemos um círculo traçado e recortássemos caminhos, essa também seria uma maneira muito fácil criar exatamente o efeito que procuramos Então, vamos ver como isso funciona. Vamos voltar ao painel de propriedades e ativar nosso traçado. Desligue nosso preenchimento. Deixe o After Effects fazer algumas contas por nós aqui. Vou clicar nesse valor de tamanho, pressionar minha seta para a direita para passar do número e depois digitar dividido por dois. E se eu dissesse que a largura do traço tem esse mesmo valor, então 290,9 Ei, olha você aí Isso corresponde ao círculo exato que tínhamos. Entrando em nossa linha do tempo aqui, adicionarei um caminho de corte adicionado ali mesmo e, em seguida, vamos ver se esse valor final, sim, faz exatamente o que precisamos Tudo bem. Então, talvez seja um pouco mais flexível se você preferir trabalhar dessa maneira e os números estiverem corretos. Então, se eu definir isso para cerca de 80%, é 80% desse círculo, o que na minha cabeça, já que estamos fazendo um gráfico, isso faz um pouco mais de sentido. Precisamos compensar esse ângulo inicial novamente, que está aqui, essa propriedade de deslocamento, 90 E agora só precisamos igualar esse valor final, que parece estar aí, 89% Vamos animar isso, voltar ao início e defini-lo como zero. Ok, perfeito. Agora, eu certamente poderia ter visto o tamanho do círculo e criado um traço que tivesse exatamente a espessura do anel, e isso seria muito eficaz Acho que só para tornar isso um pouco mais dinâmico, vou animar esse centro azul para que tenhamos um pouco mais de movimento aqui Então, vamos atualizar o nome de trim para vermelho e colocar em conta-gotas essa cor vermelha Duplique isso, chame-o de pêssego. E podemos trabalhar a partir do painel de propriedades dois. Vamos pegar a cor pêssego, pressionar U para revelar os quadros-chave finais, J para pular para o quadro-chave J para pular para o Isso vai ser um pouco mais difícil de ver, mas acho que podemos encontrá-lo porque provavelmente está perfeitamente em 99%. Então precisamos de mais uma cópia do cinza. Pegue essa cor. Pressione você para abri-lo e configurá-lo para 100%. Agora eu só preciso do vermelho por cima, pêssego no meio. Vamos colorí-las para que saibamos quais são as peças do nosso herói e pressionar você para abri-las. Vamos simplificá-los com facilidade e ver como isso parece muito rápido. OK. Vamos desligar nossa camada de referência para que possamos focar apenas nesse círculo. Ok, acho que está se sentindo muito bem. Talvez um pouco rápido. Então, vamos selecionar tudo isso e movê-los. Vamos prosseguir e talvez compensá-los , como nossos outros elementos foram OK. E vamos ligar esse centro azul novamente. E aposto que se escalarmos essa, que pode ser a escala da camada ou a propriedade do tamanho do círculo, faremos o tamanho porque não? Volte para o início e defina isso como zero. Vou aliviá-los facilmente novamente, e vamos ver como é. OK. Pode ser interessante. Vamos ativar essa cor de fundo possamos ver isso no contexto. Oh, é melhor configurar minha área de trabalho. Acho que isso está acontecendo um pouco rápido demais, e talvez isso já precise acontecer um pouco à medida que isso acontece. Estou meio que ajustando à medida que avançamos aqui. Você só precisa continuar se adaptando até ficar feliz com isso Acho que é muito bom. Tudo bem. Vamos talvez fazer com que seja uma cor diferente do plano de fundo. Esse ciano é muito bom. Começamos nossas outras camadas um pouco depois dos títulos. Então, talvez por volta quadro dez seja um bom lugar para tudo isso começar. Não vou usar o colchete aqui porque não quero que todos comecem então Então, estou apenas arrastando-os como um grupo. Vou colocar isso abaixo dos títulos apenas para que tenhamos uma boa escada visual aqui Clique neles e eu vou pressionar U uma vez para que tudo se revele. Vou seguir em frente e me livrar da minha versão branca do rádio. Você está livre para usar essa abordagem, se quiser. Eu só queria te mostrar esses dois. Então, estamos bem perto aqui, eu acho. Só precisamos fazer essas etiquetas no meio. Então, vou colocar isso acima do meu centro azul e ligá-lo novamente. E uma vez que mascararmos isso, não estará encobrindo nada mais importante de qualquer maneira. Só para mostrar uma abordagem um pouco diferente, também podemos colocar várias máscaras em uma camada e animar a opacidade de cada Então, vamos tentar apenas para oferecer opções. Vou ampliar e, com essa camada selecionada, subir e pegar minha ferramenta de retângulo e desenhar três máscaras, com cada uma recebendo apenas uma das etiquetas. Lá vamos nós. Observe que elas se tornaram as máscaras um, dois e três quando eu as desenhei. E se você abri-las, lembre-se nas propriedades da máscara há uma opacidade Assim, poderíamos animar cada uma dessas animações. Então, vamos trazer nosso CTI de volta a zero e clicar no cronômetro em todas essas três propriedades de opacidade da máscara Isso já está ocupando muito espaço, mas se eu pressionar U, agora veremos apenas essas três propriedades. Na verdade, quero esses quadros-chave 100% aqui em 12 quadros, então vou arrastar os três , voltar para casa e arrastá-los até zero Agora, o deslocamento rápido também funciona em quadros-chave, mas são apenas alguns, então também podemos mover um, dois quadros para cima , selecioná-los e trazê-los para cima, um, dois, selecioná-los e trazê-los E agora temos nosso pequeno deslocamento, e todos eles estão contidos em uma camada, então é um pouco menor para ajustar Não tenho certeza de onde isso precisa ir em termos de tempo, talvez em algum lugar por aqui. Vamos experimentar isso e ver como é. Diminua o zoom, abra isso e faça uma prévia. Talvez apenas alguns quadros antes. Ok, eu acho que isso está se sentindo muito bem. Quando vemos isso no contexto dos outros gráficos em um minuto, podemos fazer ajustes de tempo em qualquer um deles, mas acho que isso está muito bom 43. Várias cenas: Agora é hora de montar nossos três gráficos, que tratamos como cenas em um só lugar Agora, poderíamos simplesmente criar uma nova composição, mas há uma maneira fácil de juntá-las todas. Vou selecionar os três e arrastá-los até o novo botão de composição. E nesse pop-up, podemos escolher se todas as coisas que selecionamos vão para uma única composição, que é o que queremos, ou criar várias composições com cada item em sua própria Não precisamos mexer com nenhuma dessas outras coisas, mas observe que você pode sequenciar camadas automaticamente Você pode definir durações estáticas. Portanto, há muitas opções aqui. Agora eu quero renomear essas composições, então pressionarei Control ou Command K para obter minhas configurações de composição e renomear E vamos atualizar essa duração porque precisaremos de espaço para compensá-la um pouco 20 segundos deve ser tempo suficiente. Podemos reduzir um pouco nossa linha do tempo, e vamos seguir em frente e seguir Como essa é nossa composição principal que vamos exportar, é isso que colocamos aqui na pasta comp e vamos torná-la de outra cor apenas para realmente se destacar aqui na linha do tempo Perfeito. Agora temos nossa composição de exportação principal, bem como as cenas individuais que a compõem. Agora, avançando um pouco, certo, parece que nosso gráfico de barras é o primeiro. Vamos arrastar isso um pouco para que possamos ver os nomes. Acho que fará sentido realmente inverter essa ordem, então colocaremos o gráfico de barras na parte inferior, depois o gráfico de linhas e, em seguida, o gráfico de anéis. E a ideia é que vamos compensar cada um deles um pouco assim no tempo para que vejamos o gráfico se revelar, ficar lá por um segundo para ser absorvido e, em seguida, passaremos para o próximo gráfico E depois o último. Estou planejando fazer cada uma dessas mudanças para a esquerda para revelar o próximo gráfico que se aproxima, então usaremos alguns quadros-chave de posição para Vamos dar uma olhada em cerca de 4 segundos aqui e ver como isso se sente. Vou começar com o gráfico de barras, já que esse é o primeiro. Na verdade, vou revelar todos os três e, com os selecionados, posso acessar meu painel de propriedades, posso acessar meu painel de propriedades clicar com o botão direito do mouse e separar as dimensões. Só vamos usar a posição neles, então parece um pouco mais fácil. E para revelar essas propriedades de posição aqui na linha do tempo Vou criar um quadro-chave aqui e depois avançar 1 segundo, o que, como estou trabalhando 24 quadros por segundo, é 24 quadros Então, pressiono a tecla Shift e pressiono página para baixo, página para baixo, solto a tecla Shift e, página abaixo, um, dois, três, quatro. Isso é 1 segundo. Quero ter certeza de que meu movimento é preciso e percorre exatamente a distância certa. Lembre-se de que o After Effects pode fazer essas contas por nós. Agora, eu sei que essa composição tem 1080 de largura, então eu poderia dizer ao After Effects para mover esses 1080 pixels para a esquerda, o que é negativo, então menos 1080, ei, olhe aí Veja a caixa delimitadora. Perfeito. Agora, estávamos cobrindo isso com a outra camada aqui, mas aí está. Isso está se movendo exatamente como queremos. Perfeito. Vamos ligar isso novamente. Agora, sabemos que vamos querer criá-los juntos para que este deslize com a outra camada aqui. Mas você quer ter certeza de que, ao cuidar dos filhos, faça isso no momento certo , porque se eu criar essa camada aqui, por exemplo, ela meio que ficará bem em cima da primeira quando deslizar para fora da tela Então, pressionarei K para ter certeza de que esse movimento foi concluído, modo que o gráfico de barras esteja aqui, gráfico de linhas esteja aqui, e eu vou prosseguir e criá-lo. Agora, precisaremos descobrir nosso tempo aqui. Provavelmente quero alinhar isso com o primeiro quadro-chave. Vamos simplificá-los com facilidade e ver como é. Ok, então eu vejo alguns pequenos ajustes que eu quero fazer. Acho que, para começar, vou aumentar esses quadros-chave em 12 quadros, apenas meio segundo, mas isso nos dará um pouco mais de tempo para absorver isso, e então poderemos estabelecer isso como Então, vou selecionar os dois. E você pode realmente alterar os quadros-chave pressionando Alt ou option e usando as teclas de seta esquerda e direita Então eu vou segurar Alt e empurrá-los um, dois, três, quatro, cinco, seis, sete, oito, nove, dez, 11, 12 Pressione K para pular até lá, selecione nosso gráfico de linhas e abra o colchete para movê-lo Ok, agora estou percebendo outro problema aqui, que é que esse gráfico já está meio animado antes de vermos Portanto, há algumas abordagens diferentes. Poderíamos começar isso mais tarde, mas então teremos uma espécie de lacuna aqui. Então, você sabe, isso poderia funcionar. Poderíamos simplesmente colocar uma camada azul na parte inferior e fazer com que esta comece por aqui, ou vou simplesmente desfazer a outra abordagem que é voltar rapidamente para essa pré-composição e simplesmente deslocar tudo em cerca de 12 quadros para que fique um pouco cerca de 12 quadros para que fique um Vamos fazer isso. Você entrará aqui, bloqueará minha cor de fundo para que ela permaneça no lugar, selecionarei todo o resto e apenas arrastarei as cores para que comecem no quadro 12. Portanto, todo o nosso cronograma existente ainda está em vigor. Acabamos de mudá-lo um pouco mais tarde. Vamos ver se isso é suficiente para fazer isso funcionar. Sim, isso parece muito melhor. Obviamente, o gráfico do anel está acontecendo um pouco cedo demais, mas agora temos nosso tempo geral definido, então podemos simplesmente fazer essas atualizações Vamos resolver isso para que possamos ver o que estamos fazendo. Se nosso outro movimento acontecesse em 4,5 segundos, isso significa que 9 segundos é onde o próximo movimento deveria acontecer. Vou selecionar o gráfico de linhas, criar um quadro-chave e subir 1 segundo, 24 quadros E podemos usar essa mesma abordagem, mesmo que esse seja um número diferente aqui porque é pai e, portanto, os valores da posição se tornam relativos É um pouco mais complexo do que você provavelmente gostaria de imaginar agora, mas a matemática ainda funciona da mesma forma. Podemos simplesmente digitar menos 1080 e ele se moverá perfeitamente para fora Alivie facilmente esses quadros-chave, mova este para cima, segure a tecla Shift para que ele se encaixe e certifique-se de que estamos alinhados com esse segundo quadro-chave ou posterior e, em seguida, Novamente, precisaremos entrar nesse gráfico de anéis. Vamos bloquear esse plano de fundo, selecionar todo o resto, obter nosso CTI no quadro 12 e trazê-lo para que seja aí que eles comecem E vamos assistir tudo isso e ver se parece que tudo está colado corretamente Se quisermos fazer um loop perfeito, podemos fazer a mesma ideia mais uma vez. Acho que, na verdade, 13,5 segundos parecem certos. Então, poderíamos criar mais alguns quadros-chave aqui. E desta vez, poderíamos simplesmente inserir o valor manualmente porque seria o mesmo que o gráfico de linhas. Portanto, 540 deve movê-lo perfeitamente para fora do lado esquerdo. Selecione aqueles Es fáceis. Agora vou recuar um quadro, pressionar End, e esse é o fim da minha área de trabalho. E isso deve criar um loop perfeito. Só precisamos de um pouco de amortecimento aqui no final. Então, vamos pegar nossa ferramenta de retângulo, clicar duas vezes nela para criar um retângulo exatamente do tamanho das composições Livre-se desse traço, adicione um colírio de preenchimento ou aquela cor azul escura Vamos apenas atualizar isso para a cor BG. Mova isso para baixo e feche-o. Vamos assistir à prévia mais uma vez. Ah, perfeito. Só precisamos adicionar um pouco de marca, e então acho que estamos bem Vamos ampliar um pouco e adicionarei o nome da minha empresa, que para mim é Saget, à Starlines Então, vou pegar minha ferramenta de digitação e clicar aqui. Selecione esse texto. Vamos colocá-lo em vermelho, e então preciso ter certeza de encontrar minha placa do Museo Vou experimentar uma boa e grossa aqui. Acho que 36 é bom. Vou meio que trazer isso para o canto aqui. Acredito que isso prejudicará todos os meus elementos gráficos. Sim, isso parece bom E então talvez vamos desenhar uma caixinha rápida para que ela fique em cima mais ou menos assim. Difícil de ver, obviamente. Vamos colocar isso abaixo do tipo e talvez pegar, não sei, essa cor cinza. Não. Vamos tentar escurecer isso um pouco . Veja como é isso. Sim, parece que vai resolver o problema. Tudo bem Vamos tornar isso maior. Verifique se isso está configurado para caber e fazer uma pré-visualização final. Ótimo. Acho que está pronto para ser exportado e publicado nos canais de mídia social da empresa. 44. Projeto-de-curso 04 - Infográficos animados: Class Project mais uma vez e desta vez estamos recebendo todos os infográficos A equipe de mídia social do seu cliente adoraria ter alguns pequenos infográficos animados para ajudar a educar o público sobre os benefícios do destino Estamos procurando pelo menos duas cenas diferentes aqui e garantindo que você dê ao espectador o tempo adequado para ler algumas dessas informações. Desta vez, você pode personalizar o tamanho da composição e a taxa de quadros, se quiser, desde que seja algo relativamente amigável às redes sociais. E gostaríamos que você criasse pelo menos dois infográficos diferentes com tipos diferentes de gráficos que você animará Se você quiser pesquisar um pouco e totalmente precisas obter informações totalmente precisas sobre seu destino, isso é muito legal, mas isso não é obrigatório aqui. Também pode ter uma boa aparência. Você pode criar seus designs no Photoshop ou no Illustrator, se estiver confortável em um deles, ou pode trabalhar inteiramente no After Effects, se preferir Ou, claro, você pode fazer uma combinação dos três. Queremos garantir que você incorpore cor principal da sua marca e o nome do cliente de alguma forma. E embora os gráficos individuais devam ter alguma animação, eu também quero que você crie uma transição suave entre as cenas. O seu não precisa ser um loop perfeito, mas se você quiser fazer isso, vá em frente. E o mais importante, esse requisito é um pouco mole , mas eu realmente quero que você pense em usar o movimento para ajudar a guiar espectador em seus designs de uma forma significativa e cuidadosa Como lembrete, aqui está a aparência da minha. Temos esses três tipos diferentes de gráficos, pensando realmente nos elementos do herói, nos elementos secundários e, em seguida, na forma como o movimento flui para direcionar a atenção das pessoas Novamente, você sabe o que esperar aqui nos resultados, exporte sua animação como um arquivo MP four usando a mesma predefinição, faça o upload para um site de hospedagem de vídeo e compartilhe o link conosco Por favor, não use nenhum site de armazenamento em nuvem. E não se esqueça de compartilhar isso nas redes sociais. Especialmente se você usou fatos reais sobre seu destino, outra pessoa pode aprender alguma coisa. 45. Crie o planeta: Para este próximo projeto, estamos mudando de marcha, deixando a precisão desses gráficos para algo muito mais flexível e Até agora, importamos principalmente ativos, mas esse projeto, na verdade envolve zero elementos importados Na verdade, criaremos 100% disso aqui no After Effects usando camadas sólidas, um pouquinho de camadas de forma e várias combinações diferentes de efeitos para criar uma cena espacial. Vamos começar. Antes de criarmos qualquer coisa, na verdade, vou reorganizar um pouco meu espaço de trabalho Você pode ver que tenho o painel da minha biblioteca aberto para alguns chips de cores, e vou pegar as propriedades e arrastá-las até aqui. Para que eu possa manter meu painel de efeitos e predefinições exposto o tempo todo, mas também trabalhar nas propriedades sem precisar ficar clicando para frente e para trás Começaremos criando uma nova composição. Vou nomear essa cena do planeta. E eu estou apenas usando essa predefinição HD de 24 quadros por segundo. Se você quiser uma taxa de quadros diferente, tudo bem. E 10 segundos parecem bons para mim. A próxima coisa que faremos é, na verdade, criar outra composição vazia para criar algo que vá para esta. Vou clicar no novo ícone de composição. E dê um nome a esse planeta. Desta vez, quero mudar o tamanho dessa composição. Na verdade, quero que este tenha dobro da largura do que altura, então vou desmarcar essa pequena caixa de seleção que bloqueia a proporção e deixar o After Effects fazer as contas por Vou digitar 1080 e depois usar o asterisco para multiplicar 1080 vezes dois E então, uma vez que eu clico em qualquer outro lugar, isso faz as contas para mim, 21 60. Perfeito. Talvez precisemos diminuir um pouco o zoom para ver a coisa toda. Lá vamos nós. Agora, poderíamos usar camadas de forma para a maioria das coisas que faremos neste projeto, mas elas realmente têm mais funcionalidades do que precisamos na maioria dos casos. Então, vou usar o que é chamado de camada sólida, que é apenas uma camada plana de cor em um tamanho específico e é ótima para reter efeitos. Vou até a camada, nova, sólida, ou você pode pressionar Control ou Command Y. Vou nomear essa base planetária, e você verá que ela é criada no tamanho da composição, e você pode escolher a cor, que para esta primeira realmente não importa Então eu vou pressionar. OK. E embora não pareça diferente, você pode ver uma caixa delimitadora agora e ver a camada abaixo na minha Vamos adicionar um efeito chamado ruído fractal, para que possamos voltar Você pode procurá-lo se quiser, ou pode encontrá-lo sob ruído e ruído fractal de grãos Esse efeito permite gerar padrões de ruído em todos os tipos de combinações interessantes, apenas para fornecer uma visão geral muito rápida aqui. No topo, você tem um tipo fractal, que, ao mudar isso, cria todos os tipos de combinações diferentes aqui Talvez escolha cordas, por exemplo. Veja, já é um visual muito diferente. E você pode alterar o tipo de ruído para ser diferente. Vamos dizer blocos. E sem sequer tocar em nenhuma das outras propriedades, você verá que isso já é bem diferente do que começou, certo? Vou apenas reiniciar isso. usar isso para criar uma textura terrestre que envolverá uma esfera para criar um planeta. E usaremos apenas o tipo fractal básico, mas geralmente um bom lugar para começar é o contraste no brilho Podemos aumentar isso um pouco aqui. Na verdade, será mais fácil ver o que estamos fazendo quando aplicarmos outro efeito para recolorir isso E eu vou escolher trítono. Então, vamos pegar isso e aplicá-lo na camada. Primeiro, o ruído fractal está acontecendo e depois o trítono Se fosse o contrário, não veríamos os efeitos do trítono porque o ruído fractal está encobrindo isso Vamos definir os tons médios para esse tipo de azul médio e as sombras para esse azul profundo e, em seguida, o destaque para talvez esse tipo de cor pêssego Parece uma terra com oceanos, mas você é, claro, livre para usar as cores que quiser E agora eu posso realmente ver esse resultado. Agora eu posso brincar com o contraste e brilho para decidir quão volumoso eu quero que isso seja Quanto mais baixo você vai com o brilho, mais oceanos eu tenho, quanto mais alto eu vou, mais terra eu tenho Em algum lugar bem no meio provavelmente está bom aqui, e eu poderia abrir essa transformação e mudar um pouco a escala para fazer com que pareça um pouco mais com massas de terra maiores. Se você está acompanhando, acho que não precisa se preocupar muito em usar meus valores exatos. Basta descobrir as coisas que funcionam bem para o seu exemplo e seguir em frente. Agora, eu não vou tentar criar uma versão realista do meu planeta, que é Júpiter Estou apenas procurando uma atmosfera de planeta de fantasia agora. Vou criar outro sólido que vou usar como uma camada de nuvens. Então, coloque um novo sólido em camadas. Nomeie essas nuvens e o preto é bom para esta novamente. Usaremos ruído fractal novamente para este. Vamos usá-lo muito neste projeto. Acho que, neste caso, apenas aumentar um pouco o contraste e talvez diminuir um pouco o brilho, isso provavelmente será bom E eu vou vir aqui e mudar meu modo de mesclagem. Lembre-se de que, se você não vê isso agora, pode alternar entre interruptores e modos Vou configurar esse modo de mesclagem na tela para que todas as áreas escuras fiquem transparentes, e agora tenho uma camada de nuvens sobre minha massa terrestre Talvez eu diminua um pouco mais esse brilho para que não sejam tão intensos. E só para dar um pouco de vida a isso, vamos dar uma olhada em algumas das configurações aqui. Em Transformar, você pode não apenas redimensionar isso, mas também deslocar essa camada Agora, se estivéssemos mudando a posição da camada, claro que ela teria bordas, mas você pode usar isso para continuar gerando uma nova textura à medida que ela rola Então, vou apenas estruturar isso, pular até o final e movê-lo um pouco dessa maneira Então, isso meio que cria um leve movimento de nuvem. Agradável. Volte ao início e eu também animarei esse controle de evolução, que faz com que o próprio padrão de ruído mude com o tempo Realmente útil para dar vida a esse efeito. Vou criar um quadro-chave, pular até o final e virar isso um pouco aqui Não sei, talvez por volta das 1:20. Vamos revelar esses quadros-chave. Tudo bem. Acho que vai ser muito sutil, mas prefiro que seja sutil. Eu sempre posso voltar e ajustar isso se eu decidir que quero. Na verdade, terminamos esta composição por enquanto, então podemos fechá-la ou simplesmente clicar em outra guia e garantir que meu painel de projeto esteja aqui para que eu possa pegar o que acabei de criar. Então eu tenho essas composições de planetas, e vou colocá-las no planeta CN, e então vamos usar outro efeito para transformar isso em um planeta Estou procurando a esfera CC. E assim que eu aplicar isso, você verá o planeta instantâneo Poof Isso tem um controle de raio. Vamos aumentar isso um pouco para tornar o planeta maior. E poderíamos usar esse deslocamento aqui ou simplesmente mover a própria camada. Nesse caso, isso realmente não mudará nosso resultado final Eu quero que meu planeta esteja mais ou aqui a cerca de um terço da direita. Acho que isso criará um bom layout dinâmico quando incluirmos mais elementos. 46. Crie o fundo: R: Precisamos de um plano de fundo para nosso planeta. Você também pode criar sólidos clicando com o botão direito do mouse na área vazia da sua linha do Você verá esse pop-up e podemos usar New Solid. Vamos apenas chamar isso de BG, e acho que preto está bem aqui. Ok, coloque isso abaixo do nosso planeta. E então vamos fazer mais um. Então, um novo sólido, e vamos dar a ele o nome de estrelas. Mas desta vez, precisamos ter certeza de que a cor é branca. E estamos voltando ao nosso painel Efeitos e procurando por CC starburst Ele simplesmente coloca esse vermelho na minha camada e você pode ver o que ele faz. Se você pré-visualizar, na verdade é muito intenso. Vamos reduzir isso um pouco. Podemos vir até aqui e talvez reduzir um pouco esse tamanho. Eu definitivamente quero diminuir a velocidade. Não quero que chegue a zero, mas talvez 0,01, quase não seja alguma coisa Acho que são bem densos, eu poderia tentar dispersá-los e simplesmente soltá-los Espero que você já esteja vendo várias outras possibilidades interessantes aqui se animar essa propriedade Isso é muito bom para mim. Vamos seguir em frente e mover isso para baixo do meu planeta. Sabe, branco é bom, mas vou tentar outro efeito só para dar um toque de cor a eles. Há um efeito chamado color ama. Observe que não preciso digitar o nome completo. Vou adicionar isso à minha camada de estrelas. Por padrão, vai deixar tudo vermelho , não é o que eu quero. Mas se eu entrar no ciclo de saída e escolher uma dessas paletas predefinidas para o Fire, na verdade, ela voltará a ser quase tudo branco Mas descobri que, se eu aumentar um pouco esse valor de sombreamento do CC Starburs, Colama realmente funciona os valores de branco e preto de tudo o que está sendo alimentado, que agora é que agora Então, se dermos um pouco de sombreamento, ele começará a colocar um pouco de cor nisso E pode ser um pouco sutil em sua gravação, mas você pode ver apenas beijinhos de amarelo e laranja aqui, então as estrelas não são apenas brancas Deixe-me talvez alternar isso. Isso os fortalece um pouco e lhes dá um pouco de personalidade, o que eu realmente gosto Portanto, essa não será uma peça muito animada, mas, novamente, com uma prévia, podemos ver um pouco de rastejamento nessas estrelas E com esse pequeno movimento aqui e o movimento da nuvem, já estamos dando vida à cena com muito pouco trabalho. 47. Adicione anéis 3D: Seja cientificamente preciso ou não, todo mundo adora um planeta com anéis, então vamos adicionar alguns deles Vou criar outro novo sólido e nomear esse sólido como anéis. E nesse caso, a cor não importa novamente. Vou clicar em Ok. Este terá uma pilha inteira de efeitos para obter o resultado final, começando com nosso amigo ruído fractal novamente E eu meio que vou te dar uma dica de onde isso está indo. Mas, novamente, não veremos realmente o resultado até acumularmos alguns dos outros efeitos Agora, neste caso, vamos usar as propriedades de transformação do ruído fractal, e você pode realmente fazer com que a escala não seja uniforme Por padrão, ele é dimensionado uniformemente como as camadas, mas você pode desmarcar isso e agora pode dimensionar a largura e a altura separadamente Então, se eu fizer essa largura muito grande e a altura muito pequena, você começa a ter um tipo de padrão de linha listrada, ok Agora vamos vir aqui e procurar as coordenadas polares. Confira isso. Adicionamos isso à nossa camada e eu vou mudar isso para reto para polar, então ele vai mudar de um retângulo para E então, quando eu aumento esse valor, ele meio que se dobra até se tornar um círculo E aposto que você já pode ver para onde isso está indo. Agora, isso tem uma costura. Nesse caso, isso não será um problema. Vamos apenas escondê-lo atrás do planeta, mas há maneiras de corrigir isso quando necessário. É claro que, no momento, temos um grande disco sólido de listras, o que não é bem o que queremos Então, vou usar outro efeito chamado limpeza linear. Chegue aonde queremos ir, vamos simplesmente colocar isso na mesma camada. E, assim como vimos com alguns outros recursos, a ordem em que as coisas são aplicadas faz uma grande diferença no resultado final. A limpeza linear foi projetada para ser uma transição, mais ou menos como a radial que vimos antes Então, se eu aumentar isso, ele passará lentamente assim, apenas uma espécie de limpeza padrão pela cena, certo? Mas se eu colocar isso mais alto na pilha de camadas, digamos, antes das coordenadas polares, isso terá um efeito muito diferente Porque lembre-se de que as coordenadas polares envolvem esse retângulo em um círculo Então, se eu alterar a conclusão dessa transição e alterar o ângulo de limpeza, veja isso. Meio maluco, não é Espero que você já comece a ver ideias interessantes que você poderia usar para outras coisas abstratas Mas se eu definir isso para exatamente 180 graus , posso aumentar a conclusão da transição até obter perfeitamente a quantidade de anéis de que gosto. Há uma pequena propriedade de penas aqui, se eu quiser suavizar essa borda interna, que eu acho que fica bonita E agora só precisamos realmente colocar isso corretamente no planeta. Então, podemos mover essa camada, mas temos um pequeno problema de perspectiva, certo? Mas o After Effects pode corrigir isso para nós usando três D. Agora, não se assuste Vamos usar apenas uma versão muito simples de três D. Vamos descer e alternar nossas opções e modos para que possamos ver as mudanças de camada e procurar essa aqui embaixo desse pequeno Clicar aqui para obter uma camada ativará três D. Deixe-me selecionar essa camada para que você possa vê-la no painel de propriedades e, quando eu habilitar três D, observe o que acontece no painel de propriedades. De repente, temos uma terceira dimensão em várias propriedades, e a rotação vai de uma propriedade para quatro. Agora você pode absolutamente ajustá-los no painel de propriedades, se quiser. Você também verá no visualizador que agora temos esses três controles D Gizmo, que oferecem controle de três eixos sobre essa camada Agora, isso ainda pode se mover em X e Y, mas agora em Z, que está em nossa direção e para longe de nós, mas não precisamos fazer isso agora. Mais importante ainda, ele permite que você gire isso em três dimensões Vou pegar esse vermelho aqui e clicar e arrastá-lo para cima até encontrar o ângulo certo, que provavelmente está em torno de 65 graus. E observe que, ao arrastar isso, isso está na verdade alterando o primeiro valor, o valor X da propriedade de orientação no meu painel de propriedades Agora, nesse caso, a rotação estaria realmente fazendo a mesma coisa. Você meio que tem duas maneiras diferentes de girar as coisas, seja apenas configurando ou realmente animando. Vou simplesmente desfazer isso Para este projeto, só queremos que ele seja girado para que pareça correto, e então eu posso simplesmente arrastá-lo para o lugar certo, talvez ajustá-lo um pouco mais, para que seja muito bom Obviamente, temos um pequeno problema de camadas porque esses anéis deveriam ficar atrás do planeta Bem, poderíamos tentar arrastar essa camada para baixo do planeta, mas isso também não está certo. O que realmente precisamos é que o próprio planeta também três D. Mesmo que essa seja uma camada plana que não seja girada, habilitar três D para essa camada permite que o After Effects saiba que queremos que ele pense sobre essa perspectiva corretamente Então, vamos habilitar isso e agora isso corrige esse problema de camadas Deixe-me dar rapidamente um exemplo de como o After Effects vê isso. Observe que o planeta é apenas uma camada plana. É como se você estivesse segurando um cartão postal e, na verdade, o anel estivesse em um espaço de três D ao redor dele Mesmo sendo plano, ajuda a ter uma aparência correta. Falaremos mais sobre três D no final do curso. Essa é uma lata totalmente diferente de minhocas. Então, por enquanto, saiba que é outra opção para ajudar a ajustar a perspectiva de algo. Eu quero ajustar a cor desses anéis, então vamos pegar Tritone novamente. E parece que eu tenho minha camada de planeta selecionada. Então, vou me certificar de colocar isso nos anéis em vez disso. E vamos definir esses tons médios para o meu vermelho principal e talvez ficar um pouco malucos com isso. Vamos pegar esse azul escuro e definir que as sombras sejam, sei lá, roxas Talvez possamos ampliar um pouco. Este seria um bom momento agora que podemos realmente ver o resultado. Podemos aumentar esse contraste se quisermos ficar meio malucos com as cores, porque quanto mais contraste você criar aqui, mais trítono terá que trabalhar porque quanto mais contraste você criar aqui, mais trítono terá que 48. Como desenhar uma nebulosa de fundo.: Acho que nosso plano de fundo é um pouco claro, então podemos criar uma espécie de nebulosa de nuvem de gás de fundo lá atrás para dar a ela um pouco de personalidade Você pode absolutamente usar uma camada sólida e máscaras para obter o mesmo efeito, mas vou desenhar uma camada de forma. Isso é um pouco mais flexível para esse caso. Vou diminuir o zoom um pouco, pegar minha caneta. Vou ajustar meu preenchimento para talvez esse roxo que eu alinhei aqui. Eu poderia ajustar isso mais tarde e desenhar uma forma meio grande, quase como uma gravata borboleta. Não precisa ser super perfeito aqui, criar um objeto colorido que pode ficar em segundo plano. Vamos renomear essa nuvem de gás e eu a moverei para baixo logo abaixo das estrelas Vamos dividir isso um pouco com outro ruído fractal Então, vamos descobrir isso novamente. E, hein? Bem, isso meio que tirou a cor que acabei de fazer. Poderíamos usar um efeito de coloração para chegar lá. Além disso, o ruído fractal tem um modo de mesclagem embutido no próprio efeito, que permite todo tipo de coisas interessantes Mas agora, vamos definir isso para multiplicar para que possamos ver a cor original, mas também obter o padrão interessante do ruído fractal Vamos abrir o Transform e brincar um pouco com essa escala. Estou meio que procurando isso para acabar com isso. Eu poderia aumentar um pouco o contraste, mas, você sabe, isso é abstrato Eu quero suavizar tudo isso. Então, vamos encontrar um efeito de desfoque como o fast box blur E vamos aplicar isso à minha nuvem de gás e aumentar um pouco até que eu me sinta muito bem com isso Vamos desmarcar essa camada. OK. Eu gosto disso, mas acho que pode ser um pouco forte demais no meio. Então, vou selecionar essa camada novamente e ir até minha ferramenta de forma e pegar uma elipse Na verdade, você pode desenhar uma máscara nas camadas de uma forma. Você só precisa se certificar de dizer ao After Effects que é isso que você quer fazer. Há um pequeno seletor aqui. Quando você já está trabalhando em uma camada de forma, você pode dizer que, em vez disso deseja criar uma máscara. E vou criar uma espécie de elipse solta aqui no centro Na verdade, eu quero que esse conjunto seja subtraído, então vamos fazer isso, abrir isso e levantar a pena, apenas tentando derrubar esse centro para que não seja tão intenso Talvez eu queira que seja um pouco maior para que eu possa jogar com a expansão e decidir quando estou feliz lá. Acho que parece muito bom. Talvez ainda seja um pouco proeminente demais. Vamos reduzir essa opacidade. Talvez cerca de 50% ou mais. Lá vamos nós. Só ajuda a quebrar todo o preto, mas não atrai muito o foco. 49. Adicione um sol: Tudo bem. Uma boa cena espacial precisa sol e todo mundo adora um reflexo de lente, certo? Então, precisamos de outro sólido novo sólido. Vamos chamar esse sol. E precisamos ter certeza de que nossa camada está preta desta vez. Isso será importante para os modos de mesclagem em um minuto. Vamos definir que seja amarelo para o sol. E estou procurando outro efeito chamado reflexo da lente. Ok, vamos deixar isso aqui e pronto. Agora, esses reflexos de lente padrão estão mostrando um pouco sua idade, mas você ainda pode tirar algo bom disso Vamos vir aqui e escolher um tipo de lente principal de 105 milímetros OK. Acho que já parece melhor. E talvez vamos adicionar um efeito de níveis a isso para que possamos ajustar um pouco Talvez seja necessário ajustar isso apenas para tocar para que possamos ver a parte superior. Agora, você poderia mudar o contraste disso, talvez diminuí-lo para que não seja uma borda tão dura ao redor de alguns desses artefatos de lente Podemos pegar esse centro luminoso e movê-lo um pouco, mas é claro que não podemos ver nosso planeta agora Então, vamos até nossa linha do tempo e definir o modo de mesclagem dessa camada para que ela seja composta adequadamente Volte para nossos modos e defina este para a tela. Então, todo esse preto ficará transparente e agora podemos ver nosso sol. Vamos deslocar o clarão para o centro para que fique meio ali, e seja uma sensação muito boa Vou me inclinar para o vermelho que é minha cor. Então, em níveis, vou realmente colocar isso meu canal vermelho e brincar um pouco com ele para dar um toque um pouco mais avermelhado. Agora, eu poderia exagerar se quisesse, mas acho que um pouco disso provavelmente ajudaria muito aqui. Se eu quiser, posso alterar desse brilho. Você sabe o que? Na verdade, eu gosto disso um pouco mais sutil. Não é tão avassalador. Sim, isso é bom. 50. Ajuste a iluminação: Agora que temos um sol, a iluminação do nosso planeta não parece mais muito realista. Então, vamos conferir algumas das opções adicionais sobre os efeitos desse planeta. Aqui em cima, na verdade, temos luz e sombreamento para esta esfera Está bem? Vamos dar uma olhada nisso. Assim, você pode alterar a intensidade da luz nela. Acho que 100 provavelmente é bom. Não quero exagerar muito, mas poder mudar a cor, a altura e a direção faz uma grande diferença. Então, vamos mudar essa direção. Lá vamos nós. Vê? De onde vem a luz nesta esfera? Tente igualar a posição do sol aqui e depois mude a altura até que eu ache que gosto disso, onde estamos recebendo uma boa luz de fundo cinematográfica no planeta Vamos talvez ampliar um pouco. Isso é muito bom. Também podemos abrir esse sombreamento e decidir quanto queremos de cada tipo de luz específico Você pode ir muito mais fundo com isso. Vou apenas ajustar um pouco o ambiente. Poderíamos trazer isso à tona para ver mais do planeta ou derrubá-lo. Para que possa ser totalmente preto, se quisermos. Acho que talvez algo em torno de sete ou oito seja bom. Ainda podemos ver o que está acontecendo, mas estamos recebendo uma boa luz de fundo cinematográfica Ok, agora vamos ter que lidar com os anéis de forma um pouco diferente porque eles são construídos de uma maneira diferente. Vamos ver o que podemos fazer lá. Talvez possamos fazer algo com o mascaramento, mas depois de girar uma camada em três D, o uso das máscaras fica um pouco menos intuitivo Acho que poderíamos realmente usar esse pano linear para criar um lado escuro de nossos anéis. Confira isso. Vamos encerrar alguns desses outros efeitos. Em seguida, duplique essa limpeza linear pressionando Control ou Command D, arraste essa nova cópia até a parte inferior e redefina-a Agora vou adiar essa conclusão até Ok, ok. Lá vamos nós. E depois brinque com esse ângulo. Olha isso. Agora, pense no que está acontecendo. Estamos gerando um padrão de ruído, apagando parte dele. As coordenadas polares envolvem o resultado de um retângulo em um círculo e, em seguida, tudo é girado em três D. Estamos adicionando um pouco de cor e apagando o resultado final, mas ainda com Se isso te surpreendeu um pouco, sabe o que? Só estamos tentando fazer com que pareça certo. Tudo bem se você ainda não entende exatamente como tudo isso funciona. Quanto mais você joga com ele, mais experiência você tem, mais intuitivo isso se torna. Então, vou aumentar um pouco essa plumagem aqui e continuar jogando com essa conclusão até que fique Acho que ter um bom tipo de ponto quente nos meus anéis é bom. Mas é claro, eu não quero que eles desapareçam por aqui. Eu só quero que eles sejam mais escuros. Você também pode ajustar a opacidade para apenas um efeito específico, o que acho que aqui provavelmente nos dará a aparência que eu Na linha do tempo, vamos pressionar E para revelar todos os efeitos nessa camada e observar a segunda limpeza linear Se eu girar essa abertura, você verá que tenho todos os mesmos controles que você pode ver acima nos controles de efeito Mas também há algo chamado opções de composição. E se você girar essa abertura, obterá um controle chamado opacidade do efeito Portanto, você pode diminuir um pouco a opacidade do efeito para que agora esse efeito de limpeza linear seja aplicado apenas com 78% de opacidade, significa que agora recuperamos um pouco do que tínhamos antes da Então, só precisamos digitar isso. Acho que algo nos anos 80 dá uma boa escuridão sem muita transparência aqui, e isso é muito bom para mim Temos uma boa iluminação de fundo cinematográfica. Nossos anéis são bonitos e quentes na parte frontal, mas escuros aqui atrás. Nosso planeta é agradável e quente aqui, mas escuro aqui atrás. Sim, isso é muito bom. 51. Anime a cena: Temos uma animação um pouco sutil acontecendo aqui, mas acho que há espaço para adicionar um pouco mais. Vamos parar com essa prévia. Vamos começar verificando nosso planeta novamente e, perto do topo desse efeito, há, na verdade, controles de rotação. Então você pode girar isso em todas as três dimensões, assim como fizemos com nossa camada de anel Mas agora, como é uma esfera, ela realmente gira ao redor para nós Agora, quando você for longe demais, começará a ver alguma estranheza em que o padrão meio que converge ou tem uma costura na parte de Mas contanto que você gire apenas um pouco, veja, há uma costura Contanto que giremos apenas um pouco em Y, podemos realmente fazer o planeta girar O que eu acho que vai ficar bem. Então, vamos até o início da nossa linha do tempo, criar um quadro-chave, pular até o final e aumentá-lo um pouco Eu não sei. 13%. Vamos ver como é isso. Apenas o suficiente para trazê-lo à vida junto com aquelas nuvens. Ok. Vamos ver talvez os anéis. Ok, bem, novamente, não temos esses mesmos tipos de controles aqui, mas com o ruído fractal, acho que poderíamos compensar a turbulência, que vimos anteriormente Vamos ampliar e ver como isso realmente se parece. Ei, isso é meio interessante. Ok, acho que esse é o caminho para o valor X dessa turbulência de compensação Então, vou criar um quadro-chave, pular até o final e simplesmente limpá-lo Não tenho certeza de quanto é demais, então você só precisa tentar e errar um pouco. Ok, eu acho que isso é o suficiente para dar um pouco de vida a ele. Eu gosto disso. Agora, nossa nebulosa, realisticamente, essas nuvens evoluiriam de uma forma que Não, mas ei, estamos inventando isso à medida que avançamos, para que possamos fazer o que quisermos, certo? Talvez aquele controle deslizante de evolução. Ei, lá vamos nós. Ok. Então, vamos voltar ao início, criar um quadro-chave para a evolução Eu posso colocar isso de volta em zero. Não importa. De qualquer forma, tudo é abstrato. Vá até o final e aumente o volume. Não sei, 114? Claro. Vamos ver como isso se sente. É lento o suficiente para que você nem perceba, mas acho que isso apenas adiciona um pouco de vida à cena. Essas estrelas já estão se animando a partir do cenário que criamos quando as criamos, então acho que estão prontas E eu não acho que o sol realmente precise de atenção. Então eu acho que este é bom para ir. Tem uma vida boa, mas a mantém sutil, apenas animada o suficiente para prender sua atenção. 52. Retoques finais: Apenas alguns toques finais vamos realmente levar essa coisa até a linha de chegada Vamos criar uma camada de ajuste para apenas adicionar um pouco de polimento final aqui. Então, clique com o botão direito do mouse em Nova camada de ajuste e nomearei essa aparência. Vamos adicionar níveis, funcionaria bem, mas só para misturar, vamos adicionar curvas E talvez apenas adicione um pequeno toque de contraste. Vou clicar aqui e arrastar um pouco para baixo, clicar aqui e arrastar um pouco para cima, adicionando uma pequena curva S sutil. Vamos apenas ligar e desligar isso. Lá vamos nós. Só faz com que tudo se destaque um pouco lá. Eu gosto disso. Vamos tentar uma vinheta Se eu conseguir soletrar corretamente, vamos lá. Vinheta CC. Agora, por padrão, isso está apenas no centro. Talvez brinque com essa quantia e veja quanto disso queremos adicionar. Depende de quão escura você quer que sua cena seja. Acho que cerca de 100 provavelmente é bom para mim. Poderíamos ajustar o centro talvez ao redor do sol aqui ou talvez no planeta, dependendo de você. Vou colocar o meu no sol. E só para estilizar um pouco e garantir que alguns dos gradientes tenham uma boa aparência, se estivéssemos postando isso online, adicionarei um pouco de Então, estou procurando por um efeito chamado ruído HLS. O que me permite colocar ruído em diferentes canais por matiz, luminosidade ou Vou adicionar apenas alguns por cento à luminosidade, talvez cerca de quatro ou cinco aqui E se eu ampliar mais de perto, você pode ver o que isso está fazendo. Deixe-me ligar e desligar isso para você. Acho que para essa cena, que ficará bonita, dê a tudo um pouco de textura para que não pareça tão artificial. E, honestamente, acho que a cena está pronta para começar, então podemos salvar e exportar isso Claro, se você estiver fazendo isso sozinho, eu realmente o encorajo a explorar, experimentar alguns outros efeitos, experimentar algumas configurações diferentes. Este é apenas um pequeno aperitivo do que é possível com todas as centenas de efeitos deste programa 53. Projeto de curso 05 — cena planetária!: Class Project Time Novamente, acho que é muito divertido. Queremos ajudar nossos clientes a imaginar as maravilhas do cosmos criando uma cena espacial estilizada Você pode tentar ser preciso, se quiser. Sei que será mais fácil com alguns destinos do que com outros. Então, se você quiser, pode criar algo divertido e colorido. Obviamente, eu não me esforcei muito para ser realista. Eu estava meio que me divertindo aqui. O tamanho da composição e a taxa de quadros dependem de você. Você pode personalizar isso um pouco para fazer sentido para sua cena. Quero que você crie uma cena espacial estilizada com pelo menos um planeta, um fundo estrelado e um sol Se você quiser adicionar coisas de fundo, como uma nebulosa, se quiser adicionar anéis ao seu planeta, todos esses são bons bônus Se quiser, você pode tentar adicionar ainda mais detalhes, seja o que for que você possa imaginar. Mas o maior requisito é que todos esses elementos sejam criados diretamente no After Effects. Queremos que você tente fazer isso sem usar imagens ou vídeos importados. Crie tudo usando efeitos em sólidos ou camadas de formas Eu realmente quero que você explore alguns desses vários efeitos e outros recursos aqui e veja o que você pode criar usando apenas eles. Certifique-se de incluir a cor principal da sua marca e, se você tiver outras dicas adicionais de marca para as quais encontre oportunidades, elas seriam ótimas E este é muito mais sobre uso do After Effects como uma ferramenta de design. Assim, você pode manter qualquer animação um pouco mais sutil e minimalista aqui. Como lembrete, aqui está a aparência da minha. Eu tenho aquele grande planeta que criei com ruído fractal. Temos alguns anéis. Temos uma iluminação cinematográfica interessante. Temos um sol, fundo de estrelas, uma nebulosa, tudo isso Nos resultados, como de costume, exporte sua animação como um MP quatro usando essa predefinição Envie seu vídeo para um site de hospedagem de vídeos e compartilhe esse link conosco para que possamos vê-lo e compartilhe isso nas redes sociais para que as pessoas possam acompanhar e ver o que você tem feito. Boa sorte Divirta-se com este, e espero que o ruído fractal seja seu novo melhor amigo 54. The Text Animator Explained: Você já sabe que podemos mover camadas de texto como qualquer outra camada, mas o After effects tem um sistema especial de animação de texto que permite fazer muito mais Já aplicamos uma predefinição de animação de texto em uma lição anterior Aqui está aquele slide para baixo por caractere que usamos anteriormente. Agora que aplicamos isso, vamos abrir tudo isso e dar uma olhada no que realmente está acontecendo Dentro da camada, você encontrará um título chamado texto, e dentro dele, você encontrará um animador, que depois de efeitos já foi nomeado como parte da aplicação da predefinição Dentro dele, um seletor de intervalo, que contém uma seção avançada, e logo abaixo, temos uma posição interna e um valor de opacidade que afetam especificamente somente esse É como se fossem camadas de formas. Elas são separadas das propriedades reais de transformação da camada. Se avançarmos no tempo, você verá que as letras estão sendo reveladas. Cada letra está se movendo para baixo enquanto desaparece. Essas são aquelas mudanças internas de posição e opacidade em É claro que elas podem ser alteradas, então vamos ajustar isso para um valor negativo maior, que a elevaria em Y. Agora, cada letra está se movendo muito mais longe antes de chegar. Se mudarmos isso para um valor positivo, agora cada letra subirá de lugar. E tudo isso está sendo tratado por apenas dois quadros-chave nessa propriedade de deslocamento Interessante. Com o conhecimento que você já tem, você certamente poderia fazer alguns ajustes básicos na posição e na opacidade e reprogramar esses quadros-chave até ficar satisfeito Mas vamos dar uma olhada mais profunda em como esse sistema de animação de texto realmente funciona Vamos criar algumas coisas do zero e, mesmo que você decida não se aprofundar tanto, isso lhe dará uma compreensão muito melhor do que as predefinições estão realmente fazendo. Mas vamos começar de forma simples. Vamos excluir toda essa predefinição da minha camada. Você pode adicionar animadores de texto a partir desse pequeno menu na linha do tempo ou desse botão na parte inferior do painel de propriedades quando tiver qualquer Para este primeiro exemplo, estou planejando animar o rastreamento. Você pode ajustar isso aqui nas propriedades do texto, que altera o espaçamento entre todos os caracteres, mas essa é apenas uma alteração estática que estou fazendo no layout Para animar essa propriedade ao longo do tempo, vou até o botão adicionar animador, que me dá um grande menu com muitas propriedades para escolher. Aqui estamos. Ing. Depois de selecionar isso, vamos dar uma olhada na linha do tempo e ver que nossa camada agora tem algo chamado animador um, seletor de intervalo um e essas Para rastreamento, você pode obter bons resultados apenas animando a propriedade diretamente Vamos adicionar um quadro-chave para rastreamento em zero, subir um pouco e definir isso para um número maior Lá vamos nós. Nosso rastreamento está mudando com o tempo, e você já pode ver como isso é útil em comparação com a quantidade de trabalho necessária para animar todos esses personagens se fossem camadas individuais E o legal é que esse texto ainda é totalmente editável Vou clicar duas vezes na minha camada de texto e digitar alguns outros caracteres. Uma espécie de virada de jogo, certo? Vamos dar uma olhada em algumas outras propriedades e entender melhor como o resto do sistema funciona. Vou começar do zero nessa outra composição, onde tenho minha camada de texto principal e algumas outras camadas de suporte para ajudar você a entender melhor o que está acontecendo nos bastidores. Desta vez, adicionarei um novo animador para a posição. Novamente, você pode ver que temos o animador um e o seletor de intervalo um e, em seguida, uma propriedade de posição dentro desse Isso mostra ao After Effects como queremos alterar esse texto de suas configurações originais. Se eu definir o valor Y dessa propriedade de posição para cerca de menos 360, você verá que movemos todos os nossos caracteres para essa nova área, mas o ponto de ancoragem da camada ainda está aqui onde estava E se eu ligar e desligar esse animador, tudo volta à posição original Ok, então eu acho que poderíamos animar essa propriedade de posição, mas agora isso não é muito diferente de apenas animar a própria camada É aí que entra o seletor de alcance. Vamos abrir isso e ver o que estamos fazendo. Aqui dentro, temos uma propriedade inicial e final. To deve estar se sentindo um pouco familiar neste momento. Se eu mudar o valor final, aí está. Agora temos alguns personagens recebendo essa mudança de posição e outros ainda estão em suas configurações originais. Portanto, o início e o fim estão , na verdade , determinando quais partes dessa camada de texto estão sendo alteradas. Se, em vez disso, alterarmos o valor inicial para cerca de 60%, agora teremos os primeiros 60% dessa linha não sendo afetados enquanto os 40% restantes serão alterados. Você também pode ver os valores inicial e final diretamente aqui no visualizador. Na verdade, você pode clicar e arrastar sobre eles diretamente na janela do visualizador, e esses valores na linha do tempo se ajustarão à medida que eu fizer isso Vamos usar isso para isolar apenas alguns caracteres aqui. Também temos essa propriedade de deslocamento que, na verdade, permite mover a parte afetada frente e para trás na linha de texto Vamos desfazer isso. Vamos redefini-los e adicionar rapidamente alguns quadros-chave à propriedade inicial, de zero a 100. Aqui está o que parece. Essas propriedades inicial, final e deslocamento estão na verdade, animando essa alteração de e para as configurações originais Assim, posso adicionar facilmente outras propriedades a esse animador e, independentemente de eu estar alterando uma propriedade ou várias, todas elas podem ser alteradas usando o mesmo conjunto de quadros-chave Muito parecido com o que você viu com camadas de forma, temos um pequeno menu de anúncios que nos fornece propriedades adicionais que podem ser incluídas neste animador Vamos adicionar propriedade, escala e vou reduzir isso para cerca de 30%. Agora, cada uma dessas letras está tendo sua posição Y alterada e sendo reduzida, e então elas estão voltando aos valores originais para ambas as propriedades Vamos adicionar a rotação de propriedades e mudar isso um pouco. Vamos adicionar a opacidade da propriedade e reduzi-la um pouco. Vou deixá-lo um pouco visível para que você possa ver o que está acontecendo. E, novamente, temos esse conjunto de quadros-chave alterando a posição, escala, rotação e opacidade de cada letra, e podemos continuar ajustando esses valores até ficarmos satisfeitos com exatamente a aparência que ele quadros-chave alterando a posição, escala, rotação e opacidade de cada letra , e podemos continuar ajustando esses valores até ficarmos satisfeitos com exatamente a aparência Vamos simplificar retirando isso de volta à posição correta e, em seguida, abrindo esta seção avançada Até agora, pensamos nisso em termos de uma porcentagem, de zero a 100, o que facilita a visualização e mantém alinhado com alguns dos outros recursos que vimos anteriormente Ou nenhuma das coisas voltou ao valor original, todas estão ou estão em algum lugar intermediário. Mas você também pode alterá-los para um índice, o que significa que, na verdade, está contando as unidades , os caracteres nesse caso, e permite que você seja muito preciso quando quiser. Observe que tive o cuidado de dizer que não são apenas personagens porque o próximo controle permite que você escolha se o animador trabalha com personagens, palavras ou linhas Quando você está configurado para indexar, esses valores obviamente serão muito diferentes, mas a porcentagem funciona da mesma forma, independentemente do que está sendo contado. Se eu definir isso como palavras, veja como isso muda a animação. Agora está tratando cada palavra como uma unidade, mas cada caractere está sendo afetado individualmente pelas mudanças que configuramos aqui. Mas até mesmo essa funcionalidade pode ser alterada se você quiser. Outra referência a coisas anteriores que você viu: esses animadores, na verdade, têm um modo Por padrão, ele está configurado para adicionar, mas você pode, na verdade, subtrair todo o animador e reverter todo o processo Você também pode usar vários animadores ou vários seletores e, em seguida, usar esses outros modos para começar a cruzá-los de maneiras ainda mais complexas Também temos um valor, que é mais ou menos um botão liga/desliga para todo o animador, mas você pode enquadrar isso ou definir esse negativo para reverter tudo, ou simplesmente animar essa propriedade em vez das outras acima. Em seguida, vem a forma, que geralmente é a mais difícil para as pessoas entenderem. Para ajudar você a visualizar melhor, substituirei esse texto por vários desses caracteres de barra vertical Livre-se desses quadros-chave e eu ligarei o início e o fim para que não tenhamos nenhum caractere parcialmente alterado A forma é um pouco mais abstrata, mas você pode realmente visualizá-la diretamente usando uma posição como essa No momento, a forma está definida como quadrada e, olhando para cima no visualizador, parece que há um quadrado ou pelo menos um retângulo atravessando essa linha de caracteres de texto Vamos ajustar o deslocamento e você verá esse quadrado sendo empurrado para frente e para trás na linha Amplificar cria uma mudança gradual do valor original para o valor alterado. início e o fim são essencialmente decidir em quantos caracteres essa mudança ocorre Eu poderia mudar isso para criar uma rampa mais larga ou torná-la bem apertada, para que isso aconteça com apenas alguns caracteres Novamente, o offset permite que você mova essa alteração pelo texto Portanto, se você estiver usando uma forma de rampa, normalmente animará essa propriedade de deslocamento e usará início e fim de uma forma mais estática para determinar o quão nítida é essa mudança redução de amplificação é exatamente o oposto, é claro, estamos reduzindo o valor alterado para o valor original Todas essas próximas três formas levam você dos valores originais aos alterados e depois vice-versa. triângulo empurra, sim, um triângulo de mudança na sua linha de texto E, novamente, no início e no fim, meio que determinam a largura disso enquanto o deslocamento o move pela linha Round faz praticamente a mesma coisa. É apenas mais circular. E a suavidade fornece um resultado muito semelhante, mas mais suavizado como uma curva de Bezier Então, basicamente, para qualquer forma que não seja quadrada, você provavelmente estará animando a propriedade de deslocamento Para explorar Es alto e Es baixo, vamos voltar a aumentar. mesma forma que estamos facilitando os quadros-chave, você pode aplicar a flexibilização aqui a Es high facilita esse valor alterado. Es low diminui o valor original. Você pode aumentá-los para torná-los super lisos ou pode defini-los como negativos para criar uma mudança realmente abrupta Vamos zerar os dois por enquanto. E, claro, se você realmente quiser apimentar as coisas, você pode randomizar tudo isso Você ainda está mudando a forma como os personagens estão sendo afetados, mas agora não é mais apenas um arranjo simples da esquerda para a direita. Observe que todo esse seletor de alcance na verdade, tem seu próprio interruptor ocular, então podemos desativar tudo isso E vamos tentar adicionar outro seletor, Wiggly. Isso já faz muita coisa. Então, vamos abrir isso. Isso altera automaticamente a propriedade que eu adicionei pela quantidade que eu estabeleci, tanto positiva quanto negativamente, e então todas essas outras configurações determinam exatamente como essa oscilação adicionei pela quantidade que eu estabeleci, tanto positiva quanto negativamente, e então todas essas outras configurações determinam exatamente como essa Ah, e usando o menu suspenso do modo, agora você pode determinar como isso se cruza com outros seletores que Ok, eu sei que isso provavelmente está ficando um pouco intenso, então vamos dar um passo atrás. Vou desfazer algumas vezes até voltarmos às palavras reais E simplesmente exclua esse animador inteiro. Além desses animadores, você também pode fazer seu texto seguir um caminho Vou pegar minha ferramenta de caneta e selecionar essa camada, então vou começar a desenhar uma máscara nessa camada. Mas em vez de usar a máscara para cortar parte da camada, eu posso simplesmente usá-la como um caminho. Olhando para trás na linha do tempo, você verá que essa camada de texto agora tem opções de caminho E se eu abrir isso, posso escolher uma das máscaras nessa camada à qual o texto será aplicado. Depois de fazer isso, você obtém propriedades adicionais, incluindo a capacidade de animar facilmente o texto ao longo desse caminho E todos os animadores que vimos antes podem, na verdade, ser colocados em cima disso Vamos terminar criando algumas animações de texto práticas para o dia Vou apenas remover essa máscara. Digamos que quiséssemos criar uma aparência simples de máquina de escrever Então, eu adicionaria um animador para opacidade e definiria isso como zero Abriremos o seletor de intervalo e aqui apenas animaremos o valor inicial Mas você provavelmente está percebendo que essas letras estão, na verdade desaparecendo em vez de apenas aparecerem como uma máquina de escrever Na verdade, temos todos esses pontos em que está meio que a meio caminho entre os personagens, e isso pressupõe que queremos que tudo corra bem, que provavelmente faríamos com a maioria das outras propriedades Para fazer com que as letras passem de completamente ocultas a completamente reveladas de uma só vez, podemos examinar o interior avançado e encontrar essa propriedade de suavidade, que na verdade só existe para a forma quadrada Defina isso para zero e sim, perfeito. Claro, há uma predefinição de máquina de escrever que poderíamos ter usado, mas agora você entende como ela funciona Vamos levar isso um pouco mais longe. Eu gostaria de transformar isso em um fadon mais suave, então removerei esses quadros-chave iniciais, alterarei isso para aumentar e, em vez disso, usaremos a propriedade offset em vez disso, usaremos Viu como está meio que revelado aqui? Se eu levar isso até -100, agora a linha inteira estará oculta Vamos estruturar isso, avançar um pouco e trazê-lo até 100 positivos Lá vamos nós. Nada mal. Vamos adicionar um pouco de movimento de posição a esses dois. Parece melhor, mas parece um pouco grossa, escadaria Vamos ver o que podemos fazer sobre isso. Como estou usando ramp up, vou querer usar Es low para suavizar isso. Se você tiver dificuldade em lembrar qual é qual, você também pode simplesmente brincar com eles até que pareça certo Bom. Isso proporciona uma aterrissagem muito mais suave E você sabe o que? Eu gosto disso, mas eu meio que gostaria que estivesse se movendo em palavras completas em vez de caracteres. Vamos atualizar isso. Sim, veja essa pequena revelação suave e rápida que acabamos de fazer E lembre-se, isso ainda é totalmente editável. Eu poderia digitar algumas palavras novas. E toda a minha animação existente ainda funciona, tornando-a extremamente flexível e personalizável Na verdade, estamos apenas arranhando a superfície aqui. Na verdade, você também pode usar três propriedades D para caracteres individuais, animar as propriedades de fontes variáveis e muito mais Se isso lhe interessa um pouco, eu recomendo que você entre aqui para explorar. Basta brincar com esse sistema e ver o que você pode fazer. Obviamente, vamos dar um exemplo passo a passo nas próximas aulas. Se você não seguiu totalmente tudo nesta lição, tudo bem. O sistema é bem profundo e até mesmo muitos usuários experientes não o usam em todo o potencial. Lembre-se de que você tem várias predefinições de animação de texto esperando por você efeitos e predefinições, basta dar uma olhada nas predefinições de animação , o texto e a animação é um ótimo lugar para começar se você quiser revelar algum tipo, como acabamos de fazer Tente aplicar algumas dessas predefinições, abra-as e faça alguns ajustes Mesmo que você esteja apenas ajustando o tempo e modificando os valores, isso pode levar muito tempo para criar suas próprias animações de texto personalizadas 55. Anime um cartão: Vamos colocar essas ideias em prática criando um cartão de título animado. Você pode ver que eu já configurei esse projeto e, se quiser acompanhar, você o encontrará aqui como Animated Title Start. Estou trabalhando em uma composição HD de 24 quadros por segundo com 7 segundos de duração. Cor de fundo preto. Como você pode ver aqui, eu já tenho algumas camadas de texto dispostas. Eu tenho um videoclipe que eu já cortei no tamanho adequado, e temos um arquivo de áudio que tem uma boa música orquestral Vamos fazer uma prévia rápida para ter uma ideia de tudo. É a primeira vez que trabalhamos com música, que é uma forma muito comum de ajudar a acelerar sua animação. Alinhar sua animação, tempo e sensação geral com essa música é uma grande parte de fazer com que tudo pareça Vamos começar encontrando e marcando alguns dos momentos-chave dessa pequena peça musical para que possamos trabalhar com ela com mais facilidade. Se eu abrir essa camada, você descobrirá que temos apenas um título de áudio Dentro disso, temos um local para definir nossos níveis, o que, na verdade, não precisamos fazer desta vez, mas você pode alterá-los e até mesmo estruturá-los, se quiser Dito isso, eu realmente não recomendo o After Effects como um lugar para fazer qualquer tipo de edição séria de áudio. Você também pode ver a forma de onda, que é a representação visual do som nesse arquivo Quanto mais altas forem essas pequenas ondas, mais alto será o som naquele momento específico Então, mesmo olhando para isso, você já pode ver alguns grandes momentos na pista aqui Com ou sem essa abertura giratória, você pode realmente visualizar apenas o áudio pressionando a tecla de ponto no teclado numérico Mas, especialmente à medida que seus projetos ficam mais complexos, pode ser bom se refrescar no áudio sem precisar esperar que uma prévia visual mais pesada também seja criada Vou usar isso para me ajudar a encontrar e marcar esses momentos-chave na faixa musical. Você pode criar marcadores no After Effects, em camadas específicas ou para sua composição geral Essa é uma ótima maneira de deixar pequenos lembretes para si mesmo ou marcar um local ao qual você deseja alinhar outras camadas ou quadros-chave enquanto trabalha Sem nenhuma camada selecionada, se eu pressionar a tecla asterisco no meu teclado numérico, ele criará um marcador aqui mesmo na minha composição Quando clico duas vezes nele, posso realmente adicionar um nome ou uma descrição. Você também pode codificá-los por cores, e eles podem ser um único quadro ou, na verdade, ter uma duração, se você quiser marcar um curto intervalo de tempo. Adoro esses marcadores e os uso o tempo todo. Para se livrar de um marcador existente, basta clicar com o botão direito do mouse e excluí-lo aqui Vou colocar alguns marcadores diretamente nessa faixa de música para que eu possa facilmente referenciar esses dois pontos importantes na música Nessa faixa, eu provavelmente poderia fazer isso observando a forma de onda, mas você também pode soltar marcadores enquanto estiver visualizando Selecionarei essa camada de música , pressionarei a tecla de ponto final e pressionarei o asterisco quando quiser soltar esses marcadores. Vamos ver como eu me saio. Mãe, ele. Bem perto. Em uma peça musical tão curta, é muito complicado ter tempo suficiente para captá-la com total precisão Normalmente, você ouviria isso algumas vezes e ajustaria até sentir que eles estão definitivamente no lugar certo. Mas eu já resolvi isso antes. Eu quero esse primeiro no quadro 12 e o segundo logo às 5:07. Tudo bem, perfeito. Agora, mesmo sem que essa forma de onda ocupe muito espaço na minha linha do tempo, posso facilmente referenciar esses Lembre-se também de que estávamos usando J e K para alternar entre quadros-chave anteriormente Eles também param nos marcadores. Agora que criamos esses marcadores, vamos adicionar alguma animação às camadas de texto Começando com essa grande camada de Júpiter, vou adicionar um animador para rastreamento Na verdade, não preciso do seletor de intervalo neste caso, então vou excluí-lo Vou me certificar de que meu CTI esteja em zero e definir esse valor de rastreamento Então eu vou chegar a 5,5 segundos, cinco, 12, e definir esse rastreamento para cinco. Eu já sei que vou cortar o final dessa camada mais tarde, então tudo bem que tenhamos um pouco no final sem movimento Essa música é linda, mas para os propósitos desta lição, vou desativá-la por enquanto clicando no pequeno ícone do alto-falante. Vamos ativá-lo novamente depois de ativarmos nossa animação de texto Ok, parece bom. Muito simples Acho que posso simplesmente copiar e colar isso na outra camada. Mas primeiro, vamos renomear esse animador, já que adicionarei outros a essas duas camadas Como qualquer outra coisa, basta pressionar Enter e digitar um novo rastreamento de nome. Com isso ainda selecionado, vou controlar ou comandar C para copiar e garantir que meu CTI esteja em zero, controle ou comande V para colar isso no Rei dos planetas Vou pressionar U para confirmar que foi colado. Sim, vamos ampliar um pouco para que possamos ver isso melhor Com boa aparência, ele permanece bastante sutil, mas adiciona um pouco de movimento apenas o suficiente para mantê-lo vivo e visualmente interessante. Acho que também vou adicionar um pouco de escala para complementar isso Novamente, mantendo-o sutil. Vamos criar Júpiter como pai do Rei dos Planetas. Em seguida, selecione Júpiter e verifique o ponto de ancoragem. Sim, isso já parece um bom lugar. Vou pressionar S para revelar minha escala. Crie um quadro-chave aqui no início. Pressione K algumas vezes para ir até outro quadro-chave que já criamos às Observe que eu tive que pular os marcadores aqui e vou configurar isso para 104% Agradável. É sutil, mas parece eficaz e meio aumenta o tamanho e a presença de Júpiter, eu acho Também estou querendo trazer minha marca vermelha neste. Acho que o que vou fazer é revelar essa segunda linha de texto da esquerda para a direita e sem problemas, mas também deixar um pouco de vermelho aparecendo enquanto ela é revelada E acho que não vou fazer uma revelação como essa no título principal de Júpiter, mas ainda posso trazer um pouco do mesmo sabor Então, vamos selecionar essa segunda linha e criar um animador de opacidade, seja na linha do tempo ou no painel Vou renomear essa opacidade porque é isso que ela está fazendo Se você quiser deixar a palavra animador nelas, é claro que você também pode fazer isso Vou abrir isso e definir a opacidade para zero. Vou usar uma rampa para torná-la bonita e suave Sim, essa é exatamente a vibe que eu estou procurando. Como vimos na lição anterior, eu só preciso animar o deslocamento de -100 para 100 Então, criaremos esse primeiro quadro-chave. E acho que um pouco mais de 2 segundos é bom para o outro. Sim, isso parece certo. Vamos adicionar um pouco de cor à mistura. Para a camada de Júpiter, criarei um animador para preencher a cor Você pode ver que , na verdade há algumas opções diferentes aqui se quiser modificar uma cor existente. Mas eu quero ser capaz de substituir totalmente isso com um pouco de controle de cores, que é o que o RGB me dará Isso cria um novo animador. Vou renomear isso para colorido. E este novamente não precisa do seletor de intervalo, então vou excluí-lo Vou usar esse conta-gotas vermelho pêssego para este. Vamos formatar isso diretamente em oito quadros, mover até 2 segundos e, em seguida, pegar a marca branca Vou prosseguir e aliviá-los facilmente, e vamos ver como é. Sim. Agora, também estou planejando cortar um pouco o começo Então, à medida que a segunda linha for revelada, acho que vamos dar uma pequena dica dessa cor antes que ela caia no branco Vamos pressionar U para reduzir isso apenas aos quadros-chave. Você verá que um controle de cores com quadro-chave realmente mostra essas cores ao longo do tempo, o que pode ser muito útil, ou você pode simplesmente fechá-lo se não precisar que ele ocupe Para a cor desta segunda linha, na verdade vou reutilizar o animador que eu já construí para opacidade e trocar as propriedades Selecione essa opacidade no animador e controle ou comando D Vou dar um nome a essa nova cor. Vamos abrir isso, adicionar propriedade, cor de preenchimento, RGB e selecionar opacidade e Sim, então esse ainda não é o vermelho certo, mas essa é a vibração certa Vamos colocar o conta-gotas na cor vermelha correta. E acho que poderíamos melhorar isso apenas compensando um pouco esses quadros-chave, talvez seis quadros Lembre-se de que podemos selecioná-los e ajustar os próprios quadros-chave pressionando Alt ou option e usando as teclas de seta Então, um, dois, três, quatro, cinco, seis, sim, isso é bom. 56. Refine a animação dos títulos.: Cuidamos da animação do texto. Agora precisamos ajustar o tempo e fazer um pouco de composição para finalizar isso Vamos começar ajustando o contraste em nosso clipe. Vou pegar um efeito de curvas aqui e criar uma curva S sutil para fazer isso se destacar OK. Eu realmente gostaria de imitar essa iluminação no texto e adicionar alguns efeitos para ajudar a unificar a aparência, e acho que a melhor maneira de lidar com isso será pré-compor minhas camadas Então, vamos selecionar os dois. Vá até a camada, pré-componha ou você também pode pressionar Control ou Command mais Shift mais C. Vou chamar esse título E sim, vamos abrir isso depois de eu criar. OK. E no painel do meu projeto, vou movê-lo para a pasta anterior. Há algumas maneiras diferentes de adicionar sombreamento a essas letras, mas acho que vou ter muita flexibilidade usando camadas de forma Vou pegar minha ferramenta retangular e desenhar uma caixa que definitivamente cobrirá as duas, mesmo quando estiverem totalmente expandidas Vou seguir em frente e definir isso como um gradiente linear. Clique no pequeno chip colorido aqui e verifique se ele está configurado para um gradiente de preto para branco OK. Vou voltar para minha ferramenta de seleção e, certificando-me de que tenho o grupo de formas selecionado, você verá que agora tenho essas duas pequenas alças que me permitem personalizar esse gradiente Vou apenas clicar e arrastá-los para entrar no estádio certo Obviamente, não consigo ver o texto agora. Vamos renomear isso para sombreamento e, em seguida, usar um modo de mesclagem para aplicá-lo às duas camadas de texto abaixo Vou me certificar de que possamos ver nossos modos de mesclagem e, em seguida, definir essa camada para se multiplicar E entre nossos modos de mesclagem e tapetes, há na verdade outro pequeno botão aqui que é uma cópia do Photoshop chamado Preservar Transparência Quando você clica aqui, ele realmente vê a transparência de tudo abaixo dessa camada e a usa para sua própria visibilidade. Lá vamos nós. E mesmo que não possamos mais ver a camada diretamente, você ainda pode selecionar o nome desse grupo de formas e ver aquelas pequenas alças de gradiente para fazer ajustes só um pouco desse sombreamento na Acho que só um pouco desse sombreamento na borda vai ficar muito bonito Claro, como eu precomponho isso, não tenho esse clipe como referência Vamos ver como isso funciona na competição principal. OK. Sempre podemos clicar para frente e para trás para inserir isso, e esse é o outro lado da pré-composição Você encontrará coisas que são mais difíceis ou às vezes até impossíveis se não pré-compor dessa forma, mas isso pode dificultar a visualização do contexto completo Isso é apenas algo que você precisa navegar à medida avança e tomar as decisões que avança e tomar as decisões certas para o seu projeto. Acho que esse gradiente parece muito bom. Eu só quero diminuir um pouco essa opacidade , talvez em torno Uma das principais características de Júpiter é seu tamanho, e eu adoraria dar uma pequena referência a isso em nosso tratamento de título Para fazer isso, vou adicionar um efeito chamado protuberância, que nos permitirá distorcer um pouco o texto de uma forma que pode ser muito sutil, mas dá apenas uma dica sobre o assunto Quando você aplica a protuberância pela primeira vez, ela se aplica apenas a uma área muito pequena Vou usar esse centro protuberante para mover isso um pouco para cima e, em seguida, vou aumentar essas configurações de raio até que cubram tudo E embora isso pareça meio interessante, é bem exagerado, então vamos reduzir essa altura para talvez 0,2. Ao ativar e desativar isso, você pode ver que isso realmente faz uma grande diferença, mas não é tão evidente quanto a configuração de altura padrão Parece um pouco que o texto está realmente envolto em todo o planeta, o que eu gosto Enquanto estamos fazendo efeitos, percebo as sombras que as luas estão projetando, e aposto que podemos imitar isso um pouco Então, vamos adicionar uma sombra projetada. Defina a distância para oito, aumente um pouco nossa suavidade , talvez em torno de 85, e vamos aumentar a opacidade para Sim, isso é bom. Sensação semelhante, mas na verdade faz parecer que o texto está mais próximo do planeta do que aquelas luas No entanto, estou percebendo que esse texto menor não está projetando muita sombra Acho que não há muita coisa com que a sombra projetada funcione, mas podemos adicionar uma sombra personalizada extra para ajudar a reforçar um pouco isso. Vou criar um sólido preto pressionando Control ou Command Y. Vamos dar um nome a essa sombra e garantir que a cor esteja totalmente preta Vamos mover essa camada abaixo título e depois adicionar uma máscara elíptica Abra essas propriedades da máscara. Vamos tirar essa foto e ver como fica, talvez cerca de 130 Agora posso usar minha ferramenta de seleção e pegar esses vértices e movê-los até que a forma pareça correta Vá até o painel Propriedades e vamos reduzir essa opacidade para cerca de 25% Ative e desative isso. Sim. Você realmente nem sente que está lá, mas acrescenta uma boa separação. Vamos adicionar um rápido desvanecimento. Eu vou chegar por volta das 2:06. Keyframe de volta para casa e reduzido a zero. Lá vamos nós. Isso parece muito natural. E agora que temos tudo configurado, vamos ligar essa música novamente para que possamos unir tudo. Esse primeiro marcador é aquele grande sucesso orquestral, e acho que ter nosso texto aparecendo dramaticamente lá seria Então, vamos selecionar o título e a sombra, e vou cortar essas camadas para que elas comecem exatamente nesse marcador Se você passar o mouse sobre o início de uma camada como essa, veja como meu cursor muda Você pode simplesmente clicar e arrastá-los para cortá-los. E como se trata de uma pré-composição, ela tem uma duração Então, essa área aqui está me mostrando que essa camada existe, mas simplesmente não é visível ali. Ou, se preferir, também há um atalho que você pode usar para fazer isso Lembre-se de que você pode mover camadas usando as teclas de colchetes abertos Mas se você segurar Alt ou Option e pressionar o colchete aberto, ele cortará a extremidade de qualquer camada selecionada até Ok, vamos ver se isso é tão bom quanto eu imagino. Sim, bom. Também há um grande acabamento no final, e acho que seria bom e dramático ter tudo preto aqui. Então, vamos pular até esse marcador. E, na verdade, quero que o preto bata diretamente nesse marcador, então vou recuar um quadro, selecionar todas as três camadas visíveis e, em seguida, pressionar todas as quatro opções e o colchete fechado para cortar esses Sim, adoro isso. Estamos tão perto. Há apenas um outro pequeno toque que eu gostaria de acrescentar. Vamos selecionar nossa pré-composição de título e garantir que eu possa ver meus modos de mesclagem, configurá-lo como sobreposto, o que nos dá uma aparência agradável em que você pode realmente ver um pouco mais através dele Parece legal, mas talvez seja um pouco mais transparente do que eu quero. Então, vamos fazer uma duplicata dessa camada com o Comando do Controlador D. Vou colocar essa cópia superior de volta ao normal Vamos desabilitar a sombra projetada nesta para não obtermos o dobro da sombra, e então vou abrir minha opacidade e reduzi-la em cerca de 70%, é Ainda estamos conseguindo um pouco desse sabor transparente, mas também mantendo tudo bonito e legível Vamos assistir a essa prévia final em toda a sua imensa glória de Júpiter Na verdade, você pode maximizar qualquer painel apenas colocando o cursor sobre ele e pressionando o acento ou a tecla Tilda no canto superior esquerdo do teclado Vou me certificar de que está configurado para caber para que possamos vê-lo super grande. Linda. Acho que terminamos. 57. Projeto6 do curso — Título animado: Tudo bem, espero que você tenha gostado aprender sobre animação de texto, e agora é hora de colocar isso em prática com outro projeto de classe equipe de marketing do seu cliente pediu uma introdução animada para um pequeno vídeo no qual eles estão trabalhando Isso deve incluir o nome do seu destino e algum tipo de slogan para ajudar a empolgar os espectadores E nós realmente queremos que o texto seja a estrela aqui. Portanto, certifique-se de incluir alguma animação de texto envolvente. O tamanho da composição e taxa de quadros podem depender novamente de você. Mas como você vai usar algum tipo de videoclipe como plano de fundo, isso pode ajudar a determinar isso. Mas, como o texto é a estrela, pense nisso ao organizar as coisas e, se quiser recortar mais de perto o clipe e alterar a proporção, tudo bem também. Portanto, certifique-se de incluir um videoclipe como plano de fundo da cena. Mais uma vez, incluímos algumas opções para você, ou você pode encontrar a sua própria. Sei que alguns destinos podem ser um pouco mais fáceis de encontrar material do que outros. Então, se você quiser usar apenas um fundo de estrela, por exemplo, tudo bem. Em seu texto, certifique-se de incluir o nome do destino e, em seguida, algum tipo de linha secundária com um subtítulo ou um slogan curto ou algo parecido E queremos que você anime esse texto para tornar a cena dinâmica e interessante Esse texto é o herói e deveria estar fazendo algo legal. Idealmente, um que realmente ajude a unificar a cena em um conceito Se você está se sentindo um pouco intimidado pelo sistema de animação de texto , não há problema em usar predefinições Certifique-se de personalizá-las para torná-las suas E eu quero que você pense usar alguns efeitos adicionais e técnicas de composição, como modos de mesclagem ou sombras extras ou qualquer coisa assim, apenas para fazer com que tudo se encaixe e pareça pertencer encaixe e pareça Se você quiser usar um pouco de música, isso é ótimo. Obviamente, a faixa que eu usei foi incluída no arquivo do projeto que você baixou. Mas eu incluí alguns links para outros lugares onde você pode encontrar boas opções gratuitas. Será necessário apenas um pouco de trabalho para encontrar um que funcione para você. Se você usa música, certifique-se de cronometrar as coisas para que tudo faça sentido em conjunto. Eu realmente recomendo usar marcadores e observar essas formas de onda para encontrar aqueles bons momentos na música Mas essa tarefa não é sobre edição de música, então não sinta que você precisa gastar muito tempo fazendo uma edição musical perfeita Novamente, aqui está meu exemplo. muito divertido, e estou ansioso para ver sua interpretação desta tarefa. Para resultados, mais uma vez, você sabe como funciona, exporte sua animação como um MP quatro, envie seu vídeo para um site de hospedagem de vídeos e compartilhe esse link conosco na seção projetos de aula ou tarefas. Não crie links para sites de armazenamento em nuvem e certifique-se de compartilhar essa exportação nas mídias sociais. Você está começando a criar uma boa coleção de projetos. Então, espero que seus seguidores on-line estejam animados para ver o próximo Como sempre, boa sorte e divirta-se com este. 58. Movimento tem significado: Estamos aprendendo muitas funcionalidades e gostaria de dedicar apenas alguns minutos para pensarmos no porquê por trás dos botões em que estamos clicando. Então, deixe-me apresentar alguns conceitos para você. Se você está criando um design estático, certo, todos os elementos estão fixos e você meio que precisa negociar o tamanho e o posicionamento deles , porque tudo é visível ao mesmo tempo e não pode se mover Portanto, você precisa usar conceitos de design para ajudar seu espectador a entender quais coisas são mais importantes para ele ver. Mas seus espectadores podem demorar um pouco mais para ver as coisas, analisá-las e explorá-las sozinhos. Quando você está trabalhando em movimento e no tempo, certo, os elementos podem se mover para dentro e para fora, e você pode alterar esse layout ao longo do tempo para enfatizar elementos diferentes em momentos diferentes. Isso permite direcionar a atenção do espectador para coisas diferentes em momentos diferentes. Assim, o foco pode mudar e não precisa ser algo estático o tempo todo. Você também começa a ter acesso a outros poderes aqui, como a quantidade de tempo que algo fica na tela pode ajudar a comunicar ao espectador a importância dessa coisa, além das dicas visuais óbvias, como o tamanho ou o brilho Muitas vezes, como você viu em uma de nossas aulas anteriores, talvez você consiga usar o áudio para ajudar a comunicar informações ou emoções extras, seja uma narração ou música Então, o que vou passar o resto deste vídeo falando é que o movimento em si é , na verdade outra forma de comunicação. Você pode usar o movimento para criar um ritmo e um tempo. Você pode criar tom, sensação e emoção pela maneira como algo se move, quão rápido ou lento algo se move, quão rígido ou suave é Tudo isso comunica muito ao seu espectador. E o que isso realmente significa é que movimento é significado Obviamente, a aparência das coisas é muito importante, mas a maneira como elas se movem pode ser igualmente importante. Se eu mostrar esses dois círculos e pedir que você encontre a diferença entre eles, não vou esperar muito porque eles são realmente idênticos. Mas se eu reproduzir esse vídeo aqui, agora é bem fácil ver qual é a diferença. A maioria das pessoas diria que um é mais pesado. Mas é claro, esses são apenas pixels em uma tela, e eles realmente não têm peso, mas a maneira como eu movi esses círculos comunica essa relação E também fornece muito contexto adicional. Ambos os círculos são obviamente objetos rígidos porque não se deformam quando ricocheteiam na superfície inferior E sim, essa forma na parte inferior agora também é uma superfície rígida em vez de apenas uma caixa colorida E essa cena está acontecendo em algum lugar com física semirrealista Então, esperaríamos ver isso continuado no resto desta animação. E só para você pensar em alguns outros conceitos aqui, um princípio de design bastante básico é o contraste. Isso ajuda as pessoas a saberem onde procurar. Uma área com alto contraste tenderá a chamar a atenção de alguém. Você provavelmente nem percebeu isso aqui embaixo, certo? Agora, quando falamos sobre contraste, isso significa muitas coisas diferentes, mesmo apenas em design estático. Isso pode ser um contraste de valor, claro ao escuro, mas isso também pode significar cores. As coisas podem ter tamanhos contrastantes e isso indica qual é a mais importante Falando sobre texto, você pode ter contraste de peso. E, novamente, uma dessas coisas parece mais importante do que a outra. E, claro, você pode combinar essas coisas para realmente ajudar a enfatizar qual é a peça mais importante de um design Agora, quando falamos sobre contraste em movimento, todas essas ideias visuais ainda se aplicam. Mas agora você também precisa pensar: bem, se essa coisa se mover, terei contraste adequado em todos os lugares que ela for? Se não, talvez você precise pensar em mudar as coisas. Mas você também pode pensar em contraste no próprio movimento. Aqui, um desses planetas está realmente chamando sua atenção. Está basicamente acenando para você, certo? Mas se você olhar este exemplo, os dois estão acenando para você E então você realmente não tem nenhuma pista qual deles deveria ser mais importante Na verdade, é um pouco perturbador, não é? Na verdade, você também pode usar essas ideias para criar tensão, onde algo pode estar visualmente lhe dando uma dica menos importante, mas a maneira como se move diz o contrário Em última análise, tudo gira em torno do contexto do que você está criando. Se algo deve ter um tom muito sério, você provavelmente não vai ter coisas circulando por todo o Eles vão se mover mais devagar e suavemente. Mas se você estiver criando algo com um toque mais divertido, poderá mover esses elementos de uma maneira muito diferente Os próximos vídeos fornecerão mais conceitos e como executá-los. Mas à medida que prosseguimos, quero que você pense por que está fazendo as escolhas que está fazendo. Quais elementos você está escolhendo mover e como está escolhendo movê-los? E o que isso está comunicando ao seu espectador? 59. Adicione antecipação e excesso: Antecipação e superação são dois princípios de animação que podem realmente ajudar a dar muito mais personalidade ao seu movimento Essencialmente, essas são maneiras de dar ao seu movimento uma sensação mais orgânica do que ser tão mecânico e perfeito. Esses três objetos estão apenas aumentando e diminuindo, e agora estão aumentando a escala com um pouco de superação um pouco Esse pequeno salto realmente adiciona muita energia, certo? Aqui está um exemplo baseado em posição, apenas um movimento reto com um pouco de ultrapassagem, veja como ele passa um pouco ponto de pouso e depois descansa A expectativa é o oposto disso. É como uma pequena carga logo antes do movimento. Aqui temos expectativa e superação, dando a isso uma sensação muito mais natural E aqui estão os três para compará-los. No mundo real, a maioria dos objetos faz isso até certo ponto. Animações, especialmente desenhos animados, tendem a exagerar muito isso Mas se você pensar nos tipos de movimentos que você faz o dia todo, cada um deles tem um pouco de expectativa e superação, e adicioná-los às suas animações faz com que pareçam e adicioná-los às suas animações faz muito mais reais Vamos até o After Effects e dar uma olhada em como você pode adicionar isso aos seus projetos. Então, aqui está uma camada simples que acabou de ser ampliada. Não é muito empolgante. Vou selecioná-los e pressionar F nove para Easy Es. Um pouco melhor, mas adicionar um pouco de excesso a esse movimento pode fazer uma grande diferença Acho que, com a escala, geralmente é muito bom percorrer cerca de dois terços da mudança Vamos selecionar esse último quadro-chave em 100%, e vou copiá-lo e colá-lo aqui Então, agora esse mesmo movimento vai acontecer, mas na verdade um pouco mais rápido. E então, é claro, esses dois quadros-chave são iguais, então não estamos vendo nenhum movimento lá Mas e se pegarmos esse quadro-chave e realmente aumentarmos um pouco mais, talvez em torno de 110 Agora você obtém esse bom pop energético à medida que a camada aumenta, e isso foi bem fácil, certo? Podemos transformar isso em expectativa com a mesma facilidade. Para aumentar a escala, acho que faria sentido adicionar um pouco de expectativa à medida que ela diminuísse. Agora, eu poderia enquadrar meu caminho de volta até esses 100%, subir um pouco, 110, e depois voltar para zero. Mas veja isso. Se eu selecionar todos os três quadros-chave, posso acessar o menu de edição e copiar, e então você pode realmente colar esses mesmos quadros-chave, mas Então, agora estamos escalando de zero a 110 e depois descendo para 100 E então fica lá em 100 até chegar a esse segundo quadro-chave, onde volta para 110 e depois desce para zero Vamos dar uma olhada. Viu a diferença que esses dois quadros-chave extras podem fazer Vamos dar uma olhada nisso na posição. Aqui está outro exemplo igualmente interessante. Uau. Ok, está se movendo da esquerda para a direita. Vamos selecionar esses quadros-chave e facilitá-los facilmente. Ok, parece um pouco melhor, certo? Vamos tentar adicionar um pouco de excesso novamente. Algo em torno de dois terços, talvez um pouco mais perto do final desta Vamos selecionar esse quadro-chave e copiá-lo e colá-lo aqui e, em seguida, levar essa camada um pouco mais para a direita Eu poderia fazer isso com o mouse ou apenas usando minhas setas, pressionando a tecla para fazê-las se mover ainda mais Então, agora eu tenho meu quadro-chave original. Ele se move um pouco além do local de pouso e depois volta ao lugar. E mais uma vez, que diferença isso faz, certo? E se fizermos a mesma coisa no início para adicionar um pouco de expectativa a essa mudança Percorreremos aproximadamente a mesma distância, copiaremos e colaremos esse quadro-chave e depois o empurraremos para a esquerda Veja como esse movimento é muito mais enérgico quando se carrega um pouco e depois ultrapassa um pouco Claro, poderíamos levar isso ainda mais longe refinando a velocidade desses movimentos, mas faremos isso em apenas um minuto E, novamente, eles não serão apropriados para todos os projetos, mas quando forem, farão uma grande diferença. 60. Ajuste um caminho do movimento: Outra forma de adicionar mais interesse visual e mais realismo às suas animações é dar um leve arco aos movimentos No mundo real, a maioria das coisas não se move em uma linha perfeitamente reta. Eles são afetados pela gravidade e pela física e, a menos que seja uma máquina, uma linha perfeitamente reta simplesmente não ocorre na natureza. Criar isso, na verdade, não requer nenhum quadro-chave extra. Vamos entrar no After Effects e conferir isso. Eu criei alguns quadros-chave de posição simples nessa camada Mais uma vez, nada muito especial. Vamos voltar ao início aqui, e você poderá ver esses dois quadros-chave e a linha entre eles, que é chamada de caminho de movimento Por padrão, isso será apenas uma linha reta. Mas se eu pegar minha ferramenta de caneta, posso clicar e arrastar em qualquer um desses quadrados, que na verdade são apenas vértices nesse caminho Então, vamos assistir a essa animação agora. E eu criei uma sensação totalmente diferente. Agora há um arco como parte dessa animação, mas você notará que eu não adicionei nenhum quadro-chave adicional Na verdade, mudei o que é chamado de interpolação espacial entre esses dois mesmos dois valores, mas eu mudei a forma como o After Effects se move entre eles. Na verdade, isso só é possível com a posição. Eu também poderia editar esse segundo quadro-chave. E agora, mais uma vez, criei uma sensação muito diferente apenas editando o próprio caminho de movimento. Para um movimento realmente complexo com vários cantos, é claro, você precisará de vários quadros-chave, mas você pode se surpreender com o que pode realmente fazer apenas editando caminhos de movimento Esse será um exemplo bem extremo, mas se eu puxar essas duas alças tangentes para fora, posso criar um laço bem no meio Agora, isso parece ótimo? Não necessariamente, mas eu só queria ilustrar o fato de que você realmente tem uma enorme flexibilidade aqui se estiver disposto a experimentar 61. Facilite e ajuste de quadros-chave: No início do curso, aprendemos que um quadro-chave é um valor por vez e, quando você cria mais de um valor, After Effects se move entre eles. Acabamos de aprender que, pelo menos quando você está lidando com a posição, você pode alterar a interpolação espacial, ou seja, como o After Effects se move pelo espaço entre esses dois valores Mas também temos a capacidade de alterar a interpolação temporal ou a forma como o After Effects se move entre esses valores no Em termos normais, isso significa que podemos mudar a velocidade desse movimento. Antes de nos afastarmos demais do conceito de caminhos de movimento, quero ressaltar que, quando você olha para isso, cada ponto nessa linha é, na verdade a posição dessa camada em um quadro específico. Se eu aproximar os quadros-chave, haverá menos pontos na linha, pois são necessários menos quadros para percorrer essa distância . Vou simplesmente desfazer isso No momento, cada ponto está uniformemente espaçado porque a camada está percorrendo uma distância consistente a cada quadro Se eu facilitar esses quadros-chave, você verá que os pontos no meio estão um pouco mais espaçados e, em seguida, há um agrupamento Se eu personalizar esses dois quadros-chave, observe o que acontece com os pontos Primeiro, aplicarei uma flexibilização adicional à segunda. E depois para o primeiro. Veja a que distância os pontos estão no meio agora e quão fortemente agrupados eles estão nas extremidades Esse movimento começará e terminará muito lentamente e terá um movimento muito rápido no meio Vamos dar uma olhada no que está acontecendo aqui. Quando você cria quadros-chave, eles são padronizados como lineares Eles têm pequenos ícones em forma de diamante na linha do tempo. Eles se movem entre valores a uma velocidade constante e param de uma forma mecânica abrupta. Sabemos que podemos facilmente facilitar esses quadros-chave, que lhes dá aquela pequena forma de ampulheta e suaviza um pouco suas Mas usando algo chamado editor gráfico, você pode realmente personalizar isso ainda mais e alterar drasticamente a velocidade com que o After Effects se move entre os valores que você definiu Aqui estão os três lado a lado. Eles têm exatamente os mesmos valores de X, então estão se movendo na mesma distância no mesmo período de tempo, junto com alguns gráficos na extrema direita que mostram essa mudança ao longo do Se uma linha horizontal plana não mudar, observando o movimento linear aqui, vemos que é um movimento constante, então seria uma linha reta entre esses dois valores. Já o Easy Ease tem uma pequena curva em S porque é um pouco mais lento no início e no final do movimento No movimento altamente personalizado na parte inferior, observe como o gráfico no início e no final é quase horizontal e , em seguida, tem um ângulo muito mais íngreme no meio, indicando que ele está se movendo muito mais rápido Se você estivesse vendo a localização dessas camadas em cada quadro, muito semelhante ao que acabamos de ver com o caminho do movimento, você veria algo assim. Com o exemplo linear, cada quadro está a uma distância consistente do anterior. Com o Easy Ease, você verá que há um pequeno agrupamento nas extremidades, mas é bastante consistente no meio Mas com esse exemplo altamente personalizado, você verá que ele está muito agrupado nas extremidades e se move tão rápido no meio que alguns desses quadros nem se Mais uma vez, vamos entrar no After Effects e explorar como fazer isso por si mesmo. Aqui temos dois quadrados. Ambos têm sua rotação animada de zero a 90 graus ao longo de exatamente 1 segundo. O quadrado vermelho à esquerda está usando quadros-chave lineares, enquanto o roxo à direita teve o Easy Ease aplicado. Aqui está o que parece. Como você pode ver, eles são bem parecidos, mas o roxo é um pouco mais suave Vamos selecionar a propriedade de rotação para a camada vermelha e, em seguida, abrir nosso editor gráfico clicando neste pequeno ícone gráfico aqui acima da linha do tempo Atualmente, estamos analisando o gráfico de valores, que é uma representação da mudança desse valor ao longo do tempo Então, desde o início das composições, não há mudança, o que significa uma linha horizontal Assim que chegamos ao primeiro quadro-chave, esse é um quadro-chave linear, então ele imediatamente começa a se mover a uma velocidade consistente e muda de zero a 90 graus neste segundo quadro-chave Depois desse ponto, ele não tem valores adicionais para onde se mover, portanto, permanece inalterado Vamos selecionar o quadrado roxo e ver como eles se parecem. Muito semelhante, mas agora há uma leve curva S na mudança porque elas foram atenuadas e, portanto, estão passando de nenhum movimento suave para seu Eles atingirão seu ponto mais rápido aqui no meio e depois diminuirão a velocidade quando pararem. Mas esse editor gráfico não serve apenas para ver isso, você pode realmente editar coisas. Se eu clicar em qualquer um dos quadros-chave, você verá que agora tenho alças que posso manipular Se eu pegar essa alça, agora posso editar livremente a maneira como o After Effects interpreta essa mudança de valor ao longo do tempo Arrastá-lo para a esquerda dessa forma cria uma facilidade muito mais extrema Portanto, nesse caso, esse movimento diminuirá gradualmente até parar. Se eu aplicasse uma flexibilização semelhante no início, agora você pode ver que quase toda a mudança está acontecendo em uma faixa muito estreita no centro, enquanto os pontos inicial e final desse movimento ficarão extremamente próximos de zero pelo maior tempo possível . Aqui está o que parece. E agora você pode ver como isso parece muito diferente do quadrado vermelho Mas lembre-se de que ambos têm os mesmos valores. Na verdade, podemos ver os dois aqui, e você verá que os pontos inicial e final desses movimentos são os mesmos. A única coisa diferente é a maneira como o After Effects se move entre esses valores. Você também pode ver esse gráfico em termos de velocidade, se preferir. Aqui embaixo, na parte inferior, há um pequeno menu que permite que você alterne entre o valor ou o gráfico de velocidade. Olhando para o exemplo linear e a velocidade de sua mudança, desde o início das composições, não há mudança E então, assim que atingimos o primeiro quadro-chave, essa camada agora muda consistentemente exatamente 90 graus por segundo, porque está indo de 0 a 90 ao longo de 1 Assim que atinge o segundo quadro-chave, agora não muda mais, então a velocidade cai imediatamente de volta para zero Se observarmos a velocidade do atenuado, você pode ver que é muito extrema Deixe-me selecionar esses quadros-chave e pressionar F nove para colocá-los de volta no padrão mais fácil, e isso é um pouco mais do que esperaríamos Novamente, nenhuma mudança, acelerando gradualmente até encontrar seu ponto mais rápido Aqui na metade do movimento e depois diminuindo a velocidade até que a velocidade chegue a zero Como antes, você pode selecionar esses pontos e modificar a forma como o After Effects entra e sai desses valores. Quanto mais você arrastar uma dessas alças, mais fácil será No momento, como eu apenas aliviei o segundo quadro-chave, o primeiro permanece ligeiramente atenuado enquanto o segundo tem uma mudança muito gradual Portanto, a parte mais rápida desse movimento está agora um pouco mais cedo. E aqui está o que parece. Eu também poderia ajustar o começo. Agora, como antes, temos um movimento extremamente rápido no meio e, em seguida, entramos e saímos muito graduais. Vamos dar uma olhada em como usar isso para posição. Novamente, aqui tenho duas camadas se movendo na mesma distância durante o mesmo período de tempo, com a superior sendo linear e a inferior sendo de fácil facilidade. É um pouco mais fácil ver a diferença entre eles com a posição. Vamos parar com essa prévia e dar uma olhada no editor gráfico. Você precisa ter uma propriedade selecionada para visualizá-la aqui. Veja como é a versão linear. Você pode ver a mudança gradual do valor X, que é a linha vermelha, enquanto o valor Y não está mudando em nada, então ele permanece completamente horizontal. Selecionando a versão atenuada como antes, você verá que há uma leve curva S no valor X, essa linha vermelha, enquanto o valor Y novamente permanece inalterado Como os valores X e Y da posição estão vinculados, você realmente não pode editá-los diretamente no gráfico de valores. No entanto, você pode alterá-los no gráfico de velocidade. Vamos dar uma olhada no que isso parece. Mudando isso para o gráfico de velocidade, eu tenho a camada roxa, a inferior selecionada agora. E, como esperado, isso se parece muito com o que vimos há um minuto. Não temos nenhum movimento acontecendo e depois acelerando lentamente até atingirmos nosso ponto mais rápido e depois diminuindo a velocidade até pararmos Como antes, podemos editar esses pontos. Então, se eu arrastar a primeira para a direita, novamente, teremos um movimento muito rápido, com a parte mais rápida acontecendo quase três quartos do caminho Vamos apenas desfazer isso. E só para referência, aqui está a linear, que novamente é apenas uma linha horizontal plana em uma velocidade específica. Nesse caso, cerca de 937 pixels por segundo. Como os valores X e Y da posição são unificados como uma propriedade, para ajustá-los no gráfico de valores, você precisa separar as dimensões, como fizemos anteriormente. Se eu clicar com o botão direito na posição da palavra e escolher dimensões separadas, agora X e Y serão tratados como duas propriedades separadas. Voltando ao gráfico de valores, agora posso editar livremente qualquer um deles. Vamos selecionar apenas a posição porque o valor Y, na verdade, não está mudando em nada. Isso foi redefinido para linear quando eu separei as dimensões, então vou pressionar F nove para aliviar esses valores. E, novamente, obtemos aquela curva S sutil. Vamos selecionar esse primeiro quadro-chave e, desta vez, vou arrastar a alça para cima Agora, o que eu criei não é nenhum movimento, mudança extremamente abrupta que se acelerará muito rapidamente e depois parará muito lentamente Sensação completamente diferente. Se eu quiser, eu poderia realmente arrastar o segundo quadro-chave para algo muito semelhante Também vou ajustar um pouco a primeira, mas agora tenho um início extremamente abrupto. No meio, quase vai parar de se mover e, em seguida, um final extremamente abrupto. Para suavizar isso, vou apenas ajustar essas alavancas para manter essas alças perfeitamente horizontais. E agora, mais uma vez, criei uma partida e uma parada muito suaves com um movimento rápido no meio Dominar o editor gráfico exige algum tempo e prática, mas geralmente se resume a estar disposto a experimentar, observar os resultados e continuar ajustando até ficar satisfeito 62. Revisitando a promoção em loop: Eu reabri meu projeto promocional em loop anterior para experimentar algumas dessas técnicas Como lembrete, aqui está a aparência da versão anterior Nada mal, mas definitivamente tem espaço para melhorias, especialmente com essas novas técnicas em mente. Começarei acessando o painel do meu projeto e pressionando Control ou Command D para duplicar as composições existentes Vou renomear isso para promoção em loop refinado e depois me certificar de abrir essas Vou prosseguir e fechar o original. Vamos usar isso como referência. Não estou planejando mudar nada nessa textura em loop, então eu já bloqueei essa camada, mas vou selecionar as outras e pressionar você para revelar esses Acho que temos boas oportunidades aqui para adicionar algumas exceções, alguma expectativa, modificar alguns caminhos de movimento e fazer alguns ajustes no Vamos começar focando na animação recebida, então vou trazer minha CTI até aqui e pressionar para cortar essa área de trabalho, de modo que nos concentremos apenas nesta Vou adicionar um pouco de exagero a cada uma dessas palavras recebidas Vou pegar dez quadros e copiar e colar o quadro-chave anterior, até mais cinco, copiar e colar aquele, até mais cinco, copiar e colar aquele E então, em cada um deles, vou dar um empurrão enquanto pressiono a tecla Shift Então essa camada veio da esquerda, então vou empurrá-la para a direita para que ela ultrapasse um pouco Essa camada vem da direita, movendo-se para a esquerda, então vou empurrá-la para a esquerda E essas camadas vêm de baixo, então vou dar um bom empurrão para cima Vamos ver o que isso faz por nós. Sim, adiciona um pouco de energia. Eu apostaria que nosso planeta poderia usar um pouco disso. Então, vamos subir novamente dez quadros, copiar e colar esses dois quadros-chave Use J para voltar aos quadros-chave anteriores. Vamos configurar nossa escala um pouco para cerca de 105 e reduzir nossa rotação um pouco acima de zero. Então, em ambos os casos, vamos ultrapassar um pouco o valor e depois voltar à nossa aterrissagem. Ok, nada mal. Ok, vamos ajustar um pouco essas curvas. Acho que esses valores para nosso ícone de Júpiter serão um bom ponto de partida Vou selecionar alguns antes de abrir o editor gráfico e, dessa forma, eles já estarão selecionados quando eu fizer a transição para lá. Abrindo isso, você pode ver que atualmente estou vendo o gráfico de valores, e essas duas cores de linha correspondem às propriedades aqui. Eu já tenho esses segundos quadros-chave selecionados. Você pode ver que esses são quadrados cheios em vez dos quadrados abertos Então, eu poderia arrastar um pouco essas alças tangentes. Estou segurando a tecla Shift para mantê-los na horizontal agora, e eu poderia fazer os dois , se eu quiser. Você também pode selecionar quadros-chave diretamente aqui. Se eu quisesse puxá-los com muita força, eu poderia. Acho que, na verdade, vou recuar um pouco. E vamos ver como é isso. Acho que poderia ser um pouco mais rápido. Então, vamos selecionar esses dois primeiros quadros-chave e talvez eu os empurre um pouco para a direita para tornar esse movimento um pouco mais rápido. Sim, acho que é muito bom. Agora, lembre-se de que não consigo ajustar posição aqui no gráfico de valores, mas vamos selecionar a propriedade de posição para todas essas três camadas, e isso é meio difícil de ver, de qualquer forma. Mas se eu mudar isso para o gráfico de velocidade, faz um pouco mais de sentido. Podemos ver as mudanças em todas essas três camadas. Alguns deles estão se movendo mais do que outros, então eles estão se movendo um pouco mais rápido. Eu acho que seria complicado selecioná-los porque eles estão deslocados no tempo Portanto, é nesse momento que faz muito mais sentido selecionar seus quadros-chave na visualização normal da linha do tempo Vou apenas selecionar esse quadro-chave, segurar Shift, selecionar esse quadro-chave e ainda segurar Shift, selecionar aquele ali mesmo, e agora todos serão selecionados quando eu for para o Editor de gráficos Novamente, você pode ver esses quadros-chave sendo destacados ali mesmo, e eu poderia simplesmente puxar todos eles um pouco para a esquerda, novamente, segurando a tecla Shift Sim, eu não acho que eles precisaram de um grande ajuste. Isso só lhes deu um pouco mais de facilidade na entrada e também os ajudou a pousar um pouco mais Você nem sempre precisa enlouquecer com isso. Muitas vezes, apenas um pequeno ajuste faz uma grande diferença. Ok, eu me sinto muito bem com isso. Vamos fechar isso. Na verdade, posso simplesmente arrastar minha área de trabalho até a metade de trás da nossa animação e talvez trazer esse ponto de partida um pouco para que possamos nos concentrar na animação de saída Vamos nos lembrar de como isso se parece . Ok, não é tão ruim. Acho que nosso planeta pode ser um bom candidato para mudar um pouco a trajetória de movimento. Nessa animação, a maioria das coisas está se movendo em linhas bastante retas, que é bom porque é texto e não precisa parecer tão orgânico. Acho que se nos deixássemos levar por grandes caminhos de movimento curvilíneos isso poderia parecer um pouco tolo Mas para este planeta, acho que seria bom ter um pequeno arco aqui. Há algumas opções diferentes. Na verdade, podemos alterar o caminho do movimento diretamente aqui no visualizador arrastando o outro quadro-chave. Vou simplesmente desfazer isso Ou, como mostrei anteriormente, posso selecionar minha ferramenta de caneta e arrastar em qualquer um desses quadros-chave para criar uma alça tangente que me permita ajustar Acho que vou criar um pequeno arco lá, pressionar V para voltar à minha ferramenta de seleção e, na verdade, arrastá-lo para baixo com apenas um toque, talvez ajustar a alça novamente para cima. Como eu continuo dizendo, muito disso é meio que experimentar, observar e ajustar. Eu gosto disso. É sutil, mas dá sensação um pouco diferente oposição ao planeta movendo em linha reta horizontalmente Acho que poderíamos adicionar um pouco de expectativa a esses movimentos de texto A partir desses quadros-chave, talvez recuemos seis quadros, talvez oito Na verdade, posso selecionar todos os três e copiar, colar, e ele colará os valores apropriados para cada camada, pressionará K para voltar para cima e, novamente, darei um pequeno empurrão em cada um deles para dar um pouco de expectativa antes dessa mudança Vamos ver como isso se sente. Opa. Eu fui na direção errada em Júpiter Vamos corrigir isso e, em vez disso, empurrar para a esquerda. Veja, até os profissionais também cometem erros. Isso não é tão ruim. Talvez possamos reduzir um pouco esses quadros-chave E como ainda os tenho selecionados, vou abrir meu editor gráfico e arrastá-los um pouco para fora. Vamos ver como isso se sente. Eu gosto disso. Isso lhes dá um início mais lento e , em seguida, eles realmente ganham impulso Ao ver isso, estou percebendo o quanto mais devagar dois estão se Então, vamos fechar isso e talvez pegar o segundo quadro-chave de dois e abordá-lo um pouco mais cedo Então, ele está se movendo um pouco mais perto da mesma velocidade das outras camadas. Embora isso me faça querer compensá-los um pouco, apenas como um experimento Então, pressionarei Alt ou Option e pressionarei minha tecla de seta algumas vezes. Selecione-os. Mamãe. Com toda a expectativa, isso parece um pouco exagerado, então vou desfazer isso Mas nunca é demais tentar, certo? Com isso em mente, acho que pode fazer sentido esses outros quadros-chave alinhar esses outros quadros-chave com seus amigos aqui Talvez copie e cole, pressione K para pular para cima, dê um pequeno empurrão em Saga to Star Lines e talvez use as teclas de seta sem mudanças em nosso planeta para dar um pouco de expectativa aqui Vou pressionar para cima e para a direita, para cima e para a direita, cima e para a direita, apenas para empurrá-lo um pouco nessa direção longe de onde está prestes a se mover Sim, não é tão ruim. muitos quadros-chave de posição aqui. Vou selecioná-los novamente. Olhando para este gráfico, acho que ele pode realmente desmarcar todas as minhas camadas de texto em vermelho, então pressionarei a tecla Control e clicarei na posição de cada uma delas Mas eu ainda tenho as linhas Saget of Sar e meu planeta selecionado, e vou trazê-las um pouco Isso deve estar muito alinhado com os outros. Sim. Tudo bem, eu acho que é muito bom Então, vou fechar isso, pressionar home, B para expandir minha área de trabalho e vamos assistir a coisa toda. E só como um lembrete, aqui está a aparência do original Obviamente, este é um exemplo bastante simples, e se eu tivesse feito um layout ligeiramente diferente ou mudado a direção em que qualquer um deles estava se movendo, isso poderia ter tido um grande impacto na maneira como acabei ajustando-os A coisa mais importante que eu quero que você aprenda desta lição é começar a desenvolver seus olhos para ver esses diferentes tipos de movimento e pensar na maneira como diferentes elementos devem se mover em diferentes contextos Isso ajudará a guiá-lo pelos grupos reais que você precisa fazer, e a coisa mais importante a lembrar é que você realmente não consegue quebrar nada Você sempre pode desfazer. Você sempre pode criar uma cópia do seu trabalho Você pode até mesmo salvar um projeto totalmente separado. Por favor, não tenha medo de entrar aqui e experimentar, suje um pouco as mãos porque a melhor maneira de aprender essas coisas é praticando. 63. Projeto do curso 07 - Promoção refinada: Ei, mais uma vez, nosso diretor criativo perguntou se você pode revisitar aquela promoção em loop que você Eles realmente gostaram do que você fez, mas acham que você pode ir um pouco mais longe e, felizmente, você acabou de aprender como. Então, o que pedimos que você faça é reabrir seu projeto promocional em loop anterior que você já fez Se você decidir atualizar o design, tudo bem, mas você pode absolutamente usar o que você já criou. Eu certamente recomendo que você faça uma cópia de sua composição original para que você possa sempre vê-la como uma referência ou até mesmo começar de novo se você realmente estragar as coisas Tente incorporar alguma atenuação personalizada, entre no editor gráfico, experimente, modifique alguns caminhos de movimento onde achar apropriado, tente adicionar um modifique alguns caminhos de movimento onde achar apropriado, pouco de excesso, alguma expectativa, novamente, onde achar Eu realmente adoraria que você tentasse fazer pelo menos um de cada um deles, se puder, mas somente se achar apropriado para o seu projeto. Não force isso. E, claro, às vezes o objetivo é apenas fazer com que pareça mais bonito. Mas se você puder, tente pensar no que esse movimento refinado diz sobre esses elementos e seu projeto como um todo Como isso representa seu cliente ou seu destino? Como lembrete, aqui está a aparência do meu exemplo em comparação com as versões anteriores E, é claro, para resultados finais, pedimos que você exporte sua animação como um arquivo MP4, envie seu vídeo exportado para um site de hospedagem de vídeos como Vimeo, YouTube, Behance ou similar e, é claro, compartilhe esse link conosco em seus projetos de compartilhe esse link conosco em classe Mais uma vez, não envie a partir de sites de armazenamento em nuvem. E, claro, compartilhe isso nas redes sociais. Acho que este em particular seria ótimo para talvez até mesmo postar sua versão original e sua versão atualizada. E você pode falar sobre o quanto você aprendeu e a diferença que isso faz no seu trabalho. É muito fácil ver todo o trabalho nas mídias sociais e se comparar a isso, mas acho que uma medida muito melhor de seu próprio progresso é relembrar seu trabalho anterior e ver o quanto você melhorou, mesmo em nosso curto período juntos. Então, boa sorte. Divirta-se com isso. Mais uma vez, suje um pouco as mãos e mal posso esperar para ver o que você faz. 64. Animando com a ferramenta Marionete: Anteriormente, vimos esse exemplo ilustrado de braço e, se você quiser animar um personagem construído dessa forma, é claro que existem algumas abordagens diferentes que você pode Esta obra de arte em particular foi preparada adequadamente, então separamos as peças e cada uma tem uma quantidade adequada de sobreposição Para animação, podemos pensar nisso como uma boneca de papel, qual conectamos cada uma das camadas usando a paternidade, certificando-nos de que seus pontos de ancoragem estão no lugar certo e, em seguida, criamos quadros-chave de rotação para animar Vou desfazer isso e vamos configurá-lo rapidamente. Gostaríamos que a mão estivesse voltada para o antebraço e o antebraço estivesse voltado para o bíceps Queremos ter certeza de que os pontos de ancoragem estão definidos corretamente, então pressionarei Y para que o ponto de ancoragem selecione meu bíceps e, em seguida, moveremos esse ponto de ancoragem Selecionaremos o antebraço e o moveremos provavelmente para o interior do cotovelo aqui, depois selecionaremos a mão e moveremos esse ponto de ancoragem para onde o pulso Vamos voltar para a ferramenta de seleção pressionando V. Em seguida, selecionarei todas as minhas camadas e pressionarei R para expor as propriedades de rotação E você pode sentar aqui e animar cada uma dessas rotações individualmente. Ou, se você estiver procurando por uma abordagem um pouco mais intuitiva, há uma ferramenta de rotação que você pode usar para clicar e arrastá-las para cima no visualizador. Na barra de ferramentas, vamos encontrar essa pequena seta arredondada que é sua ferramenta de rotação, que você também pode obter pressionando W para girar, eu Com essa ferramenta de rotação, basta clicar e arrastar as camadas em seu visualizador para girá-las. A partir daqui, você pode simplesmente criar quadros-chave e animá-los como quiser Obviamente, nem toda obra de arte pode ser preparada dessa maneira e, às vezes, você deseja uma sensação mais orgânica um pouco menos rígida. É aí que entra a Ferramenta Puppet. Então, vamos dar uma olhada em como isso funciona. A ferramenta Puppet permite criar uma malha de distorção em uma camada e funciona de forma muito semelhante às ferramentas Puppet ou Puppet Warp que você encontrará no você encontrará Claro, sendo o After Effects, podemos animá-los Para usar a Ferramenta Puppet, você chegará ao lado direito da barra de ferramentas e encontrará esse pequeno ícone de alfinete Você pode clicar nele para criar os pinos de posição padrão ou clicar longamente para ver uma lista de outros tipos de pinos, que abordarei nos próximos minutos. Você também pode pressionar Control ou Command P para selecionar essa ferramenta sem acessar a barra de ferramentas Depois de selecionar a ferramenta, basta clicar na sua camada para criar pinos nos locais onde você gostaria que eles estivessem Quando os pinos existirem, você pode clicar e arrastar em um deles para começar a distorcer sua camada Vamos fazer uma animação rápida. Vou pressionar U para expor os quadros-chave, que são criados quando você cria os pinos no quadro em que seu CTI estava quando Para este exemplo, vou avançar um pouco no tempo, pegar essa do meio e trazê-la para baixo, e depois subir até aqui. Como qualquer outro quadro-chave, posso copiar e colar o primeiro Vou pressionar N para cortar minha área de trabalho e criar um pequeno loop rápido. Fácil o suficiente, certo? E mesmo com esse exemplo muito básico, espero que você já possa ver algumas possibilidades muito legais Vamos voltar para a página inicial e excluir esses quadros-chave extras para ver mais de perto o que está acontecendo Você deve ter notado que isso parece um pouco grosso aqui no topo, onde eu mais dobrei isso Para entender e corrigir isso, precisaremos dar uma olhada na malha. Aqui nesta área contextual da barra de ferramentas, atualmente temos algumas propriedades adicionais de marionete, como essa caixa de seleção, que permite que você veja a malha que foi criada Basicamente, essa ferramenta cria um monte de triângulos e, em seguida, permite que você os estique Portanto, os cantos, porque na verdade são os cantos onde esses triângulos se encontram Se você quiser suavizar isso, há uma configuração de densidade aqui onde você pode aumentar isso para criar mais triângulos e, portanto, uma distorção mais suave Ou se você quiser que isso pareça realmente robusto e primitivo, você pode diminuir tudo isso e criar uma distorção de fidelidade muito baixa, que pode ser você pode diminuir tudo isso e criar uma distorção de fidelidade muito baixa, o que pode ser interessante para certos looks. Vou apenas reinicializar isso. Também temos uma propriedade de expansão que permite empurrar a malha ainda mais para fora. Isso é especialmente útil se você descobrir que um pedacinho fica para trás quando você começa a mover os pinos Mas, às vezes, expandir um pouco isso em combinação com a densidade também pode ajudar a suavizar as coisas. Olhando aqui na linha do tempo, podemos ver que cada um desses pinos tem sua própria propriedade de posição Quando tenho mais de um quadro-chave em qualquer um deles, na verdade obtemos um caminho de movimento visível Embora, infelizmente, esses caminhos de movimento não sejam diretamente editáveis da mesma forma que os padrões. Existem maneiras de vinculá-las a outras camadas quando você precisar, mas isso é um pouco mais avançado. Às vezes, você descobrirá que esses pinos de posição básicos simplesmente não funcionam. Mesmo depois de ajustar a densidade, às vezes elas podem ficar um pouco apertadas ou muito grossas. Quando você precisar de um melhor controle sobre a forma como essa camada está sendo distorcida, é aí que queremos explorar os outros tipos de pinos Vimos que temos outros tipos de pinos disponíveis nesse menu da barra de ferramentas, mas você também pode alterar os pinos existentes na linha do tempo Vamos fechar essa camada e depois abri-la totalmente para ver com o que estamos trabalhando Quando você cria alfinetes de marionete em uma camada, na verdade, ele cria um efeito chamado Marionete, que você verá que tem algumas opções Dentro dela está algo chamado malha 1 com as propriedades de densidade e expansão que ajustamos acima, e dentro dela está um grupo chamado deforma, que contém cada um dos pinos que criamos Cada um desses pinos tem uma propriedade de posição que é ajustável ou animada Você verá que cada pino também tem esse pequeno menu suspenso, que você pode usar para alterar o tipo de pino depois de já ter sido criado. Digamos que eu quisesse mudar o pino central da posição para a curva. Isso agora remove a propriedade de posição e, em vez disso, me dá escala e rotação. Então, se eu movesse um dos outros pinos na extremidade, aquele pino central meio que aparece para o passeio, em vez de ficar preso no lugar , como antes Mas está criando um tipo diferente de curva no meio agora. Você pode alterar a escala e a rotação aqui embaixo. Ajustar a rotação já nos dá um efeito bastante interessante, que é um pouco diferente do que os pinos de posição estavam Ou mudar a escala cria uma espécie de efeito de enrugamento e inchaço, que pode ser usado para uma distorção divertida de desenho animado Uma das minhas formas favoritas de usar isso é criar uma escala sutil e lenta para cima e para baixo, que é uma ótima maneira de fazer com que o torso de um personagem pareça estar respirando Digamos que eu gostaria que o pino 1 tivesse essas propriedades de escala e rotação, mas não perdesse a posição. É quando você quer o pino avançado. Você verá que isso tem todas as três propriedades e notará no visualizador que elas também são codificadas por cores, amarelo para posição, marrom para curvatura e verde para avançado Você também pode controlar cada um deles diretamente no visualizador. Pegue o pino para se mover pela posição, clique e arraste nesta pequena caixa para aumentar ou diminuir, ou quando você passar o mouse no lugar certo, você verá aquela pequena seta redonda para rotação E, é claro, todas essas propriedades podem ser estruturadas por chave tanto ou tão pouco quanto você quiser Vamos voltar ao nosso ponto de partida. Às vezes, você descobrirá que precisa de níveis adicionais de controle em locais específicos da malha. Digamos que esse fosse o antebraço de um personagem e você não queria que ele se curvasse tanto no meio porque provavelmente deveria ter ossos, ou talvez você encontre um lugar que esteja se comprimindo estranhamente e queira dar mais fidelidade a esse ponto da malha É aqui que entram os pinos de amido. Você pode usar esse menu suspenso da linha do tempo para definir um pino existente como um alfinete de amido, mas geralmente acho que é melhor descobrir os locais onde você precisa deles e depois criá-los nesses locais Então, vou voltar à minha barra de ferramentas, clicar longamente e selecionar a ferramenta Puppet Starch Pin Se você estiver fazendo isso em algo como o braço de um personagem, geralmente faz sentido criar esse pino bem próximo aos outros pinos existentes, meio que dentro deles. Observe que isso está, na verdade, criando pontos com uma malha muito mais densa E embora esses segmentos internos não permaneçam perfeitamente retos, verdade estão restringindo toda essa curvatura nas áreas específicas que escolhemos. Bom, certo? Ok, vamos desfazer novamente, de volta ao nosso ponto de partida. E vou dobrar rapidamente essa coisa em forma de pretzel para que as pontas se sobreponham Muitas vezes você se depara com algo assim, em que talvez mão de um personagem acabe ficando atrás do corpo, mas obviamente você gostaria que estivesse na frente. No menu Puppet Tool, na barra de ferramentas, a opção inferior é o pino de sobreposição Isso permite criar pontos de sobreposição específicos e controlar o que está no topo em qualquer ponto específico da malha Isso pode ser um pouco confuso porque você precisa criar esses pontos no layout original da camada, não no resultado distorcido que você pode Então, se eu quiser que essa ponta da seta fique no topo, preciso criar esse pino de sobreposição aqui onde estava a camada original Vou criar um alfinete aqui, mas muitas vezes você pode descobrir que ele não muda nada imediatamente. Mas eu posso mover isso e começar a encontrar pontos onde ele meio que ilumina áreas da malha como esta. Na verdade, sou eu encontrando as interseções desses pequenos triângulos que compõem a malha, que é o que isso está procurando Vou encontrar um ponto meio que bem no meio aqui, e você verá que estou criando uma sobreposição, mas não o suficiente , certo? Sua inclinação pode ser começar a criar vários desses pinos, mas na verdade você não precisa fazer isso Se você pesquisar novamente na barra de ferramentas ou também puder fazer isso na linha do tempo abrindo as propriedades de sobreposição, você terá uma propriedade de extensão, que permite ainda mais e ocupar cada vez mais ampliá-la ainda mais e ocupar cada vez mais a malha até criar sobreposição suficiente para fazer o que você precisa fazer Agora, se eu mexer a ponta da seta, provavelmente encontraria um ponto onde essa expansão não fosse suficiente para cobrir tudo Então, você meio que precisará descobrir quanto disso você realmente precisa em comparação com o movimento que está fazendo com os outros pinos e ajustá-lo adequadamente Ok, vou desfazer tudo isso novamente uma última vez e voltar para minha ferramenta de seleção Como indiquei anteriormente, essas propriedades são quadros-chave por padrão quando você as cria. Obviamente, você pode alterar esses valores padrão ou excluir esses quadros-chave se não quiser que essa caneta em particular seja animada Mas tudo o que você precisa fazer é passar no tempo e fazer ajustes, e eles criarão novos quadros-chave para você Obviamente, ter vários desses pinos em uma única camada pode ser difícil de controlar, e tentar criar uma animação com aparência orgânica às vezes pode ser um desafio Então, eles nos deram outra maneira de animar esses pinos. Isso só funciona na propriedade de posição dos pinos de posição ou avançados, mas pressiono Control ou Command no Mac enquanto arrasto isso e, na verdade, ele registrará meus movimentos Veja isso. Vamos fazer isso pelo outro lado também. E vamos dar uma pequena oscilação no meio aqui. Ok, vamos desmarcar essa camada e ver isso de volta. Muito selvagem, certo? Olha, isso ainda precisa de alguns ajustes? Absolutamente. Mas , pela primeira vez, consegui realmente dar uma boa olhada apenas alguns pontos que precisam de atenção individual, e todos eles são apenas quadros-chave, então ainda posso fazer os ajustes necessários Vamos dar uma olhada rápida em algumas dessas técnicas em um exemplo mais realista. Aqui está aquele braço de antes em um fundo transparente. Acho que provavelmente podemos fazer isso apenas com pinos de posição para este, então vou pegar aquela ferramenta de pino de posição Vamos tentar três pinos no pulso, no cotovelo e perto Às vezes, você pode precisar experimentar alguns lugares até encontrar os lugares certos. Agora eu posso simplesmente arrastar esse pino de pulso. Você quer ter certeza de que está mantendo aproximadamente a mesma distância do outro pino. Se você chegar muito perto ou muito longe, é aí que ele começa a ficar apertado ou muito elástico Mas acho que isso parece muito bom. Talvez esteja um pouco mole no bíceps aqui. Então, eu poderia tentar adicionar alguns pinos de amido. E depois ajuste o pino do pulso novamente. Talvez não seja uma grande diferença neste exemplo, mas acho que isso firmou um pouco as coisas E, honestamente, isso está se sentindo muito bem. Então, vamos tentar animar isso. Vou segurar Control ou Command no Mac e fazer um simples aceno aqui. E vamos assistir isso de volta. Você sabe, nada mal. Definitivamente, alguns pontos que eu gostaria de suavizar, mas na primeira vez, eu vou aproveitá-los. E como esse é um efeito contido na própria camada, ainda posso animar a camada da maneira tradicional. Porém, vou salientar que você provavelmente quer fazer seu trabalho com marionetes antes de fazer essa parte, só porque fica um pouco confuso Então, pressionarei Y para pegar minha ferramenta de ponto de ancoragem e movê-la aqui pelo ombro onde ela normalmente se conectaria ao corpo Pressione W para obter minha ferramenta de rotação, e vou detalhar alguns quadros-chave rápidos aqui Easy Ease, aqueles e pré-visualização. Você sabe, nada mal. Uma observação final sobre o Puppet Tool é quando você está encontrando ou criando arte, se você planeja usar essas técnicas, precisa pensar em como elas funcionam Então eu tenho esse personagem aqui que eu baixei de um site de ações, e geralmente, você provavelmente colocaria, digamos, um alfinete na cabeça, no pescoço, no meio do tronco, ombros, cotovelos, pulsos, talvez um na cintura ou nos quadris, talvez um aqui na parte superior de cada coxa, nos aqui que eu baixei de um site de ações, e geralmente, você provavelmente colocaria, digamos, um alfinete na cabeça, no pescoço, no meio do tronco, ombros, cotovelos, pulsos, talvez um na cintura ou nos quadris, talvez um aqui na parte superior de cada coxa, nos joelhos e nos pés. Essa não será a solução para todos os personagens, mas geralmente é um bom lugar para começar. No entanto, haverá um problema aqui. Essa mão funciona muito bem, mas olha o que acontece se eu pegar esse cotovelo E, por outro lado, não tem nenhuma usabilidade. Portanto, este é um caso em que, mesmo com o Puppet Tool, eu ainda precisaria passar algum tempo preparando adequadamente a arte para poder mover certas peças sem mexer com Aqui está um exemplo um pouco mais sofisticado de um personagem de corpo inteiro Como você pode ver, usando uma combinação de técnicas como essa, você pode encontrar um bom equilíbrio entre uma sensação orgânica e manter o controle desejado. Obviamente, o Puppet Tool é ótimo para animações de personagens, desde que sua arte permita, mas não se esqueça de que você também pode usá-lo como uma forma de distorcer imagens ou vídeos, adicionar uma sensação de borracha a uma camada de texto à medida que ela se move ou qualquer outra coisa Como sempre, não tenha medo de entrar aqui e explorar. 65. Projeto do curso 08 - animação de marionete: É aquela vez, novamente, em que eu faço você fazer coisas, quase como se eu fosse um mestre de marionetes ou algo assim Mas esses são apenas projetos de classe, e você adora fazê-los. Então eu não tenho que te obrigar a fazer nada, certo? Ok, então caminhadas espaciais. Eles são uma ótima maneira de passar o tempo na longa viagem até o destino. Então, adoraríamos que você criasse uma pequena animação para mostrar o quanto isso pode ser divertido Em termos de requisitos, este será bastante aberto, tamanho de composição e taxa de quadros . Isso vai depender de você. E a duração também depende de você, mas eu diria que provavelmente cerca de 5 segundos ou mais. Estamos procurando uma curta animação com um personagem. Incluímos esse pequeno astronauta aqui, mas você pode, é claro, encontrar ou criar o seu próprio, encontrar ou criar o seu próprio, e esse personagem deve ser animado principalmente usando a Ferramenta Puppet Agora, exatamente o que isso significa pode depender um pouco do que é sua arte. Talvez você tenha encontrado uma foto realista ou talvez tenha desenhado um alienígena com vários tentáculos Eles serão animados de forma muito diferente e provavelmente aproveitarão os diferentes recursos da Ferramenta Puppet Portanto, não tenha medo de explorar, experimentar coisas e sinta-se à vontade para consultar essa lição se precisar de uma atualização sobre algum dos detalhes Sua animação deve usar algum tipo de imagem ou vídeo como plano de fundo. Fornecemos um plano de fundo espacial ou, é claro, você também pode usar uma lição anterior. Temos muitas opções lá ou, mais uma vez, você pode encontrar seus próprios elementos ou criar. Também gostaríamos que você encontrasse uma maneira criativa de incorporar alguns elementos de marca ou seu destino ou tudo isso, é claro Como lembrete, aqui está o que eu criei, um pequeno olá de astronauta E quanto aos resultados, todos sabem disso, mas certifique-se de exportar sua animação como um MP quatro usando a predefinição que vimos anteriormente Carregue seu vídeo exportado para um site de hospedagem de vídeo e compartilhe esse link conosco neste site Como sempre, não use nenhum link de armazenamento em nuvem. Esses simplesmente não funcionam. E, claro, compartilhe isso nas redes sociais. A animação de personagens é sempre muito divertida. As pessoas adoram ver isso, especialmente se for um personagem que você mesmo criou ou encontrou alguma obra de arte interessante para dar vida. É ótimo compartilhar o que você está fazendo, manter outras pessoas informadas sobre seu progresso e ficar à vontade para perguntar às pessoas o que elas acham. Esse feedback realmente ajuda você a crescer. Então, divirta-se com este. Acho que esse será um projeto muito divertido e mal posso esperar para ver o que você fará. 66. O que é composição?: Até agora, nos concentramos principalmente no lado gráfico em movimento do After Effects, mas há um outro lado que, na verdade, apenas sugerimos até agora, a composição Já usei esse termo algumas vezes antes, mas vamos falar um pouco sobre o que isso realmente significa nesse contexto. Composição se refere à combinação vários elementos para fazer parecer que eles pertencem ao mesmo espaço, geralmente como uma forma de criar algo que ou talvez não possa existir na vida real Se o objetivo é criar algo que pareça realista, se for bem feito, os espectadores talvez nem percebam que alguma coisa foi feita. Obviamente, você também pode exagerar intencionalmente esses elementos para obter uma sensação mais surreal ou fantástica surreal ou fantástica É claro que filmes e programas de TV fazem isso há décadas, colocando personagens em ambientes nos quais os atores não estavam realmente. Pode ser mais acessível ou mais conveniente do ponto de vista logístico, e é assim que Hollywood coloca seus atores favoritos em outros planetas, dá a eles superpoderes e cria cenas empolgantes que seriam difíceis ou impossíveis Fazer uma composição confiável com fotos já exige um pouco de experiência, mas fazer isso com vídeo em movimento adiciona um nível fotos já exige um pouco de experiência, mas fazer isso com vídeo em movimento adiciona extra de complexidade Obviamente, eles variam de acordo com o que você está tentando fazer. Mas, de um modo geral, temos três fases principais para pensar em extrair ou recortar o assunto Já praticamos algumas técnicas usando mascaramento, tapetes de trilha e modos de mesclagem, e todas elas funcionam bem para elementos fixos ou arquivos de vídeo feitos especificamente para serem usados dessa feitos especificamente para serem Mas se você estiver tentando cortar um objeto em movimento em um videoclipe, talvez precisemos examinar algumas novas técnicas. O rastreamento geralmente é necessário quando um objeto está se movendo em uma foto ou quando a câmera está se movendo ou ambos. Ser capaz de extrair esses dados posicionais nos permite criar uma composição confiável sem que todos os elementos deslizem Finalmente, combinamos ou integramos esses elementos usando técnicas de composição Modos de mesclagem, correção de cores e efeitos geralmente são componentes importantes fazer com que tudo pareça verossímil ter sucesso com essas técnicas No entanto, ter sucesso com essas técnicas não se trata apenas de um trabalho pós-efetivo adequadas de planejamento e filmagem Técnicas adequadas de planejamento e filmagem costumam ser um componente importante, e isso está muito além do escopo deste curso. Mas darei algumas dicas para ajudá-lo a encontrar clipes que funcionem, ou se você estiver envolvido em uma filmagem que usa essas técnicas para ajudá-lo a detectar esses possíveis problemas antes que eles entrem na pós-produção, porque é aí que o problema se torna seu 67. Adicione texto atrás de um elemento de vídeo: Isolar um elemento em um vídeo permite que você explore novas opções criativas, como adicionar gráficos sem obstruir o assunto ou talvez colocá-lo em uma cena completamente diferente Existem diferentes técnicas que você pode usar para fazer isso, e começaremos cortando as coisas como faríamos no Photoshop Mas é claro que isso é um vídeo. Então, isso significa cortar a coisa com o tempo. Muitas vezes ouço essa técnica ser chamada de rotoscopia e, até recentemente, significava um trabalho de recorte totalmente manual quadro a quadro, o que, sim, é tão demorado e tedioso quanto parece significava um trabalho de recorte totalmente manual quadro a quadro, o que, sim, é tão demorado e tedioso quanto demorado e tedioso Às vezes, você ainda precisará fazer isso para limpar, mas, felizmente, avanços recentes na tecnologia transformaram esse tipo de recorte de vídeo de uma perda de tempo para, às vezes, apenas um único às vezes Essas ferramentas de recorte automatizado se tornaram bastante comuns e você as encontrará em aplicativos de edição de vídeo como o Premiere, e elas são adequadas para muitas tarefas, mas quando você precisa realmente refinar esse recorte, isso é um trabalho para realmente refinar esse recorte, isso é um trabalho Quero ressaltar que o clipe que estou usando para minha demonstração está disponível no Adobe Stock, mas não é gratuito no momento da gravação. Eu forneci algumas outras opções para o próximo projeto de aula, mas não achei que funcionassem tão bem para um exemplo de ensino. Você pode baixar visualizações com marca d'água gratuitamente, mas elas não são realmente adequadas para esse tipo de trabalho porque têm resolução muito menor e não fornecem às ferramentas informações suficientes para trabalhar Você pode ver pelo nome do arquivo que estou usando apenas a versão HD deste clipe Há um de quatro K disponível, e eu só quero ressaltar isso porque se você tem a capacidade de ter um clipe de maior resolução, isso significa mais pixels, que significa mais informações, que significa que você terá um recorte melhor Portanto, desde que sua máquina possa lidar com isso, você sempre deve usar a versão de alta resolução do clipe, se puder. Estou usando este apenas para me mover um pouco mais rápido porque é apenas uma demonstração e não preciso que seja perfeito. Você pode ver que eu já coloquei isso em uma composição, mas quero ressaltar que usei esse clipe para criar essa nova composição apenas arrastando-a até aqui ou pressionando o botão que geralmente fica no meio da tela Ao clicar nessa composição, você pode ver que ela tem as mesmas informações aqui, o mesmo tamanho de quadro, a mesma taxa de quadros. E isso é importante porque as ferramentas estamos prestes a mostrar exigem que seu clipe esteja em uma composição com exatamente as mesmas configurações. Você sempre pode colocar essa composição em outra com configurações diferentes. Isso é bom. Mas para que isso funcione, ele precisa estar no contêiner certo. Olhando para a linha do tempo, você pode ver que eu já cortei esse clipe e a área de trabalho em uma parte específica do Isso é tudo o que eu sinto que preciso para o que estou fazendo. E não há razão para perder tempo cortando tudo se você não precisar. Então, vou clicar em Network Area e escolher Trim Comp to Work area para que possamos trabalhar apenas com esse segmento Agora, para realmente cortar isso, eu realmente preciso clicar duas vezes nesse clipe, e ele vai abri-lo no que é chamado de visualizador de camadas aqui em cima. A maioria de vocês deveria ter isso aberto ao lado do visualizador de composição em seu espaço de trabalho, mas eu só quero ressaltar isso caso isso não aconteça Isso pode ser aberto diretamente na parte superior do visualizador de composição. E se for esse o caso, você só precisa se certificar de prestar atenção em qual deles você está. Observe que o visualizador de camadas tem parte desse conteúdo extra na parte inferior, que será sua oferta E se você estiver trabalhando com outras camadas em sua composição, você não as verá aqui no visualizador de camadas porque, como o nome indica, se preocupam apenas com essa camada. Vou colocar isso de volta aqui só para deixar claro qual é qual, mas vou ajustar isso para que possamos nos concentrar naquele em que estamos realmente trabalhando. as ferramentas que vamos usar Todas as ferramentas que vamos usar estão aqui na barra de ferramentas Como acontece com muitos deles, um clique longo abrirá todas as opções que existem aqui. Vamos começar do topo e ir descendo, então vou escolher o Object Mat. E esse é bem fácil. Tudo o que preciso fazer é rolar meu clipe e ele começa a procurar objetos que acha que são o que eu quero recortar. Tudo o que preciso fazer é clicar nele e você verá que ele forma um contorno rosa ao redor dessa forma Isso significa que o After Effects está analisando esse objeto e vai acabar com isso para mim. Parte do motivo pelo qual escolhi esse clipe é porque ele cria uma oportunidade para usarmos as outras ferramentas. Você verá que isso realmente fez um trabalho muito bom ao encontrar a pessoa, mas deixou de fora um pouco de sua mochila Ficou confuso e pensei que talvez isso fosse parte do plano de fundo. Agora, se eu seguir em frente, isso realmente vai fazer um trabalho muito bom em continuar rastreando esse objeto, essa pessoa, ao longo do tempo. Mas antes de fazer isso, quero ter certeza de pegar esses outros pixels aqui para que Aftereffects saiba tudo o que estou procurando E isso vai me levar de volta à barra de ferramentas, pressione e segure novamente e escolha Ferramenta de seleção rápida. Se você usa o After Effects em versões mais antigas, a ferramenta de Seleção Rápida é conhecida anteriormente como Pincel rotativo Então eu vou escolher isso, e eu vou voltar para o meu espectador, e eu posso simplesmente pintar sobre essa forma. Agora você notará que não preciso ser preciso quanto à borda. Eu meio que preciso dizer, Ei, olha essa coisa. Assim que eu soltar o mouse, você verá que o After Effects encontrou o resto dessa forma, e agora estamos prontos. Aqui embaixo, você verá que eu tenho pequena seção que vai me mostrar o que é chamado de propagação à medida que o After Effects processa cada quadro Agora, eu poderia simplesmente pressionar a barra de espaço ou usar a página para cima para baixo para avançar e retroceder, ou você também pode simplesmente arrastar o cursor O After Effect vai levar um segundo para pensar sobre isso, e você verá que é realmente muito rápido, e eu poderia simplesmente arrastá-lo por todo o clipe, e este vai funcionar bem rápido. Essa é parte da razão pela qual escolhi HD para este clipe, para que você não tenha que esperar. Vamos dedicar um minuto para revisar e ver o que temos. Agora, estamos vendo esse contorno rosa e, à esquerda, estamos realmente vendo o resultado final disso Assim, você pode ver o quão bom esse recorte fica sozinho ou se tivéssemos outras camadas abaixo dele, você o veria nesse contexto E parece que isso fez um trabalho muito bom. Agora, novamente, uma das razões pelas quais escolhi esse clipe é porque ele tem apenas alguns quadros que criarão alguns desafios para que possamos ver as outras ferramentas. Vamos ampliar um pouco e vou examinar isso quadro por quadro para procurar essas oportunidades. Agora, talvez você nem sempre precise fazer isso, dependendo do que está fazendo com o clipe. Mas às vezes você encontrará pontos como esse, especialmente um local como esse, onde você pode ter uma abertura que é criada. É possível que haja uma moldura em que você tenha que decidir se deseja que essa pequena área seja cortada ou não. Então, eu vou passar por isso. Honestamente, essas alças são realmente a única coisa que causou muitos problemas com esse Então, eu quero dar uma olhada neles e ver se talvez precisemos fazer algum trabalho adicional aqui. Poderíamos ampliar e tentar usar a mesma ferramenta de seleção rápida. Se eu segurar Alt ou Option, o pincel fica vermelho e agora posso usá-lo para pintar seções. Vamos clicar aqui e ver o que acontece. Trabalho muito bom. Aqui em cima, eu também preciso trabalhar um pouco mais, mas essa área é menor que o meu pincel. Assim, posso ir até os pincéis de janela e depois há um painel de pincéis que posso usar para alterar o tamanho do meu pincel Vamos até uma menor e ver se consigo consigo colocar essa forma aqui e fazer um trabalho um pouco melhor. Agora, neste momento, estou dizendo ao After Effects, essa é uma forma que eu quero que você siga. Então, à medida que eu avança no tempo, ele fará o possível para seguir essa forma e garantir que ele faça o recorte da melhor maneira essa forma e garantir que ele faça possível Você pode encontrar outros lugares onde precise fazer uma correção que se aplique apenas a um quadro. Tipo, eu vejo esse ponto aqui na luva onde ele está pegando um pouco do fundo Eu só fiquei um pouco confusa, e não está acontecendo isso em outras molduras, então eu realmente só preciso dela para uma. A ferramenta de seleção rápida provavelmente funcionaria bem aqui, mas há outra ferramenta feita especificamente para esses tipos de limpeza de um quadro Vamos voltar à barra de ferramentas e encontrar o pincel de seleção O pincel de seleção funciona da mesma forma, mas só funciona em um quadro. Portanto, isso lhe dá a oportunidade adicionar apenas clicando e arrastando ou, novamente, mantendo pressionada a tecla Alt ou a opção, e você pode simplesmente pintar um local específico Agora, este está apenas vendo o que minha pincelada fez. Então, se eu quiser me livrar desse outro pedaço, preciso usar um pincel maior ou simplesmente passar por aquela seção novamente. O resto é analisar quadro por quadro e ver se há mais alguma coisa que eu queira limpar. Então, vou fazer isso rapidamente para que você não precise esperar. Aqui está uma moldura que você pode ver que precisa de um pouco de trabalho individual, e eu só queria ressaltar isso porque às vezes pode ser mais fácil cortar um pouco mais do que você precisa e depois pintar a borda de volta assim. Eu acho que isso é muito bom. E, novamente, lembre-se de que isso realmente depende de você sobre o quão preciso você precisa ser, dependendo do que você está realmente fazendo com esse elemento. Às vezes você pode ser muito solto com isso, às vezes você precisa ser extremamente preciso. Então, é só uma questão de quanto tempo você quer gastar com isso. Quando você terminar, há um botão mágico que diz ao After Effects para parar de pensar nessa coisa, e isso está aqui embaixo, chamado congelar. Se eu não clicar aqui, o Aftereffects acha que eu ainda quero que ele pense no que cortar Então, o processamento continuará e tornará tudo muito lento. Mas quando eu clico nesse botão de congelamento, After Effects demora um segundo e pensa em tudo que acabei de fazer e, em seguida, congela todas essas informações, para que não precise mais processá-las. Você notará que há uma pequena bandeira aqui embaixo que indica que isso está congelado e que você não pode editá-lo agora. Se você sentir que precisa voltar e fazer alterações, clique no botão congelar novamente para descongelar e, em seguida, fazer os ajustes Estou muito feliz com isso, então vamos recuar e ver nossa composição real. Você verá que ele fez um ótimo trabalho ao eliminar isso, mesmo com algumas daquelas áreas giratórias com tiras que eram um pouco mais difíceis E aqui no lado esquerdo, você tem algumas opções de tapete de objetos. Na verdade, isso existe como um efeito na camada, e você verá que tem opções adicionais aqui para poder refinar essas bordas para que tudo pareça correto Neste exemplo, acho que provavelmente não precisarei ajustá-los, mas vamos colocar alguns dos outros elementos de nossa foto em prática antes mesmo de nos preocuparmos com isso. Nossa amiga astronauta realmente não tem nada que exija a ferramenta de ponta fina, mas essa jovem é o caso Esse cabelo seria basicamente impossível de cortar com qualquer outra coisa. Vou voltar para a barra de ferramentas e escolher a ferramenta de refinamento de borda E quero ter certeza de que terei um pincel bonito e de tamanho decente aqui. Vamos com esse. A maneira como isso funciona é usar esse pincel nas bordas que deseja que ele veja com mais detalhes. E eu vou te dizer que isso funciona melhor se você usar vários traços para percorrer toda a superfície, em vez de apenas um grande Então, vou pintar toda essa área ao redor das bordas dela, e você verá que estou tentando garantir que eu pegue todos aqueles pedacinhos crespos para que o After Effects tenha todas essas informações para poder descobrir o que precisa manter e do que precisa se livrar Depois de pintar isso, você simplesmente o propagará para frente ou para trás, assim como as outras ferramentas, mas ficará mais lento porque, obviamente, há muito mais informações que precisam ser obviamente, há muito mais informações que precisam De volta ao nosso astronauta, você pode ver que eu adicionei um texto, e vou pegá-lo e arrastá-lo para baixo do nosso Vamos renomear essa camada para recorte de astronauta. E então eu vou criar uma duplicata dessa camada pressionando Controller Command D. Renomeie esta segunda versão para plano de fundo ou eu gosto Vou pressionar E para revelar o efeito mate do objeto e simplesmente excluí-lo da placa. Vamos colocar isso na parte inferior. E agora temos nossa versão recortada do clipe, alguns gráficos intermediários e, em seguida, a versão original do clipe Ps fácil. Agora que temos isso pronto, essa seria a hora de realmente dar uma boa olhada no seu recorte e ver se você quer fazer alguma coisa com essas bordas Nesse caso, basta usar os controles de efeito e você poderá alterar a difusão, o contraste e mexer na borda Se suas bordas parecem estar dançando muito, isso se chama tagarelice, e é aí que você usaria essa configuração e a aumentaria pouco a pouco Quanto mais você adicionar, mais lentas as coisas ficarão Como esse é apenas um exemplo rápido e tolo de mídia social, não vou me preocupar muito em ter bordas super perfeitas Acho que isso funciona bem do jeito que está. Eu adicionei um pouco de animação ao nosso texto, então vamos ativá-la e ver como fica. Tudo bem, estou me sentindo bem. 68. Projeto do curso 09 - Chamada de recorte: É o seu horário favorito para projetos de aula. Então, estamos procurando uma pequena promoção social incorpore alguns gráficos por trás do elemento herói do seu clipe, o que significa que você precisará usar as ferramentas de recorte que acabamos de ver. Portanto, o tamanho da composição e a taxa de quadros serão ditados pelo videoclipe escolhido Lembre-se de que seu clipe precisa estar em uma composição com o mesmo tamanho de quadro e taxa de quadros para que essas ferramentas de tapete de objetos funcionem. Embora o clipe que usei para a demonstração infelizmente não estivesse disponível gratuitamente, estou fornecendo links para várias outras opções aqui e, claro, você pode encontrar seu próprio clipe em qualquer lugar na Internet ou gravar algo sozinho Uma coisa a observar é que quanto mais contraste seu elemento tiver com o plano de fundo, melhor será o desempenho dessas ferramentas . Então, você recortará esse elemento herói do seu vídeo ou de vários elementos, se quiser, e depois usará esse recorte para permitir que você coloque algum tipo de gráfico Pode ser texto, pode ser outra coisa entre isso e uma cópia não afetada do clipe na parte inferior, exatamente como você me viu fazer na minha demonstração Obviamente, você pode ser criativo com isso e, se quiser adicionar alguma outra coloração ou algum tipo de outro efeito visual à sua peça geral, tudo bem. Talvez você queira fazer isso em uma camada de ajuste na parte superior, apenas para que isso afete tudo de forma consistente. Quando se trata de seu material de entrega, como sempre, você deseja exportá-lo como um arquivo de vídeo MP 4 usando a predefinição que você viu no início do curso e, em seguida, enviá-lo para um site de hospedagem de vídeo para que você possa compartilhar o link na seção de projetos de aula ou tarefas deste para um site de hospedagem de vídeo para que você possa compartilhar o link na seção de projetos de aula ou tarefas Como sempre, não envie nenhum link para o armazenamento em nuvem. E, claro, esta peça já pretende ser uma pequena promoção social, então compartilhe-a nas redes sociais, adicione uma legenda divertida e veja que tipo de interações divertidas você pode ter Na verdade, estamos apenas procurando que você explore o que essas ferramentas tornam possível e, idealmente , também se divirta com elas. Boa sorte, e vamos conferir algumas outras técnicas no próximo conjunto de aulas. 69. Remova uma tela verde): Os cineastas há muito confiam em outras técnicas com resultados mais previsíveis, sendo a principal delas a codificação por cores tela azul e depois a tela verde têm sido usadas há décadas na produção de filmes, televisão e vídeo para colocar atores em novos ambientes e adicionar elementos que não existiam ou não poderiam existir no momento da filmagem. Quando iluminada corretamente, a pós-produção pode, na verdade, ser bem fácil Embora este curso não seja sobre iluminação de tela verde, vou dedicar um minuto para apontar algumas coisas a serem evitadas quando você estiver procurando por clipes de estoque ou se estiver gravando você mesmo Essa técnica é inteiramente baseada no isolamento de uma cor específica, normalmente um tom de verde que está intencionalmente longe dos tons de pele humana Portanto, esse verde precisa ser o mais uniforme possível. Isso significa iluminação uniforme e consistente separada da iluminação do objeto principal. Iluminação irregular e fundos enrugados criam uma grande variedade de cores, que serão muito difíceis de isolar e remover posteriormente. E ter o objeto muito próximo ao fundo cria sombras escuras, o que, novamente, significa muitos tons de verde No entanto, tenha cuidado, pois muitos clipes de estoque já foram processados para tornar esse verde artificialmente consistente e, em seguida, o clipe é compactado para Isso significa que pode ser fácil se livrar do verde, mas o clipe já foi processado, então você não tem nenhum controle, e a compressão significa que será difícil ou impossível obter bordas limpas ao redor do objeto. Em geral, quanto mais informações de cores você puder reter, melhor. Portanto, baixe o melhor formato de arquivo possível. E se você estiver gravando algo sozinho, evite formatos compactados E, claro, a tela verde só funciona se o assunto estiver realmente na frente dela. Não há problema em ver as bordas de uma tela verde em uma foto. Você sempre pode mascarar essa parte da moldura. Mas a mão e o telefone dessa mulher ficam completamente fora do verde, o que significa que a única maneira de isolá-los será a rotoscopia Espero que essa orientação ajude você a escolher clipes com os quais não será um pesadelo trabalhar Agora, vamos ver as técnicas necessárias para realmente remover essa tela verde e o After Effects. Em seguida, usaremos efeitos e composição em elementos adicionais para criar uma cena coesa Aqui está o clipe com o qual vou trabalhar. Ele tem alguns aspectos não ideais e, infelizmente, não está disponível gratuitamente, mas foi o melhor que consegui encontrar tanto sobre o tema quanto para uma demonstração de ensino. Eu já comecei um projeto, importei meu clipe e o coloquei em uma composição Eles não precisam necessariamente coincidir, ao contrário da rotoscopia Também já isolei uma parte específica desse clipe que acho que é tudo o que eu preciso, então posso clicar com o botão direito do mouse e escolher Trim Comp para a Antes de aplicar qualquer efeito, estou curioso para saber a consistência da tela porque ela é muito semelhante Vou até a janela e escolho informações, o que abre o painel de informações. E, entre outras coisas, isso mostra a cor exata que está embaixo do cursor Vou notar que isso não está mudando em nada. Às vezes, esse valor vermelho está se movendo um pouco. Mas isso me diz que esse clipe provavelmente já foi processado e teve uma única cor verde plana substituída por trás dela. É um pouco perfeito demais para ser real. Então, embora isso torne muito fácil me livrar da cor verde, talvez eu precise trabalhar um pouco para obter bordas que realmente me deixem feliz. Olhando para o meu painel de Efeitos e Predefinições, há uma categoria inteira para digitação, então vou abri-la E você verá que há uma variedade de opções. Alguns deles são muito simples, basta escolher uma cor e talvez obter um controle deslizante ou dois O mais completo é chamado de key Light e tem algumas opções. Na verdade, vou usar uma predefinição que aplica o Kelte bem como alguns outros efeitos, para ajudar a ajustar as coisas Vou apenas digitar Key Lite e pegar essa predefinição aqui, que é Kelte plus key cleaner avançado supressor de derramamento, e aplicá-la Você verá que isso realmente aplica três efeitos, mas nada acontece imediatamente porque ainda não escolhemos a cor para dizer ao After Effects de qual delas devemos ainda não escolhemos a cor para dizer ao After nos livrar. Como isso é tão consistente, tudo o que realmente precisamos fazer é encontrar esse pequeno conta-gotas aqui, clicar nele e escolher a cor verde Geralmente , você gostaria de escolher algo o mais próximo possível do assunto, mas como descobri que tudo isso já é da mesma cor, posso clicar em qualquer lugar. Assim que eu clicar, você verá que o fundo verde desaparece E se eu ativar meu botão de transparência, tudo se tornará Geralmente, é útil ter uma boa cor contrastante no fundo para que você possa realmente ver o que está fazendo Assim, você pode pressionar Control ou Command K e escolher essa cor de fundo. E se você quiser definir isso para algo diferente que ajudaria tudo a ficar mais visível, isso sempre depende de você. Vou deixar o meu nesse cinza porque em breve colocaremos um plano de fundo diferente. Estou percebendo que muitas coisas têm um pequeno contorno verde ao redor delas, e isso é um subproduto de já estarem Eu acho que o efeito final desta lista provavelmente ajudará a eliminar isso na maior parte do tempo. Então, vamos tentar isso. É chamado de supressor de derramamento Freqüentemente, ao fazer a digitação, você verá que há derramamentos em outras superfícies, especialmente nas de cores mais claras Se o objeto estiver vestindo uma camisa branca, por exemplo, ela pode ficar um pouco verde, assim como a cor de destaque dessa superfície física Então, vou habilitar isso, e isso realmente faz um bom trabalho neste caso. Uma das coisas mais importantes sobre digitação é que você deseja assistir ao clipe em movimento e sobre o plano de fundo que está realmente usando, pois pode ativar esses efeitos e pode acabar indo longe demais ou não o suficiente até realmente ter esse contexto Então, vou ajustar algumas configurações, mas podemos revisitá-las depois de colocá-las em segundo plano Aqui no Key lite, o local em que você fará a maior parte do seu trabalho é nesta seção de tapetes de tela. E, no momento, vou desligar esses outros dois efeitos para que possamos nos concentrar apenas no que esse efeito está realmente fazendo. Você notará que tem uma variedade de visualizações para escolher, e eu realmente gosto de ver esse conjunto de tapetes de tela para que você possa realmente ver o tapete que está criando com ele. Esse clipe em particular não precisa de muitos ajustes porque, novamente, ele já foi processado. Mas, muitas vezes, você precisará fazer alguns ajustes no clipe preto e branco apenas para equilibrar as coisas. Para contextualizar, veja o que isso parece em um dos outros clipes que você viu há um minuto Vou definir isso para screen Mat, e você pode ver agora que essa área não é perfeitamente branca e essa área não é perfeitamente preta. Então, com um pouco de ajuste, podemos ligá-los e ajudar a garantir uma separação limpa. Obviamente, você não quer trabalhar exclusivamente nessa visão porque é muito fácil ir longe demais. Portanto, talvez você queira trabalhar um pouco aqui e depois voltar para final ou intermediário, dependendo do que estiver fazendo. E veja como isso fica com o plano de fundo no lugar e, em seguida, faça outros ajustes conforme necessário. Em ambos os casos, você realmente quer prestar mais atenção ao assunto e à área imediatamente ao redor dele, porque todas essas informações aqui podem ser cortadas com máscaras de qualquer maneira. Neste clipe, vou voltar para o resultado intermediário e ampliar um pouco para resultado intermediário e ampliar que possamos dar uma boa olhada no que está acontecendo aqui. E vou ligar esses dois novamente. Estou percebendo que tenho uma pequena vantagem ao redor da minha figura, e acho que vou precisar ampliá-la um pouco Vamos ver o que acontece se configurarmos a tela para encolher e aumentar para menos dois e a suavidade Isso ajuda a romper um pouco a borda ao redor meu astronauta e, crucialmente, aqui na Também não é incomum encontrar partes diferentes de uma foto precisando de configurações de digitação ligeiramente diferentes. Portanto, talvez seja necessário fazer várias cópias do clipe ou usar máscaras para ajudar a isolar essas partes diferentes e usar instâncias diferentes do efeito de digitação para ajudar a inseri-las Portanto, talvez seja necessário fazer várias cópias do clipe ou usar máscaras para ajudar a isolar essas partes diferentes e usar instâncias diferentes do efeito de digitação para ajudar a inseri-las Só para destacar alguns dos problemas que encontrei com esse clipe, além de ele já ter sido processado, sinto que o vidro já existiu neste capacete, mas já foi retirado Então, esse é um bom exemplo de algo que realmente não há como corrigir neste momento. Mas quando adicionarmos outros elementos posteriormente, você não verá muito isso de qualquer maneira. Existem alguns pontos onde você pode realmente ver as bordas dessa caixa de areia que eles montaram aqui, e isso não parece ótimo. E, crucialmente, aqui em cima, eles têm o astronauta andando sobre essas caixas que podem se tornar pedras ou algo mais tarde, mas então ele pisa bem na frente desta E, obviamente, não há como descobrir isso. Então, se eu quisesse fazer isso parecer uma pedra, mas ter o pé dele na frente dela, mais uma vez, teríamos que fazer um rotoscópio Vou colocar algumas pedras na frente do pé dele para que não vejamos esse problema. A partir daqui, acho que realmente precisamos definir nosso plano de fundo para que possamos ver isso se parece no contexto e saber se precisamos fazer ajustes adicionais nessas configurações de codificação 70. Elementos compostos de fundo e primeiro plano.: Agora é hora de adicionar um plano de fundo e alguns elementos de primeiro plano para começar a transformar isso em uma cena mais real Eu importei algumas pedras que ficarão em primeiro plano e uma placa de fundo que se parece com a paisagem deste planeta Vamos trazer isso para a minha composição como camada inferior e renomeá-la como plano de fundo E vamos aumentar um pouco até parecer que está no lugar certo. Acho que algo assim provavelmente funcionará. Precisaremos fazer um pouco de correção de cores para equilibrar isso. E então essas rochas entrarão em primeiro plano. Vamos trazer isso para cá. Caramba, esses são grandes. Vamos reduzir isso. Provavelmente algo parecido com isso. Você pode ver que elas precisarão de muito trabalho de cores, mas usaremos esse lado para cobrir essas caixas e provavelmente cortá-las ao meio e trazer essa talvez mais ou menos assim. Vou renomear essas pedras e desligá-las por um minuto Obviamente, precisamos fazer alguma combinação de cores. Mas, honestamente, examinando minha cena, acho que provavelmente poderíamos cortar o lado direito com a moldura porque, bem me lembro, nosso astronauta nunca chega lá Ele está andando, demora um minuto para observar essa bela paisagem de outro mundo e depois começa a se mover novamente, mas não chega tão longe Então, essa parte da moldura que provavelmente será uma das coisas mais difíceis de combinar, podemos simplesmente nos livrar dela. Então, vamos selecionar essa camada, pegar a ferramenta Caneta e eu vou diminuir o zoom um pouco. Basta criar alguns pontos, talvez algo parecido com isso. E estou planejando encarar isso um pouco. Então, vou tirar esse caminho da borda esquerda para não perder acidentalmente parte da moldura aqui. Algo parecido. Vamos abrir essa máscara. Desvincule minhas penas e aumente a pena X para talvez um pouco menos de 300 Sim, acho que parece muito bom. Vou voltar para minha ferramenta de seleção e talvez apenas trazê-la até sentir que estou recebendo uma boa quantia, mas não estou perdendo nenhum dos meus astronautas Você pode ver que se eu for longe demais, ele também começará a desaparecer por causa dessa plumagem. Então você só precisa procurar o lugar certo para mantê-lo, mas se livrar do que você não quer. Há alguns outros pontos na borda deste conjunto que eu particularmente não gosto, e acho que talvez precisemos voltar e fazer algumas máscaras lá Vamos inserir alguns desses outros elementos e ver o que abordamos. Também acho que provavelmente vamos querer ajustar um pouco essas configurações de chaveamento Agora que temos isso, você pode ver que há uma linha bem clara ao redor dessa chave, tanto ao redor do astronauta quanto nas bordas do conjunto E mesmo antes de eu fazer minha correção de cores, vamos ver se podemos corrigir isso. Voltarei ao painel Controles de efeitos. E eu posso tentar desligar esse limpador de chaves. Isso geralmente funciona para ajudar a limpar sua borda, mas em um clipe como esse que já foi processado, às vezes faz mais mal do que bem. Vou tentar reduzir esse raio de borda para cerca de cinco e talvez diminuir a força para 50. Tudo bem. Você pode ver que suavizou algumas áreas, mas ainda temos um pequeno esboço Vou ver o que acontece se eu desligar isso e definir essa visualização como resultado final. Isso é o que usaríamos se estivéssemos usando apenas ke lite sem os outros efeitos adicionados. Honestamente, acho que isso parece melhor. Você pode ver que perdemos um pouco mais da vantagem aqui. No geral, ficou mais suave, mas acho que, nesse caso, provavelmente será a melhor jogada Honestamente, esse pode ser o caso em que certas configurações podem funcionar melhor para a borda do set e, em seguida, outras configurações podem nos ajudar a ter uma vantagem um pouco melhor em relação ao nosso astronauta Mas acho que, para este exemplo, isso provavelmente está certo. Podemos voltar e ajustá-los mais quando implementarmos nossas outras correções de cores e sobreposições, mas teremos isso em mente à medida que continuarmos trabalhando Se ainda tivéssemos esse copo e ele ainda não tivesse desaparecido antes mesmo de o clipe chegar às minhas mãos, eu gostaria de ter muito cuidado para garantir que não o perderíamos como parte disso, e isso seria especialmente algo que pode precisar de seu próprio grupo de configurações de digitação. Mas, por enquanto, estou feliz o suficiente com isso. Vamos fazer algumas correções de cores e ver se podemos unificar essas duas partes da cena Vamos voltar para 100 e eu vou até meus efeitos e predefinições e procurarei curvas, que aplicaremos aos nossos dois clipes Vamos adicionar isso ao nosso clipe de tela verde e podemos prosseguir e fechar esses outros efeitos por enquanto Acho que derrubar um pouco as sombras ajudaria e talvez melhorasse isso Então, teremos uma curva S sutil que já está fazendo o vermelho destacar bastante, o que eu gosto. E se quisermos, podemos até mudar isso para o canal vermelho e talvez dar um pouco de impulso. Vamos ver se podemos replicar essas configurações no outro clipe As configurações provavelmente precisarão ser um pouco diferentes para que pareçam consistentes. Mas acho que um bom lugar para começar seria copiar esse efeito e depois colá-lo no clipe de fundo Bem perto. Acho que só precisamos fazer um pequeno ajuste. Vamos voltar ao RGB e ver se podemos combinar com esse visual. Talvez aumente um pouco essas trevas. Vamos ver o que acontece em nossos vermelhos aqui. Vou trazer isso um pouco mais, trazendo nossos brancos para o espaço vermelho um pouco mais e depois empurrando todos os Só um pouquinho. Muitas vezes, em algo assim, tudo é um pouco de negociação e, às vezes um pouco ajuda muito a fazer com que tudo pareça unificado Vamos ver isso em movimento uma vez. Acho que estamos no caminho certo. Essa área aqui ainda é claramente duas coisas diferentes, mas veremos o que acontece quando colocamos nossos outros elementos no lugar. Vamos fechar isso e usar nossas pedras. Vou começar com a maior à direita e sei que vou usar pelo menos duas camadas delas. Então, vamos renomear isso com um, duplicar isso e desligar o número dois Então, para o boi um aqui, vamos descobrir um posicionamento Provavelmente estou planejando interromper isso aqui. Então, vamos descobrir um posicionamento que obscureça as outras caixas e ajude a criar um pouco de profundidade. Vou ampliar. E estou planejando usar minha ferramenta Caneta para mascarar a parte inferior e ajudar tudo a parecer mais unificado. Então, pressionarei G para pegar minha caneta e ampliar, e farei o possível para traçar essa linha aqui. Vou clicar e arrastar, o que vai começar a me dar uma curva para trabalhar. Vou usar muitas curvas nesta e provavelmente quebrar algumas delas em cantos, assim como entraremos em todos esses pequenos cantos e Então eu vou começar aqui e simplesmente arrastar, vir aqui e arrastar, e eu quero fazer uma curva aqui. Então, vou segurar a opção Alter e, em seguida abaixá-la para quebrá-la e fazer uma curva. Venha aqui e arraste novamente, talvez traga isso de volta um pouco. Vou continuar trabalhando até aqui. Vou quebrar essa. preciso saber absolutamente todos os pequenos detalhes. Isso é apenas uma negociação para obter o máximo de detalhes você quiser e decidir quais pequenos detalhes são importantes para você Você pode até mesmo cortar parte disso se não gostar. E isso é definitivamente algo que você vai sentir com mais experiência, meio que sabendo até onde você pode ir com cada pequena curva, onde você precisa colocar cantos, onde você precisa de outro vértice E, novamente, sempre posso voltar aqui e editar um desses pontos mais tarde, se achar que não está no lugar certo. Enquanto trabalho, ocasionalmente pressiono a barra de espaço para mover toda a minha visão e continuar ajustando-a ao local que preciso procurar E estamos quase aqui para aquela outra rocha na qual estou planejando terminar. Então, vamos colocar mais alguns pontos ao virar da esquina e criar uma boa vantagem. Vamos diminuir um pouco o zoom para que eu possa ver o que estou fazendo. Parece que isso vem por aqui. Então, meio que aqui, e então teremos uma esquina quase reta, traga isso de volta. E agora que estou de volta do limite, posso ficar muito solto com isso. Só preciso ter certeza de obter a forma completa e me reconectar Boom, lá vamos nós. Vou pressionar M para abrir as propriedades da minha máscara, ou posso pressionar MM para abrir todas elas, porque, é claro, a franja é algo que eu preciso Vou tentar começar um pouco mais devagar, talvez cerca de cinco. Torna um pouco difícil ver o que você está fazendo quando seleciona isso. Então, se quiser, você pode clicar neste botão aqui para alternar a visibilidade de suas máscaras para que você possa ver essa borda com mais clareza, sem que a máscara realmente esteja no seu Vamos tentar aumentar isso para mais dez. Às vezes, você pode fazer uma pena maior e depois brincar um pouco com a expansão. Na verdade , é melhor ter um pouco mais de pena e depois enganar essa borda para suavizá-la, para que você não acabe com um excesso de peso como esse que você não acabe com Acho que algo assim provavelmente vai ser muito bom. E ao olhar para isso, percebo que essa rocha provavelmente é um pouco mais afiada do que tudo o mais na minha cena Então, vou usar curvas para combinar com a cor, mas provavelmente também um pouco de desfoque para ajudar a unificar tudo. Vamos começar. Ao pressionar E e, em seguida, pegar essas curvas do fundo, controle ou comando C para copiar e controlar ou comande V Isso claramente precisará de mais ajustes, mas vamos continuar e vir aqui e procurar o Fast Box Blur, que é uma ótima maneira de suavizar essa rocha Aposto que algo em torno de três ou quatro provavelmente vai se sentir melhor. Sim. Parece um pouco demais quando você amplia aqui, mas quando você chega aqui para ver toda a cena, nosso clipe de tela verde é, na verdade, um pouco suave E olhando para isso agora, acho que o plano de fundo provavelmente também precisa disso. Muito em segundo plano. Vamos voltar para talvez um e um, dois e um. 1.5. Vamos dividir a diferença. E você vê que tudo isso é apenas uma negociação. Como você meio que reúne tudo, cada peça meio que diz o que ela precisa. Então, falando nisso, vamos ver se podemos fazer com que essa rocha pareça estar no mesmo universo que todas as outras. Certamente precisaremos de muito mais vermelho. Então, vamos aumentar isso. Talvez algo mais nesse espaço, e essa rocha seja um pouco mais brilhante, então vou voltar ao RGB e talvez apenas arraste esses pontos daqui para começar de novo na minha curva RGB, diminuindo um pouco esse brilho geral Olhando para o meu plano de fundo, vejo que esse é provavelmente o meu ponto mais brilhante, então não quero que essas rochas sejam realmente mais brilhantes do que Então, vou criar outro ponto, talvez meio que na opinião dela. E então voltaremos a esse vermelho. Muito disso é apenas mexer até que você faça com que pareça correto Obviamente, isso é demais, mas acho que podemos obter o suficiente desse vermelho para parecer que está no mesmo estádio Talvez transfira esse ponto branco para um tipo de vermelho que suba um pouco mais, mas não muito. Acho que isso ainda pode precisar de um pouco de trabalho, mas acho que está perto o suficiente por enquanto para que possamos passar para a outra pedra e ver como ela se sente. Então, vamos ativar esse. Isso acabará morando atrás daquela outra rocha, mas vamos acabar com isso primeiro. Vou posicionar isso de forma aproximada. Acho que posso acabar precisando mover esse ponto de ancoragem e girá-lo um pouco Talvez algo assim. Vamos ver como isso se sente em movimento. Vamos eliminar esse cara e ver o que isso faz por nós. Esse lado provavelmente pode ser bem difícil aqui. Eu não amo essa cor, então vamos abrir isso e ver se podemos encontrar algo que seja um pouco mais fácil para nós trabalharmos. Hmm. Talvez alguma coisa aqui. Tudo bem para mim, pode não ser bom para seus olhos, mas este tem um pouco menos de detalhes na parte inferior, mas também algumas oportunidades em que você pode criar alguns, se quiser. E, novamente, quando você chega ao limite, você pode ser rude com isso aqui. Lá vamos nós. Vamos deixar isso para trás, e podemos começar copiando e colando esses efeitos Bem perto. Acho que essa rocha pode precisar de um toque um pouco diferente nelas. Vamos ajustar essa plumagem para aproximadamente a mesma em torno de 12, desativá-la e talvez trazer essa expansão também Feche-os para que possamos ver nossas camadas, talvez defina nossas rochas com uma cor de camada diferente para que elas se destaquem. Que tal rosa? Acho que nossa pedra esquerda talvez precise um pouco de atenção aqui, em termos de cores. Talvez escureça um pouco nos vermelhos. Vamos ver o que um pouco de atenção ao RGB faz por nós. Tudo bem. Vamos ver o que acontece quando nosso astronauta passa por cima disso Eu suspeito que talvez queiramos reposicionar isso um pouco, mas precisamos ver o que realmente está acontecendo Acho que esse primeiro passo é bom. É claro que, em um mundo ideal, eu adoraria ver os pés dele vindo na frente dela, mas isso dá muito mais trabalho. Acho que estou feliz o suficiente com isso. Talvez eu tente incluir apenas esses vermelhos um pouco mais sobre este, fazer com que pareça um pouco mais como se fossem parte dessa areia no fundo E vamos adicionar mais correção de cores em cima de tudo isso, então eu suspeito que vamos voltar e ajustá-las um pouco mais no final. Mas acho que, por enquanto, até adicionarmos alguns desses outros elementos, isso parece muito bom. 71. Adicione efeitos atmosféricos: Agora eu gostaria de adicionar um pouco de poeira e efeitos atmosféricos para realmente ajudar a vender toda a cena Eu tenho esse clipe aqui que é apenas um pouco de fumaça se movendo lentamente, e acho que isso vai ajudar tudo a se sentir bem. E melhor ainda, eu tenho esse clipe de poeira rodopiante que vai realmente ajudar a vender o quão inóspito esse planeta é quão inóspito Você pode ver que essa poeira está realmente se movendo na direção oposta à da fumaça, e acho que seria melhor se ambas estivessem soprando em nosso personagem para fazer parecer que é difícil para ele andar Então, vamos voltar ao nosso visualizador de composição e vou começar com essa poeira. Vou apenas trazê-lo como camada superior. E vá em frente e renomeie isso como pó e talvez defina isso como laranja Agora, eu vou querer inverter isso. Então, vou desvincular minha escala, definir isso como negativo, e então posso revincular para que agora eu possa aumentar um pouco e fazer com que elas permaneçam juntas, talvez cerca Agora, eu poderia usar os modos de mesclagem para sobrepor isso ou usar efeitos para conseguir a mesma coisa Há um efeito chamado unmolt que provavelmente será minha melhor jogada aqui. Então, vamos procurar isso. Na verdade, também vive sob os efeitos de codificação, como você pode ver, e vou colocá-los no meu clipe e, puf, ele magicamente se livra do Você pode ver que esse clipe é meio azul no geral, o que faz com que não funcione muito bem. Então, vamos seguir em frente e nos livrar disso. Acho que se essas partículas de poeira forem basicamente pretas, isso vai funcionar muito bem. Então, vou pesquisar preto e branco e colocá-los no meu clipe. E então vou usar o Invert para inverter essas partículas de branco para preto Vamos ver como isso parece. Tudo bem, não é tão ruim Novamente, acho que eles são um pouco nítidos demais, então vamos desfocar um Acho que o mesmo desfoque rápido de caixa funcionaria bem aqui. E só um pouco vai ajudar muito aqui. Nós meio que queremos aliviar essa vantagem. Lá vamos nós. E parece que temos uma tempestade de poeira turbulenta pela qual ele está tentando atravessar, que vai vender ainda mais quando adicionarmos um pouco dessa fumaça Então, vamos voltar ao nosso painel de projetos e encontrar nosso clipe de fumaça aqui. Vamos colocar isso abaixo da poeira. E, novamente, comece renomeando essa fumaça. Vamos novamente pegar Unmolt e ver qual é a sensação? Lá, essa fumaça é sutil, mas definitivamente adiciona algum componente atmosférico e faz com que o ar pareça Ambos são um pouco demais. Acho que vou diminuir a opacidade, mas está me sentindo bem Vamos abrir a opacidade em ambas as camadas, talvez reduzir nossa poeira para 40 Portanto, não é tão opressivo. E em termos de velocidade, isso realmente funciona muito bem com a fumaça. Vamos reduzir essa fumaça para talvez 70. E vamos ver o que acontece se adicionarmos algumas curvas para escurecer um pouco essa fumaça Só meio que derrube o meio aqui. Veja como é antes e depois. Realmente não fiz muita coisa. Talvez eu acabe com aqueles brancos. Seja um pouco mais agressivo com isso ligado e desligado. Isso mesmo. Vamos tentar fazer uma cópia da nossa fumaça Vamos colocar isso embaixo, talvez diminuir um pouco mais a opacidade e aumentá-la para que tenhamos duas cópias, traga uma aqui, apenas faça o ar parecer ainda mais espesso traga uma aqui, apenas faça o ar E usaremos esse truque anterior, compensaremos um pouco esse para que eles não pareçam ser apenas o mesmo clipe Mesmo que você realmente não consiga ver isso muito bem, acho que você pode sentir isso. Pode valer a pena examinar alguns modos de mesclagem e ver se um deles faz com que pareça melhor ou se isso apenas o faz desaparecer completamente. Vamos descobrir. Isso é muito sutil. O que acontece se optarmos por, digamos, uma sobreposição Honestamente, às vezes isso é apenas tentativa e erro ver o que funciona com sua combinação específica de elementos E não se esqueça de que a sutileza pode ajudar muito. Eu acho que eles estão se sentindo muito bem. Vamos adicionar um reflexo de lente ao fundo, como se o sol estivesse nascendo sobre essas montanhas e ver o que isso faz em toda a cena Então, criaremos um novo sólido e garantiremos que esteja definido como preto pois esse será o reflexo da nossa lente Então, definitivamente precisaremos de um modo de mesclagem aqui. Eu poderia tê-lo renomeado ao criar, mas vou renomeá-lo agora apenas como clarão e defini-lo como amarelo porque, é claro, as luzes são amarelas, certo Encontraremos o reflexo da lente. Definitivamente, os reflexos de lente são algo que feito muito bem por alguns pacotes de terceiros, mas o padrão é correto com alguns ajustes Vou aumentar um pouco esse brilho, talvez em torno de 150, e vamos configurá-lo para a tela. Agora, isso faz uma grande diferença toda a cena, não é? Acho que algumas curvas realmente ajudariam a vender isso. Então, vamos colocá-los. Talvez possamos ajustar um pouco o brilho. E acho que para ajudar a realçar o vermelho da cena, em vez de aumentar o vermelho, poderíamos eliminar o verde e o azul Um pouco ajuda muito nisso. Deixar cair esse azul realmente faz com que pareça quente e amarelo, viu Mas um pouco aqui. Lá vamos nós. Vamos ver como isso se sente. E só como um lembrete, isso é o que tínhamos antes de adicionarmos tudo isso. Uma grande diferença, certo? Você vê por que queríamos chegar perto o suficiente, e então você adiciona esses elementos. E então, se você quiser voltar e tocar no brilho ou na cor de alguns dos elementos do plano de fundo ou do primeiro plano, você pode fazer isso com um contexto muito melhor agora com todos esses outros elementos no 72. Adicione movimento de câmera portátil: Isso definitivamente está chegando lá, mas toda a cena parece bastante estática. E se estamos neste mundo alienígena com essa tempestade de areia rodopiante, acho que faria sentido ter uma câmera um pouco trêmula Seja segurado por outro astronauta ou em algum tipo de tripé, você pensaria que o vento o estaria afetando Então, vamos ver se podemos trazer essa ideia para essa cena. Vou interromper minha visualização e criar uma nova camada chamada objeto nulo, que existe apenas para criar outras camadas ou alguns outros casos de uso especiais E vou selecionar todas as minhas camadas e associá-las a esse nulo Agora, onde quer que esse nulo vá, toda a cena vai com ele, certo? Se eu for adicionar um pouco de shake, quero ter certeza de que não vejo essas bordas. Então, vamos ampliar um pouco as coisas . Acredito em nosso clipe de fumaça. Sim, vamos ampliar isso um pouco para garantir que tenhamos algumas bordas limpas e, claro, nosso clipe de tela verde também Então, pode ser mais fácil ampliar tudo isso um pouco assim. E agora, se contornarmos a posição desse nulo, não veremos nenhuma borda. Só precisaremos ter certeza. Vamos adicionar outra expressão de oscilação simples a essa propriedade de posição, então eu clicarei com a tecla Alt ou Option nesse cronômetro e digitarei Wiggle a essa propriedade de posição, então eu clicarei com a tecla Alt ou Option nesse cronômetro e digitarei nesse cronômetro e digitarei E entre parênteses, vamos fazer 0,7, vamos fazer 0,7 Para algo assim, muitas vezes, é só tentativa e erro. Você quer aplicar isso e ver como é. E se você precisar ajustar um pouco esses números, nós o faremos. Eu acho que isso é bom. É o suficiente para fazer com que a cena pareça viva, mas não tanto que fiquemos enjoados com o movimento dos jogadores 73. Compor os toques finais: Para finalizar, acho que só precisamos fazer alguns ajustes finais na aparência e correção de cores. Então, vamos criar uma nova camada de ajuste e dar um nome a essa aparência. Vamos fazer um pouco de vinheta. Vinheta CC aqui. E aposto que mais uma instância de curvas provavelmente acabará bem conosco Então, para nossa vinheta, acho que faria sentido colocar esse centro exatamente onde está nosso sol e podemos brincar um pouco com essa quantidade O padrão pode estar bem. Vamos ver aonde as curvas nos levam e voltar e nos ajustar a partir daí Vamos apenas adicionar um pouco de contraste. Então, acho que uma bela curva S sutil diminuirá as sombras e aumentará um pouco os destaques Faz com que o sol pareça muito mais quente. E vamos experimentar tornar toda essa cena um pouco mais vermelha Poderíamos aumentar isso ou, novamente, reduzir o azul e o verde e ver como é. Isso realmente adiciona calor e intensidade à luz do sol. Acho que é preciso argumentar que o lado esquerdo do conjunto ainda está um pouco mais escuro do que eu gostaria Mas, honestamente, agora que temos toda essa outra correção de cores, ela combina muito bem com o plano de fundo , então acho que está tudo bem E espero que este exemplo ajude você a ter uma boa ideia de como você pode construir camada por camada e fazer ajustes à medida que avança, sem ter medo revisitar as coisas ao adicionar outras peças para garantir uma boa cena coesa 74. Projeto do curso 10 - Cena de tela verde.: É hora do projeto de aula novamente, e estamos procurando que você nos ajude a capturar a emoção da exploração planetária criando sua própria cena realista usando essas técnicas de composição Mais uma vez, a composição e a taxa de quadros dependerão de você. Eles podem ser baseados em seu material de origem, mas não são 100% necessários aqui. Queremos que você utilize pelo menos um clipe de tela verde camada de fundo e um elemento de primeiro plano Incluí links para as peças que usei, mas lembrete de que nem todas são gratuitas Para cenas como essa, eu realmente recomendo que você passe algum tempo examinando clipes que estão disponíveis na Internet em alguns dos diferentes sites que recomendamos anteriormente Ser capaz de encontrar material de tela verde adequado faz parte desse processo E mesmo que seja um pouco complicado examinar o material de estoque, acho que essa é uma parte importante de aprender como isso funciona e o que procurar Então, como eu disse, pelo menos um clipe em tela verde, mas se você encontrar mais de um elemento que gostaria de adicionar à sua cena, isso é ótimo Você não precisa necessariamente que sua cena se pareça exatamente com a minha, mas se você tiver algo semelhante, adicionar algumas atmosferas como poeira e fumaça realmente muito a ajudar tudo a parecer mais tangível E, honestamente, esses tipos de clipes geralmente podem ser encontrados com bastante facilidade No que diz respeito aos resultados, você sabe o que fazer aqui: exporte sua animação como um MP quatro, faça o upload do vídeo exportado para um site de hospedagem de vídeos e compartilhe esse link conosco Não envie links para nenhum armazenamento em nuvem e certifique-se de compartilhá-los nas redes sociais quando terminar. Essas técnicas permitem muita criatividade, e eu realmente espero que você se divirta com essa. Boa sorte 75. Introdução ao rastreamento de movimento: Um assunto ou superfície em um videoclipe geralmente se move. Afinal, é vídeo e isso adiciona uma camada extra de complexidade quando você deseja modificar ou adicionar elementos que se movem com aquele assunto ou com o resto da foto. Para fazer isso, você precisa usar o que é chamado de rastreamento de movimento, e o After Effects tem várias maneiras diferentes de abordá-lo. Se você tem um objeto que se move durante uma foto, mas não muda muito, um simples rastreador de máscaras pode ser eficaz Desenhe sua máscara, clique com o botão direito nela e escolha a máscara de rastreamento. Permita que o After Effects siga o objeto durante a captura e agora você pode usar isso para remover elemento ou aplicar efeitos a essa área. Isso é melhor para tarefas mais simples, como remover ou desfocar um logotipo ou fazer correção de cores isolada em uma área específica Vamos nos aprofundar nas outras opções de rastreamento nas próximas lições. Mas aqui está uma visão geral rápida. Quando você precisa seguir um único ponto que se move em um tiro, você quer o rastreador de pontos Você também pode seguir um segundo ponto para estabelecer as mudanças de escala e rotação necessárias para seguir esse objeto corretamente. Quando você precisa seguir uma superfície plana ou um plano, você quer um rastreador planar Isso é ótimo para substituir telas de dispositivos ou adicionar elementos adicionais em superfícies como paredes ou planos de fundo After Effects também pode recriar o movimento real de uma câmera em uma cena usando o rastreador de três câmeras D, permitindo que você coloque objetos nessa foto em um espaço tridimensional Cada uma dessas técnicas tem seus próprios casos de uso, pontos fortes e fracos, mas todas buscarão áreas de detalhes claros e consistentes com bom contraste Isso significa que, para obter os melhores resultados, você quer imagens de uma resolução razoavelmente alta com bom contraste visual e idealmente, pouco ou nenhum desfoque de movimento 76. Acompanhe um objeto com o rastreador de pontos.: O rastreador de pontos do After Effects permite que você siga um ponto específico em uma foto Isso funciona melhor quando você tem uma pequena área de alto contraste, mas pode ser qualquer coisa, desde o canto de uma placa ou a ponta de uma caneta esferográfica ou, nesse caso, estrelas ou planetas E eu acho que isso realmente pode ser Júpiter, mas eu não verifiquei isso duas vezes Você pode ver que eu já criei uma composição e coloquei meu clipe aqui. Na verdade, cortei um pouco do início desse clipe porque esse elemento na verdade começa mal fora da tela, e é isso que eu gostaria de acompanhar Antes de começar a rastrear, vou criar um objeto nulo, que depois usarei para armazenar esses dados de rastreamento e criar outros elementos. Então, vou até a camada, novo objeto nulo. Vimos anteriormente que elas existem como camadas invisíveis que também são muito úteis para criar outras camadas, e é exatamente para isso que vamos usá-las Vou atualizar o nome para Tract Point, e voltaremos a usá-lo em apenas um minuto. Para rastrear esse clipe, preciso clicar duas vezes nele, o que o abrirá no visualizador de camadas , como vimos anteriormente. Em seguida, vou até a janela e encontro rastreador para abrir o painel do rastreador na minha interface Você verá uma variedade de opções diferentes aqui, e a que queremos agora se chama Track Motion. Assim que eu clicar nele, você verá algo chamado Track 0.1 aparecer no meio do seu clipe. Só precisamos vir aqui e encontrar essa área dentro desse quadrado interno e arrastá-la até o ponto que você deseja seguir. Certifique-se de que esse pequeno X vem com ele, porque esse é realmente o ponto que você está rastreando. Vamos ampliar e dar uma olhada mais de perto nisso. Esse quadrado interno está designando a área que estamos realmente seguindo Se fosse um ponto menor como esse aqui, poderíamos fazer essa caixa um pouco menor, desse jeito. Acho que esse tamanho provavelmente é bom. Esse quadrado externo informa ao After Effects em qual área pesquisar cada quadro esse elemento dentro do quadrado interno. Este não está se movendo muito a cada quadro, então não acho que nosso quadrado externo precise ser tão grande. Se estivesse se movendo muito, gostaríamos que fosse maior. Quanto maior for esse quadrado externo, mais tempo será necessário para rastrear, pois é mais área que o After Effects precisa pesquisar. Então eu acho que algo assim vai ficar bem. Como está, isso apenas rastreará a posição desse ponto. Mas, se quiser, você também pode rastrear a rotação e a escala desse ponto. Ao entrar no painel do rastreador, você pode verificar qualquer um deles e, assim que fizer isso, verá um segundo ponto aqui, porque para rastrear a rotação ou a escala, você precisa de outro ponto para criar essa referência Vou usar esse outro ponto brilhante aqui. Podemos ampliar. Esse é um pouco menor. Acho que isso vai funcionar bem. E agora poderemos rastrear a posição, rotação e escala desse ponto aqui. No painel do rastreador, você pode rastrear para trás ou para frente, e pode fazer isso um único quadro por vez clicando neste botão aqui Isso é bom se você não tem muita confiança de que ele manterá essa faixa e talvez queira fazer ajustes manuais à medida que avança. Acredito que esse clipe vai funcionar muito bem, então vou clicar nesse botão aqui e deixar o After Effects fazer todo o trabalho por mim. Assim que terminar, você verá trilhas indicando que ele rastreou esses pontos em cada quadro do seu E se você abrir o clipe, verá que agora tem dados de rastreamento que podem ser usados para o que precisar. Vou aplicar esses dados de rastreamento ao objeto nulo que criei Então, vou voltar ao meu painel do rastreador e o After Effects já adivinhou o que eu quero usar, mas eu poderia clicar em Editar destino e escolher uma camada diferente, se eu quiser Vou clicar em Cancelar. E como isso já está apontando para o lugar certo, vou clicar em Aplicar. E confirme. E você pode ver que ele colou esses dados de posição, escala e rotação nesse objeto nulo Vamos fechar o painel de camadas e ver isso em nosso visualizador de composição. Esse é o meu ponto. Funcionando muito bem. Na verdade, podemos fechá-las e trazer nossas outras camadas que queremos criar até este ponto. Eu tenho esse gráfico aqui que eu criei. Vamos reduzir isso. E vamos colocar esse carro alegórico meio que aqui e sair para o passeio Então, agora isso é tão fácil quanto ser pai até esse ponto. Nesse caso em particular, não acho que incluir a escala e rotação realmente funcione muito bem para o efeito que procuro, então posso simplesmente desativá-las. Vamos voltar ao primeiro quadro, abrir as propriedades de transformação em Tract point e eu simplesmente desativarei o cronômetro em ambas Vamos colocar a rotação de volta ao zero real. E agora você pode ver nosso gráfico seguindo exatamente como deveria. Portanto, temos as peças básicas prontas. Vamos adicionar um pouco de enfeite. Eu também gostaria de ter um pequeno círculo de chamadas seguindo isso. Então, vamos ampliar, pegar nossa ferramenta de formas e eu vou desenhar um pequeno círculo. Eu gostaria que fosse um círculo traçado sem preenchimento, então vamos configurá-lo E vou tirar esse vermelho do meu gráfico aqui e definir essa largura para talvez quatro. Para manter as coisas limpas, gostaria de centralizar o ponto de ancoragem dessa camada de forma dentro da camada e, na verdade, posso fazer isso pressionando Control Alt ou Command Option mais a tecla home E ele centraliza esse ponto de ancoragem ali mesmo naquele círculo Agora eu posso entender isso um pouco para estar perfeitamente nesse ponto Renomeie isso para circular e crie um nulo como pai. Parece que meu ponto de ancoragem ficou um pouco errado, então vou centralizá-lo novamente, diminuir o zoom e verificar isso com uma prévia. Seguindo perfeitamente. Eu gostaria que esse gráfico aparecesse à medida que avançamos. Então, talvez apareça por aqui cerca de 2 segundos depois, e então vou desenhar uma pequena linha daqui até aquele gráfico, e é isso que aciona esse estouro Então, pressionarei Y para pegar minha ferramenta de ponto de ancoragem e trazer esse ponto de ancoragem aqui para este Eu posso segurar o controle ou comando para fazer com que ela se encaixe naquele canto , porque esse é o ponto a partir do qual eu gostaria que essa camada fosse escalada Vamos fazer essa animação em escala. Vou pular cerca de 20 quadros aqui e definir isso como zero e, em seguida, subir cerca de dois terços do caminho e definir isso para talvez 13 Vamos ver como isso se sente. Só um pouco exagerado. Vamos facilitar esses quadros-chave. Não é tão ruim. Vou pressionar Alt e abrir o colchete para cortar essa camada E agora podemos deslizar isso para encontrar o ponto certo, mas precisamos criar nossa linha e animá-la para saber o que será Vamos fechar os dois. Existem algumas maneiras diferentes de criar nossa linha, mas acho que a mais fácil é usar algo chamado efeito de feixe. Isso vive em um sólido, então eu clico com o botão direito do mouse e crio um novo sólido e nomearei essa linha. E a isso, adicionarei o efeito de feixe. Esse efeito é destinado à fabricação lasers, sabres de luz ou coisas assim, mas também pode ser apenas uma boa linha limpa Vamos até aqui até os controles de efeito e definir o comprimento até 100. Podemos usar isso para animá-lo em um minuto. E vamos ampliar para que possamos obter essa cor vermelha, e vou definir a cor interna e externa para essa cor vermelha. Esse efeito permite definir um ponto inicial e final, que serão mais ou menos assim, e queremos aprimorar isso Então, vamos encontrar a suavidade e reduzi-la a zero. Agora, é claro, isso não vai acontecer. Poderíamos criar essa camada aqui, e isso funcionaria muito bem nesse caso. Mas há uma coisa um pouco mais avançada que podemos fazer que, na verdade , direciona os pontos do efeito às camadas. Vamos abrir essa camada e encontrar o ponto inicial e final do feixe. Vou aumentar um pouco minha linha do tempo para que eu possa ver as outras camadas E o que realmente queremos procurar são os pontos de posição desse ponto de trato nulo e nosso gráfico Em vez de criar a camada inteira, podemos, na verdade, vincular apenas uma propriedade específica usando esse botão de seleção na própria propriedade Se eu vincular isso à posição do ponto do trato, agora esse ponto fica vermelho. Isso significa que ele criou uma expressão e sempre seguirá perfeitamente esse ponto do trato. Eu poderia fazer o mesmo com o gráfico, mas isso na verdade vai criar um problema. E a razão pela qual isso não funciona conforme esperado é porque essa camada gráfica, lembre-se, está na verdade ligada ao ponto do trato E se você observar o valor da posição que ele tem aqui, esses números não indicam onde ele está no espaço de composição. Se eu separá-lo desse ponto do trato, você verá esses números mudarem E, na verdade, é aqui que isso vive no espaço de composição. Quando você transfere uma camada para outra, sua posição se torna relativa à posição dessa camada. Portanto, precisaríamos levar isso em conta nessa expressão para fazer isso funcionar corretamente. Nesse caso, isso é bem fácil. Posso clicar aqui e digitar mais e depois usar essa outra picareta aqui para acessar esse ponto de partida Como o ponto de partida está vinculado a esse objeto nulo, isso nos dará exatamente o que precisamos Perfeito. Vamos refinar a aparência um pouco mais definindo a espessura inicial em zero ou talvez um para obter um bom afunilamento E estou percebendo que a esquina é um pouco tímida de onde eu gostaria que estivesse visualmente, e é fácil de limpar Pressionando A para encontrar nosso ponto de ancoragem e apenas empurrando-o um pouco para dentro , para que pareça mais como se estivesse no lugar certo Vou mover esse gráfico acima da linha, e agora tudo parece certo. Vamos reduzir nossa linha do tempo, ver como é. Sim, muito bom. Só precisamos animar nossa linha, o que podemos fazer usando a propriedade de comprimento aqui Então, vamos definir isso como zero, criar um quadro-chave, avançar um pouco e definir isso como 100 Claro, eu os criei no lugar errado. Então, vou meio que arrastá-los por aí. Por aqui provavelmente é bom. Fácil facilidade. Vamos ver esses quadros-chave nessa camada e pressionar U para ver esses quadros-chave. Funcionou muito bem. Pessoalmente, acho que parece um pouco complicado ter essa linha se estendendo dentro do círculo, mas há uma maneira fácil de se livrar dela Vamos apenas criar uma duplicata do círculo e usá-la como um tapete para que a linha não fique visível lá dentro Vou pressionar o comando D do controlador para criar um segundo círculo, renomeá-lo como tapete circular e reativar a cor de preenchimento dentro dele Não importa a cor. Só precisamos que seja preenchido. Alterne esses interruptores e modos, e eu posso definir a linha para usar o tapete circular como um tapete de trilha E então eu só preciso invertê-lo clicando neste botão aqui Agora, essa linha existe em todos os lugares, exceto onde esse círculo está. E com isso, nossa animação está completa. E você pode ver aqui como essas técnicas de rastreamento permitem criar gráficos com o conhecimento prévio que obtivemos no início do curso e fazer com que eles acompanhem perfeitamente o movimento do clipe. 77. Projeto do curso 11 - Gráfico pop-up rastreado: Mais uma vez, e com tantos detalhes no espaço, é sempre útil ter alguns gráficos legais para destacá-los. Gostaríamos que você criasse uma curta animação destacando alguns detalhes específicos em um clipe usando gráficos rastreados na cena comprimento, o tamanho e a taxa de quadros da composição dependerão de você. Provavelmente, eles serão decididos pelo seu clipe, embora não seja 100% necessário que correspondam nesse caso. Queremos que você escolha um videoclipe e use o rastreador de pontos para seguir pelo menos um detalhe específico Incluí algumas opções de clipes que você pode escolher ou, é claro, encontrar suas próprias Você só quer ter certeza encontrar algo com detalhes claros e consistentes que tenha um detalhes claros e consistentes que tenha contraste decente com a área ao redor, para que o rastreador funcione bem Você deve adicionar pelo menos uma chamada gráfica ou um pedaço de texto ou seta ou algo parecido para chamar a atenção para esse objeto. Você pode fazer uma chamada simples, como eu fiz ou fazer algo um pouco mais complexo, se quiser. Na verdade, forneci uma versão PSD editável do gráfico que você Então, se você quiser apenas dar sua própria opinião sobre a minha, tudo bem. Ou se você quiser fazer algo do zero, isso também é ótimo. Novamente, aqui está a aparência da minha. Você pode ver que há um detalhe claro e uma pequena mensagem. Você provavelmente não precisa que eu continue falando sobre os resultados, mas caso exporte sua animação como um arquivo MP four usando predefinição que você viu no início do curso, envie seu vídeo exportado para um site de hospedagem de vídeos como Vimeo, YouTube, Behance ou algo semelhante e compartilhe esse link e compartilhe Mas, por favor, não envie nada de um site de armazenamento em nuvem e compartilhe seu vídeo nas redes sociais para que seus amigos possam ver todas as coisas legais que você está fazendo. Divirta-se com este e boa sorte. 78. Substituir uma tela usando o rastreamento planar: Neste exemplo, temos uma tela de telefone na qual rastrearemos parte do nosso próprio conteúdo, e você pode ver que ela está se movendo bastante. Então, precisaremos usar essas ferramentas de rastreamento para que ele permaneça no lugar. Provavelmente existe um mundo em que você poderia usar o Point Tracker várias vezes para encontrar os cantos de uma superfície como essa e colocar as coisas no lugar certo Mas isso obviamente daria muito mais trabalho. E temos cantos arredondados. Então, qual ponto você escolheria, certo? Felizmente, o After Effects tem uma ferramenta projetada especificamente para esse trabalho. Agora, para começar, você pode ver que eu já criei uma composição Eu fiz isso diretamente desse clipe usando esse comando aqui, então ele tem exatamente as mesmas configurações do meu clipe, o que é importante neste caso. Eu também tenho esse gráfico aqui, que é o que adicionaremos à tela mais tarde. Mas primeiro, vamos pegar essa faixa. Vou selecionar meu clipe , procurar no menu Animação e encontrar uma faixa no Boris FX Mocha Na verdade, essa é uma ferramenta terceirizada de outra empresa chamada Boris FX, mas está incluída gratuitamente no After Effects Para ativar a ferramenta, você clica neste Mocha aqui onde diz Launch Mocha AE E isso se abre em sua própria interface além do After Effects. Isso funciona um pouco diferente do que você está acostumado, e algumas das teclas de atalho são um pouco diferentes, mas, por outro lado, são bastante familiares Precisamos usar uma ferramenta Caneta para isolar a área que queremos que essa ferramenta rastreie para nós Vou me certificar de que estou no primeiro quadro só para facilitar, e depois voltarei aqui e encontrarei essa ferramenta de caneta. Na verdade, isso criará o que é chamado de coluna vertebral X, que funciona muito como a ferramenta de máscara que usamos, mas é um pouco diferente uma forma que você verá muito rapidamente. Eu posso simplesmente clicar para fazer meus cantos. E isso realmente se arredonda para nós. Vou clicar aqui para finalizar essa forma. E você verá que cada canto já está arredondado, mas você pode puxar essa pequena alça para decidir o quão arredondado é. O importante aqui é que você queira ter certeza rastrear toda a superfície desse avião. Portanto, é melhor ter um pouco mais do que não o suficiente. Depois de definir sua forma , você só precisa rastrear. Há um botão aqui embaixo na parte inferior da linha do tempo ou aqui à esquerda E vou clicar nele e deixar o Mocha fazer seu trabalho. Se você estiver fazendo uma faixa mais complexa, terá a oportunidade de pausá-la e fazer ajustes manuais à medida que avança E você pode realmente usar essas mesmas ferramentas para fazer recortes de rotoscopia, se Quando sua faixa estiver concluída, você pode pressionar a barra de espaço e ela será reproduzida para trás ou para frente, dependendo de onde estiver, basta jogar pingue-pongue para frente e para trás entre elas frente e para trás Parece muito limpo para mim. Agora só precisamos definir a superfície onde queremos colocar algo. Então, voltaremos ao topo e encontraremos esse botão azul aqui, que é chamado de mostrar superfície plana Quando eu clico nele, você verá um retângulo azul com cantos, e só precisamos colocá-los no lugar certo Acho que o melhor é colocá-los aproximadamente na área certa e, em seguida, você pode ampliar usando a roda do mouse. E ajuste-os melhor. Para um objeto com cantos arredondados como esse, acho melhor tentar combinar as áreas planas aqui e provavelmente precisaremos dar uma volta e tocar em tudo novamente. Vou usar a ferramenta manual para ajustar minha visualização, e essa tecla de atalho é diferente aqui Você mantém pressionada a tecla X para pegar a mão e, em seguida, pode arrastá-la. Faça esse ajuste. Segure X, arraste até aqui, solte X ou pressione C para recuperar sua ferramenta de seleção, caso ela não funcione para você, e tente igualar essa borda. E vamos fazer o melhor que pudermos aqui. Vou diminuir um pouco o zoom para ter mais contexto e vamos ver como nos saímos. Parece que isso segue muito bem essa vantagem. Olhando para o outro lado, talvez eu precise ajustar isso apenas um pouco para adolescentes. A parte superior parece boa, a borda direita parece boa. A parte inferior parece boa. Ok, vamos diminuir o zoom, talvez ajustar essa visão novamente. E como já temos esses dados de rastreamento, isso vai ficar em vigor agora. Podemos pressionar a barra de espaço novamente para ver isso em ação e garantir que ele se encaixe corretamente em todo o clipe. Isso parece ótimo. Se você quiser verificar melhor a pista, clique neste ícone de grade rosa aqui em cima, e isso criará uma grade que fica no avião que você criou. Agora você pode visualizar isso e garantir tudo pareça estar no plano correto. Tudo isso parece ótimo, então vou interromper minha prévia. Você pode fazer várias faixas aqui, mas acabamos de fazer uma. Eu ainda vou renomeá-lo só para ser mais completo. Vou clicar duas vezes nele e chamá-lo de rosto do telefone. E então só precisamos salvar nosso projeto e sair. Agora, temos todos esses dados de rastreamento e podemos voltar à nossa interface do After Effects a partir daqui. No efeito Mocha, abrirei a área onde está escrito rastreamento e clicarei em Criar dados de rastreamento Novamente, só temos uma faixa, então ela vai fazer isso por nós. Se tivéssemos várias, haveria uma pequena lista suspensa onde poderíamos escolher para qual faixa queremos criar os dados. Supondo que eu queira fazer o que é chamado de pino de canto, e você pode ver aqui, ele realmente criou aqueles quatro cantos da nossa superfície, exatamente como colocamos dentro do rastreador Você tem a opção de apenas fazer uma transformação se quiser apenas obter os dados posicionais a partir disso Mas o Corner Pin é exatamente o que queremos aqui. Só precisamos trazer a fonte para aplicá-la. Então, vamos voltar ao nosso painel de projetos, pegar esse gráfico e trazê-lo para nossas composições Selecione nosso clipe. Volte ao efeito Mocha e diga qual camada queremos aplicar dados do Pin no canto e clique em Aplicar E hein? Bem, na verdade está rastreado corretamente, mas está no lugar errado E isso porque essas duas camadas não têm o mesmo tamanho. Da forma como o efeito do pino de canto funciona, uma vez que essa outra camada tenha o mesmo tamanho do clipe do qual obtivemos esses dados. Portanto, precisaremos fazer um pouco mais de trabalho antes que isso realmente pareça correto. Vou apenas desfazer e a maneira mais fácil de corrigir isso é pré-compor Mas se quisermos que ele se pré-componha exatamente no lugar certo e preencha a moldura, há outra coisa que precisamos fazer Então, eu clico com o botão direito do mouse, venho para transformar e dizer para caber na composição. Agora, isso vai parecer muito ridículo agora, mas assim que precompusermos isso e aplicarmos o efeito, ele parecerá Agora que temos esse conjunto para preencher o quadro, isso significa que ele terá o mesmo tamanho dessa composição depois de pré-compô-la Então, vamos clicar com o botão direito do mouse e escolher pré-composição. E queremos ter certeza de mover todos esses atributos para a nova composição. Então, ele leva essa escala boba junto com ela. Vou renomear isso de acordo conteúdo da tela, porque, é claro, é isso que está fazendo E clique em OK. Eu realmente não precisei dele para abrir essa composição, mas dessa forma, você pode ver, ele apenas a escondeu em uma composição do mesmo tamanho da nossa outra Vamos voltar aqui. Selecione nosso clipe novamente. Verifique se ele está olhando a camada certa para a qual exportar esses dados e clique em Aplicar. E agora veja isso. Perfeito. Precisamos fazer uma pequena limpeza nas bordas e, claro, precisamos terminar nossa composição, mas essa faixa parece muito boa para mas essa faixa parece muito boa Vamos interromper essa prévia e dar uma olhada no que o After Effects fez por nós. Em nossa camada de conteúdo de tela, ele aplicou um efeito chamado pino de canto e aplicou todos os dados posicionais do Mocha a cada um desses Então, esse efeito realmente pega os quatro cantos de qualquer camada e a move para um novo ponto. Na verdade, eu poderia mover um desses, e você poderia usar isso para distorcer as coisas, como quiser Claro, eu não quero mudar isso porque todos eles têm quadros-chave em cada quadro Então, se eu mexer com eles, vou estragar a pista. Ainda parece bom. O pino de canto é ótimo, mas na verdade tem algumas limitações você não pode fazer ajustes, como acabou de ver. Se eu quiser consertar um dos cantos, terei que consertá-lo em cada quadro, e isso dá muito trabalho. Então, uma técnica que eu realmente gosto de usar é usar um efeito ligeiramente diferente que faz a mesma coisa, mas é um pouco mais poderoso. Vamos ver nossos efeitos e predefinições e procurar o CC Power Pin E vou aplicar isso na minha camada. Você pode ver que é basicamente o mesmo efeito. Só tem mais algumas opções. Então, vou pressionar home para voltar ao início da minha composição e abrir o CC Power Pin. E vou copiar e colar cada um desses cantos em seu canto correspondente no PowerPin Então, no canto superior esquerdo, copie para o canto superior esquerdo, cole. Agora, é claro, isso parece errado porque estamos analisando os dois. Então, vou simplesmente desativar ou excluir esse efeito de pino de canto. O Power Pin não apenas oferece mais opções, mas também possui um ótimo visualizador onde ele realmente mostra as bordas do objeto, o que eu acho muito útil Você pode testar e ver que, sim, a trilha ainda está lá, mas, crucialmente, você tem essa pequena propriedade de expansão aqui, e acho muito útil poder movê-la apenas um pixel ou até meio pixel às vezes para cobrir qualquer borda Vamos tentar meio pixel em cada direção. E desmarque esse efeito e dê uma olhada rápida. Ei, lá vamos nós. Isso parece perfeito. Claro, temos alguns cantos para limpar e precisamos colocar a tela do telefone em cima disso, mas estamos quase lá. Acho que a melhor maneira de se livrar desses cantos da tela aqui será, na verdade, fazer isso dentro dessa pré-composição gráfica Então, vamos entrar aqui e ele. Bem, seria um pouco estranho arredondar os cantos aqui porque tudo está esticado e precisamos ter certeza de que nossos cantos estão esticados Então, embora isso possa não ser a coisa mais intuitiva de todas, acho que faria sentido pré-compor isso mais uma vez ao seu tamanho normal para que possamos fazer modificações que quisermos sem que pareça boba Então, vamos selecionar essa camada, clicar com o botão direito e pré-compor Desta vez, vamos deixar todos os atributos, então essa escala boba vai ficar aqui nesta pré-composição Vamos renomear isso como conteúdo de tela original E agora sabemos que é aqui que podemos fazer qualquer modificação no gráfico em um lugar que realmente faça sentido. Então, aqui está a aparência real do nosso conteúdo. E se estivéssemos fazendo animação, é aqui que gostaríamos de trabalhar. Eu só quero arredondar esses cantos, e acho que a maneira mais fácil de fazer isso seria criar um retângulo arredondado Então, vou selecionar essa ferramenta e clicar duas vezes nela para criar um retângulo arredondado do tamanho dessa composição Agora, eu sei, praticando isso, que acho que cerca 150 será o tamanho certo para esses cantos E então eu posso simplesmente dizer esse gráfico de tela para usá-lo como um tapete de corrida. E ele simplesmente cortará esses cantos ali mesmo. E quando analisamos nossa composição principal, ela deve estar correta. Perfeito. Agora, provavelmente há um mundo em que você poderia simplesmente terminar aqui, mas quero ter certeza de que as bordas da tela são perfeitas e, na verdade, existe um pouco da tela do telefone aqui em cima que está sendo encoberta por esse gráfico. Então, vamos corrigir isso. Temos nosso clipe original aqui e queremos que essa cópia fique na parte inferior. Vamos renomear isso como placa de fundo. Vamos fazer outra cópia para ficar em cima e depois nos livrar dessa área da tela. Vou fazer uma cópia desse clipe e renomeá-lo para a frente do telefone Pressione E e livre-se do Mocha porque não precisamos disso nesta cópia Vamos colocar isso em cima e agora teremos bordas perfeitas do telefone quando nos livrarmos desse verde. Claro, sabemos como fazer isso. Acho que o key lite sozinho provavelmente fará o trabalho maravilhosamente aqui Então, vamos colocar isso no clipe. Um conta-gotas tão verde. Ok, bem, temos uma chave muito boa. Precisaremos ajustar um pouco as bordas, mas como estamos em uma floresta, isso matou todas as árvores. Ok, bem, podemos lidar com isso. Vamos ver nossas vantagens primeiro. Você pode ver que há um pouco de brilho ao redor deles Mas aposto que entrar na tela é mate e talvez apenas mostrar um pouco o clipe preto. Vou arrastar isso até que chegue ao lugar certo torno de 30 parece muito bom para este clipe. Acho que isso limpou muito bem aquela borda brilhante. Vamos assistir isso bem rápido. E, ei, até manteve algumas dessas reflexões, que eu adoro Trouxe de volta aquele pedacinho na parte superior da tela do telefone. E isso parece ótimo. Só precisamos consertar o resto do mundo fora dessa tela, certo? Agora, há um mundo em que você pode passar a vida mascarando a tela do telefone, e isso é viável Mas, na verdade, já temos as peças para fazer isso funcionar. Agora, lembre-se, já temos outra camada que é exatamente do tamanho da tela do telefone. E se pegássemos isso e o expandimos um pouco para usá-lo como um tapete para esta cópia superior do telefone Bem, vamos até aqui, fazer uma cópia da nossa camada de conteúdo da tela e renomeá-la para screen Matt Vamos mover isso até o topo de nossas composições, e podemos vê-lo agora mesmo em cima de tudo, o que é bom Vamos dar uma olhada nessa propriedade de expansão e ver o que precisamos fazer para realçá-la um pouco mais para que possamos ver o resto da tela do telefone, mas não todas as árvores. Parece que cerca de dois a três para cada lado vai ser bom. Eu sei que é um pouco difícil de ver aqui. Às vezes, se você está fazendo um trabalho assim e precisa torná-lo mais visível, eu realmente gosto de usar o efeito de preenchimento apenas com o vermelho alto padrão, que torna muito mais fácil ver o que você está fazendo. Mas parece que fiz um trabalho muito bom. Talvez eu traga aquela bunda só um pouquinho. E agora podemos usar isso como um tapete para a camada frontal do telefone. Então, vamos alternar os interruptores e os modos e dizer à frente do telefone que use o tapete de tela como tapete de rastreamento E agora devemos ter uma pista perfeita, sem curvas, e o mundo está verde novamente. Parece ótimo. E mais uma vez, se você quiser animar o conteúdo na tela, você pode fazer tudo isso na pré-composição original do conteúdo da tela que fizemos, e tudo aparecerá aqui perfeitamente Se esse clipe tivesse dedos se movendo na frente da tela, isso também funcionaria. Você só precisa contorná-los usando algumas das ferramentas que já vimos. Obviamente, se eles tocarem e você quiser combinar a animação com ela, isso se torna mais complexo em termos de tempo e voltar e trabalhar com ela até que tudo corresponda. 79. Projeto do curso 12 - Substituição de tela: uma vez, gostaríamos que você colocasse essas novas habilidades em prática com um projeto de classe. Vamos ajudar a visualizar como nossos materiais promocionais aparecerão nos dispositivos dos clientes Sei que você está se acostumando a ouvir isso, mas o comprimento, o tamanho e a taxa de quadros da composição dependerão de você e, desta vez, serão determinados pelo clipe, pois sua composição deve corresponder às configurações do clipe. Você pode, é claro, cortá-lo para ficar mais curto, se quiser Você escolherá um videoclipe contendo algum tipo de tela que pode ser um telefone, um tablet, uma TV ou qualquer coisa parecida na cena, desde que haja algum movimento para que você precise rastreá-la. Fornecemos algumas sugestões, mas é claro que você também pode encontrar a sua. Em seguida, você usará o Mocha AE como um rastreador plano para seguir essa superfície e, em seguida, usará o pino de canto ou efeito CC Power pin para colar seu conteúdo nessa tela Como lembrete, aqui está o que eu criei. Esse dispositivo está se movendo por todo lugar, mas temos uma boa trilha sólida e podemos substituí-lo pelo conteúdo personalizado e fazer com pelo conteúdo personalizado e que tudo pareça estar junto. Então, você substituirá essa tela por seu próprio conteúdo personalizado. Mais uma vez, incluí um PSD editável. Então, se você quiser apenas fazer uma tela de telefone com a mesma dimensão e atualizar meu design para se adequar ao seu projeto, tudo bem. Mas você pode fazer algo totalmente do zero, se quiser. Só quero ter certeza de que o que você cria corresponde aproximadamente às dimensões da tela que você está substituindo, para que ela não fique esticada ao fixá-la no lugar Quanto aos resultados, como sempre, exporte sua animação como um arquivo MP four, faça o upload para um site de hospedagem de vídeo e compartilhe esse link conosco Por favor, não envie links para sites de armazenamento em nuvem e compartilhe isso nas redes sociais quando terminar. Talvez você possa realmente entender isso e fazer com que seu clipe seja alguém vendo seu próprio clipe em um site de mídia social no dispositivo que está no clipe Talvez não. Isso provavelmente é um pouco profundo demais. Mas divirta-se com isso. Boa sorte e nos vemos na próxima lição. 80. Rastreie uma cena com o rastreador de câmera 3D: nosso último exemplo, encontrei essa foto aérea arrebatadora em uma paisagem ampla Na verdade, isso foi filmado no Vale da Morte, não em outro planeta, mas, ei, você pode pensar que seria difícil rastrear algo nessa foto, mas na verdade serão menos cliques do que algumas das técnicas anteriores Agora, provavelmente não seria muito difícil ampliar aqui e rastrear algo até um desses astronautas usando um desses pontos neles Claro, eles estão se movendo um pouco, mas acho que você poderia entrar lá e fazer uma pequena chamada falando do nome ou da posição deles ou algo parecido. Mas estou tentando rastrear alguns trechos de texto na cena para fazer parecer que eles vivem no mesmo ambiente e seguem o movimento da câmera. Então, mais uma vez, eu criei uma composição a partir desse clipe, exatamente como esta. Portanto, ele tem as mesmas configurações , o que é importante aqui. Eu já cortei isso para uma área um pouco menor. Vou seguir em frente e cortar isso na área de trabalho. Acho que isso é suficiente para a técnica que estou mostrando. E há mais uma coisa que eu quero destacar, é que eu realmente baixei esse clipe como um MP quatro, mas antes de trazê-lo aqui para esse rastreamento, achei que funcionaria melhor se eu o convertesse em achei que funcionaria melhor se eu o convertesse um formato intermediário chamado Pro Rs. codificador Adobe Media também está instalado em seu sistema, junto com o After Effects ou o Premiere, e você pode usá-lo como uma forma exportar do After Effects, mas também de converter arquivos antes de trazê-los Vou arrastar o arquivo diretamente aqui. E eu vou escolher o QuickTime. E o ProRes 422 LT. Acho que é um bom formato para esse caso de uso. É muito menos comprimido e, portanto, o After Effects não precisará se esforçar tanto para fazer parte desse rastreamento Vou clicar nesse botão para converter, e é isso que eu importaria para o After Effects. Eu já tenho esse clipe aqui, então estou pronto para acompanhar. Tudo o que preciso fazer é selecionar o clipe e, no menu Animação aqui ou no painel do rastreador, escolher Rastrear câmera E assim que você clicar nele, After Effects começará a funcionar, você poderá ver um indicador de progresso no painel Controles do efeito. E assim que isso for concluído, você verá esses pequenos Xs coloridos em toda a sua filmagem Esses são os marcadores de rastreamento que o After Effects usou para resolver essa câmera Você verá alguns deles desaparecerem à medida que avança. Esses são apenas pontos nos quais ele não confia tanto. Mas a maioria deles permanece no lugar durante toda a cena. Se você quiser que eles sejam um pouco maiores, você pode fazer isso aqui, abaixo do tamanho dos pontos de rastreamento. Vou apenas dimensioná-los para que sejam mais fáceis de ver. E agora só precisamos escolher alguns dos pontos que queremos usar para colocar um objeto na foto e criar uma câmera virtual que corresponda à real. Estou planejando colocar um pedaço de texto aqui em primeiro plano, bem como no céu Para aquela no céu, obviamente não terei marcadores de rastreamento aqui porque não há informações Mas eu tenho toda essa área terrestre abaixo, onde poderei encontrar o lugar certo e depois trazê-la de lá. Então, vamos falar um pouco mais tarde na foto. E você notará que, ao girar o cursor, há na verdade um alvo aparecendo aqui, que é o After Effects tentando encontrar um avião a partir desses pontos de rastreamento. Para confirmar um desses, eu só preciso selecionar um grupo de pontos. Temos alguns aqui, então vou pegar alguns. Eu posso simplesmente clicar e arrastar e obter uma boa seleção grande. Só quero ter certeza de que não vou encontrar nada nesse penhasco frontal aqui em cima Isso parece muito bom para mim, mas você sempre pode redesenhar se precisar Quando estiver satisfeito com seu alvo, basta clicar com o botão direito do mouse e você terá essas opções aqui. Estou planejando usar este primeiro, em que vou criar um texto e uma câmera, mas você verá que também pode criar um objeto sólido ou nulo, bem como uma versão mais avançada que cria o que é chamado de captador de sombras, câmera e luz Isso é um pouco mais avançado e nos preocuparemos com isso mais tarde. Vou escolher a opção mais simples, criar texto e câmera. Então, ele criará para mim um pedaço de texto, texto em três D, na verdade, bem como uma câmera que o ajudará a rastrear essa cena. Vamos definir esse texto como branco para que fique mais visível e fazer uma prévia rápida para ver o que temos. Então, obviamente, temos um problema de configuração aqui, mas com certeza parece que o texto foi rastreado corretamente na foto Vamos interromper a pré-visualização aqui e vou manipular esse texto para trazê-lo para o céu Como esse texto é um objeto de três D, você notará que os controles de camada parecem um pouco diferentes. Falaremos mais sobre três camadas D no grupo de aulas a seguir. Então, agora, vamos realmente fazer isso a olho nu. Você pode fazer isso visualmente usando os controles aqui na camada ou também pode examinar seu painel de propriedades e ajustar as propriedades de rotação aqui. Você verá que, como estamos em três espaços D, temos propriedades rotacionais diferentes para todos os três eixos, em vez de apenas um Seu eixo X move o objeto assim. Seu eixo Y move o objeto dessa forma e sua rotação Z gira assim, que é efetivamente a rotação a que você está acostumado , desde que o objeto esteja apontado diretamente para você Você pode ajustar a orientação ou a rotação. Como não estamos animando esse trecho de texto, realmente não importa se queremos que ele tenha a aparência correta Portanto, sinta-se à vontade para limpar esses números ou entrar aqui no visualizador e ajustar os controles diretamente na camada Ao pegar cada um desses pequenos controles de bola aqui, você pode girar em cada um desses eixos e girar a camada até que fique perfeita Você também pode mover isso em todas as três dimensões para poder ir direto para cima em Y, para a esquerda ou para a direita em X, ou em direção ou para longe de nós em Z. Vou trazer isso diretamente o céu e depois empurrá-lo um pouco sobre X. E vamos ver qual é a sensação. Muito bom. Para realmente provar que isso está funcionando, gostaria de adicionar outro texto aqui em primeiro plano Para fazer isso, precisarei selecionar novamente os três efeitos de rastreamento de câmera D que estão na minha filmagem E isso tornará todos esses pontos de rastreamento visíveis novamente. Vamos encontrar uma boa área grande aqui em primeiro plano. É um pouco denso aqui, mas você pode ver esse alvo. Vou clicar com o botão direito novamente e escolher Criar texto. Já temos uma câmera, então não precisamos fazer outra. Vamos desmarcar isso E você pode ver que essa nova parte do texto está devidamente rastreada em primeiro plano É um pouco grande demais. Vamos interromper a pré-visualização, selecionar esse texto em primeiro plano E, novamente, vou girar. Vamos escalar isso para que tenha um tamanho um pouco mais apropriado. Talvez eu diminua um pouco. E vamos ver como é. Bom. Você precisa ter cuidado ao fazer algo assim. Quanto mais perto você estiver do chão, mais preciso será quando estiver movendo coisas, mas acho que isso funciona muito bem. Vamos continuar e atualizar o que eles realmente dizem. E talvez eu precise ajustar as posições novamente. Acho que a exploração provavelmente é um pouco grande demais. Então, vamos reduzir isso um pouco. Talvez mova-o um pouco para a esquerda. Ótimo. Vamos terminar isso com apenas um pouco de animação de texto, e acho que terminamos. Hum, 81. Projeto do curso 13 - Rastreamento da câmera.: hora de outro projeto de classe, sortudo número 13, e adoraríamos que você encontrasse uma cena dinâmica em movimento para uma próxima promoção e garantisse que incluíssemos algum texto na foto de uma forma que pareça que ela realmente pertence e se misture com todo o resto. Mais uma vez, o comprimento, tamanho e a taxa de quadros dependerão de você. Esse tamanho e taxa de quadros serão determinados pelo seu clipe. Sua composição deve corresponder às configurações do clipe para que o rastreador da câmera funcione corretamente Mas o comprimento dependerá de você, longo ou curto que você queira que seja. Gostaríamos que você escolhesse um videoclipe com algum tipo de movimento dinâmico da câmera. Incluímos algumas opções para você, mas, como sempre, você pode encontrar a sua própria. Você descobrirá que imagens aéreas funcionam muito bem para isso, desde que você tenha algum tipo de Por exemplo, a água provavelmente é uma má escolha e um grande céu aberto sem detalhes para rastrear também será uma má escolha. Mas se você conseguir encontrar algumas lindas fotos sobrevoando montanhas, cânions ou coisas assim, ele parecerá outro planeta com talvez um pouco de correção de cores, e funcionará muito, muito bem com aquele rastreador de três câmeras D. Depois de concluir a faixa, você adicionará pelo menos um pedaço de texto ou algum outro elemento gráfico, se quiser um desafio, à foto, e quer ter certeza de que ela se mova corretamente e esteja integrada. Não deveria estar trêmula, não deveria estar flutuando ou deslizando de uma forma estranha Se você se deparar com isso, talvez queira tentar sua faixa novamente ou talvez tentar um clipe diferente. Como lembrete, aqui está o que eu criei. Quando terminar, exporte essa animação como um arquivo MP four, faça o upload do vídeo exportado para um site de hospedagem como Vimeo, YouTube ou Behance e compartilhe esse link conosco, Mas, por favor, não envie nada de um site de armazenamento em nuvem e certifique-se de compartilhar nas redes sociais quando terminar. Esses tipos de clipes sempre ficam ótimos, e tenho certeza de que você receberá uma ótima resposta nas redes sociais Essa técnica parece muito legal e, na verdade não exige tanto trabalho quanto as pessoas provavelmente pensam. Então, espero que você esteja animado para fazer algo. Estou ansioso para ver o que você cria. Boa sorte 82. Camadas 2D no espaço 3D: Você teve uma rápida introdução informal aos três D na última lição, mas vamos dedicar alguns minutos para entender adequadamente o que está envolvido em trabalhar com três D aqui no After Effects. Isso é melhor descrito como um programa em dois D com três recursos em D. Algumas pessoas se referem a ele como 2.5 D. Eu digo isso para diferenciá-lo de um aplicativo dedicado em três D, como Blender ou Cinema four D. Dito isso, você tem muitos dos mesmos recursos no After After Você pode mover e girar camadas em três espaços D. Você pode trabalhar com câmeras e iluminação e pode até mesmo importar três modelos D ou criar formas simples de três D com texturas editáveis Muitos desses recursos vêm com complexidade adicional e limitações específicas, e podem ser muito mais exigentes para sua máquina. Portanto, é melhor primeiro entender o básico. Estou apenas trabalhando com alguns recursos de nossas aulas anteriores como demonstração, mas se isso ajudar você a acompanhar, você pode pegar o que quiser. Estou apenas trabalhando com alguns recursos de nossas aulas anteriores. Se isso ajudar você a acompanhar, você pode simplesmente pegar o que quiser. Eu tenho essa camada de planeta já aberta para que você possa ver todas as propriedades de transformação e, é claro, também pode vê-la no painel de propriedades. Vou até minha coluna de interruptores aqui e encontrar esse interruptor aqui embaixo desse pequeno ícone de cubo Clicar aqui ativará três D para essa camada e observará o que acontece com as propriedades de transformação quando eu faço isso. Observe que o ponto de ancoragem, a posição e a escala têm uma propriedade adicional para seus valores Z, e a rotação passou de uma propriedade para quatro No que diz respeito à posição, isso geralmente funciona da mesma forma. Você pode se mover para a esquerda e para a direita em X. Você pode se mover para cima e para baixo em Y, mas agora também pode se aproximar e se afastar de nós no espaço Z. Você também pode escalar coisas em três dimensões, embora isso seja um pouco menos comum aqui por motivos que ficarão claros em um minuto. rotação é provavelmente a maior mudança, porque agora você precisa pensar em vários eixos de rotação Você pode fazer isso aqui no visualizador usando o que é chamado de três D Gizmo Ou, é claro, você pode ajustar os valores esfregando-os, como fizemos muitas Acho que é um pouco mais fácil ver o que você está fazendo ao manipular o Gizmo e, na verdade, você tem rollovers que ajudam a ver o que você está Esse círculo vermelho aqui será nossa rotação X. E se eu pegar essa pequena bolha nela, posso girar minha camada em torno do eixo X. Vamos desfazer isso e encontrar o eixo Y. Então, estamos girando em torno do Y desse objeto. Vamos desfazer e encontrar Z, que quando a camada está apontada para você, é basicamente a rotação normal que você está acostumado a ver em dois D. Você pode notar que eu realmente estou ajustando a propriedade de orientação quando arrasto E só para diferenciar, observe que a orientação tem três graus, mas não tem rotações completas Essencialmente, isso serve apenas para definir uma posição inicial para sua camada e, em seguida, você pode animar a rotação de cada um dos eixos além disso Certamente é possível animar a orientação, mas geralmente é melhor evitar isso porque não é possível fazer rotações completas E quando você der uma volta completa, ele simplesmente voltará para zero. Vamos redefinir essa camada e movê-la de volta para cá. Vou ampliar isso um pouco. A coisa mais importante a entender sobre três D aqui no After Effects é que suas camadas normalmente ainda estão planas. Vamos continuar e habilitar três D para essas outras camadas , para que possamos entender melhor com o que estamos lidando. Se eu pegar essa camada e movê-la um pouco em nossa direção no espaço Z e depois girar minha camada em X, posso realmente encontrar um lugar onde partes dessa camada estão desaparecendo Como estamos em três espaços D, agora precisamos começar a nos preocupar com as camadas que se cruzam Isso é um pouco mais fácil de ver usando uma exibição secundária. Se você olhar para a parte inferior do painel de visualização, você tem essa pequena lista suspensa aqui, e eu vou escolher duas visualizações aqui. Nesta segunda visualização, eu tenho essa configuração para uma visualização personalizada. Você pode experimentar alguns desses outros e ver se isso ajuda você. Ter essa perspectiva adicional pode ser muito útil para entender o que realmente está acontecendo. Vou selecionar minha camada de planeta novamente e agora observar o que acontece quando eu a movo em Z. Agora ela está se movendo em relação à sua rotação atual Então, na verdade, não está diretamente em nossa direção. Está em nossa direção em um ângulo. E você pode ver que, à medida que eu o movo para frente e para trás, ele chega a um ponto em que cruza a cruza Mas ambos ainda são apenas planos em três espaços D ou cartões postais no espaço, como algumas pessoas gostam de chamá-los Portanto, ao mover as camadas, você precisa estar atento não apenas a onde elas estão no espaço e na sua pilha de camadas, mas também a onde elas estão no espaço de três D em relação uma à outra Vamos abrir a propriedade de posição de ambos para que você possa entender melhor o que está acontecendo. Se eu pegar este planeta e ajustar esse valor Z para que seja um número positivo, isso significa que ele está mais longe de nós do que nossa camada de fundo que tem um valor Z igual a zero. Quanto menor o número, mais próximo ele está de nós. Então, agora, essa camada do planeta não é visível para nós porque, na verdade, está atrás dessa camada espacial no espaço Z, embora esteja acima dela na pilha de camadas Então, como você pode ver, isso adiciona uma outra dimensão literal de coisas às quais você precisa prestar atenção ao trabalhar com camadas Você também precisa prestar atenção ao misturar duas camadas D e três D na mesma composição, o que você pode absolutamente fazer. Se você olhar agora, verá que todas essas três camadas têm três D ativadas, e há um pequeno contorno ao redor das três, indicando que elas estão agrupadas no que é chamado de compartimento de três D. Veja o que acontece se eu desativar três D para a camada do foguete Agora, esse contorno está apenas ao redor do planeta e do fundo Mas se eu pegar a camada do foguete, que agora é de dois D, e colocá-la entre o planeta e o fundo na pilha de camadas, ela realmente quebra o compartimento de três D. Então, essas duas camadas estão em um espaço de três D, mas como coloquei uma camada de duas D entre elas, agora quebrei essa relação de renderização Na verdade, isso é algo que você pode fazer intencionalmente quando precisar Mas como você está apenas começando com isso, eu provavelmente não recomendaria , pois isso pode causar um pouco de confusão. Vamos transformar isso em uma única visão, e há mais uma coisa que eu quero explicar. Vamos voltar a colocar esse foguete em uma camada de três D, e você verá que nosso planeta desaparece porque, novamente, está mais longe de nós do que o Então, vamos em frente e trazer isso para nós, trazer esse Z de volta ao negativo. Então, está na frente desse fundo, e vamos mover o foguete um pouco em nossa direção e talvez girá-lo um Então, agora, temos algumas camadas que têm valores Z diferentes, com o foguete e o planeta mais próximos de nós do que o fundo da estrela Se eu selecionar todas as três camadas e pré-compô-las, elas são, obviamente, tratadas como uma camada agora, como seria de esperar E eu posso habilitar três D para isso e hein? Bem, eles falharam novamente. Se você quiser ter acesso aos três D ness dentro dessa pré-composição, há um pequeno interruptor mágico que realmente permite Esse pequeno interruptor aqui , que parece um pouco com um sol, nós o usamos anteriormente para fazer com que as camadas do Illustrator sejam continuamente rasterizadas, certo? Você também pode usar isso em pré-composições para fazer o que é chamado de transformações de colapso E isso nos permitirá realmente ver três camadas D aqui nesta única camada, bem como algumas outras coisas que explicarei em um minuto Veja o que acontece quando eu clico aqui. De repente, essas camadas estão na frente do fundo e observe que os limites da camada agora também têm profundidade E quando eu giro isso, você pode ver totalmente a profundidade dentro dessa pré-composição, mesmo que tenhamos reduzido isso em Mas entenda que isso só funciona se as camadas internas já tiverem sido definidas como três D. Eu quero oferecer mais um aviso sobre o uso de transformações de colapso Isso também significa que coisas como efeitos, modos de mesclagem e tapetes também passarão por isso, que pode causar muita confusão Então, novamente, isso é provavelmente algo de que eu o afastaria até que você tivesse um melhor controle de tudo Por fim, você deve entender que trabalhar em três D significa que agora seus caminhos de movimento podem ficar um pouco mais complicados Se eu habilitar a animação para a posição nessa propriedade e passar para outro momento, é claro, eu poderia simplesmente trabalhar no mesmo tipo de espaço X e Y, e meu caminho de movimento será bem simples Mas se eu levar Z para aquela festa, agora esse caminho de movimento está, na verdade, em todas as três dimensões, e se torna um pouco mais complexo trabalhar dessa maneira, especialmente se você tiver várias camadas movendo em várias dimensões ao mesmo tempo, aumentando a possibilidade de interseções Como você pode ver, isso tem a possibilidade de se tornar muito complexo muito rapidamente. Agora, eu não quero que você se deixe intimidar, mas eu queria expor algumas delas para você, caso você comece a explorar e se encontre fora da sua zona de conforto Mas, assim como nas partes anteriores deste curso, vamos recuar e lidar com os fundamentos para que você se sinta confortável 83. Fluxo de trabalho do design em movimento: Trabalhamos principalmente com exemplos curtos e únicos neste curso, porque o movimento pode ser muito demorado, mas quero ter certeza de que você está preparado para um projeto real. Então, vamos falar sobre como é esse fluxo de trabalho. Obviamente, elas não são universais, mas a maioria delas se aplica a qualquer projeto com mais de uma ou duas fotos. Gosto muito de usar a metáfora de uma cachoeira para projetos em movimento porque é possível voltar para uma etapa anterior, mas é muito mais fácil seguir o fluxo e garantir que cada etapa seja aprovada pelas partes interessadas envolvidas antes de passar para a próxima Você definitivamente não quer passar 40 horas animando algo e depois ouvir que o roteiro e os designs originais precisam ser totalmente refeitos, Portanto, certamente não são universais, mas essa é uma boa visão geral do que maioria dos projetos padrão provavelmente envolverá e da ordem em que eles devem acontecer. Normalmente , você começa com algum tipo de conceito, sejam apenas pontos ou exemplos do tipo de look que você procura E isso normalmente será desenvolvido em um roteiro, que pode ter diálogos totalmente roteirizados e descrições dos visuais, para que você possa ter certeza de que tem todas as peças de que precisa em ambos e está comunicando a mensagem que deseja Seus visuais reais podem começar como esboços a lápis, e eles podem ser desenvolvidos em um storyboard completo, onde cada parte do diálogo ou descrição está alinhada com esses onde cada parte do diálogo ou descrição está alinhada Esses são aprovados, podem começar a ser refinados até os quadros finais do design e, ao mesmo tempo, os esboços ou os designs finais podem ser usados para criar o que é chamado de animação, onde você usa esses visuais, brutos ou refinados, junto com qualquer narração, que, novamente, pode ser aproximada ou final e, idealmente, algo que seja representante da música final para ajudar a dar a você o ritmo e a sensação Uma animação é muito útil para desenvolver uma ideia de como será a sensação da peça final em uma forma aproximada antes de realmente dedicar todo esse tempo à animação Isso é útil para você e, potencialmente, para suas partes interessadas. Depois de bloqueado e/ou aprovado, você pode passar para uma animação aproximada, na qual você pode estar apenas fazendo simples bloqueios ou apenas marcando as principais batidas do roteiro Você pode refinar uma ou duas fotos nesse estágio, apenas para garantir que a sensação final faça sentido Novamente, antes de seguir em frente e animar todo o projeto. Quando suas partes interessadas se sentirem bem com isso, você poderá mergulhar e terminar de refinar o resto da animação e fazer com que tudo pareça mais definitivo Depois disso, é aí que você pode fazer o polimento visual final e os retoques finais da camada de ajuste que trazem tudo para casa É também nesse momento que você gostaria de fazer sua mixagem final de som porque o tempo está bloqueado e, dessa forma, você não perderá tempo mixando som em algo que ainda pode ter mudanças de tempo Feito isso, você entrega os arquivos finais em qualquer formato apropriado, arquiva seu projeto e passa para o próximo. 84. Adicionar perspectiva a uma imagem plana.: Vamos usar alguns desses novos conhecimentos tridimensionais para criar uma mudança dinâmica de perspectiva como forma de ajudar a tornar uma imagem estática mais interessante e envolvente. Mas em vez de mover a camada em si, vamos criar e animar uma câmera virtual Eu já importei essa imagem, que é apenas uma captura de tela do site da NASA, e você pode ver que eu a capturei a quatro K. Vamos trabalhar às 19:20 por 1080, então ter uma imagem maior me dá muita flexibilidade para chegar mais perto Vou começar criando novas composições. E vou usar essa predefinição de 1920 por 108030 quadros por segundo Você pode usar qualquer coisa similar. 4 segundos parecem uma boa duração para isso, e a cor de fundo não importa. Então, vou clicar em OK. E eu vou pegar essa imagem e arrastá-la diretamente para minhas composições Você verá que é muito grande para a moldura no momento, mas isso é realmente bom. Em seguida, criaremos uma câmera. Na verdade, fizemos isso anteriormente como parte de uma aula de rastreamento, mas vamos criar uma do zero e animá-la nós mesmos Você pode ir até o menu Layer e escolher uma nova câmera, ou você pode pressionar Control Alt Shift C, ou, claro, Command Option Shift C. Ou você pode descer até a área vazia aqui, clicar com o botão direito do mouse e escolher uma nova câmera. Você verá esse pop-up que oferece todos os tipos de opções para criar a câmera. O primeiro lugar que você provavelmente deseja visitar é esse menu suspenso predefinido 50 milímetros é a distância focal mais próxima do olho humano, e é meio que um bom meio termo Se você for aos extremos aqui, poderá usar uma lente extremamente grande angular ou uma lente telefoto, e isso terá um impacto na aparência da cena e no comportamento da câmera Definitivamente, eu recomendaria criar uma cena de amostra, como a que usamos na lição anterior, e experimentar algumas distâncias focais diferentes e ver como elas afetam a aparência de tudo Deixe o conjunto em 50. Também vou ressaltar que, como essa é uma câmera virtual, você pode fazer com que qualquer uma dessas configurações seja praticamente qualquer coisa. Eu poderia definir essa distância focal para 2 milímetros. Elas não precisam ser coisas que são possíveis no mundo real. Então, novamente, sinta-se à vontade para experimentar e experimentar todos os tipos de coisas malucas aqui. A outra configuração que devo destacar está aqui. O padrão é uma câmera de dois nós, e vou explicar o que isso significa em um minuto com alguns recursos visuais. Você pode configurar isso para uma câmera de um nó, qual algumas pessoas acham um pouco mais fácil trabalhar. Mas acho que, neste exemplo, dois nós serão muito mais intuitivos. Então eu vou pressionar Ok. E antes de trabalharmos com nossa câmera, precisamos ter certeza de que essa outra camada esteja configurada para três D para que os movimentos da câmera realmente nos mostrem algo. Para ajudar você a entender o que está acontecendo, vou voltar a essa visualização dupla e garantir que minha segunda esteja configurada como visualização personalizada. Mas, novamente, você pode escolher uma visão diferente aqui se isso ajudar você a entender melhor. Vou diminuir um pouco o zoom neste lado direito para que você possa realmente ver o que estamos vendo. À esquerda, estamos vendo nossa composição pela câmera. E aqui à direita, você pode ver nossa camada em três espaços D e aquela câmera virtual que tem os mesmos três controles de camada D que vimos na lição anterior, bem como a área que ela está examinando atualmente. Então, à medida que usamos os controles para mover a câmera, você realmente verá essa câmera se mover e se ajustar em um espaço de três D. Vou selecionar minha composição à esquerda novamente e, acidentalmente, selecionei minha camada ao clicar aqui para que você possa ver que foram necessários esses três controles D. Mas não queremos animar a camada. Na verdade, só por segurança, vou descer aqui e bloquear essa camada para que não possamos movê-la acidentalmente Mas olhando aqui neste visualizador esquerdo, vou usar as ferramentas da câmera para ajustar nossa visão. Você pode encontrar cada um deles aqui na barra de ferramentas. Aqui está a ferramenta de órbita que gira a câmera, o PayNTol que move você em X e Y e a ferramenta Dolly que move você em Z. Você verá que cada uma delas tem opções adicionais abaixo dela, mas vamos usar a ferramenta superior para o PayNTol que move você em X e Y e a ferramenta Dolly que move você em Z. Você verá que cada uma delas tem opções adicionais abaixo dela, mas vamos usar a ferramenta superior para cada uma delas. Você pode vir até aqui e clicar nesses botões, mas é claro que eles têm teclas de atalho Você pode percorrer cada um deles usando a tecla C. Então, agora eu estou na órbita. Vou pressionar C uma vez e agora estou na ferramenta Pan. Vou pressioná-la mais uma vez, e agora estou usando a ferramenta Dolly, que me moverá para dentro e para fora da cena Você também pode ativar temporariamente cada uma delas usando uma, duas e três teclas na parte superior do teclado. Então, segurar uma tecla me dará a ferramenta de órbita temporariamente até que eu a solte. Segurar as duas teclas me dará a ferramenta pan, e segurar as três teclas me dará a ferramenta Dolly, se eu ainda não a tiver selecionado Assim, você pode usar qualquer um deles, o que for mais confortável para Vou começar usando a ferramenta dolly, que afasta nossa câmera da imagem enquanto clico e arrasto E se eu voltar longe o suficiente, você verá as bordas da nossa imagem, o que obviamente não queremos aqui. Vou criar um movimento dinâmico ampliado partir dessa área e depois recuar para ver todo o quadro Mas podemos usar isso para criar alguns ângulos interessantes, e essa pode ser uma ótima maneira de dar vida a uma imagem estática que você precisa incluir em um vídeo e ajudar seus espectadores a se concentrarem em uma parte específica da imagem e depois revelarem a coisa toda. Vou usar essa ferramenta Dolly para nos aproximar daqui e depois passar para minha ferramenta de panorâmica para ajustar a visualização, Dolly em um pouco Ferramenta Pan. Eu tenho uma ótima pequena área emoldurada e ainda não ajustei minha ferramenta de órbita Então, eu ainda estou olhando diretamente para essa imagem. Acabei de ajustar a posição e a boneca da câmera. Vou selecionar minha câmera e abri-la. E você verá que essa camada de câmera tem a maioria dos mesmos controles com os quais estamos acostumados. Mas em vez de um ponto de ancoragem, ele tem algo chamado ponto de interesse E olhando para o visualizador certo, você pode realmente ver isso. Aqui está a posição da minha câmera, e podemos girar a câmera em torno de seu ponto atual, mas você também pode selecionar o ponto de interesse e realmente movê-lo para mudar o que sua câmera está olhando sem mudar sua posição Muito legal, certo? Vamos desfazer isso Uma câmera de um nó não terá um ponto de interesse. Esse controle simplesmente não existirá. Assim, você pode ajustar a posição e a rotação da câmera, mas não terá um controle para determinar especificamente o que ela está olhando. Para alguns projetos, isso seria mais simples e, para outros, isso tornaria as coisas mais difíceis Você só precisará determinar o que é certo para você em cada contexto. Para este, quero ser capaz determinar o que as câmeras estão vendo. Então, quando animarmos isso, precisaremos estruturar o quadro-chave do ponto de interesse e da posição Então, vamos criá-los e avançar um pouco. Digamos que cerca de 3 segundos aqui. Vou voltar aqui e usar as ferramentas da minha câmera para ajustar a visão. Vamos voltar para que possamos ver o que estamos fazendo. Passe por cima. E isso ficaria bem. Seria apenas uma espécie de zoom simples. Honestamente, você pode conseguir a mesma coisa apenas escalando a camada Então isso não é muito interessante. Vamos usar a ferramenta de órbita e definir um bom ângulo dinâmico aqui. Você provavelmente precisará usar esses três controles em combinação um com o outro até encontrar o que está procurando. E você precisa ter cuidado para não mostrar acidentalmente algumas das bordas ao fazer esses ajustes Se você estiver usando uma imagem diferente, é claro, suas configurações serão um pouco diferentes das minhas. Vamos tentar uma prévia rápida e ver como isso se parece. Ok, nada mal. Acho que um ângulo um pouco mais dinâmico pode ser ainda mais interessante. Deixe-me ver se consigo fazer isso sem perder minhas vantagens aqui. Apenas continue navegando nisso. E se eu conseguir encontrar o lugar certo. Eu acho que isso é muito bom. Vamos aperfeiçoar um pouco esses quadros-chave. Vou movê-los, selecionar todos eles e o Easy Ease, vamos abrir o editor gráfico. Agora, como ambas são propriedades semelhantes a posições, não poderei usar o gráfico de valores aqui, então precisarei ter certeza de que estou configurado para o gráfico de velocidade. Vou selecionar os dois ao mesmo tempo. Traga-as, e vamos trazer também as chaves de aterrissagem e ver como é. Agradável. Então, isso me dá uma ótima maneira de enquadrar uma área específica de interesse para direcionar a atenção do espectador para ela e , em seguida, retirá-la para mostrar o quadro inteiro. Se você decidir que não gosta do que fez, é claro que pode reiniciar a câmera aqui mesmo. Há também um controle especial para reiniciar as câmeras que você deve ter notado quando eu estava neste menu anteriormente. Na verdade, você pode redefinir qualquer visualização atualmente selecionada. Acontece que estou selecionado na visualização personalizada no momento, então posso redefini-la se eu tiver feito algum ajuste nela. Ou eu posso voltar, selecionar aqui e redefini-la para a visualização padrão, se é isso que eu queria. Mas é claro que, no momento, eu não termino isso, vamos voltar à visão única. Aumente o zoom e assista à nossa prévia final. Essa técnica também pode ser muito eficaz com imagens em movimento, especialmente em uma captura de tela como essa Você só precisa estar muito mais atento ao cronometrar e coordenar os movimentos para não criar distrações com um ou outro 85. Projeto do curso 14 - Movimentos de câmera 3D: Mais uma vez, é hora do projeto da aula, e temos uma próxima apresentação que precisará de algumas imagens estáticas Então, queríamos saber se há algo que você possa fazer para que pareçam mais interessantes. comprimento da composição, o tamanho e a taxa de quadros dependerão novamente de você. Eu sugeriria usar um quadro de 1920 por 1080 porque é muito fácil obter imagens maiores do que isso e isso lhe dará bastante flexibilidade Gostaríamos que você coletasse três imagens diferentes que sejam relevantes para o seu destino. E, novamente, é ideal se você puder salvá-los com pelo menos o dobro do tamanho da moldura. Então, seriam quatro K ou, se você os achar ainda maiores, isso lhe daria ainda mais flexibilidade sem qualquer perda de qualidade. Queremos que você crie um pequeno movimento dinâmico de câmera para cada imagem e depois as reúna em um único vídeo. Agora, você pode fazer cada um deles em sua própria composição. Ou, se quiser, você pode fazer todos os três em uma composição com a mesma câmera. Você só precisa estar um pouco mais atento ao corte e ao quadro-chave Essa será uma boa oportunidade para praticar o trabalho com câmeras de algumas maneiras diferentes. Pratique refinar esses quadros-chave e, idealmente, encontre uma maneira de fazer essas três fotos, sentir que elas funcionam juntas e, se possível, não haja grandes saltos abruptos Quando terminar, como sempre, exporte sua animação como um arquivo de vídeo MP quatro. Envie seu vídeo exportado para um site de hospedagem de vídeo e compartilhe esse link conosco Não envie nada para sites de armazenamento em nuvem e compartilhe isso nas redes sociais quando terminar. Esse seria um ótimo pequeno exercício para se sentir confortável com três câmeras D e apenas três espaços D em geral. Boa sorte 86. Crie um efeito parallax: Nesta lição, trabalharemos com algumas ilustrações que eu criei no Illustrator Vamos dar uma olhada rápida nas camadas com as quais temos que trabalhar. Temos um céu de fundo, algumas luas, esse foguete que planejaremos animar no céu, algumas camadas de montanhas e, em seguida, edifícios no fundo, no meio e no Aqui no After Effects, estou importando esse arquivo como um tamanho de camada de composição E você verá que o tamanho desse quadro é um pouco diferente do que normalmente trabalharíamos. Vamos abordar isso em apenas um momento. Vamos abrir isso. E, claro, seria possível animar uma cena como essa totalmente em duas D. Teríamos que selecionar cada camada, abri-la e ajustar essas posições Mas então precisaríamos fazer o mesmo cada uma das outras camadas, e em cada uma, precisaríamos ajustá-la um pouco menos, e isso fica muito difícil quando você está lidando com muitas camadas como essa. Há muitas idas e vindas ajustando cada um, e é possível que fique muito complicado Na vida real, quanto mais longe do seu olho algo está, menos ele parece se mover à medida que você muda sua perspectiva. Podemos replicar isso aqui no After Effects afastando as camadas de nós e, mais uma vez, usaremos a câmera como nossa principal forma de animar essa cena Vou abordar isso um pouco para nos dar mais espaço para trabalhar na linha do tempo Vamos fazer um pouco de limpeza antes de começarmos a animar Pensando em nossas camadas, temos o fundo do céu e essas duas luas que realmente não precisarão se mover em relação ao céu E, como eu disse, estou planejando animar esse foguete no céu, mas ele também está tão longe que basicamente estará no mesmo plano do céu, e acho que não preciso lidar com a complexidade de um caminho de movimento em três D Então, o que faz mais sentido é selecionar todas essas quatro camadas e pré-compô-las Então, vamos tratá-los como uma peça única e animar o foguete dentro dessa Vamos fazer um pouco de codificação rápida por cores. E defina todas essas camadas como três D. Agora que temos tudo importado e configurado, vou atualizar as configurações da composição. Então, chegaremos aqui, configurações de composição, ou você pode pressionar Control ou Command K, e eu vou definir isso para uma dessas predefinições de 1920 por 1080 Estou usando 24 quadros por segundo. E como essas camadas são todas muito mais largas do que nossas composições, agora temos muito espaço para deslizar para frente e para trás Só precisamos criar uma câmera. Então, vou clicar com o botão direito aqui, nova câmera. Acho que essa predefinição de 50 milímetros vai funcionar muito bem novamente Desta vez, uma câmera de um nó será perfeita. Não estamos mudando a orientação dessa câmera nem mudando sua aparência. Estamos literalmente movendo a câmera pela cena. Portanto, não vamos tirar proveito algum de um ponto de interesse, então é mais fácil simplesmente não ter um. Isso é fácil de fazer em uma única visualização, mas vou abrir a segunda para ajudar você a ver o que está acontecendo. Então, agora você pode ver que nossa câmera está olhando para todas essas camadas, mas como todas elas têm a mesma posição Z, é apenas uma cena plana. Eu posso mover essa câmera, mas parece que estou apenas movendo em uma única imagem, certo? Mas se começarmos a mover essas camadas de volta no espaço Z, criaremos essa profundidade que ficará ótima à medida que movemos a câmera Agora, poderíamos fazer isso totalmente manualmente, abrindo as posições Z, e poderíamos deixar os edifícios um em zero, mas colocar os edifícios dois atrás, talvez 200, abrir caminho e definir os próximos edifícios em 400. Talvez deixemos uma pequena lacuna entre as montanhas, então vamos defini-las em 800, 11.200 E então criaremos mais espaço novamente para o plano de fundo e definiremos esse espaço em 2000. Como você pode ver na visualização personalizada, agora criamos muita profundidade na cena. E se você olhar para o lado esquerdo, poderá ver essa profundidade, mas também criamos um problema medida que as camadas se afastam, à medida que as camadas se afastam, precisaremos escalar cada uma delas novamente que fiquem em suas posições originais. Você pode absolutamente trabalhar dessa maneira e, quando precisar ser preciso, esse é um bom caminho a percorrer. Mas se você quiser mover facilmente todas as camadas de volta de forma proporcional, na verdade existe uma maneira muito rápida de fazer isso Vou desfazer rapidamente para que voltemos aos nossos valores iniciais. E então vou até minha linha do tempo, seleciono um edifício, pressiono Shift e seleciono Sky VG Então, estou sendo intencional selecioná-los nessa ordem Agora, se eu segurar Control e Alt ou command e Option no Mac e limpar o valor Z, ele ajustará o inferior e mudará tudo entre eles de forma proporcional Veja isso. tentar limpar esse plano de fundo até cerca de 2000 e observar como todos os intermediários estão sendo alterados incrementalmente até zero alteração na primeira camada E agora que selecionamos todos eles, posso simplesmente pressionar S para revelar a escala e fazer a mesma coisa aqui para que eles voltem ao tamanho adequado E com apenas uma rápida verificação em nossa ferramenta de câmera, veja aquela linda paralaxe que temos agora Acho que estamos prontos para animar. Então, vou prosseguir e fechar isso de volta para uma única visualização. Não acho isso muito útil para o que estou fazendo agora. Eu só queria que você entendesse essa profundidade que estamos criando. Então, pensando em nossa cena, eu vou ter o foguete voando daqui até aqui Talvez vamos ver a trilha da câmera logo de cara. Acho que provavelmente existe um bom ponto de partida para que não percamos a vantagem de nada aqui. Podemos abrir nossa câmera. E observe, novamente, que não temos nenhum ponto de interesse aqui, mas podemos animar a posição, pular até o final da nossa composição e simplesmente deslizá-la usando a ferramenta panorâmica Vamos fazer uma prévia rápida. Ótimo. Vou apenas pressioná-lo para anular isso. Vamos animar esse foguete. Vou pular até o começo. Vou abrir isso até o porque estou planejando animar a posição, escalar a rotação e talvez um pouco a opacidade Vou começar isso aqui e depois movê-lo assim. Vamos usar nossa ferramenta Caneta para dar um pouco de arco e, em seguida, ajustarei a rotação para que pareça que está seguindo essa linha. Há uma configuração para fazer com que ele siga um caminho automaticamente, mas muitas vezes acho melhor fazer isso sozinho Agora, vou ajustar um pouco a escala para fazer parecer que está ficando cada vez mais distante e, para ajudar a realmente vender isso, se eu diminuir um pouco a opacidade, parecerei que ela está desaparecendo na atmosfera à medida que se afasta desaparecendo na atmosfera à medida que se Muito simples, certo? Acho que estamos bem com esse foguete. Vamos voltar para a outra composição e ver como eles se sentem juntos. Agradável. Agora, estou vendo uma pequena espiada por aqui na parte inferior Parece que eu posso ficar preso no fundo de uma dessas camadas. E isso acontece às vezes quando você move tudo de volta e aumenta a escala Talvez eu precise ajustar um pouco as posições de alguns deles . Vamos nos livrar desse pano de fundo aqui. Basta mover essas montanhas para baixo apenas o suficiente para que não haja nenhum problema aqui e dê uma olhada rápida em cada uma das nossas outras camadas. Talvez eu pudesse mover essa camada um pouco para cima. Estou meio que fazendo isso com os dois olhos, olhando para as caixas delimitadoras e vendo o que elas realmente nos mostram no Tudo bem, isso é muito sólido. Poderíamos terminar totalmente aqui, mas essas câmeras virtuais têm outro ótimo recurso : podemos aproveitar a profundidade de campo. Se você olhar aqui nas opções da câmera, verá a profundidade de campo aqui. E há muitas outras configurações com as quais não vamos jogar hoje. Mas podemos ativar a profundidade de campo e, em seguida, teremos alguns controles que determinam sua aparência. Vou aumentar um pouco essas configurações para ajudar a deixar bem claro o que está acontecendo. Geralmente, você vai querer ser um pouco mais sutil aqui do que os números que estou usando. Vou aumentar minha abertura para cerca de 50 e vamos definir o nível de desfoque para, sei lá, 300 Você já deve conseguir ver um pouco de suavização no fundo Agora, para essa distância de foco, queremos ter certeza de que a camada que mais queremos focar está exatamente a essa distância da nossa câmera. Então, olhando aqui, vemos que nossa câmera está em -2.666,7 e, claro, nossa primeira camada de edifícios está exatamente em zero em Z. Então esse valor aqui é o que queremos Então, vamos definir isso para 2.666,7. A camada frontal agora está perfeitamente nítida. Vamos aumentar nosso CTI para cerca de 2,5 segundos e criar um quadro-chave para a distância do foco Você pode alterar esse valor ao longo do tempo e criar uma pesquisa de foco para mudar quais camadas estão em foco Eu vou chegar aqui em 5 segundos. E agora, se quisermos que a camada posterior fique em foco, precisamos apenas calcular qual é essa distância. Olhando para essa camada, acabamos em 1983 no Z. Como o After Effects nos ajuda a fazer as contas, basta digitar mais 1983 E agora essa camada de fundo do céu está perfeitamente focada, e os edifícios à frente são bonitos e macios. Vou ajustar essa abertura um pouco mais alta para realmente deixar isso claro E vamos até aqui, simplifique esses quadros-chave e experimente uma prévia rápida Mais uma vez, estamos usando essas técnicas para ajudar o espectador a se concentrar no que é importante. Apenas adicionando essa dimensão, podemos ajudá-los a se concentrar no primeiro plano e depois apontar os olhos de volta para Acho que parece muito bom, mas tenho apenas alguns detalhes finais. Uma coisa que estou percebendo é que, de antemão, temos esse lindo BCA de nossas estrelas, mas agora é só um quadrado Isso porque o formato da íris está configurado para a opção mais rápida possível, que é um retângulo Podemos definir isso como um polígono com mais lados para torná-lo um pouco mais realista Acho que um hexágono provavelmente será suficiente para este exemplo Talvez você não consiga ver isso muito bem na gravação, mas as estrelas mudaram de pequenos quadrados para uma forma muito mais redonda Também acho que com esse lindo Boca que estamos recebendo, ter mais estrelas realmente ajudaria a melhorar isso. Então, vou voltar a essa composição e adicionar mais estrelas usando a técnica que fizemos anteriormente. Vamos fechar isso e criar um novo sólido. Vamos nos certificar de que é branco e chamá-lo de estrelas. Vamos pegar o CC Starburst. Defina essa velocidade para zero e talvez diminua o tamanho até que fique bom. aí, vamos colocar isso de volta aqui, talvez ajustar um pouco o espaçamento da grade para que não pareçam tão densos Lá vamos nós. Então, agora temos algumas estrelas heroicas e algumas boas estrelas que preenchem o fundo. E veja a diferença que isso faz. Tudo bem, vamos tentar uma prévia final. Observarei que mudar o formato dessa íris definitivamente faz as visualizações demorem mais para Portanto, você definitivamente desejará fazer a maior parte do seu trabalho com as configurações mais rápidas e guardar essa alteração para o final. 87. Projeto do curso 15 - cena paralaxe 3D: Espero que você tenha tempo para mais um projeto de classe, porque estamos elaborando uma proposta para desenvolvimento futuro de colônias espaciais e adoraríamos se você pudesse criar uma breve visualização de algumas das possibilidades que teremos Mais uma vez, o comprimento, o tamanho e a taxa de quadros da composição dependem de você. Eu recomendo que você use algo bastante normal aqui, mas se você quiser tornar isso mais vertical, por exemplo, tudo bem. Gostaríamos que você criasse ou montasse uma cena com pelo menos cinco camadas dispostas no espaço Z para criar profundidade Eu forneci o design da minha demonstração, que você pode reutilizar e recolorir, como quiser, ou, é claro, você pode criar o seu próprio Depois de configurar esse design, crie e anime uma câmera de um nó se movendo pela cena para criar um efeito de paralaxe Sinta-se à vontade para adicionar alguns itens extras, como profundidade de campo ou alguns objetos se movendo pela tela. Você poderia ter aquele foguete ou outras naves espaciais ou criar mais movimento nas camadas Depende totalmente de você. Como lembrete, foi aqui que acabei usando tudo isso Depois de terminar, exporte sua animação como um arquivo MP four, faça o upload para um site de hospedagem de vídeo e compartilhe esse link conosco. Como sempre, não envie links para nenhum site de armazenamento em nuvem e certifique-se de compartilhá-los nas redes sociais quando terminar , para que outras pessoas possam ver todo o seu excelente trabalho. Espero que você se divirta com este. Boa sorte 88. Trabalhe de forma mais eficiente: Agora que seus projetos estão se tornando um pouco mais complexos, há algumas coisas nas preferências que eu quero ter certeza de que você conhece. Olhando aqui para o disco, há algo chamado cache de disco que o After Effects aproveita ao criar suas visualizações prévias Idealmente, você gostaria que isso estivesse em um disco rígido rápido e dedicado. Se você não tiver isso, saiba que o After Effects demorará um pouco mais para ser saiba que o After Effects demorará um pouco processado se estiver compartilhando a mesma unidade com seu sistema operacional, seus arquivos de projeto e sua mídia de origem. Ele também ocupará tanto espaço quanto você der. Portanto, se você tiver apenas um disco rígido no seu computador, After Effects preencherá esse espaço, e isso pode acabar com um disco rígido muito cheio Então, eu realmente recomendo que você venha aqui, confira isso e certifique-se confira isso e certifique-se de estar ciente de onde está e quanto espaço você está dando ao After Effects Se você estiver movendo isso para outro lugar, eu me certificaria de esvaziar o cache do disco antes de deixar esses arquivos onde eles já estão. Você não perderá nada aqui. After Effects apenas os regenerará na próxima vez que você criar visualizações Você também quer conferir aqui na memória e na CPU. After Effects usará basicamente a quantidade de RAM que você fornece, mas você deve estar atento à quantidade RAM que você reserva para outros aplicativos que possa estar usando E, especialmente se você também planeja abrir o Premiere ou o Photoshop enquanto trabalha no After abrir o Premiere ou o Photoshop Effects, certifique-se de não perder RAM esses aplicativos , pois eles ficarão muito lentos e talvez bloquearão De um modo geral, quanto mais RAM você tiver em sua máquina, mais provavelmente desejará alocar aqui Se você tem 32 shows, provavelmente deseja reservar de seis a oito Se você tem 64, provavelmente deseja reservar de oito a dez. Esse número, novamente, variará um pouco dependendo do seu sistema, mas se você estiver enfrentando problemas de desempenho, esse é um bom lugar para verificar. Outra boa maneira de trabalhar com eficiência é fazer bom uso do painel de visualização. Anteriormente, analisamos isso de uma forma muito simples, mas entender algumas das opções aqui pode realmente economizar muito tempo. Por exemplo, você pode visualizar apenas o intervalo para o qual sua área de trabalho está definida atualmente, o que geralmente é minha preferência, mas também pode configurá-los para ver toda a duração ou sua área de trabalho estendida até o horário atual, ou seja, onde está sua CTI se estiver fora de sua área de trabalho Você também pode escolher jogar desde o início dessa área de trabalho. Esse é o intervalo do seu horário atual, onde quer que seja. Aqui estão aqueles que realmente economizam muito tempo. Essa resolução geralmente é definida como automática por padrão, mas você também pode defini-la para alguma resolução específica, e isso realmente substituirá o que seu visualizador de composição está configurado atualmente Portanto, se você definir isso como trimestral, todas as suas visualizações serão, na verdade criadas com resolução trimestral, o que significa que elas acontecerão muito mais rápido, mas parecerão um pouco piores , para certos estágios de sua animação No entanto, para certos estágios de sua animação, essa é uma maneira muito inteligente de trabalhar. Você também pode dizer ao After Effects para pular quadros se precisar ver apenas a ideia principal e não cada quadro individual no momento Ignorar todos os outros quadros significa que suas visualizações serão literalmente criadas na metade do tempo Vamos colocar isso de volta em Automático. E a verdadeira vantagem está aqui: na verdade, você tem vários atalhos diferentes que podem ser usados para criar visualizações prévias, e cada um terá seu próprio conjunto de opções que você configura Então, talvez eu queira que a barra de espaço seja uma prévia que cria cada quadro e o faz em qualquer resolução para a qual meu visualizador já esteja configurado Mas eu poderia configurar o Shift plus Space Bar para ser uma prévia de resolução de um quarto que pula para cada quinto quadro, o que significa que será muito rápida e suja, mas muito rápida Como acontece com a maioria das coisas no After Effects, dedique alguns minutos para examinar isso explorar as opções e fazer com que funcionem para você. Em geral, eu não recomendaria ajustar a taxa de quadros aqui no painel, a menos que você esteja sendo muito intencional sobre o que está fazendo Na maioria das vezes, considero isso uma boa receita para confusão. Por falar em visualizações mais rápidas, você também pode usar uma estratégia chamada pré-renderização quando você tem um projeto que envolve várias partes menores, e talvez algumas delas cheguem ao ponto em que estão essencialmente concluídas, mas ainda estão atrasando você quando você precisa fazer visualizações de Por exemplo, digamos que essa seção de gráfico de barras desse projeto tenha sido concluída e bloqueada, mas eu ainda estou trabalhando nas outras peças. Obviamente, esse é um projeto bem simples, mas se fosse uma animação mais complexa, talvez fosse mais rápido entrar nessa pré-composição, renderizar essa e trazer esse arquivo de volta aqui como camada superior Dessa forma, o After Effects não precisará pensar em gerar a visualização de todas as camadas aqui, ele apenas examinará aquele arquivo de vídeo, que permitirá que você trabalhe muito mais rápido aqui nesta linha do tempo enquanto cria tudo E, por fim, a partir do After Effects 2026, temos uma ótima ferramenta para pesquisar rapidamente efeitos, comandos de menu, predefinições Se você pressionar Control ou Command Enter, ele abrirá um menu chamado Aplicação rápida, que fornece acesso a basicamente tudo o pode ser pesquisado neste programa Mas é claro que você precisa saber o que está procurando. Tudo o que você precisa fazer é digitar o nome, como ruído fractal E você verá qualquer coisa que corresponda a isso ou esteja perto disso. Na verdade, essa pesquisa é muito lenta, então eu também poderia digitar E o ruído fractal ainda surge, mas o mesmo acontece com qualquer outra coisa que corresponda a FN, como o número do quadro Você notará que os comandos do menu também estão aqui. Então, se eu digitei NF, Nova pasta se qualifica para E como acontece com a maioria das coisas aqui, você pode realmente personalizar isso. Então, se você quiser mudar quais coisas estão visíveis aqui, você pode fazer isso. E se você quiser alterar qual atalho abre esse menu, você pode alterar isso nos atalhos do teclado 89. Dicas para exportar: Os arquivos de vídeo podem ficar grandes, por isso queremos ter certeza de que estamos usando as configurações corretas ao exportar Como sabemos anteriormente, quando você estiver pronto para exportar a animação, basta criar a composição, adicionar Q à renderização e, em muitos casos, as configurações padrão aqui serão perfeitas para você. Mas vamos dar uma olhada no que você pode fazer se quiser alterá-los. Esse menu suspenso aqui fornece várias predefinições, incluindo algumas opções rápidas para um h264 de qualidade inferior ou um h264 de qualidade superior Todas elas são boas como entregas finais, ou você pode usar outras predefinições, como alta qualidade Isso criará um formato de arquivo completamente diferente. Será um arquivo MOV usando um codec de vídeo chamado Pro Rs. Esse é um bom formato intermediário ou de trabalho para você usar internamente, mas não tão bom para entregar tecnologia de codificação de vídeo é uma toca de coelho totalmente separada, mas eu quero mostrar as opções que você tem aqui Com qualquer uma dessas predefinições, você pode simplesmente clicar no nome depois de criá-lo para personalizá-lo Você poderá escolher formatos diferentes, definir ações de pós-renderização, como importar um arquivo assim que a renderização terminar, isso parece útil, certo E então, se você sabe o que está fazendo, você pode entrar aqui para as opções de formato e escolher várias configurações aqui. Muitos formatos também permitem que você exporte com Alpha ou transparência. Assim, você pode exportar arquivos de vídeo que incluam informações de transparência ou um que inclua apenas essas informações de transparência e não os canais visuais. Se isso está disponível ou não dependerá dos formatos que você está usando. Você tem opções adicionais para redimensionar e cortar, embora eu normalmente não faça isso aqui e, na parte inferior, você tenha opções adicionais para áudio Se você achar que tem uma configuração personalizada que gostaria de reutilizar, aqui na parte inferior deste menu predefinido, você pode criar um modelo e usar as mesmas configurações que acabei mostrar para criar um novo modelo para si mesmo, para que você não precise configurá-lo todas as vezes Você pode exportar vários vídeos ao mesmo tempo da fila de renderização Vou apenas duplicar este algumas vezes para mostrar como é Geralmente, você faria isso com composições diferentes, é claro E você pode alinhar tudo isso e clicar em Render, mas, é claro, isso bloqueia After Effects enquanto você está fazendo isso. Portanto, se você tiver uma máquina poderosa o suficiente, em vez de alinhar as coisas na fila de renderização, poderá aproveitar as vantagens do Adobe Media Encoder Com a composição ou composições desejadas selecionadas, você também pode escolher a composição adicioná-la à fila do Adobe Media Encoder Depois de selecionar isso, ele abrirá Adobe Media Encoder e alinhará todas as composições selecionadas em uma fila aqui no O fluxo de trabalho é muito semelhante. Simplesmente clicamos aqui e agora veremos um pop-up com configurações adicionais que podemos ajustar. Quando estiver pronto, basta clicar neste botão verde de reprodução aqui para renderizar tudo na fila e, enquanto isso, você pode voltar ao After Effects e trabalhar em outras coisas 90. Arquive e compartilhe projetos: Quando você terminar um projeto e estiver pronto para arquivá-lo ou precisar transferi-lo para outra pessoa ou para uma máquina diferente, existem alguns comandos que podem ser muito úteis para isso. Se você se deparar com dependências de arquivos, encontrará algumas coisas aqui Collect files faz exatamente o que o nome soa. Depois de clicar nele, você terá algumas opções. Geralmente, você vai querer deixar o set para todos, mas pode fazer apenas composições específicas , se preferir After Effects informará o tamanho do arquivo coletado e, em seguida, você clica em Coletar e encontra um local no disco rígido para salvá-lo. Quanto maior for o arquivo, mais tempo será necessário para ser coletado. E assim que terminar, você terá uma pasta com o projeto After Effects, algo chamado footage que recriará sua estrutura de pastas partir do painel do projeto e todos os arquivos que você usou neste Você vai querer encontrar essa pasta que ele criou, e é isso que você deseja transferir para outra máquina ou para seus arquivos. Se você quiser limpar um projeto existente antes de coletar ou apenas enquanto estiver trabalhando, existem alguns outros bons comandos em dependências Esses três aqui podem ajudá-lo a limpar um projeto. Consolidar todas as imagens significa que, se você importou o mesmo arquivo para um projeto mais de uma vez, ele simplesmente eliminará essas cópias extras para Remover imagens não utilizadas faz exatamente o que o nome diz e elimina todos os arquivos que você não está usando em nenhuma composição Reduce project é a versão mais agressiva disso e eliminará tudo que não esteja nas composições selecionadas Portanto, antes de usar o Reduce, você deve selecionar algo. Digamos que eu queira selecionar apenas o que estava nessa composição gráfica de linhas. Então, eu abordaria as dependências de arquivos, reduziria o projeto e ele jogaria fora tudo o que não incluído nessa composição específica E informa quantos itens. Isso significa arquivos, composições e coisas como sólidos dos quais ele se livrou Reduzir é muito útil, mas obviamente é destrutivo Portanto, certifique-se de usá-lo intencionalmente e, depois de fazer isso, não economize nada que você queira guardar 91. Integre com o Premiere Pro: Vimos que o After Effects tem boas integrações com o Photoshop e o Illustrator, mas também funciona muito bem com o aplicativo de edição de vídeo Premiere da Adobe Se você estiver criando gráficos para um vídeo mais longo, é claro, podemos exportar essas peças como arquivos de vídeo e depois importá-las para o Premiere e trabalhar com elas como qualquer outro clipe Mas se você precisar fazer atualizações , haverá muitas idas e vindas e muitas renderizações desnecessárias Na verdade, você pode colocar uma composição do After Effects diretamente no Premiere sem renderizar Se você tiver um projeto existente do After com uma composição que gostaria de usar, no Premiere, basta acessar a importação do arquivo e navegar até importação do arquivo e navegar até o projeto do After Effects que você gostaria de usar Você também pode simplesmente arrastar o projeto After Effects do seu navegador de arquivos diretamente para o painel do Premiere Pro Em seguida, você verá esse pop-up e poderá escolher qual composição deseja. Eu só tenho um neste caso, e vou pressionar OK. E agora essa composição é importada para o projeto. Se você tiver os dois aplicativos abertos, no After Effects, você pode selecionar a composição que deseja trazer para o Premiere e, literalmente, arrastá-la até o dock até que a máquina volte para o Arraste isso para o painel do projeto e solte. Em ambos os casos, observe que você tem esse pequeno ícone de composição com um link. Isso significa que está vinculado ao vivo a esse projeto. Vou adicionar isso à minha linha do tempo e você verá que funciona como qualquer outro clipe Aqui está minha animação. Mas veja isso. Se eu voltar para o After Effects e fizer uma alteração, como desligar esse plano de fundo, quando eu voltar para o Premiere, vejo essa Agora eu poderia usar esse gráfico sobre esses clipes com transparência Na verdade, isso também funciona na outra direção. Se eu quisesse pegar essa edição e trazê-la para o After Effects, eu poderia simplesmente arrastá-la para meu dock e soltá-la no painel do projeto After Effects. E agora eu recebo uma sequência vinculada. Eu poderia colocar isso em uma composição, e o After Effects trata isso como um clipe. Mas, mais uma vez, isso está vinculado ao vivo. Então, se eu mudasse alguma coisa nessa edição ou substituísse qualquer um dos clipes, eu veria isso atualizado imediatamente no After Effects Digamos que você esteja trabalhando em uma edição e precise enviar um dos clipes para o After Effects para fazer algum trabalho adicional de animação Você pode simplesmente destacar um clipe ou vários clipes, clicar com o botão direito nele e escolher substituir pela composição do After Effects Isso muda para o After Effects ou o abre, se ainda não estiver, e cria uma nova composição usando esse clipe ou clipes Se eu fizer alguma atualização, como apenas adicionar uma forma aleatória aqui, se eu relembrar a estreia, agora é uma composição do After Effects vinculada ao vivo que está na minha edição onde estava o clipe anterior Quero que isso seja ainda mais fácil. Você pode literalmente pegar um clipe ou clipes da sua linha do tempo da Premiere Copie, vá para o After Effects, cole e pronto. Agora seu clipe está no After Effects. O Premiere também tem um painel chamado Modelos gráficos. Ele está repleto de modelos animados personalizáveis que vêm instalados em seu sistema, ou você pode baixar mais do Adobe Stock ou criar seus próprios Eles podem ser qualquer coisa, desde uma animação em tela cheia até elementos menores, como um título de nome animado. Aqui está um que eu mesmo criei. Vamos trazer isso para nossa linha do tempo de estreia, como qualquer outro E depois de selecionar isso, meu painel de propriedades me dá acesso a todas as propriedades que eu posso atualizar. Vamos mudar o nome do hóspede. Abra essa área de fotos personalizável e eu posso simplesmente colocar uma nova imagem que importei para o meu projeto, modificá-la um pouco e talvez até atualizar as cores Agora, esse título totalmente animado está pronto para ser lançado, totalmente personalizado em apenas alguns cliques. Esses modelos de animações são ótimos para tornar elementos animados sofisticados acessíveis a quase qualquer pessoa, além de serem uma maneira eficiente de tornar elementos repetidos, como títulos de episódios, nomes, gráficos, gráficos, gráficos, gráficos e mais fáceis de usar e personalizar, tanto para você quanto para sua equipe 92. Mais para explorar!: Mesmo com tudo o que abordamos, há muito mais para explorar no After Effects. Há recursos que mal conhecemos e muitos outros sobre os quais ainda nem tivemos a chance de falar Este programa tem literalmente centenas de efeitos, e você provavelmente poderia fazer um curso inteiro abordando apenas seus usos mais óbvios, sem falar em todas as maneiras interessantes de combiná-los. Compreender os efeitos lhe dará inúmeras novas possibilidades criativas de resolução de problemas e realmente aumentará o nível do seu jogo After Effects. Three D é outro tópico com muita complexidade ainda a ser explorada Há vários tipos de luzes que você pode adicionar às suas cenas, criando sombras dinâmicas Na verdade, o After Effects tem vários mecanismos de renderização em três D com seus próprios recursos e limitações, e você pode usá-los para fazer coisas como extrudar camadas de texto e importar três modelos D existentes, incluindo modelos animados incluindo Você também pode criar três formas D nativas e aplicar elas materiais complexos que podem ser editados sem sair do After Effects. Se você tem uma mentalidade mais técnica, as expressões são muito mais profundas do que apenas mexer Eles permitem que você trabalhe mais rápido e até mesmo automatize muitas tarefas de animação do dia a dia Você pode usá-los para conectar diferentes tipos de propriedades de forma dinâmica e até mesmo conduzir projetos inteiros com dados de uma planilha E, é claro, eles são a base da criação de modelos mais responsivos que podem ser exportados como Mgerts para uso por você ou sua Os recursos que serão mais importantes para você provavelmente dependem da finalidade para a qual você está realmente usando o After Effects. Por isso, adoraríamos saber o que você gostaria de ver em um curso futuro. 93. O que vem a seguir?: Em primeiro lugar, parabéns por concluir o curso. Eu sei que isso tem sido uma tonelada de informações, e estou muito orgulhosa de você por ficar comigo Tenho certeza de que seu cérebro está bem cheio agora e você definitivamente merece uma pequena pausa. Mas quando você estiver pronto para continuar avançando, este vídeo é sobre o que fazer a seguir para continuar desenvolvendo essas habilidades Agora, obviamente, a melhor maneira de continuar melhorando em qualquer coisa é continuar fazendo isso, certo? Faça mais trabalho. Isso pode significar criar projetos para clientes e, ei, receber o pagamento é sempre bom, certo? Você também pode criar projetos pessoais. Procure colaborações e competições on-line. Essas são ótimas maneiras de ter novas ideias e novas maneiras de se desafiar. A resolução criativa de problemas é obviamente uma grande parte de tudo isso, então tome a iniciativa continuar se esforçando e aprendendo A Internet está cheia de recursos para pessoas que sabem como fazer as perguntas certas. Obviamente, aprender mais sobre o After Effects em si é ótimo, mas como esse aplicativo e toda essa disciplina combinam vários conjuntos de habilidades diferentes, como design , cinema, animação, narrativa e muito mais, também há muitas maneiras de continuar impulsionando desenvolvimento de gráficos em movimento sem nem mesmo estar no próprio After Effects Este site oferece cursos em vários aplicativos relacionados da Adobe, como Photoshop e Illustrator, que são muito importantes para poder adaptar elementos baixados ou criar elementos para seus próprios designs Ou você também pode conferir um curso sobre Premiere se quiser se aprofundar na edição de vídeo Se você ainda não tem experiência em design gráfico, aprender mais sobre princípios de design, boa composição e teoria das cores fará com que todos os seus projetos tenham uma aparência muito melhor. Você também pode aprender mais sobre três aplicativos em D, como o Blender, que abrirão literalmente uma nova dimensão de possibilidades para seus projetos de multimídia E, ei, se você realmente quiser se afastar do computador algum dia, que eu recomendo, lembre-se de descobrir outras coisas no mundo que lhe interessem e inspirem Você nunca sabe o que pode desencadear a próxima grande ideia de projeto. Se você gostou deste curso, certifique-se de outras pessoas saibam o que você achou dele e que tipo de coisas legais elas poderiam fazer se também o fizessem. Talvez você possa até mesmo encontrar um novo colaborador criativo dessa forma Eu sei que você provavelmente tem feito isso à medida que avança, mas não deixe de compartilhar o trabalho que você concluiu como parte deste curso. Mostre isso e tenha orgulho do que você fez. Receber feedback de outras pessoas é extremamente útil, e dar feedback a outras pessoas é igualmente útil. Portanto, certifique-se de fazer isso também. Além disso, esse pode ser um ótimo momento para relembrar seus trabalhos anteriores, especialmente o que você fez no início deste curso e ver até onde você chegou. E lembre-se, com prática e dedicação, você só vai melhorar a partir daqui. Tudo bem, é isso. Fundamentos do After Effects, completos. Espero que você tenha aprendido muito, tenha gostado de passar esse tempo comigo e esteja super empolgado em fazer tantos novos projetos legais. Bem-vindo ao incrível universo dos gráficos em movimento. Cuide-se, e mal posso esperar para ver o que você cria.