Crie gráficos de movimento no Adobe After Effects

1. Apresentação do curso: Os Motion Graphics levam muito tempo para fazer, e sempre que você quiser reutilizá-los, você precisa ajustar suas animações. Ou você quer fazer um modelo para vender em um mercado para ganhar um dólar extra como um criativo. Bem, se esse for o caso, você quer ter certeza de que seu template é o mais fácil de usar possível e, ao mesmo tempo, também que eles não podem cometer erros. É exatamente com isso que eu adoraria te ajudar. Oi, meu nome é Jordy. Sou cineasta, editor de vídeo, artista cinematográfico, um pouco de tudo e faço isso junto com minha equipe aqui na Cinecom. Na maioria das vezes, fazemos vídeos do YouTube sobre edição de vídeo e criação de filmes para um público de mais de 2 milhões de assinantes no YouTube. Agora eu criei uma biblioteca inteira de modelos que usamos diariamente em nossos vídeos. Estes variam de terços inferiores a cartões de mídia social ou uma animação outro na qual podemos adicionar comentários de nosso público. A única coisa que precisamos fazer é arrastar e soltar os modelos personalizados no Premiere Pro e alterar algumas configurações. Isto poupa-nos uma enorme quantidade de tempo. Nesta aula, vou ensinar você a criar esses modelos de animações no Adobe After Effects, que podem ser exportados para usar no Adobe Premiere Pro. Vamos trabalhar com variações para que o usuário final tenha várias opções. Isso é muitas vezes criado com expressões, que vai ser uma grande parte desta classe. Além disso, você também aprenderá a construir corretamente seus modelos com o usuário final em mente, coisas como automações e vinculação de objetos para dar mais flexibilidade em seus modelos. Bem, isso soa muito complicado você pode pensar, bem, absolutamente não. Essas coisas avançadas como expressões e tudo, eles são realmente muito fáceis. Você só precisa empurrar na direção certa e você está pronto para ir. Agora é aconselhável que você saiba o básico do Adobe After Effects. Embora eu tenha uma aula de iniciantes inteira aqui no Skillshare também, para o qual eu vou deixar um link na descrição da classe, se você estiver interessado. Agora, eu realmente espero que você se inscreva nesta classe porque estou super animado para começar a criar modelos de animações dentro do Adobe After Effects junto com você. Vamos começar e te vejo de volta na próxima aula. Obrigado por assistir. 2. Criando um modelo: Olá, eu nem vi você. Que incrível que tenha se juntado à turma. Estou super animado para começar. Sou como um cara de modelos. Tudo na minha vida são modelos, e assim eu posso economizar tempo. Por exemplo, esta camiseta, esta é a minha camiseta de segunda-feira. Também minha camiseta de terça, minha quarta-feira e o resto da semana. Poupa-me tempo. Você sabe o que? Vamos começar, pessoal, porque estamos aqui para poupar tempo. Aqui mesmo, estou dentro do Adobe Premiere Pro, e a primeira coisa que quero mostrar é como esses modelos realmente funcionam. Vou passar rápido por isso porque vou assumir que vocês sabem o básico da Premiere e do After Effects. Podemos ir no topo aqui, selecionar “Janela”, e a partir daí escolher “Gráficos Essenciais”. Na guia Navegar na parte superior, podemos escolher um modelo. Agora você provavelmente verá mais alguns modelos aqui porque com a instalação do Premiere, você obtém um monte de modelos. Eu não gosto desses, então eu acabei de excluí-los, mas aqui está um que eu mesmo criei, e eu posso simplesmente arrastar isso para a minha linha do tempo para começar a usar. Basicamente, este modelo aqui é um terço inferior. Eu posso realmente, a partir da aba Editar aqui no topo, em seguida, a partir dos Gráficos Essenciais, eu posso escolher qual jogador que eu quero. Jordy é o time vermelho e Yannick, meu colega, é o time azul. Podemos escolher se isso tem que ser exibido no lado esquerdo ou direito. Podemos mudar o número aqui da quantidade de vitórias, por exemplo, uma vitória, você pode ver essa mudança aqui, e temos mais algumas opções. Tudo isso aqui foi criado dentro do Adobe After Effects. Podemos usar qualquer tipo de funcionalidade, qualquer tipo de efeito, e trazer isso para o Premier através desses modelos de animações. Deixem-me apagar este exemplo e vamos After Effects e mostrar-vos como isto funciona. Vamos criar algo muito simples. Eu vou para a minha ferramenta de texto e apenas digite o nome de usuário, talvez faça isso um pouco menor, assim e coloque isso aqui na parte inferior. Se você estiver fazendo um terceiro céu rebaixado, certifique-se de ativar as áreas Título e Ação Segura, para que você possa posicionar seus textos de acordo com qualquer uma dessas diretrizes. Só se sente ou parece melhor do que se você colocasse um dos seus textos na fronteira aqui do seu Canvas. Junto a isso, eu quero ter uma imagem que eu tenho aqui na minha pasta Assets, Jordy, que sou eu, e eu vou apenas colocar isso aqui ao lado do nome de usuário. Temos uma imagem, um ícone da pessoa, e lá podemos digitar o nome de usuário, essa é a idéia. Agora vamos criar alguns efeitos ou animações também. Eu só vou desativar as áreas Título/Ação Segura por enquanto. Por exemplo, minha imagem do Jordy, vamos fazer algo muito rápido aqui com essa escala. Vou deixar isso subir de 0-24 assim, e quer saber? Para o texto, vou revelar cada caractere. Agora, para fazer isso, nós realmente temos algumas opções de animação. Se expandirmos camada, podemos ver aqui no lado direito Animate, estas são todas as propriedades que podemos estimar. Por exemplo, a Opacidade. Cada uma dessas propriedades também vem um Seletor de Range, e com isso, podemos animar a Opacidade por personagem. Vamos definir a opacidade para zero, porque é isso que queremos alcançar. Agora podemos animar o Início, e você pode ver aqui que ele irá revelar cada personagem separadamente. Vamos fazer isso desde o início aqui, quadro-chave do Jordy vai um pouco para a frente no tempo, e vamos trazer isso para 100. O que temos agora é isto. Animação muito simples. Mas vamos fazer mais uma coisa, pessoal. Vamos adicionar um efeito de falha a todo o design. Agora, em vez de adicionar esse efeito de falha às duas camadas, vou criar uma nova camada de ajuste a partir do menu aqui no topo. Agora com essa camada de ajuste, podemos realmente muito facilmente adicionar o efeito de falha a essa. Vou pegar o VR Digital Glitch e aplicá-lo à camada de ajuste, e assim será aplicado a tudo por baixo. Vamos também animar esse efeito. Para começar, eu vou animar a Semente Aleatória, que vai garantir que a falha está se movendo, e eu também vou animar a Amplitude Mestre, que é basicamente um botão para colocar o efeito e desligar. Quanto mais a amplitude, mais falha temos, se for zero, não vemos a falha. Estas são duas grandes propriedades para animar. Com essas duas animações selecionadas nos controles de efeitos, agora posso pressionar a tecla “U” no meu teclado para revelar as que habilitei. Vamos avançar um pouco no tempo, em algum lugar aqui, talvez, e eu vou trazer a Semente Aleatória em uma nota para algo como 50, e a Amplitude Mestre para zero. O que temos agora é que temos essa falha bem aqui como a animação também vem da foto e do nome de usuário. Vamos transformar isso aqui agora em um modelo para que possamos usar esse insight Premier Pro. Agora, para fazer isso, temos que abrir uma nova janela. Vamos para o menu Janela no topo e localizar os Gráficos Essenciais. Esse é o mesmo painel que o insight Premier, só que aqui parece um pouco diferente. A primeira coisa que você deseja fazer é selecionar uma composição que você deseja fazer um modelo fora. Neste caso, será o nome de usuário. Só temos uma composição. Você também pode dar um nome a isso, se quiser. Vou deixar isso para seus modelos de nome de usuário. Agora podemos realmente começar a arrastar as propriedades para esta janela, propriedades que queremos que o usuário final altere. Se você não sabe quais propriedades são suportadas, você pode realmente clicar aqui neste botão, que diz Propriedades Suportadas Solo, e que irá revelar todas essas propriedades que podemos usar. Isso é um pouco demais, vou entrar em colapso novamente. Também podemos procurar por essas propriedades nós mesmos, é claro. Uma das grandes dicas que posso dar a vocês é quando se trabalha com camadas de ajuste, uma maneira muito fácil de alternar esse efeito no suficiente é simplesmente adicionar a propriedade de opacidade dessa camada de ajuste. Vamos fazer isso. Vou até minha camada de ajuste, arrastar a propriedade Opacidade e arrastá-la para o painel Gráficos essenciais. Isto irá simplesmente colocar a opacidade dessa camada de 0-100 e tudo o que está entre nós, que é ir para alterar o efeito que temos aplicado a isso. Você pode ver isso aqui. Vou arrastar isso para 0, o efeito de falha se foi. Vamos chamar isso de “Efeito Vacilante”. Dessa forma, o usuário final sabe que podemos controlar o efeito final disso. Agora, é claro, pessoal, isso não é tão fácil de usar, mais tarde nesta classe vamos ver como podemos trabalhar com caixas de seleção, que vai ser muito mais conveniente para o usuário final, mas isso vai exigir alguns mais avançados passos. A propósito, pessoal, qualquer coisa que você definir nesta janela aqui vai ser o valor padrão. Se você quiser que o Efeito Glitch esteja ativado por padrão, basta aumentar para 100. Eu também vou arrastar a foto para esta janela. Você pode simplesmente arrastar completamente essa camada para o painel Gráficos essenciais, e isso me permite mudar a imagem ou o avatar. Pessoal, se isso não funcionar para você, certifique-se de simplesmente atualizar o After Effects e o Premiere, pois esse é um dos recursos mais recentes dos programas da Adobe. Finalmente, quero ter certeza de que podemos alterar o texto fonte desta camada aqui, o nome de usuário. Vamos arrastar isso para este painel também. Dê um nome, por exemplo, Nome de usuário, este é o rótulo, e você também pode dar um nome padrão. Novamente, vamos chamar isso de Jordy, porque sou eu. Uma opção interessante aqui é com textos e que é Editar Propriedades. Se você clicar sobre isso, você pode dar mais algumas opções para o usuário final. Se você quiser que eles sejam capazes de alterar a fonte, o tamanho da fonte e tudo mais, você pode habilitar isso aqui mesmo. Se você não quer isso, então não habilite isso, é claro. Por enquanto, vamos habilitar isso para que você possa ver como isso parece. Lá vamos nós. Estas são as opções extras que você está dando com o usuário final também. É basicamente isso, pessoal. Agora vamos trazer esses modelos para o Premier Pro. Clique em “Exporta modelos de animações”. Sim. Você deseja salvar o projeto. Você sempre tem que fazer isso antes de uma exportação. Agora temos algumas opções. Podemos realmente salvar isso em nossas bibliotecas, que é uma opção dentro das Creative Clouds. Eu geralmente gosto de guardá-lo na minha unidade local, isso é com você. Vamos fazer desta forma. Você pode clicar em “Procurar”, para salvar isso em um local diferente, mas vamos manter isso na pasta Lições, que também é a pasta caras que você pode baixar dos projetos de classe aqui no Skillshare, eu acho, dessa forma você também tem acesso a todos os arquivos de projetos que estou criando aqui no After Effects, bem como os modelos que eu sou cada vez de exportar. É isso. Aperte “OK”, e agora provavelmente vai dar-vos um aviso. Isso é por causa da fonte que estou usando. Estou usando a fonte Arial Black, e ela está dizendo, “Ei, isso não é uma fonte Adobe.” O que significa que se você estiver indo para criar um modelo e você vai, digamos, vender isso em um mercado, isso significa que muitas pessoas estão fazendo uso desses modelos. Mas se você estiver fazendo uso de fontes da Adobe, ela sincronizará automaticamente isso. Porque supondo que se você tiver o Adobe Premiere Pro ou o After Effects, você também tem a Creative Cloud e que vem com uma biblioteca de fontes. Você pode conferir aqui no aplicativo de desktop da Creative Cloud. Aqui estão todos os meus aplicativos que instalei. Mas aqui no topo, você pode clicar em “Fontes” ou aqui em “Procurar Fontes” para procurar mais e sincronizá-los ou instalá-los em seu computador. Estou usando algo fora da Adobe, mas não vejo isso como um grande problema, porque estou usando Arial Black, que é uma fonte padrão que todos deveriam ter instalado nos computadores. Apenas algo para ter em mente, pessoal, não basta começar a baixar qualquer tipo de fonte da Internet, sempre pense no seu usuário final. Vamos apenas apertar “OK” por enquanto, e é isso. Ele foi salvo para que agora possamos voltar ao Adobe Premiere Pro. Vamos para a guia Procurar, porque aqui fomos instalar esse modelo, o que podemos fazer a partir do botão abaixo, Instalar modelo de gráficos de movimento. Então você simplesmente localize esse arquivo de modelo que acabamos de exportar, que está bem aqui. Pressione “Abrir” e ele será adicionado à sua biblioteca. Agora pessoal, muito interessante é que esse modelo sempre estará lá dentro do Premiere Pro. Isso não é fixo ao seu projeto, portanto, se você estiver abrindo um novo projeto no futuro, esse modelo ainda estará lá. Isso torna muito conveniente trabalhar com ele. Agora podemos arrastar isso para a linha do tempo, e eu tenho esse clipe de estoque deste homem aqui que está se revelando. Talvez uma ótima maneira de trabalhar com os terços inferiores para mostrar o nome de usuário desse cara. Mas de qualquer forma, se selecionarmos esse arquivo de modelo e ir para a guia Editar a partir dos gráficos essenciais, agora podemos ver todas as propriedades que temos dado com o modelo de animações dentro do After Effects. Podemos ativar e desativar o Efeito de Glitch aqui, como você pode ver, bem como alterar o avatar simplesmente clicando aqui no menu e topo e dizer Substituir do Explorer, e eu realmente tenho aqui na minha pasta Ativos uma foto de Yannick, meu colega também. Vamos apenas selecionar essa. Você pode ver aqui que ele simplesmente substituirá a foto por isso. Super conveniência. Claro que podemos mudar o nome de usuário para Yannick, e se você quiser assim também mudar as fontes e o tamanho e tudo se você quiser assim. Mas é basicamente isso, pessoal. Para esta lição, eu só queria dar a vocês esse fluxo de trabalho, a visão geral do que um modelo realmente é e como ele funciona. A partir das próximas lições, vamos mergulhar em técnicas mais avançadas e começar a trabalhar com expressões, que é basicamente programação dentro do After Effects, que nos permite criar modelos mais amigáveis como caixas de seleção menus suspensos e tudo mais, o que vai ser muito legal. Estou super entusiasmado, rapazes. Muito obrigado por assistir, e te vejo na próxima lição. 3. Expressão "Se necessário": Nós vamos para Hacky, pessoal. Vamos escrever códigos de programação dentro do Adobe After Effects, o que não parece tão ilegal quanto é. Agora, esses códigos são chamados de expressões, e eles podem automatizar certas coisas para nós. Para lhes dar uma ideia, pessoal, o que eu tenho aqui é um grande texto de título que é animado na propriedade de escala. Agora, eu quero que este texto também salte. Agora, eu posso ir em frente e criar esse manual com coisas como os quadros-chave e tudo mais, mas eu também posso usar uma expressão muito simples. Agora, se você for ao nosso site, temos um artigo sobre expressões. Vou deixar um link para ele nas notas de classe, mas você verá se você rolar para baixo nessa página que você pode realmente encontrar alguns desses trechos de código. Você não precisa saber nada sobre esses códigos. Você pode simplesmente ir em frente e apenas copiar esses códigos para a expressão de salto. Veja, é isso que eu quero alcançar. Basta clicar em “Controle C”, e vamos voltar para o After Effects. Agora, o código é escrito em propriedades específicas, neste caso, a propriedade scale. Para escrever códigos dentro dessa propriedade scale, o que você tem que fazer é simplesmente manter pressionada a tecla Alt e, em seguida, clicar no cronômetro, e uma nova caixa de texto aparece onde podemos escrever esses códigos de expressão. Apague tudo lá dentro e cole expressão que obtive de nossos sites, e pronto. Quando eu agora vou para reproduzir essa expressão, você verá que o texto grande está balançando ou saltando nas extremidades. Isso é o que as expressões fazem. Agora, expressões também podem nos ajudar a tornar certos modelos mais fáceis de usar. Como vimos na lição anterior, usamos um controle deslizante para controlar efeitos. Bem, desta vez, vamos criar uma caixa de seleção. Vamos simplesmente adicionar o mesmo efeito de falha novamente ao texto assim, e vamos animar a semente aleatória de zero até as extremidades até 100, modo que temos essa falha acontecendo o tempo todo sobre o grande título. Queremos que os usuários sejam capazes de ligar e desligar isso. Agora, para fazer isso, precisamos de uma caixa de seleção que também pode ser encontrada dentro da biblioteca de efeitos. Em Expression Controls, podemos encontrar um monte de efeitos que não fazem nada. São apenas controles idiotas, só isso. Mas com algumas expressões, podemos fazê-las fazer coisas mágicas. Lá embaixo, podemos encontrar o controle de caixa de seleção. Agora, podemos simplesmente ir em frente e arrastar isso para a camada de título grande, mas eu sempre sugeriria trabalhar com uma camada de controlador. Apenas muito melhor no seu fluxo de trabalho. Eu só faria um hábito disso porque uma vez que você está indo para trabalhar com várias camadas e tudo mais, essa camada controlador vai apenas dar-lhe uma melhor visão geral do que você está fazendo. Vamos para o menu na parte superior, selecione Camada, Novo. Eu só vou pegar os Objetos Nulos, que também é apenas um objeto estúpido nada. Ele não faz nada. Vou mudar o nome para Controller. Esta vai ser a camada que eu vou aplicar todos esses efeitos de controle de expressão para como a caixa de seleção. Vamos arrastar isso para o Controlador, e pronto. Só a caixa de seleção. Basta verificar isso ou D verificar isso. É isso. Agora, também podemos dar a esse efeito um nome diferente pressionando a tecla Return. Agora vamos chamar isso de efeitos de Vacilão. Lá vamos nós. Agora, vamos voltar ao grande título, e eu vou expandir e procurar o efeito Vacilão, que está bem aqui. Sabemos que temos essa amplitude Mestre que podemos usar para ativar ou desativar esses efeitos. Nós vamos escrever uma expressão sobre a amplitude Mestre, e que vai ser a expressão If Else que você viu no título desta lição. Agora, a expressão If Else é provavelmente a que vocês vão trabalhar mais, e é por isso que eu também quero que vocês saibam como escrever esse código. Se Else, como isso funciona? Bem, se marcarmos a caixa de seleção, então as amplitudes Master podem ser 100 ou os efeitos podem estar presentes. Se não selecionarmos a caixa de seleção, então não queremos ver os efeitos de falha, então a Amplitude Mestre será zero. É assim tão simples. Se isto, então aquilo. Se isso, então isso ou isso, então aquilo e isso. Só estou a complicar as coisas agora. Vamos apenas começar. Para começar a escrever expressões, vamos ter que Alt clicar, mas primeiro caras, eu também vou trazer os efeitos de caixa de seleção aqui no meu controlador porque eu vou precisar disso para escrever a expressão. Vamos voltar para a amplitude do Mestre. Pressione “Alt” e clique no cronômetro. Posso apagar o código, seja lá o que for, porque vamos começar e escrever algo novo. Nós vamos realmente escrever se, então vamos em frente e escrever isso se. Agora, vamos abrir os dois parênteses e entre esses dois, vamos escrever a declaração, e daí se. O que tem que ser se? Bem, se essa caixa de seleção, então nós vamos usar esta ferramenta pequena escolha chicote para que nós não temos que realmente escrevê-lo. Vai escrever automaticamente para nós. Se vamos usar essa ferramenta de seleção de chicote aqui do controlador de expressão para a caixa de seleção, você vê aqui, ele vai escrever este código para nós, que significa simplesmente, “Ei, essa caixa de seleção.” Nós temos a caixa de seleção, então se isso estiver marcado, agora, a fim de dirigir isso, nós vamos escrever dupla igual. Agora, a razão pela qual escrevemos duplas iguais é porque vamos apenas verificar qual é o valor. Está marcada ou não está verificada? É o que estamos fazendo agora. Se usássemos apenas um igual, então vamos salvar variáveis nisso. Isso é para mais tarde nesta aula, então não se preocupe muito com isso ainda. Duplo é igual a um. Um significa que está verificado. Zero significa que não está verificado. É assim tão simples. Você também pode escrever verdadeiro ou falso. Isso também é uma possibilidade, mas eu gosto de trabalhar com um e zero. Isso também funciona muito bem. Temos as declarações entre dois parênteses. Agora, vamos escrever o que tem que acontecer. Para fazer isso, vamos trabalhar com o ponto-e-vírgula, que é esta pequena figura aqui, e isso também tem que parar em algum lugar. Nós já podemos ir em frente, colocar alguns espaços lá e escrever o segundo ponto e vírgula para fechar isso. Você sempre quer abrir algo e fechá-lo de volta. Entre esses dois, vamos escrever o que tem que acontecer, ou apenas em outras palavras, o valor que tem que estar dentro das amplitudes do Mestre. Podemos ir em frente e escrever 100 aqui. Ele vai usar 100 e colocá-lo lá dentro. É assim tão simples. Agora, o que tem de acontecer se não for esse o caso? E se a caixa de seleção não estiver marcada? Bem, então, tem que ser zero, é claro. Vamos escrever logo depois daquele ponto-e-vírgula ali, senão, o que mais? Então a mesma coisa novamente, abra o ponto-e-vírgula. Vamos escrever zero agora, e novamente, fechar ponto e vírgula. Lá vamos nós. Se a caixa de seleção for uma ou habilitada, o valor na amplitude Mestre deve ser 100. Se esse não for o caso, então o valor tem que ser zero em amplitudes Master. É assim que podemos escrever uma expressão If Else. Esta é a base, e vamos ver mais tarde nesta classe também, como vamos utilizar este código para fazer muito mais coisas porque em vez de 100, nós também poderíamos dar uma ação totalmente diferente para esta expressão, mas isso é por enquanto. Vamos apenas clicar fora disso, selecione nosso Controlador. Você verá agora se temos a caixa D marcada, não temos os efeitos de falha. Se verificarmos, temos os efeitos de falha. Olhe para isso. Vamos abrir o painel de gráficos Essential, que está bem aqui. Vou selecionar a composição If Else. Eu só vou arrastar essa propriedade caixa de seleção agora para esta janela bem aqui. Você pode dar um nome a isso, por exemplo, efeitos de falha. O usuário final agora terá um botão de alternância muito fácil para ativar e desativar isso. É simples assim, pessoal. Podemos ir em frente e exportar isso novamente para o Premier Pro e usá-lo lá, mas esta é a expressão If Else. Espero que isso tenha sido um pouco claro. Definitivamente certifique-se de praticar isso um pouco em si mesmo antes de irmos mergulhar nas próximas lições, porque vamos trabalhar muito mais com essas expressões. Muito obrigado por assistir, e te vejo na próxima lição. 4. Fazendo o design de um terço inferior: Oi, meu nome é, e minha profissão é. Estou economizando tempo aqui, nem precisava mais dizer meu próprio nome. Eu só estou usando um modelo para isso, algo que eu criei no passado e agora eu estou apenas reutilizando-o. Eu acho que esta coisa modelo está começando a ficar claro. Vamos criar um terço inferior, pessoal, como a coisa que acabaram de ver. Estou dentro do Adobe After Effects bem aqui. A primeira coisa que eu vou fazer, que já foi habilitado que eu vejo aqui é o meu título, área segura, que você pode fazer a partir daqui. Vamos criar algo divertido. Vamos criar um plano de fundo primeiro. Eu só vou pegar a ferramenta de retângulo aqui em cima, e eu vou desenhar um retângulo como este. Este vai ser o pano de fundo para o texto do meu nome. Portanto, certifique-se de também ser organizado e apenas renomear suas camadas de texto. Por exemplo, este é o nome de fundo vermelho. Bom, vamos criar uma animação para isso para a propriedade position tão bem aqui em algum lugar, onde a animação termina. Então faça um quadro-chave para isso, volte no tempo, agora vamos empurrá-lo para a esquerda. Lá vamos nós. Agora que o retângulo vem deste lado, parece ótimo. Agora certifique-se de sempre trabalhar com keyframes suave cara. Certifique-se de que o quadro-chave final aqui, clique com o botão direito do mouse sobre ele, e vá para o seu assistente de quadro-chave e escolha fácil facilidade em, a animação está chegando de modo que agora temos uma animação suave acontecendo. Coisas muito básicas. Vamos duplicar essa camada para adicionar um efeito extra a ela. Lá vamos nós, e eu vou renomear esse top aqui para fundos brancos porque eu vou mudar a cor desse retângulo para branco. Lá vamos nós. Agora aqui está algo interessante quando estamos indo para compensar a camada superior aqui por um par de quadros, você vai ver que nós temos esta animação agora acontecendo, onde nós temos este retângulo vermelho aqui na parte inferior revelando-se, tão pouco tom extra para isso. Parece bom. Agora também vamos criar um novo campo de fundo para a profissão ou os subtextos. Como antes de apenas duplicar uma dessas camadas, você pode fazer isso por sinal pressionando “Control D” ou “Command D” no teclado se estiver trabalhando em um Mac. Eu vou arrastar esta camada aqui para o fundo, apertar a tecla “U” no seu teclado para revelar os quadros-chave e se você ficar em qualquer um desses e selecionar todo o resto, o que você pode fazer agora é realmente pegar essa camada e arrastá-la para um posição diferente, mas também certifique-se de que os quadros-chave vêm com ele. Agora, se você manter pressionada a tecla shift enquanto você movê-la, ela será bloqueada a um certo eixo, neste caso, o eixo y então você apenas puxa isso um pouco para baixo, assim. Isso vai ser, eu vou renomear isso para o fundo do subtexto vermelho. Novamente, duplique essa camada, e esta será a branca, então vamos renomear isso para branco de fundo. Mudar a cor para branco, e quer saber? Só para ter alguma diferença aqui, eu vou trazer esta camada para baixo assim e desta vez compensar a camada vermelha em vez da branca. Lá vamos nós. Agora temos esta animação acontecendo aqui, e para torná-la ainda melhor, vamos primeiro revelar o nome e depois os subtextos. Então pegue essas duas camadas aqui e mova-as um pouco mais para a direita, assim. Primeiro o nome entra, e depois a profissão, linda. Mas para ser ainda mais organizado dentro do seu terceiro design inferior, o que eu também faria é dar cores diferentes aos meus rótulos. Aqueles aqui em cima, eles têm cores azuis aqui estes rótulos, e você sabe o que? Para um subtexto, podemos realmente dar que uma cor diferente, por exemplo, laranja, [inaudível] sei como podemos ver claramente estas são as camadas para o subtexto e estas são para os textos principais. A razão pela qual eu acho tão importante ser organizado é porque você está fazendo um modelo e talvez em alguns meses você queira fazer ajustes nesse modelo, então você quer voltar para o projeto e entender o que você tem criado esses dois meses atrás. Vamos agora pegar a ferramenta de texto e começar a digitar o texto, o suporte do lugar. Para o topo, isso vai ser o nome, lá vamos nós. Vou mudar a cor para vermelho, talvez, lá vamos nós. Faça isso um pouco menor, e eu vou alinhar isso bem aqui ao lado desta diretriz. Agora aqui está algo super importante, pessoal, quando você está projetando modelos, você tem que ter em mente que os campos de texto vão mudar. Isso significa que se eu vou digitar aqui em vez do nome Yannick, que é meu colega, você verá que não será mais alinhado com a diretriz esquerda. Isso é porque o meu alinhamento está errado. Talvez isso não importasse nada se você estiver apenas trabalhando com um texto fixo, se você estiver criando modelos, é algo a ter em mente o tempo todo. Então, sob o parágrafo painéis aqui, certifique-se de alinhá-lo para o lado esquerdo, porque também temos um terço inferior no lado esquerdo. Agora podemos arrastar essa camada de texto aqui para a diretriz esquerda, e se eu vou mudar esse texto de volta para o nome, você verá que ele vai começar a partir dessa diretriz esquerda. Para agora para subtextos, vamos criar uma nova camada de texto e chamar este subtexto, fazer este seu branco, lá vamos nós, e talvez, talvez, talvez, talvez mudar a fonte um pouco em vez de Arial Black fazer isso negrito para que não seja muito ousado como o preto. Vamos escalar D isso para que ele se encaixe no subtexto. Mas algo para também ter em mente caras é o que suas camadas de fundo. Se, por exemplo, você tem alguém com um nome de profissão muito longo, isso em mente também porque se vamos começar a digitar nesta camada aqui, e ela vai além desse plano de fundo, não parece mais tão bom. Pense na palavra mais longa que você vai usar ou seu usuário final pode estar usando e certifique-se de que você tem algum espaço com suas camadas de fundo. Agora, antes que você vai me fazer a pergunta, eu também posso fazer minha escala de camada de fundo com o texto? Bem, sim. Mas é um pouco complexo e envolve algumas expressões mais complexas, e é por isso que eu tenho uma lição separada para isso mais tarde nesta aula. Por enquanto, vamos apenas projetar isso com um fundo fixo, tamanho em mente. Vamos dar o nome de volta ao subtexto, lá vamos nós. Agora vamos também criar uma animação de texto, e o que eu tenho em mente é que quando este bloco aqui entra e está cobrindo os vermelhos da mesma cor do texto, podemos então revelá-lo. Vou fazer isso com uma máscara, talvez desabilitar agora a área de ação segura do título porque não precisamos mais dela. Vamos começar criando uma máscara em seu endpoint. Basta clicar aqui em “Ferramenta de retângulo”, mas certifique-se de ter sua camada de nome selecionada. Vamos arrastar uma máscara em torno dele e certificar-se de que é longo o suficiente que ele não corte nada para nomes longos. Tenham isso em mente, pessoal, sempre façam. Agora vamos voltar para onde a animação está terminando em algum lugar aqui, e eu vou alinhar minha máscara ao lado dessa linha. Algo como isto. Agora vamos pegar o caminho da máscara porque é isso que vamos animar, e vamos apenas ir com esses dois quadros de volta para aqui e mover a máscara todo o caminho de volta também. Agora, porque temos aquele quadro-chave suave, a facilidade fácil de continuar com os fundos. Nós também queremos fazer isso provavelmente aqui, porque caso contrário, você pode ver aqui que a animação da máscara e do retângulo não se alinham. o botão direito do mouse aqui no último assistente de quadro-chave e escolha facilidade em e agora eles fazem correspondência. Não precisa ser perfeito porque temos esse bloco retangular vermelho, estamos apenas cobrindo. Isso parece bom, está se revelando agora por trás. Vamos fazer a mesma coisa para os subtextos, criar um retângulo de máscara sobre ele assim. Certifique-se de alinhar isso. Crie um quadro-chave para o caminho da máscara. Volte no tempo, onde esse retângulo está fora do enquadramento assim, e mova isso todo o caminho para a esquerda. Lá vamos nós. Clique com o botão direito do mouse e escolha “Fácil facilidade de entrada”, e esse subtexto agora também está sendo revelado. Agora, uma última coisa a fazer é habilitar o desfoque de movimento para todas essas camadas. Para ver isso, temos uma terceira animação muito moderna e apertada. Eu amo este. Agora, como eu disse antes, quando você estiver criando modelos, sempre tenha em mente todas as opções que o usuário pode querer alterar. Quando penso em terços inferiores, também penso na posição dos terços inferiores, por isso, neste caso, está sentado do lado esquerdo. Mas e se você tiver seus súditos também sentados no lado esquerdo e você pode querer ter seu terço inferior no lado direito? Vamos dar essa opção ao usuário final. Vamos criar um menu suspenso onde eles podem escolher se ele tem que ficar no lado esquerdo ou direito. Agora, para fazer isso, vamos ter que criar nosso terço inferior também no tamanho certo. Sim, podemos ir em frente e selecionar todas as camadas aqui e dizer 'Control C, Control V' para fazer uma duplicação direta disso. Infelizmente, não há controle de switch para fazê-lo alternar automaticamente. Teremos que guiar manualmente para nos sentarmos do lado direito. Enquanto eu estou mudando todos esses quadros-chave manualmente para torná-lo vindo do lado direito. É algo a ter em mente também, é que seu texto também precisa de um novo alinhamento. Isso significa que vamos para o parágrafo agora e mudar o alinhamento para os lados certos, assim, e apenas trazer isso de volta para os direitos. A mesma coisa para o nome para o lado direito e trazer isso de volta para os direitos. A última coisa que eu tenho que fazer é apenas mudar a animação dos caminhos de máscara. Lá vamos nós. Se jogarmos isso agora, podemos ver que temos um terço inferior em ambos os lados, que podemos usar como modelo. Agora, como vamos dar a opção para o usuário final alternar entre esses dois? A primeira coisa que vou fazer é agrupar esses dois terços inferiores juntos, o que vai ser um pré-comp. Selecione tudo do lado direito, clique com o botão direito do mouse e escolha pré-compor. Vamos chamar isso de animação de direitos. Pressione “Ok”, e digite a mesma coisa para o outro, clique com o botão direito do mouse, pré-compor e chame esta animação esquerda. Temos duas camadas agora. Se não vamos para a propriedade de opacidade, poderíamos criar uma expressão para trazer a opacidade de 0-100 para ativar ou desativar cada uma dessas camadas. Como vimos anteriormente, vamos criar um novo objeto nulo e vamos chamar esse controlador. Nesse controlador, eu vou aplicar algo chamado menu suspenso, que também é um efeito de controle de expressão. Lá vamos nós, vamos para os controles de efeitos e vamos para editar aqui a partir das propriedades do efeito. Vamos apenas excluir um desses itens com o menos no topo e vamos mudar os outros nomes. O primeiro vai ser deixado e o outro vai estar certo. Em seguida, aperte “Ok”, então temos dois itens no meu menu suspenso, esquerda e direita. Com isso, quero alternar entre estes dois. Vamos chamar isso de propriedade da posição. Lá vamos nós. A posição dos terços inferiores. Como antes, basta abrir o menu de posição de efeitos bem ali. Isso tem o que vamos ligar. Vamos começar com o primeiro. A animação direita aperta o botão “T”, no seu teclado para abrir a propriedade de opacidade e Alt clique no cronômetro, exclua o texto lá e vamos começar a escrever algo novo. Como já vimos antes, se, abrir os parênteses, vamos ligar para o menu. Lá vamos nós. Em seguida, o dobro é igual porque vamos ver o que está dentro do menu suspenso e eu acho que vai ser a posição 2, estou correto? Sim. Porque esquerda é o primeiro item no menu suspenso e direita é o segundo item no menu suspenso. É por isso que também temos que escrever no segundo número aqui. Se isso for igual a 2, então, abra ponto e vírgula, pode ser 100 de opacidade. Se não for o caso, vamos escrever outro agora, então tem que ser zero. Não queremos mostrar essa camada e fechar os parênteses. Lá vamos nós. Se tudo correu bem, quando eu vou mudar esse menu suspenso para a esquerda, ele vai esconder essa camada e mostrar quando eu vou configurá-lo para direitos. Agora podemos escrever exatamente o mesmo código para os terços inferiores esquerdos, mas apenas alterar um pequeno parâmetro. Para torná-lo mais fácil, eu vou apenas copiar este código inteiro aqui, Controle C, Alt clique na opacidade da animação esquerda e basta colar isso lá dentro. Mas eu vou mudar a posição do menu para um neste exemplo. Agora podemos ir em frente e alternar entre a esquerda e a direita. Como você pode ver, a única coisa que ele está fazendo é apenas mudar a opacidade, mostrando uma camada ou outra. Agora vamos trazer nossos gráficos essenciais. Eu vou selecionar a composição terços inferiores, e eu vou trazer essa propriedade do menu bem ali. Esta vai ser a propriedade position esquerda ou direita. Isso é algo super amigável para o usuário final. Todo mundo adora menus suspensos. Certo, então há uma última coisa que temos que fazer e que é o texto real. Agora, há um problema porque qual propriedade de texto vamos adicionar aos gráficos essenciais para os modelos? Temos a esquerda e a direita. Isso significa que temos que criar dois campos de nomeação para esquerda e direitos? Não, claro que não. É assim que funciona. Vamos abrir as duas composições. Lá vamos nós. Tenho-os aqui mesmo. Talvez para nos tornarmos um pouco mais fáceis, eu só vou arrastar a direita aqui para o lado direito da minha tela e ter a esquerda aqui à esquerda. Aqui estão as duas composições. O que eu quero fazer é apenas fazer um desses campos de texto, o mestre eo outro vai seguir. É assim que funciona. Eu vou começar com os campos de nome, e eu vou apenas abrir a propriedade text para fonte de texto. Aqui também, nome, abra a fonte de texto. Isso também é uma expressão, mas felizmente não temos que escrever muito, só temos que ligá-los juntos, então o nome 2 vai seguir o que seu texto fonte aqui. Pegue o chicote 2 para os textos fonte, vai seguir seu mestre, que é o texto fonte da animação esquerda, o outro campo nome. Lá vamos nós. É assim tão simples. Você vai ver agora que deixe-me apenas ampliar esta composição por um momento. Dentro do texto fonte automaticamente, algum código de expressão foi escrito, que está apenas apontando para o texto fonte da outra camada. Tudo bem, então vamos fazer a mesma coisa agora para subtextos. Basta recolher estes outros dois aqui, textos fonte, subtexto, lá vamos nós e ligamos isso ou pai para a outra camada. Isso significa que agora que não precisamos mais nos preocupar com a animação certa, podemos ir em frente agora e levar o texto fonte para subtextos para a animação esquerda, que é o mestre para os gráficos essenciais, e a mesma coisa vai para o nome também. Vamos colocar isso em cima e chamar esse nome e o outro subtexto. Lá vamos nós. É assim tão simples. Você vai ver agora, você pode mudar de nome para Jordy, cara que economiza muito tempo. Agora, como você pode ver, ele mudou a fonte de texto dos terços inferiores esquerdos, mas também o dos terços inferiores direito, porque ele está apenas apontando para os outros campos de texto. É assim que você pode criar seu próprio terceiro modelo inferior com um monte de opções diferentes, mas ainda torná-lo muito user-friendly para o usuário final, isso é algo que você sempre precisa ter em mente, torná-lo user-friendly. Foi isso de novo. Muito obrigado por assistir e te vejo na próxima lição. 5. Animações avançadas: Agora você tem feito um trabalho incrível até agora. Veja o que tem feito até agora. Você tem escrito expressões, criando modelos. Você já aprendeu uma tonelada, então continue assim. Eu ainda estou super animado, então vamos continuar agora nesta lição. Vamos criar uma pequena animação de texto, e vamos trabalhar com coisas como Vinculação de Objetos. Eu também vou ensinar a você como trabalhar com curvas de animação e, finalmente, algumas técnicas de formatação para criar um modelo. Vamos começar. Eu vou para a minha ferramenta de texto no topo, como [inaudível]. Nós vamos criar essa palavra ficar, e então nós temos esses textos deslizantes chegando como permanecer criativo, ficar seguro, ficar frio, ou o que você quiser. Vamos fazer isso. Vamos começar apenas escrevendo “Fique”, e eu vou colocar isso aqui mesmo. Vou ajustar o alinhamento para a direita. Ele já está definido corretamente porque se vamos dar ao usuário final a possibilidade de também alterar esse texto, essa pessoa pode escrever algo mais longo. Então vamos manter isso com Fique agora, e eu vou alinhá-lo em algum lugar aqui. Você também pode usar as ferramentas de alinhamento aqui em cima se você quiser posicioná-lo exatamente no meio aqui com esse botão. Lá vamos nós. Este vai ser o texto principal, então vamos renomear essa camada para PRINCIPAL TEXT. Em seguida, eu vou apenas duplicar o texto principal, e assim eu tenho certeza que nós temos exatamente o mesmo tamanho e tudo dessa camada de texto. Este eu vou alinhar para o lado esquerdo, e aproximar mais do meio assim. Mas quer saber? Vamos chamar isso de Criativo. Este vai ser o meu Subtexto 1. Vamos continuar a fazer isto. Eu vou duplicar essa camada Subtexto número 2, e eu vou mover esse para baixo assim. Vamos chamar este, digamos “Safe”. Vamos duplicar isso de novo, derrubar isso. Chame aquele de Cool. Talvez, talvez mais um Subtexto número 4. Fique, eu não sei. Quente. você quer ficar frio quando está quente lá fora, e você quer ficar quente quando está frio lá fora. Faz sentido. Eu quero que você crie animação agora onde estão esses textos vão para cima. Só vamos animar uma dessas camadas de texto. Essa será a maneira mais eficiente, e nós vamos apenas vincular todas as outras camadas de texto ao mestre. Os outros serão os seguidores. Assim como vimos na lição anterior em que vamos vincular aos textos fonte para o mestre, desta vez vamos apenas vincular toda a camada a ele. Isso vai ser feito com a ferramenta pai, que podemos encontrar aqui. Estes chicotes aqui. Se você não conseguir ver isso, basta clicar com o botão direito do mouse aqui em suas colunas, e a partir daí você pode escolher suas colunas, as opções Pai & Link. Nós vamos vincular tudo ao Subtexto número 1, então basta selecionar todas as outras camadas de subtexto. Basta pegar a ferramenta de seleção de chicote, e vinculá-la ao Subtexto número 1. Podemos ir em frente e apenas animar o topo. Você sabe o que? Esta é a última posição aqui, então eu vou avançar um pouco no tempo, criar um quadro-chave, depois voltar no tempo e empurrar este texto para baixo. Você pode ver aqui tudo o resto segue com isso. Para ter certeza de que estamos sempre na mesma linha, podemos realmente trazer os governantes aqui na composição. Se você pressionar “Control R” você pode ver isso aqui aparecendo, e você pode realmente arrastar uma régua a partir disso. Vou alinhar isso com o texto “Stay “, e assim tenho certeza que vou ficar exatamente na mesma altura. Vamos jogar de volta e isso parece bom, mas eu queria ir muito mais suave. Uma coisa que podemos fazer é clicar com o botão direito do mouse no quadro chave final, basta ir até o Assistente de quadro chave e escolher “Fácil facilidade em entrar”. Agora já vai um pouco mais suave, mas eu queria ir ainda mais suave. Aqui é onde essas curvas de animação entram. Para mostrar essas curvas de animação o que temos que fazer aqui é clicar neste ícone, o Editor de Gráficos. Isto aqui, o que vemos agora é esta curva de fala. Se você não pode ver isso, o que você quer fazer então é ir para este pequeno menu bem aqui e escolher um tipo de gráfico. Você deseja certificar-se de que a opção Editar gráfico de velocidade está selecionada. Eu acho que por padrão o Gráfico de Valor está selecionado, então você pode mudar isso. Se pudéssemos agora empurrar aqui ou puxar essa alavanca, nós podemos fazer os textos ir mais rápido no início e lentamente desacelerar até a posição final. Quanto maior for a linha do gráfico de velocidade, mais rápida sua animação vai. Quanto mais baixo for, mais lento ele vai. Vamos jogar isso de volta. Como você pode ver aqui ele vem em rápido, mas também pára muito mais suave. Você também pode puxar isso um pouco mais para os lados direito fazendo boa animação apenas mais longo e cronometrado. Vem rápido e pára lentamente. Está ótimo. Se você gosta, você também pode adicionar essa expressão lá como já vimos antes aqui em nosso site. A Expressão Bounce, algo que eu uso com muita frequência. Alt/clique nesse cronômetro. Faça também baseado em uma expressão aqui. Lá vamos nós. Agora podemos ter aquele salto muito suave lá dentro. A razão pela qual não vemos mais esse salto é porque temos essa curva de animação acontecendo. Quanto mais suavizar essa curva de animação, menos saltos você vê. Mas algo digno de nota, se entrarmos no código de expressão bem aqui; deixe-me dar um pouco mais de espaço para isso, há algumas coisas que podemos entender. Por exemplo, aqui na parte inferior podemos encontrar amplitudes; o valor amp, a frequência e a decaimento. Por exemplo, a amplitude. Quanto mais altas as amplitudes, talvez mais ele saltará, então vamos tentar mudar isso. Talvez defina isso para cinco ou algo assim. Vamos ver o que isso faz. Você já pode ver agora que ele equilibra extra no final. Não está parecendo muito bom, então talvez diminua um pouco. É assim que você pode brincar com essas expressões também. Isso para dois, e eu acho que isso parece muito bem. Temos um equilíbrio muito suave lá dentro, o que o torna mais dinâmico. Você também pode brincar com a frequência e a decadência para apenas ver o que isso faz para a sua animação. Esse é o primeiro com bom aspecto. Vamos passar para a próxima mensagem. Mantenha-se criativo, vamos criar um novo quadro chave. Vá em frente no tempo, e traga isso para Stay Safe. Como antes, vamos criar curvas de animação, então vamos voltar para o Editor de Gráficos. Se você não vir nenhum gráfico aqui, isso significa que você não selecionou sua propriedade. Certifique-se de selecionar isso, e isso iria trazer as curvas. Vamos fazer isso de novo. Vou selecionar o primeiro quadro chave, trazer isso para baixo e puxá-lo para o lado direito. Traga o outro para baixo também, e traga para o lado esquerdo. Vamos acelerar para uma velocidade muito rápida, e depois voltar para a posição stop. Olhe isso, parecendo incrível. Vamos continuar fazendo este quadro chave, avançar no tempo e trazê-lo para cima. Novamente, no Editor de Gráficos, puxe este quadro de teclas para baixo para a esquerda, puxe este quadro de teclas para baixo para a direita. Lá vamos nós. Vamos dar uma olhada na animação final. Acho que isto parece muito fixe. Podemos agora ir em frente e remover essa diretriz apenas arrastando-a para cima novamente e talvez também desmarque a área Title Safe, e lá vamos nós. A próxima coisa que quero fazer é destacar todos os outros textos. Então só mostre aquele que fica ao lado de Stay. Para fazer isso, vou agrupar tudo. Basta selecionar todos os seus subtextos, clicar com o botão direito do mouse e escolher “Pré-compor”. Vamos chamar isso de Subtextos. Aperte “Ok”. Agora é apenas uma questão muito simples de arrastar uma máscara retangular sobre essa composição, algo assim. É assim que podemos revelar esses outros textos sob a máscara. Isso parece muito legal, embora eu mesmo tenha que dizer. Vamos colocar isso em um modelo, e eu quero mostrar a vocês algumas opções de formatação. Vamos voltar para o Essential Graphics. Vou selecionar minha composição principal, que é Rolling Text. Vamos chamar isso também Rolling Text, e vamos arrastar as propriedades aqui que achamos importantes para mudar. Esse será o texto principal aqui, o texto fonte desse texto. Vamos dar um rótulo, Main Text. Em seguida, o subtexto, vamos ter que saltar para o pré-comp para isso, e apenas arrastar qualquer um destes para aqui. Lá vamos nós. Subtexto 1, Subtexto 2, Subtexto 3 e, finalmente, Subtexto 4. Podemos dar a isso um nome, Subtexto 1, Subtexto 2 para que as pessoas vejam o que estão mudando. Isso agora é algo que poderíamos exportar como um modelo para o usuário final, mas poderíamos tornar isso um pouco mais fácil de usar adicionando formatações. Aqui na parte inferior, podemos encontrar um menu suspenso de formatação. Há duas coisas que podemos fazer, podemos adicionar um comentário e podemos adicionar um grupo. Vamos começar adicionando um grupo. Basicamente, este grupo é como um lixo. Podemos, por exemplo, chamar um Main, e vamos arrastar o Texto Principal para lá. Nós também poderíamos fazer um grupo dentro de um grupo, vai ser os subtextos, mas eu vou arrastar esse grupo para fora desse grupo. É como fazer pastas caras, você também pode fazer subpastas obviamente. Eu só vou trazer todos esses subtextos para aqui. Lá vamos nós. Agora temos dois grupos. Também podemos colapsá-los, expandi-los novamente. Isso é realmente útil se você tem um monte de propriedades para dar aos usuários finais, que eles tenham uma melhor visão geral do que é para o quê. Finalmente, também temos uma opção aqui chamada Adicionar comentários, que é basicamente apenas o rótulo. Você pode dar algumas informações ao usuário final. Por exemplo, dê o rótulo aqui Info, e nós vamos dizer Alterar o texto dos subtextos e talvez colocar isso aqui no topo. Agora as pessoas saberão que essas opções são para alterar os subtextos. Este é um campo não editável, a propósito. Ele só funciona como rótulo, como uma informação para compartilhar. Algo que você também pode fazer definitivamente se você estiver indo para compartilhar seu modelo em um mercado ou algo é dar algumas informações sobre o arqueiro. Criado por Jordy Vandeput. Dê algumas informações sobre direitos autorais, talvez com isso. Normalmente, esse rótulo é colocado na parte inferior, ou todo o caminho no topo de seus modelos assim. A última coisa que quero mostrar a vocês é o “Set Poster Time”. Para isso, eu vou voltar para a minha composição principal aqui, e escolher para um quadro aqui na minha composição que eu sinto que deve atuar como uma miniatura para os templates. Por exemplo, talvez em algum lugar aqui entre dois, modo que você também está mostrando isso tem uma animação. Eles são definitivamente se vamos ativar o Borrão de Movimento, basta olhar para isso. Podemos realmente dizer, use este quadro como a miniatura apenas clicando agora aqui em Definir Tempo de Poster e você também verá que ele atualiza aqui mesmo. Isso é o que as pessoas verão no Premiere Pro quando carregarem em seus modelos. Vamos apenas deixar sentar em Exportar Motion Graphics Template. Sim, guarde isso. Este vai ser chamado de Rolling Text. Já tem o nome certo. Vamos apertar “Ok”. Sim, eu sei que não estamos usando um Adobe Font. Estou bem com isso, e agora vamos entrar no Premiere Pro. No painel Gráficos essenciais, vou clicar aqui na parte inferior para instalar um novo modelo de animações e escolher o meu texto rolante e lá vamos nós. Também podemos ver aqui a miniatura que escolhemos. Podemos arrastar isso para a linha do tempo, e eles vamos. Minuto é selecionado, podemos então mudar tudo o que definimos antes. Aqui você pode ver os rótulos criados por Jordy Vandeput. Subtexto com mais informações sobre o que fazer com isso. Você também pode recolhê-los agora porque criamos grupos ou expandi-los novamente, e podemos alterar o texto lá dentro. É assim que podemos adicionar mais algumas formatações para um modelo, bem como criar uma animação mais avançada usando Vinculação de Objetos e essas curvas de animação. Com isso, espero que tenha aprendido algo novo. Muito obrigado por assistir, e te vejo de volta na próxima lição. 6. Controladores de cores: Cores. Não os amamos? Olha, vermelho, é a minha cor favorita. Qual é a sua cor favorita? Vamos começar, pessoal. O que eu tenho aqui, onde estão meus mousepads? Perdi meus tapetes. São mousepads ou tapetes de mouse em inglês? Eu não sei. De qualquer forma, vamos continuar. Esta é uma animação muito simples de dois retângulos. Temos uma linha de fundo e uma linha superior. Basicamente, o que está acontecendo é que eles se animam entrando e saindo e um texto revelará. Eu não me importo muito com o texto agora, eu estou mais interessado nesses dois retângulos que eu quero mudar sua cor. Todos sabemos que, por exemplo, se levantarmos a opacidade da linha superior, e vamos Alt clicar no cronômetro para escrever uma expressão, podemos escrever um valor aqui. Por exemplo, 50. Ele produzirá isso como a opacidade, 50 por cento. A propriedade de opacidade só vai dar uma olhada no que o valor está dentro da expressão. Se estamos escrevendo uma expressão if/else, agora também vamos escrever o que o valor tem que ser. É exatamente a mesma coisa. Quando vamos para a cor deste retângulo, vamos encontrá-lo aqui. Conteúdo, Retângulo, Preencher, bem aqui, a cor. Quando estamos indo para Alt clique sobre isso, então o que devemos escrever lá para a cor vermelha, por exemplo? Vamos tentar um vermelho, mas acho que isso não vai funcionar. Não, não pode ler vermelho. Para cores, também queremos ler um valor numérico, mas qual é o número de vermelho? Bem, há uma ferramenta muito simples para isso. Se você iria procurar no Google para o seletor de cores, você pode realmente encontrar esta ferramenta aqui onde você pode apenas arrastar esta coisa ao redor para escolher a cor que você gostaria, e você sabe o que? Vamos pegar algo que pareça vermelho. Lá vamos nós. Aqui na parte inferior, você pode encontrar um monte de números. Nós obtemos o valor HEX desta cor, nós também obtemos o valor RGB, o CMYK, etc. Todos estes produzem um valor numérico diferente, e isso é algo em que estamos interessados. Em particular, o valor RGB. Estes três números representam vermelho, verde, azul, tal como o nome RGB. O máximo, se eu só vou arrastar isso todo o caminho até aqui no canto, vermelho puro, você vai ver que vermelho agora fica em 255, que é o máximo. Isso pode ser visto como 100% vermelho puro. Não há nada mais quando esse valor está em zero por cento ou também zero e seu valor numérico, não temos nenhum vermelho. Vamos trazê-lo todo o caminho até aqui para preto, agora é zero, bem como para todas as outras cores. Vermelho, verde e azul são todos zero, preto. Mas se pudéssemos levar isso até o branco, tudo seria 255. Se todas as cores são iguais, elas se somam e nós ficamos brancos. Mas se conseguirmos algo no meio, vamos para algo assim, teremos um valor muito diferente. Se somarmos todos estes, 153, 125 e 41, ficaríamos com este amarelo muito feio. Isso é algo muito interessante de saber. Podemos simplesmente ir em frente e copiar e colar o valor daqui no After Effects. Vamos escolher uma cor mais bonita, algo como verde. Lá vamos nós. Eu só vou copiar isso e apertar “Controle C” para copiar esse valor, depois voltar para o After Effects. Isso é algo que agora podemos simplesmente colar na expressão. Mas antes de fazermos isso, vamos primeiro ter que escrever colchetes abertos porque vamos ter que definir quatro pontos. Toda vez que vamos falar sobre seus pontos ou vários valores, você sempre tem que abrir um colchete. Se vamos trabalhar com a posição, por exemplo, obtemos dois valores; o y e o eixo x. Então nós também escreveríamos os colchetes abertos. Neste caso, eles serão quatro valores. Eu sei que acabamos de copiar três, mas entraremos no quarto em um momento. Então entre colchetes aberto e indo para colar, os valores bem ali. Podemos deixar as vírgulas porque toda vez que adicionamos uma vírgula à nossa expressão, isso significa que vamos começar com os próximos pontos. Ficamos vermelho, verde, azul, e haverá um quarto, vírgula, e esse é o canal alfa. Alfa significa basicamente opacidade. Qual será a opacidade da cor? Se eu definisse isso como zero, então minha cor seria transparente. Não vemos nada. Se eu definir isso para 255, que é o máximo, então nós temos opacidade 100 por cento. Neste caso, vamos nessa. Basta digitar 255, a opacidade máxima e entre colchete. Vamos ver o que acontece. Se eu vou clicar de distância, você vai realmente ver que a cor dessa linha superior realmente não muda. Ainda é branco, e isso porque o After Effects funciona nos valores RGB, mas não dá uma olhada nesses 0-255. Isso porque o After Effects olha para suas cores de 0-1 e tudo no meio, que pode ser 0,7, 0,4, etc. A razão para isso tem a ver com a profundidade do bit de cor. Mas como artista cinematográfico, não nos importamos muito com isso. Não vou incomodá-lo com essa longa explicação. Vamos apenas fazer uma equação matemática muito simples em expressão. Isso é certo. Também podemos usar isso como calculadora. Se 255 tem que ser um, isso significa que podemos simplesmente dividir isso por 255. É simples assim. Depois de escrever isso, obtemos exatamente a mesma cor que escolhemos seletor de cores do Google, aquele lindo verde. É assim que podemos definir e escrever cores, e é assim que podemos inserir uma cor em uma expressão. Por que isso é importante para você perguntar? Porque sim, nós também poderíamos apenas ir para nosso tutor de Gráficos Essenciais e muito simplesmente apenas arrastando a propriedade de cor para lá e os usuários terão a capacidade de mudar a cor a partir daí. Bem, isso é porque às vezes você só quer dar uma cor predefinida, uma cor que o usuário final não tem permissão para alterar. Por exemplo, deixe-me apenas voltar para meus controles de efeitos e eu vou passar para Layer, New, Null Object. Este vai ser o meu controlador. Vamos mudar o nome para controlador. Vou arrastar um menu suspenso para ele. Controlador de menu suspenso bem ali. Vamos para Editar, e eu vou criar três valores. Por exemplo, criamos este terço inferior aqui, mas cada pessoa tem sua própria cor predefinida. Por exemplo, Jordy tem sua própria cor, talvez vermelho, então Yannick também tem sua cor, por exemplo, azul, e para o último temos Lorenzo, que tem um verde como sua cor. Vamos tocar “Ok”. Agora vamos voltar para o controle de cores aqui, e vamos escrever novamente essa expressão if/else. Se vamos escolher Jordy no menu suspenso ou apenas eu, então você vai ter que exibir essa cor específica. Se for outra pessoa, teremos que exibir outra cor. Vamos fazer isso. Esta vai ser uma expressão mais complicada, então isso vai ser muito interessante. Deixe-me fazer isso aqui um pouco maior. Como antes, eu vou começar com escrever se, então se abrir parênteses, e nós podemos escolher com isso para o menu aqui no topo para que o menu drop-down, se esse é o primeiro valor que é Jordy, em seguida, abra ponto e vírgula, pode ser essa cor específica. Vamos voltar ao seletor de cores do Google, pegar a cor vermelha, copiar o valor RGB, voltar ao After Effects. Vou sobrescrever isso com estes três números, o último é a opacidade. Basta deixar isso para 255, e nós vamos dizer ponto e vírgula perto. Lá vamos nós. Você verá que isso aqui é vermelho. Se vamos mudar isso para Yannick, por exemplo, vai dar um erro porque ainda não temos essa opção lá dentro. Mas você vai ver que ele vai mudar a cor de modo que está funcionando muito bem. Vamos voltar para Jordy. Como você pode ver aqui na minha expressão, o que eu estou fazendo na verdade é também eu estou adicionando quebras na minha expressão. Dessa forma, eu tenho um pouco melhor visão geral do que estou escrevendo aqui em citação, e talvez, eu possa até compensar isso um pouco com um toque para tudo o que está sentado um pouco mais longe ou fica dentro de uma expressão if/else. Mas agora vem a parte complicada porque não podemos digitar mais aqui. Porque se fizermos isso, diremos, se Jordy, então essa cor, e se mais, qualquer outra coisa que não seja essa cor. Mas porque temos três valores: Jordy, Yannick e Lorenzo, não podemos fazer isso. É por isso que vou acabar com a citação “if “aqui mesmo. Se selecionamos o primeiro item no menu, altere a cor para esse valor. É isso. Agora podemos ir em frente e apenas copiar esta linha inteira aqui, adicionar algumas quebras lá, e colá-lo de volta porque nós estamos apenas indo para fazer um segundo se expressão para o menu número 2. Vamos voltar para o seletor de cores do Google e vamos para algo azul como esse, copiar o valor RGB, voltar para o After Effects, e eu vou mudar o valor aqui para esse azul. Lá vamos nós. Novamente, copie tudo, Controle C , adicione uma pausa, cole , e desta vez, menu número 3, que será Lorenzo. Vamos para o seletor de cores do Google, selecione verde, copie esse valor RGB. Vamos voltar ao After Effects e mudar aqui estes três primeiros números. Lá vamos nós. Vamos tentar agora. Jordy, vermelho, Yannick, azul, e finalmente, Lorenzo, verde. Isso está funcionando perfeitamente e muito interessante agora é que podemos ir em frente e também alterar os textos aqui. Agora diz “mineração”. Vamos copiar tudo dessa expressão. Vamos levar tudo. Eu vou agora para a minha camada de texto aqui, vá para o texto fonte porque isso é o que nós vamos mudar, essa fonte dessa camada de texto, Alt clique no cronômetro e basta colar toda a expressão lá. Vou ampliar isso em pequenos pedaços para que você possa ver melhor. Lá vamos nós. Nós não temos que dar valores RGB agora, nós vamos dar valores de texto. Você pode pensar que nós podemos apenas ir em frente e apenas escrever aqui Jordy Vandeput, mas infelizmente, isso vai dar um erro. Se estamos falando de texto como textos puros como o meu nome, por exemplo, então sempre temos que colocar isso entre aspas. Vamos fazer isso. Uma citação ali e uma citação aqui. Lá vamos nós, Jordy Vandeput. Agora ele vê isso como um texto real. Vamos fazer isso aqui também. Yannick Theunissen, esse é o sobrenome dele. Finalmente, temos Lorenzo Menz, com um z. A expressão se já foi escrita, agora você pode ver a partir do controlador que se vamos mudar um desses valores aqui em um menu drop-down que também o texto irá mudar. Isso vai ser muito útil se você tiver, por exemplo, um show ao vivo onde você sempre tem as mesmas pessoas no show, então não dê muitas opções para o usuário final. Se eles podem simplesmente mover um menu drop-down simples e eles têm definido para a cor certa e para o nome certo, então isso é ainda mais fácil de usar do que dar-lhes um controlador de cores e uma caixa de texto. Isso está ótimo. A última coisa que quero mostrar a vocês é que ainda temos o resultado final. Eles são muito interessantes é que podemos dar uma cor que é diferente do vermelho, mas ainda vermelho com uma equação muito simples. Vou expandir a linha superior e talvez tornar o meu campo de expressão um pouco menor. Lá vamos nós. Eu também vou fazer a mesma coisa com a linha de fundo, basta abrir isso. O que eu vou fazer aqui para a linha de fundo é apenas Alt clique no cronômetro. Vou remover os textos lá dentro, e vou ligar isso à cor da linha superior. Agora, estamos assumindo a mesma cor, então nada acontece. Mas se vamos fazer uma pequena equação matemática, então, por exemplo, dividir tudo por dois, temos um tom mais escuro desse azul, que é realmente interessante. Nós não temos que ir em frente e escrever expressões e fazer todas essas coisas loucas. Podemos dividir isso por dois e teremos uma sombra diferente. Para Yannick, isso vai ser azul mais escuro, e para Lorenzo, vai ser um verde mais escuro. Lá vamos nós com um menu drop-down simples, podemos controlar um terço inferior com cores diferentes e textos diferentes, super user-friendly. É assim que as cores funcionam dentro do Adobe After Effects. Muito obrigado por assistir, e estou super animado para vê-lo de volta na próxima lição. 7. Manipulando caixas de texto: Eu já disse isso muitas vezes antes e eu vou dizer isso novamente, é super importante que você faça um modelo que é fácil de usar, mas também que o usuário final não pode cometer nenhum erro, que você tem um sistema de failover. Deixem-me mostrar-vos o que quero dizer com isso. Eu vou criar um campo de texto simples, e vamos chamar esse texto de exemplo, e eu vou alinhá-lo aqui no canto inferior esquerdo. Lá vai você. Este é o meu modelo, e eu vou arrastar o texto de origem para os meus gráficos essenciais. Agora, e se o usuário final vai digitar uma frase muito longa aqui? Por exemplo, Jordy é super incrível, muito legal. Agora, veja o que acontece aqui. Minha frase está sendo cortada em algum lugar bem ali, e como criador de modelos, queremos ter certeza de que essas coisas não acontecem. Então, em vez de criar um campo de texto, eu vou apenas excluir isso aqui, vamos criar uma área de texto. Agora, para fazer isso, apenas novamente, coloque a ferramenta de texto no topo, mas desta vez não clique, mas certifique-se de clicar e arrastar para criar uma área de texto. Vamos digitar algo aqui, exemplo de texto. Novamente, vamos pegar a propriedade de texto fonte, arrastar isso para os gráficos essenciais, e agora vamos digitar essa frase realmente longa. Jordy é super incrível, incrível, coool. Tenho três “Os “lá, mas tudo bem. Lá vamos nós. Sabemos que podemos ver que temos uma quebra automática de linha se o texto vai ser muito longo. Mas há um pequeno erro onde as duas linhas estão se sobrepondo, mas podemos mudar isso aqui com a liderança, definir a liderança então apenas aumentar em um pouquinho, lá vamos nós. Isso é ótimo. Nós nos certificamos de pegar esse fracasso. Deixe-me ir em frente, e alinhar isso um pouco melhor. Nós nos certificamos de que podemos escrever duas linhas aqui. Vou arrastar isto para baixo. Lá vamos nós, então agora está melhor alinhado. Mas agora o que acontecerá se eu for escrever em uma frase mais curta aqui? Por exemplo, apenas Jordy Vandeput, meu nome. Bem, agora meu nome está um pouco alto demais. Agora quero que isto fique aqui no fundo. Então eu vou arrastar isso para baixo. Mas agora o usuário final vai decidir escrever em uma frase mais longa novamente. Jordy Vandeput é incrível, realmente coool com três Os. Agora, vemos que nosso texto está grudando demais no fundo. Queremos criar algo onde o campo de texto vai ser alinhado um pouco mais alto quando estamos fazendo uso de duas linhas, e um pouco mais baixo quando estamos fazendo uso de apenas uma linha. Mais uma vez, isso vai ser corrigido com uma expressão. Não se preocupem pessoal, desta vez eu não quero que vocês realmente saibam exatamente como escrever essa expressão, nós vamos copiar e colar algo novamente, porque afinal de contas isso é o que as expressões se resumem a muito, apenas copiando e colando trechos do que você encontra na Web. Deixe-me ir em frente, e essa expressão precisa ser colada na propriedade do ponto de ancoragem. Porque com o ponto de ancoragem, podemos ver que também podemos mudar a posição da camada de texto para que seja bom. Deixe-me apenas ir em frente e Alt, clique nos pontos de ancoragem, e eu vou colar na minha expressão. Agora, isso também é que você pode encontrar aqui a partir dos caras de downloads. Se você baixar todos os arquivos do projeto, você encontrará um pequeno arquivo de texto lá, bem como onde você pode apenas encontrar esse código, e ele também irá certificar-se de que você pode encontrar essa expressão aqui dentro das notas de classe no próprio player. Podemos simplesmente ir em frente e copiar e colar isso na propriedade pontos de ancoragem. Basicamente, o que ele está fazendo aqui é fazer uso de uma função chamada SourceSectatTime, e nós vamos mergulhar um pouco mais fundo nisso na próxima lição. Por enquanto, não se preocupe muito com isso. O que basicamente vai fazer é dar uma olhada na largura e altura dos campos de texto, e ele vai ajustar a propriedade do ponto de ancoragem de acordo com a altura, neste caso, dos meus campos de texto. Isso é basicamente isso, nada mais com que se preocupar apenas clique de distância, e ele fez o seu trabalho. Agora, podemos ir em frente e pegar esse campo de texto, e mover isso para uma posição diferente. Estamos alterando a propriedade position agora, não a propriedade do ponto de ancoragem. Lá vamos nós, ele fica no lugar certo. Deixe-me apenas ir em frente e mudar o texto agora para apenas Jordy, por exemplo. Lá vamos nós, e agora você verá que automaticamente meu campo de texto está sendo ajustado para a parte inferior. Eu sei que teria sido muito mais fácil se houvesse uma opção de alinhamento vertical, mas não temos isso dentro do After Effects, então tivemos que criar isso nós mesmos com uma expressão. Lá vamos nós. Duas coisas muito importantes, os campos de texto para se certificar de que podemos adicionar uma nova linha, mas também a expressão de alinhamento vertical para garantir que sempre começamos a partir da mesma altura. Na próxima lição, vamos mergulhar um pouco mais fundo na expressão SourceSectatTime porque isso é algo muito importante, e isso nos permite criar modelos muito mais dinâmicos com muito mais funcionalidades. Vejo vocês na próxima aula. Muito obrigado por assistir de novo. 8. Criando links: Objetos vinculando, o ato de vincular objetos juntos, o que é bastante óbvio. O que eu tenho aqui é um logotipo muito típico revelar animação. Isso é algo que você poderia criar para vender em um mercado. Asseguro-me de que é fácil de usar. Neste momento, um dos primeiros problemas que estou encontrando é que o logotipo não está realmente seguindo a animação do retângulo de fundo. Esta vai ser a minha primeira maneira de unir objetos. Vamos fazer isso com as ferramentas pai e link bem aqui. Você pode ver isso aqui em suas opções de camada. Basta clicar com o botão direito do mouse em suas colunas, ir para “Colunas” e verificar se o pai e o link estão habilitados. Podemos então ir em frente e simplesmente vincular essa camada com a ferramenta pai para os fundos hexágono, é simples assim. O que estamos fazendo agora é apenas dizer para assumir todas as propriedades de animação, a posição, a escala, tudo sobre os fundos hexágono. Vai seguir lindamente. Olhando bem. Vamos arrastar esse logotipo agora para os gráficos essenciais e dar isso como uma opção para mudar para o usuário final. A próxima coisa que eu quero fazer é também dar a opção de mudar a cor de fundo aqui do hexágono. Vamos abrir as propriedades, e está bem aqui, cor, debaixo do preenchimento. Vamos arrastar isso para os gráficos essenciais também. Esta vai ser a cor do fundo. Também temos um fundo retângulo de texto bem aqui. Nós também poderíamos dar isso como uma opção para mudar a cor de, mas eu não quero que ele para torná-lo um pouco mais fácil e apenas dar uma opção para o usuário final, e com essa opção aqui para cor de fundo, ambas as camadas precisam ser alteradas. Esta vai ser a minha segunda forma de ligação de objectos. Vou abrir as propriedades aqui para os meus fundos de texto e localizar a cor de preenchimento, está bem ali. Deixe-me fazer isso um pouco maior para que possamos ver melhor. O que eu vou fazer agora é apenas vincular essa propriedade à cor dos fundos hexágono. Não quero ligar tudo como fizemos antes, só a cor. Para fazer isso, vamos ter que Alt clicar na propriedade color para escrever uma expressão. No entanto, podemos escrevê-lo automaticamente usando agora a ferramenta pick whip do controlador de expressão, e vamos vinculá-lo à propriedade color. Lá vamos nós. Ele vai escrever a expressão para nós, basta clicar de distância, e automaticamente quando estamos indo para mudar a cor de fundo agora para outra coisa, vamos tomar vermelho você vai ver que os dois vão mudar, a segunda maneira de vinculação de objetos. Vamos voltar a ser branco. Agora vamos chegar ao terceiro caminho de vinculação de objetos, e isso é o que a lição é realmente sobre. Antes que eu esqueça, eu também vou arrastar os textos fonte ano nome da empresa para os meus gráficos essenciais. Este vai ser o nome da empresa. Atualmente diz Empresa Incorporada, mas vamos mudar isso para JORDY VANDERPUT IS COOL, é melhor coisa que eu posso vir acima com. Quando eu clicar em distância, você vai notar que o plano de fundo não será dimensionado juntamente com o comprimento do meu texto. Isso é algo que temos de resolver. Nós vamos ter que vincular o tamanho do plano de fundo ao tamanho do texto, e isso infelizmente não é fácil de fazer. Nós vamos ter que trabalhar com uma expressão específica para fazer isso funcionar, mas eu vou ajudar vocês com isso, vai ser super fácil. Vamos localizar o tamanho dos fundos, esses fundos texto aqui e, eu vou derrubar o filme. Não vamos trabalhar mais com isso, mas vamos trabalhar com o tamanho do seu caminho retangular. Você verá aqui, se eu for mudar o valor para a largura, que podemos mudar isso para que ele se ajuste com o tamanho do meu texto. Vamos escrever uma expressão para que isso aconteça automaticamente. Alt clique sobre a propriedade tamanho. A primeira coisa que quero que entendam é como vamos dar valor aos lados. Bem, como antes vimos com as cores RGB também, isso é valores de dois pontos, é por isso que vamos ter que escrever isso entre parênteses. Abra um colchete. O primeiro valor, que, talvez eu apenas escreva algo, 500, e então o segundo valor vai ser cor. Vamos apenas assumir o mesmo valor aqui que já temos, 172, e fechar colchetes. Clique fora, e você verá agora que automaticamente, esses valores estão sendo assumidos. Sabendo disso, agora podemos dar um passo adiante e dizer, eu também vou escrever meu código um pouco mais fácil de usar. Também para você mesmo, você terá que ser amigável, porque talvez no futuro, você vai abrir seu projeto novamente para fazer alterações em seus templates. Vou para aqui em cima, A. Isto pode ser qualquer coisa, a propósito. Você também pode escrever em seu nome, Jordy, ou o que quiser. Vamos criar uma variável. Uma variável é apenas um nome personalizado. Apenas certifique-se de que isso sempre fica na cor branca porque se eu vou digitar algo diferente, como por exemplo, valor, que tem uma propriedade que está sendo usada, bem como para escrever funções e expressões, você vai ver como isso fica amarelo, então isso significa que eu não posso usar isso como uma variável, então ele tem que ser um nome único. Vamos só para oito. Em seguida, digite igual a. Desta vez, escreva apenas um igual, não dois, porque vamos comparar e ver o que é. Agora, nós vamos realmente colocar um valor dentro de um, é por isso que estamos escrevendo apenas um igual agora. A vai ser 500, e b vai ser 172. Agora que temos esses dois valores, a e b, isso significa que podemos trocar aqui a largura e o valor de altura com a e b. Espero que isso faça sentido porque esta é uma maneira muito melhor de escrever códigos porque o próximo passo está indo para ser uma frase muito mais longa, e se vamos encaixar isso no valor final aqui dentro dos colchetes, esses dados não serão mais fáceis de usar. Agora, vamos clicar e ver o que acontece. Verá que acabamos com um erro. Este projeto contém um erro de expressão. Bem, isso é porque o After Effects não reconhece quebras de linha. Na verdade está escrito aqui é isto, igual a 500 e b é igual a 172. Nós vamos ter que dizer ao After Effects que nós realmente adicionamos uma quebra de linha bem aqui. Para fazer isso, vamos ter que digitar pontos, vírgula no final de cada frase, é simples assim. Normalmente, sempre que você vê um erro, uma dessas coisas provavelmente vai ser o problema. Agora, vamos clicar de distância e você verá que funciona perfeitamente. Agora podemos ir em frente e mudar os 500 aqui para 900, e você verá também aqui a mudança de largura desse retângulo. Nós não queremos digitar sido um número manual aqui, queremos automaticamente ou dinamicamente deixá-lo mudar com o tamanho do texto. Para fazer isso, eu vou remover 900 e eu vou começar pegando a ferramenta pick whip da expressão para o tamanho, e eu vou ligar isso para toda a camada do nome da empresa. Lá vamos nós. Nós agora escrevemos automaticamente um pedaço de códigos que está apenas direcionando essa camada, e agora podemos dar um passo adiante e realmente fazer algo com isso mais tarde. Para fazer isso, digite pontos. Vamos dar um passo adiante com essa camada. Eu vou digitar agora fonte, gravar de cada vez, gravar de cada vez, e After Effects está realmente nos ajudando aqui. Esta é a propriedade com a qual gostaríamos de trabalhar. O registro de origem no momento vai dar uma olhada em qualquer momento dentro de uma linha de tempo e apenas pegar qualquer propriedade da camada de destino. Isso significa que podemos alterar dinamicamente o tamanho do retângulo a qualquer momento, mesmo se você animar o texto chegando, por exemplo, se você animar a escala da camada de texto, ou fazer seus personagens entrarem, animar essa propriedade, ele sempre se certificará de seguir os lados da camada de texto. Vamos levar isso. Nós podemos apenas clicar duas vezes sobre esta propriedade para torná-lo certo, e sobre isso muito anterior, nós vamos agora olhar para qual propriedade nós gostaríamos de assumir. Neste caso, vai ser a largura. Também podemos tomar a posição ou qualquer outra coisa, e neste caso, vai ser a largura. Basta digitar largura e é isso, nós pegamos a largura da camada de texto e colocamos isso na variável a, e isso vai ser emitido aqui no tamanho do retângulo. Agora, vamos clicar de distância, e você notará [inaudível] que o retângulo tem exatamente o mesmo tamanho da camada de texto. Para provar isso a vocês, vou mudar minha mensagem para Bazinga. Você verá agora que o tamanho do meu retângulo mudou junto com o tamanho do texto. Isto não é magia, pessoal. Não, isso é só você fazendo coisas incríveis dentro do After Effects. Um problema que eu estou olhando aqui é que meu retângulo está realmente aderindo ao meu texto como você pode ver. Eu quero tê-lo como um pouco de área de reprodução, um pouco de [inaudível]. O que eu posso fazer é apenas aqui, na minha expressão, antes do ponto ponto, sempre certifique-se de fazer isso porque esse é o fim da frase. Digite mais 100. Podemos fazer isso porque afinal de contas, o tamanho são apenas valores numéricos, então podemos apenas digitar 100 aqui. Se fizermos isso, você verá que o retângulo se torna 100 pixels mais largo. Legal. Essa é uma terceira maneira de ligar algo a outra coisa, você sabe o que quero dizer. Quanto a isso o valor b, pessoal, há uma última coisa que eu quero mostrar a vocês porque atualmente, eu não posso mudar a altura desse retângulo, como vocês podem ver porque ele está fixo. A expressão que dissemos que deveria ser 172, não pode mudar. No entanto, se vamos escrever algo diferente aqui, eu vou remover isso, e nós vamos dizer que b, e eu vou levar o chicote de escolha para livre expressão, vai ser esse valor aqui. Você pode ver que eu posso apenas ligá-lo à sua própria propriedade. Vamos fazer isso e ele vai escrever automaticamente a expressão para nós. Ele sempre vai dar uma olhada na entrada neste caso. Se eu agora apenas clique de distância, você pode ver agora que nós fazemos pode mudar a altura dessa camada. Olhe isso, Bazinga. Isso é, em essência, como trabalhar com a fonte, registro e função de tempo. Vou deixar um link aqui nas notas de classe aqui novamente no próprio player para os sites da Adobe onde você pode ler mais sobre essa função específica. Porque sim, há muito mais que você pode fazer, mas isso vai precisar de uma classe totalmente diferente, porque é grande. Nesta lição, eu só queria que você soubesse o que é e um uso muito básico do registro fonte uma função de tempo, isso é como trabalhar com isso. Isso também é algo que você vai encontrar muito mais ao criar modelos, um plano de fundo que você seguiria o comprimento de um texto. Este é um exemplo perfeito. Muito obrigado por assistir caras e eu realmente espero que você ache este código não muito chato. Uma vez que você pegar o jeito dele, ele pode ficar realmente interessante e divertido para fazer todas essas coisas automáticas e coisas dinâmicas no After Effects. Vejo-te na próxima lição. 9. Conclusão: Bem, bem, bem, olha para isso. Acabou de completar a turma inteira. Agora todas as piadas à parte, você pode se orgulhar de si mesmo porque essa aula definitivamente não foi fácil. Escrever expressões, quero dizer, isso não é algo para artistas cinematográficos, então sim, você pode definitivamente estar muito orgulhoso de si mesmo por todas as coisas novas legais que você aprendeu com esta aula. Mas agora é hora de praticar essas coisas novas que você aprendeu. O que quero que você faça é criar um modelo dentro do Adobe After Effects. Quero que você tenha em mente que é fácil de usar, mas também que o usuário final não pode cometer erros, como ter um texto que é maior do que o tamanho do Canvas. Vá em frente, crie seus modelos e faça uso de técnicas avançadas como vinculação de objetos, expressões if-else, caixas de seleção, menus suspensos, etc. Em seguida, carregue seu modelo aqui no Skillshare sob o aplicativo do projeto para que posso carregá-lo no meu Premiere Pro e testar seus modelos e, em seguida, dar feedback a você. Estou curioso para ver o que vocês vão fazer. Definitivamente faça isso. Estou ansioso para seus modelos. Foi isso para esta aula. Eu realmente espero que você tenha gostado e, claro, aprendido uma tonelada de coisas novas. Muito obrigado por assistir. Como sempre dizemos, permaneçam criativos.