Animação de texto no Adobe After Effects do iniciante ao avançado

1. Introdução: Ei, e aí? Sou Valerie Sou designer de movimento profissional desde 2018. E em 2020, comecei a ensinar o melhor software para gráficos em movimento, Adobe After Effects. Ao longo do caminho, compartilhei inúmeros tutoriais nas redes sociais E em 2023, lancei o Ultimate Beginners Guide to After Effects. Absolutamente de graça, para você aprender o After Effects do zero. Depois disso, criei o segundo curso, After Effects Micro animation. Assim, você pode aprender a criar animações super legais usando camadas de formas básicas Só que agora, tenho o prazer de apresentar a vocês minha nova criação, text in Motion Neste curso, você mergulhará profundamente na arte de animar camadas de texto e tipografia no Ao final deste curso, você terá nove animações de texto de cair o queixo prontas para elevar seu próximo projeto ou impressionar os visitantes do site do seu impressionar Com cada aula, aumentaremos o nível de dificuldade, aumentando sua confiança e suas habilidades ao longo do caminho Além disso, você aprenderá como lidar com alterações e ajustar o texto para atender às necessidades de você ou de seu cliente Neste curso, você não apenas dominará a animação de texto, mas também obterá uma sólida compreensão dos fundamentos do After Effects Até instalaremos algumas ferramentas gratuitas úteis que acelerarão a eficiência do seu fluxo de trabalho Assim como meus outros cursos, meu objetivo é garantir que você tenha a melhor experiência de aprendizado. Portanto, você receberá uma notificação clara sobre quando trabalhar comigo e quando simplesmente ouvir sem tocar no computador Você também receberá perguntas no meio da aula para ajudá-lo a memorizar melhor as aulas E eu vou até te dizer quando fazer uma pausa de 10 minutos, como em uma sala de aula real. Ah, e não se preocupe, você não precisará ouvir meu sotaque descolado durante as aulas Este curso é dublado por uma narração profissional. Então, prepare-se para se inspirar, se motivar e colocar um texto em movimento. 2. Seção 1: aula de aquecimento: Olá, bem-vindo à primeira aula sobre animação de texto. Nesta lição, vamos explorar o empolgante mundo da animação de texto e dos efeitos posteriores juntos e criar algumas animações incríveis Nosso foco será criar duas cenas diferentes com os dois primeiros títulos na primeira cena e os 23 títulos na segunda cena. Ao criar essas cenas, dominaremos os três métodos principais de animação de texto e efeitos posteriores Nas próximas lições, vamos nos aprofundar em cada técnica e criar animações mais avançadas Esta lição está dividida em quatro partes. Na primeira parte, mostrarei como instalar o After Effects. Em seguida, criaremos a pasta principal do curso e aprenderemos a trabalhar de forma organizada em projetos de motion design. Depois, instalaremos as fontes necessárias. Depois de concluído, entraremos no After Effects para criar nossa primeira composição e definir as configurações do software para um melhor fluxo de trabalho. Passando para a segunda parte, vamos nos aprofundar nos parâmetros fundamentais de uma camada no After Effects antes de criar a primeira cena Na terceira parte, vamos nos concentrar em animar a primeira cena enquanto aprendemos os dois primeiros métodos Depois, aprenderemos como melhorar a animação que criamos. Na quarta e última parte, criaremos a segunda cena e converteremos uma camada regular em uma camada de três D. Em seguida, aprenderemos como conectar as duas cenas. seguir, aprenderemos como renderizar a animação como um arquivo MP4 de alta qualidade que você pode compartilhar nas redes sociais ou no site do seu portfólio. Por fim, mostro como organizar o projeto antes de fechá-lo. Vai ser incrível. Vamos começar. 3. Seção 1, parte 1: Olá. Antes de mergulharmos na animação de camadas de texto e efeitos posteriores, não se esqueça de baixar a pasta principal do curso com todos os materiais necessários Dessa forma, você pode me acompanhar durante as aulas. A seguir, vamos falar sobre como configurar o Adobe After Effects. É um programa feito pela Adobe, a empresa que cria algumas das plataformas mais legais para criadores do mercado Se você ainda não tem uma assinatura da Adobe, não se preocupe. Confira o arquivo PDF e a pasta principal para obter um link para um teste gratuito. Inscreva-se para o teste e vá até a seção de aplicativos para instalar o After Effects. Se você já tem uma assinatura da Adobe, basta fazer login na sua conta no site ou na versão para desktop, acessar a seção de aplicativos e instalar o After Effects a partir daí. Ao instalar o software, certifique-se de incluir o cinema para conectá-lo , pois vamos usá-lo no curso. Depois de instalado, estamos prontos para começar a garantir que não tenhamos problemas no futuro. É uma boa ideia manter as coisas organizadas quando estamos trabalhando em um projeto do After Effects. Uma forma de fazer isso é criando algumas pastas em nosso computador. Vamos encontrar um local onde possamos criar a pasta principal do curso. Vamos criar uma nova pasta. Ótimo. E agora vamos chamá-la de animação de texto sublinhado D M dentro dessa pasta, precisamos criar mais três pastas O primeiro é para nossos arquivos do After Effects, então vamos chamá-lo, o segundo é para todos os gráficos que vamos usar, e vamos chamá-lo de assets. O último é para qualquer vídeo de teste ou renderização que criamos enquanto trabalhamos no projeto, que chamaremos de renderizações ou amostras Agora, vamos abrir a pasta que você baixou de mim e navegar até a pasta Assets localizada aqui. Copie todos os ativos dessa pasta para a pasta Ativos que você acabou de criar. Em seguida, vamos instalar as fontes que usaremos. Neste curso, mostrarei como instalar fontes para usuários de Windows e Mac. Vamos começar com essa fonte. Entre na pasta OTF para usuários do Windows. Selecione todos os arquivos, clique com o botão direito do mouse e escolha instalar para todos os usuários ou instalar. Essa fonte já está instalada no meu computador, então não vou instalá-la novamente para usuários de Mac. Abra uma nova pasta e, com o localizador selecionado, clique em. Agora clique em Ir para a pasta e digite esta linha. Em seguida, pressione Enter. Isso o levará à pasta de fontes instalada no seu sistema. Agora copie os arquivos OTF da pasta do curso e cole-os na pasta de fontes. Excelente. Agora vamos instalar a segunda fonte. Vá para a pasta de fontes, entre na pasta OTF, selecione todos os arquivos, clique com o botão direito do mouse e escolha instalar para todos os usuários ou instalar. Ótimo, vamos voltar para a pasta de ativos e instalar a última fonte. Excelente, vamos seguir em frente. Depois de instalar as fontes, é hora de iniciar o After Effects juntos. Ótimo, agora podemos fechar esta janela para garantir que todos vejamos o mesmo arranjo de painéis. Vamos clicar em Padrão. Agora, como em qualquer software de edição, precisamos abrir um novo arquivo para fazer isso. E depois dos efeitos, precisamos criar nossa primeira composição. Vamos clicar em Nova composição. Agora vamos definir as configurações para nossa primeira composição. Vamos chamá-lo de Text Animation One. Aqui vamos definir o tamanho do formato, que significa o tamanho da nossa primeira composição. Essas são as dimensões da largura e altura da composição que criamos, que será o tamanho do vídeo final no final casos diferentes exigem resoluções diferentes Conforme mostrado nos exemplos. Um feed normal do Instagram exigia que as postagens tivessem 1080 pixels de largura por 1080 pixels O novo feed requer uma altura de 1.350 pixels. Para histórias, bobinas e vídeos do Tiktok, o tamanho deve ser de 1080 pixels de largura e 1920 pixels Para vídeos do Youtube, é melhor usar uma resolução de 1080 pixels de altura e 1920 pixels de largura, que é um formato full HD Se você quiser fazer um vídeo de quatro K, precisará usar a resolução full HD multiplicada por dois Desta vez, funcionará com um tamanho de formato de 1080 pixels de largura e 13.50 pixels de altura Esse é o tamanho perfeito para compartilhar postagens nas redes sociais. Tudo bem, continuando aqui, vamos escolher a taxa de quadros para nossa animação. Qual é a taxa de quadros no mundo do vídeo e da animação? taxa de quadros se refere ao número de quadros ou imagens individuais mostradas por segundo para criar a ilusão de movimento A taxa de quadros é medida em quadros por segundo, FPS. Quanto maior a taxa de quadros, mais suave será o movimento. vídeos e filmes mais comuns usam uma taxa de quadros de 24, 25, 30 quadros por segundo. Mas se você quiser criar uma animação para um aplicativo ou site, é melhor trabalhar com 60 quadros por segundo. Ao trabalhar com um software de edição de vídeo como o After Effects, você tem a flexibilidade escolher a taxa de quadros do seu projeto. É importante observar que a taxa de quadros pode afetar o tamanho do arquivo final. Além disso, taxas de quadros mais altas exigem mais espaço de armazenamento e poder de computação, o que pode retardar seu fluxo de trabalho. No nosso caso, vamos configurá-lo para 30 quadros por segundo. Em seguida, vamos definir a duração da nossa primeira composição. Vamos configurá-lo para 10 segundos. Por fim, vamos selecionar a cor de fundo para a composição. Lembre-se de que podemos alterar facilmente todas essas configurações em qualquer estágio da animação posteriormente . E aí está. Você criou sua primeira composição. Antes de começarmos, quero mencionar algumas coisas importantes ao trabalhar com o After Effects. Primeiro, se você ver a tela de visualização assim, não se preocupe, provavelmente é porque a tecla Caps Lock está ativada Basta desligá-lo e tudo voltará ao normal. Em seguida, quando você estiver trabalhando em um projeto no After Effects, certifique-se de mudar o idioma do seu computador para inglês. Dessa forma, todos os atalhos que usamos funcionarão corretamente. E se você não vê a cor de fundo, basta clicar aqui. Agora, se você ver os números aqui de forma diferente dos meus, certifique-se de ampliar o painel da linha do tempo Agora você pode passar o mouse aqui, manter pressionada a tecla de controle ou de comando e clicar nos números aqui Esses números representam a duração do nosso cronograma de composição Podemos ver isso em quadros ou em segundos. Então, se você ver a tela de visualização menor ou maior que a minha, basta clicar aqui e selecionar Ajustar. Por fim, clique aqui e altere a qualidade da pré-visualização aqui para Full Al. Certo. Agora, para melhorar o fluxo de trabalho, vamos ajustar as preferências do software. Vá para Editar Preferências, usuários de Mac, você pode acessar as preferências dessa forma. Agora vá para Geral e defina as preferências do software exatamente como eu fiz. Você pode pausar o vídeo e continuar quando estiver pronto para seguir em frente Enquanto isso, continuarei com a próxima. Agora vamos aproveitar essa oportunidade para falar sobre o recurso de salvamento automático. Esse recurso salva seu trabalho automaticamente. Em determinados intervalos, você não perde nenhum progresso. Se o programa travar ou algo maluco acontecer, eu geralmente o configuro para salvar a cada 5 minutos, mas você pode escolher qualquer período de tempo que funcione para você Tudo bem, prosseguindo agora, vá até a seção de script e expressão e marque todas as caixas. Como eu fiz uma vez, você está pronto para ir, clique em OK e podemos começar a aula. Observe que você não precisa mexer nessas configurações toda vez que inicia um novo projeto Você disse imediatamente e está pronto para ir. Ok, depois de criarmos a primeira composição e ajustarmos as preferências do software, precisamos salvar o projeto e dar um nome a ele. Para fazer isso, vamos até Arquivo e clique em Salvar. Agora vamos encontrar a pasta que criamos para a lição. Entre na pasta AE e forneça o arquivo de efeitos posteriores. No momento, estamos trabalhando em um nome. Pode ser o mesmo nome nossa primeira composição ou qualquer outro nome que você preferir. Basicamente, estamos dando um nome ao projeto de After Effects em que estamos trabalhando. Como você pode ver, o arquivo do After Effects não tem um nome no momento. O nome que demos anteriormente. Era o nome da composição. A composição em que estamos atualmente. Agora, estamos dando um nome ao arquivo do After Effects. Tudo bem, então vamos clicar em Salvar. E agora nosso projeto tem um nome. Você pode localizar o arquivo do After Effects que salvamos na pasta AE. Quando salvamos o projeto inicialmente, demos um nome a ele e, o mais importante, ativamos a função de salvamento automático Agora estamos prontos para começar. A primeira coisa que faremos é importar a paleta de cores para o projeto Para importar ativos para o projeto, você pode arrastá-los manualmente do computador dessa forma ou clicar duas vezes na área cinza no painel do projeto. Agora vamos localizar a pasta que criamos para a lição e entrar na pasta Assets. Selecione a paleta de cores e clique em Importar. Agora, a paleta de cores está no projeto, mas não a vemos na tela de pré-visualização da composição que criamos Para ver a paleta de cores e a composição, precisamos trazê-la para o painel de camadas localizado aqui Para fazer isso, podemos simplesmente arrastar a paleta de cores para a composição dessa forma Agora vemos a paleta de cores na tela de pré-visualização. Agora podemos redimensionar essa camada manualmente, agarrando sua borda aqui enquanto pressionamos a Podemos redimensionar a camada simetricamente. Agora solte o clique do mouse e, em seguida, solte a tecla shift. Além disso, podemos reduzir a camada a partir do painel de camadas usando as propriedades básicas de transformação de camada. Clique na pequena seta da camada para vê-la. Se abrirmos essas propriedades, podemos ver os parâmetros básicos para cada camada e efeitos posteriores. Aqui temos o parâmetro de posição, que nos permite mover a camada para a esquerda e para a direita, para cima ou para baixo. Aqui vemos o parâmetro de escala. Podemos alterar o valor desse parâmetro manualmente ou clicar no valor e inserir um número específico. Vamos escrever 30 e pressionar Enter. Também existe um parâmetro chamado rotação que nos permite girar a camada Vou colocá-lo de volta em zero. Finalmente, há também o parâmetro de opacidade que controla a transparência da camada Ok, agora, depois de terminarmos de reduzir o tamanho da camada, podemos fechar as propriedades e mover a camada aqui. Vamos bloquear essa camada a partir daqui para garantir que não possamos movê-la. Além disso, podemos ocultar essa camada no painel de camadas usando a função shy localizada aqui Se você não vê o ícone, pode clicar aqui. Ok, vamos marcar essa camada como uma camada invisível. Para ativar a função, precisamos clicar aqui também no ícone tímido Agora podemos ver isso na tela anterior, mas isso não nos incomoda no painel de camadas Com isso, finalizamos a primeira parte e estamos prontos para passar para a próxima. Nos vemos lá. 4. Seção 1, parte 2: Bem vindo de volta. Agora precisamos criar o primeiro título para fazer isso, precisamos criar uma linha de texto. Vamos selecionar a ferramenta de texto. Quero que você não faça isso comigo por enquanto, porque quero explicar algumas coisas antes de começarmos. Não se preocupe, faremos isso juntos em alguns instantes. Depois de escolher a ferramenta de texto, há duas maneiras de criar uma caixa de texto e uma linha de texto. Se eu selecionar uma área específica como essa, criarei uma caixa de texto. E se eu escrever algo aqui, o texto cairá automaticamente para a próxima linha quando atingir os limites das caixas. Agora posso ajustar o tamanho da caixa conforme desejado. A segunda maneira é criar uma linha de texto para isso. Vou clicar aqui na tela anterior e digitar algum texto. É assim que criamos uma linha de texto. Ao contrário de uma caixa de texto, uma linha de texto não tem bordas que possamos ajustar. Ok, então eu vou deletar as duas camadas que eu criei. Volte para a ferramenta de seleção e vamos fazer isso juntos. Agora vamos selecionar a ferramenta de texto. Agora clique aqui, quer criar uma linha de texto e vamos escrever a palavra texto. Para começar a escrever em maiúsculas, mantenha pressionada a tecla shift e digite a letra. Agora vamos escrever o resto da palavra sem segurar a tecla shift. Em seguida, vamos selecionar todo o texto clicando duas vezes nele. Agora vamos ajustá-lo usando a guia Personagem. Se você não o vê, pode encontrá-lo na janela. Ok, primeiro vamos escolher o estilo da fonte. Vou colocar L aqui, rolar um pouco para baixo e selecionar Bold in Style. Como eu sei que vou usar muito essa fonte neste curso, posso salvá-la como favorita para isso, vamos clicar no ícone da estrela aqui. Agora posso clicar aqui para ver todas as minhas fontes favoritas. Dessa forma, não preciso procurá-lo toda vez. E para voltar a ver todas as fontes, clique aqui mais uma vez. Tudo bem, agora vamos mudar o tamanho da fonte. Podemos fazer isso arrastando esse valor para os lados ou inserindo um número específico Vamos configurá-lo para 300. Se quiser alterar o estilo da fonte, você pode abrir todas as opções diferentes aqui ou clicar aqui uma vez e usar as setas para cima e para baixo Configure-o para exibir uma tela pesada. Agora vamos centralizar a camada na composição usando a ferramenta Align Clique aqui Aqui. Uma última coisa. Vamos para o parágrafo e verifique se o texto está alinhado ao centro e a direção da escrita está da esquerda para a direita Se sua camada se mover para o lado depois de fazer isso, basta centralizar novamente a camada usando uma linha. Agora eu quero falar com você sobre um tópico muito importante chamado Anchor Point Estou falando sobre esse ícone vermelho. Vamos ver o que ele faz e por que é tão importante. Vou abrir o parâmetro de rotação e girar essa camada. Preste atenção em como ele gira. Ele gira em relação à posição do ponto de ancoragem Se eu quiser que a camada de texto gire do centro, preciso colocar o ponto de ancoragem no centro da Eu posso fazer isso usando a ferramenta de ponto de ancoragem localizada aqui. Vamos selecioná-lo juntos e mover o ponto de ancoragem para o centro da camada enquanto pressionamos a tecla de controle ou comando Dessa forma, o ponto de ancoragem será encaixado no centro. Agora vamos soltar o clique do mouse e depois a tecla control. Depois de usar a ferramenta de ponto de ancoragem, não se esqueça de voltar para a ferramenta de seleção Ok, agora vamos seguir em frente e criar o segundo texto. Para isso, podemos simplesmente duplicar essa camada e alterar o texto e o design posteriormente Para duplicar a camada, usaremos o controle de atalho Agora vamos arrastar a nova camada para baixo enquanto mantém pressionada a tecla shift Dessa forma, podemos arrastá-lo em um eixo reto. Vamos clicar duas vezes nessa camada e alterar a animação do texto. Segure a tecla shift e digite a letra A para torná-la maiúscula. Agora solte a tecla shift e continue digitando o resto da palavra Agora clique duas vezes no texto para selecionar tudo e alterar a fonte para Ezra Vamos escolher esse estilo porque usaremos esse lote Fanta Vamos marcá-lo com a estrela. Dessa forma, podemos acessá-lo mais rapidamente em sessões futuras. Em seguida, vamos alterar o tamanho da fonte para 100 ou 120. E pressione Enter. Vamos garantir que o texto esteja alinhado ao centro. Vamos para o parágrafo e verifique se o texto está alinhado ao centro e a direção da escrita está da esquerda para a direita E usando a ferramenta alinhada, vamos centralizar o texto na composição Como você pode ver, o ponto de ancoragem dessa camada não está centralizado dessa Em vez de centralizá-lo manualmente usando a ferramenta Anchor Point, faremos isso com o útil controle de atalho Alt, os usuários do Home Mac precisarão trabalhar um pouco mais para usar esse atalho Além disso, não se esqueça de que todos os atalhos funcionarão somente quando o idioma do seu computador estiver definido como inglês Se sim, vamos pressionar Control Alt home. Aí está. O ponto de ancoragem. Vá para o centro da camada. Agora vamos voltar para a ferramenta de seleção e mover o texto aqui. Agora eu quero que os dois textos ocupem exatamente a mesma área. Eles devem ser redimensionados para corresponder ao tamanho um do outro. Para fazer isso, podemos usar guias para criar guias. Precisamos mostrar as réguas. Podemos exibir as réguas abrindo a lista de guias e grades aqui e, em seguida, selecionando as réguas ou usando o Agora, para criar uma guia, vamos clicar aqui na régua e arrastar a primeira guia dela Você pode colocá-lo aqui. Vamos criar outro guia e colocá-lo aqui. Em seguida, vamos selecionar essa camada e alterar seu tamanho usando o perímetro da escala Mas em vez de abrir esse parâmetro manualmente, podemos simplesmente selecionar a camada e pressionar a tecla. Agora clique aqui no valor uma vez e use as teclas de seta para aumentar o tamanho para 105. Em seguida, clique aqui para finalizar a operação. Ótimo, e agora podemos esconder os governantes. Para fazer isso, pressione o controlador mais uma vez. Para se livrar das guias, acesse Exibir e selecione guias claras. Agora vamos centralizar essas duas camadas na composição. Para fazer isso com precisão, podemos usar o guia útil chamado Title Safe Action. O atalho para este guia é a chave do apóstrofo. Acostume-se com esse atalho porque vamos usá-lo muito. Tudo bem, agora eu posso ver onde está o centro da composição. Agora vamos selecionar as duas camadas dessa forma e movê-las para cima usando as teclas de seta Se pressionarmos a tecla shift ao fazer isso, o texto se moverá em incrementos maiores Com isso, concluímos o design da primeira cena e estamos prontos para animá-la 5. Seção 1, parte 3: Vamos aprender como animar essa cena. Para criar essa animação, precisamos converter essa camada de texto em uma camada moldada. Da mesma forma que convertemos uma camada de texto uma camada de contorno usando criar contornos, um ilustrador após essa ação, obtemos uma forma com um caminho que podemos mover Depois disso, usaremos um efeito chamado trim path e animaremos um de seus parâmetros Se você está se perguntando por que não podemos simplesmente usar o efeito trim path agora, é porque, se não convertermos o texto em um caminho, não conseguiremos fazer isso Mesmo se ativarmos o traçado dessa camada de texto e tentarmos adicionar o caminho de corte, veremos que esse efeito não aparece aqui Ok, vou trazer tudo de volta ao normal para converter essa camada de texto em uma camada de forma com um caminho, clique com o botão direito do mouse nela. Vá para Criar e escolha Criar formas a partir do texto. A camada de texto será automaticamente desativada. Não precisamos dela por enquanto, então podemos habilitar a função shy para ela Agora vamos preencher essa forma e desligá-la. Em seguida, vá para Stroke e escolha a cor escura na paleta Agora mude a espessura para uma. Vamos clicar aqui para ver como fica ótimo. Agora vamos ampliar um pouco. Usando a roda de rolagem ou pressionando essas teclas, vejo que é muito fino. Vamos definir o traçado para dois e pressionar Enter. Agora vamos duplicar essa camada usando o controle D. Em seguida, coloque essa camada abaixo da primeira Essa será a camada que será colorida após o término da animação do traçado. Porque depois que o traço é desenhado, queremos revelar a palavra inteira. Vamos ativar o preenchimento dessa camada. Escolha a cor escura e, desta vez, desative o traçado. Agora temos uma camada com o texto preenchido com cores e uma camada adicional apenas com o traçado. Por enquanto, vamos desativar a camada com o preenchimento e focar na animação da camada de texto com o traçado. Para fazer isso, vamos abrir essa camada, selecionar o conteúdo, ir para Adicionar e escolher o efeito de caminhos de corte Agora vamos abrir o Efeito e expandir esse painel por conveniência. Agora, se eu mover o parâmetro chamado end, você verá que o traçado desaparece e reaparece Esse é o parâmetro que vamos animar. Faremos isso criando quadros-chave. O que são quadros-chave? Os quadros-chave são um conceito fundamental em animação e gráficos em movimento, no After Effects. Os quadros-chave são usados para definir os pontos inicial e final de uma animação ou transição. São pontos no tempo que marcam a posição, o tamanho, rotação, a opacidade e outras propriedades de um elemento ou camada Os quadros-chave também são usados para controlar a velocidade e o tempo de uma animação. Ajustando a distância entre os quadros-chave. Você pode controlar a velocidade da animação ajustando o tempo dos quadros-chave Você pode controlar o espaçamento e o ritmo da animação. Ok, então, primeiro de tudo, antes de animar o parâmetro, vamos garantir que o indicador de tempo esteja no início da linha do tempo Agora vamos decidir para que, nesse momento , no zero segundo, o valor desse parâmetro seja zero. Para dar o comando ao After Effects, precisamos criar um quadro-chave. Para criar quadros-chave, clique no ícone do cronômetro desse parâmetro Lá você criou seu primeiro quadro-chave. Agora vamos passar para o segundo número dois e decidir de forma que, nesse momento, o valor desse parâmetro seja 100. Depois de criarmos o primeiro quadro-chave para um parâmetro específico e alterarmos seu valor ao longo da linha do tempo, quadros-chave adicionais com o novo valor serão criados automaticamente para Portanto, vemos o segundo quadro-chave criado sem clicar no ícone do cronômetro Para ver o que alcançamos, vamos colocar o indicador de tempo no início da nossa linha do tempo e pressionar a barra de espaço Ótimo trabalho. Você criou sua primeira animação. Agora vamos colocar o indicador de tempo aqui e ver como podemos tornar essa animação um pouco mais interessante. Podemos fazer isso criando quadros-chave para um parâmetro adicional chamado offset Como você pode ver, assim que eu a movo, a linha começa a se mover. Vou colocá-lo de volta em zero. E vamos animá-lo juntos. Primeiro, vamos ao início da animação. E configure-o para que, nesse momento , o valor desse parâmetro seja zero. No segundo número dois, vamos configurá-lo para que esse parâmetro faça uma rotação completa. Vamos ver como fica agora. Enquanto a linha está sendo desenhada, ela também se move. Em seguida, tornaremos nossa animação um pouco mais interessante, transformando nossos quadros-chave regulares em quadros-chave O que são quadros-chave? *** é um tipo de interpolação de quadros-chave que ajuda você a obter movimentos suaves e naturais Quando você aplica o ASe a um quadro-chave, ele adiciona aceleração e aceleração graduais à animação, fazendo com que pareça mais natural. Para converter esses quadros-chave em quadros-chave. Vamos selecioná-los e pressionar a tecla nove. Usuários de Mac, mantenha pressionada a tecla F e enquanto pressiona nove. Vamos fazer isso e ver como fica. Agora parece bom. Vamos fechar todos os parâmetros da camada e seguir em frente. Agora vamos encontrar o momento certo na linha do tempo em que a camada de texto preenchida deve entrar na cena Digamos que queremos que ele comece a entrar na cena um pouco antes de todos os traços serem desenhados Para ver onde a animação do traçado termina, podemos selecionar essa camada e pressionar o Reino Unido. Dessa forma, podemos ver todos os quadros-chave que existem nessa camada. Agora vamos colocar o indicador de tempo aqui e decidir se essa camada entrará no quadro a partir desse ponto. Vamos voltar a ativar essa camada e o parâmetro. Criaremos quadros-chave, pois desta vez será o parâmetro de opacidade. Para acessar rapidamente esse parâmetro, basta selecionar a camada e pressionar a tecla. Nesse momento, o valor desse parâmetro deve ser zero. Para dar o comando ao After Effects, clicaremos no ícone do cronômetro desse parâmetro e criaremos os quadros-chave com esse valor No segundo número 2,15 quadros, que é exatamente 1 segundo após os primeiros quadros-chave, alteraremos o valor para 100 E também converteremos esses quadros-chave em quadros-chave. Pergunta: qual é o atalho para converter um quadro-chave linear em um quadro-chave *** Faremos isso selecionando o quadro-chave e pressionando a tecla F nove. Vamos ver como fica. Ótimo trabalho. Ok, então animamos as camadas. Agora eu quero te ensinar algo muito importante. Digamos que, mais adiante no vídeo, precisaremos mover essa animação para o lado. Se eu mover essa camada, a camada de preenchimento não se moverá com ela, então terei que movê-la também. Vou pressionar o controle Z para desfazer a ação. Para fazer com que as duas camadas se movam juntas, podemos vincular a camada inferior à camada superior usando a função pai e link encontrada aqui. pais e a vinculação são ferramentas poderosas e efeitos posteriores que permitem controlar o movimento de uma camada ou propriedade com base no movimento de A paternidade é uma relação entre duas camadas em que uma camada a criança está anexada e segue o movimento de outra camada, a mãe mãe uma camada para outra camada Qualquer movimento ou transformação aplicado à camada principal também é aplicado à camada secundária. Isso é útil para criar animações complexas, como personagens ou veículos, em que o movimento de uma parte afeta o movimento de outra A vinculação, por outro lado, é uma relação mais flexível que permite controlar uma propriedade ou parâmetro de uma camada com base em outra No nosso caso, precisamos transformar uma camada em outra. Para fazer isso, arrastaremos o chicote dessa camada para essa camada Agora, toda vez que eu mover a camada superior, a camada inferior se moverá com ela. Tudo bem, vou pressionar o controle Z. Agora é hora de seguir em frente e começar a animar essa camada de texto Mas antes disso, vamos desligar essas duas camadas para que elas não atrapalhem nosso caminho e prossigamos. Agora vamos falar sobre os dois métodos principais para animar essa camada de texto para obter o resultado que vemos no exemplo A primeira envolve separar cada letra e animá-las individualmente, que é um processo manual O segundo método, mais eficiente, é usar animadores de texto e efeitos posteriores Deixe-me mostrar primeiro o método manual, bem rápido. Primeiro de tudo, preciso duplicar essa camada tantas vezes quanto o número de letras dessa palavra Então eu preciso deixar uma letra da palavra em cada camada. Em seguida, tenho que organizar suas posições e animá-las uma a uma e criar o tempo entre elas manualmente. Como você pode ver, é um caminho muito longo e complicado. Espero que tenha entendido o que quero dizer. Eu fiz muitas ações para uma animação tão simples. Portanto, não faremos isso dessa maneira. Faremos isso de uma forma muito mais inteligente e rápida usando os animadores de texto Primeiro, vamos abrir a camada. Podemos fechar isso e ampliar um pouco esse painel. Agora só precisamos selecionar o texto e abrir a lista animada A partir daqui, precisamos escolher qual propriedade estará em nosso primeiro animador No nosso, como queremos que o texto se mova de um lugar para outro, escolheremos a propriedade de posição para nosso primeiro animador Aqui podemos ver que um animador foi criado. A primeira coisa que precisamos fazer é definir o seletor de intervalo desse animador Isso significa que agora decidiremos onde queremos que o texto esteja no final ou no início desse animador Vamos nos preparar para estar aqui embaixo. Por enquanto, podemos alterá-lo posteriormente a qualquer momento. Por enquanto, estamos apenas tentando ver o que funciona melhor para nós. Vamos diminuir um pouco. Vamos reduzir ainda mais o texto. Vamos escrever 120. Agora definimos uma certa posição para o texto. Vamos reduzir a tela de visualização e ampliar esse painel Agora precisamos abrir o seletor de intervalo e também abrir as propriedades avançadas Agora, controlaremos o texto com base no valor que definimos no seletor de intervalo Faremos isso alterando o parâmetro de deslocamento. Isso significa que quando o deslocamento é definido como zero, significa que o texto estará localizado no valor que definimos para o seletor de intervalo E se definirmos o deslocamento como 100, o texto estará localizado em sua posição original, que é onde estava antes de definirmos o valor no seletor de intervalo Mas se eu mover esse valor até -100, o texto terminará em sua posição original E não é isso que estamos buscando. Para corrigir isso, precisamos mudar a forma como esse animador funciona. E podemos fazer isso mudando a forma desse animador para aumentar. Agora, quando o deslocamento é definido como -100, a posição do texto é baseada no valor que definimos para o seletor de intervalo Quando o deslocamento é definido como 100, o texto retorna à sua posição original Agora podemos definir quadros-chave para a propriedade offset para criar a animação que queremos Vamos nos certificar de que estamos no início da linha do tempo e criar um quadro-chave com o valor de -100 Agora vamos passar para segundo número um e alterar o deslocamento Ao trabalhar com animadores de texto, podemos alterar a flexibilização dos quadros-chave aqui Em vez de usar o atalho nove, defina-o para 85, 85 e veja como fica Não se preocupe se você se sentir um pouco confuso. Faremos isso várias vezes no curso. Eventualmente, você entenderá isso muito melhor. Tudo bem, agora vamos seguir em frente e aprender como tornar o texto invisível. Quando estiver na parte inferior, quero que fique visível somente quando atingir sua posição original aqui em cima. Para fazer isso, precisamos encontrar um momento em que o texto já tenha terminado sua animação e esteja em sua posição final. Agora clique com o botão direito do mouse, vá para Máscara e crie uma nova máscara. Agora, quando o texto estiver na parte inferior, não o veremos. Se depois de criar a máscara você ainda ver o texto. Você pode alterar sua localização sem estragar a animação simplesmente alterando o valor do seletor de intervalo Ajuste o seletor de faixa e verifique se a animação está bonita Tudo bem, continuando agora, vamos trazer de volta as duas camadas. Agora eu quero que essa animação comece somente depois que o texto terminar sua animação. Digamos que, neste momento, no segundo número, 1,15 quadros Vamos movê-la enquanto pressiona a tecla shift para que a camada se alinhe com a posição dos indicadores de tempo Vamos ver como fica. Parece bom. Quando terminarmos a animação desta seção, podemos aplicar a cor rosa escolhida da paleta de cores ao texto Selecione essa camada, vá até a guia de caracteres e use o conta-gotas para escolher a cor rosa da Vamos também desligar o plano de fundo da tela anterior e seguir em frente. Agora vamos animar o resto das camadas. Esse texto vai subir e esse texto vai descer. Primeiro, vamos encontrar o momento em que queremos começar a animar as camadas Vamos ver onde a animação termina. É aí que os últimos quadros-chave exibem todos os quadros-chave que temos na cena. Certifique-se de não selecionar nenhuma camada e pressione a tecla U aqui. Vejo que os quadros-chave estão localizados aqui, o que significa que a animação dessas camadas é finalizada aqui. Agora vamos selecionar essa camada e aquela camada, mas não essa. Por que não essa? Porque conectamos essa camada a essa camada, o que significa que quando movemos essa camada, a segunda camada se moverá junto com ela. Por isso, vamos selecionar essas duas camadas e abrir o parâmetro de posição para ambas. Para isso, pressionamos a tecla. Agora, criaremos quadros-chave com o valor atual, porque, nesse momento , queremos que o texto permaneça aqui. Mas em um segundo. Número quatro, essa camada vai ficar aqui. Acima. Vamos movê-lo enquanto pressionamos a tecla shift. moveremos essa camada Também moveremos essa camada para baixo enquanto pressionamos a tecla shift Agora vamos selecionar os quadros-chave que criamos e pressionar F nove para convertê-los em quadros-chave *** Parece um pouco chato. Para tornar o movimento mais interessante, podemos mudar o comportamento dessa animação. Faremos isso usando o editor gráfico, clique com o botão direito do mouse e verifique se você está usando o editor de gráfico de velocidade. Agora vamos selecionar esses dois quadros-chave e arrastar a alça aqui. Vamos também selecionar esses dois quadros-chave e mover a alça aqui. Vamos ver como fica. Agora, o texto começa a se mover lentamente no início, depois ganha muita velocidade. Finalmente, ele diminui a velocidade no final. Observe que a duração da animação não mudou. Nós apenas alteramos a velocidade dos quadros-chave e não a duração da animação Agora vamos voltar à nossa linha do tempo e aprender como alterar a velocidade sem entrar no editor gráfico e ajustar as alças manualmente Para isso, precisamos selecionar todos os quadros-chave, manter pressionada a tecla alt e clicar duas vezes em um dos quadros-chave. Isso abrirá o painel de velocidade do quadro-chave. Vamos inserir 85 para ambos e pressionar OK, vamos ver como fica. Parece bom. Tudo bem, então a primeira cena está pronta e agora podemos prosseguir para a próxima, onde criamos uma animação de três textos. 6. Seção 1, parte 4: Ok, então primeiro de tudo, vamos criar o texto. Escolheremos a ferramenta de texto e escreveremos. Vamos agora selecionar todo o texto e mudar a cor para azul. Verifique se o texto está centralizado e a direção da escrita é da esquerda para a direita Em seguida, vamos alinhar o texto ao centro da composição usando uma linha Pressione aqui e aqui. E se ampliarmos um pouco, podemos ver que o ponto de ancoragem dessa camada não está centralizado na Vamos usar o atalho. Aprendemos a fazer isso e pressionar o controle em casa. Agora, como sabemos que estamos preparando a segunda cena para manter o projeto organizado, vamos agrupar essa camada em uma nova pré-composição O que são precomposições? A pré-composição é a técnica usada para agrupar camadas e tratá-las como uma única É uma ferramenta muito útil no After Effects que pode simplificar sua linha do tempo e ajudá-lo a organizar seu projeto Uma das principais vantagens da pré-composição de camadas é que ela permite que você mantenha sua linha do tempo organizada e fácil de gerenciar Ao agrupar camadas relacionadas, você pode reduzir a desordem e facilitar a navegação e a edição do seu projeto Vamos pré-compor essa camada de texto. Podemos fazer isso de várias maneiras. Podemos escrever, clicar na camada e escolher Precompose. Ou podemos usar o atalho e pressionar a tecla control shift C. Agora vamos dar um nome à nova pré-composição Vamos ligar para isso, vamos compor, verificar se os dois estão selecionados e clicar em OK Aí está. Uma nova composição é criada, que também podemos ver no painel do projeto. Se a inserirmos, podemos ver a camada de texto que criamos. Isso tornará muito mais conveniente criar a segunda cena. Agora vamos voltar para a ferramenta de seleção, definir a tela de visualização para caber. Agora vamos transformar essa camada de texto em uma camada de três D clicando neste ícone aqui. Para quem não vê , você pode clicar aqui. Vamos clicar no ícone de três D. Aí está. A camada se tornou uma camada de três D. Mas se mudarmos o ângulo de visão das visualizações da câmera ativa para a visualização personalizada, veremos que o texto não tem o volume de três D. Para fazer isso, precisamos mudar o mecanismo de renderização do software do renderizador clássico de três D para o renderizador Cinema Four D. Para aqueles que não o veem no painel de visualização, você pode pressionar o controle K para acessar as configurações de composição em que estamos atualmente. Agora vá para Three D Renderer e altere o renderizador a partir Vamos clicar em OK e continuar. Como você pode ver, por enquanto, nada mudou. Mas se abrirmos as propriedades Layers, veremos que uma nova propriedade chamada Geometry Options foi adicionada Vamos abrir isso. Agora, quero mostrar como ficaria se não tivéssemos trocado o Eu volto para o clássico três D e, como você pode ver, o parâmetro de opções de geometria não está ativo, por isso que mudamos para o renderizador cinema Four D. Ok, agora, para criar o volume tridimensional, precisamos aumentar o valor da propriedade de profundidade de extrusão Vamos configurá-lo para 35. Isso deve ser suficiente. Quanto maior a tornarmos, mais difícil será renderizar a cena, o que tornará o computador e o software mais lentos. Ok, agora vamos adicionar cor às laterais. Para isso, precisamos selecionar o texto daqui, ir para Animate, depois colocar a cor ao lado e escolher RGB Agora vamos selecionar a paleta de cores no painel de projetos para que possamos ver as cores E vamos mudar a cor usando o conta-gotas para cinza lindo Agora podemos fechar a camada e seguir em frente. Se mudarmos nosso ângulo de visualização da primeira vista do traje para a vista superior, podemos ver que o ponto de ancoragem dessa camada não está centralizado Vamos selecionar a ferramenta de ponto de ancoragem e mover o ponto de ancoragem do Zaxisow Vamos voltar para a câmera ativa para ver a cena de um ângulo regular. Além disso, não se esqueça de voltar para a ferramenta de seleção. Tudo bem, agora estamos prontos para animar essa cena. Mas antes disso, podemos ampliar esse painel, ajustar a visualização e animar essa camada Nosso objetivo é animar a camada se movendo em direção à câmera, o que requer a animação da propriedade de posição Vamos pressionar a tecla. Como você pode ver, como transformamos essa camada em uma camada tridimensional, adicionamos um novo eixo de movimento além da esquerda e da direita. baixo e para cima, podemos mover o texto mais perto ou mais longe da câmera. Vou pressionar os controles algumas vezes. Vamos animá-lo juntos. Vamos definir que, neste momento, a posição do texto estará aqui. Após 2 segundos, o texto se aproximará da câmera. Para mover essa camada em incrementos maiores, podemos manter pressionada a tecla shift enquanto alteramos o valor do eixo Z para que o texto passe exatamente no meio Também podemos movê-lo ao longo do eixo x, que significa deslocá-lo Como estamos lidando com três camadas D, o projeto pode funcionar muito lentamente para ajudar o After Effects a visualizar a cena Podemos diminuir a qualidade da visualização. Aqui, vamos escolher um quarto. Agora veremos a cena um pouco mais pixelada e com menor qualidade Mas o After Effects funcionará mais rápido. E continue movendo a camada para frente e organize o movimento para que o texto passe exatamente pelo centro. Vamos ver como fica. Deixe o software renderizar a cena por alguns segundos. Agora, para tornar o movimento mais suave, vamos alterar os quadros-chave para facilitar Vamos ver isso novamente mais uma vez. Parecendo bem. Depois de terminarmos com essa palavra, vamos criar a animação para a segunda palavra. Para fazer isso, podemos duplicar essa camada de texto usando o controle D. Em seguida, podemos desativar temporariamente essa camada Agora vamos pressionar aqui duas vezes. E mude a palavra para ir mantenha pressionada a tecla shift para escrevê-la em letras maiúsculas. Vamos mudar a cor desse texto para amarelo. Agora volte para a ferramenta de seleção e veja como fica o movimento que criamos com esse texto. Agora vamos fazer o texto passar pela letra O. Para isso, precisamos ajustar um pouco a animação dessa camada. Para alterar essa animação, precisamos ver seus quadros-chave. Vamos pressionar você a fazer isso. Agora vamos para o último quadro-chave. Mantenha pressionada a tecla shift enquanto move o indicador de tempo para que ele se encaixe exatamente no quadro-chave Para alcançar o resultado desejado, é crucial alterar o valor somente quando o indicador de tempo é colocado no quadro-chave específico. Queremos alterar o valor por enquanto, podemos alterar o valor desse quadro-chave Vamos mover a camada para trás e ajustar sua posição para fazer com que a camada saia do quadro através da letra O. Você também pode clicar no valor que deseja alterar e ajustá-lo usando as setas para cima e para baixo no teclado Uma vez feito isso, vamos analisar o resultado. Agora vamos ativar as duas camadas e trazer o indicador de tempo aqui para que possamos ver as camadas. Podemos colocar essa camada aqui. Agora vamos criar uma animação de entrada interessante para essas camadas usando uma animação de escala Vamos garantir que estamos no início do cronograma. Selecione as duas camadas e pressione a tecla S. Agora vamos decidir que, nesse momento, o tamanho das camadas será zero. Vamos alterar o valor e criar um quadro-chave com esse valor. No quadro número 15, definiremos o tamanho das camadas 100%. Vamos converter esses quadros-chave em como, desativar uma das camadas e ver como a animação que criamos parece boa. Agora vamos cronometrar as duas camadas para entrar na cena uma após a outra. Para isso, vamos mover o indicador de tempo para frente no tempo para que possamos ver as duas camadas. Agora, vamos mover a camada de texto Go para frente no tempo. Vamos ver como fica. Acho que precisamos movê-lo um pouco mais. Vamos ver isso agora. Talvez até um pouco mais. Ok, vamos mover essa camada para o segundo número, 1,15 quadros Sim, isso é melhor. As duas camadas já saíram de cena. Não precisamos mais dessa parte da linha do tempo. Vamos encurtá-la até o final da animação dessas camadas. Para isso, precisamos ver os quadros-chave de todas as camadas. Vamos nos certificar de que não estamos selecionando nada. Pergunta: qual tecla devemos pressionar para ver os quadros-chave nas camadas? Pressione a tecla U aqui. Podemos ver que o último quadro-chave está aqui, que significa que a animação termina aqui Vamos colocar o indicador de tempo aqui para encurtar a linha do tempo A chamada área de trabalho. Vamos movê-lo manualmente ou usar o atalho da tecla final. Agora, clique com o botão direito do mouse aqui e escolha cortar composição para a área de trabalho Quando voltamos à composição principal, podemos ver que essa pré-composição foi realmente reduzida Agora, o que resta fazer é simplesmente cronometrar a animação nesta pré-composição com a animação da primeira cena Podemos trazer a pré-composição até aqui e movê-la em relação à animação da primeira cena Vamos colocá-lo mais ou menos aqui. Espere alguns segundos para renderizar a pré-visualização. Parece bom. Agora vamos criar o plano de fundo para isso. Usaremos uma camada chamada sólida. Há duas maneiras de criar uma nova camada sólida. Você pode clicar com o botão direito aqui, ir para Novo e selecionar Sólido. Ou podemos fazer isso com o controle de atalho. Vamos mudar a cor do sólido para a cor brilhante da paleta usando o conta-gotas Agora coloque o sólido abaixo todas as camadas antes de renderizarmos a cena. Vamos excluir as camadas desnecessárias nele. Vamos clicar aqui para ver as camadas ocultas. Podemos desbloquear a paleta de cores e apagá-la usando a tecla backspace ou delete Vamos também excluir essa camada de texto. Agora vamos encurtar a área de trabalho aqui porque não há nada acontecendo aqui Portanto, não precisamos dessa seção inteira para encurtar a área de trabalho Vamos colocar o indicador de tempo aqui e pressionar. Nesse caso, não precisamos cortar e ajustar a área de trabalho porque o After Effects renderizará somente os limites da área de trabalho selecionada. Ok, agora vamos ver toda a animação do início ao fim. Vamos configurar a pré-visualização para caber. Desligaremos a grade, pressionaremos a tecla apóstrofo e, em seguida, pressionaremos Seja paciente e aguarde algum tempo para que o After Effects renderize a pré-visualização. Parece bom e está pronto para renderização. Para renderizar essa cena, vá para Composição e escolha Adicionar para renderizar, ou podemos usar o controle de atalho M. Este é o painel Q de renderização do After Effects Primeiro, precisamos decidir qual formato queremos renderizar essa animação. Podemos fazer isso alterando o modo de saída. Vamos clicar aqui e agora escolher o formato H 0.264 40 megabits por segundo, que nos dá um arquivo MP four de alta qualidade Então, na saída dois, podemos escolher onde salvar o arquivo. Vamos salvá-lo na pasta de renderizações que criamos anteriormente. Agora você pode alterar o nome do arquivo ou deixá-lo como está. Em seguida, clique em Salvar. E, finalmente, vamos apertar o botão de renderização para renderizar a animação. Vamos esperar alguns instantes para ver a renderização. Podemos abrir o modo de saída e clicar no link aqui. Vamos ver como fica. Parece bom. Agora você pode compartilhá-lo nas redes sociais ou adicioná-lo ao portfólio do seu site. Ok. Agora vamos voltar ao projeto e organizá-lo. Antes de fechá-lo, podemos, também podemos fechar essa pré-composição. Agora vamos ao painel do projeto e organizá-lo usando pastas. Vamos clicar aqui para criar uma pasta e chamá-la de pré-composições. Agora, vamos garantir que não selecionemos nada e criemos outra pasta chamada assets. Vamos colocar aqui a paleta de cores e a pasta do sólido que foi criada automaticamente quando criamos o plano de fundo Agora vamos mover o precomp que criamos, que obviamente está em nossa composição principal, para a pasta precomp Eu recomendo deixar a composição principal fora para diferenciá-la de outras composições do projeto Podemos marcá-lo com uma cor azul. Agora vamos pressionar control para salvar o projeto. Agora você pode fechar o projeto. Espero que tenham gostado da aula e espero vê-lo na próxima. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula Nos vemos lá. 7. Seção 2: Animação de texto ondulado: Oi pessoal. Nesta lição, criaremos uma animação super legal usando animadores de camadas de texto do After Effects Vamos adotar uma abordagem passo a passo e dividi-la em quatro partes. Aqui está o plano. Primeiro, faremos a animação do texto e aprenderemos como repeti-la. Em seguida, vamos nos aprofundar nas expressões e aprender alguns truques bacanas para transformar uma animação simples em uma elegante Em seguida, descobriremos algumas técnicas avançadas que nos pouparão tempo. Criaremos um plano de fundo dinâmico, renderizaremos a cena e organizaremos o projeto. Depois disso, aprenderemos como modificar a animação que criamos e usar técnicas mais avançadas para facilitar futuras mudanças. Por fim, melhoraremos ainda mais a animação e renderizaremos o produto final. Vai ser incrível. Vamos começar. 8. Seção 2, parte 1: Vamos almoçar depois dos efeitos. Você pode fechar essa janela para que todos nós vejamos os mesmos arranjos de painéis. Vamos clicar em Padrão. Agora vamos criar nossa primeira composição. Vamos chamá-la de animação de texto dois. Agora vamos ao Renderer, já que na lição anterior mudamos o renderizador para Cinema four D. Vamos voltar para o clássico três D. Agora vamos voltar ao Basic, e desta vez vamos trabalhar no formato full HD, que significa 1.920 pixels de largura e 1080 pixels largura e 1080 Trabalharemos com 30 quadros por segundo. A duração da composição será de 10 segundos. Vamos mudar o fundo para preto. Vamos clicar em OK, aqui e ali. Ok, agora vamos importar a paleta de cores para o projeto Vamos clicar aqui para ver o painel do projeto. Para maior comodidade, vamos configurar a tela de visualização para caber. Agora vamos trazer a paleta de cores para este projeto. Para isso, clique duas vezes na área cinza no painel do projeto. Localize a pasta que criamos para a lição e entre na pasta Assets. Selecione a paleta de cores e clique em Importar. Agora podemos salvar o projeto e dar um nome a ele. Para isso, vamos usar o controle de atalho. Então, vamos encontrar a pasta que criamos para a lição. Em seguida, vá para a pasta AE que criamos para a lição. Agora podemos clicar no arquivo de efeitos posteriores da primeira lição. Dessa forma, faremos uma amostra desse nome. Agora, tudo o que precisamos fazer é alterá-lo para o número dois. Ótimo, agora podemos clicar em Salvar. Tudo bem, agora vamos criar a camada de texto para isso, vamos escolher a ferramenta de texto e escrever a palavra swag Vamos selecionar o texto. Vá para a guia de caracteres e altere a cor do texto para branco. Em seguida, altere a fonte para Montserrat. Escolha o estilo mais ousado. E salve essa fonte para acesso rápido, porque vamos usá-la em futuras aulas pensando bem, vamos mudar o estilo para preto e definir o tamanho para 150. Vamos pressionar aqui para que todas as letras estejam em maiúsculas. Agora vamos para o parágrafo e garantir que nosso texto esteja alinhado ao centro e que a direção da escrita esteja da esquerda para a direita Agora vamos até uma linha e clique aqui e aqui para centralizar a camada na composição. Agora vamos centralizar o ponto de ancoragem da camada de texto. Faremos isso usando um controle de atalho útil Os usuários do Alt Home Mac prestam atenção em como você faz isso no teclado Vamos pressionar o controle Alt Home. E aí está, o ponto de ancoragem. Pule para o centro. Ótimo. Agora vamos voltar para a ferramenta de seleção usando o atalho V e começar a animar o texto Como aprendemos na lição anterior, anime-o usando os animadores que o After Effects nos oferece ao trabalhar com camadas de texto Para usar o texto, os animadores primeiro abrem a camada de texto, selecionam o texto e, em seguida, escolhem o animador de posição porque é isso que queremos que o texto Mova-se de cima para baixo. Agora, a primeira coisa que precisamos fazer é definir o valor do seletor de intervalo, ou seja, quando o texto inicia ou termina a animação Vamos definir a posição do texto na parte inferior. Podemos alterá-lo em qualquer estágio posterior do projeto. Por enquanto, estamos apenas tentando ver o que funciona melhor para nós. Vamos escrever 120. Ótimo, agora vamos abrir o seletor de intervalo um e as propriedades avançadas Vamos ampliar um pouco esse painel. Agora podemos alterar a forma da animação desse animador de quadrado para ramp Dessa forma, o movimento do texto começará da primeira letra até a última. Agora, para animar o texto, alteraremos o parâmetro de deslocamento neste momento No segundo zero, vamos definir o deslocamento para -100. Depois de 2 segundos, alteraremos o deslocamento Vamos ver como fica. Como aprendemos ao trabalhar com animadores de texto, podemos criar esses quadros-chave s pressionando nove Ou podemos definir a velocidade dos quadros-chave inserindo os números nesses parâmetros Se high Vamos escrever 20, Se low, vamos escrever 80. Agora vamos fazer com que as letras voltem para baixo em forma de onda. Se eu simplesmente definir o deslocamento de volta para -100 as letras retornarão da última letra e não da primeira Ok, vou deletar esse quadro-chave e vamos ver como podemos fazer isso Para obter uma aparência ondulada, podemos duplicar o animador e ajustar os Então selecione-o e pressione control D. Agora vamos abri-lo. Apenas alguns parâmetros. A primeira coisa que precisamos é alterar o seletor de intervalo de 120 para -120 . Dessa forma, o texto se moverá na direção oposta Em seguida, precisamos ver os quadros-chave dos dois animadores. Selecione a camada e pressione você. Agora precisamos mover os quadros-chave do animador dois para começar 1 segundo após o animador Em outras palavras, a animação do segundo animador começará 1 segundo após a animação do primeiro animador Agora vamos fechar a camada e reabri-la para acessar todos os parâmetros dos animadores Iremos para o segundo animador e também reverteremos a velocidade Vamos definir o máximo para 80 e o s baixo para 20. Agora vamos aprender como fazer com que essa animação de onda se repita e crie outra onda. Para isso, precisamos duplicar o primeiro animador. Porque nesse animador, o texto executa a animação ascendente Mas primeiro, vamos mudar o nome desse animador. Selecione-o, pressione enter e nomeie-o como Animator up. Vamos chamar o animador que faz o texto ir, o animador, porque esse é o animador responsável pelo movimento descendente do Agora vamos duplicar o animador ascendente, selecioná-lo, pressionar o controle D e movê-lo para baixo Essa animação deve começar depois da anterior. Vamos selecionar a camada e pressionar você. Agora vamos selecionar esses quadros-chave e movê-los para a posição do indicador de tempo enquanto pressiona a tecla shift. Vamos ver como fica. Ótimo. Agora vamos fazer outra onda e fazer o texto descer. Pergunta mais uma vez. Qual animador devemos duplicar para conseguir isso? Para conseguir isso, duplicaremos controle de pressão do animador para baixo e o moveremos Pressione você para ver os quadros-chave. Selecione os quadros-chave do novo animador e coloque-os exatamente no meio da animação anterior do animador Vamos ver o que temos. Ok, agora vamos fazer essa animação ser reproduzida em um loop perfeito. O que é uma animação em loop? Uma animação em loop é um tipo de animação em que o início e o fim da animação se misturam perfeitamente, criando um loop infinito Em outras palavras, a animação é reproduzida continuamente sem nenhum ponto inicial ou final discernível Como você pode ver, o texto começa atualmente. Sua animação o completa e pára se quisermos que continue sendo reproduzido Primeiro, precisamos encontrar dois quadros idênticos no início e no final da animação. Isso. Vamos para o segundo, número um, quando o texto já estiver em movimento. Agora vamos posicionar a área de trabalho no mesmo local do indicador de tempo. Podemos arrastar manualmente a área de trabalho ou usar o atalho pressionando a tecla B. Agora vamos encontrar o ponto no tempo em que o texto retorna a essa posição. Novamente, acho que está em algum lugar por aqui. Para ser o mais preciso possível, podemos usar a função take snapshot para isso Vamos chegar ao nosso primeiro quadro e pressionar tirar foto. Agora vamos tentar encontrar um quadro semelhante ao que capturamos. Para comparar esse quadro com o primeiro quadro, precisamos clicar aqui. Não parece semelhante. Vamos continuar pesquisando. Estamos chegando mais perto. Vamos passar para o segundo número três. Lá encontramos a moldura certa. Agora, o que resta é finalizar a área de trabalho. Neste momento, podemos arrastá-lo manualmente ou usar o atalho Agora, quando reproduzimos a animação, veremos apenas o que existe dentro dos limites da área de trabalho. Preste atenção quando o indicador de tempo chegar aqui. Ele começará imediatamente a reproduzir a animação desde o início. Porque encontramos duas molduras completamente idênticas. No início e no final da animação, criamos um loop perfeito. Não perceberemos quando o vídeo termina e quando começa novamente. Agora, quero mostrar o que aconteceria se definíssemos a área de trabalho em um momento em que o primeiro e o último quadro não fossem idênticos. Digamos que terminamos a área de trabalho aqui. Como você pode ver, ocorre um salto desagradável. Portanto, é muito importante ao criar loops, usar o take snapshot Ok, vou trazer tudo de volta ao normal e agora vamos aprender a cortar a camada. Podemos cortar manualmente a camada dessa forma ou usar o atalho alt e o colchete esquerdo Agora vamos posicionar o indicador de tempo no final da área de trabalho enquanto segura a tecla shift cortar a camada do final. Pressionaremos Alt e o colchete direito. E para tornar a animação mais interessante, podemos selecionar o texto e adicionar alguns pontos nas laterais do texto Clique duas vezes no texto. Agora clique aqui e adicione três pontos no final da palavra e no início Vamos ver como fica. Eu acho que parece legal, mas você não precisa fazer isso. Ok, agora vamos aprender como fazer essa animação ser reproduzida por mais de 2 segundos. Nos vemos na próxima parte. 9. Seção 2, parte 2: Para que essa animação seja reproduzida por mais de 2 segundos. Primeiro, vamos mover o segmento da área de trabalho para o início da linha do tempo Também precisaremos mover a própria camada aqui. Faça isso enquanto segura a tecla shift. Agora podemos expandir a área de trabalho, fechar a camada e seguir em frente. Agora precisamos encaixar essa camada em uma pré-composição. Podemos usar o atalho Control Shift para fazer isso. Agora, mude o nome para Swag comp. Depois disso, verifique se os dois estão selecionados e pressione OK. E não se esqueça de voltar para a ferramenta de seleção. Agora, como você pode ver, as bordas dessa camada são muito grandes. Há muito espaço vazio aqui. Para reduzir o tamanho dessa pré-composição, precisamos inseri-la Agora pressione o controle K para acessar a configuração da composição desta pré-composição. Certifique-se de que a visualização esteja marcada e diminua as dimensões dessa composição. Acho que 1.000 de largura devem ser suficientes para a altura. Eu acredito que 500 é uma boa imprensa. Ok, e vamos colocar essa camada no centro da composição. Para ver o centro da composição, podemos pressionar a tecla apóstrofo e usar o título da ação, Agora arraste a camada aqui. Você pode se mover com o indicador de tempo para ver se o texto permanece dentro dos limites da composição. E não movemos muito essa camada. Acho que podemos aumentar um pouco. Vamos verificar mais uma vez. Tudo bem, ótimo. Podemos seguir em frente agora. Agora vamos voltar à composição principal e aprender como fazer essa pré-jogada sem parar Porque agora a animação termina após 2 segundos. Como criamos uma pré-composição que começa e termina no mesmo quadro, podemos fazer com que essa pré-composição seja reproduzida em um loop infinito usando uma expressão. O que é expressão? Expressão é um trecho de código que você pode usar para automatizar e controlar várias propriedades da sua animação É uma ferramenta poderosa que permite criar animações complexas sem precisar enquadrar cada elemento manualmente Vamos nos aproximar um pouco. Em nosso caso, usaremos uma expressão de loop para criar uma expressão de loop para uma pré-composição que começa e termina com o mesmo quadro que o A primeira coisa que precisamos fazer colocar o indicador de tempo no final dessa camada. Agora clique com o botão direito, vá para a hora e ative o remapeamento da hora. Você pode ver que a camada ainda está cortada dessa maneira. Tudo bem, vamos consertar isso em um momento. O mais importante é que depois de clicarmos em Ativar remapeamento de tempo, precisamos mover um quadro para trás e criar um quadro-chave adicional antes do existente Para fazer isso, clique aqui. Agora precisamos excluir o último quadro-chave, selecioná-lo e pressionar Backspace Agora vamos criar uma expressão para esses quadros-chave. Para fazer isso, precisamos manter pressionada a tecla Alt e clicar no cronômetro Isso abrirá o editor de expressões. Não precisamos escrever nada, usaremos uma expressão embutida para isso. Vamos clicar na pequena seta aqui, Ir para a propriedade, e selecionar essa expressão. Para finalizar a operação, vamos clicar aqui ao lado. Podemos recuar um pouco. E agora vamos estender essa camada até o final da composição. Agora, tudo o que acontece entre esses quadros-chave, que é a animação inteira, continuará se repetindo até o final da composição, fazendo com que toda a animação seja reproduzida indefinidamente Porque sabemos que duplicaremos essa composição várias vezes em breve, e cada uma terá uma cor diferente Precisamos aplicar um efeito chamado preenchimento a essa composição. Vamos até o painel de efeitos e digite o preenchimento. Agora vamos arrastar o efeito para a composição. Agora, para colorir com as cores da paleta, vamos voltar ao painel do projeto , colocá-lo na cena e reduzi-lo enquanto pressiona a tecla shift Vamos colocá-lo aqui. Agora vamos selecionar a pré-composição novamente e acessar os controles de efeitos Se você não vê esse painel, pode ativá-lo pela janela. Tudo bem, então selecione o conta-gotas. E selecione a cor brilhante na paleta. Agora vamos adicionar um traço interessante à pré-composição do texto. Para fazer isso, podemos clicar com o botão direito do mouse na camada, ir para Estilos de camada e selecionar Traçado. Aí está. Aí está o derrame. Agora vamos rolar um pouco para baixo até vermos o parâmetro de estilos de camada. Vamos abrir o traço aqui e alterá-lo um pouco. Esconda o plano de fundo para que possamos ver o que estamos fazendo. Vamos mudar a cor para a cor escura, da paleta e da espessura do traçado para cinco Agora vamos fechar todas as propriedades da camada e seguir em frente. Mas antes, vamos pressionar o controle S para salvar o projeto. Tudo bem, agora vamos duplicar essa composição usando um controle de atalho D. Agora vamos criar um pequeno deslocamento entre essas E avance essa pré-compa, um pouco no tempo. zoom e mova a camada inferior três quadros para frente. Três quadros são demais. Vamos aproximá-lo um pouco mais. Isso parece melhor. Em seguida, vamos mudar a cor dessa camada inferior. Vamos ampliar o painel de visualização. Mantenha pressionada a barra de espaço e arraste a tela de visualização até ver a paleta de cores Como alternativa, podemos simplesmente selecioná-lo. A partir daqui, pressione P para abrir o parâmetro de posição e mover essa camada aqui até vê-la ao lado do texto. Agora vamos selecionar a camada inferior e alterar a cor do efeito de preenchimento para azul. Agora vamos duplicá-lo novamente. Pressione o controle D. Mova a camada inferior, dois quadros para frente. Agora vamos mudar a cor para amarelo. Duplique-o novamente. Mova-o duas molduras para frente e mude a cor para rosa. Vamos fazer isso uma última vez. Duplique-o. Mova-o dois quadros para frente e, desta vez, experimente a cor escura da paleta Agora vamos ajustar a pré-visualização. Crie um loop para essa animação. Você pode notar que a animação à primeira vista parece um pouco estranha. Isso porque as camadas inferiores foram movidas na linha do tempo Vamos ver como podemos resolver isso. Primeiro, vamos a um ponto no tempo em que vemos todas as camadas juntas. Por exemplo, aqui. Agora vamos selecionar todas as camadas. Clique com o botão direito, vá para Marcadores e selecione Adicionar marcador. Dessa forma, podemos saber que esse é o ponto de partida para cada uma das camadas. Para criar um loop perfeito, como fizemos antes, quando criamos a animação de texto. Vamos encontrar um momento em que o texto alcance a mesma posição em que estava no início. Pergunta: qual ferramenta pode nos ajudar a criar um loop perfeito? Usaremos a ferramenta de captura instantânea. Vamos tirar uma foto dessa moldura. Agora vamos para o segundo número oito, não para o terceiro segundo, porque o vídeo será muito curto dessa forma. Ok, vamos ficar aqui com o indicador de tempo e comparar esse quadro com o primeiro quadro que tivemos. Isso não é bom. Vamos verificar essa moldura. Continuaremos fazendo isso até chegarmos ao momento perfeito. Aqui está, no oitavo, segundo e quatro quadros Vamos criar um marcador aqui também. Agora vamos encurtar a área de trabalho aqui usando a tecla final. Agora vamos voltar ao ponto que marcamos no início e encurtar a área de trabalho a partir daqui também, usando a tecla B. Agora criamos um loop perfeito. Ou seja, quando a animação chegar a esse ponto, ela começará a ser reproduzida desde o início sem que percebamos quando aconteceu Vamos pressionar a barra de espaço e ver como fica. Parece ótimo. Agora vamos excluir a paleta de cores Não precisamos mais dela para nos prepararmos para a próxima etapa. Vamos limpar nossa cena. Primeiro, moveremos o indicador de tempo para o início da área de trabalho enquanto pressionamos a tecla shift. Agora vamos selecionar todas as camadas. Em seguida, usaremos o atalho alt e colchete esquerdo para cortar essa seção das Em seguida, colocaremos a área de trabalho e todas as camadas no início da linha do tempo. Ótimo trabalho. Agora, vamos para a próxima etapa, onde descobriremos métodos que economizam tempo para editar camadas de texto e efeitos posteriores. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos, levantar-se da cadeira, se alongar um pouco e preparar um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula. Nos vemos lá. 10. Seção 2, parte 3: Bem-vindo de volta. Observe que, caso queiramos ampliar essa composição, ela pode ficar pixelada e Para evitar isso, podemos ativar a função de colapso dessa camada. A função de transformação de colapso é um recurso poderoso no After Effects que permite manter a qualidade e escalabilidade do vetor ou de três camadas D. Quando aninhado dentro de uma pré-composição. Ele oferece mais flexibilidade no trabalho com composições complexas e ajuda a garantir que seus designs permaneçam nítidos e visualmente atraentes Se eu ativar essa função em nossa pré-composição, você notará imediatamente uma grande melhoria na qualidade Tudo bem, vou trazê-lo de volta para 100. Se você não vê esse ícone, clique aqui. Vamos aplicar a função de colapso em todas as camadas. Agora, digamos que queremos mover o texto para outro local. Se movermos essa camada, as outras camadas permanecerão no lugar. Vamos ver o que precisamos fazer para que todos eles se movam junto com a primeira camada. Precisamos selecionar todas as camadas, exceto a primeira e usar pai e link para vinculá-las à primeira camada. Vamos arrastar o chicote de seleção de todas as camadas para a primeira camada desta forma Agora, quando movermos a primeira camada, o resto das camadas se moverá com ela. Tudo bem, vamos ajustar a pré-visualização. Agora vamos selecionar a primeira prensa de pré-composição e aumentar o tamanho das camadas para 150 Como você pode ver, depois de dimensionar as camadas, o traçado não foi dimensionado proporcionalmente, que fez com que parecesse mais fino Se quisermos torná-la mais espessa, em vez de abrir cada camada manualmente e ajustar a propriedade de tamanho que controla a espessura do traçado, podemos encontrar essa propriedade usando a barra de pesquisa para exibi-la em todas as Vamos selecionar todos eles. Digite o tamanho na barra de pesquisa e pressione Enter. Agora você verá a propriedade de tamanho associada ao parâmetro de traçado encontrado nos estilos de camada. Vamos ampliar esse painel. Em vez de alterar a espessura uma a uma, podemos vincular essas propriedades mesma forma que vinculamos as camadas anteriores. Como você pode ver ao lado do tamanho, há uma picareta. Isso significa que podemos vincular essa propriedade a qualquer outra propriedade. Vamos vincular o tamanho dessa camada ao tamanho da primeira camada. Agora vamos fazer o mesmo com o resto das camadas. Agora controlamos a espessura da linha de todas as camadas em uma camada. Isso tornará muito mais fácil lidar com as mudanças no futuro. Vamos mudar para seis. Podemos fazer o mesmo com a propriedade que controla a cor do traçado. Para isso, vamos excluir o tamanho da palavra da barra de pesquisa. Selecione todas as camadas, digite a cor aqui e pressione Enter. Ok, só precisamos descobrir de qual cor exata estamos falando. De todas as opções aqui, podemos ver que essa cor pertence ao efeito de preenchimento, o que não é o que precisamos. Aqui temos uma cor que pertence ao traçado, que é a que estamos procurando. Vamos vincular todas as propriedades de cor dessa camada à cor da primeira camada dessa forma. Vamos fazer o mesmo com o resto das camadas. Agora, se precisarmos fazer alterações no futuro, não precisamos fazer isso para cada camada separadamente. Controlamos essa propriedade por meio de uma camada. Ok, vamos fechar a barra de pesquisa, salvar o projeto e seguir em frente. Agora vamos criar esse fundo animado interessante que vemos no exemplo. Primeiro, precisamos criar um sólido. Clique aqui, vá para Novo e selecione Sólido. Vamos escolher a cor azul. Entre aqui e escureça um pouco Agora clique em OK. Aqui e aqui. Agora vamos trazer o sólido que criamos abaixo, todas as camadas. Em seguida, para criar a grade, vá para Efeitos e pesquise o efeito chamado grade. Arraste o efeito para o nosso sólido. E vamos mudar seus parâmetros primeiro para ver tanto a grade quanto o sólido. Vamos mudar o modo de mesclagem para multiplicar. Agora vamos mudar a cor da grade para a cor escura na paleta de cores Para tornar essa grade simétrica, temos duas opções Podemos alterá-lo usando o ponto de canto ou controlá-lo com o controle deslizante Agora, com o controle deslizante, podemos aumentar ou diminuir a grade, para que ela permaneça simétrica Vamos configurá-lo para 140. Então, podemos controlar a espessura das linhas da grade. Vamos mudar para cinco. Agora, para animar a grade, precisamos alterar o valor de um parâmetro chamado âncora Também podemos usar a pequena alça localizada aqui. Vamos arrastá-lo até aqui. Enquanto pressiona a tecla shift, vamos definir quadros-chave para esse parâmetro. Verifique se você está no início da linha do tempo. E crie um quadro-chave. Para ver o quadro-chave que criamos, vamos selecionar a camada e pressionar você. Agora vamos até o final da animação e movemos a grade para o lado. Vamos arrastar essa pequena alça aqui enquanto pressiona a tecla shift. Vamos ver o que temos. Deixe o After Effects por alguns segundos para renderizar a pré-visualização. Tudo bem, você notou um pequeno salto no fundo quando a animação começou a ser reproduzida? Vou ampliar um pouco para que possamos ver melhor. Preste atenção ao que acontece nessa área. Isso aconteceu porque a grade não funcionou corretamente. Para criar um loop para a grade, precisamos movê-la de forma que ela alcance o mesmo ponto em que apareceu no início da animação. Nós já sabemos como fazer isso. Vamos capturar um instantâneo do quadro no início da animação usando tirar um instantâneo Agora vamos até o final da animação e veremos se a posição da grade está correta. Como você pode ver, a grade no final da animação não tem a mesma aparência do início. Para que pareça igual ao início, precisamos ajustar o último quadro-chave e mover a grade levemente para o lado Vamos comparar isso. Agora estamos chegando muito perto. É muito importante passar o mouse sobre o quadro-chave que queremos alterar quando alteramos o valor Vamos movê-lo um pouco mais para lá. Chegamos ao ponto perfeitamente. Vamos ver isso de novo. Com isso, terminamos de animar a cena e estamos prontos para renderizar a animação Vamos fechar essa camada. Agora, para renderizar essa cena, podemos usar o controle de atalho M. Agora estamos no painel de renderização do After Effects Aqui vemos qual composição estamos renderizando. Vamos escolher renderizá-lo no formato H 0.264, que é um arquivo MP quatro Agora vamos escolher salvar o arquivo e a pasta de renderização que criamos Podemos deixar o nome como está agora, que é o nome da composição. Eu não tenho nenhum problema com isso. Vamos clicar em Salvar e depois clicar no botão Renderizar. Vamos esperar até que a renderização seja concluída. Agora, para ver a renderização, basta acessar o modo de saída e clicar no link aqui. Isso nos levará direto para a pasta com o arquivo de vídeo. Então, podemos assistir e garantir que tudo esteja bem. Ótimo, agora quero que voltemos ao projeto e aprendamos como fazer alterações caso queiramos mudar alguma coisa no design ou na animação do texto. Mas antes de aprender a fazer mudanças, vamos primeiro organizar nosso projeto. Para isso, vamos voltar ao painel do projeto. Se você não o vê aqui, pode clicar nas setas aqui e selecionar Projeto Tudo bem, então primeiro vamos criar uma nova pasta chamada Assets. Agora clique aqui para garantir que você não esteja selecionando nada e crie outra pasta, que chamamos de pré-composições. Agora, na pasta Assets, arrastaremos a paleta de cores e a pasta de sólidos. Vamos arrastar esse precomp para a pasta precomp. Por fim, vamos rotular a composição principal em azul. Ótimo, agora vamos fechar a guia de efeitos e predefinições e pressionar o controle S para salvar o projeto Agora estamos prontos para passar para a parte final desta lição. Nos vemos lá. 11. Seção 2, parte 4: Se quisermos mudar a forma como nosso texto se move, precisamos entrar na pré-composição da animação de texto Agora precisamos abrir a camada e alterar o seletor de intervalo do animador chamado posição Mas em vez de abrir todos os animadores e encontrar essa propriedade manualmente, podemos selecionar a camada e digitar o nome da propriedade que estamos procurando na barra de pesquisa Agora vemos todas as propriedades com a posição do nome. Obviamente, estamos nos referindo às posições dos animadores e não à posição das transformações da camada Agora podemos mudar todos os animadores. Nos animadores superiores, vamos escrever 150. E nos animadores abaixo escreveremos -150. Se quisermos exagerar ainda mais a animação, podemos mudar as Vamos ver como fica. Eu acho que parece ótimo. Agora vamos voltar à composição principal e ver como ela fica junto com as outras pré-composições. Deixe o After Effects renderizar a pré-visualização por um minuto. Parece ótimo. Ok, agora vamos ver o que precisamos fazer se quisermos alterar o deslocamento de todas as camadas Digamos que queremos que o deslocamento seja um pouco maior. Para fazer isso, vamos até um ponto no tempo em que possamos ver todas as camadas. Agora selecione todas as camadas , exceto a primeira. Selecionaremos essa camada, manteremos pressionada a tecla shift, selecionaremos a última camada e moveremos tudo dois quadros para frente. Agora, vamos manter pressionada a tecla control e clicar nessa camada para desmarcá-la Em seguida, também moveremos essas camadas, duas molduras para frente. Vamos repetir essa ação algumas vezes. Agora, como você pode ver, criamos um deslocamento mais extremo entre as camadas Agora, para manter o loop perfeito, vamos criar novos marcadores de acordo com a nova animação Vamos passar o mouse aqui com o indicador de tempo. Selecione todas as camadas. o botão direito. Vá para Marcadores e exclua todos os marcadores que temos atualmente Em seguida, clique com o botão direito novamente e crie novos marcadores. Agora vamos capturar esse quadro. Em seguida, tentaremos encontrar o mesmo quadro do início. Lá eu encontrei o momento em que a moldura parece exatamente a mesma do começo. Agora vamos criar marcadores aqui também. Agora vamos cortar essa camada a partir daqui usando a tecla alt e o atalho do colchete esquerdo Vamos trazer todas essas camadas de volta ao início da linha do tempo e ver o que temos Lá. Você tem isso. Criamos um novo loop que funciona perfeitamente bem. Agora vamos ver o que precisamos fazer para mudar o comportamento da animação de texto. Para isso, precisamos voltar à pré-composição do texto e alterar algumas propriedades nos animadores Por enquanto, vamos fechar todos os animadores. Agora vamos abrir o seletor de alcance desse animador e também abrir as configurações avançadas Essas são as duas propriedades que precisamos alterar para que nossa animação também se comporte de maneira diferente neste caso Em vez de encontrar manualmente essas propriedades para cada animador, podemos digitar ease na barra de pesquisa e pressionar enter Agora podemos ver essas propriedades para todos os animadores. Como temos dois animadores do mesmo tipo, animator up, animator up Podemos vincular as propriedades do animador até dois às propriedades do animador Vamos arrastar o botão de seleção de uma altura do animador para cima dois e vinculá-la para diminuir a altura do animador para Vamos fazer o mesmo com baixo. Agora vamos conectar o animator down two com o animator down. Vamos conectar essas duas propriedades às que temos aqui. Agora temos controle sobre o comportamento da animação de texto por meio desses animadores E o resto mudará automaticamente. Então, vamos configurá-lo para 90 aqui e dez aqui. Vamos configurá-lo para dez e aqui para 90. Agora, o texto se move de uma forma mais extrema. Podemos voltar à composição principal e ver como tudo fica junto. Se não gostarmos, podemos voltar ao texto e alterar os valores. Ambos podem ser fechados. Vamos ver como fica. Se mudarmos os E's para 85 para ambos. Vamos fazer a mesma coisa aqui. Vamos ver como fica na composição principal. Para ver o resultado mais rapidamente, podemos reduzir a qualidade da pré-visualização para um quarto. Ok, agora vou trazer a qualidade da prévia de volta ao máximo. Vamos voltar ao texto e trazer de volta a facilidade à configuração original. Uma última coisa que faremos antes de prosseguir é vincular essas propriedades, vamos também vincular as propriedades de posição dos animadores Vamos digitar a posição novamente na barra de pesquisa e pressionar enter. Agora vamos vinculá-los entre os animadores. Vamos assumir a posição de animador acima de dois até a posição de animador Agora vamos vincular a posição do animador abaixo de dois à posição do animador Toda vez que mudarmos isso, isso mudará de acordo. Toda vez que mudarmos este, ele também mudará de acordo. Assim como fizemos com o S. Ok, vamos fechar esses dois animadores e a barra de pesquisa Agora vamos mudar a fonte do texto. Vou mudá-la para a fonte Ezra. Em vez de procurá-la manualmente, podemos acessar as fontes salvas e selecioná-las a partir daí. Agora, clique aqui e, com as setas para cima e para baixo no teclado, escolha um estilo diferente Vou ficar com ousadia. Agora vamos voltar à ferramenta de seleção e ver como ela fica na composição principal. Não gosto da compensação atual. Eu acho que é muito extremo. Vamos praticar novamente e alterar o deslocamento mais uma vez É importante que eu repita as mesmas ações, porque é assim que você aprenderá esse tópico da melhor maneira possível. Ok, vamos selecionar todas essas camadas e movê-las duas molduras para trás. Agora vamos segurar a tecla control e clicar nessa camada para desmarcá-la e mover essas camadas duas molduras para trás Vamos repetir essa ação até a última camada. Certifique-se de que você não afetou o loop dessa animação. Vamos ver isso daqui. E tente encontrar alguns saltos desnecessários quando a animação terminar e começar de novo. Ótimo, parece bom. Agora vamos melhorar a visibilidade dessa animação movendo a última camada para o lado. Vamos selecionar essas camadas e pressionar a seta para a direita no teclado enquanto pressiona a tecla shift. Segure a tecla control e clique nessa camada para desmarcá-la Agora vamos mover essas camadas para a direita. Vamos fazer o mesmo com o resto das camadas. Parece um pouco mais interessante. Agora vamos ampliar um pouco o texto. Para isso, selecione somente a primeira camada, pressione e defina-a para 150 ou 160. As outras camadas serão dimensionadas adequadamente porque as vinculamos usando o recurso pai e vincular à primeira camada. Se você quiser alterar algo no traçado do texto, basta digitar traçado na barra de pesquisa. Pressione Enter e você verá os parâmetros do traçado. Vamos abri-lo e aqui você pode alterar a espessura do traçado ou sua cor. Isso também mudará nas outras camadas, porque vinculamos essas propriedades às propriedades da primeira camada. Agora vamos falar sobre a grade. Se quiser fazer alterações na grade, você precisa selecionar a camada sólida na qual o efeito de grade é aplicado. Em seguida, vá para os controles de efeitos e faça as alterações desejadas. Se você quiser alterar a cor de fundo, você precisa selecionar a camada sólida e usar os controles de atalho, Shift Y. Isso o levará às configurações dessa camada sólida e, a partir daqui, você poderá alterar facilmente a Em seguida, clique em OK aqui e aqui. Agora estamos prontos para renderizá-lo novamente. Pressione o controle M, escolha renderizá-lo no formato H 0.264, que é um arquivo MP quatro na saída Para ir até a pasta chamada renders, vamos selecionar nossa última renderização para que a nova renderização a substitua Em seguida, clique no botão de renderização e clique em OK. Agora, só precisamos esperar até que a renderização seja concluída para ver a saída renderizada Abra o modo de saída e clique no link aqui. Vamos abrir o vídeo e ver como fica. Parece bom. Agora você pode usar essa animação em seus projetos futuros. Você pode substituir facilmente o texto e alterar o design ou a animação de uma forma mais conveniente e rápida. Se você gosta do curso. Eu agradeceria muito se você pudesse avaliá-lo e fornecer feedback. Eu sei se você achou o refrão interessante ou não. Ok, agora vamos voltar ao projeto. Vamos salvar o projeto pressionando control. Agora volte para o painel do projeto. Para quem não vê, clique nas setas aqui e selecione Projeto E é isso para esta lição. Espero que tenham gostado e mal posso esperar para ver você na próxima aula. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula Nos vemos lá. 12. Seção 3: Animação de texto vertical: Olá. Nesta lição, criaremos uma animação de texto vertical super legal. Continuaremos aprendendo sobre os animadores de texto de camadas de texto e efeitos posteriores, mas de uma forma mais avançada Até agora, criamos um animador com uma propriedade de posição Nesta aula, nós vamos aprender como adicionar e combinar mais de uma propriedade. Dividiremos esta lição em três partes e abordaremos algumas coisas importantes. Na primeira parte, criaremos uma animação de texto vertical complexa usando um único animador com cinco parâmetros diferentes Depois disso, aprenderemos como converter a animação que criamos em uma linha de texto horizontal. Por fim, aprenderemos como lidar com as mudanças no texto e em seu tamanho e , em seguida, renderizar a animação e organizar o projeto Antes de fechá-lo, vamos começar. Vai ser incrível. 13. Seção 3, parte 1: Bem vindo de volta. Vamos almoçar. Depois dos efeitos juntos, você pode fechar essa janela. E para ver os mesmos arranjos de painéis, vamos clicar em Padrão. Agora vamos criar nossa primeira composição. Vamos chamá-la de animação de texto três. Trabalharemos no formato full HD, o que significa 1.920 pixels largura e 1080 pixels Defina a taxa de quadros para 30, 10 segundos para a duração. E mudaremos o fundo para preto. Em seguida, clique em OK, aqui e ali. Ok, agora vamos importar a paleta de cores para o projeto Clique duas vezes na área cinza no painel do projeto, selecione a paleta de cores e clique em Importar Agora podemos salvar o projeto e dar um nome a ele. Vamos encontrar a pasta que criamos para a lição. Entre na pasta AE e dê um nome ao arquivo do After Effects em que estamos trabalhando no momento. Você pode selecionar esse projeto para que o nome mude e altere o número para três. Em seguida, clique em Salvar. Agora vamos criar nossa primeira camada de texto. Vamos escolher a ferramenta de texto, mudar a cor para branco. E para tornar essa lição mais interessante, vamos criar um texto vertical. Para isso, clique e segure a Ferramenta de Texto e selecione a ferramenta de texto vertical. Agora vamos clicar aqui uma vez para abrir a linha de texto e escrever a tipografia Agora, vamos clicar duas vezes no texto para selecioná-lo. Antes de prosseguir, não se esqueça de entrar no painel de parágrafos para garantir que o texto esteja alinhado ao centro e sua direção de escrita seja da esquerda para a direita. Tudo bem. Agora vamos mudar a fonte para bell story. Em seguida, altere o estilo da fonte para uma exibição pesada, defina o tamanho como 80 e pressione Enter. Agora vamos selecionar a ferramenta de seleção. Pressione a tecla de apóstrofo para abrir a grade e mover o texto aqui Em seguida, vamos clicar aqui para converter todas as letras em maiúsculas. Agora, usando a ferramenta alinhada, vamos garantir que essa camada esteja posicionada no centro da Vamos mover o texto um pouco para a esquerda. Tudo bem, agora vamos abrir a camada. Selecione o texto e escolha o animador de posição. Agora eu quero definir isso, esse texto alcançará esse ponto específico na composição. Para fazer isso, precisamos definir um valor variável para esse animador O que significa que precisamos alterar o valor da propriedade de posição no seletor de intervalo desse animador Arraste-o até que o texto alcance a primeira linha da grade. Podemos digitar 1085. Agora vamos abrir o seletor de alcance e as configurações avançadas. Podemos ampliar esse painel para ver todas as propriedades. Por enquanto, vamos definir a forma da animação para aumentar dessa forma Quando o deslocamento estiver em -100, o texto estará na posição que definimos E quando o deslocamento estiver em 100, o texto retornará à sua posição original Ok, agora vamos definir isso neste ponto na linha do tempo. No segundo número zero, o deslocamento será 100 Vamos criar o primeiro quadro-chave. Agora vamos colocar o indicador de tempo no segundo número dois e definir o deslocamento para -100. Vamos ver o que temos Como você pode ver, o texto começa a se mover a partir da última letra. Nesse caso, isso não me incomoda porque desta vez clicaremos aqui para tornar essa animação aleatória Dessa forma, as letras começarão a se mover aleatoriamente. Agora, vamos adicionar parâmetros adicionais aos quadros-chave que criamos com o deslocamento Atualmente, temos um parâmetro de posição. Digamos que agora queremos adicionar uma animação de desfoque ao texto Posso selecionar o texto e, em seguida, acessar o Animate e criar outro animador com a propriedade de desfoque Mas dessa forma, terei que fazer todas as alterações no novo animador Como fiz com o primeiro, há uma maneira melhor de adicionar animação adicional ao texto. Vou deletar esse animador e vamos fazer isso juntos Em vez de criar um novo animador, podemos adicionar propriedades adicionais ao nosso animador existente Vamos selecionar o animador. Clique em Anúncio, vá até a propriedade e escolha o desfoque. Agora vamos definir o valor de alteração do desfoque para 30. Agora, esses quadros-chave se referem às duas propriedades desse animador Esse animador se refere à posição e aos valores de desfoque. Agora vamos adicionar outra propriedade. Vamos escolher a opacidade, porque eu quero que o texto desapareça quando chegar aqui Vamos definir o valor de alteração para esse parâmetro, certo? Zero aqui. Agora, nosso animador também se referirá aos dados que fornecemos ao parâmetro de posição, dados que fornecemos ao parâmetro de desfoque e aos dados do parâmetro de opacidade Vamos enlouquecer e adicionar outro parâmetro à animação chamado deslocamento de caracteres Vamos escrever dez aqui. O que ele faz é embaralhar as letras em nossa camada de texto. Vamos ver como tudo fica junto. Ok, agora vamos tornar o movimento um pouco mais interessante. Ao alterar a facilidade desse animador, podemos ampliar esse painel para ver mais propriedades Agora abra o seletor de intervalo e as configurações avançadas e escreva 85 para ambos os valores Vamos ver como fica. Eu acho que parece ótimo. Agora podemos seguir em frente para criar a segunda camada de texto, que deveria estar do outro lado da cena. Em seguida, vamos animá-la e misturá-la com a animação que criamos Para isso, podemos duplicar essa camada usando o atalho de controle Agora vamos mover a nova camada aqui. Vamos arrastá-lo enquanto pressionamos a tecla shift. Em seguida, vamos clicar nessa camada duas vezes e mudar a palavra para animação. Agora pressione o controle Enter para sair da linha de texto. Volte para a ferramenta de seleção e ajuste os parâmetros do animador E essa camada, como essa camada tem exatamente o mesmo animador dessa camada, esse texto também se move para o lado Vamos mudar algumas coisas em nosso animador para reverter a direção dessa animação Abra o animador para ver todos os seus parâmetros. Primeiro, mudaremos a direção da animação no parâmetro de posição. Em vez de 1085, vamos alterá-lo para menos 1085. Agora vamos abrir a seção avançada e também alterar a forma da animação de rampa para cima para ramp down. Agora vamos ver como fica. Você pode desativar essa camada para vê-la melhor. Ok, parece bom. Podemos ativar essa camada novamente. Agora vamos fazer com que essas camadas entrem uma após a outra. Para isso, precisamos ver todos os quadros-chave de ambas as camadas. Vamos selecionar as duas camadas e pressionar você. Agora vamos até o final da animação com o indicador de tempo e recorte as camadas. Pressione sal e a tecla direita do suporte. Agora arraste a camada da palavra animação um pouco mais longe no tempo Digamos que para o quadro número 15. Vamos ver o que temos. Agora vamos melhorar a aparência dessa cena e prepará-la para ser reproduzida em um loop infinito. Para isso, precisamos colocar essas duas camadas em uma pré-composição. Vamos selecioná-los e pressionar Control Shift C. Vamos chamar esse texto de composição de um. E clique em OK. Agora vamos criar um novo sólido como camada de fundo. Clique com o botão direito aqui. Vá para Novo e selecione Sólido. Altere a cor para uma cor brilhante na paleta. Imprensa. Ok, e derrube isso. Agora vamos inserir o texto pré-composição Selecione a paleta aqui para que possamos ver as cores novamente Vamos selecionar as duas camadas e mudar a cor para a cor escura. Você pode desativar o plano de fundo da tela de visualização aqui para poder vê-la melhor. Vamos voltar à composição principal e ver como fica. Ok, agora vamos fazer o texto, fazer o movimento inverso. Para isso, podemos duplicar a pré-composição a partir daqui. Pressione control D. Em seguida, arraste a nova pré-composição até o final da primeira para que ela seja reproduzida ao contrário Clique com o botão direito do mouse, vá até a hora e escolha a hora, inverta a camada. O que acontecerá agora é que essa pré-competição será totalmente jogada do final ao início, fica assim Ao usar esse truque, é muito importante ampliar e garantir que as camadas não se sobreponham e que não estejam distantes umas das outras Tudo bem, agora vamos diminuir o zoom e ver essa animação ser reproduzida em loop. Vá até o final desta animação e encurte a área de trabalho. Vamos continuar. Vamos ver como fica. Agora vemos a animação sendo reproduzida em um loop perfeito. Parece ótimo. Agora vamos aprender como podemos manter a mesma animação, mas desta vez em um texto escrito horizontalmente E faremos isso na próxima parte. Então nos vemos lá. 14. Seção 3, parte 2: Bem-vindo de volta. Primeiro, para criar essa animação em texto escrito horizontalmente, vamos duplicar essa pré-composição no painel do projeto Dessa forma, criaremos a mesma pré-composição, mas se fizermos alterações nela, não afetaremos a pré-composição existente Se você quiser saber mais sobre pré-composições, fique à vontade para assistir ao curso gratuito que mencionei no início deste curso Você pode encontrar o link no arquivo PDF encontrado na pasta principal do curso que você baixou de mim. Ok, vamos selecionar a pré-composição e pressionar o controle D para duplicá-la Agora vamos inserir essa pré-composição e criar um texto horizontal Vamos pressionar longamente a ferramenta de texto e selecionar o texto normal desta vez. Agora escreva a tipografia, depois pressione control e depois a tecla V. Vamos colocar a palavra aqui em cima. Podemos ir até uma linha e garantir que o texto esteja alinhado ao centro da composição Agora vamos duplicar essa camada, selecioná-la e pressionar control D. Agora, arraste-a até aqui e altere o texto para animação Agora vamos mudar rapidamente os nomes das nossas camadas. Eu só quero que os nomes comecem com letras maiúsculas. Em seguida, vamos selecionar essas duas camadas e marcá-las com uma cor diferente para que possamos distinguir entre os textos verticais e regulares. Agora vamos voltar para a ferramenta de seleção. E para economizar tempo, podemos copiar o animador existente nessa camada e colá-lo em uma de nossas novas camadas Vamos abrir essa camada. Selecione o animador e pressione o controle C para copiá-lo. Agora vamos selecionar esse snap de camada. Acabei de perceber que não mudei o nome dessa camada. Deixe-me resolver isso bem rápido. Tudo bem, agora vamos selecionar essa camada e pressionar o controle V para colar o animador Agora, se pressionarmos a tecla U, veremos que os quadros-chave estão localizados aqui. Isso aconteceu porque, quando passamos pelos quadros-chave, estávamos nesse momento com o indicador de tempo. Isso não é um problema. Vamos selecioná-los e movê-los para o início da animação. Agora vamos desligar essas duas camadas e ver o que temos. Essas letras se movem para os lados e não para baixo. Isso porque ainda não mudamos nada no animador. Vamos abrir o animador e alterar o valor de alteração no parâmetro de posição Existe o seletor de alcance desse animador. Como não queremos que o texto se mova para os lados, escreveremos zero aqui e iremos até o final dessa animação Para definir um novo ponto de mudança para esse animador, queremos que a posição final do texto esteja por aqui Vamos escrever 800. Agora, o texto será movido para a nova posição que definimos. Agora vamos fazer a mesma coisa com o segundo texto. Vamos fechar essa, abrir essa camada e copiar esse animador dessa camada com o controle C. Cole-o nessa camada Desta vez, vamos chegar ao início da animação. E então pressione control V. Agora vamos também alterar o valor do parâmetro de posição aqui. Vamos reabrir essa camada para ver as propriedades do animador. E vamos escrever zero aqui. Agora precisamos fazer esse texto se mover para cima. Vamos configurá-lo para -800 Vamos ver como fica. Vamos desligar essa camada para vê-la melhor. Agora vemos que o texto se move de cima para baixo. Ótimo. Agora vamos mover essa camada aqui para criar o mesmo deslocamento de antes Agora podemos excluir essas duas camadas. A partir daqui, podemos ativar essa camada. E lá criamos a mesma animação em texto horizontal. Agora vamos alterar o tamanho do texto para 150. Amplie também o segundo texto. Vamos ver como fica. Parece ótimo. Agora vamos fazer com que essa animação seja reproduzida em loop, como fizemos anteriormente com a animação de texto vertical. Agora vamos voltar à composição principal e arrastar a nova pré-composição aqui. Podemos desativar essas camadas por enquanto. Agora vamos duplicar essa pré-composição, mova-a aqui. zoom para garantir que a camada seja colocada exatamente após a primeira. Clique com o botão direito, vá para o tempo e selecione a camada reversa do tempo. Vamos ver como fica. Parece ótimo. Agora vamos desligar essas duas camadas e trazer de volta o texto vertical para saber o que devemos fazer se quisermos mudar algumas coisas na animação ou no design do texto. Faremos isso na próxima parte. Nos vemos lá. 15. Seção 3, parte 3: Digamos que não queremos o desfoque nessa animação. Para entrar, nesta pré-composição, vamos desligar o plano de fundo para ver o que estamos fazendo Agora, basta selecionar as duas camadas e pesquisar por desfoque na barra de pesquisa Pressione Enter e altere o valor neste animador para zero Vamos fazer o mesmo no animador para essa camada. Como você pode ver, o desfoque desaparece. Agora podemos fechar a barra de pesquisa e verificar como fica sem desfoque Vamos voltar à composição principal e ver como fica. Eu acho que parece ótimo. Agora vamos desativar essas camadas e trazer de volta a animação horizontal para aprender a lidar com as mudanças no design ou na animação. Digamos que a posição do texto superior seja muito alta e a posição do texto inferior seja muito baixa. Para mudar isso, precisamos entrar nessa pré-competição. Vamos desligar o plano de fundo aqui também. Digamos que queremos que esse texto comece sua animação a partir daqui. Vamos desligar essa camada por enquanto para que ela não interfira. Vamos ver como fica depois de movermos a camada. Como você pode ver, o texto cai demais. Para mudar isso, precisamos modificar a propriedade position no animador dessa camada Selecione a camada e digite a posição na barra de pesquisa e pressione Enter. Como você pode ver, há duas propriedades de posição aqui, uma para as transformações de camadas e outra para o animador Vamos nos referir à propriedade de posição do animador. O texto vai para baixo no final da animação porque o valor agora está em 800. Vamos ficar aqui com o indicador de tempo e alterar o valor de acordo com os marcadores vermelhos Podemos ver onde o texto está posicionado. Podemos configurá-lo para 250. Agora vamos ver como fica. Ok, parece bom. Agora vamos também mudar a posição da segunda camada e ajustar o parâmetro de posição do animador para essa camada Primeiro, precisamos mover a camada aqui onde o primeiro texto chega. Vamos desligar essa camada por enquanto e modificar o parâmetro de posição do animador Atualmente, o texto está posicionado na parte superior. Vamos selecionar a camada, ir até a barra de pesquisa e excluir uma letra. Então, depois dos efeitos, encontraremos a propriedade de posição mais uma vez. Agora vamos mudar para -250 Vamos fechar a camada e a barra de pesquisa, depois ativar a segunda camada e ver se tudo funciona bem Podemos configurar a pré-visualização para caber. Ao ver isso de perto, parece que está tudo bem. Agora vamos voltar à composição principal e ver como fica com o plano de fundo. Parece excelente. E agora vamos renderizar a animação. E desligue a animação vertical porque essa é a que eu quero renderizar. Tudo bem, parece bom. Agora pressione control M. Escolha renderizá-lo no formato H 0.264, que é um arquivo MP four de alta qualidade Agora, vamos escolher salvar o arquivo na pasta de renderização que criamos. O nome é bom. Pressione salvar e clique no botão renderizar. Agora vamos esperar até que a renderização termine para ver a renderização. Podemos abrir o modo de saída e clicar no link aqui. Vamos abrir o vídeo e ver como fica. Se você também receber um arquivo estranho adicional ao lado do arquivo P four, basta excluí-lo. Ok, vamos abrir o arquivo correto e ver o que criamos . Parece excelente. Agora você pode postar esse vídeo nas redes sociais e exibi-lo no site do seu portfólio Se você gostou do curso, eu agradeceria muito se você avaliasse este curso com base em como se sente e deixe um feedback para que eu saiba se você gostou do curso ou não. Ok, vamos voltar ao nosso projeto agora. Vamos até o painel do projeto e organizamos o projeto. Vamos criar uma nova pasta chamada pre comps. Certifique-se de não selecionar nada e crie outra pasta chamada Assets. Agora coloque a paleta de cores e a pasta de sólidos dentro dela E na pasta precomps, coloque todas as pré-composições que criamos neste projeto, exceto a composição principal, que podemos marcar Agora podemos fechar todas essas pré-composições. Em seguida, vamos salvar o projeto. Pressione control e agora você pode fechá-lo. Você também pode usar esse projeto para seus projetos futuros. Lembre-se de que, ao fazer alterações, atualize os parâmetros do animador como fizemos agora Tudo bem, espero que tenha gostado, e nos vemos na próxima aula. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula. Nos vemos lá. 16. Seção 4: Animação de parágrafo: Nesta lição, criaremos uma animação de texto super legal à medida que continuamos aprendendo sobre animadores de texto e After Effects de uma forma mais profissional Mas desta vez, faremos isso com um parágrafo de texto em vez de uma única linha de texto, como fizemos até agora Esta lição está dividida em quatro partes que aprenderemos. Primeiro, começaremos criando o primeiro parágrafo de texto. Depois disso, começaremos a animar o texto com um animador complexo Usaremos alguns novos parâmetros para fazer com que o texto se mova de uma forma realmente única. Além disso, também aprenderemos a trabalhar com mais de um animador Em seguida, criaremos um segundo parágrafo. Em seguida, organizaremos nossos painéis para que possamos trabalhar com mais eficiência. Em seguida, animaremos o segundo parágrafo e criaremos uma transição interessante entre o primeiro Terminaremos essa parte animando o terceiro parágrafo e combinando-o com uma transição suave entre o resto dos parágrafos Na parte final, vamos deixar nossa animação ainda melhor adicionando alguns efeitos simples. E aprenderemos como criar uma pausa na animação para que o espectador tenha tempo suficiente para ler o que está escrito Por fim, renderizaremos a animação e organizaremos o projeto antes de fechá-lo. Vai ser incrível. Vamos começar. 17. Seção 4, parte 1: Então, primeiro, vamos abrir o After Effects juntos. Como sempre, podemos fechar essa janela. E para garantir que todos vejamos os mesmos layouts de painel, vamos clicar em Padrão Agora vamos clicar em Nova composição e definir as configurações para nossa primeira composição. Vamos chamá-la de Animação de Texto quatro. Trabalharemos em formato full HD. Defina a taxa de quadros para 30 e a duração para 20 segundos. Finalmente, vamos mudar o fundo para preto. Clique em OK, aqui e aqui. Agora vamos importar a paleta de cores para o projeto. Clique duas vezes na área cinza no painel do projeto. Encontre a pasta que criamos para esta lição e entre na pasta Assets. Selecione a paleta de cores e clique em Importar. Ok, agora podemos salvar o projeto e dar um nome a ele. Vamos encontrar a pasta que criamos para a lição. Em seguida, entre na pasta AE e nomeie o arquivo do After Effects em que estamos trabalhando atualmente. Podemos selecionar esse projeto para que o nome mude e substituir a extensão por quatro. Agora clique em Salvar. Agora vamos digitar nosso texto. Para isso, vamos usar o texto que preparei para esta lição. Navegue até nossa pasta Assets e abra esse arquivo. Esse é o texto que usaremos nesta lição. Ótimo, vamos copiar o primeiro parágrafo. Vamos selecioná-lo e pressionar control C. Agora vamos voltar ao nosso projeto. Selecione a ferramenta de texto e crie uma caixa de texto como essa. Agora pressione o controle V para colar o texto. Clique uma vez aqui e pressione control para selecionar todo o texto nessa caixa. Vamos alterar o tamanho da fonte para 30 e pressionar Enter. Vamos para o parágrafo, alinhe o texto à esquerda Agora vamos voltar ao caractere e mudar a cor do texto para branco. Em seguida, vamos ajustar o tamanho da caixa para que o texto caiba perfeitamente dentro de algo assim Para separar o título do texto, clique uma vez aqui e pressione Enter. Agora vamos selecionar todo o texto. Aceite o título e altere a fonte para Ezra normal. Em seguida, clique aqui para cancelar a função de letras maiúsculas. Agora vamos selecionar o título, definir o tamanho para 40 e alterar o estilo da fonte para Bell Story. Mostre a luz aqui também. Vamos desmarcar as letras maiúsculas. Tudo bem, agora podemos voltar para a ferramenta de seleção e seguir em frente. Segunda ideia. Vamos mudar o estilo do título para que apareça em negrito. Ótimo. Ajuste a caixa um pouco assim. Agora vamos pressionar aqui e pressionar Enter para separar essa parte da linha. Verifique se não há texto oculto abaixo. Acho que o tamanho do texto deveria ser menor. Vamos selecioná-lo e alterar o tamanho para 28. Agora ajuste a caixa de acordo com o novo tamanho. Uma última coisa, vamos selecionar o título e colorir. Tudo bem. Agora vamos fazer um ajuste final no texto, porque eu não gosto da aparência dessa parte do parágrafo. Clique aqui para ver a caixa de texto e arrastá-la para a direita. Estou fazendo todos esses ajustes para que você possa praticar mais o trabalho com a caixa de texto. Isso é melhor. Agora vamos selecionar a ferramenta de seleção e continuar. Depois de criarmos o parágrafo e ficarmos satisfeitos com sua estrutura, vamos centralizar o ponto de ancoragem dessa camada usando o atalho Aprendemos a controlar. Agora vamos pressionar a tecla de apóstrofo para exibir a grade e colocar a camada aqui, porque mais tarde adicionaremos dois parágrafos adicionais E para ter algum espaço para os dois parágrafos adicionais, vamos reduzir um pouco essa camada Pressione S para abrir o parâmetro de escala e configurá-lo para 80. É muito pequeno. Vamos tentar 90. Sim, isso é melhor. Vamos fechar a camada e movê-la aqui. Ok, podemos pressionar a tecla apóstrofo novamente para fechar a grade Agora vamos garantir que o parágrafo esteja centralizado na composição usando a ferramenta alinhado Clique aqui antes de passar para a próxima parte. Vamos ampliar esse painel para que possamos ver todas as propriedades que adicionaremos em breve Agora estamos prontos para passar para a próxima parte. Nos vemos lá. 18. Seção 4, parte 2: Bem-vindo de volta. Então, primeiro vamos abrir a camada. Podemos fechar isso e agora vamos selecionar o texto e criar o primeiro animador Escolheremos a posição porque essa é uma das alterações que o parágrafo fará. Agora vamos ampliar e posicionar a tela de visualização para que possamos ver o texto de perto. Ótimo. Agora vamos decidir o ponto de mudança desse texto. No nosso caso, queremos o texto, entraremos na cena pela parte inferior. Vamos escrever 100. Depois disso, vamos abrir o seletor de alcance e avançar Vamos ampliar esse painel e diminuir um pouco o zoom para ver o movimento que criaremos Ok, então primeiro já podemos definir a forma do animador para aumentar, porque queremos que o texto entre da primeira letra até a última Se alterarmos o deslocamento, podemos ver que isso está realmente acontecendo Agora eu quero que o texto seja inserido palavra por palavra, não letra por letra. Nós mudamos o deslocamento. Podemos ver que o texto se move palavra por palavra. Também podemos alterar a entrada de texto para linha por linha. Parece assim. Nesse caso, eu prefiro palavra por palavra. Ok, agora vamos alterar o deslocamento para -100 Agora vamos nos certificar de que estamos no início da linha do tempo e criar o primeiro quadro-chave com um valor de -100 Agora vamos para o segundo número dois e alterar o Em seguida, vamos ajustar o comportamento da animação para torná-la mais suave Vamos definir o E como alto para 20 e o baixo para 80. Vamos ver como fica. Agora vamos adicionar uma boa animação de dissolução. Para isso, selecione o animador, vá para Adicionar propriedade e escolha Opacidade Agora vamos alterar o valor dessa propriedade para zero, já que optamos por aumentar O animador sabe que quando o deslocamento está em -100, o texto deve ter uma Quando o deslocamento atingir 100 , a opacidade do texto deve retornar à opacidade original dessa camada, que é 100%. Ok, acho que o texto está começando a vir de Para mudar isso, precisamos ajustar o parâmetro de posição. Vamos escrever 80, talvez 50. Vamos ver como fica muito melhor, mas acho que o título é muito pequeno. Vamos selecioná-lo, aumentá-lo para 45 e garantir que não ocultemos o resto do texto devido a essa ação. Eu faço todas essas mudanças para mostrar que o processo de animação não é imutável. Sempre mudamos e atualizamos as coisas à medida que trabalhamos até conseguirmos algo com o qual estejamos satisfeitos. Ok, terminamos de criar o animador responsável pela entrada do texto Agora eu quero que o parágrafo se mova para a direita depois de terminar com a animação da entrada. Isso significa que precisamos fazer outra alteração na propriedade de posição. Em casos como esse, precisamos criar um novo animador porque já temos um parâmetro de posição em nosso primeiro animador que é responsável por mover o texto de baixo para cima Como precisamos criar um novo movimento para a direita, que é completamente diferente da animação de posição que temos atualmente. Precisamos criar um novo animador com um valor de posição diferente Vamos selecionar o texto novamente a partir daqui e acessar o Animate para criar uma nova propriedade de posição Antes de ajustarmos o novo animador, vamos pressionar a tecla apóstrofo para exibir a grade Dessa forma, podemos ver para onde mover o texto. Agora, vamos simplesmente alterar o valor do parâmetro de posição para o novo animador Digamos que queremos que o texto chegue a esse ponto. Vamos escrever 600. Agora vamos abrir o seletor de alcance e avançar. Vamos mudar a forma dos animadores para aumentar. Se alterarmos o deslocamento, parece que o texto está passando da última palavra para a primeira Não é isso que queremos desta vez. Vamos mudar a forma dos animadores para diminuir. Dessa forma, o texto passará da primeira letra para a última. Vamos alterar o deslocamento para -100 e animar esse animador Queremos que o movimento comece somente depois que o texto inteiro aparecer. Ou seja, somente após a animação do primeiro animador terminar no segundo número dois, vamos criar o primeiro quadro-chave aqui com um deslocamento de -100. E no segundo número quatro, vamos alterar o vamos alterar o Agora vamos tornar a animação mais suave. Vamos manter os mesmos dados do primeiro animador. Defina-os como alto para 20 e o mínimo para 80. Vamos ver como fica. Bom trabalho. Agora estamos prontos para adicionar um parâmetro adicional. Desta vez, adicionaremos uma rotação ao segundo animador. Para isso, vamos pressionar Adicionar, ir até Propriedade e selecionar Rotação. Agora vamos definir um valor para esse parâmetro. Por enquanto, vamos escrever 90 graus e ver como fica. Se ampliarmos um pouco o texto, podemos ver que atualmente cada letra gira individualmente E ele gira a partir da parte inferior. Isso porque o ponto de ancoragem de cada letra está posicionado na parte inferior Para camadas de texto, há um ponto de ancoragem da própria camada. E também há um ponto de ancoragem para o texto mudar isso, vamos abrir mais opções Primeiro, vamos alterar o comportamento do ponto de ancoragem dessa camada de texto para word Agora, há um ponto de ancoragem para cada palavra e não para cada letra. Como antes, também podemos alterá-lo para linha Dessa forma, haverá um ponto de ancoragem para cada linha e não para cada palavra Agora vamos mudar a localização do ponto de ancoragem. Se chegarmos um pouco mais perto, podemos ver que há um pequeno ícone X vermelho aqui, simbolizando o ponto de ancoragem Podemos mudar sua localização a partir daqui. Vamos mudar para -36 Dessa forma, o ponto de ancoragem será posicionado no meio de É importante não afastar muito o ponto de ancoragem do texto, pois isso complicará a animação posteriormente Vamos escrever -35 aqui. Agora vamos voltar ao segundo animador e adicionar uma boa animação de dissolução. Podemos fazer isso adicionando opacidade a esse animador, certo? Zero aqui. Agora, quando chegarmos ao último quadro, o texto começará a desaparecer enquanto se move para o lado e gira Agora vamos tornar esse animador um pouco mais interessante e adicionar um parâmetro adicional chamado rastreamento Para ver o que ele faz, vamos até o momento em que o texto já está começando a se afastar. Agora vamos alterar o valor desse parâmetro. Como você pode ver, isso faz com que as letras do texto se separem umas das outras. Vamos escrever dez aqui e ver como fica. Parece bom. Agora vamos ajustar a pré-visualização e ver toda a animação que criamos até agora. Como você pode ver, o texto está se movendo demais para a pergunta certa. Qual propriedade em nosso animador precisamos alterar para corrigir isso Para corrigir isso, tudo o que precisamos fazer é reduzir os dados no parâmetro de posição do segundo animador Vamos escrever 300 e ver como fica. Vamos tentar 200. Ainda é demais. Talvez 100. Vamos ver isso mais uma vez. Acho que 100 é melhor. Se você quiser que todo esse movimento suba um pouco mais, você pode fazer isso movendo o ponto de ancoragem desse parágrafo de texto ou ajustando-o Você pode brincar com isso e alterar os valores aqui. Em seguida, mova o indicador de tempo para verificar a direção do movimento. Tudo bem. Vou ajustá-lo de volta para -35 como estava. Tudo bem, vamos seguir em frente. Vamos fechar todos os parâmetros e continuar criando o segundo parágrafo de texto. Para criar outro parágrafo, podemos duplicar o parágrafo que já temos na cena Porque ele já tem todos os animadores configurados. Só precisamos mudar o texto e fazer algumas modificações nos animadores Vamos selecionar a camada e pressionar control D. Agora vamos posicionar o indicador de tempo aqui para que possamos ver o texto. Em seguida, vamos até uma linha e centralizamos a nova camada no centro da composição. Em seguida, vamos abrir o arquivo de texto novamente. Mas, por enquanto, não faça nada porque quero mostrar o problema que você pode encontrar ao alternar entre os textos. Ok, digamos que eu esteja copiando o texto agora e colando-o na nova caixa de texto Observe que depois de colar o texto, o texto aparecerá no mesmo design do título Não é isso que eu quero, vamos ver como fazer isso corretamente. Agora, faça isso junto comigo. Primeiro, vamos apenas copiar o título e colá-lo nos títulos Place On. Vamos apenas copiar o texto e colá-lo nos textos Place On. Agora, tudo o que precisamos fazer é ajustar a caixa de texto e o espaçamento entre as linhas Mova uma linha aqui, reduza um pouco. Vamos ampliar a caixa a partir da parte inferior. Isso é melhor. Agora vamos selecionar a paleta de cores e alterar a cor do título para laranja Além disso, podemos alterar a cor da camada para diferenciar os textos Depois de terminarmos de criar o novo parágrafo, vamos passar para a próxima parte e aprender como combiná-lo com a animação do primeiro parágrafo. Enquanto isso, vamos desligar essa camada. Te vejo na próxima parte. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula. Nos vemos lá. 19. Seção 4, parte 3: Bem-vindo de volta. Antes de começarmos a animar o segundo parágrafo, quero compartilhar uma dica útil sobre como organizar o painel do software Como agora estamos trabalhando com vários animadores e parâmetros, é essencial manter as coisas organizadas Primeiro, podemos mover esta seção aqui, depois podemos colocar a tela de visualização aqui. Agora vamos pegar nosso painel de composição daqui e arrastá-lo para essa área. Como não precisamos usar o painel do projeto, podemos movê-lo para o lado. Dessa forma, podemos ver tanto o primeiro texto quanto o segundo texto. Vamos ajustar a pré-visualização. Agora podemos abrir todos os animadores aqui e ver todos os parâmetros De uma forma mais conveniente, se quisermos ver os quadros-chave nessa camada, podemos minimizar essa área dessa forma Podemos posicionar a tela de visualização dessa forma. Também podemos ampliar a linha do tempo para ver os quadros-chave de perto OK. Agora, como esse parágrafo não precisa fazer a animação da entrada como no primeiro parágrafo, podemos desativar o primeiro animador responsável pela animação de entrada Podemos fechá-lo por enquanto. Agora, vamos arrastar os quadros-chave do segundo animador até o início e alterar seus dados Os primeiros dados que mudaremos são a direção de rotação. Escreveremos -90 aqui em vez de 90. Agora, o texto gira na direção oposta. Na próxima etapa, precisamos alterar os dados do parâmetro de posição. Vamos alterá-lo para -100 em vez de 100. Agora, para que o texto apareça e não desapareça como agora, precisamos alterar o modo de animação para aumentar A última coisa que precisamos fazer é alterar os dados no parâmetro de rastreamento para menos dez em vez de dez Foi assim que criamos a animação reversa para este parágrafo. Agora podemos excluir completamente o primeiro animador porque não precisamos dele Ok, agora vamos fazer o parágrafo se mover para o lado a fim de criar a transição para o terceiro parágrafo. Para fazer isso, podemos simplesmente copiar o segundo animador do primeiro parágrafo porque é o animador responsável pela animação que precisamos. Vamos selecionar o segundo animador e pressionar o controle C para Podemos fechar essa camada agora. Agora vamos selecionar o texto aqui e pressionar o controle V, certificando-se de que estamos no segundo número dois, para que, quando colarmos os quadros-chave, o primeiro quadro-chave seja posicionado aqui Agora vamos abrir esse animador. Desta vez, não precisamos mudar nada para esse animador, tudo parece ótimo Agora vamos ativar a primeira camada e o tempo entre esses dois parágrafos. Mas antes disso, podemos ajustar os painéis para um melhor fluxo de trabalho. Primeiro, vamos ampliar um pouco esse painel. Agora vamos desativar temporariamente a primeira camada. Também desligue a grade e veja onde termina a animação do primeiro parágrafo. Para ver os quadros-chave, selecionaremos essa camada e pressionaremos você. Vamos também selecionar essa camada e pressionar você para exibir seus quadros-chave. Agora vamos colocar aqui o indicador de tempo. Ative essa camada e tente encontrar um bom momento para que essa camada entre na cena. Ok, acho que devemos começar o segundo parágrafo um pouco mais tarde. Vamos para o segundo número três e movamos essa camada aqui. Vamos ver isso mais uma vez. Sim, eu acho que é excelente. Agora vamos mover nossa tela de visualização aqui, mostrar a grade e criar o terceiro e último parágrafo. Podemos fechar e desligar essa camada por enquanto. Agora vamos duplicar essa camada porque sua animação é muito semelhante à animação que deveria estar no terceiro parágrafo Vamos selecioná-la e pressionar control D. E como adicionamos uma nova camada, precisaremos ver um pouco mais da nossa linha do Para isso, podemos ocultar parte dos dados exibidos aqui, por exemplo, a função stretch. Para ocultá-lo, precisamos clicar com o botão direito do mouse aqui, ir para as colunas e clicar em esticar. Agora não vemos essa parte e, graças a ela, podemos ver um pouco mais da linha do tempo. Também vamos ocultar essa seção. Clique com o botão direito aqui, vá para as colunas e clique em Pai e Link. Não se preocupe, podemos trazer de volta todas essas funções mais tarde. Ok, agora temos mais espaço aqui e estamos prontos para continuar com o projeto. Vamos voltar à ferramenta de seleção e mover o novo parágrafo para o lado. Vamos movê-la enquanto pressiona a tecla shift para que a camada se mova em um eixo reto. Agora vamos copiar o título do terceiro texto e colá-lo no lugar do título aqui podemos excluir o espaço extra que foi criado aqui. Agora vamos copiar o novo texto e colá-lo no lugar do texto no novo parágrafo. Vamos ajustar a caixa de texto para obter um bom parágrafo. Excelente. Ok, agora vamos selecionar a paleta de cores no painel do projeto para ver as cores Vamos ampliar um pouco esse painel. Agora vamos selecionar o título e mudar a cor para azul. Podemos reduzir esse painel. Vamos voltar à ferramenta de seleção temporariamente, desativar essa camada, desativar a grade e focar na animação do novo parágrafo. Podemos ver que não precisamos alterar a animação da entrada deste parágrafo. Se abrirmos a camada, podemos ver que o animador responsável por essa animação é esse E não temos problemas com isso. Temos um problema com a animação final, que é controlada por esse animador Podemos desativar temporariamente esse animador porque não queremos que o parágrafo saia do quadro dessa forma Queremos que esse parágrafo saia de cima e desapareça no processo. Semelhante ao que acontece na animação de entrada do primeiro parágrafo, apenas ao contrário. Portanto, podemos copiar o animador responsável por essa animação dessa camada, que é esse animador Selecione-o e pressione control. Agora vamos voltar ao parágrafo final e colocar a tela de visualização para que possamos vê-la. Agora vamos colá-lo nessa camada. Vamos abri-lo, selecionar o texto aqui e pressionar o controle V aqui. Nós vemos o animador aqui. Podemos deletar esse. Agora vamos abrir esse animador para cronometrar seus quadros-chave e ajustar alguns dados para criar a animação desejada Como sabemos que precisamos criar a animação reversa do que está acontecendo agora, já podemos alterar a forma dos animadores para diminuir. Agora, depois que o texto entra, ele desaparece do quadro, mas desaparece e se move para baixo Para mudar sua direção de saída, precisamos ajustar a pergunta do parâmetro de posição. O que devemos escrever aqui para mudar a direção do movimento deste parágrafo? Vamos escrever -50 aqui. Agora, depois que o texto é inserido, ele imediatamente sobe e desaparece Tudo bem, agora vamos mudar a cor dessa camada para azul para diferenciar as camadas Agora vamos pressionar você nessa camada e nessa camada para ver seus quadros-chave. Vamos também exibir os quadros-chave do primeiro parágrafo. Agora vamos cronometrar a animação entre o segundo e o terceiro parágrafos. Vamos mover essa camada para o lugar certo a tempo. Podemos ativar essas duas camadas agora, movê-las para o segundo número seis e mover o parágrafo final aqui. Quando terminarmos a animação e estivermos satisfeitos com ela, podemos retornar os painéis ao layout inicial. Deixe esse painel abaixado até vermos essa área em cinza brilhante. Em seguida, solte o clique. Podemos ampliar a tela de visualização e ajustá-la novamente. Agora vamos trazer o indicador de tempo para o início da linha do tempo, fechar todas as camadas e verificar a animação antes de prosseguir Tudo parece ótimo. Agora estamos prontos para passar para a parte final, onde projetaremos nossa cena de uma forma mais interessante. Nos vemos na próxima parte. 20. Seção 4, parte 4: Bem-vindo de volta. Primeiro, vamos desligar a rede. Agora vamos selecionar somente o texto e alterar a cor para uma cor brilhante na paleta Vamos fazer isso para todos os textos em todos os parágrafos. Agora vamos pressionar control para salvar o projeto antes de prosseguirmos. Em seguida, vamos criar um sólido que servirá como nosso controle de pressão de fundo Y. Vamos colorir em preto Vamos colocar o sólido abaixo de todas as camadas. Agora vamos criar um gradiente interessante para o plano de fundo. Vá para Efeitos e predefinições. Se você não consegue ver, você pode encontrar esse painel abaixo da janela. Ok, vamos escrever gradiente aqui e selecionar rampa de gradiente. Vamos arrastar esse efeito para o sólido. Agora volte ao painel do projeto e arraste a paleta até a composição para que possamos ver as cores enquanto trabalhamos com o efeito Vamos voltar aos controles de efeitos. Selecione o sólido para ver o efeito nele. Vamos testar essa cor para criar um gradiente fino. Então, podemos excluir essa camada. Agora selecione o efeito. Agora podemos pegar essa pequena alça do gradiente e arrastá-la para uma posição adequada A propósito, vou colocá-lo de volta onde estava. Também podemos mover essas alças a partir daqui. Vamos colocar a parte mais escura do gradiente aqui e a parte mais clara Se ampliarmos um pouco, podemos ver que o gradiente não é suave Podemos ver algumas bandas para corrigir isso. Podemos escrever 30 e dispersão por rampa. Isso vai suavizar um pouco. Ok, vamos ajustar a pré-visualização novamente. E vamos adicionar um efeito interessante chamado brilho aos nossos parágrafos Vamos escrever o brilho aqui e arrastar o efeito para essa camada Defina o limite de brilho para 60. Agora copie o efeito e cole-o no segundo parágrafo. Vamos colá-lo também no terceiro parágrafo. Agora vamos voltar ao painel do projeto e aprender como podemos fazer com que os parágrafos de texto permaneçam por alguns segundos no quadro antes de passar para o próximo parágrafo Porque, no final, você precisará criar uma animação de texto de forma que as pessoas possam ler o que está escrito. É por isso que o texto precisa permanecer na cena por alguns segundos antes que ele passe para o próximo texto desapareça . Vamos ver como fazer isso. Primeiro, vamos duplicar essa composição por meio do painel do projeto para que possamos fazer alterações nela sem afetar a composição atual Vamos selecionar a composição e pressionar control D. Agora pressione Enter e altere o nome para texto. Animação. Quatro, sublinhado longo, vamos entrar na composição. Como você pode ver, o texto está mudando muito rapidamente e não conseguimos ler nada. Primeiro, para estender a duração dessa composição para que tenhamos tempo suficiente na linha do tempo, vamos pressionar o controle K Agora vamos configurá-la para 40 segundos. E pressione Enter. Agora vamos ampliar a linha do tempo e estender todas as camadas que temos aqui até o final da composição desta forma Agora vamos bloquear o plano de fundo para que ele não interfira conosco. Vamos desativar essas duas camadas para que possamos nos concentrar no primeiro parágrafo. Selecione-o e vamos aprender como fazer com que ele permaneça um pouco mais na cena. Ok, então primeiro vamos selecioná-lo e pressionar você para ver seus quadros-chave. A próxima coisa que precisamos fazer é decidir a partir de qual momento queremos o segundo animador responsável pela animação final comece Vamos para o segundo número oito e vamos mover os quadros-chave do segundo animador aqui Agora, durante todo esse tempo, não haverá mudanças na animação. Isso significa que o texto permanecerá em vigor. Vamos ver como fica lá. O texto aparece em pé por alguns segundos e somente no segundo número oito é que a animação final começa. Basicamente, criamos um parágrafo de exatamente 6 segundos. Agora vamos fazer o mesmo com o segundo parágrafo. Vamos selecioná-lo e pressionar você se a animação de introdução deste parágrafo terminar no segundo número cinco Vamos passar para o segundo número 11 para criar a pausa de seis segundos Agora vamos mover os quadros-chave do segundo animador aqui Vamos fazer o mesmo com o último parágrafo. Vamos selecioná-lo, pressione você agora. Vá para o segundo número 14. Agora vamos mover os quadros-chave do segundo animador aqui Tudo bem, agora ligue-o, feche todas as camadas e veja o que temos. Como você pode ver, há partes em que vemos todos os parágrafos juntos, certo? Porque fizemos com que cada um parasse por 6 segundos. É por isso que precisamos sincronizá-los novamente acordo com a nova animação. Vamos selecionar todas essas camadas. Pressione para ampliar este painel e cronometrá-los. Vamos selecionar a segunda e a terceira camadas de texto e tentar encontrar um bom momento para elas entrarem na cena. Podemos mover as duas camadas superiores para esse ponto no tempo, segundo número nove, porque está exatamente no meio da animação final do primeiro parágrafo. Parece ótimo. Agora vamos selecionar o terceiro parágrafo e movê-lo para o segundo número 18. Vamos ver como tudo fica junto. O primeiro parágrafo entra. A cena dura 6 segundos. Agora ele desaparece. E imediatamente depois disso, o segundo parágrafo entra em cena. Também dura 6 segundos. Em seguida, ele muda para o terceiro parágrafo. Ok, e salve o projeto. E vamos fechar todas as camadas. Volte para a composição curta e renderize-a primeiro. Vamos fechar a aba de efeitos e sair dessa pré-composição. E agora estamos prontos para renderizar essa cena. Precisamos garantir que a área de trabalho dessa composição termine onde queremos que ela termine. Para que não renderizemos apenas uma tela preta. Se a animação dessa cena já termina aqui, não precisamos de toda essa área porque não vemos mais nada aqui. Vamos ver onde a animação dessa camada termina. Ele termina nesse quadro-chave. Vamos ficar aqui e pressionar para encurtar a área de trabalho até este momento Agora vamos pressionar control para acessar o painel de renderização. Optaremos por renderizá-lo em alta qualidade, formato Her 0.2 64, que é um arquivo MP quatro. E optaremos por renderizá-lo em nossa pasta de renderização. Vamos verificar se o nome é bom e clicar em Salvar. E depois disso, clique em Renderizar. E espere alguns instantes. Tudo bem, a renderização está concluída. Vamos ver o que temos. Parece bom. Agora você pode enviar este vídeo nas redes sociais, exibi-lo no site do seu portfólio e, claro, usar essa animação em seu próximo projeto. Se você está gostando do curso, eu agradeceria muito se você pudesse avaliar este curso com base em como você se sente e deixar um feedback para que eu saiba se você aprende algo novo ou não. Ok, agora vamos voltar ao projeto e organizá-lo antes de fechá-lo. Tudo bem, então a primeira coisa que precisamos fazer é criar uma nova pasta no painel do projeto. Vamos chamá-la de Assets e arrastar a paleta de cores para dentro dela, bem como a pasta de sólidos. Em seguida, crie outra pasta chamada pré-composições e arraste a pré-composição longa para ela. Por fim, vamos rotular a composição principal em azul. Agora, vamos pressionar control para salvar o projeto antes de fechá-lo. Com isso, terminamos a aula. Espero que você goste e mal posso esperar para ver você no próximo. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula. Nos vemos lá. 21. Seção 5: Animação avançada de tipografia cinética: Olá. Nesta lição, fazemos uma pausa nos animadores de texto e aprendemos alguns truques novos para criar animações de texto incríveis Além disso, baixaremos um ótimo plug-in para o After Effects que facilitará o trabalho com várias camadas. Esta lição está dividida em três partes, que aprenderemos na primeira parte. Falaremos sobre o recurso de limpeza, que ajuda o After Effects a funcionar de forma mais suave e evitar possíveis problemas posteriormente Em seguida, criaremos o texto e o adicionaremos à composição. Passando para a segunda parte, vamos animar esse texto e até adicionar algumas expressões legais para torná-lo ainda mais atraente Em seguida, instalaremos esse plug-in gratuito no After Effects para levar as coisas para o próximo nível. Por fim, criaremos um loop para a animação, refinaremos a aparência e prepararemos tudo para ser compartilhado com um arquivo MP de alta qualidade E, claro, vamos arrumar o projeto antes de terminarmos Vai ser incrível. Mal posso esperar para começar. 22. Seção 5, parte 1: Vamos almoçar depois dos efeitos. Juntos, podemos fechar essa janela para que todos vejamos os mesmos arranjos de painéis. Vamos clicar em Padrão. Agora, vá em frente e crie nossa primeira composição. Vamos chamá-la de Animação de Texto cinco. Trabalharemos em formato full HD. Vamos trabalhar com 24 quadros por segundo. A duração da composição será de 40 segundos. Agora, mude o fundo para preto. Clique em OK, aqui e ali. Agora vamos importar nossa paleta de cores para o projeto. Clique duas vezes na área cinza no painel do projeto, selecione a paleta de cores e clique em Importar Agora, antes de prosseguirmos, quero ensinar a vocês sobre uma ação chamada purga. O que é purga Quando você trabalha em um projeto, no After Effects, ele armazena vários dados e informações em seu cache de memória. Às vezes, esse cache pode ficar cheio de coisas antigas ou desnecessárias, que pode retardar o programa e até causar erros ou falhas Quando isso acontece, você pode usar a função Purge para limpar o cache e liberar memória É muito útil quando você está tendo problemas de desempenho ou se deparando com erros Basta limpar o cache e você verá uma grande melhoria na execução do programa. Então, vamos limpar o projeto juntos. Agora clique em Editar, vá para Limpar e clique em Toda a memória e cache de disco Ótimo, agora podemos ver quanto pedaço temos. De qualquer forma, pode ser um número diferente para você. Vamos clicar em OK e esperar alguns segundos Al. Agora, podemos salvar o projeto e dar um nome a ele. Vamos localizar a pasta que criamos para a lição. Entre na pasta AE e nomeie o arquivo no qual estamos trabalhando no momento. Você pode selecionar esse projeto para obter esse nome e alterar a extensão para cinco. Por fim, clique em Salvar. Agora vamos começar a desenhar a cena. Primeiro, vamos escrever o texto. Para isso, selecionaremos a ferramenta de texto e digitaremos a palavra Aprender. Agora selecione todo o texto e altere o Fanta Montserrat. Defina o estilo para preto e ajuste o tamanho para 150. Agora clique na opção para letras maiúsculas. Agora vamos mudar a cor do texto para preto. Em seguida, clique na opção de cor do traçado e defina-a como branca. Aqui podemos ajustar a espessura da linha. Vamos configurá-lo para um. Agora, não se esqueça de ir para a guia de parágrafos e alinhar o texto ao centro Além disso, vamos voltar ao caractere e garantir que o traçado esteja configurado para ser preenchido demais Ok, agora vamos voltar para a ferramenta de seleção. Pressione a tecla do apóstrofo para exibir a grade. Agora vamos centralizar o ponto de ancoragem dessa camada, pressione control em casa para conseguir isso Agora, para centralizar a camada na composição sem usar a ferramenta alinhada, vamos usar um novo atalho, pressione control home Vamos duplicar essa camada. Pressione o controle D, depois mova-o para baixo e altere a palavra para movimento para sair do modo de edição de texto Pressione o controle Enter. Agora vamos duplicar essa camada novamente. Selecione a ferramenta de seleção, mova-a para baixo e altere a palavra para design Agora, para manter a mesma ordem de palavras da cena, vamos mover a camada de movimento aqui e a camada de design aqui. Agora vamos voltar para a ferramenta de seleção e trazer todas as camadas para cima para que a palavra do meio fique no centro da composição. Vamos usar a ferramenta Align para criar espaçamento igual entre todas as camadas Certifique-se de que escolhemos a seleção aqui. Vamos clicar aqui. Finalmente, vou usar a seta para baixo no teclado para mover todas as camadas um pouco para baixo. Ótimo, agora estamos prontos para passar para a próxima parte e começar a animar a cena. Nos vemos lá. 23. Seção 5, parte 2: Bem-vindo de volta. A primeira coisa que precisamos fazer é mover essas camadas para a esquerda e para a direita. Pergunta: qual propriedade devemos animar para fazer isso? Para conseguir isso, usaremos a propriedade position, pressione P para exibi-la em todas as camadas. Agora, no segundo número zero, vamos decidir se as camadas permanecerão aqui. Vamos movê-los um pouco mais para a esquerda. Usando a seta esquerda no teclado, criaremos um quadro-chave. Agora vamos passar para o segundo número dois e mover as camadas para o outro lado enquanto pressionamos a tecla shift. Agora vamos passar para o segundo número três e retornar as camadas à posição inicial. Para isso, podemos duplicar os primeiros quadros-chave. Mas se selecionarmos todos eles, pressione o controle C para copiá-los e, em seguida, pressione o controle V para colá-los. Observe que colamos todas as camadas em vez de apenas os quadros-chave Isso acontece quando selecionamos quadros-chave de diferentes camadas. Para evitar que isso aconteça, precisamos duplicar cada quadro-chave para cada camada individualmente Vamos selecionar esse quadro-chave, pressionar o controle C e agora pressionar o controle V. Vamos fazer o mesmo nas próximas duas camadas Vamos ver como fica. Ok, continuando, vamos selecionar todos os quadros-chave e convertê-los em quadros-chave do AsE usando a tecla nove. Agora, o movimento será mais suave. Agora precisamos que esse movimento continue até o final da composição. Para fazer isso, podemos usar a expressão que usamos na segunda lição quando criamos o loop para a pré-composição. Como os primeiros quadros-chave e os últimos quadros-chave nessas camadas são iguais, podemos fazer o mesmo aqui. Para isso, passaremos o mouse sobre o ícone do cronômetro desse parâmetro Mantenha pressionada a tecla alt e clique no cronômetro uma vez Agora vamos clicar na pequena seta, ir até Propriedade e selecionar essa expressão. Clique aqui para finalizar a operação. E vamos fazer o mesmo nas próximas duas camadas. Mas, em vez de repetir todas essas etapas, podemos simplesmente clicar com o botão direito do mouse nesse parâmetro e escolher copiar somente expressão Agora vamos selecionar as duas camadas e pressionar o controle V para colar a expressão copiada. Aí está. Todas as camadas continuam repetindo o mesmo movimento mesmo após o último quadro-chave atingir a barra de espaço Para ver se tudo funciona bem, parece bom. Agora vamos criar um bom deslocamento na animação desse lugar, o indicador de tempo no quadro número seis Agora vamos nos aproximar da linha do tempo e mudar os quadros-chave dessas duas camadas para o quadro número seis. Agora vamos alcançar o quadro número 12. Selecione os quadros-chave dessa camada e mova-os aqui. Foi assim que criamos um offset interessante para a animação. Dessa forma, obtemos um movimento muito mais interessante na cena. Parece ótimo. Agora vamos selecionar todas as camadas e agrupá-las em uma pré-composição. Vamos usar o atalho dessa vez. Pressione control shift C. Agora vamos mudar o nome para texto comp one, certifique-se de que ambos estejam selecionados e pressione Ok, ótimo. Então, agora, se inserirmos essa pré-composição, veremos todas as nossas três camadas de texto no futuro. Depois de criarmos o efeito, podemos entrar aqui e mudar as palavras, se quisermos. Tudo bem, agora vamos voltar à composição principal e começar a criar o efeito. Primeiro, vamos duplicar essa pré-composição usando o controle D. Agora vamos selecionar a camada inferior, pressionar S e criar uma expressão para essa Para fazer isso, passaremos o mouse sobre o cronômetro desse parâmetro Mantenha pressionada a tecla alt e clique no cronômetro uma vez. Agora, localize a pasta principal do curso que você criou. Entre na pasta Assets e abra o arquivo chamado expression para menos de cinco. Agora vamos selecionar e copiar tudo o que está escrito aqui. Em seguida, vamos voltar ao nosso projeto. Clique aqui e cole a expressão copiada. Clique aqui para finalizar a ação. Observe que agora essa camada foi dimensionada. Vamos desligar a rede. Tudo bem, então, com a ajuda dessa expressão, fizemos com que toda vez que copiássemos essa camada, ela ficasse automaticamente atrás da última e ficasse 20% maior. Muito legal. Não é necessário trabalho extra. Vamos selecionar essa pré-composição e pressionar control D. Agora criamos uma nova pré-composição que é 20% maior do que a pré-composição anterior Essa camada é posicionada atrás da camada anterior. Vamos duplicar essa pré-composição até chegarmos a um total de 20 camadas Vamos ampliar esse painel para ver todas as camadas e continuar duplicando a segunda pré-composição Agora vamos configurar a pré-visualização para caber. Continue trabalhando na cena. Agora vamos selecionar a primeira camada, acessar efeitos e predefinições e pesquisar um efeito chamado inverter Arraste esse efeito até a primeira pré-composição. Agora vamos pressionar para abrir o parâmetro de escala dessa camada e ampliá-la um pouco para corresponder ao tamanho das pré-composições por trás dela. Acho que 120 deve ser bom. Vamos fechar a camada e seguir em frente. Agora, se você se aproximar para ver as pré-composições de perto, notará que elas não são de tão boa qualidade, especialmente as que estão Isso ocorre porque eles têm uma escala muito maior do que os anteriores. Para melhorar a qualidade das pré-composições, podemos ativar a função de colapso localizada aqui Se você não vê esse ícone, pode clicar aqui. Vamos selecionar todas as camadas e aplicar a função de colapso a cada uma delas. Aí está, a qualidade melhorou significativamente. Agora vamos configurar a tela de visualização para caber e ver a aparência de toda a cena. Ótimo. Agora precisamos criar um movimento de aparência ondulada bacana para essa animação Para conseguir isso, precisamos criar um deslocamento para todas as nossas pré-composições na Podemos fazer isso manualmente, é claro, mas levaria muito tempo. Além disso, se percebermos que o deslocamento não é bom, seria muito difícil alterá-lo É por isso que precisamos usar o juice plug in, que nos permite organizar as camadas com rapidez e facilidade. Primeiro, demonstrarei como funciona e, em seguida, baixaremos e instalaremos o plug-in juntos. Tudo bem, vou abrir o plugue e arrastá-lo até aqui. Vou encolher um pouco esse painel. Agora, tudo o que preciso fazer é selecionar todas as camadas que quero mover, escolher a direção do deslocamento e definir a distância entre cada camada Tudo o que preciso fazer agora é clicar em Stagger e pronto. Eu obtive um deslocamento da primeira camada para a última. Eu pressiono o controle Z e mostro o que aconteceria se eu escolhesse organizar as camadas dessa maneira. Eles seriam classificados do último para o primeiro. Tudo bem, vou trazer tudo de volta ao normal. Vamos instalar o plugue juntos. Mostrarei como fazer isso no Mac e no Windows, embora seja praticamente o mesmo processo para ambos. Mas antes disso, pressione control para salvar o projeto Caso você não corresponda às preferências do software como fizemos na primeira lição, acesse Preferências, Scripts e Expressões e certifique-se de marcar esta caixa. Caso contrário, o plugue pode não funcionar corretamente. Tudo bem, agora é melhor sair do projeto antes de instalar o plug-in. Você não verá o script após a instalação no After Effects. Embora o After Effects esteja aberto após a instalação do script, você precisará reabrir o projeto de qualquer maneira Sugiro fechar o projeto agora e depois da instalação, nós o abriremos novamente. Mas antes de fechar o projeto, não se esqueça de salvá-lo. Tudo bem, primeiro eu mostro para usuários de Mac. Primeiro, acesse o site da Ags. Encontre o link no arquivo PDF localizado na pasta principal do curso que você baixou de mim. Agora você precisa se registrar ou entrar no site. Em seguida, acesse Plugins gratuitos e clique em Baixar do Mac. Digite seu e-mail aqui, marque a caixa e faça o download. Agora você pode verificar sua caixa de correio ou simplesmente clicar aqui. Em seguida, escolha onde você deseja salvar o arquivo e clique em Salvar. Agora abra a pasta e extraia o arquivo zip. Depois disso, você pode excluir o arquivo zip. Ótimo. Agora abra o instalador, clique em Continuar, digite sua senha se necessário, e clique em Instalado. Após a instalação, você pode excluir o instalador. Ótimo, agora podemos minimizar todas as pastas abertas e almoçar depois dos efeitos. Vá para a janela e abra o gerenciador de pacotes de idade. Agora clique aqui ao lado para sair das guias. O mais importante é entrar na sua conta. A partir daqui, legal. Você pode voltar ao After Effects, fechar esse painel e abrir o interruptor Ages Agora eu quero mostrar o processo de instalação para usuários do Windows. É praticamente o mesmo, então não vou falar e apenas mostrar aos usuários do processo que você pode fechar o After Effects por enquanto. Em breve abriremos nosso projeto juntos. Enquanto isso, usuários do Windows, vocês podem me acompanhar e baixar o plug-in Tudo bem, depois de instalarmos o plug-in, vamos navegar até a pasta AE e abrir nosso projeto. Agora vamos abrir o plugue. Então vá para a janela e clique em AEG shifter. Você pode anexar esse painel ao painel de visualização. Basta arrastá-lo desta área e anexá-lo à seção azul aqui. Você pode reduzi-lo um pouco. Agora vamos selecionar todas as camadas. Escolha esse arranjo, defina o deslocamento para um quadro e clique em Stagger Mas antes de prosseguir, vamos colocar esse painel aqui e fechá-lo por enquanto. Como criamos um deslocamento para as camadas, a animação agora parece muito mais interessante. Parece excelente. Agora vamos passar para a parte final e criar um loop para essa animação. Então nos vemos lá. 24. Seção 5, parte 3: Para criar um loop perfeito, precisamos encontrar um quadro idêntico ao longo da animação. Um no início e outro no final. Digamos que o quadro inicial da animação esteja no segundo número dois. Agora podemos capturar esse quadro para que possamos compará-lo com o segundo quadro. Optaremos por encerrar a animação. Também podemos selecionar todas as camadas e, em um marcador, podemos saber que esse será o ponto em que a animação começará Agora, vamos avançar alguns segundos e tentar encontrar o ponto no tempo em que o texto retorna ao mesmo ponto que capturamos. Para ver melhor o que estamos fazendo, podemos ampliar o painel de visualização e ajustar a visualização Ok, vamos verificar se já podemos fechar o ciclo. Não, ainda não. Vamos tentar novamente. Ainda não está bom. Estamos chegando lá, mas ainda não estamos lá. Vamos tentar verificar isso no segundo número seis. Sim, esse é o momento certo. Ótimo. Agora vamos ampliar esse painel, selecionar todas as camadas novamente e criar um marcador nesse ponto também Agora, vamos ajustar a área de trabalho aos marcadores que definimos para encurtar a área de trabalho a partir da prensa final Agora vamos nos mover em direção aos primeiros marcadores enquanto pressionamos a tecla shift Agora vamos encurtar a área de trabalho desde o início usando a tecla B. Como não precisamos mais dessa seção inteira, vamos pressionar o controle K para acessar as configurações da composição e encurtar sua duração de 40 segundos para 10 segundos. Antes de prosseguir, é um bom momento para pressionar control e salvar o projeto. Ok. Agora vamos ampliar a tela de pré-visualização e apertar a barra de espaço para ver a animação Você pode renderizar essa animação como está agora ou pode mudar um pouco a animação comigo. Se for esse o caso, você pode inserir a pré-composição do texto junto comigo e alterar o movimento desse texto alterando alguns parâmetros nos para exibir todos os quadros-chave de todas as camadas Vamos garantir que não selecionemos nenhuma camada e pressionemos a tecla Ukey Agora vamos selecionar todos os quadros-chave aqui. Passe o mouse sobre um deles. Segure a tecla out e clique nela duas vezes. Dessa forma, alcançaremos o painel de velocidade do quadro-chave. Não falamos sobre isso há algum tempo. De qualquer forma, aqui podemos mudar o comportamento da animação dos textos inserindo valores diferentes. Vamos configurá-lo para 85 x 85, pressione, ok, e veja como fica. Se formos ao editor gráfico, podemos ver que a curva desses quadros-chave se parece com isso agora. O que significa que o texto começará a se mover lentamente, ganhará alta aceleração e, seguida, diminuirá a velocidade novamente no final. Ok, vamos sair do editor gráfico e retornar à composição principal para ver como isso afeta o efeito que criamos. Deixe o software renderizar um pouco a cena. Eu gosto desse jeito. Vou manter essa animação e seguir em frente. Agora, se diminuirmos um pouco o zoom, podemos ver mais algumas camadas atrás das quais não vemos na cena porque são grandes e se estendem além dos limites da cena. Vamos ver como podemos reduzir o tamanho de toda essa cena sem tocar nas camadas Para isso, clique com o botão direito aqui, vá para Novo e selecione a camada de ajuste. O que é a camada de ajuste? A camada de ajuste é uma camada especial no After Effects que permite aplicar efeitos e ajustes várias camadas simultaneamente. Em vez de aplicar o mesmo efeito a cada camada individual, você pode adicionar uma camada de ajuste e aplicar um efeito a ela. O efeito será então aplicado a todas as camadas abaixo dele na pilha de A vantagem de usar uma camada de ajuste é que ela permite que você faça alterações globais sua composição com rapidez e facilidade. Criamos uma camada vazia e invisível que não tem nada nela. Usaremos essa camada para criar um filtro que afetará a cena. Para fazer isso, vamos até efeitos e predefinições e busquemos um efeito chamado transformação Vamos arrastar o efeito para a camada de ajuste e alterar o nome dessa camada para transformá-la, para que saibamos qual efeito é aplicado a ela. Ok, agora vamos configurar a tela de visualização para caber e alterar alguns parâmetros nesse efeito. Como você pode ver, há um parâmetro aqui chamado escala porque todas essas camadas estão abaixo da camada de ajuste. Todos eles serão afetados pelas mudanças que fizermos nele. Ok, vamos configurá-lo para 90 e ver como fica a cena. Acho que podemos reduzi-lo um pouco mais. Vamos tentar 80. Talvez 60, talvez 50. Não, 50 é demais. Preste atenção aqui. Eu não gosto, então vou mudar de volta para 60. Vamos ver como isso parece. Vamos permitir que o After Effects renderize a cena por alguns segundos. Tudo bem, acho que está ótimo. Agora vamos colorir o texto as cores da nossa paleta de cores Vá até o painel do projeto e selecione a paleta de cores aqui para ver as cores Agora vamos voltar à composição do texto. Em seguida, abra a guia do personagem. E agora selecione todas as camadas. E altere a cor do texto para a cor escura da paleta Por algum motivo, não está capturando a cor correta para mim. Eu vou lidar com isso em um momento. Enquanto isso, vamos clicar aqui para alterar a cor da linha para a cor brilhante da paleta Ok, mais uma vez, por algum motivo não consigo capturar as cores. Vou simplesmente arrastar a paleta aqui e escolher as cores de lá Isso é melhor. Agora, vou deletar a paleta e voltar para a composição principal Como você sabe, na verdade não temos experiência na cena. A cor preta que vemos aqui no fundo é a cor de fundo padrão da tela anterior e não é um plano de fundo real. Para criar um plano de fundo real, precisamos criar um novo sólido. Vamos selecionar esse painel e pressionar control. Agora vamos mudar a cor. Vejo que ainda está me causando, vou escolher a cor daqui. Deixe-me entrar aqui para verificar se é a cor certa. Agora vamos pressionar ok, vamos mover essa camada abaixo de todas as outras camadas. Agora preste atenção que o sólido é muito pequeno. Isso acontece porque o sólido também é influenciado pelo efeito de transformação na camada de ajuste. Não é um problema nenhum. Vamos selecionar a prensa sólida e ampliar essa camada até que ela caiba na Cena 180, é ótimo Também podemos ativar a função de colapso para o sólido. Ok, vamos fechar a camada. Vá para o painel do projeto, pressione o controle S para salvar o projeto e siga em frente para renderizar a animação. Quero lembrá-lo de que o After Effects renderizará somente o que estiver dentro dos limites da área de trabalho. Como reduzimos perfeitamente a área de trabalho para criar um loop, não temos problemas com isso Mas se você ainda não quiser ver toda essa área desnecessária, basta escrever, clicar na área de trabalho e escolher Trim Comp para área de trabalho Agora vamos pressionar o controle. E para acessar o painel de renderização, optaremos por renderizá-lo no formato H 0.264 de alta qualidade, que é um MP quatro de alta qualidade Escolheremos renderizá-lo em nossa pasta de renderização. Vamos garantir que o nome seja bom. Clique em Salvar e depois em Renderizar. Vamos esperar alguns instantes. Ok, agora vamos ver o que temos. Parece ótimo. Como sempre, você pode enviar este vídeo para seus canais de mídia social ou exibi-lo no site do seu portfólio e, claro, usar essa animação para seus próximos projetos. Se você está gostando do curso, eu agradeceria muito se você pudesse avaliar este curso com base em sua experiência e deixar feedback para que eu saiba se você aprende algo interessante ou não. Ok, agora vamos voltar ao projeto e organizá-lo. Antes de fechá-la, vamos criar uma pasta chamada Pre comps. Certifique-se de não selecionar nada e crie outra pasta chamada Assets. Arraste a paleta de cores e a pasta de sólidos para dentro dela e para a pasta precomps Vamos arrastar a pré-composição que criamos, rotular a composição principal em azul e pressionar o controle S para salvar o projeto Antes de fecharmos, ótimo, espero que tenham gostado. Nos encontraremos novamente na próxima aula. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula. Nos vemos lá. 25. Seção 6: Animação de texto isométrica da câmera: Bem vindo de volta. Nesta lição, vamos nos aprofundar na criação algumas animações legais de texto em três D Para tornar as coisas ainda mais fáceis, instalaremos um script gratuito para o After Effects Isso é muito útil para trabalhar com pontos de ancoragem. Esta lição está dividida em três partes. Em primeiro lugar, projetaremos e animaremos o primeiro objeto na cena Em seguida, converteremos tudo em três D e aprenderemos a navegar no espaço tridimensional. Em seguida, instalaremos um script gratuito para nos ajudar a organizar tudo perfeitamente. Assim que tivermos isso sob controle, concluiremos o design da cena usando o roteiro. Depois disso, aprenderemos como criar uma câmera isométrica e animar a cena usando apenas uma camada Por fim, adicionaremos mais alguns designs à cena e melhoraremos a aparência geral e a animação. Em seguida, exportaremos tudo como um arquivo NP four sofisticado, pronto para compartilhar nas mídias sociais e em seu portfólio E então vamos arrumar o projeto. Antes de terminarmos, vai ser incrível. Então, vamos começar. 26. Seção 6, parte 1: Vamos abrir o software After Effects. Podemos fechar essa janela para que todos vejamos os mesmos arranjos de painéis. Vamos clicar em Padrão. Agora vamos criar nossa primeira composição. Vamos chamá-la de animação de texto seis. Agora vamos ao Three D Renderer e garantir que selecionamos três D Classic Ok, agora vamos voltar ao básico e definir o tamanho para full HD A taxa de quadros para 24, a duração para 10 segundos e o fundo para preto. Agora vamos importar a paleta de cores para o projeto. Clique duas vezes na área cinza no painel do projeto. Encontre a pasta que você criou para a lição e entre na pasta Assets. Selecione a paleta de cores e clique em Importar. Ok, agora podemos salvar o projeto e dar um nome a ele. Vamos encontrar a pasta que criamos para a lição. Entre na pasta. Selecione esse projeto para copiar o nome, alterá-lo para seis e clicar em Salvar. Vamos configurar a tela de visualização para caber e começar a criar a cena. Primeiro, vamos criar o texto. Selecione a ferramenta de texto e digite passo a passo. Agora, clique duas vezes no texto para selecionar tudo. Agora vá para Parágrafo e alinhe o texto ao centro. Certifique-se de que a direção da escrita seja da esquerda para a direita. Agora vá para Character e altere a fonte para uma das fontes iniciais chamada Bells Story Agora, altere o estilo para exibir em negrito. Vamos alterar o tamanho da fonte para 160. Agora vamos para Align. E alinhe o texto no centro da composição. Clique aqui e aqui. Agora, para centralizar o ponto de ancoragem da camada, pressione control Alt Home Agora, para criar a primeira parte da escada, precisamos agrupar esse texto em uma pré-composição para que possamos ajustar seu tamanho e desenhá-lo como quisermos Selecione a camada e pressione control shift C, o nome já está bom. Basta clicar em. Ok, vamos entrar na pré-competição. Agora vamos redimensionar essa composição para o tamanho do texto Para isso, precisamos acessar as configurações da composição. Pressione o controle K. Agora vamos alterar a largura até obter o tamanho que queremos Acho que 1.200 é bom o suficiente. Agora vamos ajustar a altura para ver as mudanças. Não se esqueça de selecionar Visualizar. Acho que 200 será bom. Quando terminarmos com isso, vamos clicar em OK. Agora precisamos criar um plano de fundo. Vamos selecionar a paleta de cores para que possamos ver as cores Vamos clicar aqui e pressionar control para criar o sólido. Vamos colorir a prensa sólida e rosa. Ok, e derrube essa camada. Selecione o texto e altere sua cor para uma cor brilhante na paleta Agora vamos fazer com que o texto se mova constantemente para cima. Podemos fazer isso com um efeito chamado bloco de movimento. Vamos aos efeitos e predefinições. Se você não vê esse painel, você pode encontrá-lo na janela. Ok, vamos fazer um movimento apertado aqui. Então, podemos arrastar esse efeito para o nosso texto. Agora podemos ver o efeito nos controles de efeito para quem não consegue ver esse painel. Você pode encontrá-lo na janela. Ok, para mover o texto, temos que animar esse parâmetro Em primeiro lugar, vamos nos certificar de que estamos começando do início da composição e configurando o primeiro quadro-chave com o texto em seu local original Agora, para ver o quadro-chave que criamos, basta acessar o Reino Unido. Em seguida, vá até o final da composição e deslize esse parâmetro na direção que queríamos ir. 900 parece bom. O importante aqui é encontrar um ponto em que o texto esteja posicionado no mesmo local do primeiro quadro-chave Dessa forma, criaremos um loop perfeito. Para garantir que possamos pressionar a tecla apóstrofo para abrir a grade e ver como o texto está posicionado em relação a Por exemplo, vejo que essa parte da carta está localizada aqui. Agora vamos ao último quadro-chave e confirmemos se a mesma peça está exatamente no mesmo lugar. Excelente, agora vamos ver como fica. Nosso foco principal precisa estar na parte em que a animação termina e começa novamente. Esta peça precisa ser limpa sem cortes ou saltos em alguns quadros Perfeito, a animação recomeça sem problemas, o que significa que criamos um loop perfeito. Com isso, terminamos criar a primeira parte da escada. Eventualmente teremos. Agora vamos criar as partes restantes da escada. Podemos fechar a camada e retornar à composição principal. Aqui podemos ver a pré-composição , que é a primeira parte da escada Antes de passar para a próxima parte, vamos voltar ao painel do projeto, fechar os efeitos e prosseguir para a próxima parte, onde começaremos a construir o resto das partes da escada. 27. Seção 6, parte 2: Tudo bem, então primeiro vamos marcar essa camada em vermelho. Em um futuro próximo, isso nos ajudará a navegar e organizar as outras partes da escada que criaremos em breve. Tudo bem, agora precisamos duplicar essa camada. Então, vamos pressionar control D. Agora precisamos colocá-lo exatamente acima da primeira camada para fazer isso com mais precisão. Não basta apenas segurar a tecla shift porque precisamos que eles se aconcheguem bem próximos uns dos outros Para isso, podemos ativar o snapping. Se você não vê, verifique se está trabalhando com a ferramenta de seleção. Agora vamos clicar aqui e também ativar essas duas funções. Assim que arrastarmos essa camada para longe, ela se encaixará facilmente na camada abaixo dela Precisamos pegar a camada da parte inferior. Dessa forma, ajudamos o After Effects entender qual parte queremos a entender qual parte queremos aproximar e conectar. Ok, agora vamos duplicar essa pré-composição novamente e arrastar a duplicata Vamos arrastá-lo até que as duas camadas estejam conectadas uma à outra dessa forma. Agora vamos selecionar nossas duas duplicatas e marcá-las com uma cor diferente da parte central da escada Vamos trazer essa camada até aqui para que tenhamos a mesma ordem da cena. Significa que a parte do meio está no centro, a parte superior está acima e a parte inferior está aqui embaixo. Ok, agora vamos duplicar a parte superior e movê-la para cima até que ela se alinhe com precisão com a parte abaixo dela alinhe com precisão com a parte Agora vamos duplicar a parte inferior e baixá-la até que ela se alinhe com a parte acima Agora, para transformar todas essas peças em escadas, precisamos converter essas camadas em três camadas D. Podemos fazer isso clicando no ícone localizado aqui. Se você não vê esse ícone, você pode clicar aqui. Vamos converter todas as camadas em três camadas D. Agora vamos mudar a visualização para ver a cena de um ângulo ligeiramente diferente. Um ângulo que é mais conveniente para visualizarmos a cena no espaço de três D. Para fazer isso, vamos mudar a visualização a partir daqui. Para quem não vê essa área, tente arrastar o painel aqui até vê-lo Ok, vamos mudar nossa visualização para uma visualização personalizada. Agora podemos ver a cena de um ângulo ligeiramente diferente. Agora vamos ampliar um pouco e selecionar essa camada. E pressione a tecla R para exibir o parâmetro de rotação. Como você pode ver, depois converter a camada em uma camada de três D, temos um eixo de rotação adicional Rotação no eixo Z, que tínhamos antes quando a camada tinha dois D, temos rotação no eixo Y e no eixo X. Para criar as escadas, mudaremos a rotação desse eixo. Por conveniência, vamos selecionar essa parte da escada, pressionar e diminuir a opacidade para 50. Dessa forma, marcamos a parte central da escada. Dessa forma, é mais fácil entender o que estamos fazendo. Agora vamos fechar a camada e continuar criando as escadas. Mas, como você pode ver, quando eu giro essa peça, ela na verdade não cria a forma da escada Isso acontece porque essa camada está girando a partir do centro Isso significa que precisamos mover o ponto de ancoragem dessa camada para a parte superior Podemos fazer isso manualmente usando a ferramenta Anchor Point, ou podemos usar um script gratuito e muito útil chamado Reposition Primeiro, mostrarei como funciona e depois faremos o download e instalaremos juntos. Aqui eu posso escolher em qual canto colocar o ponto de ancoragem. Isso representa esse canto, aquele representa aquele canto e assim por diante. No meu caso, eu preciso desse canto. Portanto, eu me certifico de selecionar a camada correta. Em seguida, seleciono a posição em que quero mover o ponto de ancoragem E então eu pressiono reposition para realizar a ação. Aí está, o ponto de ancoragem, pule para o local escolhido Agora, quando eu girar essa peça, ela girará corretamente. Ok, agora vamos instalar o script juntos. Eu vou te mostrar como fazer isso no Mac e no Windows. Vou fechá-lo por enquanto. Vamos pressionar control para salvar o projeto. E vamos fechá-lo. Você não verá o script após a instalação e após os efeitos. Enquanto o After Effects estiver aberto, após a instalação do script, você precisará reabrir o projeto de qualquer maneira Então, sugiro fechar o projeto agora e depois da instalação, nós o abriremos novamente. Mas antes de fechar o projeto, não se esqueça de salvá-lo. Tudo bem, vamos instalar o script. Primeiro, acesse o site da AE Scripts. Encontre o link no arquivo PDF localizado na pasta principal do curso que você baixou de mim. Ou simplesmente digite scripts no Google e entre neste site. Agora você precisa se cadastrar no site. Eu já tenho um usuário, então vou fazer login, pesquisar o script, clicar nele e inserir seu preço. Você pode escrever zero ou deixar uma dica para os criadores do roteiro. Depois disso, clique em Adicionar ao carrinho e vá para a cesta de compras aqui. No carrinho de compras, você pode ver o produto. Clique em Prosseguir para o ponto de verificação. Você pode pressionar Continuar até chegar à terceira parte, onde você clica em Fazer pedido. Agora vá para meu Download e licença e baixe o script. Escolha uma pasta conveniente para você e extraia o vencedor ou o arquivo zip. Após o download após a extração, você pode excluir o vencedor ou o arquivo zip. Agora vá para a pasta até ver o arquivo JX. Você precisa copiar o arquivo JX e colá-lo na pasta after effects Em primeiro lugar, você precisa saber onde seu software está instalado para usuários do Windows. Você pode encontrá-lo nos arquivos do programa C Drive. Adobe After Effects para usuários de Mac. Abra o Finder, vá para Aplicativos, Adobe After Effects. No meu caso, instalei todos os meus programas da Adobe no meu driver D. É por isso que eu não vou para o driver C. Tudo bem, e agora insira os arquivos de suporte, depois role um pouco para baixo e insira os scripts. Vá para os painéis de scripts I e cole o arquivo JSX Aqui, podemos fechar Agora, depois de instalar o script, vamos voltar para a pasta que criamos para o curso e para a pasta AE e abrir nosso projeto. Agora vamos para Janela, role para baixo e selecione Reposicionar ponto de ancoragem Podemos arrastar o painel de script para a área do fluxo de trabalho. Agora vamos selecionar essa parte da escada e selecionar a posição que você deseja que o ponto de ancoragem se mova Em seguida, clique em Reposicionar para realizar a ação. Agora vamos selecionar essa camada e escolher posicionar o ponto de ancoragem nesse canto Vamos verificar se funcionou. Abra o parâmetro de rotação para essa camada e gire-o no eixo x -90 graus em que funcionou, mas como você pode ver, a camada acima dela não se move com Teria sido muito útil se eles se mudassem juntos. Para fazer isso, podemos vincular essa camada a essa camada usando o recurso pai e link. Agora, quando girarmos essa camada, a camada acima dela se moverá junto com ela Vamos fazer a mesma coisa aqui. Vincule essa camada a essa camada. Agora, quando girarmos essa peça, a parte abaixo dela se moverá junto com ela Ok, vamos girar essa peça -90 graus. Vamos também girar essa peça em -90 graus. Agora, para que essa peça gire corretamente, vamos posicionar seu ponto de ancoragem no canto correto Porque atualmente, se girarmos, ele girará a partir de sua questão central qual canto precisamos mover o ponto de ancoragem dessa camada específica Vamos posicionar o ponto de ancoragem dessa camada no canto inferior Agora, quando girarmos essa camada no eixo X, ela girará conforme necessário Desta vez, escreveremos 90 graus. Agora vamos selecionar essa camada. Pressione are para abrir o perímetro de rotação. E também está girando a partir do centro, o que não é o que queremos O que significa que precisamos mover seu ponto de ancoragem para o canto superior Vamos fazer isso agora. Altere a rotação no eixo x para 90 graus. Agora vamos fechar todos os painéis. Em seguida, precisamos garantir que todas as partes da escada girem juntas Quando giramos a parte central, isso facilitará a movimentação das escadas posteriormente Para conseguir isso, precisamos vincular todas as partes da escada à parte central. No entanto, como essa parte já está vinculada a esta, precisamos vincular apenas essa parte. Agora, criamos um elo em cadeia. significa que esta parte está vinculada a aquela e essa parte está vinculada à parte principal. Isso significa que se eu agora girar a peça principal, todas as partes acima dela girarão junto com Agora vamos fazer o mesmo com a parte inferior da escada. Podemos ver que essa camada já está vinculada a essa camada. Portanto, vincularemos essa camada apenas à parte principal. Agora, se girarmos essa parte, todas as partes da escada se moverão com ela Ótimo. Agora, vamos pressionar o controle S para salvar o projeto , ajustar a tela de visualização e continuar criando as demais partes da escada de cima para baixo. Para isso, vamos selecionar essas duas partes e duplicá-las usando o controle D. Para que as novas duplicatas fiquem lado a lado aqui no painel de camadas, vamos arrastá-las para cima Excelente, agora precisamos mover essas duas partes para essa área. É importante lembrar que essa parte está vinculada a essa parte, só podemos mover essa parte e a parte acima dela se moverá com ela. Vamos mover essa peça ao longo do eixo y desta forma. Agora, para posicionar esses dois componentes com precisão, podemos usar a vista esquerda. É assim que nossa cena parece vista de lado. Aqui vemos todas as nossas camadas de lado, e aqui estão as novas camadas. Vamos avançar um pouco e tentar colocá-lo no topo da escada. Você pode chegar um pouco mais perto. Eu pressiono aqui para desmarcar a camada, podemos ver que ela não está alinhada com as Vamos movê-lo um pouco mais para cima. Vamos nos aproximar um pouco e alinhar essa peça corretamente. Isso é melhor. Agora vamos ficar nessa visualização e duplicar essas duas camadas inferiores Vamos selecioná-los, pressionar Control D e trazê-los para baixo no painel de camadas. Agora podemos ver que essa camada está vinculada a essa camada. Só moveremos essa camada e a segunda camada se moverá com ela. Mova essas peças aqui. Agora vamos derrubá-los, vamos nos aproximar um pouco e colocá-los ao lado do resto da escada. Isso é bom o suficiente. Agora vamos voltar à visualização personalizada e ver como ela fica. Vamos girar essa camada para ver se todas as partes estão conectadas corretamente. Bem feito. Agora vamos voltar para a vista esquerda e adicionar mais escadas à cena. Para isso, vamos selecionar essas duas camadas, pressionar o controle D e movê-las para cima no painel de camadas. Agora vamos passar por essa camada e a segunda camada se moverá com ela. Vamos mover essas peças aqui, vamos nos aproximar um pouco e colocá-las ao lado do resto da escada. Isso é bom o suficiente. Vamos fazer isso mais uma vez na parte inferior, vamos selecionar essas duas camadas, pressionar o controle D e trazê-las para baixo no painel de camadas. Agora vamos nos aproximar um pouco e seguir essa camada. E a segunda camada se moverá com ela. Mova essas peças aqui, aproxime-se um pouco e coloque-as ao lado do resto da escada. Parece bom. Agora, vamos ajustar a pré-visualização novamente. Pressione o controle S para salvar o projeto e voltar para a visualização personalizada para ver se tudo está correto. Ok, tudo parece ótimo. E agora podemos retornar à câmera ativa, que é o ângulo original da nossa cena. E antes de passar para a próxima parte, vamos selecionar essa camada, pressionar T e definir a opacidade para 100%. Agora vamos aprender como criar a câmera isométrica Vamos ver como fazer isso. Nos vemos na próxima parte. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula Nos vemos lá. 28. Seção 6, parte 3: Para criar uma câmera isométrica, primeiro precisamos adicionar uma nova câmera à cena Para fazer isso, clique com o botão direito aqui. Vá para Novo e selecione Câmera no tipo de câmera. Escolha uma câmera de dois nós e selecione 50 milímetros. Em seguida, clique em OK. Na próxima etapa, criaremos um novo objeto nulo. Clique com o botão direito mais uma vez, vá para Novo e escolha o objeto nulo Agora, converta-o em três camadas D para que ele possa interagir com a câmera Em seguida, vincule a câmera ao nulo. Agora vamos abrir a câmera e acessar as opções da câmera aqui na seção de zoom. Insira 10.000 Agora feche as opções da câmera e abra as propriedades de transformação. Agora mude a posição para -10.000 Vamos fechar a camada. Agora vamos selecionar o nulo e pressionar R para abrir o parâmetro de rotação Altere a orientação para 45 aqui, 35,30 Atualmente, as escadas não estão visíveis conforme Eles aparecem por trás para vê-los de frente. Vamos mudar o valor para -45 E aí está. Vamos fechar o nulo e podemos ver nossa cena de um ângulo de câmera isométrico interessante Em seguida, vamos criar uma ilusão de sombra para as escadas. Podemos conseguir isso usando efeitos chamados níveis. Arraste o efeito para a camada principal, altere o parâmetro branco de saída para 180. Agora vamos copiar o efeito dessa camada e colá-lo em todas as partes verticais da escada Selecione o efeito e pressione o controle C. Em seguida, selecione a parte vertical das escadas e cole o efeito sobre elas usando o controle V. Vamos colá-lo no resto das partes verticais. Excelente, agora pressione o controle S para salvar o projeto. Vamos passar para a próxima etapa para animar a cena. Para animar essa cena, podemos definir quadros-chave para o objeto nulo Selecione-o e pressione R. Ao girá-lo, podemos observar mudanças no ângulo da câmera Isso ocorre porque a câmera está vinculada a esse nulo. Em outras palavras, toda vez que giramos o nulo, estamos essencialmente girando a câmera, criando novos ângulos dentro da cena No nosso caso, criaremos quadros-chave para os eixos X e Y. Vamos decidir que, no segundo número dois, o ângulo atual da câmera será o mesmo que está agora. Vamos criar quadros-chave para os eixos X e Y. Agora vamos para o início da linha do tempo e criar um ângulo interessante para a cena. -45 no eixo y parece bom. Em seguida, vamos definir o eixo x para 35. Perfeito, isso parece muito bom. Passando para o segundo de força, queremos retornar o ângulo da câmera à sua posição inicial. Para conseguir isso, vamos copiar os dois primeiros quadros-chave usando controle C e colá-los no local atual do indicador de tempo usando o controle V. Por fim, vamos encurtar a área de trabalho para a posição do indicador de tempo Qual é o atalho para encurtar a área do fluxo de trabalho a partir do final da linha do tempo, a posição do indicador de Para fazer isso, vamos pressionar a tecla N. Tudo bem, agora vamos ver como tudo parece. Parece bom. Por enquanto, revisitaremos movimento da câmera posteriormente para criar um movimento mais interessante Por enquanto, vamos continuar projetando a cena. Por exemplo, vamos ver o que precisa ser feito. Se quisermos adicionar camadas de texto adicionais a essa área, podemos fechar a camada nula Agora vamos pegar a ferramenta de texto e escrever algum texto. Agora vamos selecionar o texto e alterar a fonte para era Bolt. Em seguida, iremos para as configurações do parágrafo e alinharemos o texto no centro Agora vamos voltar para a ferramenta de seleção e centralizar o ponto de ancoragem dessa camada Use o controle de atalho Alt home para fazer isso. Então, vamos voltar às configurações do personagem. Se quiser, você pode clicar aqui para colocar todas as letras em maiúsculas No entanto, prefiro não fazer isso. Ok, agora vamos posicionar esse texto aqui ao lado. Primeiro, precisamos converter essa camada em uma camada de três D para que a câmera possa se referir a ela na cena. Em seguida, pressione para abrir o parâmetro de posição. E mova essa camada dentro da cena. Traga-o até aqui e mova-o para mais perto desta área. Você também pode movê-lo das alças da camada. Agora pressione para abrir o parâmetro de rotação e girar essa camada ao redor do eixo y em 90 graus. Vamos movê-lo um pouco aqui e ver como fica com a animação da câmera. Para garantir que tenhamos colocado o texto ao lado da escada, podemos ver a cena pela vista frontal. Vamos selecionar o texto, ampliar um pouco e movê-lo para perto da linha da escada. Isso parece bom o suficiente. Agora vamos voltar para a câmera ativa, que é a câmera que temos na cena e continuar projetando a cena. Podemos mover essa camada de texto para cima para que possamos adicionar mais texto à cena Mover as camadas no espaço de três D pode ajudá-lo a memorizar as diferentes direções dos eixos Agora vamos duplicar essa camada, baixá-la e colocá-la ao lado desse canto Vamos mudar a palavra para movimento. Pressione o controle Enter para sair do modo de edição de texto. E para poder mover a camada, pressione V para voltar para a ferramenta de seleção, vamos posicionar a camada ao lado desse canto. Vamos mover essa camada um pouco para a esquerda. Em seguida, vamos duplicar essa camada, baixá-la e alterar a palavra para design Agora volte para a ferramenta de seleção e coloque a camada ao lado desse canto. Agora vamos selecionar todas essas camadas, pressione S para abrir o parâmetro de escala. Agora, amplie-os um pouco. Digamos que 115% Isso deve ser suficiente. Agora vamos mover essas camadas um pouco para o lado, assim. Defina a tela de visualização para caber e veja como ela fica com o movimento da câmera. Como você pode ver, não conseguimos ver uma parte dessa palavra. Vamos fechar todas as camadas e ajustar um pouco o movimento da câmera para que possamos ver a palavra inteira. Para fazer isso, selecionaremos o nulo e adicionaremos uma animação de posição à rotação existente Animação: pressione para ver o parâmetro de posição. Neste momento, quero que a câmera esteja como está agora. Portanto, criarei um quadro-chave com o valor atual. Agora vamos para o segundo número dois, que é quando a câmera gira E vamos alterar o valor do parâmetro de posição até chegarmos a um bom ângulo. Certifique-se de não chegar ao final da escada ao alterar o valor. Ok, isso parece bom. Agora vamos passar para o por um segundo, que é o fim da nossa animação. E coloque a posição da câmera em seu estado inicial. Para fazer isso, vamos copiar o primeiro quadro-chave e colá-lo aqui. Agora vamos melhorar a animação dos movimentos da câmera convertendo todos os quadros-chave em as Para ver todos os quadros-chave nessa camada, pressione você uma vez e depois novamente. Dessa forma, podemos ver todos os quadros-chave. Agora, para converter todos os quadros-chave em Z, selecione todos os quadros-chave e pressione nove. Vamos ver como fica agora. Ok, isso parece um pouco melhor. Agora vamos melhorá-lo ainda mais. Selecione somente os quadros-chave para o parâmetro de posição. Agora, mantenha pressionada a tecla Alt e clique duas vezes em um dos quadros-chave. Altere a velocidade do quadro-chave para 90 por 90. Pressione Enter e vamos ver mais uma vez. Está ficando mais interessante. Tudo bem, agora vamos selecionar quadros-chave para o eixo de rotação X. Mantenha pressionada a tecla Alt e clique duas vezes em um dos quadros-chave aqui também Vamos mudar a velocidade do quadro-chave para 90 por 90. Vamos ver como fica. Acho que a moção parece mais interessante dessa forma. Em seguida, vamos selecionar os quadros-chave para o eixo de rotação Y. Mantenha pressionada a tecla alt e clique duas vezes em um dos quadros-chave Mas aqui vamos mudar a velocidade do quadro-chave para 70 por 70. E vamos ver como fica. Eu acho que parece ótimo. Agora vamos criar a parede para nossas escadas. No entanto, não precisamos usar três camadas D adicionais para isso. Podemos simplesmente criar a ilusão de uma parede. Vamos ver como fazer isso primeiro. Vamos criar um novo sólido usando o controle de atalho. Por que mudar a cor para a cor rosa escuro que temos aqui? Vamos escurecer um pouco mais, algo assim. Agora vamos pressionar OK, aqui e aqui. Em seguida, vamos colocar essa camada abaixo todas as camadas e mover o sólido para o lugar certo para isso. Vamos parar neste momento em que vemos as escadas em frente. Agora mova o sólido para o centro da composição. Podemos pressionar a tecla de apóstrofo para exibir a grade e ver o centro da composição Agora vamos mover o sólido aqui, mantendo pressionada a tecla shift. Vamos ver como isso parece. Avance no tempo até o ponto em que possamos ver as escadas de uma vista lateral. Precisamos verificar se movemos o sólido para o lugar certo. Parece que o mudamos demais. Vamos mover o sólido um pouco para a direita. Parece ótimo. Agora, vamos melhorar a aparência geral criando a ilusão de que a parede desaparece quando vemos as escadas na frente e reaparece quando vemos as escadas pela lateral Vamos até o ponto no tempo em que possamos ver as escadas de lado. Agora selecione o sólido que representa a parede e pressione para acessar o parâmetro de opacidade. Vamos definir um quadro-chave para a opacidade neste momento com um valor de 100% Agora vamos para o início da animação e alterar o valor da opacidade No final da animação, definiremos o valor da opacidade de volta para zero Então, vamos converter esses quadros-chave ZE usando o atalho F nove Agora, mantendo pressionada a tecla alt e clicando duas vezes em um dos quadros-chave, podemos ajustar a velocidade Nesse caso, definiremos a velocidade para 90 por 90, correspondendo à velocidade de rotação do eixo x do objeto nulo Pressione Enter e vamos ver a animação para garantir que ela tenha uma boa aparência. Eu adoro isso. Agora vamos criar um plano de fundo para a cena. Vá até o painel do projeto e selecione a paleta. Agora pressione control, por que criar um novo sólido e escolher essa cor. Em seguida, coloque essa camada abaixo de todas as camadas. Vejo que, por algum motivo, não escolhi a cor certa. Eu trago a paleta de cores para a composição. Agora, para mudar a cor, selecionarei o sólido e pressionarei a tecla de controle Y. Vou escolher a cor mais uma vez e remover a paleta do golpe Agora, quero garantir que as cores que escolhi anteriormente para o fundo, para as partes da escada, estejam corretas. Selecionarei o controle de pressão sólida, mudarei Y e mudarei rapidamente a cor para a correta. Você não precisa fazer isso se conseguir as cores desejadas. Tudo bem, agora vamos selecionar as três camadas de texto e mudar sua cor para amarelo. Depois de concluída, a animação está pronta para renderização. Mas antes de renderizarmos a animação, vamos pressionar a tecla de apóstrofo para ocultar a grade Agora vamos analisá-lo mais uma vez para garantir que tudo esteja bem. Ótimo, tudo parece bem. E estamos prontos para renderizar a cena. Pressione control para acessar o render que. Escolha o formato H 0.264 e selecione nossa pasta de renderização como destino de saída Verifique se o nome é válido. Em seguida, clique em Salvar e renderizar. Vamos aguardar alguns instantes até que o processo de renderização seja concluído Ok, agora vamos ver o resultado final. A animação parece excelente. Como sempre, você pode compartilhar essa animação em suas plataformas de mídia social favoritas. Publique-o no site do seu portfólio ou use-o em seus próximos projetos. Agora vamos voltar ao projeto e organizá-lo. Antes de fechá-la, vamos criar uma nova pasta para as pré-composições na cena e arrastar essa pré-composição Em seguida, crie uma pasta para os ativos no projeto e arraste a paleta de cores e a pasta de sólidos para dentro dela Podemos marcar a composição principal em azul e pressionar o controle S para salvar o projeto Com isso, terminamos a aula. Espero que você tenha gostado e aprendido técnicas valiosas de animação no After Effects Nos vemos na próxima aula. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula. Nos vemos lá. 29. Seção 7: Texto em objetos 3D: Olá. Nesta lição, mergulhamos ainda mais no mundo da tipografia no espaço tridimensional Vamos criar uma animação super legal que é perfeita para a resolução da tela do telefone. A lição está dividida em três partes. Primeiro, começaremos projetando a cena e conferindo o renderizador Four D do cinema Em seguida, animaremos a cena, criaremos uma nova câmera com um ângulo mais interessante, renderizaremos a animação e organizaremos tudo Por fim, aprenderemos como trocar o texto e o design na cena sem bagunçar a animação Vai ser incrível. Vamos começar. 30. Seção 7, parte 1: Como sempre, vamos almoçar juntos no After Effects , feche esta janela. E para ver os mesmos arranjos de painéis, vamos clicar em Padrão. Agora vamos criar uma nova composição. Vamos chamá-la de animação de texto sete. Para este projeto, usaremos um formato de tela móvel de 1.920 pixels de altura e 1080 pixels de largura, com 24 quadros por segundo A composição durará 10 segundos e mudaremos o fundo para preto após clicar. Ok, vá para o Three D Renderer e selecione Cinema Four D Renderer para este projeto O motivo disso será explicado posteriormente. Agora vamos ajustar a tela de visualização para que possamos ver a cena inteira. Em seguida, vamos importar a paleta de cores para o projeto. Clique duas vezes na área cinza no painel do projeto, selecione a paleta de cores e clique em Importar Tudo bem, primeiro de tudo, vamos escolher a ferramenta de texto e digitar animado. Agora selecione o texto e vamos mudar a cor para branco. Em seguida, defina o tamanho para 100. E troque o Fanta Ezra Bold. Queremos ter certeza de que está perfeitamente centralizado e alinhado à esquerda Vamos até as configurações do parágrafo. Para centralizar a camada na composição, usaremos a ferramenta alinhada e clicaremos aqui e aqui E, por fim, para centralizar perfeitamente o ponto de ancoragem, basta pressionar Control Agora vamos selecionar a ferramenta retângulo e criar o retângulo que deve estar atrás do texto Antes de fazer isso, precisamos ter certeza de que não temos a camada de texto selecionada. Porque se criarmos o retângulo, enquanto a camada de texto estiver selecionada, uma máscara será criada, e não é isso que queremos Vamos garantir que nenhuma camada seja selecionada e criar o retângulo Vamos criá-lo com um tamanho aproximado como esse. Agora abra o retângulo e seu caminho desbloqueie o tamanho. Insira medidas precisas. Aqui, não há nenhuma razão real para isso. Eu só queria mostrar como alterar o tamanho do retângulo corretamente. Ok, agora vamos bloquear o tamanho novamente, fechá-lo e colorir o retângulo com a cor laranja da paleta Agora vamos posicionar essa camada abaixo do texto e alterar a cor do texto para a cor escura da paleta Agora vamos voltar para a ferramenta de seleção. Ajuste a tela de volta para ajustar e pré-compor essas camadas. Selecione as camadas e pressione o controle Shift C. Vamos chamar isso de pré-composição, composição de texto Verifique se essas duas caixas estão selecionadas e clique em OK. Agora vamos aprender como converter essa forma em um objeto real de três D. Vamos entrar nessa pré-composição e converter essas duas camadas em três camadas Mas antes, vamos ampliar esse painel e ampliar um pouco para que possamos ver melhor o que estamos fazendo Agora clique aqui para converter essas camadas em três camadas. Certifique-se de que seu renderizador esteja configurado para cinema four D. Agora, para ver o que estamos fazendo, vamos mudar a exibição para uma visualização personalizada Se ampliarmos um pouco mais para ver o texto de perto, podemos ver algo estranho no texto Isso acontece porque a camada de texto e a camada retangular se sobrepõem Para evitar isso, selecione o texto. Pressione P para exibir o parâmetro de posição e mover a camada de texto em seu eixo. Para separá-lo do retângulo, não precisamos movê-lo muito. Basta digitar menos um aqui. Ótimo problema resolvido. Agora vamos converter essa forma em um objeto real de três D. Para fazer isso, precisamos abrir essa camada e acessar a propriedade chamada Opções de geometria Aqui, encontraremos uma propriedade chamada Profundidade de Extrusão. Defina-o para 100. E aí está. Mas, como você pode ver, seus lados têm a mesma cor do retângulo Vamos aprender como mudar a cor dos lados. Primeiro, vamos selecionar a paleta de cores para que possamos ver as cores. Você pode fechar isso. Agora, em seguida, precisamos abrir o conteúdo e selecionar Retângulo Um Agora vamos clicar na pequena seta ao lado da palavra anúncio. Vamos navegar para o lado e escolher a cor. Agora podemos experimentar a cor brilhante da paleta. Vamos também colorir a parte de trás desse retângulo. Para ver a parte traseira, podemos mudar a visão para trás Dessa forma, veremos nossa cena por trás. Tudo bem, como antes, vamos selecionar Retângulo. Primeiro, clique na pequena seta e, desta vez, escolha voltar. Em seguida, selecione a cor. Vamos escolher a cor rosa desta vez. Agora vamos fechar essa camada e criar o texto que será posicionado aqui na parte de trás dessa forma de três D. Para conseguir isso, vamos duplicar o texto existente na composição Agora pressione P e mova essa camada em seu eixo. Percebi que estava movendo a camada na direção errada porque ainda não conseguia vê-la. Vamos movê-lo na direção oposta. E agora vemos a camada. Agora vamos mudar a visualização para cima para descobrir onde colocar essa camada. Podemos ver isso aqui. Desse ângulo, podemos ver exatamente até onde movê-lo. Agora, devemos tentar posicioná-lo bem próximo à parte de trás do retângulo um valor de 100 porque a espessura do retângulo foi definida como 100 na propriedade de profundidade de extrusão Mas não queremos que o texto fique diretamente no retângulo Em vez disso, escreveremos 101. Agora que ajustamos o posicionamento, podemos ver que o texto se encaixa perfeitamente quando visto por trás. Para concluir o processo, basta virar a camada horizontalmente clicando com o botão direito do mouse, selecionando transformar e escolhendo Ótimo, vamos fechar a camada e voltar ao V one personalizado. Agora preste atenção quando girarmos o retângulo, o texto que temos nessa cena permanecerá no lugar Pergunta, você sabe como garantir que o texto permaneça sincronizado com os três objetos D quando ele se move. Para isso, precisamos usar a função pai e link. Vamos selecionar essas duas camadas e vinculá-las à camada retangular Agora selecione o retângulo pressione R e verifique se tudo está funcionando corretamente. Agora, tudo o que precisamos fazer é centralizar o ponto de ancoragem do retângulo para que ele gire a partir do centro de massa Atualmente, o ponto de ancoragem está realmente centralizado no centro da camada Mas como nosso retângulo agora é uma camada de três D com volume, precisamos centralizar o ponto de ancoragem acordo com seu Deixe-me mostrar o que quero dizer. Vamos voltar para zero. Vamos colocar a vista no topo para ver a cena de cima. A partir daqui, podemos ver que o ponto de ancoragem não está centralizado no meio do retângulo Vamos selecionar a ferramenta de ponto de ancoragem porque o tamanho da profundidade de extrusão do retângulo é 100 Vamos mover o ponto de ancoragem até vê-lo em 50 aqui, ou seja, exatamente metade de 100 Em seguida, pressionaremos a tecla do apóstrofo para abrir a grade e encontrar o centro da composição Depois disso, voltaremos para a ferramenta de seleção e moveremos o retângulo para o centro da composição Como você pode ver, aí está o centro dessa composição. Mova-o aqui, excelente. Agora estamos prontos para retornar à câmera ativa e continuar. Agora vamos reduzir o tamanho dessa preparação. Como você pode ver, o tamanho dessa pré-composição é muito grande no momento, o que significa que há muito espaço desnecessário Vamos pressionar o controle K para acessar as configurações da composição e reduzir o tamanho para combinar com o retângulo Então, vamos reduzi-lo até obtermos o tamanho certo. Aqui em largura, escreveremos 900. E aqui em altura, vamos tentar 200. Talvez 300, acho que 250 é a melhor opção. Isso é melhor. Vamos pressionar OK. Agora vamos pressionar a tecla de apóstrofo para ocultar a grade Vamos mudar a visualização para trás para ver a parte de trás do retângulo aqui Vamos mudar o texto para tipografia. Agora vamos voltar para a ferramenta de seleção e elevar levemente essa camada. Excelente, agora vamos voltar para a câmera ativa e aumentar essa camada de texto também. Selecione-o e arraste-o para cima a partir do eixo y. Tudo bem, terminamos com o design. Vamos voltar à composição principal. Desligue o plano de fundo. Agora vamos duplicar essa pré-composição. Antes disso, vamos ajustar a pré-visualização. Agora vamos abaixar a camada. Você pode pressionar a tecla de apóstrofo para ver a posição da grade, esta Agora vamos selecioná-lo e pressionar o controle D para duplicá-lo. Em seguida, vamos mover essa camada aqui. Como a função de encaixe está ativada, não consigo colocar essa camada exatamente onde eu quero. Vou desligá-lo. Agora vamos posicionar essa camada diretamente acima da anterior. Você pode movê-lo com as setas do teclado. Agora, pressione a tecla apóstrofo para ocultar a grade. Isso não está realmente nos ajudando, por enquanto. Vamos duplicar essa camada e movê-la acima da anterior Vamos fazer isso algumas vezes até chegarmos ao topo. Ok, agora podemos exibir a grade. Agora vamos selecionar todas as camadas e movê-las para baixo enquanto pressiona a tecla shift. Vamos posicionar as camadas no centro da composição. Ótimo, agora estamos prontos para passar para a próxima parte e animar a cena Mas antes de prosseguirmos, eu queria te avisar sobre algo importante. Esquecemos de salvar o projeto quando começamos a trabalhar nele Isso pode ser um problema se o software travar, que acontece muito com o After Effects E então precisamos começar do zero. Para evitar isso, recomendo que você salve seu projeto logo após criar a primeira composição, pois dessa forma ativamos a função de salvamento automático Tudo bem, vamos pressionar control agora, encontre a pasta para esta lição. Vamos entrar na pasta AE, selecionar este projeto e substituir a extensão por sete. Depois de fazer isso, pressione salvar e continue trabalhando em sua cena sem se preocupar Agora podemos passar para a próxima parte para animar a cena. Nos vemos lá. 31. Seção 7, parte 2: Tudo bem, então vamos começar a animar essa cena. Vamos inserir a pré-composição que criamos. Selecione o retângulo e pressione R para ver o parâmetro de rotação Agora vamos animar a rotação do retângulo no eixo y. No início da animação, criaremos um quadro-chave com valor zero. Agora vamos passar para o segundo número dois e alterar o valor para -180 graus para que, nesse ponto , possamos ver a palavra por trás do retângulo Agora vamos passar para o segundo número quatro e alterar o valor até completarmos uma rotação completa. Aqui deve ser zero e aqui você deve ver menos um. Vamos ver como ficou. Agora vamos tornar essa animação um pouco mais interessante. Converta os quadros-chave em E, mantenha pressionada a tecla Alt e clique duas vezes em um dos quadros-chave Mude a influência para 85% em 85% e veja como fica. Agora parece ótimo. Agora vamos fazer essa animação ser reproduzida em um loop infinito. Faremos isso usando uma expressão para isso. Vamos passar o mouse sobre o ícone do cronômetro desse parâmetro. Mantenha pressionada a tecla alt e clique no cronômetro Uma vez. Agora vamos clicar na pequena seta, ir até Propriedade e selecionar essa expressão. Agora clique aqui para finalizar a ação. Agora, mesmo após o término dos quadros-chave, a animação que criamos se repetirá sem parar Ok, agora vamos voltar à nossa composição principal e ver como fica a animação. Como você pode ver, podemos realmente ver a rotação, mas algo estranho está acontecendo nesta parte. Para corrigir isso, precisamos aplicar a função de colapso a todas as camadas. Para quem não vê o ícone, você pode clicar aqui. Agora vamos ativar a função para todas as camadas existentes. Corrigimos o problema. Como você pode ver, a reprodução da prévia é muito lenta. Para acelerar isso, vamos alterar a qualidade da pré-visualização para trimestral. Ótimo, agora precisamos criar um deslocamento para as camadas para que cada camada gire uma após a outra Para isso, podemos usar o plug-in que instalamos nas lições anteriores chamado Juice Tools Shifter Se você fechar esse painel e não vê-lo, poderá encontrá-lo na janela. Vou liberar esse painel da área de fluxo de trabalho para que seja mais conveniente para nós trabalharmos. Agora com todas as nossas camadas selecionadas. Vamos ver como a animação ficará se optarmos por aplicar o deslocamento a essa forma Desta vez, vamos configurá-lo para dois quadros. O que significa que a distância entre cada camada será de dois quadros. Agora vamos pressionar Stagger. Como você pode ver, devido ao deslocamento das camadas, não vemos essas camadas nos primeiros segundos da animação Vamos aprender como corrigir isso. Mas primeiro, vamos trazer esse painel de volta para a área do fluxo de trabalho. Não o feche por enquanto, porque voltaremos a ele em breve. Agora vamos ficar em um ponto em que já vemos todas as camadas. Vamos encurtar a área de trabalho para aqui usando a tecla, vamos ativar o plano de fundo para ver a cena um pouco melhor Agora vamos tornar a cena mais interessante com a ajuda de uma câmera. Para isso, clique com o botão direito do mouse aqui, vá para Novo e selecione Câmera aqui. Desta vez, escolheremos uma câmera de nó, vamos selecionar 15 milímetros e clicar Agora vamos posicionar a câmera onde possamos ver a cena corretamente. Para isso, vamos trabalhar com duas visualizações. Nessa visão, vemos nossa cena de um ângulo superior, ou seja, de cima. Se você não vê a cena de cima nessa visualização, clique aqui para selecionar essa visualização. Você pode garantir que selecionou essa visualização por meio dessa moldura azul. Tudo bem, e agora defina essa visão para o topo. Nessa visão, vemos o que a câmera vê dessa visão. Vemos toda a cena do topo. Ok, agora vamos selecionar a câmera, pressionar P e movê-la para trás alterando o valor do eixo Z. Vamos movê-lo até vermos que todas as camadas estão dentro dos limites da cena. Vamos mover o indicador de tempo para ver o que acontece no início da animação. Vejo que nesse momento o objeto sai da moldura. Vamos mover a câmera um pouco mais para trás. Isso é muito melhor. Tudo bem, agora que posicionamos a câmera, vamos voltar a trabalhar com uma visão e criar um plano de fundo para a cena Para isso, pressione control y, altere a cor de fundo para uma cor escura ao pressionar a paleta Ok, e coloque a camada sólida abaixo de todas as outras camadas. Agora vamos ver a animação que criamos. Seja paciente e aguarde algum tempo para que o After Effects renderize a pré-visualização. Como você pode ver, as camadas começam a girar a partir da camada inferior Isso é o que indicamos quando criamos o offset usando o plug-in Agora eu quero inverter a ordem da animação. Ou seja, o deslocamento deve começar na camada superior. Isso é algo que pode acontecer com você com frequência durante o processo. Criamos um deslocamento específico e depois queremos revertê-lo. É importante saber como fazer isso. Para fazer isso, vamos selecionar todas as camadas e alinhá-las volta ao início da linha do tempo Certifique-se de que o indicador de tempo esteja no início da animação. E agora pressione a tecla do colchete esquerdo. Isso alinha todas as camadas com a posição do indicador de tempo Tudo bem, agora antes de usar o plug-in, mais uma vez, vamos configurar a tela de visualização para caber para ver todas as camadas. Ótimo. Agora selecione todas as camadas novamente. E vamos abrir o plugue novamente. Vamos anexá-lo aqui, podemos redimensioná-lo um pouco. Agora vamos escolher esse arranjo. Dois quadros são bons. Agora vamos clicar em Stagger. Vamos ver a animação. Agora está melhor. Tudo bem, e agora podemos fechar o plugue. Vamos também reduzir essa área. Agora vamos salvar o projeto. Antes de prosseguirmos, pressione control S. Agora vamos fazer alguns ajustes no design. Acho que o texto aqui é muito grande. Vamos voltar à composição do texto. Selecione essa camada de texto, pressione S e reduza seu tamanho um pouco. Vamos escrever -80 menos, porque invertemos essa camada horizontalmente Também vamos reduzir o tamanho do texto frontal. Selecione essa camada, pressione e reduza para 80 também. A propósito, você não precisa usar as palavras que eu escrevi. Você pode alterar a palavra, fonte e as cores conforme desejar. Ok, vamos voltar à composição principal e ver como fica. Acho que fica melhor assim. Agora vamos criar um loop para nossa animação antes de renderizá-la. Primeiro, vamos capturar o primeiro quadro dessa animação. Estaremos no início da área de trabalho e clicaremos aqui. Agora vamos avançar alguns segundos no tempo e tentar comparar os quadros. Estou completamente fora do caminho certo. Vamos experimentar essa moldura. Estamos chegando mais perto. Vamos tentar aqui. Quase lá. Vamos experimentar essa moldura. Ok, o ponto de tempo exato é de 8 segundos e 22 quadros. Vamos encurtar a área de trabalho até esse ponto. Pressione N Agora, vamos verificar o final dessa animação e tentar garantir que, quando ela recomeçar, não haja saltos Vamos ver isso de novo. Na minha opinião, parece excelente. Estamos prontos para renderizar o projeto. Para isso, vamos pressionar o controle. Escolha renderizá-lo no formato H 0.264 de alta qualidade. E selecione a pasta de renderização para a saída. Verifique se o nome é bom. Clique em Salvar e pressione Renderizar. Vamos esperar alguns instantes agora. Vamos ver o que temos. Parece ótimo. Como de costume, você pode enviar esse vídeo nas redes sociais, exibi-lo no site do seu portfólio e, claro, usar essa animação para seu próximo projeto. Tudo bem, agora vamos voltar ao nosso projeto e organizá-lo. Antes de aprendermos como adicionar novas pré-composições com designs e textos diferentes a essa animação, você pode fechar esse painel e fechar essa pré-composição Vamos ao painel do projeto. Crie uma pasta chamada pre comps. Arraste a pré-composição que criamos para ela. Em seguida, crie outra pasta chamada Assets. E arraste a paleta de cores e a pasta de sólidos para dentro dela. Agora vamos rotular a composição principal em azul. Pressione Control para salvar o projeto e trazer a qualidade de volta ao máximo. Agora estamos prontos para passar para a próxima parte para aprender como lidar com as mudanças neste projeto. Te vejo na próxima. 32. Seção 7, parte 3: Bem-vindo de volta. Como você pode ver, todas as nossas pré-composições são compostas pelo mesmo design e texto Vamos ver o que precisamos fazer para criar pré-composições com exatamente a mesma animação , mas com designs e textos diferentes Atualmente, se entrarmos nessa pré-composição e quisermos alterar somente a cor do retângulo, ela mudará em todas as outras pré-composições da cena Tudo bem, então eu vou pressionar o controle Z, e vamos ver como fazer isso da maneira certa. Primeiro, precisamos duplicar essa pré-composição por meio do painel do projeto Podemos encontrar essa pré-composição na pasta de pré-composição que criamos anteriormente Pressione o controle D para duplicá-la Agora temos uma nova pré-composição com dois sufixos no final do nome Vamos entrar nessa pré-composição. Podemos selecionar a paleta de cores aqui para ver as cores Agora vamos mudar a cor traseira do retângulo para azul. Em seguida, vamos fechar a camada e alterar esse texto para outra coisa. Clique duas vezes nessa camada e digite a palavra design. Agora vamos para o início da animação. Então, podemos ver a parte frontal aqui. Vamos mudar o texto para a palavra movimento. Em seguida, vamos selecionar o retângulo. Escolha a ferramenta retangular para ver sua cor. Mude-o a partir daqui, ou podemos alterá-lo através da própria camada. Para isso, pressionaremos a tecla U duas vezes. Dessa forma, podemos ver todos os parâmetros que afetam essa camada, incluindo a cor do retângulo Tudo bem, vamos mudar a cor para branco, que atualmente é a cor dos lados. Vamos também mudar a cor dessa palavra para azul. Vamos colorir os lados de laranja. Finalmente, vamos mudar a cor dessa camada de texto para branco. Feche essa camada. Como você pode ver, fizemos várias alterações na nova pré-composição que criamos Agora vamos voltar à composição principal e ver como podemos integrar a nova pré-composição em nossa animação Mas antes disso, vamos voltar para a ferramenta de seleção. Há duas maneiras de inserir a nova composição em nossa cena. A primeira é que podemos arrastar a nova pré-composição dessa forma e depois tentar encontrar um bom local para ela na cena Dessa forma, teremos que realizar todas as alterações que fizemos no restante das pré-composições da cena Pode levar algum tempo ou, em vez de fazer tudo isso, podemos simplesmente selecionar a pré-composição que queremos substituir em nossa cena Em seguida, arraste a nova pré-composição até ela enquanto mantém pressionada a tecla Alt. Aí está. Trocamos de forma rápida e fácil entre as pré-composições. Ok, vamos também substituir essa pré-composição pela nova pré-composição Para praticá-lo. Mais uma vez, selecione a pré-composição que queremos substituir em nossa cena Agora vamos arrastar a nova pré-composição até ela enquanto pressiona a tecla Alt Vamos fazer isso mais uma vez na primeira pré-competição. É isso mesmo. Com isso, concluímos a lição. Se você está gostando do curso, eu agradeceria muito se você pudesse avaliar este curso com base em sua experiência e deixar feedback para que eu saiba se você o achou interessante ou não. Eu recomendo assistir a última parte desta lição, mais uma vez, para entender melhor o tópico da troca de precomposições Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula. Nos vemos lá. 33. Seção 8: Animação de texto 3D: Olá. Nesta lição, aprenderemos como criar uma incrível animação em três D usando o renderizador Cinema four D. Vamos nos concentrar em criar uma animação de texto interessante em um caminho. E abordaremos algumas técnicas essenciais para lidar com projetos complexos para facilitar o acompanhamento. Dividiremos a lição em três partes. Na primeira parte, começaremos criando o texto inicial e aprenderemos como posicioná-lo em um caminho fechado. Em seguida, animaremos o primeiro texto e continuaremos criando o segundo texto enquanto posicionamos em um caminho aberto Na segunda parte, criaremos uma nova câmera e ajustaremos as posições das camadas para obter um ângulo mais intrigante Em seguida, animaremos o segundo texto. Na terceira parte, criaremos um plano de fundo atraente usando alguns efeitos simples Depois disso, renderizaremos nossa cena e aprenderemos como fazer alterações no texto enquanto mantemos o projeto organizado. Vamos começar e fazer algo incrível. 34. Seção 8, parte 1: Vamos abrir o After Effects, fechar esta janela e, para garantir que todos vejamos os mesmos layouts de painel, vamos clicar em Padrão Agora vamos criar nossa primeira composição. Vamos chamá-la de animação de texto oito. Trabalharemos em formato full HD, o que significa 1.920 pixels largura e 1080 pixels Em seguida, defina a taxa de quadros para 24 quadros por segundo. A duração da composição será 10 segundos e deixaremos o fundo preto. Agora vá para o renderizador Three D e altere o renderizador para Cinema Four D e clique em OK Tudo bem, agora vamos importar a paleta de cores para o projeto Clique duas vezes na área cinza no painel do projeto, selecione a paleta de cores e clique em Importar Agora vamos salvar o projeto e dar um nome a ele. Encontre a pasta que criamos para a lição. Entre na pasta AE. Selecione esse projeto para copiar seu nome e alterar o número para oito. Em seguida, clique em Salvar. Vamos criar o primeiro texto. Selecione a ferramenta de texto e digite a tipografia. Agora clique duas vezes no texto para selecioná-lo e escolher a fonte Sra Vamos mudar o estilo para preto, o tamanho para 100, colorir o texto em branco e habilitar maiúsculas Além disso, vamos ao Parágrafo e garantir que o texto esteja centralizado Agora vamos alinhar a camada ao centro da composição usando uma linha Clique uma vez, aqui e aqui. A última coisa que faremos é centralizar o ponto de ancoragem dessa camada usando o controle de atalho Ótimo, vamos fazer esse texto circular. Para isso, vamos pressionar longamente a ferramenta retângulo e escolher a ferramenta de elipse Agora selecione a camada de texto e crie uma máscara elíptica. Mantenha pressionada a tecla shift ao criar a elipse para torná-la Agora pressione a tecla de apóstrofo para mostrar a grade e voltar para a ferramenta Clique duas vezes na máscara e mova-a para o centro da composição. Precisamos que o pequeno ponto de ancoragem dessa máscara esteja localizado no centro da cena Excelente, vamos ampliar um pouco esse painel, fechar a máscara e abrir o texto Agora abra as opções de caminho do texto e selecione-as. Seu caminho segue a máscara atual. Agora, para extrair o texto do círculo, clicaremos aqui. Dessa forma, o texto será posicionado acima da máscara. Agora vamos fazer com que o texto se espalhe pelo caminho circular. Podemos fazer isso aumentando o tamanho da fonte. Vamos configurá-lo para 200. Agora defina o rastreamento de caracteres para 120. Em seguida, podemos selecionar a máscara clicando duas vezes nela e dimensioná-la simetricamente Para isso, pressionaremos as teclas shift e control e as arrastaremos assim. Em seguida, vamos centralizar o ponto de ancoragem das letras no centro Para isso, fecharemos as opções de caminho e abriremos mais opções. Como você deve se lembrar nesta seção, podemos ajustar os pontos de ancoragem das letras Vamos movê-los para o centro das letras. Ao inserir -45, aumentarei o zoom para mostrar os pontos de ancoragem específicos que são representados por essas pequenas cruzes vermelhas Tudo bem, agora que fizemos isso, vamos continuar aprendendo como girar as letras, conforme demonstrado no exemplo Primeiro, podemos selecionar o texto e criar um novo animador com um parâmetro de rotação Mas preste atenção quando eu altero os valores aqui, as letras girarão para o lado em vez de para dentro Vou pressionar o controle Z para desfazer minhas ações. Portanto, para fazer as letras girarem para dentro em um espaço tridimensional, primeiro precisamos transformá-las em três letras D por meio do animador Vamos selecionar isso. Aqui você pode ver que todas as letras estão atualmente em três D. Agora podemos criar um novo animador com o parâmetro de rotação Agora temos vários eixos de rotação. Este é o eixo para rotação lateral, o eixo Y para rotação lateral em um espaço tridimensional E o eixo X para rotação para dentro e para fora em um espaço tridimensional. Vamos animar o eixo X porque queremos que todas as letras se movam juntas Não precisamos usar offset para animar a rotação como fizemos Desta vez, animará o valor diretamente. Isso garante que todas as letras girem juntas. Vamos garantir que estamos no início do cronograma. E vamos criar o primeiro quadro-chave aqui. Agora vamos para o final da linha do tempo e alteremos o valor aqui para menos três Isso significa três rotações completas na direção externa. Vamos ver como fica. Trabalhar com três textos e com o After Effects pode diminuir o tempo de renderização da reprodução Portanto, seja paciente com isso. Vamos esperar alguns segundos e ver mais uma vez. Ok, parece bom. Agora podemos dar um nome ao nosso animador. Para isso, feche o animador, pressione enter nele e altere o nome para rotação do animador Pressione enter novamente para concluir a ação. Agora vamos transformar as letras em objetos tridimensionais com volume tridimensional real. Para isso, abriremos as opções de geometria para ver melhor o que estamos fazendo Vamos mudar o ângulo para uma visualização personalizada. Amplie um pouco. Agora vamos adicionar um pouco de profundidade às letras. A partir daqui você pode escrever 50. Agora vamos adicionar um pouco de sombreamento às letras. Vamos fechar as opções de geometria e abrir as opções de material Vamos ampliar um pouco esse painel para que possamos ver todos os parâmetros E amplie ainda mais para ver os personagens de perto. Agora em metal, certo, zero. E reflita a intensidade, certo, 50. E reflita nitidez, certo? Zero. Em redução da reflexão, escreva 100 Agora podemos ver algumas sombras nas letras. Gosto particularmente das sombras criadas nas partes circulares das letras, como aqui na letra G. Ok, então vamos configurar a tela de visualização para caber e fechar as opções de material Agora vamos colorir as bordas do texto com uma cor diferente. Para isso, selecionaremos o texto daqui em um novo animador Vá para o lado, depois pinte e escolha RGB. Agora vamos pegar o conta-gotas e provar a cor azul da paleta Vamos mudar a cor original do texto. Para isso, selecionaremos a camada de texto e escolheremos o conta-gotas a partir daqui Vamos escolher essa cor. Agora vamos avançar um pouco na linha do tempo para que possamos ver a parte de trás do texto Agora vamos colorir a parte de trás do texto com uma cor diferente. Para isso, não criaremos um novo animador. Selecionaremos esse animador e adicionaremos um novo parâmetro a ele. Clique nele, volte para trás, vá para Cor e escolha RGB Vamos colorir a parte de trás do texto com essa cor azul. Desta vez, vamos inserir a cor e escurecê-la um pouco. Agora clique em OK. Uma vez que terminamos de desenhar o texto, podemos voltar a ver a cena do ponto de vista original. Vamos mudar a visualização para a câmera ativa um. Agora podemos selecionar esse animador, pressionar enter e alterar o nome para as cores do animador Ok, vamos fechar todos os parâmetros da camada e ver como fica. Como você pode ver, a reprodução da prévia é muito lenta. Quando trabalhamos com o renderizador cinema four D para facilitar o After Effects, podemos fazer duas coisas principais Primeiro, podemos reduzir a qualidade da tela de pré-visualização. Aqui, vamos selecionar um trimestre. A segunda coisa que podemos fazer é acessar a guia de visualização. Para quem não vê esse painel, você pode encontrá-lo na janela. Para usar a guia de visualização, precisamos selecionar o painel de composições Queremos fazer mudanças. Aqui, podemos pedir ao After Effects que não renderize todos os quadros em nossa animação. Podemos dizer para ele pular cada segundo quadro. Isso significa que agora, após os efeitos, pularemos dois quadros enquanto renderizamos a pré-visualização da reprodução Isso faz com que o tempo de renderização da reprodução prévia seja mais rápido Pode parecer um pouco instável durante a reprodução, mas pelo menos veremos o movimento geral E isso é o que é importante para nós agora. É uma ótima solução, especialmente para quem tem computadores mais antigos ou para cenas realmente complexas com muitas camadas e efeitos. Tudo bem, vamos pressionar o controle para salvar o projeto antes de prosseguirmos. Agora vamos criar o segundo texto. Não queremos nenhuma distração, então vamos desligar essa camada por enquanto Agora vamos selecionar a ferramenta de texto, certo? Super legal, animação de três textos. Vamos selecionar o texto e reduzir seu tamanho para 100. Mantenha todas as outras configurações como estão por enquanto. Vamos mudar a cor para laranja. Então, não vamos esquecer de ir ao painel de parágrafos para garantir que o texto esteja centralizado Agora vamos até uma linha e centralizamos a camada no centro da composição. Finalmente, vamos centralizar o ponto de ancoragem dessa camada usando o controle de atalho Alt home Agora vamos voltar à ferramenta de seleção e criar uma máscara para esse texto também. Mas desta vez não criaremos a máscara com a ferramenta de elipse. Criaremos a máscara usando a ferramenta caneta porque queremos que esse texto esteja em um caminho aberto. Vamos selecionar a ferramenta Caneta. Agora selecione a camada desse texto. E clique aqui uma vez para começar a criar a máscara. Agora vá até aqui, mantenha pressionada a tecla shift e clique novamente. Dessa forma, a linha sairá reta. Agora vamos às opções de caminho do texto e escolher se seus caminhos devem seguir a máscara atual. Vamos ampliar um pouco o painel. Em seguida, vamos fechar as opções de caminho e abrir mais opções. Vamos centralizar também os pontos de ancoragem dessas letras. Defina para -45 Agora vamos converter essas letras em três camadas D. Antes de criarmos um animador de rotação, selecionaremos o texto aqui, clicaremos em Animar e escolheremos Ativar por caractere, três D. Agora vamos criar um animador com o Vamos nos concentrar no eixo x como antes. Desta vez, queremos que as letras girem uma após a outra Controlaremos a animação por meio do offset. Quando controlamos a animação usando o deslocamento do animador, precisamos definir um ponto de mudança para ela Isso significa que precisamos definir o seletor de intervalo do eixo X como um Isso diz ao After Effects que, quando movemos o deslocamento, os personagens começam a se mover um após o outro e fazem uma rotação completa cada Agora, vamos abrir o seletor de faixa e Avançado, ampliar um pouco o painel Agora, vamos alterar a forma da animação desse animador para aumentar, de modo que a rotação comece na primeira letra Em seguida, vamos alterar o deslocamento para -100 e criar o primeiro quadro-chave nesse momento Agora vamos até o final da linha do tempo e alteremos o deslocamento para 100 Vamos ver como fica. Tudo bem, agora vamos mudar o nome desse animador para rotação do animador e fechá-lo Em seguida, vá para as opções de geometria e, antes de adicionarmos um pouco de profundidade às letras, vamos mudar a visualização para uma visualização personalizada Vamos ampliar um pouco e alterar a qualidade para total para que possamos ver o que estamos fazendo. Agora vamos decidir quanta profundidade queremos dar a esse texto. Acho que 20 é o suficiente. Vamos fechá-lo e abrir as opções de material. E vamos mudar as configurações. Como fizemos com o texto anterior em metal, escreveremos zero e refletiremos a intensidade, escreveremos 50 e refletiremos a nitidez, escreveremos Na queda da reflexão, escreveremos 100. Agora vamos colorir os lados na parte de trás das letras, como fizemos no texto anterior. Mas em vez de criar um novo animador, podemos simplesmente abrir o animador dessa camada e copiar as cores animador selecione-o e pressione o controle C. Agora vamos selecionar o texto aqui e pressionar o controle V para colar o animador Agora vamos abri-lo e mudar as cores. Pinte o lado e o rosa. Vamos colorir as costas e o rosa também, mas desta vez com um tom um pouco mais escuro Vamos ver como fica. Acho que precisamos escurecer um pouco mais a cor na parte de trás Ótimo, isso é melhor. Agora vamos fechar a camada e voltar para a câmera ativa. Agora vamos ativar a segunda camada. Acho que precisamos ampliar esse texto um pouco mais de caracteres abertos e aumentar o tamanho da fonte para 200 Ok, isso é muito melhor. Agora vamos passar para a próxima parte e aprender como podemos tornar essa cena muito mais interessante colocando as camadas no espaço de três D. E faremos isso na próxima parte. Então nos vemos lá. 35. Seção 8, parte 2: Tudo bem, então primeiro para diferenciar as camadas, podemos marcar essa camada em azul e aquela em amarelo Agora vamos selecionar essa camada pressionando R. Vamos girá-la no eixo y em -90 graus Agora vamos fechá-la e criar uma nova câmera na cena. Clique com o botão direito aqui, vá para Novo e selecione Câmera. Desta vez, usaremos a câmera de um nó novamente Vamos escolher uma largura de lente de 15 milímetros para criar um ângulo de câmera mais interessante Agora vamos selecionar a prensa da câmera e movê-la para o lado. Vamos reduzir a qualidade para um trimestre para que o projeto avance um pouco mais rápido. Vamos mover a câmera aqui. Agora selecione essa camada, pressione R e gire-a no eixo Y. Vamos escrever -30 graus. Agora vamos selecionar essa camada, pressionar R e girá-la também no eixo Y. Vamos configurá-lo para -60 graus. Agora você pode fechar a grade. Não precisamos mais disso. Pergunta, qual é o atalho para abrir e fechar a grade Pressione a tecla do apóstrofo para fazer isso. Agora vamos voltar à ferramenta de seleção e mover essa camada para a direita e um pouco para baixo. Agora vamos criar um caminho e uma forma ondulada para essa camada. Para isso, precisaremos ajustar a máscara que criamos para essa camada. Mas, como você pode ver, devido ao ângulo da câmera, não podemos ver os pontos da máscara nessa camada. Vamos girar essa camada assim por enquanto. Agora aproxime os pontos um do outro. Vamos selecionar esse ponto e movê-lo aqui. Agora selecione este e mova-o aqui. Em seguida, vamos girar o texto em -46 graus. Agora selecione o ponto do caminho da máscara e crie pontos adicionais nele. Para isso, selecione a ferramenta caneta. Clique aqui uma vez para criar um novo ponto no caminho. E agora vamos movê-lo para cá. Agora podemos afastar esse ponto. Em seguida, vamos selecionar esse ponto. Mas antes de fazermos isso, quero que você preste atenção no ícone do cursor. Esse ícone indica que, se selecionarmos esse ponto, fecharemos a máscara. Isso acontece porque atualmente estamos selecionados no último ponto. Se clicarmos nesse ponto, After Effects acha que queremos fechar o caminho da máscara. Para evitar que isso aconteça, podemos escolher a ferramenta de seleção e, em seguida, selecionar o ponto e movê-lo para fora do quadro. Agora vamos selecionar esse ponto e torná-lo arredondado por esse tempo, pressionar a ferramenta caneta e escolher a ferramenta de conversão de vértice Agora clique neste ponto uma vez para arredondá-lo. Vamos fazer o mesmo para este ponto e para este também. Agora vamos voltar à ferramenta de seleção e ajustar as mãos que criamos aqui. Ótimo, agora vamos seguir esse caminho a seguir. Vamos animar esse texto. Feche a camada, amplie um pouco o painel. Vamos reabrir a camada. Feche as transformações. Agora abra o texto, abra as opções de caminho e anime o parâmetro chamado primeira margem Vamos arrastar o valor para esse lado até não conseguirmos ver o texto na cena. Vamos segurar a tecla shift enquanto fazemos isso. Dessa forma, o valor mudará em sacramentos maiores. E agora, neste momento, crie o primeiro quadro-chave em que o texto esteja no valor que acabamos Agora vamos até o final da linha do tempo e alteramos o valor até que o texto saia da cena pela Altere o valor enquanto segura a tecla shift. Tudo bem, agora vamos ver o que temos. Tudo bem, na minha opinião, podemos girar essa camada um pouco Vamos fechá-lo, selecioná-lo e pressionar R. Vamos girá-lo em torno do eixo Y, configurá-lo para -40 Agora vamos diminuir um pouco o zoom e ver como fica Vamos selecionar esse ponto e movê-lo aqui. E a alça aqui. Estou apenas tentando criar um caminho interessante para esse texto. Mude a posição dos pontos e jogue com suas alças até conseguir algo com o qual esteja satisfeito. Depois de fazer alguns ajustes, sempre verifique sua animação para ver como ela fica em movimento. Acho que podemos girar a camada um pouco mais nessa direção Ok, estou bastante satisfeito com esse caminho, mas agora vejo que o texto está muito longe de seu ponto de partida. Vamos aproximá-lo um pouco. Para isso, selecionaremos a camada de pressão e alteraremos o valor no primeiro parâmetro de margem responsável pelo movimento do texto no caminho. Ok, parece melhor agora. E agora selecione essa camada e vamos ajustar esse ponto novamente. Excelente, adoro a forma como o texto sai da moldura. E agora vamos pressionar control les, fechar a camada e passar para a próxima parte para criar um plano de fundo para nossa cena. 36. Seção 8, parte 3: Bem-vindo de volta para criar um novo plano de fundo, criaremos um novo sólido para fazer isso. Controle de pressão. Por quê? Agora vamos mudar a cor. Agora, mova essa camada abaixo de todas as camadas. Ok, agora defina a tela anterior para caber, desative as camadas de texto e redefina a qualidade como máxima. Agora vamos melhorar o design do plano de fundo e torná-lo mais interessante usando um efeito que usamos na segunda lição, chamado grade, arraste o efeito para o sólido. Vamos mover os pontos do efeito para os lados até que somente as linhas horizontais estejam visíveis. Em seguida, aumente a espessura das linhas. Defina para 50. Mova esse ponto um pouco para a esquerda e esse ponto um pouco para a direita. Agora vamos mudar a cor das linhas para preto para que elas se misturem bem com nossa cor de fundo Finalmente, altere o modo de mesclagem para adicionar, talvez multiplicar. Agora vamos adicionar um efeito adicional ao plano de fundo chamado ondulação. Vamos aumentar a largura da onda para 200. Altere o tipo de onda para triângulo para que a onda fique nítida. Agora vamos mudar o ângulo do movimento da onda. Atualmente, está assim. Vamos mudar para 130. Na minha opinião, parece um pouco melhor com esse ângulo. Agora ele tem um movimento um pouco mais suave. Ótimo. Agora vamos ativar todas as camadas novamente e ajustar a visibilidade do fundo de acordo com o ângulo extremo da câmera que temos aqui. Vou explicar o que quero dizer. Vamos desligar as camadas novamente. Agora vamos adicionar um efeito de pino de canto e arrastar o efeito para o fundo. E se diminuirmos um pouco o zoom, podemos ver que há quatro pontos aqui. Vamos mover esse ponto até aqui enquanto pressionamos a tecla shift. E mova esse ponto aqui. Vamos mover esse ponto para baixo e esse aqui em cima. Agora, para não ver as partes pretas, selecione o processo sólido e aumente a escala dessa camada para 150. Podemos movê-lo um pouco. Aí está. Criamos um plano de fundo que aparece em um determinado ângulo que se ajusta visualmente ao ângulo da nossa câmera. Agora vamos ativar todas as camadas. Você pode fechar este, pressionar control para salvar o projeto e definir a tela de visualização para caber. Agora vamos até a Pré-visualização e redefinamos a renderização da pré-visualização para zero , como era no início. Agora pressione a barra de espaço para ver toda a animação antes de renderizá-la Pode levar algum tempo porque há muitas três camadas D aqui. Vamos esperar até que a reprodução prévia termine a renderização e vamos ver a cena mais uma vez Tudo bem, acho que tudo está ótimo e estamos prontos para renderizar a cena. Para isso, vamos pressionar control M. Escolha renderizá-lo no formato de alta qualidade H 0.264, que é um MP quatro de alta qualidade, e selecione renderizá-lo em nossa pasta de renderização Verifique se o nome é bom. Clique em S e depois clique em Renderizar. Vamos esperar alguns instantes. Ok, agora vamos ver o que temos. Parece ótimo. Como de costume, você pode enviar este vídeo nas redes sociais e exibi-lo no site do seu portfólio e, claro, usar essa animação para seu próximo projeto. Ok, agora vamos voltar ao nosso projeto e aprender como substituir o texto na animação que criamos para demonstração. Vamos duplicar essa composição a partir daqui. Pressione o controle D, altere seu nome para texto. Animação oito, sublinhado dois e entre na nova pré-composição Agora vamos isolar essa camada para que só a vejamos . Clique aqui para fazer isso. Clique duas vezes no texto e digite animação ou qualquer outra palavra que desejar. Como você pode ver, a contagem de letras nessa palavra é diferente da anterior. Portanto, temos esse espaço vazio aqui. Isso não é um problema. Para corrigir isso, precisamos selecionar o texto e aumentar o tamanho da fonte ou reduzir a própria máscara. Vou pressionar o controle Z para desfazer a ação. E vamos ver como fazer isso ajustando a máscara. Para isso, vamos selecionar a ferramenta de seleção. Clique duas vezes na máscara e mantenha pressionadas as teclas control e shift. Vamos reduzir a escala. Obviamente, podemos combinar as duas soluções. Por exemplo, podemos reduzir um pouco a máscara e aumentar o tamanho da fonte. Tudo bem, depois de aprender como fazer alterações em um texto com um caminho fechado, vamos aprender como fazer isso no texto com um caminho aberto, como a camada de texto que temos aqui em nossa cena. Primeiro, vamos selecionar a palavra super e excluir toda essa parte. Agora temos uma frase mais curta. Como o comprimento do texto nessa camada foi alterado, também precisamos alterar a animação dessa camada de acordo com o novo tamanho do texto. O que significa que precisamos ajustar os quadros-chave nessa camada. Para isso, vamos pressionar, agora você passa o mouse sobre o primeiro quadro-chave e altera a posição inicial do texto Neste momento, precisamos aproximar o texto um pouco mais da cena. Agora vamos passar para o segundo quadro-chave e ajustá-lo também. Vamos diminuir um pouco o zoom para que possamos ver onde está o texto. Vamos aproximar esse texto da cena. Ótimo, agora digamos que queremos aumentar o tamanho da fonte desse texto, digamos, para 250. Nesses casos, é importante garantir que a primeira e a última posição do texto estejam corretas, que significa que não vemos o texto na cena. Como você pode ver aqui. Veremos isso porque aumentamos o tamanho da fonte. Vamos consertar isso. Vá para o primeiro quadro-chave e ajuste-o. Agora vamos verificar o último quadro-chave. Como aumentamos o tamanho da fonte, o texto permaneceu na cena. Portanto, vamos ajustar esse quadro-chave também até parecer que o texto saiu da cena Ok, agora vamos ver o que precisamos fazer se quisermos mudar as cores dos textos. Primeiro, vamos configurar a tela de visualização para caber. Selecione essa camada e pressione a tecla Ukey duas vezes. Dessa forma, podemos ver todos os parâmetros que alteramos nessa camada. Aqui vemos as cores do animador para essa camada de texto O mesmo vale para essa camada. Tudo bem, isso é tudo para a aula. Vamos fechar essa pré-composição e acessar painel do projeto para organizar o projeto Antes de fechá-la, primeiro, vamos pressionar longamente a ferramenta de vértice e voltar para a ferramenta normal de caneta Também vamos pressionar longamente a ferramenta de elipse e voltar para a ferramenta retangular Agora vamos selecionar a ferramenta de seleção e clicar aqui no painel do projeto. Agora crie uma pasta chamada precomps. Arraste a pré-composição que criamos para ela. Em seguida, vamos criar outra pasta chamada assets. Arraste a pasta de sólidos e nossa paleta de cores para dentro dela. Então, vamos marcar a composição principal em azul. E vamos pressionar control para salvar o projeto antes de fechá-lo. Isso é tudo para a aula. Se você está gostando do curso, eu agradeceria muito se você pudesse avaliar este curso com base em como você se sente e deixar um feedback. Então eu sei se você aprende algo novo ou não. Enquanto isso, você pode encerrar o projeto e nos encontraremos novamente na próxima e última lição deste curso Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula. Nos vemos lá. 37. Seção 9: Animação de texto esticado: Olá e bem-vindo de volta. Chegamos à última lição deste curso. Nesta lição, criaremos uma animação avançada de texto extensível. Voltaremos ao básico e nos concentraremos na coisa mais importante do After Effects, os quadros-chave Vamos dividir essa lição em quatro partes. Na primeira parte, vamos nos preparar para começar nossa animação preparando nosso texto e criando uma animação estendida para a primeira letra Também alteraremos a espessura e a forma da letra. Na segunda parte, continuaremos com a animação estendida, mas desta vez faremos isso com o resto das letras Também melhoraremos a animação de todas as letras. A terceira parte é sobre cores e criação de uma animação secundária. Por fim, na parte quatro, aprenderemos como criar um efeito de varredura no texto, criar uma textura grunge animada e integrar essa textura e integrar essa textura texto Em seguida, melhoraremos a aparência de toda a animação com um efeito simples. Vamos finalizar preparando a animação para compartilhar nas redes sociais e renderizá-la em um arquivo MP4 de alta qualidade antes de nos despedirmos Como de costume, organizaremos o projeto. Vai ser incrível, então vamos começar. 38. Seção 9, parte 1: Vamos almoçar depois dos efeitos. Feche esta janela e certifique-se de clicar em Padrão. Todos nós temos o mesmo painel configurado, agora vamos clicar em Nova composição. Vamos chamá-la de animação de texto nove. Em seguida, vamos passar para o renderizador de três D, já que na lição anterior mudamos o renderizador para cinema quatro D, vamos voltar para o clássico de três D. Agora vamos voltar ao básico e definir a resolução para full Trabalharemos a 24 quadros por segundo e definiremos a duração para 10 segundos. Finalmente, vamos mudar o fundo para preto e clicar em OK, aqui e aqui. Agora, antes de mergulharmos na última lição, eu só queria lembrá-lo de algumas coisas importantes ao trabalhar com o After Effects. Primeiro, se você ver a tela de visualização assim, não se preocupe, provavelmente é porque a tecla Caps Lock está ativada Basta desligá-lo e tudo voltará ao normal. Em seguida, ao trabalhar em um projeto no After Effects, certifique-se de mudar o idioma do seu computador para o inglês. Dessa forma, todos os atalhos que usamos funcionarão corretamente. Se você não vê a cor de fundo, basta clicar aqui. Agora, se você ver os números aqui de forma diferente dos meus, certifique-se de ampliar o painel da linha do tempo Agora você pode passar o mouse aqui, manter pressionada a tecla de controle ou de comando e clicar nos números aqui Esses números representam a duração do nosso cronograma de composição Podemos ver isso em quadros ou em segundos. Então, se você ver a tela de visualização menor ou maior que a minha, basta clicar aqui e selecionar Ajustar. Por fim, clique aqui e altere a qualidade da pré-visualização aqui para completa. Porque na lição anterior, lidamos com os efeitos. Nós vemos esse painel e não o painel do projeto. Se você ver essa área assim, basta clicar nas setas aqui e Projeto para acessar o painel do projeto, ótimo E agora estamos prontos para importar os ativos que usaremos nesta lição. Clique duas vezes na área cinza no painel do projeto. Encontre a pasta que criamos para a lição e entre na pasta Assets. Selecione essa imagem chamada parede preta e a paleta de cores Em seguida, clique em Importar. Ok, agora podemos salvar o projeto e dar um nome a ele. Vamos encontrar a pasta que criamos para a lição. Vá para a pasta A e nomeie o arquivo do After Effects em que estamos trabalhando no momento. Você pode selecionar esse projeto para que o nome seja alterado e substituir a extensão por nove. Em seguida, clique em Salvar. Agora vá para o painel do projeto, selecione a paleta de cores e crie nosso texto Escolha a ferramenta de texto e selecione a fonte Monserrat imediatamente Aqui está uma dica útil para vocês. Ao criar uma animação de texto extensível, é melhor usar fontes San Sera, que são aquelas sem os pequenos traços decorativos no final de cada letra, conhecidos como ser Vamos escolher a fonte Monserrat para o estilo. Escolha a versão leve ou a fina. Eu escolho a versão fina, depois escrevo a palavra bounce Em seguida, vamos selecionar o texto e mudar a cor para branco. Clique aqui para ver as letras maiúsculas. Vejo que o espaçamento entre as letras é muito grande por algum motivo Se for o mesmo para você, basta defini-lo como zero. Agora vamos para o parágrafo e garantir que nosso texto esteja centralizado nesse caso e que a direção da escrita esteja da esquerda para a direita Agora vamos centralizar a camada no centro da composição usando a ferramenta Align Clique aqui e aqui. Agora, para centralizar o ponto de ancoragem da camada, use o atalho que aprendemos e pressione Control Alt Home Excelente. Agora vamos voltar ao personagem. E digamos que decidimos aumentar a fonte para 200. Observe que, quando fizemos isso, o ponto de ancoragem não estava mais no OK. Vamos clicar aqui e ver o que fazer nessas situações. Depois de fazermos as alterações de design no texto, podemos pressionar o controle Alt home para retornar o ponto de ancoragem ao centro da camada Em seguida, pressione control home para centralizar a camada na composição. Esses são dois atalhos que funcionam muito bem ao trabalhar com texto e efeitos posteriores Ok, agora, para criar a animação que vemos no exemplo, precisamos converter essa camada de texto em uma camada moldada com um caminho semelhante à forma como convertemos uma camada de texto para criar contornos e Illustrator Isso nos permite alterar o design do texto movendo e ajustando seu caminho Vamos fazer isso no After Effects. Primeiro, clique com o botão direito na camada. Vá para Criar e selecione Criar formas a partir do texto. A camada de texto original será automaticamente desativada. Não precisamos dele, então podemos excluí-lo, selecioná-lo e pressionar as teclas backspace ou delete Na próxima etapa, podemos remover uma propriedade desnecessária que existe nessas camadas chamada caminhos mesclados Para encontrá-lo rapidamente, podemos digitar a palavra mesclar na barra de pesquisa Lá, podemos ver onde essa propriedade está localizada na camada. Vamos selecioná-lo e excluí-lo. Vamos excluí-lo daqui também. Agora podemos fechar a barra de pesquisa e aprender como preparar o texto para uma animação esticada Primeiro, vamos abrir essa camada e seu conteúdo. Como você pode ver, essa camada consiste em todas essas formas. Essas são as formas das letras nessa camada. Para manipular convenientemente cada letra separadamente, vamos duplicar essa camada cinco vezes, pois isso nos dará seis Precisamos de seis camadas porque esse é o número de letras nessa camada. Selecione essa camada e pressione o controle D. Cinco vezes. Excelente. Depois de duplicar, vamos manter apenas uma letra em cada camada Vou te mostrar o que quero dizer. Desative as cinco primeiras camadas e abra o conteúdo dessa camada. E continue com a letra B aqui. Vamos selecionar o resto das letras e excluí-las. Agora podemos fechar essa camada e desligá-la. Vamos ativar essa camada aqui, manteremos apenas a letra, portanto, vamos excluir a letra B e o resto das letras , exceto a letra. Agora, podemos fechar essa camada e desligá-la. Em seguida, vamos ativar essa camada e manter apenas a letra. Vamos deletar as letras. E B, e o resto das letras, exceto a letra. Ótimo. Depois disso, nessa camada, só manteremos a letra aqui, manteremos a letra C. Finalmente, nessa camada, manteremos somente a letra. Muito bom Em seguida, ative todas as camadas. Agora vamos alterar os nomes das camadas para o nome da letra que elas contêm. Vamos selecionar essa camada, pressionar Enter e escrever. Em seguida, pressione Enter novamente, chamaremos essa camada e assim por diante. Agora vamos alinhar os pontos de ancoragem de todas as camadas ao centro de cada Se desativarmos todas as camadas e selecionarmos a ferramenta de seleção, podemos ver que o ponto de ancoragem dessa camada não está localizado no centro da camada Se ativarmos essa camada, podemos ver que o ponto de ancoragem aqui também não está localizado no centro da camada Vamos ativar todas as camadas. Selecione todos eles e mova rapidamente o ponto de ancoragem para o centro usando o controle de atalho Ótimo, agora todos os pontos de ancoragem das camadas estão centralizados Tudo bem, e agora vamos animar a primeira letra. Por conveniência, vamos ocultar o restante das camadas do painel. Para isso, vamos selecionar todas as camadas que queremos ocultar. E clique na função tímida localizada aqui. Ok, então vamos marcar todas essas camadas como camadas ocultas. E também desligue-os para não vê-los na tela anterior. Por fim, para ativar a função tímida, clique no ícone de tímida aqui também Agora vamos nos aproximar um pouco da letra, abrir essa camada e seu conteúdo. Como você pode ver, essa forma é composta por três formas que criam a forma da letra B. Se abrirmos cada forma, notaremos que cada forma tem seu próprio caminho. Esse é o parâmetro exato para o qual precisamos animar e criar quadros-chave No entanto, em vez de acessar manualmente todos os caminhos de cada letra, podemos selecionar essa camada e digitar o caminho na barra de pesquisa. Dessa forma, o After Effects exibirá todos os caminhos que existem nessa camada. Tudo bem, agora vamos criar os primeiros quadros-chave nesse momento específico. No segundo número zero, a forma da letra parece exatamente como eu quero. Portanto, criaremos quadros-chave iniciais para o caminho. Agora vamos passar para o segundo número um e mudar a forma da letra. Em outras palavras, precisamos modificar o caminho. Vamos ver como fazer isso corretamente. Antes de tudo, vamos mover a tela de visualização para que possamos ter uma visão melhor da carta. Para quem não se lembra como mover a tela de pré-visualização, basta segurar a barra de espaço e arrastar a tela para os lados usando o mouse Agora vamos ampliar um pouco mais e ver como alterar o caminho da letra nesse momento específico. Enquanto isso, por favor, não faça isso comigo. Eu só quero explicar para você como funciona primeiro, depois faremos isso juntos. O que precisamos fazer é simplesmente selecionar os pontos do caminho e movê-los para outro local. Então, automaticamente, novos quadros-chave serão criados no momento atual. É isso que faz com que o formato da letra mude. Ok, agora vou pressionar controle Z até retornar ao estado anterior. Agora vou mostrar os problemas que podemos encontrar ao criar animações de texto desse tipo Digamos que eu queira que a parte superior da letra se estenda para cima Vou selecionar os pontos desejados e movê-los para cima. Como você pode ver, uma forma incorreta da letra foi criada. Isso pode acontecer com letras que têm formato arredondado, como essa parte da letra B. Vamos ver o que precisa ser feito para evitar isso. Vou pressionar o controle agora. Vamos fazer isso juntos. Vamos chegar mais perto. Como você pode ver, essa área da carta consiste em apenas dois pontos. O que precisamos fazer é adicionar pontos adicionais para isso. Vamos selecionar a ferramenta caneta. Vamos nos aproximar um pouco mais dessa área agora, quando passarmos o mouse sobre o caminho com a ferramenta caneta, você verá que o ícone do cursor do mouse muda para um sinal de mais Isso significa que, se clicarmos aqui uma vez, criaremos um ponto adicional. Vamos criar um ponto aqui também. Agora vamos descer até a parte inferior da carta e criar dois pontos aqui também. Podemos criar um aqui e outro aqui. Agora vamos recuar um pouco. Vamos mudar para a ferramenta de seleção. Clique em um dos pontos para que possamos selecionar vários pontos ao mesmo tempo. Agora vamos selecionar todos os pontos localizados na parte inferior da letra, exceto os dois novos pontos que criamos. Agora vamos arrastar os pontos selecionados para baixo enquanto mantém pressionada a tecla shift Agora vamos esticar a letra na parte superior também. Vamos selecionar todos os pontos superiores , exceto os dois pontos que criamos. Vejo que não selecionei todos os pontos. Deixe-me selecioná-los novamente. Ok, agora vamos arrastar os pontos para cima enquanto pressiona a tecla shift Vamos configurar a tela de visualização para caber. Selecione os pontos mais baixos novamente e arraste-os ainda mais para baixo Vamos também arrastar os pontos superiores. Vamos ver o que temos. Excelente, agora vamos fazer essa animação pausar por um segundo antes de retornarmos a letra à sua forma original Para isso, precisamos avançar 1 segundo para o segundo número dois. Agora vamos copiar esses quadros-chave e colá-los aqui. Dessa forma, criamos uma falta de alteração nos quadros-chave por um período de 1 segundo, criando uma pausa de 1 segundo na animação Tudo bem, vamos passar para o terceiro segundo e retornar a letra à sua forma inicial. Pergunta, o que precisamos fazer para restaurar a letra à sua forma original? Para conseguir isso, vamos selecionar os quadros-chave iniciais. Copie e cole aqui. Vamos ver como fica excelente. Se quisermos criar uma pausa mais longa, podemos selecionar esses quadros-chave e movê-los para frente no tempo, por exemplo, até o quarto segundo Agora, durante todo esse tempo, não haverá nenhuma mudança na animação, porque esses quadros-chave são os mesmos. A mudança só ocorrerá quando tivermos uma alteração nos quadros-chave. Ok, agora vamos mover os quadros-chave de volta para o segundo número dois e seguir em frente depois de animarmos o caminho. Vamos tornar essa letra mais grossa. Há várias maneiras de fazer isso. Faremos isso da maneira mais simples possível, usando o traço dessa forma. Vamos aqui e definir que a cor do traço será branca e alteraremos a espessura por meio da própria camada. Para isso, vamos escrever um traçado na barra de pesquisa. Agora vamos animar essa propriedade. Vamos até o início da animação e criaremos o primeiro quadro-chave com a espessura do traçado igual a zero. Agora, para sincronizar a animação do traçado com a animação do caminho, vamos pressionar você. Isso mostrará todos os quadros-chave nessa camada. Agora vamos para o primeiro, o segundo e criar quadros-chave em que a espessura do traçado seja 40. Em seguida, vamos para o segundo número dois e criaremos os mesmos quadros-chave. Porque aqui temos uma pausa na animação para isso, vamos pressionar aqui Agora vamos para o terceiro, segundo e criar um quadro-chave final com uma espessura de traçado de zero. Vamos ver o que temos. Vamos tornar nossa carta mais estreita à medida que ela se abre. Para isso, precisamos modificar os quadros-chave do caminho. É muito importante manter os quadros-chave que queremos alterar e só então fazer os ajustes. Agora vamos selecionar um dos pontos. Agora vamos selecionar todos os pontos nesta seção usando as teclas de seta do teclado. Vamos mover os pontos para a esquerda. Você pode pressionar a tecla shift enquanto faz isso para fazer com que os pontos se movam em incrementos maiores Agora, para manter a pausa na animação, coloque o indicador de tempo nesses quadros-chave no segundo número dois Em seguida, copie os novos quadros-chave do caminho e cole-os aqui em seu lugar. Vamos ver como fica. Ok, agora vamos tornar essa animação um pouco mais interessante adicionando uma animação adicional usando o parâmetro de escala. Para fazer isso, vamos selecionar a camada e pressionar agora Definiremos o tamanho inicial dessa camada no início da animação. Em seguida, vamos pressionar você para revelar todos os quadros-chave e cronometrar a animação da escala com eles. Agora, no quadro número seis, vamos definir a camada para diminuir para 80% No quadro número 12, vamos restaurar o tamanho das camadas para 100%. Vamos ver como fica Ok, agora vamos criar uma animação em escala quando a letra começar a retornar à sua forma original. Vamos para o segundo número dois neste quadro, vamos definir o tamanho da camada para ser o mesmo de agora, que é 100%. Agora, vamos mover seis quadros frente e definir que a camada cresça para 120%. Em seguida, mova outros seis quadros para frente e retorne o tamanho para 100%. Vamos ver como fica Ok, até agora não parece interessante. Mas confie em mim, vamos torná-lo muito interessante em um momento para torná-lo mais interessante. Primeiro, vamos converter todos os quadros-chave que criamos em quadros-chave. Vamos selecionar todos os quadros-chave e pressionar nove. Vamos ver de novo, já parece melhor. Agora vamos selecionar apenas os quadros-chave do caminho e alterar sua velocidade Para fazer isso, mantenha pressionada a tecla Alp e clique duas vezes em um dos quadros-chave Vamos escrever 85, 85 aqui, pressione. OK. Vamos ver como fica. Ótimo. Agora vamos alterar a velocidade dos quadros-chave do traçado Mas desta vez vamos escrever 95 por 95, pressione, OK, e vamos ver isso mais uma vez. Agora vamos alterar a velocidade dos quadros-chave da escala. Mas desta vez vamos usar o editor gráfico. Agora, clique com o botão direito aqui e verifique se estamos usando o gráfico de velocidade. Vamos ampliar um pouco. Agora vamos selecionar esse quadro-chave e arrastar sua alça aqui. Essa alça aqui parece boa. Vamos fazer o mesmo com esses quadros-chave. Agora vamos sair do editor gráfico e ver toda a animação desde o início. Parece ótimo. Para torná-lo mais interessante, podemos clicar no parâmetro de escala e movê-lo um quadro para frente. Vamos ver de novo agora que parece melhor. É um bom momento para pressionar o controle S para salvar o projeto. Agora vamos para a próxima parte. Para animar o resto das letras, será muito mais fácil do que você pensa 39. Seção 9, parte 2: Primeiro, vamos pressionar aqui e exibir todas as camadas. Desative essa camada e desative a função tímida para todas elas. Então, vamos ativar a função shy para essa camada. Agora vamos pressionar aqui para ocultar a camada que já animamos. Em seguida, vamos ativar todas as camadas e aplicar tudo o que aprendemos sobre a animação extensível a todas as camadas ao mesmo tempo. Pode parecer complicado, mas não é tão difícil. Vamos começar. Primeiro, vamos selecionar todas as camadas e digitar o caminho na barra de pesquisa para ver todos os caminhos de cada camada. Pressione Enter e amplie esse painel. Agora, neste momento, que está no segundo número zero, criaremos quadros-chave para todos. Porque neste momento, todas as letras devem ter a mesma aparência que estão atualmente. Agora, para ver apenas os quadros-chave sem todos os parâmetros ao redor, vamos pressionar o Reino Unido. Podemos minimizar esse painel e continuar trabalhando em seguida. Vamos passar para o segundo número um, pois animamos a primeira letra dessa forma. E mudaremos as formas das letras, mas não sabemos até onde esticar cada letra. Para isso, podemos clicar aqui para ver a camada da letra Be. Selecione-o e veja até onde ele se estende neste momento. Agora vamos pressionar control para exibir as réguas. Vamos arrastar as guias das réguas. Coloque um aqui e outro aqui. Depois disso, pressione a tecla control novamente para esconder as réguas. Agora vamos bloquear as guias para que elas não interfiram em nosso trabalho. Vá para Exibir e selecione Bloquear guias. Ok, agora sabemos até onde precisamos esticar o resto das letras. Você pode clicar aqui novamente para ocultar essa camada do painel. Mais uma vez, vamos começar a animar a letra O. Como você se lembra, para letras com formas arredondadas, precisamos criar pontos adicionais para esticá-las adequadamente Vamos escolher a ferramenta de caneta. Selecione um dos pontos para que possamos ver o caminho. Agora não faça isso comigo porque eu quero te lembrar o que eu quis dizer. Se arrastarmos esses dois pontos para cima, não obterei o efeito desejado A mesma coisa acontece aqui. Portanto, precisamos criar pontos adicionais. Tudo bem, agora vamos fazer isso juntos. Vamos chegar um pouco mais perto. Com a ajuda da ferramenta caneta, criaremos dois pontos aqui. Dois pontos aqui. Agora vamos diminuir um pouco o zoom. Selecione a ferramenta de seleção e selecione os pontos da parte superior da letra. Vamos nos aproximar um pouco para ver se selecionamos tudo o que precisamos. Vejo que perdi esses dois pontos, então vou selecionar tudo novamente. Agora podemos diminuir o zoom e movê-los para cima enquanto pressionamos a tecla shift. Em seguida, vamos selecionar os pontos inferiores e movê-los para baixo. Agora vamos passar para a letra “você”. Vamos clicar no caminho aqui e selecionar os pontos nesta seção. Diminua um pouco o zoom e arraste-os para cima. Em seguida, vamos selecionar os pontos inferiores e arrastá-los para baixo. Depois disso, vamos selecionar o caminho da letra. Selecione esses pontos e arraste-os para cima. Agora vamos selecionar esses pontos e arrastá-los para baixo. Em seguida, vamos passar para a letra C. Vamos clicar no caminho aqui e selecionar os pontos nesta seção. Vamos ampliar um pouco e, como você pode ver, há uma parte arredondada aqui. Vamos escolher a ferramenta caneta e criar pontos adicionais, um aqui e outro aqui. Agora vamos voltar para a ferramenta de seleção, selecionar os pontos da parte superior da letra e arrastá-los para cima. Vamos dar uma olhada, ver se selecionamos tudo o que precisamos. Vejo que perdi esses dois pontos, então vou selecionar tudo novamente e arrastá-los para cima. Em seguida, selecione esses pontos e arraste-os para baixo. Finalmente, vamos selecionar o caminho da letra E. Selecione esses pontos e arraste-os para cima. Em seguida, selecione os pontos inferiores e arraste-os para baixo. Ótimo trabalho. Como você deve se lembrar, depois de esticar a letra B, também a estreitamos Vamos fornecer a mesma animação para essas letras. Vamos começar com a carta. Pressione seu caminho para revelar os pontos. Agora vamos selecionar os pontos no lado direito da letra e movê-los duas vezes para a esquerda usando a tecla de seta esquerda no teclado, mantendo pressionada a tecla shift. Agora vamos selecionar os pontos no lado esquerdo e movê-los duas vezes para a esquerda enquanto pressiona a tecla shift novamente. Em seguida, vamos selecionar o caminho da letra. Selecionaremos essa seção e a moveremos uma vez para a esquerda enquanto pressionamos a tecla shift. O mesmo vale para este lado. Agora vamos ao pé da letra. Selecionaremos essa parte e a moveremos uma vez para a esquerda. Em seguida, selecione essa seção. E mova-o uma vez para a direita. Talvez mais uma vez. Vamos mover esta seção mais uma vez. Ok, agora vamos passar para a letra C. Mas não vamos esquecer de clicar no caminho dessa letra para ver seus pontos. Agora vamos selecionar esses pontos e movê-los duas vezes para a direita. Em seguida, selecionaremos essa seção e a moveremos uma vez para a esquerda enquanto pressionamos a tecla shift. O mesmo se aplica aqui. Agora faça o mesmo com a letra E. Selecione este lado e mova-o duas vezes para a esquerda. Vamos ver como fica. Tudo bem, notei que a carta não parece muito boa. Vamos ajustar um pouco seu caminho. Para fazer isso, selecionaremos seu caminho. Observe que é crucial passar o mouse sobre o quadro-chave que queremos alterar Para alterar o caminho corretamente, traga o indicador de tempo aqui enquanto mantém pressionada a tecla shift. Dessa forma, o indicador de tempo se ajustará aos quadros-chave mais próximos Agora aumente o zoom e selecione esse ponto primeiro. Assim, só então clique no ponto desejado. Vamos mover esse ponto um pouco para cima. Agora vamos fazer o mesmo com a parte superior. Podemos ajustar a posição desse ponto usando as teclas de seta. Ok, agora vamos dar um passo atrás e alcançar o segundo número dois. Até o momento, não queremos nenhuma alteração na animação dos pads Portanto, precisamos ter exatamente os mesmos quadros-chave do segundo número um. Para conseguir isso, vamos pressionar aqui. Lá, criamos quadros-chave como este. Agora vamos passar para o segundo número três e restaurar os caminhos à sua forma inicial. Mas se selecionarmos todos os quadros-chave de todas as camadas dessa forma, copiaremos e colaremos as camadas. Em vez de apenas colar os quadros-chave, colei as camadas E não é isso que eu quero evitar, precisamos copiar e colar quadros-chave de uma camada por vez. Vou pressionar o controle Z para desfazer minha ação. Para copiar somente os quadros-chave, precisamos copiá-los um por um de cada camada. Vamos selecionar esse quadro-chave, pressionar o controle C e agora pressionar o controle V para colá-lo no local do indicador de tempo Vamos fazer o mesmo com as outras camadas. Aqui podemos copiar esses dois quadros-chave porque ambos pertencem à mesma camada. Excelente, agora vamos selecionar todos os quadros-chave pressionar F nove e alterar sua velocidade. Para fazer isso, mantenha pressionada a tecla Alp e clique duas vezes em um dos quadros-chave Vamos escrever 85, 85 aqui, assim como fizemos para a letra B no início. Ok, depois de ajustar o caminho, vamos deixar as letras mais grossas e criar uma animação para o traçado delas Assim como fizemos com a letra B. Vamos selecionar todas as camadas. Vá para o início da animação e escolha branco como cor do traçado. Agora vamos para a barra de pesquisa e digite stroke. Amplie um pouco esse painel. Agora, vamos criar os primeiros quadros-chave para todos neste momento. E altere o valor do traçado para zero. Agora vamos pressionar você para ver apenas os quadros-chave sem os outros parâmetros ao redor. Em seguida, vamos passar para o segundo número um e criar quadros-chave com um valor de 40 para cada um. Em seguida, vamos avançar 1 segundo e pressionar aqui para criar quadros-chave sem nenhuma alteração no valor pois temos uma pausa na animação no momento Agora vamos até o final da animação e alteremos o valor para zero. Depois disso, selecione somente os quadros-chave do traçado para ver somente eles. Vamos digitar stroke novamente na barra de pesquisa e pressionar Enter. Agora vamos selecionar todos eles e pressionar F nove. Em seguida, segure a tecla Alt e clique duas vezes em uma delas para acessar o painel de velocidade do quadro-chave, defina-o para 95, 95, assim como fizemos com a letra B no Ótimo. Agora vamos exibir todos os quadros-chave pressionando a tecla U e ver a animação que criamos Ok, agora só precisamos criar a animação em escala, como fizemos para a letra B. Para isso, podemos clicar aqui para exibir a letra B. Selecione-a e pressione S para exibir seu parâmetro de escala. Agora podemos selecioná-lo e pressionar o controle C para copiar os quadros-chave nele Podemos esconder essa camada novamente. Agora vamos selecionar todas as letras e pressionar o controle V para colar os quadros-chave. Para ver os novos quadros-chave, vamos pressionar você uma vez e, mais uma vez, ampliar um pouco esse painel e mover os quadros-chave colados um quadro para frente, assim como fizemos com a letra B. Vamos ver como fica Ok, agora vamos trazer a carta, voltar ao painel, ligá-la e desativar a função tímida. Agora vamos ter certeza de que não estamos selecionando nenhuma camada Pressione você uma e outra vez para ver todos os quadros-chave de todas as camadas. Vamos reduzir esse painel e ver toda a animação que criamos até agora. Acho que as letras estão muito distantes umas das outras. Vamos aproximá-los um do outro. Preste atenção nessa parte porque é muito importante saber como ajustar o design da sua cena, especialmente depois de já termos animado as letras. Isso significa que precisamos ajustar os quadros-chave que criamos para o caminho. Vamos ver como fazer isso primeiro. Vamos garantir que não estamos selecionando nenhuma camada e caminho de texto na barra de pesquisa para ver todos os quadros-chave de todas as camadas no painel de camadas. Precisamos reorganizar os painéis, como fizemos na lição quatro. Ok, vamos lembrar como fazer isso. Primeiro, vamos arrastar esse painel para o lado. Em seguida, vamos ampliá-lo um pouco. Vamos também ampliar a prévia. Podemos reduzir essa área dessa forma para ver mais da linha do tempo Podemos clicar com o botão direito do mouse aqui, ir até Colunas e clicar em Stretch. Agora temos mais espaço aqui. Vamos esconder essa área também. Clique com o botão direito novamente. Vá para Colunas e clique em Pai e Link. Ótimo, agora podemos ampliar linha do tempo para ver os quadros-chave de perto. Agora, vamos ajustar os quadros-chave. Primeiro, vamos colocar o indicador de tempo na posição dos quadros-chave que queremos ajustar ou alterar. Vamos colocá-lo no início da animação, no segundo número zero, onde estão localizados os primeiros quadros-chave do caminho? E então mova-o para a esquerda. Tudo bem, vamos seguir em frente. É muito importante não selecionar todos os quadros-chave, mas selecionar ou passar o mouse sobre o quadro-chave específico que você deseja alterar Vamos também mover a letra com a letra U. Vamos mover para a direita a letra necessária para selecionar os dois quadros-chave e, em seguida, movê-los um pouco para a direita também Finalmente, vamos selecionar os quadros-chave da letra B e movê-los para os dois da direita. Agora vamos passar para os últimos quadros-chave. É importante mover o indicador de tempo enquanto mantém pressionada a tecla shift para colocar o indicador de hora exatamente nos quadros-chave. Vamos transformá-los em quadros-chave, como no começo. Selecione esses quadros-chave, pressione o controle C e, em seguida, o controle V para colá-los na posição atual. Vamos fazer isso com o resto das camadas. Vejo que a letra C toca a letra. Vamos consertar isso. Vamos ficar no quadro-chave quando isso acontece no segundo quadro-chave. Agora vamos selecionar esse quadro-chave e mover a letra levemente para a esquerda Também precisamos alterar esse quadro-chave para manter a pausa corretamente Vamos continuar, copiar esse quadro-chave e colá-lo aqui. Vamos ver como fica. Eu acho que é bom. Agora podemos retornar o arranjo do painel ao seu estado original. Antes de tudo, feche a barra de pesquisa. Vamos arrastar esse painel para baixo e soltá-lo. Quando vemos a área inferior ficar cinza claro. Agora vamos restaurar as funções ocultas. Clique com o botão direito aqui, vá para as colunas e clique em esticar. Clique com o botão direito novamente, vá para as colunas e clique em pai e link. Tudo bem, terminamos com a parte difícil e complicada dessa animação. Agora vamos passar para a parte divertida e melhorar a aparência e a animação da nossa cena. Mas antes disso, talvez você queira fazer uma pausa rápida por cerca de 10 minutos. Levante-se da cadeira, estique-se um pouco e prepare um café. Isso lhe dará a chance de recarregar seu cérebro antes da próxima aula. Nos vemos lá. 40. Seção 9, parte 3: Vamos começar colorindo as letras. Podemos mudar a cor a partir daqui, mas depois precisamos colorir o traçado com a mesma cor. Esse método é ótimo para quem deseja colorir o preenchimento e o traçado em cores diferentes. No nosso caso, queremos que cada letra seja pintada em uma cor. Se fizermos isso dessa maneira, será um pouco desafiador, porque se quisermos mudar a cor, precisaremos alterar a cor do preenchimento e do traçado. É menos conveniente. Vamos ver como fazer isso corretamente. Vá para efeitos e predefinições e procure um efeito chamado pílula Agora vamos arrastar o efeito para a camada da letra para ver nossa paleta de cores, vamos arrastá-lo para a cena Agora vamos voltar aos controles de efeitos. E para ver o efeito, precisamos selecionar essa camada. Vamos mudar a cor do efeito para essa cor. Vamos arrastar o efeito para a letra e alterá-lo para essa cor. Vamos continuar fazendo isso pelo resto das cartas. Podemos escurecer um pouco essa cor. Ok, então podemos excluir a paleta por enquanto. Agora, vamos continuar criando o deslocamento para nossa animação Vamos decidir se a letra B começará a se mover primeiro, então vamos deixá-la em seu lugar. Agora vamos avançar três quadros. Podemos ampliar um pouco. Agora vamos selecionar todas as camadas , exceto a letra B, e movê-las aqui. Agora vamos mover outros três quadros e mover essas camadas aqui. Continue fazendo isso até a última camada. Podemos desmarcar essa camada mantendo pressionada a tecla control e clicando nela Agora vamos mover três quadros frente e pressionar a tecla do colchete esquerdo Mais uma vez, vamos manter pressionada a tecla control e clicar nessa camada para desmarcá-la Mova três quadros para frente e pressione a tecla do colchete esquerdo. Vamos fazer isso pela última vez. Ótimo. Agora vamos ver como fica. Parece bom. Mas, na minha opinião, o deslocamento é um pouco grande demais. Vamos selecionar as camadas que movemos e movê-las duas molduras para trás. Vamos manter o controle e clicar na camada para desmarcá-la e mover as camadas selecionadas duas molduras para trás Vamos continuar fazendo isso até a última camada. Repito intencionalmente essas ações para que você se acostume a pressionar as teclas corretas, que seu fluxo de trabalho seja supereficiente Agora, como você pode ver, como essas camadas começam daqui, não podemos ver as letras no início da animação. Vamos selecionar todas as camadas que movemos e estendê-las assim até que todas as camadas cheguem ao início da animação. Agora vamos cortá-los usando o atalho Alt e o colchete esquerdo Com isso, terminamos criar o deslocamento para as camadas Tudo bem, vamos seguir em frente agora. Quando a animação das letras estiver concluída, é possível agrupar todas as camadas em uma pré-composição. Para isso, usaremos o atalho de controle shift C, Name it, animação de texto principal Certifique-se de que ambos estejam selecionados e clique em OK. Vamos pressionar control para salvar o projeto antes de continuarmos. Agora vamos inserir a nova composição e redimensioná-la para eliminar qualquer espaço vazio e desnecessário Pressione o controle K para acessar essas configurações de composição. Certifique-se de que a visualização prévia esteja selecionada. E agora vamos ajustar as dimensões. Defina a largura para 1.200 e a altura para 700. Agora vamos excluir as guias porque não precisamos mais delas. Vá para Exibir e clique em Limpar guias. Em seguida, vamos navegar até o final da linha do tempo e encurtar a área de trabalho para que ainda possamos ver todas as camadas Posicione o indicador de tempo aqui e pressione para cortar a peça desnecessária Clique com o botão direito e selecione Trim Comp two, área de trabalho. Agora, vamos retornar à composição principal e ativar o colapso dessa pré-composição para vê-la em sua qualidade máxima Também não precisamos mais dos guias aqui, mas desta vez vamos aprender como escondê-los. Para fazer isso, use o controle de atalho e a tecla semical e. Excelente. Agora vamos tornar a animação ainda mais impressionante adicionando uma animação em escala. Vamos criar o primeiro quadro-chave no início da animação, porque queremos que a camada esteja no tamanho atual nesse ponto. Agora vamos para o quadro 12 e dimensionar essa camada de forma assimétrica usando a Clique aqui para desbloquear as dimensões dessa propriedade e defini-la como 50. Tudo bem, agora vamos para a primeira, segunda e restaurar a camada ao tamanho original como estava no início, para 100 aqui. Continuando, vamos chegar ao ponto em que o texto retorna ao seu estado inicial. Vamos criar quadros-chave com o valor atual, porque até esse ponto queremos que a camada mantenha seu tamanho atual. Agora vamos avançar 12 quadros e alterar o valor para 120. Finalmente, no terceiro segundo, vamos retornar a camada ao seu tamanho original. Agora vamos selecionar todos os quadros-chave e aplicar alguma atenuação usando F nove Em seguida, vamos ajustar a velocidade desses quadros-chave usando o editor gráfico Selecione os quadros-chave aqui e mova suas alças para a esquerda. Vamos fazer o mesmo do outro lado. Vamos aplicar essas alterações também a esses quadros-chave. Saia do editor gráfico e veja como fica. Não parece bom. Vamos tentar encurtar todos esses quadros-chave Vamos até o quadro número 12 e selecione-os. Agora, mantenha pressionada a tecla Alt e mova o último quadro-chave em direção ao indicador de tempo enquanto mantém pressionada a tecla shift Vamos ver agora que está melhor. Vamos fazer o mesmo aqui. Agora vamos combinar a animação em escala com a animação em escala que temos na animação de letras, selecionar todos esses quadros-chave e movê-los um quadro para frente. Acho que o momento é melhor. Agora, estou mostrando esse método, para que você entenda que, quando criamos uma animação, nunca sabemos onde colocar os quadros-chave ou o tempo com precisão. Fazemos mudanças constantemente enquanto trabalhamos. Tudo bem, e agora que terminamos a animação de texto, vamos ver como podemos torná-la ainda melhor. Nos vemos na próxima parte. 41. Seção 9, parte 4: Bem-vindo de volta. Vamos fazer com que pareça ainda melhor. Primeiro de tudo, vamos ampliar toda essa camada na cena No entanto, se a ampliarmos por meio do parâmetro de escala, arruinaremos a animação porque já temos quadros-chave nesse Quando ampliamos a camada, novos quadros-chave serão criados, o que não é o que queremos Faça isso corretamente, podemos usar um objeto nulo. O que é um objeto nulo no After Effects? Um objeto nulo é um tipo de camada que não é renderizado nem aparece na tela anterior, mas pode ser usado como ponto de referência para outras camadas na composição É uma camada invisível que pode ser usada para controlar a posição, rotação, escala e outras propriedades de outras camadas na composição. Uma das principais vantagens de usar um objeto nulo é que ele permite controlar várias camadas ao mesmo tempo, em vez de precisar ajustar cada camada individualmente Por exemplo, você pode criar várias camadas um objeto nulo e depois controlar as camadas com o nulo Vamos criar um novo objeto nulo. Clique com o botão direito aqui, vá para Nu e selecione o objeto nulo. O nulo é colocado no centro da camada, e isso é excelente Agora podemos vincular nossa pré-composição à camada nula usando o pai e o Vamos arrastar a picareta da pré-composição até o valor nulo. Vamos selecionar a camada nula e processar para exibir o parâmetro de escala dessa camada Agora, quando o ampliarmos, o texto pré-composto também será dimensionado Vamos escrever 150. Agora podemos excluir o nulo Excelente, vamos criar essa varredura legal que percorre o texto Para isso, vamos garantir que não estamos selecionando nenhuma camada. Em seguida, vá em frente e selecione a ferramenta retângulo. Desative o traçado e deixe a cor branca. Novamente, lembro que você deve se certificar de que não estamos selecionando nada. E agora vamos criar um retângulo. Agora selecione-a aqui e pressione R. Vamos girar essa camada em 20 graus. Volte para a ferramenta de seleção e mova a camada aqui. Agora vamos animá-lo. Primeiro, vamos ao início da animação e pressione P para ver o parâmetro de posição. Crie o primeiro quadro-chave quando a camada estiver em sua posição atual. Em seguida, vá para a segunda e mova a camada aqui enquanto segura a tecla shift para que a camada se mova em linha reta. Agora vamos selecionar os quadros-chave e pressionar F nove. Em seguida, segure a tecla Alt e clique duas vezes em um dos quadros-chave. Defina para 85, 85 aqui e pressione OK. Depois disso, podemos cortar a camada. Agora pressione Alt e o colchete direito. Agora vamos encontrar o momento em que queremos que a varredura comece Vamos começar no quadro número 12, pouco antes de o texto se estender ao máximo. Agora, para que essa varredura seja visível somente nas bordas do texto, podemos usar a função track mat e tornar essa camada como um alfa dos efeitos posteriores da camada pré-composição Um tapete de trilha é uma função que permite usar uma camada para controlar a visibilidade ou a transparência de outra camada. Especificamente, um tapete alfa é um tipo de tapete de trilha que usa o canal alfa, que é a informação de transparência de uma camada para determinar a visibilidade de outra camada. Estou falando sobre esse tópico em profundidade e sobre uma das lições do curso gratuito que mencionei no início deste curso. Se você quiser entender esse tópico em profundidade, fique à vontade para assistir à aula. Você pode encontrar o link para ele no arquivo PDF localizado na pasta principal que você baixou de mim. Tudo bem, vamos clicar aqui e colocar a faixa de seleção da camada de Matt na pré-composição do texto Também podemos ver o texto. Vamos ligá-lo novamente. Vamos ver como fica. Agora você pode mudar a cor do doce para qualquer outra cor. Vou deixá-lo em branco. Agora podemos pressionar para ver o parâmetro de opacidade e reduzir a opacidade Vamos ver como fica. Parece bom. Agora vamos duplicar essa camada Pressione o controle D e mova a nova camada ligeiramente para frente no tempo. Vamos ver isso de novo. Talvez um pouco mais. Isso é melhor. Tudo bem, vamos seguir em frente. Agora, vamos selecionar essa camada, pressionar Enter e alterar seu nome para varrer uma Para essa camada, vamos chamá-la de varredura dois. Agora vamos criar esse visual sujo que vemos no resultado final Primeiro, precisamos criar uma animação para uma textura específica e depois combiná-la com o texto. Vamos começar e criar a animação para a textura suja. Para isso, usaremos a imagem do quadro-negro que temos no projeto Se diminuirmos um pouco o zoom, podemos ver que essa imagem é muito grande para um fluxo de trabalho mais conveniente. Vamos criar uma nova composição vazia, onde criaremos a animação para essa imagem. Para criar uma nova composição, vamos usar o controle de atalho Agora vamos definir as configurações para a nova composição. Primeiro de tudo, vamos chamá-la de textura grunge. Altere o tamanho para o tamanho com o qual estamos trabalhando atualmente, que tem 1.920 pixels de largura e 1080 pixels Vamos deixar a taxa de quadros em 24 e a duração dessa composição será de 15 segundos. Agora desligue o fundo e arraste a imagem aqui, porque a imagem é bem grande. Vamos pressionar S e reduzir a escala. Vamos tentar 45. Talvez 50. Isso é melhor. Agora vamos animar essa camada. Para isso, vamos animar os parâmetros de rotação e posição Vamos começar com o parâmetro de posição, pressionar P e criar os primeiros quadros-chave no início da linha do tempo Agora, vamos pressionar para ver os quadros-chave dos parâmetros de rotação aqui também. Agora, para ver todos os quadros-chave, vamos pressionar você depois disso, vamos ampliar a linha do tempo e avançar quatro quadros Agora vamos girar a camada assim. Ok, vejo que reduzimos demais. Vamos ampliá-lo simetricamente. Mantenha pressionada a tecla shift enquanto a escala. Isso deve ser suficiente. Agora vamos mover a posição da camada aqui. Então, vamos avançar mais quatro quadros. Gire a camada e mova-a para uma posição diferente. Vamos continuar fazendo isso mais algumas vezes. Nosso objetivo é criar uma aparência diferente na cena a cada quatro quadros. Tudo bem, vamos ver como fica. Vejo que, nesse momento, a imagem subiu demais. Vamos nos posicionar nesses quadros-chave e ajustar a posição da camada levemente para baixo Agora, a camada está sempre dentro dos limites da cena. E agora, para tornar essa animação mais interessante, precisamos selecionar todos os quadros-chave. Clique com o botão direito em um deles e converta-os em quadros-chave de alternância Agora, a animação ficará assim no estilo stop motion, mas o movimento parece muito rápido. Vamos para o segundo número um. E quando todos os quadros-chave estiverem selecionados, mantenha pressionada a tecla alt e mova o último quadro-chave para a posição do indicador de tempo enquanto mantém pressionada a tecla shift Acho que fica melhor assim. Agora precisamos fazer com que essa animação seja reproduzida sem parar. Para conseguir isso, precisamos criar uma expressão, assim como fizemos nas aulas anteriores. Vamos segurar a tecla Alt e clicar uma vez no ícone do cronômetro do parâmetro de posição Agora clique aqui na pequena seta, vá até a propriedade e selecione a expressão chamada Loopout cycle. Agora clique aqui para finalizar a ação. Em seguida, vamos escrever, clicar no parâmetro e copiar somente a expressão. Em seguida, cole-o no parâmetro de rotação. Pressione control V. Agora mesmo após o final dos quadros-chave, a animação é repetida e continua sendo Eu acho que é excelente. Vamos ver isso mais uma vez. Agora vamos fechar a camada e voltar à nossa composição principal para integrar essa animação ao texto. Primeiro, vamos arrastar a nova pré-composição para nossa composição. Novamente, para ver a textura somente dentro dos limites do texto. Arrastaremos o chicote da faixa feita com a textura pré-composição para a preparação do texto. Excelente. E para misturar a textura com as cores do texto, podemos clicar aqui e escolher modos de mesclagem interessantes Mas, em vez de entrar manualmente para verificar cada modo de mesclagem, podemos simplesmente selecionar essa camada, manter pressionada a tecla shift e pressionar a tecla mais ou menos Dessa forma, podemos alternar rapidamente entre os diferentes modos de mesclagem No nosso caso, escolheremos Color Dodge para refinar um pouco a textura Podemos pesquisar o efeito chamado níveis arrastá-lo para essa pré-composição. E ajuste os controles deslizantes aqui até obtermos um resultado interessante Também podemos adicionar um efeito adicional chamado curvas e controlar o contraste da textura Ok, vamos fechar os efeitos e ampliar um pouco para ver como fica. Se você quiser desativar o efeito nessa camada, clique aqui e desative rapidamente os efeitos. Vamos ver como tudo fica junto. Acho que a textura é um pouco forte demais. Então, vamos pressionar a tecla e diminuir um pouco a opacidade. Vamos configurá-lo para 50. Acho que parece melhor. Além disso, podemos melhorar ainda mais a visibilidade de nossa animação de texto com um efeito interessante chamado telas turbulentas Para usar esse efeito corretamente, vamos criar uma camada de ajuste. o botão direito. Vá para Novo e escolha a camada de ajuste. Uma camada de ajuste é uma camada vazia criada no tamanho da composição, na qual podemos aplicar efeitos e criar filtros para nossa cena. Tudo bem, agora vamos escrever o deslocamento turbulento aqui, arrastar o efeito para a camada de ajuste e ajustar os parâmetros. Vamos ampliar um pouco. Nosso objetivo é fazer com que o texto pareça menos rígido. Queremos dar uma aparência um pouco distorcida. Vamos experimentar esses dois parâmetros até alcançarmos o resultado desejado. Acredito que dez pela quantidade e cinco pelo tamanho devem funcionar bem. Agora vamos desativar o efeito e ampliar um pouco para observar como ele fica com e sem o efeito Na minha opinião, ainda precisamos fazer alguns ajustes nos parâmetros. Isso é melhor. Agora vamos fazer essa coisa se mover. Vamos abrir as opções de evolução e ajustar o parâmetro que controla a aleatoriedade do efeito Mas, em vez de criar quadros-chave, usaremos uma expressão muito simples. Vamos manter pressionada a tecla Alt e clicar uma vez no botão Stop da propriedade chamada Random Seed. Agora vamos rolar um pouco para baixo e escrever na expressão o tempo da linha multiplicado por oito Agora vamos clicar aqui para finalizar a ação e ver o que temos. Aí está. A forma do texto está se movendo de uma forma interessante, grossa e aleatória Agora vamos fechar todos os parâmetros dessa camada e alterar seu nome para o nome do efeito. Podemos selecionar o efeito aqui. Pressione Enter e copie o nome com o controle C. Vamos selecionar a camada de ajuste, pressionar Enter e colar o nome com o controle V. Excelente, vamos ajustar a tela de visualização para caber e ver o que temos. Agora vamos fazer essa animação ser reproduzida de uma forma suja. Podemos fazer isso usando um efeito de tempo posturizado. Para usar esse efeito em toda a cena, podemos criar uma nova camada de ajuste e adicionar esse efeito a ela. Vá até a guia de efeitos e pesquise o efeito de tempo posturizado. Agora podemos definir a taxa de quadros para 12, fazendo com que essa animação pareça estar sendo reproduzida em 12 quadros por segundo. Vamos ver como fica. Parece bom. Agora você pode configurá-lo para oito quadros por segundo se quiser que ele seja reproduzido, mesmo de uma forma mais robusta . Vamos ver isso de novo. Tudo bem, vamos voltar para 12 e seguir em frente. Mas antes disso, pressione o controle S para salvar o projeto. Agora vamos copiar o nome dos efeitos e colá-lo na camada de ajuste. Ótimo. Agora vamos retornar ao painel do projeto, selecionar a paleta de cores e criar um novo sólido para o fundo. Pressione o controle Y. Em seguida, experimente essa cor e pressione OK Em seguida, mova o sólido para baixo antes de renderizar a cena. Vamos cortar a área de trabalho para evitar a renderização de partes desnecessárias na linha do tempo Agora vá para o segundo número, 3,12 quadros e pressione Agora vamos assistir mais uma vez antes de renderizar. Ok, acho que parece excelente. Agora vamos pressionar control e escolher renderizá-lo no formato 0.264 de alta qualidade, que é um formato MP four de alta qualidade Em seguida, optaremos por renderizá-lo em nossa pasta de renderização. Vamos garantir que o nome seja bom. Clique em Salvar e, em seguida, clique em Renderizar. Vamos esperar por um momento. Ok, agora vamos ver o que temos. Parece fantástico. Como de costume, você pode enviar este vídeo nas redes sociais e exibi-lo no site do seu portfólio e, claro, usar essa animação para seu próximo projeto. Ok, agora vamos voltar ao nosso projeto e organizá-lo. Antes de fechá-lo, podemos fechar esse painel e essas pré-composições Vamos até o painel do projeto e criaremos uma pasta chamada assets. Arrastaremos a paleta de cores, a imagem da textura e a pasta de sólidos para dentro dela Agora vamos criar outra pasta chamada precomps. E arraste todas as pré-composições que criamos no projeto para dentro dela, exceto a composição principal Vamos marcar a composição principal em azul com isso. Concluímos a lição final deste curso. Se você achou o curso agradável, avalie-o com base em sua experiência e forneça feedback Parabéns a todos pelo trabalho árduo e espero ver vocês no próximo curso. 42. Tarefa de projeto de texto em movimento: Olá, trabalho incrível ao concluir todas as aulas e chegar à fase de tarefas domésticas. Sua tarefa é criar um título super legal usando quatro ou cinco tipos diferentes de animação de texto. Assim como eu fiz neste exemplo. Você tem total liberdade para ser criativo e experimentar as cores, texto e as técnicas de animação que aprendemos no curso. Você pode até adicionar algumas animações de fundo divertidas para tornar o título mais Estou muito animada para ver o que você vai inventar. 43. Conclusão: Senhoras e senhores, chegamos ao fim desta jornada Quero dedicar um momento para refletir sobre o quão longe você chega, aprimora suas habilidades, dá vida ao texto e se junta ao vibrante mundo do design de movimento. Agora é hora de você pegar tudo o que aprendeu e aplicar em seu próprio projeto. Se você está procurando impressionar seus clientes ou apimentar seu site de portfólio, agora você tem as habilidades e o conhecimento para dar vida às suas visões E lembre-se de que esse curso é apenas o começo. O design de movimento é um campo em constante evolução, e sempre há mais para aprender e explorar Portanto, continue experimentando, ultrapassando seus limites e compartilhando suas criações com Quero agradecer a cada um de vocês por fazerem parte dessa jornada, e mal posso esperar para vê-los na próxima.