Criando uma animação pessoal: Introdução Adobe After Effects

1. Introdução: Você pode fazer uma introdução personalizada incrível, assim como esta em pouco mais de uma hora sem absolutamente nenhuma experiência necessária. Vou guiá-lo por cada passo e mostrar-lhe como o After Effects pode ser fácil. Olá, meu nome é Chris George. Eu sou um designer de movimento gráfico baseado em Nova York. Não sabia o que eu ia dizer logo depois disso. seis anos, criei minha primeira animação do After Effect usando apenas tutoriais do YouTube. Eu estava muito feliz com como ele acabou tanto que eu decidi voltar para a escola para gráficos de movimento. Eventualmente, consegui começar meu próprio estúdio com meus dois parceiros de negócios, Emerson Bowstead e Justin Vega. Agora temos estúdios Oddsense onde podemos fazer coisas legais, vistas aqui. O que estamos fazendo? Assim como meu primeiro projeto, vamos fazer uma peça auto-promocional, incluindo três habilidades ou serviços que você fornece, seu nome e uma animação de um personagem para representá-lo. Se você está interessado em aprender After Effects, este é um ótimo lugar para começar. Não só vou guiar vocês através de cada técnica que usamos passo a passo, mas também vou rever demonstrações. Vamos discutir conceitos de grande imagem para garantir que você entenda o que está acontecendo e que as habilidades que aprendemos podem ser aplicadas a animações futuras. Muito rápido antes de começarmos, tenha em mente que, se você tiver algum problema, entre em contato comigo, e me envie um e-mail ou me siga no Instagram e me envie uma mensagem lá. Eu vou ter certeza de voltar para você e ajudar de qualquer maneira que eu puder. Eu prometo. 2. Primeiros passos: Ok, bem-vindo ao projeto. Quero chegar ao After Effects o mais rápido possível. De antemão, eu só tenho uma pequena quantidade de preparação para o que fazer com você. Para isso, eu vou pegar meu laptop, e eu vou apenas abrir um documento de texto. Tudo o que precisamos fazer é descobrir três habilidades ou serviços que fornecemos. Para o meu, eu vou fazer Design como meu primeiro, Animação como meu segundo, e depois Ilustração como meu terceiro. Então precisamos saber nossos nomes. Então a próxima coisa que precisamos fazer é descobrir uma paleta. Eu amo a cor e eu sei o que eu gosto eo que parece bom. Mas, muitas vezes eu tenho dificuldade em escolher cores específicas para minhas paletes. O que eu gosto de fazer é ir a um site chamado coolers dot-com. Aqui eles realmente geram paletas aleatórias para você. Só vou passar e clicar na barra de espaço algumas vezes e ver se alguma coisa me chama a atenção. Ooh, eu gosto dessa. Ok, aqui já temos uma ótima paleta. Eu acho que tem alguns azuis agradáveis, bonito off-white, e ótimo amarelo. Parece um bom alicerce para o que quero fazer. O que eu vou fazer é tirar uma captura de desta paleta e salvar isso na minha área de trabalho para mais tarde. Estamos quase prontos para ir. Um pedaço de preparação que você pode fazer que eu não vou fazer é realmente me desenhar de antemão. Mais tarde, vamos criar ilustrações e animações de personagens que sentimos que melhor nos representam. Pode ser uma visão de desenho ou um desenho de um animal que se sente como você, o que quer que você faça, pode ser um monstro. Eu não me importo. Só vai ser um pouco de caráter. Vou ilustrar isso enquanto for mais tarde. Se você quiser fazer um pouco de preparação de antemão, e atrair-se para fora, eu recomendo que para ter em mente que o meu vai acabar parecendo assim. Se você quiser mantê-lo nesse nível de complexidade, esse seria um bom lugar para começar. Acho que estamos prontos para ir. Vou até minha mesa e podemos começar a trabalhar no After Effects. Agora que temos um plano claro do que estamos fazendo, do que estamos fazendo. Podemos abrir o After Effects. Depois de abrir o After Effects, você poderá selecionar Novo projeto e deverá ver uma janela semelhante a esta. Se o seu parecer diferente, pode estar em um arranjo diferente. Você pode simplesmente ir para o Window Workspace e, em seguida, selecionar padrões para que o nosso pareça exatamente o mesmo. Antes de cavarmos, quero destacar algumas áreas importantes que devemos conhecer. Começando no canto superior esquerdo, temos a nossa Barra de Ferramentas. Se você já usou software da Adobe antes, alguns deles serão muito familiares para você, mas se algum parecer estrangeiro, não se preocupe, não precisaremos de mais do que esses cinco. Explicarei tudo o que precisarmos mais tarde. Abaixo de suas ferramentas está sua Janela do Projeto. Aqui é onde você pode encontrar e organizar todos os seus arquivos e composições importados. À direita está a nossa Janela de Composição, também conhecida como Palco. Poderíamos pensar nisso como nosso monitor. É onde vamos ver todo o trabalho que criamos. Diretamente abaixo é a nossa Linha do Tempo, onde nós realmente criar uma camadas animadas. Agora que temos nossos rolamentos, vamos criar nossa primeira composição e começar as coisas. Como temos um novo projeto, você pode selecionar o novo botão de composição, mas a qualquer momento você pode fazer novas composições com este botão ou no menu superior selecionando composição, e indo para nova composição. Ok, agora estamos aqui com nossas configurações de composição. Depois de renomear nosso texto de composição, vamos avançar e combinar todas as outras configurações com as minhas. Vou descer e explicar alguns destes. Mudaremos nossa taxa de quadros, certificando-se de que está em 24. Principalmente porque é um bom número para trabalhar. Se tivermos que fazer alguma matemática mais tarde, 24 é um número muito fácil de trabalhar. Finalmente, vamos definir a duração da nossa composição. A forma como estes números são organizados, pode parecer um pouco estranho, mas é por hora, minuto, segundo e, em seguida, o número do quadro. Vou definir isto para dez segundos, porque acho que não vamos precisar de mais do que isso. Nós vamos bater, “Ok”. Agora que temos nossa composição toda configurada, na próxima lição, podemos falar sobre camadas, e adicionar nossos primeiros elementos à nossa cena. 3. Criando seu texto: Agora que temos uma composição piscada, precisamos preenchê-la com algumas camadas. Você pode criar uma nova camada a qualquer momento clicando com o botão direito do mouse na seção esquerda da linha do tempo, clicando em “Novo” e selecionando o tipo de camada que deseja criar. Fora desta lista, só temos que nos preocupar com estes quatro. As camadas de texto são obviamente para criar campos de texto que funcionam muito como outros softwares da Adobe. As camadas de forma permitem que você crie qualquer tipo de combinações de formas ou formas usando suas ferramentas de forma predefinidas ou a ferramenta Caneta. As camadas sólidas geram uma cor do tamanho da composição. Mas, infelizmente, você não pode mudar essa cor depois de configurá-la pela primeira vez. Na maioria das vezes, você está melhor apenas usando uma camada de Forma. Por último, há nulos que são um pouco mais estranhos. Imagine que eles são como um pedaço de plástico transparente que podemos anexar outras camadas. Quando você move esse pedaço de plástico, tudo associado a ele também se move. É uma ótima maneira de controlar elementos de sua cena, e explicarei mais sobre isso mais tarde. Agora, com nossa nova composição, a primeira coisa que vamos fazer é criar uma camada de texto. Aqui podemos digitar nossa primeira habilidade, que para mim vai ser design. Vamos digitar isso. Assim que tivermos a nossa primeira camada de texto, vamos duplicá-la. Este é um dos únicos atalhos de teclado que vou fazer você se lembrar, e esse é o Comando D, e isso duplica. Nós vamos clicar na camada e pressionar o Comando D em um teclado, e nós estamos realmente indo para fazê-lo duas vezes. Temos três camadas, e vamos apenas arrastá-las para baixo, cada uma individualmente. Agora, temos três palavras que podemos mudar. Eu vou fazer minha segunda animação, e eu vou fazer a última, que eu preciso selecionar camada primeira ilustração. Agora que temos todas as nossas camadas de texto, vamos realmente fazer com que pareça bem. Vamos olhar para a nossa paleta. Tirei uma captura de tela, então vou importar essa captura de tela. Vou importá-lo clicando com o botão direito do mouse na janela “Projeto”, “Importar”, “Arquivo”. Depois entro na minha área de trabalho onde está a minha captura de ecrã e abro. Agora com essa captura de tela aqui, eu posso apenas arrastá-la para a minha composição, e boom, nós temos minha paleta. Eu só vou pegar as âncoras ao lado, e segurar Shift para manter suas proporções. Vou torná-lo pequeno, movê-lo para o lado. Agora podemos realmente adicionar um pouco de cor, e vamos começar com o fundo. Vamos criar uma nova camada de forma. Clique em “Preencher”, certifique-se de que é a nossa cor. Stroke não importa, desde que seja zero pontos. Em seguida, vamos passar o mouse sobre uma ferramenta Retângulo e clicar duas vezes nela. Isso nos dará uma forma perfeita de tamanho de composição preenchida com esta cor. A melhor parte é que podemos mudá-lo para qualquer cor que quisermos sem ter que nos preocupar em entrar em qualquer configuração. Agora, com o nosso passado, e eu vou rotular. Para rotular uma camada, basta clicar nela e clicar em Enter. Vou rotular este plano de fundo. Agora podemos estilizar nosso texto. É aqui que espero que todos sejam um pouco criativos. Você pode escolher as fontes que quiser. Vou mostrar-te o que penso. Primeiro, eu vou mudar o tipo de letra, então eu vou selecionar todas as três camadas. Na minha caixa Personagem, eu vou digitar Arial Black, que é o tipo que eu acho que eu quero usar. Gosto desse tipo. Agora, eu vou pensar sobre o quão grandes eles são. A qualquer momento, você pode clicar nessas camadas de texto e redimensioná-las. Se você segurar Shift, manterá essas proporções. Eu vou apenas começar a brincar com como eu quero que essas camadas de texto para olhar. Acho que quero que todos tenham a mesma largura, mas todos em tamanhos diferentes. Eu só vou olhar para isso aqui, projetar como vamos. Vamos descobrir isso. Acho que isso parece legal. Vou adicionar mais um pouco, deixando entre o tipo. Eu só estou olhando para isso, mas eu gosto disso. Ocultar esta captura de tela. Agora que eu gosto deste bloqueio como estes três juntos, eu vou criar um objeto nulo, que eu vou clicar com o botão direito do mouse, e ir para um novo “Objeto nulo”, indo para pressionar Enter no meu teclado para renomeá-lo, e eu vou chamá-lo Type Controller. Então faremos algo chamado paternidade. Com todas as suas camadas de texto selecionadas, pegue esse botão redemoinho chamado de chicote de seleção e arraste-o para o novo nulo que acabamos de criar e solte. Quando você pai duas camadas juntas, você tem uma camada pai e uma camada filho. A criança sempre seguirá o pai, mas os pais não seguirão a criança. Se, por exemplo, você girar um pai, o filho girará com o pai. Mas se você girasse a criança, o pai não se moveria. Se isso é confuso, não se preocupe, prometo que fará mais sentido à medida que avançarmos. Agora que são tipo é bastante bonito e pai para um nulo, vamos começar a trabalhar em nossa linha do tempo e realmente animar. 4. Revele o texto com movimento: Tudo bem, agora podemos saltar para a nossa linha do tempo e começar a descobrir o nosso timing. Originalmente, eu coloquei isso como uma composição de 10 segundos, mas eu estou pensando que essa animação não deve levar mais do que talvez seis ou sete segundos. Vamos começar pensando que queremos que o design apareça quase imediatamente, então vamos avançar para quatro quadros e vamos arrastar o início do design para isso. Se você rolar para trás, verá que não existe. Por enquanto, vamos pegar uma Ilustração e Animação e trazê-los de volta ainda mais. Temos design pop dentro e depois queremos que respire sozinhos por digamos, até um segundo. Então vamos animar animação, e vamos saltar novamente para dois segundos e vamos ver. Agora, para ter uma idéia do tempo, o que eu vou fazer é ir para três segundos onde toda nossa animação primitiva é completada por e eu vou apertar “N” no meu teclado ou em qualquer ponto você pode pegar estas alças e deslize-as ao redor para tornar a sua área de trabalho. Seu espaço de trabalho, que é definido por essa pequena barra acima da linha do tempo, informa ao After Effects qual seção da linha do tempo você deseja exibir ao reproduzir. Então, agora que temos esses três aparecendo em um bom tempo com o qual estamos felizes, podemos começar a animar cada um deles. Vamos começar com o design. A primeira técnica de revelação de texto que vou mostrar a vocês é o que eu gosto de chamar de pop-in. É uma das maneiras mais simples de revelar texto, mas eu uso o tempo todo no meu trabalho profissional. Como você faz isso é você clicar na camada de texto que você vai estar animando e você pode pressionar “P” no seu teclado ou você pode alternar para baixo e ir para transformar. Você vai clicar na parada ao lado da posição e o que isso fez foi criar nosso primeiro quadro-chave. Os quadros-chave são como animamos tudo no After Effects. Ao alternar para baixo nas propriedades de transformação de uma camada, você verá todas as propriedades com as quais temos que trabalhar. Se você vir um ícone de cronômetro ao lado de um valor, isso significa que você pode animá-lo. Quando você clica em um cronômetro, um quadro-chave é gerado onde quer que sua cabeça de jogo esteja naquele momento específico. Pense em quadros-chave como pontos de verificação para sua animação. Por exemplo, se tivermos um círculo e definirmos a escala desse círculo para ser 100 por cento em, digamos, a segunda marca. Em seguida, trazemos de volta para a marca de um segundo e fazemos um segundo quadro-chave onde a escala é definida como zero. O After Effects olhará entre esses quadros-chave, verá que há uma diferença e animará o que acontece entre eles. A última coisa a ter em mente com quadros-chave é que, uma vez que você pressiona o controle de parada uma vez, qualquer alteração que você fizer nesse valor onde ainda não haja um quadro-chave fará um novo quadro-chave. Basta estar muito atento sobre onde sua cabeça de jogo está quando você está mudando valores para uma propriedade que você está animando. É muito fácil obter acidentalmente quadros-chave extras onde você não quer que eles e junk up sua animação. Lembre-se também de que, se você alterar uma propriedade de transformação sem o cronômetro selecionado , nenhum desses dados será registrado e você não estiver realmente animando, você está apenas movendo coisas como faz no Illustrator ou no Photoshop. Ok, agora que criamos um quadro-chave para a posição, podemos arrastá-lo para fora alguns quadros, e então você deseja movê-lo para qualquer direção que você deseja que ele apareça. Então, para esta animação, eu quero que ela apareça de baixo, então eu vou movê-la para baixo. Então, se eu clicar em “jogar”, você pode ver, oh, interessante. [ inaudível] você tem alguma animação. Agora, porque eu estou apenas trabalhando nesta seção frontal, eu vou mover meu espaço de trabalho para ser um pouco menor, e eu vou fazer isso um pouco mais curto. Lá vai você. Agora, você pode estar dizendo a si mesmo, “Oh, ok. Isso é muito chato.” E isso porque esses quadros-chave ainda são lineares. Quando criamos quadros-chave pela primeira vez, eles aparecem na linha do tempo como diamantes. Que em forma de diamante significa que eles são lineares. Os quadros-chave lineares, quando são reproduzidos, parecem muito chatos e antinaturais. Isso ocorre porque os quadros-chave lineares mantêm a mesma velocidade do início ao fim. Onde na vida real, a velocidade dos movimentos está mudando constantemente. Por exemplo, se você deslizar um copo sobre uma mesa, ele começaria muito rápido e, em seguida, diminuiria à medida que o atrito o retarda para uma parada. Se um copo se movesse linearmente através da mesa, seria muito estranho. O que precisamos fazer é que precisamos alterá-los selecionando-os e clicando com o botão direito do mouse, e podemos ir para o assistente quadro-chave e clique em “Fácil facilidade”. Agora, a alteração que ocorre entre o início e o fim do quadro-chave começará devagar, ficará mais rápido no meio e, em seguida, diminuirá no final. Agora isso já parece mais natural e melhor do que antes, mas queremos manipulá-lo e fazê-lo parecer um pouco mais dinâmico e realmente aparecer. O que isso significa é que nós realmente queremos que ele comece muito rapidamente e depois deslize lentamente para a sua posição final. O que podemos fazer é selecionar os quadros-chave que queremos modificar e clicar no editor de gráficos. Se ele não se parecer com isso, você pode clicar com o botão direito do mouse e certificar-se de que ele diz Editar gráfico de velocidade. Em seguida, você também pode clicar neste botão, “Ajustar todos os gráficos para ver” para que você possa vê-lo com mais clareza. Como eu expliquei antes, você pode ver a curva básica de Facilidade Fácil e agora vamos modificá-la. Vamos agarrar a maçaneta à direita. Vou agarrar esta alça. Vamos empurrá-lo todo o caminho para a esquerda. Empurre este todo o caminho para a esquerda também, então agora você pode ver que ele está indo muito, muito rápido no início da animação e então ele rapidamente cai em um empurrão lento para onde ele precisa pousar. Se jogarmos isso de volta, você pode ver , boom, nós temos um grande pop dentro Agora, o que eu me referi como a cauda, que é onde ela se instala no lugar é bem curto. É dramático a rapidez com que desacelera. Então o que eu vou fazer é pegar esse quadro-chave final e eu vou apenas deslizá-lo para fora alguns quadros e reproduzi-lo, e nós vamos ver como isso se parece. Uau, isso é bom. Deslizando em real confortável. Ok, com nossa primeira camada de texto aparecendo muito bem, podemos passar para nossa segunda técnica de revelação de texto. 5. Revelando o texto com escala: Para nossa próxima revisão de textura, usaremos a propriedade Scale para tornar nossos textos revelados, que seria agora um bom momento para falar sobre pontos de ancoragem. Um ponto de ancoragem é que somos uma pequena área transversal que você vê no centro de todas as suas camadas quando elas são selecionadas. Pense nisso como um alfinete que mantém a camada até a composição. Esse é o ponto do qual o After Effects move, dimensiona e gira camadas. Para a nossa camada de tipo de animação, o ponto de ancoragem é na verdade onde queremos que ele já esteja porque queremos que ele se estenda de baixo. Mas se quiséssemos que estivesse em outro lugar, você pode alterar uma posição de pontos de ancoragem selecionando o pino atrás da ferramenta e simplesmente arrastando-o para onde quiser. Eu quero apenas mantê-lo no centro de baixo. É ótimo, e eu vou apertar “S” no meu teclado. Ou você pode simplesmente alternar para baixo para os comandos de transformação e nós vamos selecionar “Escala”, obter um quadro-chave lá dentro. Mais uma vez, é aqui que queremos que acabe. Podemos deslizar um pouco para trás com base no tempo que nossa Animação anterior demorou. Vou manter a mesma coisa. Agora, podemos mudar a escala inicial. Como você pode ver, as proporções estão sendo mantidas. Então não podemos esmagar o tipo que queremos. O que vamos fazer é desligar proporções restritas, desligar proporções restritas, que é este pequeno botão de ligação de corrente ali. Agora, você verá que quando transformarmos uma propriedade, a outra permanece a mesma. Podemos esmagar o tipo em vez de apenas torná-lo menor. Agora, vamos mudar a propriedade Y para zero. Se eu pressionar “Shift/” para torná-lo em tela cheia, ou em qualquer ponto, você pode simplesmente clicar para caber lá. Depois, apertamos “Play”. Você verá Design, Animação, Ilustração. Nós temos isso. Agora, assim como antes, estes são quadros lineares. Eles parecem muito chatos. Vamos fazer a mesma técnica de antes. Vamos até o assistente de quadros-chave, Easy Easy. Em seguida, vamos clicar no Editor de Gráficos. Agora, selecionamos esta alça. Você verá que nada está mudando com esse verde porque você está selecionando este vermelho é na verdade a variável X que nós não tínhamos animado todos. Desde que movamos essa alça para fora do caminho para que possamos pegar a mais importante, podemos, e novamente, mesma coisa acontecendo e o vermelho ficar no meu caminho. Agarra aquele verde. Boom. Agora, se voltarmos à Pré-visualização, verão que temos uma grande Revelação elástica. Agora, temos duas de três de nossas camadas de texto animadas. Só falta mais um, e guardei a melhor técnica para o fim. 6. Revelando o texto em cascata: Esta última técnica é uma variação do pop que fizemos anteriormente. Assim como no primeiro, vamos pressionar “P” em nosso teclado com ilustrações selecionadas para posição. Novamente, podemos apenas alternar lá em nossos comandos de transformação. Vamos clicar no “stop watch”. Então, como antes, vamos espaçar este par de quadros e modificar onde ele está no início. Assim como o design, eu vou movê-lo para baixo. Vou selecionar os quadros-chave. Clique com o botão direito do mouse em assistente de quadro-chave Você vai abrir o editor de gráficos, para isso eu vou torná-lo um pouco maior. Assim como antes, queremos que todas essas curvas pareçam iguais, que sintam o mesmo. Se apertarmos “Preview”, você pode ver design, animação, ilustração, mas novamente, isso está aparecendo um pouco rápido. Queremos que a cauda seja mais longa. Estique isso já, parece legal. Vamos estender nossa área de trabalho um pouco. Para adicionar um pouco mais de complexidade ao pop em vigor, o que vamos fazer é contar o número de letras e ilustração. Eu escolhi a palavra mais longa para isso, modo que torna um pouco irritante, 1,2,3,4,5,6,7,8,9,10,11,12. Vamos duplicar esta camada 12 vezes. Novamente, estou duplicando pressionando o comando “D” no teclado. Você pode ver agora que temos 12 ilustrações. Agora, o que vamos fazer é mascarar todas, exceto uma letra para cada uma dessas camadas, máscara são essencialmente formas que você pode desenhar em cima de qualquer camada. Essa forma esconde qualquer coisa que não esteja dentro dela e você cria uma selecionando uma das ferramentas de forma e simplesmente desenhando uma forma em uma camada de forma não existente. Você também pode criar formas personalizadas usando a ferramenta caneta, vamos começar a mascarar. Vamos para a primeira ilustração, vamos clicar na ferramenta de retângulo. Vamos começar a mascarar cada camada individual. Temos a máscara de ilustração 1 que eu fui mascarado. Agora podemos ir para o Número 2 e vamos pegar esse L e vamos continuar esse processo para todas essas camadas, eu vou avançar um pouco mais rápido. Vá para A, então A você pode ver que ele está desligado. Se eu tentar selecionar alguns dos A, você verá que eu definitivamente vou pegar este T, a barra transversal. Em vez disso, vou selecionar a ferramenta Caneta. Como para camadas de texto, a ferramenta Caneta também cria máscaras. Vamos criar uma máscara personalizada para A, passar para T, fazer a mesma coisa para T. Depois voltamos às letras normais. Se voltarmos para tela cheia, você pode ver que temos 12 dessas camadas em nossa linha do tempo. Se selecionarmos todos eles e apertamos “U” no teclado, verá todos os nossos quadros-chave em todas essas camadas de ilustração. Se apertarmos “Tilde” no teclado, ele abrirá qualquer painel que selecionamos tela cheia. Se apertarmos “Tilde” em nossa linha do tempo, você pode ver que eu tenho uma boa imagem do que estamos acontecendo. Se apertarmos “Reprodução”, você verá que tem a mesma aparência de antes. A magia deste efeito vem do que estamos prestes a fazer, que é uma camada impressionante. Se formos até aqui para a nossa camada I, é aí que queremos que a nossa animação comece. Vou pegar todas as outras camadas acima, clicando em Shift. Nós vamos pegá-los de volta apenas um quadro e então nós vamos comandar clique para desmarcar esse. Vamos tirá-los todos de volta, clique de comando, recuar, clique de comando, recuar. Vou continuar a fazer isso até chegarmos ao topo. Você pode levar estes para trás mais de um quadro. Você pode fazê-lo ser irregular, você pode ser aleatório, então ele está saindo não da esquerda para a direita, você pode puxá-los do meio. Você pode organizá-los como quiser. Mas agora se voltarmos e apertarmos “Play”, vocês verão, nós temos uma animação muito interessante olhar para isso. Agora, uma última coisa que vamos fazer antes de terminarmos com esta animação de ilustração é algo chamado pré-compilação e pré-compilação é importante se em uma situação como esta, você tem um monte de camadas para algo que não precisamos mais animar ou nos preocupar. Faremos nossa primeira pré-composição e faremos isso clicando shift para selecionar todas as nossas camadas de ilustração, clicando mouse e selecionando precompor. Aqui podemos nomear tudo ilustração e certifique-se mover todos os atributos e ajustar a duração da composição é selecionado e apertamos “Ok”. O que isso fez foi essencialmente agrupar todas as 12 camadas e movê-las para uma nova composição como esta. Você pode vê-lo aninhado aqui, se clicarmos, você pode ver todas as 12 camadas ainda estão acessíveis. O único problema é que se voltarmos à nossa composição original, podemos ver que perdemos a nossa paternidade. Tudo o que temos que fazer é religar estes juntos e estamos prontos para ir. Se reproduzirmos, o único problema que tenho é que cada coisa individual não está centrada na tela quando é revelada pela primeira vez. A maneira que podemos corrigir isso é animando nosso objeto nulo chamado controlador de tipo e que nós configuramos anteriormente. Podemos fazer isso criando quadros-chave de posição. Você pode revelar a posição pressionando novamente “P” no teclado ou alternando para baixo através desses menus suspensos. Mas vai fazer um novo quadro-chave de posição e ir para trás no tempo para , digamos, 1, 2, 3, 4, 5 quadros após a ilustração começar a aparecer. Podemos arrastar esse quadro-chave final para ali, porque é aí que queremos que termine. Então vamos cinco quadros antes da ilustração, então 1,2, 3, 4, 5 e aqui podemos mudar a posição. Está centrado no design e na animação. Uma das maneiras fáceis que podemos fazer isso é alternado para baixo e clique neste pequeno botão aqui e clique em “Grade proporcional” e dessa forma nós temos uma linha central ou podemos fazer ação de maré segura, que eu realmente vou preferir neste situação que é muito bem centrada lá. Vamos ir ainda mais para trás e vamos para cinco segundos após a animação aparecer, ou cinco quadros em vez disso, 1, 2, 3, 4, 5. Vamos criar um novo quadro-chave na nossa hora atual do indicador de reprodução pressionando este pequeno botão de diamante. Vamos voltar cinco quadros antes, então 1, 2, 3, 4, 5 e então vamos centrá-lo no design, é bom centrado e então deve ser isso. Então temos design para animação e uma animação para ilustração. Se jogarmos de volta, ficará bem. Novamente, temos o movimento linear, então parece muito obsoleto e robótico. Podemos apenas selecionar todos esses quadros, clique com o botão direito do mouse Easy Ease e, em seguida, se clicarmos em nosso editor gráfico você pode ver que suas curvas padrão, mas isso pode realmente funcionar bem para nós, porque queremos que isso ser animação secundária, não tão agressiva como toda a nossa animação revelada. Assim mesmo, já fizemos a primeira secção. Agora, que nosso tipo está feito, é hora de criar um elemento decorativo que nos ajude a fazer a transição entre o texto que já fizemos e a imagem de nós mesmos e nosso nome que vamos fazer mais tarde. 7. Criando uma transição: Agora é hora de fazer algo desse tipo desaparecer para trás. Estou pensando, vamos manter isso simples. Vamos criar uma linha que aparece na parte superior. Vamos criar uma nova camada de forma. Aqui vai ser a coisa em que estamos desaparecendo. Vamos trazer nossa paleta de volta aqui por um segundo. Vamos mudar a cor. Vamos pegar esse amarelo atrás disso de novo. Nesta nova camada de forma, eu só vou, com a ferramenta de retângulo, fazer um retângulo simples. Vamos ver como isso se parece. Isso parece legal. É simples tomar posição ao bater em P, movendo-o um pouco para cima. Agora aqui vamos mudar o ponto de ancoragem. O que eu quero que essa barra faça, é aparecer da esquerda para a direita, como se estivesse sendo desenhada na tela. Primeiro, eu só vou alinhar isso até a minha borda esquerda bem e então eu vou pegar a caneta atrás da ferramenta e pegar este grande ponto de ancoragem. Você vai fixá-lo à esquerda mais central desses pontos de controle. Dessa forma, quando você clica na “Camada de Forma” e aperta S para escala e vamos desalternar as proporções de restrição. Dessa forma, quando mudarmos a escala X, ela vai parecer que está sendo desenhada na tela. Vamos mudar isso de volta para 100 e vamos criar um quadro-chave. É aqui que queremos que esteja e vejamos quando queremos que isto apareça. Temos design, animação, ilustração. Vamos tê-lo pop on, bem como nós atingimos U. Nós vamos tê-lo vir direito, como nosso controlador de tipo é feito de animação. Só vamos pegar essa esquerda. É escala X e transformar isso em zero. Agora, se visualizarmos, veremos a barra animada, agradável e simplesmente. Novamente, como tudo o mais com que lidamos, estes são quadros lineares, por isso vamos selecioná-los, clicar com o botão direito do mouse e transformá-los facilmente. Vamos pré-visualizar isso mais uma vez. Parece legal. Design, animação, ilustração. Demora um pouco, é um pouco lento, então eu vou com estes quadros selecionados, clique no editor de gráficos e vamos ajustar todos os gráficos para ver. Nós vamos apenas, como antes, deslizar um desses, deslizar a maçaneta direita sobre, mas vamos deixar a maçaneta esquerda em paz. Dessa forma, ele alivia um pouco, mas ainda tem algum estalo para ele. Parece ótimo. Agora que a barra se anima, você deseja que a barra seja animada para baixo, que ela cruze em cima do tipo e possamos ocultar o tipo à medida que ele passa. Poderíamos fazer isso simplesmente pressionando P em nosso teclado e animando nosso quadro-chave de posição. Mas por razões que explicarei mais tarde, vamos animar isso em vez de um objeto nulo. Nós vamos apertar “Novo” hit “ Objeto nulo ” e nós vamos apertar “Enter” no nosso teclado, para digitar um novo nome e eu vou chamá-lo de “controlador de barras. Nós vamos passar um pouco mais tarde na nossa linha do tempo e eu vou mover isso, por isso é diretamente no meio do nosso bar. Então eu vou renomear nossa camada de forma para barra e pai para o controlador de barras. Agora você vai ver se apertamos “P” no nosso teclado, podemos mover a posição do controlador de barra e ele move a barra em si. Agora, uma vez que esta barra está completamente preenchida e podemos ver onde isso está pressionando “U” em nosso teclado, quando temos a camada de barra selecionada e que revela nossos quadros de teclas animados. Se formos aqui, veremos que está completamente animado, completamente revelado neste momento. Eu vou fazer um quadro-chave de posição em nosso controlador e então eu vou avançar um período arbitrário de tempo. Vou deslizar este tipo. Na verdade, agora que eu estou movendo para baixo, eu estou vendo que o bar passa um pouco sobre o lado, não era exatamente preciso, montando todas as minhas extremidades. O que eu vou fazer, é simplesmente ir para o meu bar, ir para o quadro-chave anterior e apenas fazer isso um pouco mais curto, então eu vou fazer 99,5. Então você pode ver que ele se alinha bem com esse top e ele não se alinha muito bem com estes, mas ele vai estar se movendo tão rápido naquele ponto que você não será capaz de notar de qualquer maneira. Se eu quisesse, poderia voltar e trocá-lo. Mas vamos colocar este controlador de barra para baixo no último quadro-chave abaixo do tipo, gentilmente. Então, se jogarmos isso de volta, eu vou caber, jogar isso de volta, eu posso ver o que temos. Ok. Legal. Novamente, esta barra está se movendo muito linearmente, então não parece muito fluida, mas podemos apenas corrigir isso selecionando os quadros-chave, clicando em “Facilidade fácil” e podemos entrar em nosso editor de gráficos e podemos ver essa curva. Esta é a curva padrão, a padrão como discutimos antes. Quero fazer isso um pouco mais rápido. O que eu vou fazer é, eu vou puxar o lado direito, como fizemos antes, mas então eu vou pegar o lado esquerdo e também puxar as alças mais próximas um para o outro. Assim temos um começo muito lento, um meio muito rápido e depois um final muito lento também. Nós vamos salvar e apenas pré-visualizar isso fora. Legal. Ok, ótimo. Agora a próxima coisa que precisamos fazer, é esconder o tipo, uma vez que esta barra cruza por cima. Há muitas maneiras de fazer isso com máscaras. Vamos discutir algumas opções mais tarde, mas por enquanto vamos fazer isso de uma maneira simples e que é apenas escondê-las atrás de uma forma azul. Eu vou fazer uma nova camada de forma bem debaixo da nossa barra e eu vou chamá-la de BlueFill e eu vou criar uma nova forma. Bem por cima, toda a tipografia e eu vou preencher isso com esta cor de fundo, então eu vou para o final, onde a barra está cobrindo completamente o tipo. Certifique-se de que está centrado no bar. Então eu vou levar este Bluefill para o bar, ou para o controlador de bar. Para isso, eu vou ser pai para o controlador de barras. Agora, se nós reproduzirmos, você pode ver que temos um design, animação, ilustração e todos eles desaparecem. Olhe para isso. Boom. Esta camada azul que você pode ver está realmente lá o tempo todo, mas está escondida. Vou cortar esta camada, para que não esteja lá antes de precisarmos. Ótimo. Agora temos nossa topografia toda animada. Na próxima seção, vamos usar camadas de forma para ilustrar e animar a nós mesmos. 8. Criando seu personagem: Bem-vindo à segunda metade do projeto onde a diversão começa. Primeiro, precisamos criar uma nova composição para fazermos o nosso personagem e chamá-la de Mim. Mantenha as mesmas configurações. Agora podemos nos desenhar. Eu recomendo que você comece com um esboço a lápis, mas por aqui, nós vamos apenas projetar como vamos. Vamos fazer uma nova camada de forma e vamos chamar essa camada de forma pressionando Enter, vou clicar nela, pressionar Enter, chamá-la de corpo e então eu vou selecionar a ferramenta de retângulo arredondado e porque o nosso preenchimento é o mesmo que o nosso fundo, eu vou mudá-lo apenas para preto. Eu vou desenhar meu corpo e eu vou apenas colocar um retângulo para baixo e, em seguida, alternar para baixo em retângulo, ir para a propriedade Roundness e aumentar isso até eu sentir que eu gosto de meus ombros. Faça tanto assim. Então eu vou pegar outro retângulo. Faça o mesmo, obter o arredondamento para baixo do meu capô, então eu vou selecionar ambos e nós vamos adicionar um traço e queremos que ele seja a cor de fundo, então nós vamos selecionar conta-gotas, mas este foi definida em nossas configurações de composição, vez de ser feita com uma forma ou uma camada sólida em nossa linha de tempo, para que o conta-gotas ignore a cor. O que vamos fazer é clicar em Cancelar e abrir nossas configurações de composição, onde vemos nossa cor de fundo e vamos apenas copiar esse valor e colá-lo em nosso valor de traçado, aumentar o tamanho do traçado. Vamos apenas fazer cinco por enquanto, assim podemos obter alguma definição, o capuz e eu vou apenas fazer o meu pescoço agora. Faça isso. Legal. Eu vou fazer a rodada e então eu vou mudar o preenchimento deste para branco e para obter a cor exata certa, eu vou trazer em nossa paleta como antes, escala para baixo e eu vou pegar esta cor branca. Agora, de repente temos meu corpo, torso, capuz e pescoço e vamos fazer uma cabeça. Este é o nosso pescoço. Vamos fazer New Shape Layer. Vamos fazer outro retângulo arredondado para a minha cabeça. Como um shapey como. Eu poderia ter uma cabeça muito estreita. Tenho uma cabeça de alfinete. Vou fazer a redondeza mais larga. Legal. Não tenho um pescoço muito longo. Bela cabeça. Então nós vamos fazer meus ouvidos em cima disso, então vamos pegar, apenas a ferramenta círculo vai ficar bem. Coloque algumas orelhas e eu estou apertando V no teclado para selecionar seleção direta. Eu só vou pegar isso. Então, se eu clicar para baixo em Conteúdo e pressionar o Comando D nesta elipse, você verá que ele duplica como todas as outras camadas e eu posso simplesmente mover isso pressionando Shift. Mantenha-os iguais. Então eu vou selecionar os dois e desligar seus traços ou apenas obter duas orelhas. Legal, com bom aspecto. Agora podemos adicionar um pouco de cabelo. Vou adicionar um pedaço de cabelo que está preso à cabeça e outro que não está. Vou começar com o que está ligado. Só vou fazer um retângulo aqui. Então, como antes, vou modificar a redondeza para ser bastante redonda e, em seguida, esse retângulo, eu vou mudar para ser preenchido em amarelo e então eu vou movê-lo para baixo abaixo de todas as outras formas. Porque eu não gosto desta linha extra aqui, mas eu gosto da linha aqui, eu só vou adicionar uma forma extra para esta camada de cabeça e ele vai estar usando a ferramenta caneta e eu vou clicar apenas ao longo desta linha aqui, então eu vou usar a ferramenta de conversão de vértice para alinhá-lo com essas bordas. Agora, eu vou fazer o preenchimento nada, nenhum, selecionando este botão aqui e o traço, eu vou aparecer um pouco e então mudar a cor para este amarelo. Agora você pode ver que há essas pequenas linhas retas aqui no final, das quais eu não sou um grande fã, então podemos fazer é entrar na forma que acabamos de criar, ir para Stroke e, em seguida, mudar mas tampa para tampa redonda. Agora temos estas bordas redondas, que são muito mais agradáveis. Eu só vou mover este caminho um pouco para baixo, fazer parecer um pouco mais como costeletas das quais eu tenho quase nenhuma e lá vamos nós, essa é a nossa cabeça. Agora vamos fazer um pouco de cabelo em uma nova camada de forma. Mantenha este retângulo. Ligue o filme de volta. Arrastar um belo top poof. Lá vamos nós. Lá vamos nós. Isso é legal. São derrame lá em baixo, por isso vou aceitar essa oferta. Gostei do jeito que parecia. Dobre. Ok. Legal. Vamos chamar isso de cabelo. Agora vamos fazer uma careta. Vamos fazer outra camada de forma. Vamos começar pelo nariz. Vamos selecionar a ferramenta Caneta e mudar o traçado para preto. Altere o preenchimento para nenhum. Vamos aumentar o derrame para, digamos, oito e vamos fazer um nariz. Vou voltar para a nossa ferramenta Converter vértice, assim como você faria com a ferramenta caneta e ilustrá-lo, boom. Temos um pequeno nariz. É um pouco grosso de um derrame, então vamos reduzir para cinco. Isso é legal. Vamos chamar isso de nariz e podemos deixar isso como está. Faça uma nova camada de forma e pode fazer uma pequena boca. Vai usar a ferramenta caneta novamente. Faça um pequeno sorriso. Apenas dois pontos simples e chamar essa boca e, em seguida, mais uma camada de forma para os olhos, que vamos fazer com a ferramenta de elipse. Mude o preenchimento. Sem derrame. Boom. Um olho. Então você pode segurar Command e clicar e arrastar para fazer que dois olhos ou você pode simplesmente duplicar as elipses pressionando o Comando D, como fizemos anteriormente e você pode mover esses olhos ao redor. Vamos encaixar isso, para que possamos ter uma boa idéia do que estamos vendo. Isso é legal. Embora eu não esteja usando-os para este vídeo, eu vou adicionar meus óculos porque eles serão um detalhe extra agradável para o rosto do meu personagem. Vamos começar isso. Transforme isso em nenhum preenchimento. Levem os traços para cinco. Lá vamos nós. Para baixo um pouco. Mais uma vez, vamos acertar o Comando, arrastar isso para fora. Aqui vamos clicar em Ellipse, duplicar, tirar essa. Lá vamos nós. Em seguida, uma linha para conectá-los. Boom. Seu pequeno par de óculos. Vou torná-los um pouco mais próximos. A maneira que eu posso modificar esta ferramenta de forma é alternando para baixo caminho e quando você vai para Caminho, clique em Caminho, você verá que esses quadrados se tornam pontos editáveis que você pode fazer ir onde quiser. Boom. Agora vamos rotular esses óculos. Feito. Vamos pegar nossos óculos. Centro. Legal. Agora, a última coisa que vamos fazer para dar personalidade ao nosso personagem é sobrancelhas e sobrancelhas são super importantes para expressões. Vamos fazer uma nova camada de forma. Vamos pegar a caneta. Assim como fizemos as contas, apenas uma linha muito simples mas em vez disso vamos preencher isso com nossa cor de cabelo ou acariciá-lo com nossa cor de cabelo, transformá-lo para, vamos fazer oito é bom. Assim como fizemos com os outros, vamos transformar isso em um boné redondo. Vamos alternar todo o caminho para baixo para traço e linha cap, virar isso para tampa redonda, boom. Agora vamos duplicar esta camada inteira e movê-la para a direita, alternar para baixo para o caminho e selecioná-la, possamos modificar essas alças. Faz com que este pareça como queremos. Boom. Temos algumas sobrancelhas. Vou rotular esta sobrancelha direita e sobrancelha esquerda e temos um personagem. Vou consertar essa sobrancelha certa, para ficar mais um pouco. Em seguida, vamos pular direto para animar nosso personagem. 9. Animando seu personagem: A primeira coisa que vamos fazer para animar nosso personagem é criar, como antes, um objeto nulo e isso vamos chamar de Controlador de Caracteres. Antes de começarmos a criar tudo para isso, vamos descobrir o que pode ser conectado um ao outro. Este pescoço não vai se mover sem o corpo. Podemos colocar o pescoço no corpo. Também podemos direcionar a cabeça para o corpo. O cabelo, vamos colocar isso na cabeça. Vamos colocar o nariz, os olhos, a boca, e tudo o que está no rosto, tudo isso, na cabeça. Agora que todos estes são pais um para o outro, podemos criar o corpo para o controlador de personagem e você pode ver, agora tudo está se movendo juntos. Agora temos que descobrir um estado de início e fim para o nosso personagem. Então vamos supor que o que desenhamos é onde queremos que ele acabe. Podemos ir até um minuto e acertar a posição daquele cara. Vamos selecionar nossa cabeça e tudo que está ligado a ela. Vamos apertar P no teclado. Então, revelará a posição. Então podemos definir um quadro chave para onde queremos que todos estejam no final da nossa revelação e depois voltar ao início. Agora o que podemos fazer é agarrar nossa cabeça e só queremos que isso se mova para baixo e você pode ver que tudo o resto está se movendo com ele. Queremos fazê-lo parecer que está todo enrolado e escondido. Nós vamos fazer aqui e fazer isso mover isso para baixo, deixe-me ampliar aqui um pouco. Eu vou fazer os olhos dele, movê-los, então ele está olhando para baixo para começar talvez para a esquerda um pouco. Os óculos dele, podemos movê-los para baixo. O nariz dele, também vamos descer porque queremos fazer parecer que a cabeça dele está inclinada um pouco para baixo. mesma coisa com a boca, nós só vamos mover isso para baixo. Se jogarmos isso de volta, você pode ver, ele levanta a cabeça. Vamos encurtar nosso espaço de trabalho só para podermos ver esse loop algumas vezes. Agora o que é óbvio para mim, de repente, é que é muito lento e como tudo o resto antes, é linear. Então o que vamos fazer é com nossa linha de tempo selecionar, eu vou bater tilda só para que eu possa ver tudo. Vou selecionar todos os meus quadros-chave. Eu vou movê-los todos até metade do tempo que era antes e então eu vou selecionar todos eles e transformá-los para fácil facilidade. Novamente, podemos ir ao nosso editor de gráficos, certificar-se de que ele se encaixa, e podemos simplesmente pegar todos os nossos pontos e deslizá-los como fizemos antes. Agora vamos ver como isso se parece. Tudo bem. Isso parece ótimo. Outra coisa que eu quero fazer é animar as sobrancelhas. O que vamos fazer é ir para a sobrancelha esquerda e direita, ter certeza que nossa ferramenta de posição está selecionada, pegá-los, e movê-los para cá para começar, então agora ele está olhando para cima. Isso é simples. Agora que nos movemos, podemos começar a juntar as duas metades da nossa sequência. 10. Juntando tudo: Agora, com nosso tipo e personagem animados separadamente, é hora de juntá-los em uma única composição. O que vamos fazer é ir para a janela “Projeto”, clicar com o botão direito do mouse e fazer uma “Nova composição”. Este nós vamos chamar de Principal, e você pode manter todas as mesmas configurações. Então o que vamos fazer, é simplesmente pegar texto, e vamos arrastar essa composição para essa composição, e então também vamos trazer a composição Eu. Vamos encaixar estes dois juntos. Agora, vamos ver onde queremos ser revelados. Deve acontecer uma vez que chegue a meio caminho das palavras. Digamos que há um bom lugar para começar, então vamos Me arrastar e nos colocar lá. Em seguida, vamos pegar a barra da nossa composição de texto, e vamos copiá-la para a nossa composição principal. Podemos olhar aqui, ver nosso controle de barra e barra, vamos Shift selecionar ambos e pressionar Command C para copiar, e então vamos para Main, e Command V para colar, trazer ambos para o topo. Você verá que eles se alinham perfeitamente com as barras da nossa animação de texto. Agora, o que nós poderíamos até fazer é voltar para a nossa animação de texto e esconder isso porque eles não importam, voltar para a nossa composição principal, e a barra ainda está lá. Agora, precisamos adicionar nosso nome. Vamos clicar com o botão direito do mouse e adicionar uma nova camada de texto. Vamos digitar nosso nome, escalá-los para começar. Você pode ver que eu estou usando dois brancos agora, então eu vou realmente mudar isso para este branco, então é exatamente o mesmo. Eu vou para Shift D para duplicar, trazer isso para baixo, abrir o controle de texto, e mudar isso para George, escrever meu sobrenome. Agora, vamos organizar estes. Acho que os dois devem ter o mesmo tamanho. Vamos agarrar-Me e reduzi-lo. Eu só vou mexer em torno com as escalas e proporções destes até que ele se sente certo. Nós também podemos fazer é cortar pelo nome para começar o mesmo tempo que Eu. Podemos arrastá-los para baixo da barra e objeto nulo. Agora, temos que nos mascarar em nosso nome para aparecer quando o bar subir. A maneira como vamos fazer isso, é criar um “Novo”, “ Forma Layer”, e vamos torná-lo um retângulo, iniciá-lo no meio da barra, e fazê-lo ir até o fim. Pode ser de qualquer cor, não importa. Então vamos criar este “New”, “Shape Layer”, vamos chamá-lo de Máscara. Vamos levar isso para o bar. Então vamos duplicar esta camada de máscara duas vezes, e certificar-nos de que uma delas está acima do nosso primeiro nome, do nosso Comp e do nosso sobrenome também. A outra maneira de mascarar elementos, além da maneira que já discutimos, é criar Track Mattes. Em cada uma de suas camadas, você deve ver um pequeno menu suspenso em Track Matte. Caso contrário, certifique-se de que este ícone central no canto inferior esquerdo da tela esteja realçado. Aqui, você tem cinco opções. Você pode ignorar esses dois de baixo. Quando você seleciona Alpha Matte, o software oculta automaticamente a camada acima e usa seu canal alfa, que é essencialmente onde houver pixels, como uma máscara. É por isso que duplicamos a camada três vezes acima de cada camada que precisamos ocultar. Agora, se definirmos cada uma dessas camadas para Alpha Mattes, você verá que todas elas estão sendo reveladas pela forma acima delas. Defina George para “Alpha Matte”, boom. Agora, essas coisas não existem até que o bar as passe. Ótima. Se você passar para cinco segundos, pressione N em nosso teclado, e visualize isso, veremos o que temos até agora. Fantástico. Olhe para isso, ótimo. Agora, as duas últimas coisas que queremos fazer, é adicionar um pouco mais de intriga, vamos ter o meu nome. Segure Command e selecione nosso nome e nosso arquivo de desenho, e vamos pressionar P no teclado para posição. Vamos fazer um quadro-chave, deslizar um pouco para trás, e mover todos esses objetos para baixo. Vamos selecionar isso e transformá-los em “Easy Easy”, abrir nosso gráfico, fazer nosso pop tradicional. Vamos reproduzi-la e ver o que temos. Olhe para isso. Só para torná-lo um pouco mais interessante, podemos cambalear, para que o Chris venha primeiro. Que tal eu vir primeiro, depois o meu primeiro, e depois o meu último? Vê o que isso parece? Ok, legal. Vamos fazer George entrar um pouco mais rápido. Assim, estamos quase terminando, apenas mais algumas coisas que temos que fazer, uma das quais será uma escala global, e então vamos fazer um loop, e então terminamos. Vamos para o início da nossa composição principal e fazer mais uma nula, e vamos renomear essa Global. Então o que vamos fazer é qualquer coisa que não tenha um pai vai ser pai da Global. Controlador de barras não tem um pai, ele será pai. George, Chris, nossa comp e texto Eu também não têm pais, então eles vão todos para a Global. Agora temos algo que podemos mudar para modificar toda a composição. O que vamos começar, volte para 100. O que eu quero fazer é aumentar o zoom quando a barra fizer a transição para baixo para revelar o meu nome. O que vamos fazer é começar por aqui, vamos adicionar um quadro-chave de escala. Vamos escalar o quadro-chave para quando começar, e então vamos seguir em frente. Então é aqui que nós realmente queremos que ele seja grande, então vamos ver o quão grande nós queremos que ele vá. Isso parece bom para mim. Vou abrir isso para ter certeza que estamos uniformemente espaçados em ambos os lados, parece bom. Vamos ver como isso se parece. Nós queremos que ele seja mais rápido na transição aqui, então eu vou selecionar ambos os quadros-chave, transformá-los em “Fácil Facilidade” como normal. Então eu vou puxar as alças, puxar as alças esquerda e direita para criar um movimento muito ágil no meio, reproduzi-lo de volta, vamos ver o que temos. Não é exatamente cronometrado como eu quero, então eu estou pensando que é um pouco cedo demais. Talvez seja um pouco rápido demais no meio, então vamos mudar isso para aqui. Então vamos aliviar isso. É um pouco mais rápido logo no início; muito mais lento no início, e mais rápido no final. Vamos jogar de volta, ver o que temos. Isso é um pouco rápido demais, um pouco rápido demais, então eu vou apenas abrandar e fazer esse pico um pouco menos íngreme. Lá vamos nós. Boom, boom, boom, isso é uma animação bem ali. Estamos muito perto de ter uma animação terminada. Tudo o que precisamos fazer é definir alguns quadros-chave para torná-lo loop, talvez ajustar algumas opções de estilo, e estamos todos prontos. 11. Polindo sua animação: [ MÚSICA] Temos uma ótima animação. Mas só para torná-lo perfeito para um post de mídia social, vamos fazer um loop. Há um milhão de maneiras de torná-lo loop basicamente tudo que significa que você precisa voltar para o quadro original, que para nós não é nada. Tudo o que temos que fazer é animar isso. Vamos fazer isso de forma muito rápida e fácil com o nosso controlador de barras. Nós vamos manter o nosso lado sobre lá e então uma vez que ele chegar aqui, eu vou criar um novo quadro-chave, dois novos quadros-chave, na verdade. Eu também vou fazer escala. Eu vou bater em você no meu teclado para que eu possa ver os dois atributos que eu tenho keyframe e eu vou mover a cabeça um pouco e eu vou posicionar todo o caminho para cima e, em seguida, escala para zero. Eu vou mover a escala para cima, dar um pouco de facilidade, e assim, nós temos uma animação em loop. Mas olhando para trás, eu acho que ficaria muito melhor se nós reduzirmos nosso controlador global antes que tudo se anime. Para fazer isso, vou até o final da nossa animação e definir nosso nulo global de volta para 100. Em seguida, modifique um pouco o gráfico de velocidade para tornar a transição suave. Assim, estamos quase terminando. Apenas um par de mais toques finais para colocar sobre isso e seguida, um par de rodadas de bônus se você está se sentindo apto para pizzazzing sua animação até a milha extra. Em primeiro lugar, você pode ver que nossa animação de personagens está ficando um pouco cortada aqui. A maioria de nossa jogada não está sendo vista porque o personagem está sendo revelado ao mesmo tempo. O que eu quero fazer aqui é entrar na nossa animação. Clique em todas as partes do corpo e pressione U no teclado para revelar seus quadros-chave e, em seguida, basta selecionar todos esses quadros-chave e arrastá-los um pouco para fora. Então, há algum tempo de buffer sem animação de antemão e, em seguida, pegue os últimos quadros-chave e apenas estique esses dois quadros-chave. Agora, se voltarmos ao principal, você pode ver que nosso personagem está sendo revelado mais tarde, mas quase tarde demais. Queremos que ele seja revelado neste momento. Vamos clicar duas vezes aqui e você pode ver que é um pouco tarde demais, então vamos mover isso para cima dois quadros-chave, voltar para principal e vamos ver como ele fica. Aqui vamos nós. Vamos adicionar apenas uma pequena animação facial secundária. Clique aqui. Neste ponto, queremos que sua boca fique um pouco mais larga de um sorriso. O que vamos fazer é animar o caminho. Vamos alternar para baixo e ir para o conteúdo. Forma um, caminho um e clique nesse cronômetro. Nós vamos mover a cabeça um pouco e, em seguida, selecionar apenas o caminho e então você pode pegar essas alças e modificá-las você mesmo e isso vai se transformar em um grande sorriso idiota então vamos. Grande sorriso idiota, e clique com o botão direito. Basta transformar estes em alguns quadros-chave de facilidade fácil e vamos ver como isso se parece. É um pouco estranho. Um pouco lento demais, deveria estar acontecendo muito mais cedo. Vamos para aqui. Eu não amo a forma da boca no final, mas vamos fazer disso um rápido. Demasiado rápido. Vamos voltar para o nosso homem. Tire esse editor de gráficos. Vamos facilitar isso e ver como isso se parece. Mas muito rápido, só vou mudar a forma da boca uma última vez. É um pouco pateta. Vamos movê-lo assim. Vamos movê-lo para cima assim. Volte para a principal, centralize. Vamos assistir de volta. Demasiado abrupto. Vamos voltar aqui. Vamos espalhar isso e vamos voltar e ver se funciona. Lá vamos nós. Perfeito. Mesmo pontos de bônus, então podemos voltar e tornar esta tipografia um pouco mais dinâmica. É tudo do mesmo tipo branco, é um pouco chato. Vou saltar de volta para a nossa camada de texto aqui e vamos mudar de design aqui. Vamos mudar isso para apenas design preto e animação será branco e, em seguida, ilustração. Que tal irmos para a ilustração? Selecionamos todos estes e invertemos isto para contornar. Nós só vamos até o final aqui e mudar Chris para esboço. Vamos certificar-nos de que o Chris está abaixo de mim e lá vamos nós. Na verdade, vou voltar. Vou trocar isso de volta. Vou fazer o design branco. Vamos fazer a animação negra e ver como isso se parece. Simplesmente simples. Sim, isso é legal, legal. Vamos para a principal e ver como é. Ótimo. Uma última coisa que queremos fazer aqui, na verdade, queremos fazer nosso nome e personagem desaparecerem atrás dessa linha um pouco mais rápido para que essa linha não apareça e corte os olhos. O que nós vamos fazer é apenas ir para onde isso começa, exatamente onde a barra começa a subir e nós vamos apenas fazer quadros-chave de posição para nosso primeiro e sobrenome, bem como nossos personagens e vamos apenas mover a cabeça um pouco. Digamos que por ali. Selecione todos os três, mova todos os três um pouco para baixo, e, em seguida, certifique-se de que estes, em vez de picos no lado esquerdo, queremos que eles aliviar fora. Vamos fazer isso e vamos jogar de volta para ver como é. Lá vamos nós. É lindo. Tudo o que resta a fazer é exportar e compartilhar com o mundo. 12. Exportação e considerações finais: Vamos percorrer rapidamente o que temos que fazer para obter esta animação exportada como um arquivo de vídeo, que podemos realmente compartilhar. Agora que temos a nossa composição looped todo agradável, nossa área de trabalho é o que vamos exportar. Uma vez aparado exatamente onde gostamos, podemos salvar e clicar em Arquivo, Exportar, Adicionar à Fila de renderização. Podemos ignorar Melhores Configurações é ótimo, vamos clicar no Módulo de Saída. Podemos saltar para o quick-time e aqui vamos para as Opções de Formato. Aqui é onde escolhemos nosso código de vídeo. Eu gosto de todas as versões pró-res da maçã são grandes por isso , por enquanto eu só vou fazer 422 hit Ok, e então eu vou colocar dois nós podemos selecionar a nossa pasta. Meu nome é e clicamos em Render. Lá vai ele. Esse barulho significa que a nossa exportação e este projeto está pronto, tudo pronto. Parabéns, seu projeto está completo e tenho certeza que parece incrível. Peço que você publique abaixo ou se você postar on-line, sinta-se livre para me marcar nele. Eu adoraria ver o que vocês fizeram. Há um milhão de maneiras de você ter gasto seu tempo e o fato de que você decidiu aprender uma nova habilidade é realmente incrível. Parabéns por isso. Espero que tenhamos desenvolvido o suficiente da base para que você possa assistir a outros tutoriais e aprender mais sobre o After Effects. Isso é tudo para mim, se você quiser ver mais do que eu tenho acontecendo na minha vida, você pode me seguir no Instagram, ou no YouTube. Eu vou ter certeza de postar mais lá e sim, ter um bom. Parabéns novamente.