Introdução ao After Effects: animação de bandeira

1. Introdução: Olá, meu nome é Laurentiu Lunic e eu sou um Motion Designer forma Itália atualmente trabalhando com Illo. Um estúdio criativo focado em Ilustração e Animação. Como eu autoensinava designer de movimento, eu era capaz de escolher minha carreira através de tutoriais on-line. Agora estou animado para compartilhar meu conhecimento para ajudá-lo a expandir ainda mais suas habilidades de design de movimento. Nesta aula, eu vou estar compartilhando algumas dicas e truques que eles aprenderam trabalhando com o After Ethics diariamente nos últimos cinco anos. Vamos aprender a animar bandeiras. Aprenderemos três métodos diferentes no After Ethics que funcionarão com qualquer design de bandeira que você tenha. Isso inclui cores de logotipo ou marca que você pode querer animar para um cliente, bem como qualquer outra animação de sinalização que você pode querer adicionar ao seu portfólio. A classe é amigável para iniciantes com técnicas fáceis de seguir que ficarão um pouco mais difíceis à medida que nos aproximamos do terceiro método. Se você é um ilustrador trabalhando para adicionar movimento ao seu trabalho ou um animador iniciante que quer aumentar seu conjunto de habilidades, esta classe é para você. As habilidades que você aprenderá nesta classe podem ser aplicadas à Ilustração e Animação de bandeiras, e elas também são incrivelmente úteis para outros projetos de animação. Eu usaria esta base durante a maior parte da nossa jornada. Espero que estejas pronto e vamos começar. 2. Visão geral do curso: Oi, todo mundo. Estamos prontos para começar. Só queria dar-lhe uma visão geral do que vamos fazer. Estas são as nossas três saídas. método um é o mais fácil, o método três é um pouco mais avançado. Dividi este curso em sete lições diferentes. O primeiro é ilustração no After Effects, e eu só vou estar olhando rapidamente sobre ele, e adicionando textura, que eu vou mostrar a vocês meus métodos para adicionar textura e grãos e coisas assim. Sinalizar o método de animação um, dois e três, e eu adicionei uma lição extra para o método três, onde nós vamos nos concentrar em animar o carinha, e então, para terminar as coisas, a maneira de exportar coisas para diferentes mídias sociais, como Instagram ou Twitter, Tumblr, coisas assim. Então, agora que tiramos isso do caminho, podemos começar a ilustrar uma animação [inaudível]. 3. Ilustração no After Effects: Estamos prontos para começar a ilustrar. Vou fazer tudo no After Effects. Se você ainda não está no Illustrator, eu quero fazer tudo no Illustrator, tudo bem. Primeiro vamos nos concentrar no método um. Crie uma nova composição, 180 por 180. Para isso eu só tenho duas dicas, ir para ver, mostrar grade, ver novamente, encaixar na grade. Isto irá certificar-se de que você realmente é muito preciso em seu desenho. Vamos importar a paleta de cores que forneceremos a você, e vamos começar a desenhar nossas formas. Eu só vou falar muito rapidamente sobre como eu ilustro isso para que você possa parar o vídeo e dar uma olhada se você não entende. Uma coisa importante é fazer uma nova composição para a bandeira. Você só tem a bandeira nesta competição vazia. Em seguida, comece a desenhar qualquer forma que você queira que você possa adicionar texto, logotipos ou qualquer coisa que você queira. Vou fazer isso por mais duas formas de bandeira. Pode ser a bandeira dois e três. Você pode apenas duplicar as composições, e alterar os designs. Assim que terminar de ilustrar as bandeiras, você irá novamente para a composição principal e redimensionar as composições de bandeira, e posicioná-las de acordo. Esta é a ilustração para o segundo método. Novamente, seguindo o mesmo princípio, novo comp e você pode apenas começar a desenhar sua vara. Novamente, você desenha o que quiser, contanto que você tenha um comp apenas para a bandeira. O que estou desenhando aqui, não vai chegar ao corte final, só estou deixando aqui porque decidi desenhar uma montanha. Verá isso na próxima lição. Para o método três, vai ser um pouco diferente, porque nós não vamos ter um comp principal para a nossa bandeira. Vai ser mais uma técnica quadro-a-quadro. Mas você verá isso mais tarde na parte de animação. Uma coisa importante que você deve fazer é desenhar a bandeira. Neste método três [inaudível] para alterá-lo um pouco quando estamos animando. Então, apenas certifique-se de que você tem algum [inaudível] caso contrário você pode adicioná-los mais tarde. Agora eu vou desenhar o carinha, desenhar os olhos, sobrancelhas, e depois atualizar suas características, talvez queira. Quando terminar de fazer um lado, você deve selecioná-los em, duplicar, criar um novo objeto nulo e criar um pai das camadas duplicadas para o objeto nulo e, em seguida, dimensioná-lo negativo 100. Agora podemos ir em frente e reposicionar esses recursos. Vou redimensionar a fase dois. Só estou desenhando uma mão. Quando eu terminar, eu vou apenas duplicar e dimensionar negativamente. Isto é tudo para a parte de ilustração. Como você pode ver, eu realmente não tenho muito a dizer sobre isso, basta usar show e snap to grid para desenho preciso. Uma coisa muito importante é colocar sua bandeira em um comp vazio, desenhar sua bandeira maior para que você possa redimensioná-la mais tarde na composição principal para que você não perca nenhuma qualidade, e usar nulos para virar rapidamente recursos, isso vale para facial ou até mesmo coisas em segundo plano que você possa ter. Agora podemos ir para a próxima lição onde vamos nos concentrar na texturização. 4. Textura no After Effects: Vamos provar. É hora de adicionar alguma textura às nossas ilustrações. Pouco antes de começarmos com texturização para o método um, eu queria mostrar os dois métodos que vamos usar, Noise and Dancing Dissolver. Vamos começar por duplicar o fundo verde e vamos torná-lo para uma cor mais escura, selecionar a ferramenta caneta e criar máscara de ferramenta. Mascarar a parte da forma que você quer ser mais escura nós mascaramos em torno de onde você quer que a sombra seja. Vamos em frente e adicionar algumas penas pressionando “F” no teclado, e mudar o modo de mesclagem para Dancing Dissolver. Vá em frente e ajuste a máscara, e aqui está tudo sobre jogar com valores. Uma vez que você está feliz com ele, duplique-o e mude-o para uma cor mais escura e brinque. Depois de [inaudível] duplicá-lo novamente. Aplique algum ruído neste, jogando, afiando isso por uma boa quantidade de destaque. Defina [inaudível] aqui eu estou apenas corrigindo o stick para torná-lo mais redondo, a fim de adicionar efeito sobre a bandeira para duplicar a composição de base e o campo e torná-lo uma cor mais escura. Tal mascaramento, certamente não multiplicar o modo de mistura e adicionar um bom efeito sobre ele. Novamente, jogue com a máscara para obter o efeito desejado. Outra maneira de adicionar texto é criar separadamente em uma composição vazia usando o método sólido e, em seguida, ajustar o medicamento que pode comp e aplica-se em [inaudível], então você apenas faz o mesmo para a esquerda ou direita. Aqui vamos ver rapidamente como eu fiz o método dois. Eu só vou parar mais tarde para mostrar como eu fiz a distorção nas nuvens. Você pode ver que é apenas uma aplicação das mesmas técnicas. Selecione a pré-forma para a camada de nuvens, crie uma camada de ajuste e a compensação óptica de reprodução. Ajuste os valores e a posição das nuvens, ou simplesmente copie as configurações que eu tenho, e você vai olhar para este efeito [inaudível]. Nesta parte eu percebo que eu não tenho mais o prédio, então eu rapidamente construo uma montanha e depois apenas aplicando as mesmas técnicas, suas formas e depois mascarando-as. Depois que eu terminar com todos os detalhes da montanha eu vou decompor tudo para que eu possa mascarar tudo e fazer parecer uma pequena parte deste ambiente. O método três é exatamente as mesmas técnicas que já vimos antes. Eu tenho anexado na ilustração sobre as camadas de texturização que você pode ter e abri-los. Se você achar que esta parte pode ser um pouco de pressa, vamos nos concentrar principalmente na classe de animação, então tudo bem se eu estou indo um pouco rápido agora. Este é o fim da lição extrema. Nós vimos um destes, Apenas certifique-se de que quando você quer mascarar uma camada de forma, você tê-lo definido corretamente, tendo que criar máscaras que você selecionou e para terminar, se você estiver usando dança [inaudível] e você também quer colocá-lo em A parede de mistura. Você deve recompor e animar sua textura em uma coluna separada. A parte da texturização acabou. A próxima parte vamos começar a animar. Se tiver alguma dúvida sobre os métodos de texturização que usei, avise-me. Vejo você na próxima lição. 5. Método 1: animação de flag: Nesta Lição 3, vamos finalmente começar a animar usando o método 1. Nesta composição principal sobre a criação de formas ou bandeiras, então principalmente vai se concentrar neste primeiro porque os outros vão ser a mesma técnica. Vamos começar indo para a composição da bandeira forma um, eu vou redimensioná-lo para que eu tenha menos espaço ao redor, em seguida, criar uma camada de ajuste na qual eu vou aplicar uma dobra de onda. Procure os efeitos e o banner predefinido, como você pode ver que nossa bandeira já está se movendo. No entanto, cada parte dela está se movendo, então teremos que corrigir isso. fim de corrigir o lado esquerdo da bandeira, precisamos alinhá-lo à esquerda que e nas opções de dobra onda na fixação, que é selecionar borda esquerda. Assim, onde a bandeira está ligada ao bastão, vai ficar quieta. Como podem ver, nossa onda de dobra tem uma velocidade de um, isso significa que vai se repetir a cada segundo. Vamos em frente e fazer o nosso site por um segundo. Fazer você pensar que estou no teclado você decide o final. Se você mudar a velocidade da onda para dois, isso significa que ele vai girar duas vezes no mesmo segundo. Uma vez que alinhamos esta bandeira à esquerda, precisamos reposicioná-la na composição principal. Vá em frente e preste o sinalizador de textura ao longo da forma base, que você possa movê-lo todos juntos. Mantendo o deslocamento você pode certificar-se de que ele só se move em um eixo e depois que você terminar de reposicioná-lo basta corrigir a máscara da camada texturizada. Agora eu só vou consertar um pouco a largura e altura da onda. É sobre como o que você gosta e o efeito que você quer dar, então sinta-se livre para brincar com os valores. Eu só vou trazer a velocidade de volta para um porque foi um pouco rápido demais e eu acho que você não pode jogar golfe com esse vento. Estamos basicamente feito com animação neste, vamos aplicar o mesmo efeito para uma bandeira dois. Acho que as próximas instruções seriam mais do que suficientes para a parte final. Eu vou em frente e acelerar esta parte e uma vez que eu terminar com ela eu vou levá-lo acima de um toque final. Agora que temos todas as bandeiras animadas, um último toque que eu costumo adicionar é o efeito de tempo de posterização. Vá em frente e faça uma nova camada de ajuste e, nesta camada de ajuste, aplique o efeito de tempo de posterização. Ao definir a taxa de quadros para 12,5, nossa animação vai manter a cada dois quadros, já que nossa taxa de quadros base é de 25. Este efeito nos dá uma sensação de animação tradicional para a nossa animação apenas como um exemplo, você pode brincar com formas, alterar o logotipo e seu design. Uma vez que você tem a sua camada de ajuste com a onda de dobra devidamente animado ele vai apenas aceitar todos os projetos que você pode pensar em. Acabamos com o método um, agora é hora de recapitular as coisas que vimos nesta lição. Coloque sua bandeira em um Comp vazio. Adicione tudo à forma da base, alinhe-o ao lado esquerdo e fixe a urdidura da onda à esquerda. Jogue com a altura e a largura da sua dobra de onda, ambas são influenciadas pelo tamanho da sua bandeira e pelo tamanho da Comp. A velocidade que funciona melhor, quanto mais rápido for, mais vento há. Em seguida, para terminar aplicar posterize em tudo, porque ele só torna as animações melhores. Vejo vocês na próxima lição onde normalmente usaríamos, novamente a dobra das ondas, mas de uma maneira diferente para dar mais de um sentimento geométrico. 6. Método 2: animação de flag: Agora vamos começar a animar usando o método dois. Será uma técnica semelhante à primeira, mas um pouco mais difícil. Vamos entrar na nossa composição de bandeira, redimensioná-la de novo para 500 por 500, e alinhá-la à esquerda. Vamos criar nossa camada de ajuste onde aplicaríamos a dobra de onda. No tipo de onda, escolha Sawtooth. Depois disso, vamos jogar um pouco com as configurações. Altura da onda, largura da onda. Certifique-se de alinhá-lo à borda esquerda, corrigir um pouco da largura da onda. Você pode começar a ver o movimento que ele vai fazer. A direção vai ser muito importante neste caso. Se você quiser ter certeza que é exatamente o mesmo que o meu, certifique-se de que você tem um bom ângulo sobre isso. Olhe para o canto superior para ter uma boa linha lá. 62 está parecendo muito bom. O tamanho da composição realmente impacta como a onda é aplicada. Se você quiser escalá-lo, você precisa dimensionar tudo. Isso realmente significa que cada menu como altura da onda, largura da onda, e a ilustração, também. Agora, em nossa composição de domínio, vamos aplicar uma nova camada de ajuste onde vamos colocar indo para colocar o posterize para dar-lhe aquela sensação de animação agradável. Novamente, defina-o em 12.5 para que ele se mova a cada dois quadros. Se você não pode realmente ver muito agora, vamos começar a ver realmente a bandeira aparecendo quando adicionarmos o sombreamento. Comece por pré-compor todas essas animações dentro da composição de bandeira ou apenas a bandeira animada está bem. Além disso, vamos começar a criar nossa camada de sombreamento. Quando você desenhar isso, tente seguir então tudo o que criamos, o 62 graus comp. Crie a caixa Preservar Transparência para que você possa vê-la somente na bandeira e continue indo a cada dez quadros para que você possa se mover e corrigi-lo. Então, talvez você precise voltar ao início porque nós realmente não acertamos o ângulo na primeira vez. Basta passar por ele, e ir a cada 20 quadros, cada 10 quadros, e movê-lo ao redor. Para o final, você vai precisar talvez para corrigir a parte de largura como você pode ver aqui. Aqui, você pode mover a cada dois quadros para que você acerte. É apenas sobre mover a cada dois quadros e ver que tudo funcionou. Depois de terminar um ciclo, você apenas duplicar a camada e deslocá-la, certifique-se de que ela corresponde. Se não acontecer, vá e conserte. Se isso acontecer, apenas duplicar novamente e compensá-lo. Se você ver alguma imperfeição, você pode ir a cada dois quadros e corrigi-los. A única coisa que nos falta é a sombra inicial, pois ela sai, então conserte isso. Uma vez que você terminar com isso, basta selecionar todas as camadas de sombra e diminuir sua opacidade. Se dermos uma olhada nisso, teremos esse efeito dobrável. Então, podemos passar para a parte inferior da bandeira. É semelhante à sombra, mas terá uma forma diferente. Isso exigiria um pouco mais de tempo, então certifique-se de fazer a cada dois quadros e combinar os cantos e o ângulo. À medida que nossa bandeira começa a subir, você pode ir um pouco mais rápido. Em seguida, você vai entrar no meio e corrigir os quadros que realmente não combinam com ele. Para o final da bandeira começa a levantar, ir a cada dois quadros e seguir o movimento que temos, graças à onda de dobra, e ir para mais dois, três quadros e criar o desdobrar. Se a animação funcionar, você deve apenas duplicar a camada e começar [inaudível] ela, ver onde ela corresponde e, em seguida, corrigir onde ela precisa ser corrigida. Este realmente precisa de um monte de conserto. Semelhante à parte da sombra, precisamos corrigir o início disto por baixo da parte. Vamos voltar e criar esta criação inicial da parte inferior à medida que começa a dobrar. Uma vez que você coloca isso, você está basicamente feito. Esta é a animação final. Tudo o resto que estou adicionando agora é apenas coisas extras, algum estilo, mas você já viu isso na parte extrema. Certifique-se de corrigir a máscara de sinalização para que ela realmente tenha um impacto em tudo. Assim que acabarmos de estilizá-lo, vamos voltar para a comp principal. Agora, é hora de olhar para a nossa animação de bandeira. Ir para Tempo, Ativar Remapeamento de Tempo. No quadro 24, defina o quadro-chave, exclua o último e aplique a expressão de loop out. Certifique-se de que é exatamente assim, sem as tampas de ar, e copie cada quantidade para as outras composições. Uma vez que eu tenha feito isso, eu vou apenas animar um pouco a montanha, me mover nas posições. Temos uma entrada desta bandeira. Eles fizeram a mesma coisa nas nuvens. O que é bom sobre este método novamente, é que você pode personalizá-lo completamente, a forma, o comprimento, tudo. Você pode até adicionar um logotipo nele, o que você quiser. Para terminar, eu apenas conserto um pouco a animação naquelas nuvens, e então, bem abro enquanto estamos subindo. Agora terminamos com o método dois. Vamos fazer uma breve recapitulação. Novamente, as regras são as mesmas. Ter a bandeira em um Comp vazio com o pai, tudo fica alinhado à esquerda, e apenas certifique-se de que uma vez que você animou a bandeira, recompor e, em seguida, você quer a sombra, o texto e a parte de baixo parte da bandeira. Novamente, se você quiser redimensionar a bandeira e torná-la maior, certifique-se de que você realmente faz o dobro do tamanho se você duplicar tudo por dois. A largura da onda, a altura e, em seguida, para as camadas de sombra e as costas, você está apenas emparelhando-as com um nó e dimensionando-o para 100%. Certifique-se de que está alinhado. Se tiver alguma dúvida sobre isso, me avise. Verei vocês na próxima lição, que seria nosso último método. Vai ser muito divertido. Vejo você lá. 7. Método 3: animação de flag: Podemos começar agora a animar usando o Método 3, vamos apenas mover o ponto de ancoragem para baixo do stick. Basta movê-lo para baixo. Rap sobre isso é direito. Precisamos decidir a duração do nosso ciclo. Neste caso, serão 28 quadros. Basta ir para o quadro 28 e apertar a tecla N. Vamos começar a adicionar quadros-chave à nossa rotação. Para fazer um ciclo, a rotação inicial deve ser a mesma que a final. Neste caso, a rotação vai de 34 graus para menos 34. Basta certificar-se de que você começa e termina com o mesmo grau de rotação. É fácil, pois esses quadros-chave podem clicar com o botão direito do mouse em Keyframe Assistant e Esc ou você só pode clicar em F9 e selecionar todos os quadros-chave e copiá-los, então poderemos deslocá-los mais tarde. Agora vamos olhar para o editor de gráficos e editar um pouco as alças, que nunca chegue a um ponto final. Está sempre ligeiramente girando. Quando terminar de trabalhar no quadro-chave, você pode simplesmente copiá-lo para os outros. Com a camada selecionada, pressione B para chegar à posição, clique com o botão direito do mouse em dimensões separadas. Vamos animar a bandeira movendo-se no eixo x da direita para a esquerda. O mesmo conceito se aplica à posição, para a posição inicial precisa ser a mesma que a final, então, no tempo médio, será diferente na direção oposta e, em seguida, basta copiá-la. Nós seremos capazes de compensá-lo novamente. Mais uma vez, é fácil. Em seguida, edite um pouco os quadros-chave, para que não tenhamos essa parada irritante. Assim que terminar de editá-lo, basta copiá-lo para o outro. Agora podemos ir em frente e não lá e a camada de ajuste para o riser do poster. Vamos precisar cuidar de apenas a cada dois quadros para a animação real e o valor de 12,5, ou certificar-se de que estamos realmente tendo movimento a cada dois quadros. Precisamos cortar essa bandeira dupla agora. Vamos em frente e escolher a parte verde da bandeira. Dê a volta no meio. Venha e mude B, para cortá-lo e vamos trazer o amarelo para dentro, perfeito. Nós já temos alguns lançamentos aqui, só precisamos torná-lo muito melhor. Antes de fazer isso, porém, precisamos ter certeza de que nosso movimento da vara é o último porque a bandeira vai seguir. Vamos apenas compensar ligeiramente a rotação. Podemos seguir em frente quando tivermos um resultado satisfatório. Vá em frente e procure o efeito de eco nos efeitos e na predefinição. O valor exato do tempo de eco deve ser 0,08 menos. Ele nos dará uma pele de cebola a cada dois quadros. Como pode ver, estamos começando a ter nosso arco. Isso permaneceria mais tarde em nossa animação de bandeira. Basta começar a desenhar com o traço escuro que o efeito de eco está descrevendo. Torná-lo um igual tudo o que você quer, desde que você tê-lo como referência. Podemos começar a usar isto para a nossa verdadeira forma de bandeira. Agora vamos editá-lo a cada dois quadros e apenas como uma referência e colocá-lo a cada dois quadros. Edite os folhetos, só para que ele siga o arco. Precisaremos transformar esses quadros-chave em espera. Clique com o botão direito e segure quadros-chave Basta copiar o, você acabou de editar para o próximo para obter uma maneira mais fácil de editá-lo. Vamos apenas fazer um traço por enquanto para que possamos ver melhor o que estamos fazendo porque vamos copiar o efeito de eco do stick para nossa bandeira. Dessa forma, nós vamos pegar o remendo inferior, certo, como você pode ver agora ele não está seguindo corretamente o arco. Graças a esta pele de cebola, seremos capazes de fazê-lo corretamente e continuaremos assim até que você tenha esse arco satisfatório, quero dizer, naquele flip final apropriado. Agora chegamos ao ponto complicado onde a virada começa a acontecer. Vamos começar a encolher nossa bandeira verde, que agora tem o contorno preto. Começa a entrar e virar. Por enquanto, basta torná-lo menor desta forma e agora vamos usar a parte amarela para nos guiar corretamente. Quadro-chave o caminho da parte amarela para desdobrá-la. Vamos passar para o quadro 20 quando a bandeira amarela se desenrola completamente e editar seu quadro seguindo o arco. Podemos voltar para o meio da nossa animação e completar corretamente esta fonte. O amarelo começa a aparecer. Isso, seria o batendo sentado acima do bastão. O verde vai sentar-se atrás dele. O verde está apenas seguindo o movimento amarelo. Aqui eu só notei que a bandeira deve virar dois quadros mais tarde porque é quando a vara começa a mudar de direção. Eu só estou compensando por quadros azuis e o verde deve ser compensado também. Basta copiar o quadro-chave anterior quando ele ainda estiver em seu comprimento total. Não podemos voltar a editar a forma da nossa bandeira. Concentre-se no desdobramento amarelo. Precisamos estender o verde, que agora é o traço preto. Basta estendê-lo de acordo e fazê-lo seguir. O amarelo fica mais curto à medida que se desdobra. Vamos adicionar mais um quadro-chave dobrável. Este será mais sutil e já que terminamos com a parte verde da bandeira podemos mudar sua cor de volta para um sólido, que é vermelho porque aparentemente eu fiquei entediado da cor verde. Só ajustando, e vamos ver como fica. O flip funciona. Vamos apenas continuar editando o amarelo, e adicionar o mesmo efeito de eco a ele para ter certeza de que ele continua seguindo o arco e apenas continuar fazendo a mesma coisa que fizemos com a primeira parte é apenas mais do mesmo. A única diferença agora, seria que o amarelo vira pela frente. Deixe a parte de trás agora guiar o amarelo e criar aquele belo dobramento. Basta editá-lo seguindo o arco com a maior precisão possível e apenas mais do mesmo até que ele cai completamente de volta ao vermelho. Acho que você entendeu o conceito aqui. É apenas sobre fazer o dobramento e segui-lo com a outra camada de bandeira. Então vamos apenas adicionar este pequeno detalhe que vai fazer a sensação mais suave. Será muito suave, mas ainda notaremos isso. Podemos agora dar uma olhada em como isso está parecendo. Está a funcionar bem. Já que a nossa bandeira vermelha deveria estar debaixo do bastão, mova-a para baixo. Temos o amarelo na frente e o vermelho atrás do bastão. Terminamos com a bandeira. Em seguida, nossa próxima lição vamos adicionar um pouco de vida para o carinha. Aqui está mais ou menos tudo o que abordamos nesta lição. Só para se certificar de animar primeiro o stick e , em seguida, basta seguir com o caminho a animação que você fez e com o seu eco você obtém o seu arco e prestar atenção quando o flip acontece, que é assim que a bandeira começa a se mover no direção oposta. Vemo-nos na próxima lição, que será a nossa última. 8. Método 3: animação de personagens: Bem, aqui estamos nós, nossa última lição. Vamos animar o personagem. Não vai ser nada muito complicado, então vamos começar por ter certeza de que nossos olhos são pais para o corpo e tudo é pai para os olhos. Se movermos o corpo, tudo se move. Vamos começar a chave enquadrar a posição dos olhos. Eles se sentarão no meio dos quadros zero, 14 e 28, e no meio desses quadros, eles vão virar à esquerda e à direita. Vamos começar a movê-los, e o olho oposto vai se mover um pouco mais para dar profundidade, e fazer a mesma coisa para o outro olho. Assim que tivermos a nossa posição, vamos facilitar os lados, para obtermos este tom de rosto agradável. Copie o loop em ambos os olhos e selecione os quadros Lucky, e vamos começar a compensá-los para que eles sigam a bandeira, mas com um ligeiro atraso. Agora vamos fazer o corpo saltar dos olhos deslocados, então vá em frente e selecione a camada de textura do corpo dois, e pai para o corpo principal. Estamos prontos para animar a posição do corpo. Definindo para os olhos, ele vai bater no chão em quadros em zero, 14 e 28, e no quadro sete e 21, ele vai subir. Selecione mover para cima posições e facilitar. Teremos alguma flexibilização, mas eu gostaria de mais, então selecione o quadro-chave, pressione Command Shift K no teclado, e edite a influência para 66, e copie o primeiro quadro-chave para o segundo salto. Copie a posição do quadro-chave, copie tudo, e vamos colá-la neste Objeto Nulo que estamos criando agora. Faça o pai da camada de stick para o Nulo. Cole a posição do corpo e deslocá-lo ligeiramente para que as mãos seguirão o corpo saltando, e vamos obter aquele bom Nulo 2 que dará um pouco mais de vida à animação em si. Como você pode ver que quando jogamos as mãos seguirão, com um pouco de atraso o salto. Vamos em frente e criar a nova composição onde vamos animar a boca, animar os lábios, torná-la menor em comparação com Bezier. Estou indo rápido aqui. Você pode pausar o vídeo e ver como eu adicionei esse pequeno detalhe extra. Mas é só para animar a boca, obter algumas posições aleatórias da boca, e uma vez que eu tenho algumas delas, eu apenas as copio. Agora eu vou voltar para a composição principal e executar a boca, pai para uma camada de olhos. Neste caso, é IPG, e apenas no centro da boca no meio dos olhos. Talvez ele vai precisar de alguma animação posicional, mas neste caso em [inaudível] e apenas estilizá-lo como já vimos anteriormente, como fazê-lo. Agora crie um novo objeto nulo e mova-o para a parte inferior quando o corpo estiver sentado. Duplicar o corpo e torná-lo nulo, e dimensioná-lo negativamente, para que possamos obter a sombra. Em seguida, basta estilizar a sombra adicionando algum desfoque de movimento, algum ruído [inaudível]. Torná-lo tão pequeno quanto você quiser. É apenas algo que esse sentimento está sentado em algo, e estamos feitos. Este é apenas o personagem, espero que tenha gostado de animá-lo. Para esta parte, apenas certifique-se de que todos os seus recursos são pais para o corpo. Se você quiser fazer esta rotação apenas animar os olhos indo para a esquerda e para a direita, e deslocar essa posição para que ele siga a bandeira. Você pode usar Command Shift K em quadros-chave para dar exatamente a flexibilização desejada se você não tiver plug-ins para fazer isso. Isso é sobre isso. Vejo-te no próximo e último vídeo em que digo os meus bons “byes”. Vejo você. 9. Exportar seu trabalho: GIF ou MP4: Agora que terminamos de animar, é hora de exportar nosso trabalho. Primeiro podemos exportar um MP4. Pode ser para Instagram ou qualquer outra coisa onde você deseja publicar um vídeo. A maneira como isso é feito é, vá para Composição e adicione-o à Fila do Adobe Media Encoder. Assim que o Adobe Media Encoder abrir, você pode escolher H264, Corresponder a origem. Alta taxa de bits, tudo bem. Escolha o destino onde deseja salvar o arquivo. Depois de ter feito isso, você aperta o botão grande play, e nós terminamos. Enquanto a exportação estiver abaixo de 30 megabytes, você será bom compressão sábio Agora, vamos ver como exportar o GIF para dribbble ou posterior. Agora estou redimensionando minha composição porque, eu não quero sua raiz quadrada. Então 800 por 600 e eu redimensionarei minha composição principal. Então, 64 está tudo bem para mim. Estou apenas criando um novo sólido para que o fundo continue, e isso faria a mesma cor. Já que o nosso ciclo é de 27 quadros, isso só atingiria a marca. Agora, estamos prontos para exportar. A maneira mais fácil de exportar GIFs do nosso [inaudível] em CSS usando GifGun, mas isso tem um custo. Você basicamente apenas faz um GIF e ele vai exportá-lo. Se você não tiver [inaudível], ou apenas encontrou exportação do mesmo complexo e MP4 e, em seguida, exportando do Photoshop como um MP4. Vá em frente e exporta-lo no MP4, e abra o Photoshop e você está indo apenas para Arquivo, Abrir e importar todos os seus [inaudível]. Depois de importar seu arquivo, basta ir para Arquivo, Exportações, Salvar para Web (Legado). As configurações devem ser assim. Certifique-se de que o loop esteja definido para sempre e aperte o botão “Salvar”. Em seguida, você escolhe onde deseja salvá-lo e renomeá-lo. Aperte novamente “Salvar”, e é basicamente feito. Usar o Media Encoder é muito fácil, e enquanto você usar o formato H264, ele deve manter seus tamanhos de arquivo relativamente pequenos. É isso. Mal posso esperar para ver o que você fez e depois vê-lo no intervalo final para obter alguns conselhos. 10. Considerações finais: Este é o fim do nosso curso. Espero que tenha se divertido e aprendido algo novo. Estou animado para ver o que você estaria fazendo. Carregue seu projeto na seção de classe. Responderei a quaisquer perguntas que possa ter. Se você estiver interessado em aprender mais, você pode deixar um comentário com algumas sugestões de coisas que você pode querer aprender. Vejo-te por aí e espero que estejas aqui para a minha próxima aula. [ MUSIC]