Eleve o nível da sua tipografia: crie adesivos animados no After Effects

1. Introdução: Você está procurando adicionar algo mais ao seu trabalho tipográfico, captar a atenção nas mídias sociais ou simplesmente diversificar suas habilidades como criador digital? Oi, meu nome é Manonlouart. Sou designer gráfico, designer de movimento e ilustrador francês . Nesta classe, mostrarei diferentes maneiras de animar texto usando o After Effects. Com técnicas de animação simples, você pode realmente elevar sua composição, sua narração e sua tipografia. A classe será dividida em dois capítulos principais. Primeiro, no aquecimento, vou apresentá-lo aos diferentes efeitos e técnicas e aplicá-los em pequenos exercícios de animação. Em seguida, no capítulo do projeto, eu vou levá-lo através de todo o meu processo para criar uma animação em loop de adesivos tipográficos coloridos, desde esboçar idéias e escolher tipos de letra para animá-los e exportar sua criação. A classe está cheia de meus efeitos favoritos, atalhos de animação e dicas e meu objetivo é realmente para você sair desta classe com um kit de ferramentas de animação sólida que você pode voltar para sempre que precisar. Esta aula é perfeita para criadores com um conhecimento básico de After Effects. Designers intermediários de movimento que procuram aprender alguns truques novos ou até mesmo designers gráficos que gostariam de adicionar rapidamente esse interesse visual atraente às suas criações. Se isso soa excitante para você, vamos começar. 2. Visão geral do curso: Então deixe-me explicar como a turma é organizada. Como eu mencionei, a classe é dividida em dois capítulos principais, o aquecimento e o projeto da classe. Tentei torná-lo o mais inclusivo possível de todos os níveis de habilidade, então aqui estão minhas recomendações. Se você nunca usou o After Effects ou se já passou algum tempo desde a última vez que você o abriu, eu recomendo que você assista a toda a classe e especialmente as seguintes partes, que vai ser uma atualização rápida sobre como as coisas funcionam no After Effects. Mas se você já tem o básico coberto, sinta-se livre para ignorá-lo e vá diretamente para o resto do aquecimento. No capítulo, vou apresentar cada uma das noções abordadas na aula com uma definição rápida e um exercício. Se as definições não são sua praia ou você já conhece alguns dos efeitos que estou falando, sinta-se livre para ir diretamente ao Capítulo 12 e começar o projeto da classe. Para os materiais, você precisará de algo para esboçar suas ideias, Illustrator para limpar seus designs. After Effects para animar, é claro, sem plug-ins necessários. Media Encoder para exportar e meu projeto After Effects que você pode encontrar na guia Recursos. Algumas dicas para você. Você pode postar qualquer um dos seguintes nas seções de projetos: os exercícios de aquecimento, o projeto de classe com sua própria reviravolta, e acima de tudo o seu próprio projeto. Por favor, deixe-me saber se você está procurando alguma crítica construtiva ou se você está apenas feliz em compartilhar o que você inventou, porque de qualquer forma, eu estou feliz em vê-los. Em geral, não hesite em fazer perguntas, estou aqui para responder e apenas me divertir. Vamos começar o aquecimento e fazer alguma animação. 3. Aquecimento: Vamos abrir os projetos do After Effects e rever as diferentes seções juntas. Aqui está o projeto After Effects que vamos trabalhar hoje. Na guia projeto, você tem essas duas subpastas. Um é para o projeto e o outro para o aquecimento dentro você tem duas sub-pastas. Um para você trabalhar e o outro é a referência. Por exemplo, estes são os quatro exercícios concluídos juntos, e então você tem uma composição para cada um. Você pode usá-los como seu guia enquanto estiver trabalhando aqui. Agora, vou fazer uma rápida visão geral do After Effects. Se você já está familiarizado, sinta-se à vontade para pular para a próxima parte. Vamos criar uma nova composição. Vá até aqui e eu vou dar um nome, teste. Para o tamanho, eu vou deixá-lo em 1080 por 1080 porque é o tamanho perfeito para postagens do Instagram, que é onde eu postar a maior parte do meu trabalho. É também um tamanho muito pequeno. A renderização não superaquecerá seu computador, estou deixando a taxa de quadros em 24 quadros por segundo. Esse é o padrão para animação. Para a duração, quatro segundos é perfeito. Vamos pressionar, “Ok”, e agora podemos encontrar nossa composição à esquerda no painel do projeto. Aqui à direita, montei todos estes painéis. Os mais importantes para a classe serão uma linha, caractere e parágrafo. Se, por algum motivo, o seu espaço de trabalho não tiver a mesma aparência, você sempre poderá acessar Janela e adicionar qualquer painel ausente como este. Vamos começar a adicionar coisas à nossa composição começando com um sólido. Vá para a camada nova e sólida. Um sólido por definição será sempre o tamanho da sua composição. Aqui, é 1080 por 1080, você pode mudar a cor. Vou deixá-lo preto e eles emitem fundo. Pressione “Ok”, e você tem sua camada. Agora, vamos para Layer, novo teste e porque eu nunca tive um pensamento original na minha vida. Vou datilografar no teste. Então, com a aba à direita, posso mudar o tamanho, a cor, praticamente tudo o que eu quero. É o centro do teste. Vá para uma linha e clique nestes dois. Vamos também adicionar uma camada de forma. Vá para Camada, Nova camada de forma. Agora, eu posso usar a ferramenta caneta ou a ferramenta de forma para criar o que eu quero, digamos que eu queria quadrado. Eu usaria a ferramenta de forma e segurando Shift. Arraste meu mouse assim, novamente, certifica-se de que ele está centrado. Se eu quisesse, eu poderia usar a ferramenta caneta para criar outra forma na mesma camada como esta. Agora, se você olhar para baixo para sua camada, você verá que você tem uma seção para cada uma das formas. Vamos apenas excluir este e, em seguida, pressione “Enter” para renomear a camada como você quiser. Claro, se você quisesse mudar o preenchimento ou o traço de sua forma, você poderia subir aqui e mudar coisas assim. Só preciso de mais uma camada, que é uma camada de ajuste. Você pode ir até aqui para encontrá-lo e pressionar “Enter” para renomear ruído. Agora, se você for para Effect, você tem um monte de opções. Por enquanto, vamos ao Noise and grain e adicionar um barulho. Adicionar o efeito abriu um painel aqui com alguns parâmetros para eu mudar e ajustar para os meus efeitos. Sobre as camadas de ajuste, qualquer efeito que você adicionar a ela afetará cada camada colocada abaixo dela. Agora, vamos falar sobre animação. Aqui, você tem sua linha do tempo, que tem quatro segundos de duração, como definimos quando criamos a composição pela primeira vez. Se você pressionar a barra de espaço, ela reproduzirá sua animação. Agora, dependendo dos efeitos que você usa, ele pode não ser reproduzido em tempo real, especialmente se você tiver muitas camadas e efeitos. Se isso acontecer, você sempre pode ir até aqui e reduzir a resolução de pré-visualização. Agora, vamos criar nossa primeira animação. Se você for para sua camada de textos, você pode abri-lo aqui e aqui, e você encontrará esses cinco parâmetros. Há a base da maioria das animações no After Effects. Você tem a opacidade, a rotação, a escala, a posição, e o ponto de ancoragem, que é bem aqui. A escala de posição e rotação todos trabalham em relação ao ponto de ancoragem. que significa que se eu mudar a escala agora, vai ficar assim. Mas se eu descer aqui e mudar a posição dos pontos de ancoragem, então a escala vai funcionar assim. Agora, onde a linha do tempo entra em jogo é que precisamos do After Effects para saber como, por exemplo, essa camada vai parecer em um determinado momento. Digamos que eu queria que minha mensagem viesse do lado de fora da comp no início. Da esquerda, eu poderia segurar “Shift”, e usando o mouse, eu poderia arrastá-lo para a esquerda, ou eu poderia descer aqui e usar os parâmetros para a posição. Vamos apenas certificar-nos de que o indicador de tempo está em 0 segundos na linha do tempo. Em seguida, mantenha pressionado “Shift” para manter o texto alinhado, arraste-o para a esquerda. Então, se você descer aqui, você pode adicionar um quadro-chave pressionando o cronômetro. Em seguida, vá para um segundo na linha do tempo, pegue o texto, mantenha pressionado “Shift” e arraste-o de volta para algum lugar no meio. Agora, se você olhar para baixo, verá que o After Effects criou um novo quadro-chave para você em um segundo. Se você pressionar “Espaço”, você terá a animação de texto mais básica já criada. Mas ainda é animação e ninguém pode tirar isso de você. Digamos que eu quero que isso seja um pouco mais lento, eu poderia pegar esse quadro-chave, trazê-lo para três segundos. Agora, meu texto está chegando muito devagar. Além disso, neste momento, esta animação é perfeitamente linear, o que significa que para cada quadro o texto cobre exatamente a mesma distância. Você pode verificar isso por si mesmo, se quiser. Ao pressionar “Command” e as “Teclas de seta”, você pode mover quadro a quadro na linha do tempo. Pessoalmente, eu amo para esta animação para olhar um pouco mais interessante. Para isso, você pode selecionar ambos os quadros-chave e, em seguida, pressionar “F9" ou a função 9. Ou, se você não gostar de atalhos, clique com o botão direito do mouse e vá para Assistente de quadro-chave e selecione Facilidade fácil. Vamos voltar ao início e pressionar “Espaço”. Vês alguma diferença? Quando você diminui a velocidade de um objeto no After Effects, ele fica mais lento ao se aproximar de um quadro-chave e, em seguida, acelera à medida que está saindo. Vamos fazer tudo isso de novo. Mas desta vez com a opacidade, eu vou adicionar um primeiro quadro-chave a zero segundos, zero por cento, e então ir para um segundo e torná-lo cem por cento. Em seguida, selecione todos os quadros-chave , pressione “F9" para facilitar e pressione “Espaço” para visualizar a animação novamente. Agora, se você quiser fazer mais ajustes na atenuação, você pode selecionar todos os seus quadros-chave e, em seguida, ir para o Editor de Gráficos clicando aqui. Enquanto estiver aqui, certifique-se de que está na velocidade de edição e não no gráfico de valor. Vamos reselecionar tudo. Se eu puxar este cabo aqui, vai acentuar a flexibilização no final da animação. Deixe-me reduzir meu cronograma para um segundo para que possamos ter uma prévia, e sim, eu gosto. Vamos voltar para a comp. Agora, digamos que eu queria que meu efeito de ruído fosse aplicado somente à minha camada de texto e forma. Eu poderia copiar e colar em cada camada e isso funcionaria. Mas se você estiver trabalhando com muitas camadas, isso pode rapidamente se tornar um pouco confuso. Aqui está o que você pode fazer em vez disso, selecionar os dois e transformá-los em uma pré-composição. Vamos fazer isso. Selecione ambos, clique com o botão direito do mouse e vá para Pré-compor. Vou chamá-lo de teste pré-comp. Agora, se você voltar para a guia Projeto, você pode encontrá-lo aqui. A pré-composição, por exemplo, se você usar o Photoshop, eles são bastante semelhantes a grupos de camadas ou objetos inteligentes. De volta ao efeito. Agora eu posso copiá-lo da camada de ajuste colado em sua pré-composição, ocultar a camada de ajuste. Agora, só se aplica ao pré-comp. Vamos pressionar “Espaço” para pré-visualizar, e lá vai você. O que é muito legal com a pré-composição é que você ainda pode ajustar as coisas dentro deles. Se eu clicar duas vezes sobre ele, ele vai abrir e então você pode abrir a camada, mudar os quadros-chave, adicionar um pouco mais, qualquer coisa. Digamos que eu ache o texto muito grande. Quero mudar a escala. Eu vou fazer 50 por cento. Agora, se eu voltar para a minha composição principal, a escala foi mudada lá também. Vamos mudar de volta para 100 por cento. Volte para a composição principal, faça isso quatro segundos e pressione “Colar” para visualizar, e pronto. Acho que é o suficiente para o básico. Claro, continuarei explicando as coisas enquanto formos. Por enquanto, eu vou para a guia Projeto e excluir ambos. Vamos começar com os exercícios. 4. Animação do caminho do texto: Vou ser muito honesto com você. After Effects tem uma coisa chamada Animadores de Texto, e eu não gosto muito deles. Eles podem ser úteis se você fizer um monte de tipos de E [inaudível] projetos como terços inferiores, mas eles são meio desajeitados e não muito intuitivos, então se eu puder evitá-los, eu vou, exceto por uma coisa que é animações de caminho. Nos parâmetros das camadas de texto, você tem uma seção chamada opções de caminho, que permite alinhar o texto ao longo de um caminho, assim como no Photoshop ou no Illustrator. Em seguida, você pode criar animações usando a primeira e a última opção de margem. Aqui está como o exercício completo 1 se parece. Vamos começar animando a parte externa bem aqui. Vamos abrir o exercício 1 comp e começar. Para criar uma nova camada de texto eu poderia subir aqui como eu mostrei antes, ou eu poderia usar o atalho, que é Shift Option Command T. Vamos digitar nossa frase. Eu escolhi o que sobe deve descer. Puxei de um gerador de texto, então sinta-se livre para usar o seu. Eu vou fazer este preto, então esta é uma paleta de cores que eu importei para minhas bibliotecas para a classe. Para a fonte, vou usar aileron em preto. Este é um tipo de fonte aberta. Novamente, você pode encontrar todos eles através dos links na descrição da classe. Ajuste o tamanho ao seu gosto e traga o texto em algum lugar no meio. Agora, lembre-se da nossa ferramenta de forma e caneta. Bem, eles também podem ser usados para criar máscaras em cima de camadas como esta. Então podemos usar isso como um guia para definir nosso caminho de texto. Se você abrir sua camada de textos, vá para Texto, Opções de caminho e selecione sua máscara como um caminho, então seu texto irá segui-la. Deixe-me desfazer tudo isso e vamos fazê-lo de verdade desta vez. Quero que o meu texto siga um quadrado. Eu vou subir aqui, usar a ferramenta de retângulo, e então ir para algum lugar aqui, e segurando Shift, eu vou desenhar meu quadrado. Legal. Vá para Opções de caminho. Novamente, selecione Máscara 1 e agora está de cabeça para baixo. Vamos ligar o caminho inverso. Neste momento, o meu texto está um pouco perto do limite. Vou usar a ferramenta de seleção ou pressionar V e clicar no meu quadrado. Enquanto segura Shift e Comando, vou apertá-lo em apenas um pouquinho assim. Em seguida, eu quero que meu texto repita, então eu vou copiá-lo e colá-lo um monte de vezes ao redor do quadrado. Para torná-lo perfeito, eu vou ajustar meu caminho de máscara para que o final do texto seja alinhado grosseiramente com o canto superior direito do quadrado. Novamente, pressionando Shift e Command para permanecer alinhados, ative os alinhamentos de força. Agora você tem um quadrado perfeito de textos para trabalhar. Em seguida, você tem esses dois parâmetros que definem onde seu texto começa e onde ele termina, e é isso que vamos animar. Para que o meu texto se mova perfeitamente quando o alinhamento forçado está ativado, preciso que ambos se movam ao mesmo ritmo. Vamos para zero segundos e adicionar um primeiro quadro-chave para cada um deles. Então eu vou para o fim da linha do tempo assim. Como podem ver, vamos precisar de um número bastante alto para esta animação funcionar. Isso é tipo 1.200 para cada um. Vamos pressionar Espaço e visualizar a animação. Lá vai você. Vamos terminar este exercício e seguir em frente para moldar as animações do jogador. 5. Animação de camadas de formas: Vamos terminar o exercício 1 com uma animação de camada de forma. Transformar seu texto em uma camada de forma permite animar cada uma das letras individualmente como um caminho de fator, que é ótimo para animações orientadas a detalhes ou apenas distorções divertidas de texto. Queremos adicionar algo no meio aqui, então eu vou usar a opção Shift Command T para criar uma nova camada de texto e digite Hey. Para o tipo de letra eu vou ir com um bom passo serif porque eles são mais fáceis de esticar, então vamos usar stint. Então eu vou aumentar o tamanho para que ele preencha o quadrado de largura. Primeiro vá para Parágrafo, centralize o texto e, em seguida, alinhe-o, volte para Caractere e termine de ajustar seu tamanho. Vamos transformá-la em uma camada de forma, então clique com o botão direito do mouse, vá para Criar e Criar formas de texto. Você tem sua nova camada de forma aqui, e sua camada de texto está escondida. Se você abrir a camada, você verá que ela criou um novo grupo para o H, E e Y. Eu quero animar o caminho para cada letra, então esses pontos aqui. Em vez de abrir todos os menus, eu posso simplesmente usar a barra de pesquisa com a camada selecionada, digitar o caminho, e agora eu posso adicionar meus quadros-chave. Basicamente eu quero que minha camada apareça da parte inferior da composição e, em seguida, esticar todo o caminho para cima; esticar de volta ao seu tamanho normal, e desaparecer no topo. A forma como o texto está agora vai ser o meu segundo conjunto de quadros-chave. Eu só precisava estar alinhado na parte inferior, então vamos para 12 quadros. Selecione cada caminho e adicione quadros-chave. Pressione “V” ou use a ferramenta de seleção, clique duas vezes no caminho e arraste-o para baixo. Para mim sobre isso, o próximo passo na animação vai ser o texto esticado todo o caminho em um segundo, mas então eu queria voltar para esta posição neutra, mas alinhado no topo. Vamos pular a posição de um segundo por enquanto. Basta copiar os quadros-chave e colá-los em um segundo e 12 quadros. Em seguida, clique duas vezes no demarcador e, enquanto mantém a tecla Shift pressionada, arraste-a para cima. Duplicar o quadro de chave que você acabou de criar em um segundo, e agora podemos esticar o texto. Enquanto mantém a tecla Shift pressionada, arraste o mouse por todos os pontos de ancoragem superiores do caminho. Esqueci-me disto também, por isso ainda estamos a segurar o Shift. Eu vou clicar sobre eles, e agora se eu arrastar meu caminho apenas esses pontos vão se mover. Ainda segurando Shift, arraste-os todo o caminho para baixo. Talvez você precise fazer alguns ajustes entre esses dois conjuntos de quadros-chave. Só estou me certificando de que a parte inferior está alinhada, então vou fazer isso e te encontro quando terminar. Acho que entendi, então vamos voltar ao início da linha do tempo e reselecionar todo o caminho. Clique duas vezes nas formas e você basicamente vai nivelar seu texto para uma linha reta como esta. Pré-visualização rápida. Legal. Vamos fazer o mesmo em dois segundos. Vamos tocar isso de novo. Legal. Selecione todos os seus quadros-chave e pressione “F9" ou a função 9 para facilitar. Eu vou reduzir a minha área de trabalho apenas para os meus quadros-chave e mostrar a vocês o que está me incomodando com a animação no momento. Agora a animação diminui e até pára em 12 quadros; e mais uma vez em 12 quadros e eu não quero isso. Eu só quero que o After Effects saiba que isso é o que a animação deve parecer a meio do zero e um e depois um e dois. Vamos parar a pré-visualização e corrigir isso. Mantenha a tecla Shift pressionada e selecione ambos e, em seguida, clique em um dos quadros-chave para transformá-los novamente em quadros-chave normais. Clique com o botão direito do mouse e selecione “Rove Across Time”, que criará velocidade constante quando a animação atingir esses quadros-chave. Vamos pré-visualizar a animação. Sim, é isso que eu quero. Você vê a diferença? Vamos para o Editor de Gráficos e ajustar a atenuação. Selecione todos os quadros-chave na parte inferior. Os que estão no topo são os quadros-chave Rove Across Time. Ajuste a flexibilização ao seu gosto e vamos reproduzi-lo de volta. Legal. Vamos voltar à linha do tempo. Eu quero que as letras se movam mais gradualmente, então eu vou selecionar os quadros-chave para o E e o Y. Ir para dois segundos na linha do tempo e mover a seleção de quadros-chave. Enquanto mantém a tecla Shift pressionada, desmarque os quadros de tecla E. Mova novamente por dois quadros e faça o mesmo com os quadros-chave Y. Vamos sugerir a área de trabalho para nossos quadros-chave e pressione “Espaço” para visualizar. Legal. Eu quero duplicar as camadas, então pressione “Comando D”. Então eu vou movê-lo na linha do tempo para que ele venha logo após o primeiro, então em algum lugar por aqui. Talvez só mais uma moldura. Perfeito. Só mais uma coisa. Eu não fiz um trabalho perfeito em nivelar minha linha lá no final, então você ainda pode vê-lo quando o texto está fora. Uma correção rápida se você estiver tendo o mesmo problema é ir ao final da animação e pressionar “Shift Command D” para dividir sua camada e, em seguida, você pode simplesmente excluir a segunda parte. Aí está você. Além da textura da mesa e vamos voltar a isso, exercício 1 está pronto. Vamos passar para o exercício 2 e a animação do caminho de corte. 6. Aperfeiçoamento de caminhos: Vamos passar para o exercício 2, e neste vamos criar uma animação de escrita usando Trim Path. Trim path é um efeito encontrado em camadas de forma que permite que você faça ajustes precisos no caminho, o que é perfeito para criar animações de escrita. Para referência, isso é o que vamos estar trabalhando, então vamos começar na composição do exercício 2. Mais uma vez, esta animação vai acontecer em uma camada de forma. Mas primeiro, vamos criar uma camada de texto de referência. Pressione “Shift” Option Command T, e digite, hey. Vamos torná-lo branco, e então eu vou estar usando uma fonte cursiva. Novamente, as fontes estão disponíveis nos recursos. Vou com o guião da liga. Vamos ajustar um pouco o tamanho e, em seguida, alinhar o texto. Em seguida, vamos criar uma nova camada de forma indo para o menu suspenso, e nós vamos estar usando a ferramenta caneta para recriar cada uma das letras como esta, então vamos pressionar “Z 'para ampliar e obter uma visão melhor, você também pode pressionar” H” para usar a ferramenta manual e navegue na sua composição. Vamos centralizá-lo e pegar a ferramenta de caneta novamente. Vou rapidamente fazer o H e voltar quando estiver feito. Se você abrir a camada, você verá que ela criou um novo grupo, então pressione “Enter' e renomeie H, e, claro, não se esqueça de renomear a camada também. Agora eu vou criar o e e y e para isso, apenas certifique-se de que você sempre voltar ao conteúdo para que ele crie um novo grupo para cada uma das letras. Vou fazer isso e volto quando estiver feito. Agora podemos ocultar a camada de referência e eu vou mudar a cor para branco e o traçado para 20 pixels. Se você tem algum ajuste de última hora para fazer em seu caminho, agora é a hora. Eu vejo alguns problemas como este e este, então eu vou fazer isso bem rápido. Estou feliz com o meu caminho. Vamos criar o efeito, ir para o seu grupo H e adicionar um caminho de corte. Agora, abra e você verá que você tem duas opções, então esta define onde seu caminho começa e a outra você adivinhou onde ele termina. Há também o deslocamento, mas nós só queremos animar o caminho como se ele estivesse sendo rastreado, então nós só fazemos parâmetro final. Vá para zero, coloque um primeiro quadro-chave em zero por cento e, em seguida, vá para um segundo e torne-o 100 por cento. Em seguida, selecione os dois quadros-chave e pressione “Função 9" para facilitar. Agora, para terminar a animação, é super simples. Basta copiar seus efeitos, ir para o início da linha do tempo e mover por quatro quadros usando as teclas de seta. Selecione seu segundo grupo e cole o efeito. Agora você tem a mesma animação, mesmos quadros-chave bem aqui. Vamos fazer isso mais uma vez, mover por quatro quadros e, em seguida, ir para o seu último grupo e colar o efeito. Vamos pré-visualizar, e Aqui está a animação de escrita. Agora vou mostrar a vocês como elevar essa animação muito rápido. Vamos fazer duas cópias de sua camada pressionando “Command D” duas vezes, e então vamos espaçá-las no tempo, então em nossa linha do tempo por quatro quadros cada. Então vamos reduzir o traçado para as duas primeiras camadas, então vamos fazer três pixels. Para o segundo aqui, vamos adicionar um preenchimento na cor do fundo. Em seguida, abra sua camada, vá para o conteúdo e adicione um caminho de deslocamento. Então você pode, claro, abri-lo e alterar a quantidade de deslocamento. Essa configuração funciona perfeitamente para mim porque meu deslocamento é 10 e meu traço é 20. Mas se não funcionar para você, é claro, você pode mudá-lo. Mas de qualquer forma, terminamos. É isto. Eu adoro esse efeito porque é tão personalizável, você pode alterar o número de cópias, o deslocamento, o tamanho do traçado, então eu só espero que você se divirta com ele. Vamos passar para o próximo exercício e o efeito de eco. 7. Eco: Passando para o Exercício 3, vamos primeiro trabalhar com o efeito Eco. O efeito Eco gera uma pilha de quadros de diferentes momentos em sua animação para criar o que é chamado de estrias ou trilha de movimento. Para referência, é assim que o Exercício 3 se parece. Vamos começar animando essas duas palavras aqui, e então vamos para a parte do meio, então vamos começar. Novamente, vamos criar uma nova camada de texto pressionando “Shift Option Command T”. Vou digitar olá e mudar a fonte de volta para Aileron em preto. Vamos também reduzir um pouco o tamanho, talvez 75 pixels, e mudar a cor para preto. Pressione “V” para usar a ferramenta Seleção e, em seguida, traga sua camada para baixo para a esquerda. - Legal. Vamos animar a posição, então pressione “P”, e então vá para zero segundos e adicione um primeiro quadro-chave. Em seguida, mova para 12 quadros e use a ferramenta Seleção novamente, então V, traga sua camada para cima. Isso criou um segundo quadro-chave aqui e agora você pode selecionar ambos e pressionar “F9" para facilitar. Isto é o que temos até agora. Agora duplique a camada, pressione “Command D” e pressione “P” novamente para trazer a posição. Eu quero que esta camada vá para o outro lado, então apenas troque os dois quadros-chave de posição. Agora vamos trazê-lo para o outro lado para garantir que o indicador de tempo está colocado em qualquer um dos seus quadros-chave, selecione ambos. Deixe-me apenas ativar isso para que possamos ver nosso caminho de posição, então usando a ferramenta Seleção mantenha pressionada “Shift” e arraste o texto para o outro lado. Pressione o espaço para visualizar. Quer saber, eu acho que é um pouco rápido demais, então vamos fazer isso um segundo em vez disso. Vamos pré-visualizar novamente. Muito melhor. Selecione ambas as camadas e pressione “P” para ocultar a posição e pressione “Command D” para criar duas cópias para o efeito Eco. Traga os dois para baixo, e eu vou deixá-los azuis para ficar organizado, então pressione “Enter” para renomeá-los. Só vou adicionar eco no final dos nomes. Em seguida, selecione ambos e vamos mudar o preenchimento para um traçado. Em seguida, adicione um novo preenchimento na cor do plano de fundo. Vamos adicionar o efeito Eco. Selecione uma das camadas e, em seguida, vá para Efeito, Tempo e Eco. Agora, se eu mover na minha linha do tempo, isso é o que parece e isso é porque o número de ecos é definido como um. Vamos mudar isso para 40 por enquanto. Agora vamos consertar essa bagunça branca. Vá para Echo Operator e defina-o como Composto na frente. - Legal. Isso aqui define o tempo entre cada uma das cópias, e agora parece um pouco espaçado demais, então vamos reduzi-lo um pouco, talvez 0,01. - Legal. Quero que o efeito crie cópias até que a saudação tenha chegado ao topo da composição. Vou aumentar o número de ecos até encontrar o ponto ideal. Então é 100. Copie o efeito, cole-o na segunda camada, e pronto. Voltando à referência, vamos usar o efeito Eco uma última vez e isso é criar as diferentes cópias do texto na forma do meio aqui. Como você deve ter notado, esta parte é na verdade uma pré-composição e isso é porque vamos adicionar o efeito a várias camadas agrupadas. Vamos voltar ao Exercício 3, em seguida, abrir o painel do projeto e certificar-se de que você está na pasta Exercício 3, pressione “Command N” para criar uma nova pré-composição e vamos nomeá-lo coordenadas polares precomp. Agora eu preciso que este seja um retângulo e isso é por causa de como o efeito funciona, mas eu vou explicar mais sobre isso mais tarde. Por enquanto, vamos fazer de 1920 por 1080, taxa de quadros, 24 quadros por segundo, quatro segundos de duração, e pressionar “Ok”. Vamos desligar a transparência de alternância e criar uma nova camada de texto, então pressione “Shift Command Option T”, e vamos digitar nossa frase favorita mais uma vez. - Legal. Em seguida, torne-o preto e remova o curso. Agora eu quero que o texto preencha toda a composição, então vamos aumentar o tamanho. Isso parece legal. Vamos voltar a transparência de alternância. Foi um erro, foi mal. Certifique-se de que o texto está centralizado. Vamos animar a posição, então faça-a vir do topo da composição e depois desaparecer na parte inferior. Pressione “V” para usar a ferramenta Seleção e mantendo pressionada. 8. Coordenadas polares: Vamos terminar o exercício 3. Este é um efeito muito antigo, mas pode criar animações tipográficas restritivas. Também é muito fácil de usar. As coordenadas polares são um efeito que pega uma imagem retangular e a transforma em um círculo ou o oposto, dependendo de suas configurações. Vamos voltar ao exercício 3. Então vamos para o Painel do Projeto e arrastamos nossas coordenadas polares pré-comp. A razão pela qual fizemos deste um retângulo é por causa de como o efeito funciona. Vamos adicioná-lo. Vá para “Efeito”, “Distorcer” e “Coordenadas Polares”. Você pode alterar a porcentagem da distorção aqui e o tipo de conversão aqui. Precisamos do segundo tipo de conversão. Então vamos fazer a porcentagem 100 por cento. Está ocupando um pouco de espaço no momento. Pressione “S” e nós vamos fazer a escala 80%. Muito melhor, vamos carregar uma pré-visualização. Parece legal. Acho que vou adicionar um pouco de rotação à mistura então vamos pressionar “R” e ir para “Zero segundos”, adicionar um primeiro quadro-chave e depois ir para “4 segundos”. Vamos digitar “180”. Vamos carregar a pré-visualização novamente. Lá vai você. Vamos passar para o exercício 4 e CC Twister. 9. CC Twister: Vamos nos exercitar na seção de aquecimento e vamos usar CC twister. CC twister é um efeito de transição antigo e praticamente esquecido que permite dobrar e torcer a camada de todos os tipos de maneiras divertidas e eu acho que tem muito potencial para animações de texto. Então aqui está o último exercício em que vamos trabalhar. Vamos animar o texto primeiro usando o efeito de torção CC e depois vamos cuidar dessa textura animada no próximo capítulo usando o efeito de ruído fractal. Então vamos começar. Mais uma vez, vamos criar uma nova camada de texto. Então pressione “Shift Option Command T” e digite Olá. Vamos ficar com a mesma fonte e eu só quero um preenchimento branco. Vamos torná-lo um pouco maior. Talvez 375. Não se esqueça de centralizar seu texto. Mas isso não parece centrado. Por que não está centrado? Eu acho que é. Só vou movê-lo para cima um pouco assim. Pressione “Comando D” e faça uma cópia e, em seguida, traga-a para baixo. Altere seu preenchimento para a cor de fundo e adicione um traçado branco e apenas oculte essa camada porque não precisamos dela por enquanto e selecione novamente sua primeira saudação, vá para Effect, transition e CC Twister. Então deixe-me mostrar-lhe como é o efeito com os parâmetros padrão. A primeira coisa que notei é o sombreamento aqui. Eu não quero isso, então vamos apenas mudá-lo, e acima disso você tem a opção de trás. Agora é apenas sentou-se em si mesmo. Lembre-se que criamos uma segunda camada, então selecione-a e veja isso. A animação está acontecendo em torno desse ponto aqui e eu só quero ter certeza que está centrada. Então deixe-me fazer isso e o eixo de torção é definido em menos 120. Vamos mudar isso para 90 graus. Vamos ver se parece com agora. - Legal. Agora vamos criar as animações. Portanto, certifique-se de que você está em 0 segundos na sua linha do tempo e pressione o cronômetro para a conclusão. Para acessar sua animação keyframe, pressione “U”. Em seguida, vá para 1 segundo e faça 100 por cento. Finalmente, vá para dois segundos e altere-o novamente para 0 por cento. Agora você pode selecionar todos os quadros-chave e pressione a linha de função para facilitar. Vamos pré-visualizar, e está feito. Vamos passar para a textura animada. 10. Ruído de fractal: Permanecendo no exercício 4, vamos adicionar alguma textura ao texto. O efeito Ruído Fractal, gera algum ruído em escala de cinza, e que pode ser usado para criar padrões, texturas, mapas de deslocamento, Aqui vamos usá-lo para criar um pouco de poeira preta. Estamos quase terminando os exercícios. Estou entusiasmada. Espero que você também esteja. Vamos aplicar o efeito a uma nova camada, então pressione “Command Y” para criar um sólido. Vamos chamá-lo de pó preto, e a cor não importa, então pressione “Ok”. Então vamos para Effect, Noise & Grain e Fractal Noise. Este efeito tem muitas opções. Você pode mudar o tipo de fractal, o tipo de ruído, o contraste, o brilho, mas vamos apenas re-centralizar no que importa para nós agora. Quero que meu tipo fractal seja básico. Já é o caso. Então, para o tipo de ruído, eu quero linear, então eu preciso de um contraste muito forte. Eu costumo ir por cerca de 1.700. Então, para reduzir as áreas pretas, vamos trazer o brilho para cerca de 500, modo que só obtemos pequenas manchas de preto. Se quiser mais, fique à vontade para fazê-lo. Só quero que este efeito seja sutil. Então vamos para Transformar e reduzir a escala para 15, só para que possamos ter um pouco mais acontecendo na tela. Por último, reduza a complexidade para três. Legal. Agora, eu quero aplicar o efeito somente para o lado branco do texto, então isso aqui, e para isso vamos usar um fosco de faixa. É o mesmo princípio que uma máscara no Photoshop, exceto que aqui usaremos uma cópia da nossa camada como área de destino. Selecione a camada de saudação e faça uma cópia pressionando “Command D”, coloque-a acima da camada de poeira preta, clique em seu sólido, vá para Track Matte e selecione Alpha Matte. Então vamos mudar o modo simples, eu quero que ele seja configurado para Multiplicar para que apenas os pontos pretos apareçam, e nós podemos manter o nosso bom fora do branco. Nosso único problema aqui é que a poeira também está aparecendo do outro lado, e isso é porque em nossa camada de texto a parte traseira ainda está definida como Olá 2. Vamos apenas remover isso. Legal. Vamos pré-visualizar. Incrível. Você está feito. Vamos passar para animá-lo usando expressões. 11. Expressões: Vamos terminar este exercício adicionando algumas expressões, uma para animar a textura e outra para a animação de texto. Uma expressão é um pedaço de código que você pode aplicar às suas camadas para influenciar suas propriedades. Por exemplo, aqui eu usei uma expressão para dizer à camada para alterar sua escala duas vezes por segundo em 10%. Último capítulo do aquecimento. Vamos usar uma expressão para aleatorizar a textura. Para animar isso, vamos usar uma expressão de tempo muito simples. Vamos voltar para a camada “Opções de Evolução” e “Sementes Aleatórias”. Deixa-me mostrar-te o que ele faz. Mudar muito simplesmente esse número só vai mudar a aparência do ruído. Deixe-me cancelar isso. Para abrir o painel de expressão, você vai segurar “Opção” e clicar no cronômetro e, em seguida, digite o tempo 10. Agora você também tem a seção de expressão aqui em baixo. O que esta expressão basicamente significa é que ele vai mudar o número de sementes aleatórias 10 vezes por segundo e, claro, este número será aleatório. Vamos carregar uma pré-visualização. Aqui está. Você tem sua textura animada. Eu sei que algumas pessoas realmente não gostam de expressões porque é código e código pode ser assustador. Mas eu realmente espero que você continue a usá-los depois desta aula porque é um ganho de tempo, especialmente para coisas como esta. Desculpe pela frente e para trás. Mas lembre-se do Exercício 1, eu disse que precisávamos adicionar alguma textura. Vamos fazer isso. Agora vou copiar a camada e colá-la na composição do Exercício 1. Nós não vamos precisar de um fosco alfa para este aqui, ele vai ficar em cima de tudo assim. É um pouco forte no momento. Vou reduzir a opacidade para, talvez, 60 por cento. Novamente, é T para trazer a opacidade e sim, é isso, parece bom assim. Vamos voltar ao Exercício 4. Eu só preciso falar sobre uma última expressão e então nós terminamos. É uma expressão de loop e vamos usá-lo muito no projeto de classe. Neste momento, a minha animação de texto tem apenas dois segundos de duração. Não há nada a acontecer depois disso. Se eu quisesse que fosse o dobro desse comprimento, eu poderia, é claro, selecionar todas as camadas e pressionar U e selecionar todos os quadros-chave e copiá-los e colá-los em. Mas digamos que você está trabalhando em um grande projeto com toneladas e toneladas de camadas, isso simplesmente não vai cortá-lo. Vamos usar uma expressão em vez disso. Vamos para a conclusão de espera “Opção” e clique no cronômetro. Vou usar uma expressão LoopOut. Essa expressão vai dizer ao After Effects para repetir esses três quadros-chave para sempre após dois segundos. Volte à conclusão, clique com o botão direito do mouse e selecione “Copiar somente expressão”. Isso nos permitirá colar a expressão em outras camadas. Se a sua segunda camada tivesse uma animação diferente, você ainda poderia colá-la. Digamos que você tivesse muitas camadas, você poderia simplesmente selecionar todas as propriedades, pressionar “Control V”, e agora tudo se encaixa perfeitamente. Recapitulando, aqui está o que você aprendeu a fazer até agora, que significa que agora podemos passar para o projeto da classe. 12. O projeto: Eu tenho visto essa tendência com adesivos circulando por um tempo agora e eu realmente quero tirar disso para este projeto porque eu acho que vai nos permitir segmentar o trabalho em peças menores e mais gerenciáveis e espero ficar organizado. Cada um de seus adesivos será animado usando 1, 2, 3 das técnicas que passamos durante o aquecimento. Vou guiá-lo ao longo do meu projeto. Se você quiser criar seu próprio design, aqui estão alguns ponteiros. Ele deve estar em um formato quadrado, pronto para animação, então 1080 por 1080 e 72 DPI. Pelo menos uma frase curta de cerca de 6-12 palavras seccionadas em adesivos diferentes, uma paleta de cores limitada, então eu recomendaria cerca de 3-4, e, em seguida, preto e branco, 2-4 tipos de letra e tentar variar o estilo. Talvez você possa ter uma fonte cursiva serif ou sans-serif, o que quiser. Finalmente, para o seu design, tente ter formas simples e composições que podem ser facilmente recriadas em efeitos após. Eu acho que isso. Vamos passar para a próxima parte em que eu vou te mostrar como eu criei o meu próprio. 13. Esboçando: Escolhi uma frase que acho adequada para a aula. É: “Não tenha medo de tentar, todos começamos de algum lugar.” Além disso, eu planejo ter algumas palavras extras de encorajamento por aí como, você tem isso, apenas faça, seja gentil com você mesmo. Também fiz um quadro de humor muito rápido. Passei uns 15 minutos nisso, por isso não penses muito tempo nisso. Mas eu acho que é importante ter algumas referências para cores, formas, tipos de letra, tudo, então aqui está se você quiser dar uma olhada. Agora estamos desenhando coisas, estou fazendo isso no Procreate. Você pode fazê-lo digitalmente ou tradicionalmente, não importa. Como você deve ter notado, eu tenho uma caligrafia horrível e eu não poderia desenhar uma linha reta se minha vida dependesse disso. Mas quer saber? Está tudo bem, porque esta parte é só para mim e para o meu cérebro. Bem, geralmente é. Agora eu estou escrevendo o que eu acho que o efeito vai ser para cada um dos adesivos e também tipo de tipo que eu quero usar. Então eu testei algumas paletas de cores e decidi ir com a última, e apliquei as cores na minha versão de tamanho completo, refinei algumas coisas, e acho que estamos prontos para ir. Agora estamos no Illustrator. Criei este arquivo, importei meu esboço aqui, e criei minhas paletas de cores por baixo. Eu também criei algumas placas de arte diferentes apenas para ser capaz de testar algumas coisas fora. Eles são todos 1080 por 1080 quadrados, exatamente como o que precisamos no After Effects. Também me certifiquei de que meu espaço de cores está em RGB e não CMYK. Apenas uma regra geral para animação, o espaço de cores será sempre RGB. Acho que é tudo. Vou criar os adesivos e escolher as minhas fontes. Eu vou acelerar através dele só porque eu não quero que ele ocupe muito tempo da classe porque afinal de contas, esta é uma aula de animação. Sim. Te encontro quando terminar. Estou de volta e foi isso que inventei. Vamos rever os tipos de letra que usei. Estes dois são Rodfat, para estes dois, eu usei Floyd, estes dois são Lucky, e este é League Script. Agora, para a animação, eu acho que vou fazer uma animação de caminho para, não tenha medo, com os olhos abrindo e fechando. Isto vai alternar entre apenas e fazê-lo com um CC Twister. Isto vai ser um caminho de corte. Este vai girar usando coordenadas polares. Para este, acho que vou combinar CC Twister com uma animação de camada de forma. Este também vai ser uma animação de camada de forma. Este vai ser uma animação de caminho, apenas uma rotação muito simples. Este vai ser uma animação de eco. Antes de exportar isso para o After Effects, uma coisa que eu recomendaria fazer para a paleta de cores é tomar um tempo para criar uma pasta para ele nas bibliotecas. Vou clicar neste ícone, criar uma pasta, nomeá-la Skillshare, e vou adicionar cada uma das minhas cores a ela para poder acessá-las facilmente quando estiver no After Effects. Agora que está feito, posso exportar este número 4. Apenas novamente certifique-se de que é 1080 por 1080 e 72 dpi. Ao exportar, renomeie algo como referência e estaremos prontos. Vamos para Arquivo, Exportar e Exportar Como. Verifique essa pequena caixa, e para o intervalo, é o número 4. Aqui tenho minha pasta Skillshare. Tenho um para os arquivos do Illustrator, um para o projeto After Effects e um para as exportações. Vamos voltar ao Illustrator. Você pode exportar como PNG ou JPEG, realmente não importa. Vou apenas adicionar referência no final do nome e clicar em “Exportar”. Tudo isso parece bom, então clique em “OK”, e agora podemos começar a fazer alguma animação. Estou entusiasmada. Vamos lá. 14. Configurando o projeto: Temos nosso plano de jogo para o projeto da classe. Vamos configurar o fluxo de trabalho. Voltamos ao projeto After Effects. Como você pode ver, o mesmo que para o aquecimento, na pasta Projeto, você tem duas categorias. Uma é a referência e a outra é para você trabalhar em seu próprio projeto. Se você quiser, você pode conferir a animação de referência aqui, e isso é o que vamos trabalhar. No painel do projeto, você também tem pastas e composições para cada um dos adesivos. Por exemplo, se eu clicar aqui, ele me levará a uma composição diferente apenas para esse adesivo. Uma nota sobre o projeto que estou usando na tela agora, se eu for para o seu projeto, não há nada lá. Sem composição principal, sem composições para cada um dos adesivos, mas o que você estará usando, então o da seção de recursos já terá tudo configurado para você, porque para ser honesto, configurar projetos é apenas um longo e processo bastante tedioso, e eu só quero que você se divirta e aprenda a animar a tipografia. Eu ainda vou me gravar passando por esse processo porque eu acho que você poderia aprender uma coisa ou duas sobre como configurar projetos e criar formas no After Effects. Para começar, vou importar minha referência, então vou para Ativos na guia Projeto, em seguida, ir para Arquivo, Importar e Arquivo, selecionar o PNG e verificar se ele está na pasta Ativos. Em seguida, vou criar minha composição principal, que vai ser 1080 por 1080, então um quadrado. Depois de recriar meus adesivos, usarei a referência como guia na composição principal para colocá-los. Para o tamanho das composições, para cada um dos adesivos, honestamente eu vou estar adivinhando com base em torno do tamanho da composição principal. Por exemplo de uma composição para você não tenha medo, provavelmente seria em torno de 500 pixels. Só para estar no lado seguro, eu recomendaria torná-los um pouco maiores do que o que pensam que eles realmente são, só porque é mais fácil assim que você sempre pode dimensioná-los para baixo uma vez que você importá-los para a composição principal, então, por exemplo, aqui, eles têm apenas 60 por cento do seu tamanho real. Acho que isso é tudo. Então eu vou fazer tudo isso e voltar quando eu terminar. Eu terminei, estou de volta. Vou importar ambas as composições para os meus adesivos e importá-las para a minha composição principal. Certifique-se de manter a referência na parte superior e mudar a opacidade para 70%. Novamente, somos nós para trazer a opacidade e, em seguida, vamos reposicionar e redimensionar todos os adesivos seguindo esse guia. Agora podemos entrar em animação, e o primeiro que vamos animar é ser gentil com você mesmo. 15. Animando os caminhos de texto: Isso é importante. Basicamente você quer que ele seja do mesmo tamanho que o olho. suas opções de caminho de texto e selecionar sua máscara, e magia. que ela fique em cima dos olhos, e pronto. Estou muito feliz com isso. mas não precisamos pensar em animá-lo. Copie a camada da pupila e salte para a composição do coração, cole-a. O que significa que agora você pode ir para Se és como eu, isso vai interromper a animação de posição do aluno aqui mesmo. O único problema é que se você selecionar tudo e trazê-los para baixo usando as teclas de seta, Pressione Shift Option Command T e digite maiúsculas “NÃO BER MEDO”. aluno e colocar seu indicador de tempo em um dos quadros-chave. Vamos ver como fica. A forma 2 é a parte inferior. Basta clicar no cronômetro, e defina-a como Nenhum. Agora, e só agora, que é ser preguiçoso, mas eficiente. Vou mudar o tipo para Rodfat. você pode mover tudo para baixo usando as teclas de seta ou a ferramenta de seleção. Temos três adesivos feitos, Aqui está o que eu inventei. Vou mudar este tamanho para 70 pixels. Vamos voltar para a composição principal e carregar uma pré-visualização. vá para Máscara e Nova Máscara. Para evitar isso, basta selecionar sua animação de posição no Legal. Nós temos nossos dois primeiros adesivos para baixo. Basta colocar sua camada de texto um pouco mais alto para e agora seu caminho de máscara deve seguir a pálpebra. provavelmente vais querer voltar a centralizar tudo, porque isso vai incomodar-te. agora podemos passar para a animação com camadas de forma. alinhá-lo novamente ao centro Agora você pode simplesmente pressionar U e redistribuir Queremos a pálpebra superior. Abra a camada, vá para Máscara novamente Vamos reutilizar as estrelas que acabamos de fazer e a elipse e também remover a animação de posição. volte para a máscara, cole-os Em seguida, você vai abri-lo e remover seus quadros-chave e colocar suas estrelas como quiser no coração. colocá-las no adesivo do coração só para que tenha algum interesse visual, Para terminar, vamos fazer a minha coisa favorita, e não se esqueça de alinhá-lo. Vá para Parágrafo, e apenas certifique-se de que ele está centrado, Estou muito feliz com isso. Agora vamos mudar o caminho da máscara para que e também remover a animação de escala. ele corresponda ao caminho das pálpebras. Em seguida, clique com o botão direito do mouse em sua camada, Vá para Forma 1, clique no caminho e copie seus quadros-chave, Adicione um quadro-chave e, em seguida, vá até sua camada de olho e apenas reabra-o. Vamos começar agradável e fácil com uma animação de caminho simples em Be Kind To Yourself. Como eu disse, vamos começar com o adesivo “Seja Kind to Yourself”, vamos entrar nessa pré-composição. Como pode ver, já temos as costas. Vamos criar uma nova camada de texto. Pressione “Shift Option Command T”. Para o tipo de letra, estamos a usar o Floyd. Vou digitar “seja gentil com você mesmo” na cor preta. Certifique-se de que ele está centrado e talvez reduza o tamanho dele, digamos 30. Em seguida, vamos criar uma máscara para o texto seguir junto também. Vamos para a ferramenta Forma. Vou usar uma elipse, e começando no meio da composição, vou pressionar “Shift and Command ” e criar um círculo. Em seguida, defina sua máscara como “Nenhum”, vá para Texto, Opções de Caminho, Caminho e selecione “Máscara 1" e, em seguida, ative o Caminho Inverso. Então vamos mover a primeira margem para que o texto esteja alinhado na parte superior. Talvez eu pudesse ter feito o texto um pouco maior, digamos 33. Vamos definir nosso primeiro quadro-chave em dois segundos. A razão para isso é que queremos que o texto venha para cima da esquerda, fique de pé um pouco, e depois desça à direita. Em dois segundos, vai ser para cima. Em seguida, podemos ir para zero segundos e alterar a primeira margem para que o texto esteja na parte inferior da máscara. Então podemos fazer o mesmo em quatro segundos, mas apenas trazer o texto para o outro lado desta vez. Temos a nossa base de animação. Eu só quero que o texto seja escondido quando estiver na parte inferior, então eu vou criar uma segunda máscara para isso. Vou usar um retângulo e arrastá-lo pelo texto. Assim, você pode simplesmente configurá-lo para Subtrair, pressionar “Espaço” para visualizar, e você tem seu texto. Não se esqueça de selecionar todos os seus quadros-chave e pressione “Função 9" para facilitar, pré-visualizar novamente. A questão aqui é que o texto pára completamente no topo, e eu não quero isso. Vou entrar no Editor de Gráficos, verificar se você tem seus quadros-chave selecionados, e também se você está no Editar Gráfico de Velocidade e não Editar Gráfico de Valor. Agora, se eu tentar mover este ponto para cima para que ele não pare completamente, você verá que eles realmente não estão conectados um ao outro, os dois lados, então você vai selecionar ambos, clicar com o botão direito do mouse, ir para a velocidade do quadro-chave e verificar a seção” Caixa contínua”. Agora que eles estão conectados, vamos ser capazes de trazê-los para aliviar a velocidade para que eles diminuam, mas não parem completamente. Agora você pode clicar no ponto, segurando Shift trazê-lo para cima, e então você vai puxar as alças em ambos os lados para que possamos obter uma agradável flexibilização na velocidade. Eu também vou reduzir a flexibilização no primeiro e último quadros-chave. Eu só recomendo para pré-visualizar um monte de vezes e ajustar as coisas ao redor até que você esteja feliz com ele. Acho que encontrei algo com o qual estou feliz. Vamos parar a pré-visualização e voltar para a composição. Terminamos com o texto. Agora, para a flor no meio, vamos precisar de uma camada de forma, vamos criar uma. Não vamos precisar de um derrame, mas vamos precisar de um preenchimento branco. Vamos começar com uma elipse. Mantenha a tecla Opção e, em seguida, Shift e crie sua forma. Além disso, certifique-se de que ele está centrado, eu só vou ajustar o tamanho um pouco, talvez um pouco menor, então 60. Então, para criar as pétalas, vamos realmente usar uma forma de estrela que vamos modificar. Então vá para a ferramenta Forma e crie uma estrela. Perfeito. Eu só vou colocar a estrela sob a elipse e também renomear minha camada, quase esqueci, eu vou chamá-la flor. Selecione a forma da estrela e você vai mudar o preenchimento para roxo assim, e então nós vamos abri-lo e modificá-lo. Primeiro, para os pontos, eu vou fazer oito e depois para o raio interno, algo um pouco maior, talvez 11; e então para o externo, eu vou fazer 100. Para que as pétalas apareçam, precisamos ajustar a redondeza externa. Vamos fazer isso até ficar bem como aqui. Temos a nossa flor, só quero animá-la um pouco. Vamos selecionar a camada, pressionar “R” e, em seguida, ir para o início da linha do tempo e adicionar um primeiro quadro-chave. Para esta animação de rotação fazer loop perfeitamente, eu preciso que meu número de graus seja um múltiplo de 45, porque 360 graus divididos por 8, 8 sendo o número de pétalas, é 45. Acontece que não quero que seja muito rápido, então vou fazer 45 graus. Vamos pré-visualizar nosso primeiro adesivo. Lá vai você. Não é nada muito chique, muito difícil, mas acho que é um bom começo para o projeto. É um adesivo secundário, não quero chamar muita atenção dos principais. Agora podemos seguir em frente para Não Tenha Medo. Passando para Não Tenha Medo, vamos usar a animação do caminho para este também, e vamos começar com os olhos. Vamos criar uma nova camada de forma, e vamos usar a ferramenta Caneta para criar a pálpebra. Vá para o centro, adicione um primeiro ponto em algum lugar por aqui outro do outro lado, e então apenas certifique-se de que está centrado, nós o nomeamos de “olho”. Eu vou adicionar um terceiro ponto no meio como este, e então usando a ferramenta Converter Vertex, eu vou clicar sobre ele para torná-lo curvo. Agora tem estas duas alças para ajustar as curvas. Quero que o olho comece fechado, depois abra em algum lugar por aqui, fique aberto um pouco, e depois feche novamente. Vamos para Conteúdo, Forma 1, Caminho 1 e adicionar um primeiro quadro-chave no Caminho. Copie e cole o primeiro quadro-chave em quatro segundos. Então vamos para algum lugar por aqui, talvez 18 quadros, usando a Ferramenta de Seleção, pressione “V”, você vai clicar nesse ponto e trazê-lo para cima, e então você pode copiar e colar esse quadro-chave em dois segundos e 18 quadros. Selecione todos os quadros-chave, pressione “F9" para facilitar, e agora podemos pressionar “Espaço” para visualizar. Peço desculpa, isto está acelerado, mas é muito chato. Ajustei a forma e a flexibilização do olho até que parecesse perfeito para mim. Agora vamos criar a parte inferior do olho, vai ser uma cópia espelhada. Então, para isso, só precisamos ter certeza de que o ponto de ancoragem para a forma 1 em nossa camada está centrado. Pressione Y e, se não estiver centralizado, faça. Selecione sua forma 1, e você vai duplicá-la pressionando Comando T, em seguida, abri-lo, vá para Transformar, e nós vamos girá-lo em 180 graus. Pressione Espaço para visualizar. Legal. - Legal. Se você falhou em centralizar corretamente seu ponto de ancoragem como eu acabei de fazer, você vai ter essa linha minúscula irritante. Para corrigir isso, basta selecionar sua forma 2, e usando as teclas de seta, trazê-lo para cima até que ele se foi. Legal. Perfeito. Pensando bem, acho que quero que o olho fique fechado um pouco mais, porque agora ele começa de novo imediatamente. Talvez eu traga esses quadros-chave aqui. Pressione U, e você vai selecionar ambos e trazê-los para três segundos e 12 quadros. Vamos pré-visualizar novamente. Muito melhor. Agora só estamos pegando aquela pequena linha no final. Para corrigi-lo, basta cortar sua camada para três segundos e 12 quadros, e agora ela deve parecer perfeita. Legal. Agora para a pupila, vamos precisar de outra camada de forma para isso. Vá para Camada, Nova Camada de Forma, e nós vamos renomeá-la, Pupil. Vamos mudar o preenchimento para preto, e vamos usar a ferramenta de elipse. Vá para o centro de sua composição, e segurando Comando e Shift, crie seu círculo. Agora está acima da camada dos olhos, que significa que quando o olho fecha, a pupila fica visível. Eu não quero isso, então vamos apenas duplicar a camada dos olhos. Pressione o Comando D, coloque-o acima da camada da pupila, renomeie-o, Alfa do Olho, pressionando “Enter”. Em seguida, na camada de pupila, você vai para Track Matte, e configurá-lo para Alpha fosco, e agora, se você pressionar Espaço, ele ficará perfeito. Agora vamos animar o aluno. Vamos começar com a balança. Selecione sua camada e pressione S, e vamos adicionar um primeiro quadro-chave em zero segundo. Vamos fazer 50%, depois ir para 18 quadros, torná-lo 100% novamente, copiar e colar esse quadro-chave e trazê-lo para dois segundos e 18 quadros. Finalmente 50 por cento novamente quando o olho fecha em três segundos e 12 quadros. Selecione tudo e facilite os quadros-chave pressionando Função 9. Em seguida, vá para o editor de gráficos e tente o seu melhor para combinar a flexibilização com a da abertura e fechamento do olho. Agora vamos animar a posição. Pressione P, e vamos para um segundo. Quero que seja centrado quando o olho se abrir e depois vá para a esquerda, direita e volte para o centro antes que feche. Vamos adicionar nosso primeiro quadro-chave aqui, e então podemos ir um pouco mais tarde, então pode ser um segundo e oito quadros. Vai para a esquerda. Posso usar as teclas de seta ou arrastá-las para a esquerda. Então a mesma coisa do outro lado. Vamos para talvez dois segundos e quatro quadros e arrastá-lo para a direita. Se você quiser fazer isso, você pode pressionar V para usar a ferramenta de seleção. Em seguida, de volta ao centro quando o olho se fecha. Vamos para dois segundos e 18 quadros. Você pode simplesmente copiar e colar seu primeiro quadro-chave lá e, em seguida, selecionar tudo e pressionar Função 9 para facilitar. Vamos ver o que temos até agora. Vamos entrar no editor de gráficos e acentuar um pouco a flexibilização. Verifique se você está no Editar gráfico de velocidade. Selecione a posição e, em seguida, desmarque a opção Mostrar propriedades animadas, para que possamos ver apenas a posição. Embora eu só queira que meus movimentos sejam mais rápidos, então vou acentuar um pouco. Eu só vou adicionar uma expressão de movimento só para tornar o movimento dos olhos um pouco mais natural. Segure a opção, e clique no cronômetro, e eu vou digitar em wiggle (0.5,10). Então 0,5 é a frequência, e 10 é a amplitude. Ele vai se mover aleatoriamente 0,5 vezes por segundo por 10 pixels. Vamos pressionar Espaço e pré-visualização. É bastante sutil, mas legal. Eu gosto disso. Perfeito. Agora vamos adicionar algumas estrelas brilhando nos olhos bem aqui, e vamos adicioná-las à mesma camada. Vou usar a ferramenta de forma de estrela aqui. Vamos abrir a camada e ir para Conteúdo. Vou adicionar uma primeira estrela aqui assim, e mudar o preenchimento para o branco. Então, se formos ao grupo e abrirmos o caminho, vamos mudar os pontos para quatro. Vamos mudar o raio interno para 15, e o externo para 30. Então eu só vou mudar a redondeza interior. Bem, até que pareça bom. Digamos 150. Agora vamos animar a escala desta estrela. Apenas certifique-se de que você está na transformação polystar, e não na transformação da camada, e então vá para Escala. Vamos adicionar um primeiro chave-frame em algum lugar por aqui, talvez um segundo e quatro quadros. Vamos fazer 100 por cento. Então volte para um segundo e faça zero por cento. Copie e cole esse quadro-chave de zero por cento e vá para um segundo e 12 quadros e cole-o. Desta vez só vamos aliviar o quadro-chave do meio para que ele cresça muito rápido, permaneça o máximo possível, e depois desça. Deve parecer assim. - Legal. Agora vamos apenas fazer um monte de cópias disso, espalhá-las nos olhos e também na linha do tempo. Você pode pressionar o Comando D para fazer isso. Então você pode pressionar U para trazer todas as propriedades de tamanho, e eu vou apenas mudar algumas delas. Talvez façamos este 70%, e este também, e talvez este possa ser 50 por cento. Só para que não pareçam todos iguais. Agora vou espalhá-los na linha do tempo e nos olhos e voltarei quando terminar. Temos a nossa animação ocular completa. Finalmente é hora de voltar à animação de texto. Vamos fechar esta camada, e vamos adicionar uma nova camada de texto em cima de tudo. 16. Animando com camadas de forma: Tudo o que resta a fazer agora é espaçar Agora você pode selecionar todo o caminho aqui e que irá selecionar todos os quadros-chave, Mas se movermos tudo para que este quadro-chave seja o primeiro que vemos, ele deve ser corrigido. ela não funciona em animação de caminho, Agora podemos passar para o próximo capítulo no qual mesmo aqueles que estão fora da linha do tempo. Normalmente, eu usaria uma expressão de loop, mas infelizmente, Primeiro, queremos ter certeza de que a animação cobre os quatro segundos completos. mal, esqueci que estes quadros-chave, Sim, perfeito. a animação de cada letra por dois quadros e então estaremos prontos. Em seguida, pressione “F9" para facilitar. Agora, a grande revelação. Vamos voltar para a camada e pressionar “U”, então é por isso que parece estranho no início. apenas certifique-se de trazer sua camada e adicionar então vamos ter que copiar e colar um monte de quadros-chave. vamos terminar esta animação usando CC Twister. Eu só vou fazer isso. Legal. e agora temos todos esses quadros-chave para trabalhar. Assim que você chegar ao final da composição, estes aqui, não há nada antes deles, Vamos adicionar mais um conjunto como este e trazer de volta a camada. então nós só precisamos ter algum espaço de manobra. mais algumas cópias porque nós vamos redistribuir os quadros-chave no tempo, Nós animamos três. Vamos passar para o adesivo de verão e fazer uma animação de camada de forma. Vamos pressionar: “Shift”, “Option”, “Command T”, para criar uma nova camada de texto. Vou datilografar um pouco. Certifique-se de que está bem em preto. Vou aumentar o tamanho um pouco. Sim, assim, recentrar em algum lugar no adesivo no canto superior direito, então eu vou duplicá-lo pressionando “Comando D.” Coloque o segundo para baixo e altere o texto para onde. Então reorganize tudo. Agora vamos fazer uma animação de forma muito simples no O de alguns aqui. Você vai clicar com o botão direito do mouse em sua camada, vá para Criar e Criar formas a partir de textos. Se você se lembrar do aquecimento, se você abrir a camada, você terá grupos para cada uma das letras, e para algumas delas como o O, você terá dois subgrupos; um para o caminho externo e outro para o caminho interno. Para criar a animação, vou para a barra de pesquisa e digite o caminho. Então eu vou adicionar um quadro-chave em todos eles em zero segundos. A propósito, se ampliarmos um pouco, você verá que o O já tem esses dois pontos de ancoragem muito convenientes que nos permitirão esticá-lo lateralmente do meio. Se o seu tipo de letra não tem isso, você pode querer adicioná-los usando a ferramenta caneta, mas para nós está pronto para ir. Eu vou para 12 quadros, e eu vou arrastar meu mouse e desmarcar todos os pontos que estão à direita do centro do O. Você pode querer ampliar, ver se você perdeu algum ponto. Em seguida, com o resto da sua seção, você vai clicar duas vezes e arrastá-lo para a esquerda enquanto mantém pressionado “Shift”. Tente o seu melhor para alinhá-lo com o W que está por baixo. Agora você tem todos esses quadros-chave que foram gerados para você em 12 quadros. Para obter o O não esticado de volta, você vai para um segundo na linha do tempo e copiar e colar seus primeiros quadros-chave lá. Como este. Em seguida, clique duas vezes em um dos caminhos e você vai arrastar tudo de volta para a esquerda. Novamente, tente realinhá-lo corretamente com o W. Você pode ter que fazer alguns para trás e para frente entre esses dois conjuntos de quadros-chave apenas para ter certeza de que o S não parece mover muito e ajustar as coisas, se necessário. Em seguida, quero que fique quieto por um tempo. Eu estou indo para ir para um segundo mais tarde, então dois segundos, e apenas copiar e colar meu conjunto de quadros-chave sua. Então estamos fazendo o nosso caminho de volta, então selecione os quadros-chave de 12 quadros e cole-os em dois segundos e 12 quadros. Em seguida, os de zero segundos copiá-los e colá-los em três. Temos a nossa base de animação. Você vai selecionar tudo e pressionar “Função 9" ou “F9" para facilitar. Agora podemos reproduzi-la. Legal. Muito rapidamente, eu vou para o editor de gráficos e acentuar um pouco a flexibilização, então sim. Acho que tenho algo com o qual estou feliz. Temos nossa animação de texto e agora vamos adicionar o planeta ao lado de alguns. Para isso, vamos precisar de uma nova camada de forma. Vamos precisar de uma elipse em roxo. Certifique-se de que você está no centro da composição e pressione “Command ” e “Shift” e crie sua elipse. Por favor, certifique-se de que ele está alinhado porque nós vamos precisar que ele seja mais tarde uma vez que ele está em um pré-composição, então eu vou ajustar este tamanho. Eu só quero ter certeza de que ele se encaixa ao lado do texto. Então, talvez reduza um pouco para 130. Sim. Quase esqueci de renomear a camada novamente. Lembre-se que no aquecimento usamos o efeito de ruído fractal para criar uma textura animada. Vamos usar uma variação aqui para animar a superfície do planeta. Vamos criar um novo sólido pressionando “Comando Y”. Vou chamá-lo de planeta, textura e a cor não importa. Em seguida, vá para Efeito, Noise & Grain e adicione um ruído fractal. Para essas configurações, queremos que ele seja básico e spline. Para o contraste, eu quero que ele seja quase puro preto e branco, então vamos fazer 10.000 para o brilho. Quero que seja mais preto do que branco, então vamos fazer algo como menos 500. Para a complexidade, vamos torná-la uma. Então, apenas formas muito simples como esta. Então vamos para Transformar e reduzir a escala para, digamos, 25. Vamos animá-lo. Para que seja um loop perfeito, você precisa ir para as Opções de Evolução e marcar a caixa Evolução do Ciclo. Em seguida, vá para zero segundo e adicione um primeiro quadro-chave. Em seguida, pressione “U” para abrir a propriedade animada e ir até o final. Vou fazer disto uma evolução de dois ciclos. Vamos pressionar 'Espaço” e visualizar a animação. Sim. Agora só queremos que ele apareça na superfície do planeta. Para isso, vamos usar um Alpha Matte. Então duplique a camada de planeta, traga a cópia acima da textura e renomeie máscara de planeta. Finalmente, você vai definir o Track Matte na textura para Alpha Matte. Só quero que as áreas brancas apareçam no meu planeta. Eu vou para os modos de mistura. É o mesmo que no Photoshop e no Illustrator e vou configurá-lo para clarear. Além disso, reduza um pouco a opacidade, então pressione “T” e eu vou fazer com que seja 50%. Vamos ver como fica. Sim, isso é bom. O que você pode fazer se quiser é realmente mover o seu sólido apenas até encontrar uma região de interesse, eu acho, exatamente como uma área que você acha que parece legal. Talvez aqui seja bom. Sim. Eu gosto disso. Lembra quando pedi para ter certeza que isso estava centrado, é porque vamos pré-compor com sua textura, e a pré-composição terá um ponto de ancoragem no centro bem aqui. Vamos animar a escala, então eu só quero ter certeza de que ela escala corretamente em torno de um ponto no centro. Vamos fazer a pré-composição, selecione as três camadas e clique com o botão direito do mouse, vá para Pré-compor. Vou chamá-lo de Planeta Precomp. Em seguida, vá para a guia Projeto e apenas certifique-se de que ele está onde ele deveria estar no grupo algum lugar. Vamos para o início da linha do tempo e eu vou trazer o planeta para a esquerda de alguns aqui. Vamos começar animando a escala, então pressione S. Vamos adicionar um primeiro quadro-chave a 100% aqui. Em seguida, se você for para 12 quadros, alguns chegaram a este lado, então precisamos que o planeta esteja em zero por cento de tamanho, então vamos fazer isso. Então, na verdade, vamos pressionar U na camada de alguma forma para que possamos ter os quadros-chave como referência. Eu quero que ele seja backup em três segundos, então vamos copiar e colar o quadro-chave de zero por cento e trazê-lo de volta a 100% em três segundos. Você sabe o que? Acho que quero que apareça do lado direito também aqui. Eu vou colocar alguns quadros-chave de escala para isso e eu vou corrigir a posição mais tarde. Vamos adicionar um quadro-chave de 100 por cento aqui e então vamos movê-lo para a direita, e outro aqui. Agora vamos consertar a posição para que tudo isso comece a fazer sentido e você não me odeie. Eu só vou abrir isso para que possamos ter ambos os parâmetros ao mesmo tempo. Vou para zero segundos e adicionar um primeiro quadro-chave aqui. Então, a partir de 12 quadros, deve estar no lado direito, aqui. Mantenha pressionado o botão “Shift”, clique e arraste-o para o outro lado e arraste o quadro-chave para 12 quadros. Em seguida, a partir daqui, ele deve estar de volta à sua posição original, então copie e cole o primeiro quadro-chave. Se eu te mostrar a animação agora, é uma bagunça, eu sei. Por favor, confie no processo. Eu só não disse ao After Effects ainda que não deveria haver nenhuma animação acontecendo entre os quadros-chave da posição. Mas se eu clicar com o botão direito do mouse em um quadro-chave e selecionar Alternar bloqueio quadro-chave, isso significa que não haverá interpolação das partes do After Effects entre os quadros-chave da posição. Ele só vai manter essa posição até que o próximo quadro-chave aconteça e, em seguida, mudar instantaneamente. Agora está começando a parecer algo. Agora precisamos corrigir a atenuação e a velocidade para que os quadros-chave de escala correspondam ao texto, então vamos fazer isso. Pressione “Função 9" ou “F9" para facilitar e vamos ver como ele parece. Melhor, mas não perfeito ainda. Quero que o planeta se torne antes do S chegar aos 12 quadros. Vou copiar e colar este quadro-chave para um pouco antes, talvez em seis quadros. Cole, e vamos ver. Sim, perfeito. Vamos fazer o mesmo com os outros. Aqui, queremos que o planeta entre um pouco mais tarde, então vamos trazer o segundo quadro-chave para seis quadros mais tarde. Agora vamos ver se isto funciona. Sim, perfeito. Eu só vou fazer o mesmo para o segundo conjunto de quadros-chave. Legal, eu gosto. Só uma coisa, eu acho que há algum tempo de inatividade após um e três segundos, então talvez eu pudesse apenas estender a animação um pouco para o planeta crescer bem aqui, só para que ele leve um pouco mais de tempo e não pareça que ele está parado. Vou mover estes dois quadros-chave para, digamos, seis quadros depois. Vamos ver. Sim, legal. Vamos apenas entrar no editor de gráficos e ajustar as velocidades um pouco. Vamos fazer um pouco disso e um pouco daquilo. Vamos pré-visualizar. Sim, acho que terminamos. Legal. Agora podemos passar para o adesivo de. Este será realmente combinado com uma animação CC Twister, mas vamos fazer a primeira parte com uma animação de camada de forma. Mais uma vez, vamos criar uma nova camada de texto. Pressione “Shift”, “Option”, “Command”, “T”, e você vai digitar em maiúsculas. Vamos mudar a cor para branco, e vamos mudar o tipo de letra para Lucky, e certifique-se de que ele está centralizado e também alinhado. Em seguida, usando a ferramenta Seleção, pressione V, você vai derrubá-la. Ajuste o tamanho para que ele se encaixe no adesivo, 200 talvez, e realinhe-o. Vamos criar formas a partir do texto novamente. o botão direito do mouse na camada, vá para Criar e Criar formas de texto. Mais uma vez, você tem todos os grupos para suas cartas. Eu vou para a barra de pesquisa e digite o caminho. Em seguida, eu vou apenas fechar os grupos para a parte externa do R e O porque eu não vou usá-los para a animação e eu quero que eles fora do caminho. Vou para zero segundos, selecionar todo o meu caminho e adicionar um primeiro quadro-chave. Em seguida, eu quero que os círculos subam, então eu vou para 12 quadros. Em seguida, usando a ferramenta Seleção, pressione V, eu vou arrastar o mouse em todos eles. Isso provavelmente também irá selecionar alguns pontos do R e O, mas o caminho externo, então apenas certifique-se de desselecioná-los do painel aqui em baixo. Isto deve funcionar. Agora você pode clicar duas vezes em um dos caminhos. Segurando “Shift”, você vai trazer tudo até, digamos, por aqui. Agora você pode pegar todos os seus quadros-chave a partir de zero segundos e colá-los em um segundo. Ops, esqueci este. Agora temos esse movimento para cima e para baixo. Eu realmente queria criar algumas ondas, então nós vamos ter que mover alguns quadros-chave ao redor. A questão é que para o M, há apenas um caminho para ambos os círculos, então precisamos corrigir isso para fazer uma boa onda. Para fazer isso, vou criar um retângulo dentro dos grupos M. Primeiro vou remover o caminho da barra de pesquisa e reabrir minha camada, entrar no grupo M. Então eu vou pegar a ferramenta Forma e criar um retângulo que corta o M no meio, assim. Opa, não funcionou. Deixe-me apenas trazê-lo de volta para o grupo M e colocá-lo bem abaixo do M. Em seguida, clique novamente no grupo M, e vá para Adicionar, e adicione um caminho de mesclagem. Então você pode configurá-lo para cruzar. Agora temos 1/2 do M. Basta pressionar “Comando” “D”, fazer uma cópia para fazer o outro. Agora você pode apenas definir o caminho de mesclagem de um deles para subtrair, e você está pronto para ir. 17. Animando com o CC Twister: Estamos chegando perto do fim. Vamos usar CC Twister. Estamos de volta com o nosso adesivo da, então vamos apenas adicionar uma animação 2D do efeito CC Twister para terminá-lo. Verifique se a camada está selecionada e vá para Efeito, transição e CC Twister. Primeiro, você vai remover o sombreamento a menos que você queira, eu não sou ninguém para julgar e depois trazer este ponto. A animação de torção vai acontecer em torno dele, então trazê-lo para o meio da camada. Em seguida, você vai mudar o eixo para 90 graus e certifique-se de que você está em zero segundo e adicionar um primeiro chave-frame. Em seguida, vá para a direita antes de um segundo para 23 quadro e altere a conclusão para 100 por cento. Pressione U para trazer seus quadros-chave e eu vou copiar e colar isso logo após o 100 por cento como este. Ele só vai voltar para o seu estado original imediatamente sem qualquer animação. Então eu vou dar um pouco de tempo para fazer uma pausa. Eu vou colá-lo novamente em dois segundos, então nada vai acontecer entre esses dois quadros-chave. Então, muito rapidamente eu vou pressionar Option e clique no cronômetro e eu vou adicionar uma expressão de loop para que esta animação se repita imediatamente após dois segundos. Agora, vamos pré-visualizar bem rápido. Ok, nada mal. Só um pequeno ajuste. Eu acho que eu poderia melhorar o tempo entre a animação do caminho e a animação CC Twister, especialmente no início lá. Eu acho que vou selecionar tudo no caminho e trazê-los para que este chave-frame não seja mais o primeiro, mas em vez disso, este vai ser o primeiro, então vamos ver se isso funciona. Sim, melhor. Tudo bem, legal. Agora podemos animar os elementos secundários e terminaremos com este adesivo. Vamos começar com a grande estrela no meio. Para isso, vamos precisar de uma nova camada de forma. Vamos usar a ferramenta estrela e também fazer o preenchimento da cor dourada e, em seguida, centrar-se, pressione Shift e comando e criar sua estrela. Não se esqueça de nomear a camada. Vou chamá-la de grande estrela, depois abri-la e vamos mudar o número de pontos para 16. Raio interno, vamos fazer 50 externo 100, e então vamos trazer a camada para dentro da janela, então clique nele e você pode pressionar Command para ficar alinhado. Vamos fazê-lo flutuar para cima e para baixo. Para isso, vamos animar a posição, então pressione P e vamos para zero segundos. Adicione um primeiro chave-frame. Você pode falar só um pouco, depois ir para um segundo e você vai derrubá-lo não por muito tempo. Em seguida, copie e cole o primeiro quadro-chave em dois segundos e, em seguida, você vai manter Option, clique no cronômetro e adicione uma expressão de loop out. Finalmente, selecione todos os quadros-chave e pressione F9 para facilitar. Vamos pré-visualizar o que temos. - Legal. Você sabe o que? Acho que também pode aumentar o raio enquanto vai para cima e para baixo, então vamos fazer isso. Vamos abrir o Polystar, ir para o raio interno e adicionar um chave-frame em zero e então vamos para um segundo. Eu vou fazer 30. Tudo bem. Copie e cole o primeiro chave-frame às duas, pressione Option e clique no cronômetro. Vamos adicionar uma expressão de loop-out aqui também e, em seguida, selecionar todos os quadros-chave, pressione F9 para facilitar, e vamos pré-visualizar mais uma vez. - Sim. - Legal. Você sabe o que? Eu acho que eu vou adicionar um pouco de rotação para a mistura, bem como porque não. Vamos pressionar R e adicionar um primeiro chave-frame em zero e desta vez vamos para o final da composição. Lembre-se que esta estrela tem 16 pontos, então 45 graus vai salvar nossa vida mais uma vez. Agora podemos ver uma última vez, eu acho. - Sim. Legal. Eu gosto disso. Você sabe o que? Acho que vou reutilizar as estrelas que criei. Não tenha medo porque eles acabaram e eu quero seguir em frente com isso, então vamos fazê-lo. Vamos parar a pré-visualização. Vamos ao autocolante do coração. Esqueci de renomear essa camada, então vamos fazer isso. Vamos nomeá-lo estrelas e copiá-lo, voltar para de e colá-lo. Pressione U para trazer os quadros-chave e, mais uma vez, eu só vou mudar sua posição na linha do tempo e sua posição na composição. Vou fazer isso e voltar quando estiver feito. Tudo bem, então foi isso que eu inventei. Você deve ter notado que eu adicionei mais algumas cópias das estrelas só porque houve alguns tempos de inatividade aqui e ali e eu queria preencher os espaços em branco. Acho que terminamos e vamos seguir em frente para apenas fazer adesivo. Para este, vamos usar CC Twister também no texto para fazer algo semelhante a um efeito de varredura de fenda. É um efeito muito moderno no momento e geralmente é feito usando um efeito de deslocamento de tempo; mas estamos trabalhando CC Twister porque, para ser honesto, os efeitos de deslocamento de tempo tendem a superaquecer computadores e nem todos temos um PC para jogos. Só quero manter isto o mais acessível possível. Vamos criar uma primeira camada de texto. Pressione Shift Opção Command T e digite apenas e eu vou fazer isso preto. Além disso, reduza o tamanho para que o texto se ajuste aos adesivos. Eu não sei. Talvez 130? - Sim. Isso parece certo. Em seguida, faça uma cópia e oculte o primeiro e, em seguida, altere o texto para fazê-lo. Eu quero que ambos tenham a mesma largura, então eu vou apenas trazer a opacidade deste um pouco para baixo e, em seguida, mudar seu tamanho até que pareça o mesmo. Então eu também quero que eles tenham a mesma altura. Eu vou fazer o tipo indescritível e esticado porque eu acredito que as regras são feitas para ser quebradas e nenhum dos meus professores da unidade vai assistir isso. Além disso, tenho certeza que se estiver na tela por menos de um segundo, ninguém saberá, então vamos fazer isso. Vou usar este perímetro e esticá-lo até que se encaixe. Ali. Perfeito. Agora você pode fechar isso e também certificar-se de que suas camadas estão alinhadas. Está bem. Vou ocultar a camada de fazer isso por enquanto e selecionar a camada justa e aplicar o efeito CC Twister. Tudo bem, então agora você pode remover o sombreamento e colocar o ponto no topo central, então não no centro, no centro desta vez, se isso faz sentido, e mudar o eixo para 90 graus. Vamos colocar um primeiro chave-frame em zero segundo, em seguida, ir para um segundo, pressione U para exibir o quadro-chave e torná-lo 100%. Em seguida, selecione ambos e pressione F9 para facilitar. Então vamos colocar mais duas chaves em um segundo aqui. Então, um para o eixo e um para o centro, depois vá para um quadro. Pressione Command e use a tecla de seta para a direita e você vai mudar o eixo para menos 90 graus e trazer o centro aqui para a parte inferior de seus textos, ainda no centro. Vamos pressionar U, então agora temos essas chaves aqui. Se você tentar visualizar a animação, a primeira parte aqui, você verá que o texto sobe, mas então ele vem para baixo o que eu não quero. Isso é porque a parte de trás está ajustada para si mesma, então se a definirmos para nenhuma, ela simplesmente desaparecerá depois de se torcer. Então, porque trocamos o centro e o eixo, se eu copiar e colar meu chave-frame para dois segundos, quando ele voltar, ele vai voltar de baixo. Faz sentido? Está bem. Agora, se eu jogar de volta, é assim. Tudo bem, progresso. Agora vamos fazer loop de tudo, então copie e cole esses quadros-chave em dois segundos e esses a zero segundos. Agora temos este belo e coeso bit de dois segundos. Desta vez vamos usar uma expressão de loop in e out. É loop in plus loop out menos valor e honestamente, eu não sei como explicar isso. Só sei que funciona. Essa é a minha abordagem para expressões, então vamos continuar com isso. Está bem. Em seguida, você vai clicar com o botão direito do mouse em seu parâmetro e selecionar Copiar Expressão Apenas e você vai colá-lo para os outros dois parâmetros. Agora, se visualizarmos a animação, ela deve ser perfeita. - Legal. Tudo bem, então estamos na metade do caminho. O resto vai ser super fácil. Você está indo apenas para selecionar seus efeitos CC Twister e não se esqueça de também selecionar os parâmetros chave e basta colá-lo em sua camada de fazê-lo assim. Pressione U e você vai trazer toda a sua animação para um segundo depois, então é por isso que precisávamos de uma expressão de loop in e out. Não se esqueça de remover o sombreamento e definir a parte de trás para nenhum. Agora vamos carregar outra pré-visualização. Sim, estamos chegando a algum lugar. Tudo bem. - Legal. Eu só vou fazer uma pequena mudança e novamente, isso é tudo sobre suas preferências pessoais. Estou um pouco incomodado com o fato de que há tanto espaço entre as duas camadas quando elas estão torcendo. Estou pensando se eu reduzir a porcentagem da taxa de conclusão aqui para que eles tenham menos caminho a percorrer, por assim dizer, talvez eles estariam mais próximos. Espero que isso faça sentido. Eu realmente não sei como explicar, mas eu acho que vai funcionar, então vamos tentar. Vamos tentar 90 por cento. Porque eles desaparecem muito antes de 100% de conclusão, acho que podemos nos permitir fazer isso. Vamos tentar. Sim, acho que funciona. Espero que minha explicação tenha feito algum sentido para você, mas vamos lembrar que funcionou, certo? Sim, eu gosto assim. Acho que terminamos com CC Twister e agora podemos continuar a animar o arco-íris e para isso, vamos usar o caminho de corte. 18. Animando com os acabamentos de caminho: Vamos terminar de animar, “JUST DO IT” usando Trim Path, e então vamos passar para outro. Agora vamos criar um belo arco-íris para ir em cima do texto. Então vamos animá-lo usando Trim Path. Vamos criar uma nova camada de forma. Vamos fazer um círculo, sem preenchimento, mas um derrame. Vamos torná-lo vermelho. Digamos vermelho. Vá para o centro e segure “Command” e “Shift”, e crie seu círculo. Tente torná-lo sobre o tamanho do texto, aumentar um pouco o tamanho do traçado. Digamos, 20. Então você só vai entrar e ajustar o tamanho do caminho até que ele se encaixe perfeitamente no texto, por assim dizer. Você pode ter que fazer algum ajuste para o alinhamento. Não se esqueça de trazê-lo um pouco para que ele se encaixe e esteja alinhado com o topo deste adesivo, assim. Então você vai fazer uma cópia. Aperte “Comando D”. Para este, vamos mudar a cor para o ouro. Então você vai trazer o tamanho do caminho para baixo basicamente até que ele fique bem embaixo do primeiro. Mais uma vez, para este que é feito de cor roxa, e trazer o tamanho para baixo também, até que ele se encaixa bem embaixo. Legal. Agora vamos adicionar um Trim Path ao primeiro círculo. Certifique-se de tê-lo selecionado e vá para “Adicionar”, “Trim Path”. Vamos abri-lo. O que eu estou pensando é que o arco-íris vai entrar ao mesmo tempo que “DO IT”, e então ele vai ficar acordado por um pouco, e desaparecer quando o “JUST” chegar, então ele vai ficar escondido por alguns quadros, e então loop. Então vamos começar animando o arco-íris chegando. Para isso, vamos animar o parâmetro final. Vamos trazê-lo para zero. Como você pode ver agora, o ponto de partida está no topo, aqui, que significa que nós vamos ter que deslocar o Trim Path para menos 90 graus para que o início seja na verdade à esquerda. Vou fazer isso e adicionar o meu quadro de zero por cento. Então eu vou para alguns quadros mais tarde, então vamos dizer, quatro. Eu vou copiar e colar esse primeiro chave-frame apenas para que ele fique escondido por um tempo, então nós vamos para logo após “DO IT” terminar de entrar. Isso seria 20 quadros e nós só queremos que ele vá a meio caminho assim. Vamos fazer 50 por cento. Então eu posso copiar e colar em dois segundos. Então podemos adicionar uma expressão de loop, e isso vai começar de novo, mas primeiro, vamos realmente animar o início para que o arco-íris também possa desaparecer. Então primeiro quadro chave em zero, em zero por cento, e ele vai permanecer o mesmo até um pouco depois que o arco-íris terminar de aparecer. Então, digamos, um segundo e quatro quadros, então vamos adicionar outro lá, ainda em zero por cento. Então eu queria terminar de desaparecer, só para que o tempo faça sentido, em quatro quadros antes de dois segundos, então aqui. Vamos fazer 50 por cento e, em seguida, copiar e colar em dois segundos. Agora temos a nossa base de animação. Tudo tem dois segundos de duração, então ele vai ser capaz de loop perfeitamente. Vamos fazer uma prévia rápida para ver o que temos. Sim, tudo bem. Agora vamos facilitar tudo, então pressione “F9" ou “Função 9" para facilitar, e então vamos adicionar uma expressão de loop in e out para ambos, assim. Em seguida, você vai clicar com o botão direito do mouse, “Copiar apenas Expressão”, e colá-lo até o final. Vamos fazer outra prévia. Sim. Legal, certo? Agora, tudo o que temos que fazer é copiar a animação Trim Path para as duas outras faixas. Então vamos fazer isso. Vou copiar o Trim Path e colá-lo nas outras duas elipses, e lá vai você. Eu só quero compensar os efeitos um pouco, então eu vou entrar, selecionar os quadros-chave para as duas outras listras, e eu vou apenas compensar cada um por dois quadros como este. Vamos ver como fica. Legal. Você sabe o que? Pensando bem, eu acho que eu gostaria que minha forma do arco-íris permanecesse presente mesmo quando as listras não estão aparecendo, então talvez algo estático na cor do fundo na composição principal, então eu vou fazer isso. Quase esqueci seu nome, minha camada, por favor, não faça isso. Conheço um designer de movimento que está me julgando silenciosamente. Eu vou fazer uma cópia e trazê-lo para baixo e renomeá-lo “arco-íris de volta”, e então eu vou pressionar “View” e então eu vou apenas remover os quadros-chave para todos eles, e também remover as expressões. Para fazer isso, você pode segurar “Opção” e clicar no cronômetro, e ele irá removê-lo para você. Em seguida, definimos as extremidades em 50% e começa em zero por cento. Então temos nosso arco-íris de volta, não vai se mover. Vamos mudar a cor para este, mas um pouco mais escuro, assim. Legal, e vamos fechar isso, e apertar “Espaço”. Sim. Legal apenas por causa disso, eu vou voltar para “_MAIN” e carregar uma pré-visualização apenas para que possamos ver o que fizemos até agora, e também, talvez nos parabenizar um pouco pelo trabalho que fizemos. Só nos restam três adesivos. Nós temos “você tem isso”, “todos nós começamos”, e “tentar”. Vamos passar para “tentar” porque também vai ser animado usando Trim Path. Você sabe que a broca pressione “Shift Option Command T” para criar uma nova camada de texto, e você vai digitar “para tentar”, não se esqueça de remover todas as maiúsculas, e também, o estiramento vertical que fizemos anteriormente. Então vamos mudar a cor para branco e o tipo de letra para League Script. Talvez aumentar um pouco o tamanho, digamos 165. Tudo bem. Certifique-se de que está centralizado e traga-o para o meio do adesivo. Legal. Se você se lembrar do aquecimento, este será apenas o meu guia, e eu vou usá-lo para recriar algumas formas usando a ferramenta caneta. Vou precisar de uma nova camada de forma para isso, e não se esqueça de renomeá-la. Eu vou usar uma cor de traçado diferente apenas que eu possa ver o que eu estou fazendo e zoom em um pouco. Só algumas notas antes de começar a fazer. Não se esqueça de renomear os grupos para cada uma dessas formas. Além disso, se você tiver alguns duplos como os t, você pode criá-lo uma vez e, em seguida, duplicá-lo e arrastá-lo para o lado. Vou passar por isso, e voltar quando estiver feito. Acho que tenho algo com o qual estou feliz. Primeiro rastreei todas as letras e ajustei o tamanho do traçado aqui para 12 pixels, depois reajustei o traçado do caminho para ajustar melhor o tamanho do traçado. Por exemplo, eu removi o loop nos T porque ele não traduziu bem para um tamanho de traçado maior, então sim, acho que estamos prontos para começar a animá-lo. Certifique-se de que você tenha seu grupo T_1 selecionado e você vai adicionar um caminho de corte, em seguida, abri-lo e nós estamos indo para o quadro chave o fim, então primeiro quadro chave a 0 por cento a 0 segundos e, em seguida, vamos para, digamos 18 quadros e ele vai estar de volta em 100 por cento lá. Você também pode ocultar ou excluir a camada de texto que não precisamos mais dela, então vamos facilitar esses dois quadros-chave, pressione “F9" ou “Função nove”, e parece assim. Agora você só vai copiar esse caminho de corte e colá-lo no resto de suas letras. Legal, e agora temos a nossa base de animação. Hora de torná-lo um pouco mais interessante, então vamos mover alguns quadros-chave para criar os efeitos de escrita, então pressione “U”, e primeiro vamos espaçá-los por dois quadros cada, para que você possa selecionar todos eles o primeiro movimento em sua linha de tempo usando comando e as teclas de seta, mova o grupo inteiro, depois desmarque o segundo, e assim por diante até que você tenha feito todos eles. Vamos fazer outra prévia. Legal. Eu sinto que as barras nos T podem vir um pouco mais tarde do que o resto do grupo, então eu vou apenas selecionar os quadros-chave para ambos e apenas adiá-los por mais quatro quadros e sim, isso é melhor, vamos assistir novamente mais um tempo. Eu vou fazer isso rápido e fácil, então vamos primeiro mudar este traçado para a cor branca e seguida, fazer uma cópia da camada e mudar a cor do traçado para roxo desta vez, em seguida, movê-lo na linha do tempo por dois quadros e fazer outra cópia, movê-lo novamente por dois quadros, mudar a cor, mas desta vez para preto, e, em seguida, outra cópia novamente, dois quadros na linha do tempo novamente, e mudar a cor para o ouro, outra cópia uma última vez, dois quadros e mudar a cor para branco. Vamos ver o que temos. Legal. Eu acho que o que eu vou fazer é realmente manter a primeira camada estática, sem qualquer animação, então eu vou entrar e remover o caminho de corte de todas as letras apenas para que tenhamos alguma base, e eu acho que será mais legível dessa forma. Agora temos a nossa base, vamos ver. Você sabe o que? E se eu fizer este vermelho em vez disso? Eu gosto mais. E se eu adicionasse um caminho de deslocamento ao roxo? Assim como fizemos no aquecimento, acho que seria bom, então vamos ver. Eu vou para o conteúdo, então não um determinado grupo e adicionar um caminho de deslocamento. Agora precisamos que o preenchimento seja roxo e o traço seja branco e então eu vou mudar o tamanho do traçado para talvez dois e então ir o deslocamento e mudar a quantidade até que ele se encaixe, e neste caso são cinco. Vamos pré-visualizar. Vamos diminuir o zoom e quero vê-lo de novo. Agora você só vai pegar essas quatro camadas e pressionar “Comando D” para duplicá-las, trazê-las para cima, e você vai movê-las para dois segundos bem aqui. Agora temos nossa primeira segunda animação, está feita, está completa, a única coisa é que estamos recebendo um pouco de serrilhamento ou falha nas bordas ao redor do texto por causa das diferentes camadas, e podemos tentar corrigi-lo. Mas se diminuirmos o zoom, não será realmente visível, deixe-me mostrar o que quero dizer na composição principal. Como você pode ver neste tamanho, não é realmente visível. Se você quiser corrigi-lo, você poderia cortar cada camada uma vez que já está coberto pela próxima. Mas para ser honesto, estou bem com isso, então vamos seguir em frente. A única coisa que está me incomodando um pouco é que eu gostaria que este texto fosse um pouco mais itálico inclinado. Peço desculpas antecipadamente, vou desrespeitar a tipografia novamente. Vou apenas selecionar todas as minhas camadas e certificar-me de que estou no lugar certo na guia do projeto, vou pré-compor todas elas juntas e renomear a pré-composição para tentar pré-comp e aplicar um efeito rápido. Vou para efeitos, distorcer e inclinação CC. Não quero nada muito extremo. Vamos definir esta inclinação para talvez 25, baixar a altura um pouco, talvez 95 e eu vou apenas colocar o chão no centro da pré-composição. Eu não vou explicar demais este efeito, é apenas uma correção rápida porque eu não consegui encontrar um tipo de script itálico que eu gostei o suficiente para esta classe e eu só queria ter certeza de que eles eram todos de código aberto para você usar Porque eu quero que isso seja acessível, por favor use um tipo de letra que você gosta, e não torturá-lo como eu acabei de fazer. Só temos dois adesivos para levar, estou super animado. Você tem esse e vamos usar o efeito de eco. 19. Animando com eco: Muito bem, estamos a aproximar-nos do fim, vamos usar o efeito eco. Você tem isso. Estamos de volta. Espero que ainda não esteja cansado de eu dizer isso, mas vamos criar uma nova camada de texto. Pressione Shift opção Command T. Eu vou usar Floyd em branco e eu vou digitar. “ Você tem isso.” Isto poderia definitivamente ser um pouco maior então eu vou mudar para auto e fazer este 80 pixels. Além disso, certifique-se de que ele está alinhado à esquerda e trazê-lo de volta para o meio do seu adesivo. Além disso, vou deixar algum espaço por baixo porque vou adicionar uma flecha lá mais tarde. Além disso, isso está me incomodando. Apague entre o G e o T, então eu só vou corrigi-lo porque parece que não é o mesmo entre as três linhas. Sim, assim é melhor. Para criar a seta, vamos precisar de uma nova camada de forma. Não se esqueça de renomeá-lo. Então eu vou usar a ferramenta caneta para criar minha primeira linha. Sem preenchimento, mas um derrame, digamos de três. Vou fazer o primeiro ponto e, em seguida, segurar Shift para ter certeza de que o segundo está alinhado. Saber saber o quê? Talvez ele mereça ser um pouco maior, então eu vou pegar a ferramenta caneta novamente, zoom in, e sim melhor. Para fazer a segunda parte da flecha, vou usar uma elipse. Certifique-se de que você ainda está na mesma camada no conteúdo e crie seu círculo. Em seguida, você pode abrir o caminho e ampliar. Sinto muito, eu tenho uma coisa com números irregulares, e estou tentando melhorar com isso, mas sim, é o que é. momento, este caminho é um caminho de elipse, o que significa que não é personalizável. Você não pode mudar os pontos de ancoragem. Mas se clicarmos com o botão direito do mouse sobre ele e convertê-lo em um caminho base, agora podemos adicionar novos pontos de ancoragem e modificar tudo. Quero apagar tudo, menos esta parte aqui. Preciso que este caminho seja um caminho aberto. Vou usar a ferramenta de seleção, clique com o botão direito do mouse no caminho e ir para máscara e forma caminho, e fechado. Agora ele está aberto e eu posso remover os pontos usando a ferramenta excluir vértice. Eu vou fazer isso. Legal. Agora eu posso selecioná-lo e trazê-lo aqui. Depois vou fazer uma cópia e abrir esta. Vá para transformar e desvincular os dois parâmetros para a escala e faça este menos 100. Estamos apenas espelhando isso basicamente. Vamos ver. Talvez eu possa trazer os dois um pouco para a direita. Sim. Temos a nossa base para este. Estou pensando em alguma rotação e alguma animação em escala. Isso vai criar algumas linhas de eco agradáveis. Para fazer isso, vamos realmente ir para a camada traseira e duplicá-la, trazê-la para baixo, e renomeá-la de volta eco. Vou adicionar um golpe branco de dois pontos a este. Ok. Já que vamos animar a rotação e a escala para tudo, vou pré-compor tudo isso. Tornará a nossa vida mais fácil. Você só vai clicar com o botão direito do mouse e selecionar pré-compor. Além disso, certifique-se de que está no lugar certo. Vou dar um nome a este. “Você tem isso.” Precomp pressione, “Ok”, e agora assista isso. Vamos criar esta camada para esta assim. O que são camadas de parentalidade? Se você informar a camada A, que a camada B agora é seu pai em um terceiro efeito, então A irá copiar e remover a mistura. Se você animar a posição, a escala, a rotação de B, A vai fazer o mesmo. Agora que as camadas estão parentadas, vou começar a fazer alguma animação. A linha do tempo vai ser dividida em duas partes diferentes porque eu quero que ela faça duas coisas diferentes. Vamos começar com a escala porque eu quero que ela diminua em torno de 1 segundo e também gire, depois volte ao seu estado original. Fique lá um pouco e faça o mesmo, mas do outro lado. Vamos começar com a balança. Pressione S e adicione o primeiro quadro-chave em zero segundos, e você pode copiá-lo e colá-lo em dois segundos. Vamos dar-lhe algum tempo para ficar lá. Vou dar-lhe seis quadros. Vamos para um segundo e 18 quadros e colá-lo novamente. Em algum lugar a meio caminho entre os dois primeiros quadros-chave. Digamos 22 quadros, vamos fazer 30 por cento. Agora você pode copiar tudo e colar os quadros-chave em dois segundos para que toda a linha do tempo seja coberta. Vamos ver o que temos. Tudo bem. Legal, agora podemos fazer a rotação. Vamos voltar ao início da linha do tempo. Pressione R para abrir a rotação, adicione um quadro-chave e pressione U para ver a escala para referência. Mesma coisa. Vamos colar este quadro-chave aqui e aqui, e também no final aqui e aqui. Então podemos voltar para 22 quadros. Vou ter que girar 40 graus. Sim. Então aqui ele pode girar a menos 40 graus. Vamos ver como fica. Vamos pressionar o Espaço. Só para circular de volta em camadas de parentalidade, como você pode ver, esta camada aqui está fazendo exatamente a mesma coisa que a pré-composição, que é o que nós queremos, então sim. Agora podemos selecionar tudo e pressionar F9 ou Função 9 para facilitar. Eu vou para o editor de gráficos e selecionar tudo, apenas certificando-se de que este é o gráfico de velocidade de edição. Então eu vou acentuar a flexibilização apenas um pouco em ambos os lados, e vamos fazer uma prévia. Sim, isso é bom. Agora podemos adicionar o efeito à camada traseira. Vamos ao efeito, ao tempo e ao eco. Nada mudou ainda porque o número de ecos é definido como um. Vamos mudar isso para 40. É amarelo porque está definido para adicionar. Vamos mudar isso para compósitos na frente. Muito melhor já. Vamos ver. Já parece bem legal. Meu único problema é que ele começa a desaparecer no final bem ali. Isso poderia ser corrigido adicionando mais ecos, mas eu acho que eu também posso corrigi-lo alterando o tempo de eco. O tempo entre cada uma das cópias, porque eu também não quero que ele pareça que ele está se movendo muito e encontrar o ponto ideal com o tempo de eco pode fazer isso. Para isso, você só tem que tentar visualizar e repetir. Eu vou fazer isso e voltar quando eu encontrá-lo. Ok, estou de volta. Eu defini para menos 0,044 se isso faz sentido. Gosto disso porque parece que não está se movendo tanto. Você também pode manter a forma quadrada original, que é o que eu queria. Eu sei que tecnicamente não era uma dimensão direta da tipografia, mas eu realmente gosto disso e eu acho que você pode definitivamente aplicá-lo a uma letra ou uma palavra. Vamos voltar para a principal, porque gosto de ver tudo juntos. Sim, é muito bom, certo? Nós só temos este aqui para fazer, e nós vamos usar coordenadas polares para este, e então você vai saber tudo o que precisa saber. 20. Animando com coordenadas polares: Este é o último. Espero que estejas excitado porque estou a trabalhar para usar coordenadas polares para animar esta. Para este, poderíamos tentar usar uma animação de caminho como fizemos para o tipo para você mesmo. Não quero passar muito tempo tentando curvar as flechas corretamente. Nós só vamos trapacear nossa saída e usar coordenadas polares em vez disso. Certifique-se de que você está na pasta certa e crie uma nova composição. Este precisa ser um retângulo, então vamos torná-lo 1.800 por 1.000, quatro segundos de duração, e eu vou renomeá-lo, todos nós começamos pré-comp, pressione “Ok”, e eu juro que este é o momento em que pressione “Shift Option Command T” para criar um novo camada de texto e digite, todos nós começamos. Vamos torná-lo um pouco maior, talvez. Sim, isto deve funcionar. Eu quero que o texto não seja muito grande, mas preencha toda a largura da composição e também tenha espaço suficiente entre as palavras para caber as setas nele. Eu só vou pressionar “Espaço” um monte de vezes entre cada uma das palavras e também antes, nós. Agora você vai pegar a ferramenta Seleção e trazer os pontos de ancoragem de sua camada para o lado esquerdo da composição assim. Agora preciso remover alguns espaços como este. Agora eu posso voltar para o pré-composto antes de você pegar isso e pegar a camada de seta, copiá-la, voltar e colá-la. É um pouco pequeno, mas vou ampliar e usar a ferramenta manual, vou navegar na composição e pressionar “Y” para usar a ferramenta de ponto de ancoragem e voltar a centralizá-la na seta para que ela possa ser dimensionada em torno desse ponto. Vamos diminuir o zoom e pressionar “S” e vamos ver. Acho que 135 deve bastar. Sim. Em seguida, alinhá-lo com nós, e fazer algumas cópias pressionando “Comando D” e colocando-os entre as outras duas palavras. Temos a nossa base. Vamos voltar para, “Todos começamos” e importar a pré-composição e então eu vou para Efeito e Distorcer e adicionar coordenadas polares. Queremos rect para polar, e vamos fazer 100 por cento. O texto está definitivamente muito longe agora. Vamos voltar para a pré-instalação e mover tudo. Lembra quando imprimimos os ligers no último capítulo, vamos fazer isso de novo. Selecione “Todas as setas” e os direcione para a camada de texto. Agora podemos mover tudo juntos. A deformação com este efeito acontece em torno do ponto no topo da composição. Precisamos trazer o texto para que ele se aproxime do centro do círculo. Última coisa, escrever agora o texto está virado para dentro e eu realmente quero que ele seja o contrário. Eu vou voltar para pré-composição e eu vou re-centralizar esse ponto de ancoragem para a camada de texto bem aqui para que possamos espelhar tudo. Traga para o centro, não precisa ser perfeito. Na verdade, principalmente eu poderia ter alinhado minhas flechas melhor porque elas não querem ser alinhadas. Sim, assim é melhor. Desculpe por isso. Pressione “S” para a escala e faça a escala negativa. Uma vez que você realinhe tudo, deve ficar assim. Agora podemos animar a rotação. Pressione “R” e vá para zero. Queremos que as pessoas leiam o texto que está no topo. Primeiro vamos ser nós, depois, todos, e depois, começar. Primeiro quadro-chave para nós, eu vou trazê-lo para o topo, mas um pouco para a esquerda porque há um adesivo bloqueando o caminho até lá, então eu só quero ter certeza de que ele é legível. A rotação vai fazer três paradas e, em seguida, voltar à sua posição original. Isso vai ser quatro quadros-chave que eu tenho que espalhar igualmente nesta linha do tempo e eu poderia fazer algumas contas para descobrir isso. Eu só vou espaçá-los por um segundo cada e então eu vou mostrá-los como esticá-los para caber porque nós odiamos matemática. Agora, para o último quadro-chave, eu realmente não posso copiar e colar o primeiro porque com rotação você tem graus, mas você também tem ciclos. Como estamos girando no sentido anti-horário, eu preciso que o último seja igual ao primeiro que com menos 1 ciclo. Como este. Agora devemos ter um loop perfeito. Agora basta esticar seus quadros-chave, você está apenas indo para selecionar todos eles e pressionando “Opção”, clique no último, basta arrastá-lo para onde você precisa que ele esteja e lá está. Mágica e nenhuma matemática envolvida. Temos a base para a nossa animação. Vou selecionar a tecla e pressionar “F9 ou Function 9" para facilitar e, em seguida, realmente entrar no editor de gráficos e acentuar a flexibilização um pouco, porque eu quero que a animação realmente marque isso pára em cada uma das palavras. Eu gosto disso. Terminamos com a animação de texto e vamos adicionar mais uma coisa no centro. Vai ser uma animação solar e vamos usar coordenadas polares mais uma vez para animá-la. Para fazer isso, vamos precisar de uma nova comp. Apenas certifique-se de que você está na pasta certa e crie uma nova composição. Vou dar o nome de um precomposto de Sol, do mesmo tamanho de antes e do mesmo comprimento. Aperte “Ok”. Vamos adicionar uma nova camada de forma e nomeá-la base. Vou usar a ferramenta de forma e um preenchimento de ouro. Certifica-te de que estás centrado e cria a tua praça. Então eu vou entrar e mudar o tamanho para que ele se encaixa na composição em largura e é metade do tamanho em altura. Então, 1.800 por 500, em seguida, pressione “V” e, mantendo Shift e Command, arraste sua forma para o topo para que ela se encaixe na borda superior. Temos a base do Sol e isto vai transformar-se num círculo. Agora precisamos dos raios. Vou criar uma nova camada de forma e renomeá-la de raios. Desta vez vamos usar a ferramenta caneta para criar um triângulo. Primeiro crie uma linha, em seguida, segure Shift para fazer a última e isso vai torná-la equidistante aos dois primeiros pontos. Em seguida, puxe este para baixo e você quer que ele alcance sobre a parte inferior da composição assim, em seguida, clique duas vezes na forma e certifique-se de que o ponto de ancoragem está centralizado. Pressione “Y” e mova-o, se necessário. Estamos falando do ponto de ancoragem para esta forma, não da camada de forma. Então vou torná-lo um pouco mais fino assim. Agora vamos fazer algumas cópias. Primeiro você vai trazer seu raio para o lado enquanto segura Shift para ficar alinhado e você quer que ele fique nivelado contra o lado da composição, mas apenas certifique-se de que ele não está sobreposto também. Como este. Agora há essa coisa realmente legal em camadas de forma que permite que você faça cópias de suas formas. Vamos adicionar um repetidor e acho que não preciso explicar como isso funciona. Você pode escolher o número de cópias, eu vou fazer 10. Em seguida, no repetidor de transformação, você pode basicamente mudar tudo sobre como suas cópias são dispostas. A posição, a escala, a rotação, vamos nos concentrar na posição aqui. Eu quero minhas 10 cópias para preencher a composição em largura. Vamos ver, talvez só mais um pixel. Sim, assim. Agora que tenho certeza que eles estão uniformemente espaçados porque ambos estão tocando os lados. Na verdade, vou voltar à minha forma e torná-la ainda mais fina e é apenas uma preferência para que você não precise fazer isso. Vamos voltar para, todos nós começamos, e para ter uma visão melhor do que estamos fazendo e é importante para pré-comp e adicionar o efeito. Então rect para polar 100 por cento. Vamos também reduzi-lo para algo mais razoável, então digamos 25 por cento. Sim. Agora temos o nosso Sol e eu só quero animar rapidamente os raios e para isso, vamos usar o efeito de dobra de onda. Eu já cobri isso muito extensivamente na minha aula anterior. Mas basicamente, é um efeito que gera algumas ondas na superfície da sua camada. Vamos para “Efeito” e adicionar uma “Wave Warp” aos raios. Neste momento, a direção está ajustada para 90 graus, então as ondas vão por aqui. Eu quero que ele seja vertical, então eu vou mudar para 180. Então eu vou mudar a largura. Eu quero algo um pouco maior, então vamos fazer 182. Vamos ver o que temos. Sim, legal. Eu só vou mudar a velocidade 2.5 e se você quiser experimentar com a velocidade e quer que ele faça loop, eu recomendo ter certeza de que ele funciona. Eu sei 0,5 e mais uma vez trabalho por quatro segundos, mas se você tem um comprimento diferente, apenas certifique-se. Vamos ver como é o Sol e, todos nós começamos. Isso é legal. Eu só quero que meus raios sejam ainda mais finos, desculpe, esta é a última vez que eu prometo. Sim, assim é melhor. Lá está ele. Está completa. Está feito, o que significa que oficialmente terminamos de animar todo o projeto. Parabéns, vamos carregar uma prévia de descanso completo na comp principal para que possamos comemorar o que fizemos com este projeto. Aqui estão eles, estou super feliz com os adesivos. Espero que você também esteja. Agora tudo o que resta a fazer é adicionar os retoques finais e exportar e então você será feito com a classe. 21. Toques finais: Então nossa animação está ótima. Está feito, está completo. Eu só vou te mostrar alguns efeitos que eu sempre adiciono ao meu, só para dar um pouco mais de caráter. Você poderia definitivamente exportar sua animação daqui, sem problema. Acho que vou acrescentar algumas coisas. Primeiro, vou adicionar um pouco de pó branco usando a técnica que usamos no aquecimento. Para isso, pressione “Command Y” para criar um novo sólido, nomeie poeira branca. O tamanho está correto, e a cor não importa, então aperte “Ok”. Então vamos para Efeito, Ruído e Grão, e Ruído Fractal. Fractal, Tipo Básico de Ruído, Linear. Para o contraste deles, eu vou fazer 1.000. Para o brilho, vamos torná-lo menos 450. Então vá para Transformar e eu vou fazer essa escala 20. Isso vai ser bem sutil, certo? Isso é pequeno, mas eu gosto e acho que acrescenta caráter. Você também pode brincar com a complexidade, mas estou bem com isso. Então você vai para a opção Evolution e mantenha a opção Option e clique no “Cronômetro” para adicionar uma expressão à semente aleatória. Em seguida, digite o tempo vezes 6. Vamos ver o que parece. Sim, legal. Agora podemos fechar isso e definir o Modo de Mistura para Adicionar, e isso é muito forte. Vamos mudar a opacidade e torná-la 50 por cento. Vamos pré-visualizar. - Legal. Se você quiser um efeito mais forte, sinta-se livre para brincar com o brilho para adicionar um pouco mais de poeira. Em seguida, aplicarei minha mistura habitual de efeitos que sempre aplicarei às minhas animações, e as salvei aqui nas predefinições. Se você nunca usou predefinições antes, elas são realmente úteis quando você faz muita animação. Se eu quisesse criar um novo, tudo o que eu teria que fazer é selecionar meu efeito ou vários, e basta ir para Animação e salvá-lo. Ele também salvará as animações do quadro-chave, que é super útil. Se eu quiser usá-lo novamente, eu posso apenas ir aqui e aplicá-lo a uma nova camada. Sobre esses efeitos, eu não vou explicar demais tudo porque este não é o tema da aula, mas sinta-se livre para explorar e cavar em seu próprio tempo. Primeiro, vamos criar uma nova camada de ajuste, então pressione a opção “Command Y”. Vou chamá-lo de Grain e adicionar minhas predefinições aqui. Aqui temos efeitos de dois grãos com diferentes parâmetros para a intensidade, tamanho, suavidade e tudo mais. Além disso, eles têm dois modos de mesclagem diferentes. Este está definido para Filme, este para Multiplicar, e isso me permite equilibrar os grãos nos tons mais claros como este e nos mais escuros. Se quiser cavar mais, fique à vontade para fazer isso. Eu vou adicionar outra camada de ajuste, então pressione a opção “Command Y”, e eu vou nomear este olhar desenhado com uma mão. Este efeito, eu realmente expliquei em profundidade na minha classe anterior, que é Animator Ilustrações no After Effects. Se você quer saber os detalhes, eu recomendo assistir o Capítulo 10 dessa classe. Faltam três minutos e vamos informá-lo de tudo o que precisa saber. Vamos adicioná-lo. Este tem dois efeitos de deslocamento turbulento. É um efeito que vai esmagar as bordas das formas, e assim, ele muda aleatoriamente. Nas opções Evolution, adicionei uma expressão de tempo na Semente Aleatória. Eu tenho dois diferentes porque a quantidade e o tamanho são diferentes e sua complexidade também. Eu acho que é isso. Então temos um efeito Posterize Time definido em 12 quadros por segundo. Eu sempre animo em 24 quadros por segundo, mas para algumas exportações, eu gosto de configurá-lo para 12 depois porque ele apenas faz parecer mais como animação tradicional. Desde a última classe, eu realmente adicionei uma Máscara Unsharp que você pode encontrar em Desfoque e Nitidez. Este aqui está porque eu notei que o efeito Turbulent Displace tendia a tornar as coisas um pouco desfocadas, então a Máscara Unsharp só ajuda a trazer de volta essas bordas nítidas. Então cabe a você, se você quiser personalizar sua animação ainda mais, você pode definitivamente adicionar algumas Sombras para os adesivos. Você pode ir para Camada e Estilo de Camada e adicionar uma Sombra Solta e torná-la realmente nítida. Você também pode adicionar alguns efeitos de textura de papel animado. Eu sei que Ben Marriott realmente tem um tutorial incrível do YouTube sobre isso se você quiser conferir. Eu vou parar aqui. Na verdade, vou mascarar metade dos efeitos para você ver a diferença e carregar uma pré-visualização. Lá está ele. Você tem que decidir lado e sem os efeitos. Cabe a você o que você decide fazer. Agora que eu mostrei algumas maneiras de adicionar algum caráter ao seu design, eu acho que eu vou apenas remover as máscaras e mostrar a você como exportar, e então nós terminamos. 22. Exportando e conclusão: Certo, então vamos exportar a animação. Mais uma vez, estou muito feliz com esta animação. Espero que você também esteja. Esta parte vai ser muito curta, eu só vou mostrar a vocês como exportar. Para isso, usaremos o Adobe Media Encoder. Se você baixou o After Effects, você deve tê-lo também. Vou parar a visualização e ir para a composição e adicionar à fila de renderização do Adobe Media Encoder. Você deveria ter essa janela aberta. Para exportar para a web ou redes sociais, eu recomendaria usar H.264 no menu suspenso aqui. É um formato de exportação que vai lhe dar um arquivo MP4, que é perfeito para a web e geralmente também na extremidade menor para o tamanho. Em termos de configurações de exportação, eu recomendaria abrir este menu clicando no botão “H.264" e, em seguida, indo para a guia de vídeo e alterando a codificação de taxa de bits para CBR se você pode fazer as taxas de bits alvo em torno de 20, mas verifique em seu tamanho estimado do arquivo. Se você tiver um limite, pressione “Ok”. Em seguida, aqui você pode escolher onde exportar seu arquivo. Vou entrar na minha pasta Skillshare e depois na exportação, renomeá-la, pressionar “Salvar” e clicar na seta verde, e pronto. Lá está ele. Estou muito feliz com o que criamos usando os diferentes efeitos e técnicas. Espero que goste da aula. Espero que tenha se divertido. Aqui estão algumas animações que criei recentemente usando os mesmos efeitos e técnicas. Espero que isso possa lhe dar alguma inspiração para criar o seu próprio. Se você tiver alguma dúvida, comentários, preocupações, se você está preso em alguma coisa, por favor, escreva-me na aba de discussão. Você pode incluir capturas de tela do seu problema e eu ficarei feliz em ajudá-lo. Tudo bem, então muito obrigado por ter assistido à minha aula. Mal posso esperar para ver seus projetos. Tchau.