Qualquer pessoa pode criar uma animação no Adobe After Effects: movimentos de IsomeTRICK

1. Movimentos do IsomeTRICK: Eu ensino no Skillshare há cerca de quatro anos, produzindo muitas aulas de ilustração e design gráfico Algumas das coisas mais divertidas no processo de criação de turmas são as sequências curtas de títulos que eu crio Por meio dessas sequências, posso adicionar um pouco de animação Embora durem apenas alguns segundos, eles têm um grande impacto. Ei, pessoal, meu nome é Kyler e Parson, e eu não sou especialista em gráficos em movimento Espere. Devo te dizer isso? Ei, pessoal, meu nome é KylernParson. Sou designer gráfico, ilustrador e excelente professor aqui no Skillshare , e não sou especialista em gráficos em movimento Ei, mas eu uso o After Effects o tempo todo, e isso significa que você também pode , mesmo que não seja um especialista. Eu venho de uma ilustração. O After Effects é uma ferramenta poderosa com muitas ferramentas e recursos e, às vezes, pode parecer opressora E, confie em mim, eu estive lá. Eu estava com medo de abrir o programa, mas quando aprendi algumas noções básicas, foi muito divertido Nesta aula, tentarei remover a cortina e compartilhar com vocês como qualquer pessoa pode animar Começarei aos poucos e mostrarei a interface, focando nas principais áreas que você deve conhecer para começar, aumentando gradualmente sua compreensão para animar propriedades de transformação simples Aprenderemos maneiras simples de mascarar objetos usando tapetes, criando diferentes camadas e aprendendo algumas expressões básicas Este será um curso introdutório ao After Effects. Isso vai te convencer de que também estou com um pouco de medo de abrir o programa. Ei, eu sou um mestre em animação gráfica que pode animar qualquer coisa Talvez não seja isso, mas pelo menos até o final desta aula, você animará algo nossa jornada no After Effects, ajudarei a explicar algumas das principais ferramentas para adicionar movimento às ilustrações, desde o arquivo configurado no Adobe Illustrator até a importação e Haverá aulas paralelas para ajudar você a entender o que está acontecendo e por que estamos usando as ferramentas que estamos usando. Você não precisa ser um especialista para criar coisas divertidas. Você não precisa de um curso de dez horas. Tudo que você precisa é de um pouco de tempo e efeitos colaterais, eu acho. Sim, você provavelmente precisará do After Effects para aprender. Portanto, certifique-se de ter isso. Então, se você estiver pronto para se mudar, nos vemos na aula. 2. Boas-vindas ao curso!: Ei, pessoal, bem-vindos à aula. Para esta aula, criaremos um presente animado simples, bem como um real rápido e vigoroso de seis segundos , tudo usando a mesma animação Para esta aula, você precisará Adobe Illustrator e do After Effects, bem como do Adobe Media Encoder para a exportação final Teremos um arquivo personalizável do Illustrator para que você possa adicionar alguns toques pessoais ao seu Portanto, uma compreensão básica do Adobe Illustrator é definitivamente útil Farei uma breve introdução ao After Effects, mostrando a interface e algumas das principais janelas que usaremos. Ao longo de nossa jornada de aprendizado do After Effects, haverá muitas lições para ajudá-lo a entender as ferramentas que usaremos para criar nosso projeto de classe e obter compreensão básica de como as coisas estão funcionando. Todos os arquivos, bem como os arquivos do projeto da classe e meu arquivo final do Adobe After Effects estarão disponíveis para download nos recursos da classe. Assim, você pode consultar e aprender com eles. Eu recomendo fortemente baixar e imprimir os movimentos isométricos, atalho de teclado, folha Assim, você pode consultá-lo à medida que avançamos na aula. Familiarizar-se com os atalhos do teclado ajudará você a navegar e acelerar seu fluxo de trabalho no After Effects Ter a folha de referência disponível ajudará você a começar a criar o hábito e economizará muito tempo à medida que avança no After Effects. Essa aula abordará várias partes do After Effects em um período de tempo relativamente curto. Embora às vezes possa parecer cansativo, sinta-se à vontade para pausar ou assistir novamente uma aula para aprendê-la completamente antes de prosseguir Ou você pode assistir toda a aula e ter uma visão geral do que faremos na aula e depois voltar e consultar as seções nas quais você ainda precisa de ajuda. Depois de assistir à aula, se ainda houver partes difíceis para você, fique à vontade para postar no painel de discussão para que todos possamos aprender juntos. Então, se você estiver pronto para começar a usar o After Effects, baixe os recursos do projeto e nos vemos na aula. 3. Configurando After Effects: Ei, pessoal, nesta aula, vamos entrar no After Effects. Vamos dar uma olhada em algumas janelas e ver o que precisamos para esta aula Está bem? Há muitas janelas no After Effects e isso pode ser opressor Então, nesta aula, vou me livrar de todas as janelas e falar sobre as necessidades. Há três janelas nas quais vamos usar: o painel do projeto, a janela de composição e a linha do tempo Para essa classe, essas são as únicas três janelas que você precisará. Se você quiser explorar e ver o que há nas outras janelas, vá em frente. Mas para esta aula, vamos nos concentrar no essencial para não ficarmos sobrecarregados com tudo o que o After Effects oferece, porque há muito, mas vamos dar não ficarmos sobrecarregados com tudo o que o After com tudo o que o After uma olhada no que precisamos para começar no Adobe After Effects e começar a e começar Tudo bem, isso é campeão. Portanto, se você tiver o Adobe Creative Cloud, poderá abrir a janela e clicar duas vezes no After Effects. Vou abrir. Depois que o Adobe After Effects for aberto, você poderá selecionar , criar um novo projeto e ele poderá ter a seguinte aparência . Essa é a janela padrão aqui. Depois de abrir o After Effects, você pode ver que ele fornece um projeto sem título Ele não é salvo automaticamente, então uma boa prática é salvar seu arquivo. Então, vamos usar o Control Shift S e salvar seu arquivo. Depois de abrir o After Effects, você verá todas essas janelas aqui. Você tem sua janela de projeto, sua composição. Você tem controles de efeitos. Você tem todos esses painéis diferentes aqui. Você tem a linha do tempo aqui embaixo e pode realmente alterá-la aqui Essas são algumas configurações padrão da janela. Portanto, o padrão oferece todas essas opções. Aprenda, você realmente poderá acessar alguns tutoriais. Produzido pela Adobe para ajudar a aprender os efeitos posteriores. Então, se você quiser mergulhar neles, você também pode aprender lá. Você pode acessar o Padrão e ver quais painéis estão abertos. Mas para nós hoje, vamos nos livrar de tudo e examinar o essencial Portanto, os três painéis essenciais que precisamos são a linha do tempo aqui embaixo, a janela do projeto e nossa janela de composição Então, todo o resto, você pode simplesmente subir e fechar esses painéis. Então, basta entrar no menu Top Burger e fechar todos os painéis Agora, o After Effects não parece um pouco mais gerenciável? Absolutamente. Tudo bem. Então, temos três janelas aqui. Agora, se você quiser criar uma nova composição onde você criaria um vídeo, você pode ir até aqui e criar uma nova composição. Clique aqui. Vou abrir as configurações da composição. Você pode nomear sua prática de competição. E então você pode configurar predefinições personalizadas. Também há predefinições pré-fabricadas. Então, digamos que você queira um vídeo HD a 24 quadros por segundo, que está aqui, e ele lhe dará essas perspectivas. Se você quiser alterar alguma delas, basta clicar em Personalizar e alterá-la para o que quiser, como 13 50 ou desculpe, 1080 por 13 50, e isso fornecerá as dimensões um vídeo do Instagram Tudo bem. Vamos clicar em OK. Antes de fazermos isso, você pode alterar a duração de quanto tempo dura. Então vai aqui milissegundos, segundos, minutos, horas. Portanto, você raramente tocará em horas, talvez minutos e definitivamente segundos. Então, vamos mudar isso para 6 segundos e zero, zero, com base em 24 quadros por segundo, resolução total. São bons 24 quadros. Pixels quadrados, tudo bem. E o fundo pode ser branco. Lá vamos nós. Temos uma composição. Como você pode ver em nosso painel de projetos, ele criou uma nova composição. É aqui que todas as nossas mídias serão armazenadas. E aqui embaixo, você pode ver a composição da prática foi mencionada na linha do tempo, e é aqui que vamos fazer toda a nossa animação Vamos adicionar nossas camadas. Vamos mover algumas propriedades e nos divertir no After Effects. Na próxima aula, vou falar sobre como configurar um arquivo do Adobe Illustrator para animação no After Effects. Vamos começar. 4. Configure o arquivo do Illustrator para animação: Ei, pessoal, nesta aula, vamos falar sobre como configurar um arquivo do Adobe Illustrator para prepará-lo para animação no After Então, vamos direto ao assunto. Então eu abri aqui um arquivo do Illustrator que contém uma ilustração que eu criei em uma das minhas outras aulas Agora, o que eu quero fazer é realmente animar essa ilustração Mas no After Effects, você terá que separar tudo o que quiser animado em camadas separadas. Quando algo está em uma camada, todas as propriedades , você sabe, estarão conectadas a tudo nessa camada. Então, queremos separar o que será animado. Então, como podemos fazer isso? Portanto, no Adobe Illustrator, podemos encontrar as coisas que podem ser agrupadas e que permanecerão juntas no Adobe After Effects e, em seguida, separaremos as coisas que precisam ser separadas que precisam Se você ver aqui no meu painel de camadas, eu tenho um grupo que é a caneca Eu tenho a arte real que está na caneca e uma camada de sombra e destaque aqui Todos eles podem ficar juntos, então vou apenas selecioná-los todos e agrupá-los. Então você pode ver que meu painel de camadas ficou um pouco menor, o que é ótimo. Quero manter a sombra separada para poder animá-la separadamente, movê-la ou removê-la conforme necessário Tudo bem? Agora eu tenho essa camada de coração. E, como você pode ver, essa camada de coração, na verdade, tem uma faixa padrão anexada a ela que me permite movê-la para cima e para baixo, e a amostra, a amostra de reflexão, na verdade, não se move Então, dá esse efeito de estar se movendo, o que é muito legal. E é isso que eu quero no After Effects. Mas para configurá-lo para animação no After effect, precisamos configurá-lo de forma um pouco diferente usando algo chamado tapete de trilha. Então, teremos que configurar mais algumas camadas para funcione no After Effects. Então, a primeira coisa que vou fazer é pular para a camada do meu coração, e você pode ver que eu tenho meu coração principal, e então eu também tenho uma camada com uma amostra de padrão anexada a ela Vou cortar a amostra do padrão e colá-la fora desse grupo Então, agora eu tenho dois grupos diferentes, o coração e a máscara cardíaca. Então, vou dar uma cor para que eu possa diferenciá-la Quero que o reflexo permaneça basicamente estacionário durante toda a ilustração e animação, mas quero que essa máscara se mova Então, eu vou ter que criar outra camada contendo apenas o reflexo. Então, vou apertar M no meu teclado. Vou fazer uma caixa sobre minha composição ou toda a minha prancheta, e vou dar a ela minha amostra de padrão, que estava ali Agora tenho grupos diferentes em minha única camada, mas não quero apenas uma camada. Preciso me separar em várias camadas. Então, como posso fazer isso? Eu poderia clicar na camada um. Posso ir até o menu do hambúrguer e dizer solte as camadas para sequenciar E agora você pode ver que todos esses grupos foram realmente convertidos em camadas, camada dois, três, quatro, cinco, seis, e agora vou arrastá-los para fora da camada um, plop E eu vou excluir a camada um porque não precisamos mais dela. Agora, o que vou fazer é nomear minhas camadas aqui para nomear minhas camadas aqui para que sejam facilmente transferíveis para o After Effects Então, a reflexão, vou clicar duas vezes e nomear a reflexão. E eu vou fazer o resto das camadas também. Tudo bem, agora, depois de nomear suas camadas, estamos prontos para o After Effects Agora, apenas uma coisa a observar é que a razão pela qual eu separei o tapete de reflexão do coração é porque eu só quero que o reflexo esteja contido nesta seção do coração e não na totalidade do Se eu quiser usar a totalidade do coração, posso mantê-lo como uma camada, mas só quero que a frente do coração seja o lado que realmente tenha esse reflexo animado É por isso que separei essa seção específica do coração. Então, agora que você sabe como configurar seu arquivo do Adobe Illustrator para o After Effects, vou lhe dar um pequeno arquivo bônus do Illustrator que permitirá que você personalize seu projeto de classe quiser. Te vejo lá. 5. Personalizar sua ilustração: Tudo bem, agora que você aprendeu como podemos configurar um arquivo do Adobe Illustrator para animação e After Effects , quero lhe dar um pequeno arquivo bônus do Illustrator que você pode personalizar e tornar sua animação um pouco mais Tudo bem, vamos ver como podemos fazer isso. Então, eu tenho o arquivo aberto aqui, Mug Illustration, e agora você pode ver que há seções diferentes nesta ilustração Eu tenho uma máscara de reflexão, reflexo, objeto, caneca e camada de sombra O que eu configurei neste arquivo é que, na ilustração real da caneca aqui, vou desligar o reflexo por enquanto para que você possa vê-lo Você pode ver que eu realmente forneci ícones diferentes que você pode aplicar à sua caneca Então, se eu desativar o logotipo isométrico aqui, você pode realmente ativar um diferente Oh, xícara de café quente. Hop, uma xícara quente de incrível. Sim, isso é ainda melhor. Eu adoro café. Número um, designer de movimento. É você. Amo você. Muito fofo. O melhor chefe do mundo. Não sou eu. O melhor designer de movimento do mundo Oi. Essa é minha xícara de chá. O melhor designer de movimento do mundo aqui. Tudo bem. Então, sim, se você quiser isso, você pode mudar isso. Além disso, se você pressionar Y no teclado, poderá selecionar a caneca Você pode dar uma cor diferente, o que quiser. Você pode selecionar seu ícone lá, mudar isso. Agora temos um pouco diferente. Isso não é tudo. Vamos pular para a outra coisa. Então você pode personalizar o gráfico. Vou trancar o contrabandista e abrir o objeto e a máscara de reflexão São dois conectados. Então, se eu desbloquear os dois, você pode ver o que está acontecendo. Eu tenho meu coração no meu objeto selecionado, mas posso desligá-lo e também posso desligar minha máscara cardíaca. Agora eu poderia ligar algum outro objeto, talvez um raio e uma máscara de raio Agora você vai ter um raio sobre seu café Isso é incrível. Muito legal. Que tal, eu quero ter uma conversa. Máscara de bolha, bolha. Tudo bem. Oh, você está animado com o café? Eu também. Ponto de exclamação por cima do seu café. E o que vamos fazer é animar essa seção superior Então, talvez haja um local. O designer de filmes mais legal do mundo? Aqui mesmo. É esse cara. Então, o que vamos fazer é animar isso para cima e para baixo. Vamos fazer algum movimento até aqui. Portanto, personalize seu arquivo do Illustrator como quiser e certifique-se de que tudo o que você quiser visível em sua animação esteja visível em seu arquivo do Illustrator O que não estiver visível em seu arquivo do Illustrator não será transferido para o Adobe After Effects Certifique-se de ativar novamente sua camada de reflexão porque queremos que ela seja vista em nossa animação e, em seguida, vamos fechá-la. Você pode bloquear as camadas como se não quisesse tocar em mais nada. Na próxima aula, entraremos no Adobe After Effects, onde aprenderemos como configurar nosso projeto para animação e começar a animar. Vamos entrar nisso. 6. Primeiros passos no After Effects: Nesta aula, importaremos sua ilustração para o After Effects para que possamos começar a animá-la. Vamos começar imediatamente. Então eu abri meu arquivo do After Effects, exemplo de classe, e agora no painel do projeto aqui, vou clicar com o botão direito do mouse e vou para Importar. Vou importar o arquivo. Vou encontrar a ilustração da minha caneca que quero usar na minha animação E vou garantir que a opção de importação seja definida como gravação e criarei a composição Eu vou clicar em Ok. E agora, importe o tipo, composição e as dimensões da gravação, você deseja manter os tamanhos das camadas e eu vou clicar em OK Agora você pode ver aqui que temos duas composições configuradas. Uma é a composição com todas as camadas do Adobe Illustrator dentro dela, e a segunda é uma Sim, é só uma composição com essa composição dentro dela. E depois dos efeitos, às vezes você terá composições dentro de composições dentro da composição E veremos como podemos usar isso em nosso benefício ao criarmos nosso projeto final de aula. Em primeiro lugar, temos a ilustração da caneca um, tem nossas camadas internas e a ilustração da caneca dois Vamos entrar na primeira ilustração de canecas, e é aqui que podemos começar a animar Como você pode ver, todas as camadas que criamos no Adobe Illustrator agora estão definidas como camadas no Adobe aftereffex A próxima coisa que queremos fazer é criar objetos que se moverão juntos. Agora, o que queremos fazer é direcionar nosso reflexo para a camada do coração. Nosso reflexo agora, ele se moverá separadamente da camada do coração. Só vou desfazer isso Agora, o que queremos fazer é quando nosso objeto, nosso coração se move, queremos que a camada de reflexão, o tapete reflexivo, acompanhe Então, como podemos fazer isso? Aqui em nossa linha do tempo, você pode ver que há um pai e um link Então, o que isso nos permite fazer é passar nosso objeto de um para o outro. Então, queremos que o objeto seja a camada principal porque é isso que vamos animar e queremos que a máscara de reflexão o siga aonde quer que vá Então, vou clicar no menu suspenso e selecionar o objeto como meu pai Agora, se eu clicar no objeto e movê-lo, posso movê-lo e a máscara de reflexão o acompanhará. Agora, o que eu quero fazer é ter certeza de que o reflexo que vejo em todos os lugares por aqui só seja visto através da máscara de reflexão. E vamos usar algo chamado tapete de corrida para isso. Então, o que é um tapete de corrida, você pergunta? Vamos aprender sobre isso rapidamente. 7. Track Matte, o que é isso?: Tudo bem, eu tenho um arquivo aberto chamado AE Examples, e você tem acesso a eles Você pode abri-los se quiser brincar com eles. Sinta-se à vontade para conferir isso. Mas só para mostrar algumas das coisas que vamos usar na animação, eu vou te mostrar aqui. Tudo bem, eu tenho o exemplo do Track Mat aberto aqui. E como você pode ver, temos essa pequena cena legal de parque, uma cena isométrica de parque que parece muito legal E, basicamente, o que é um tapete de corrida, é como uma janela para ver sua ilustração ou para ver sua imagem. Você pode usar objetos ou formas diferentes para fazer isso. Então, no Illustrator, fizemos um tapete com a forma do nosso objeto Então, como você pode ver aqui, eles não estão à vista, mas você pode ver que se eu ligá-los, há ondas, algumas listras Há uma estrela e há uma janela. Então, aí está sua imagem e, em seguida, seu tapete de corrida. Você sempre deseja rastrear a imagem até a camada em que deseja que ela esteja contida. Então, neste caso, vou encontrar as opções de tapete de pista. Se você não conseguir ver, talvez seja necessário o modo de alternância aqui embaixo e encontrar o Track Vá até seu Layer Park, e ele diz que não há Mat agora, e então eu vou encontrar uma janela. Agora, o que isso faz é desativar a camada da janela, para que ela não fique mais visível, mas usa a forma dessa camada como janela para o parque. Agora, se eu clicar na janela, posso movê-la independentemente do parque e você pode ver como você só pode ver o parque através dessa forma aqui. E isso vai ser muito legal. E poderemos usar isso para rastrear nosso reflexo em nossa animação Assim, você pode acessar e usar diferentes. Portanto, mude o tapete da pista para listras. E agora você pode clicar na camada de listras, e elas são como persianas caindo Portanto, existem muitos usos interessantes para tapetes de corrida, e você pode usar qualquer formato Podemos mudá-la para a estrela e ver a estrela. Agora que aprendemos sobre um tapete de corrida, vamos aplicá-lo à nossa animação. Se eu clicar na minha máscara de reflexão do Track Mat, você pode ver que está aqui. Quero usar a máscara de reflexão como uma janela para ver o reflexo. Não quero ver o reflexo em todos os lugares apenas através da máscara de reflexão do coração. Então, como vou fazer isso é encontrar a janela do tapete de corrida aqui. Eu vou para o meu reflexo. Eu vou sentar aqui e vou fazer uma máscara de reflexão. Agora, como você pode ver aqui, a camada de reflexão só é visível através da camada de máscara de reflexão. Agora, se eu mover o objeto, você pode ver que o reflexo não se move para lugar nenhum, e só podemos vê-lo através dele. Então, se eu animar para cima e para baixo, bum, você pode ver que ele vai se animar desse jeito 8. Movendo-se com quadros principais: Tudo bem, nesta aula, aprenderemos a animar. Tudo bem. Então, vamos entrar aqui. Temos nosso arquivo aberto. Temos nossos camadas como pais. Temos nosso conjunto de máscaras de reflexão e agora queremos animar nosso coração para subir e descer assim. Para fazer isso, precisamos abrir a propriedade position. E para fazer isso, pressionamos P no nosso teclado. E é aqui que vamos fazer nossa animação. Agora, vamos definir algo chamado quadros-chave. Então, deixe-me explicar rapidamente o que são quadros-chave e como você pode aplicá-los para criar animações Os quadros-chave são essencialmente marcadores que armazenam informações de uma propriedade específica em sua linha do tempo ou em sua camada Então, se entrarmos em nossa camada, vamos para a posição um aqui. É essa bolinha aqui. Vamos apenas ampliar . Vamos ficar em forma. Agora podemos ver isso. Está bem? Essa é essa bola aqui, e vamos simplesmente abrir este menu. Vamos ver as opções de transformação, e você pode ver que há algumas opções diferentes aqui. Há o ponto de ancoragem, posição, escala, rotação, opacidade Essas são as cinco propriedades que você pode ajustar para animar seus objetos ou animar seus gráficos nos efeitos do Adobe After Então, vamos analisar cada um deles rapidamente e ver o que você pode fazer e brincar com eles. Então, aqui temos a posição. Portanto, a posição agora está em 328,2. De qualquer forma, está nessa vizinhança na tela, e esses são os valores da propriedade Se apertarmos o cronômetro, ele criará um quadro-chave em nossa Agora, o quadro-chave é um marcador que armazena essas informações de propriedade aqui Agora, se arrastarmos o cursor ou o indicador reprodução mais para baixo na linha do tempo e o movermos para outro lugar, agora ele terá informações diferentes, e essas informações serão armazenadas nesse quadro-chave Agora, o que o Adobe After Effects fará é interpolar um quadro-chave, um marcador em outro marcador Assim como se você tivesse um livro, você sabe, você tem um marcador e um segundo marcador Há 100 páginas entre esses dois marcadores. E para ir de um marcador para outro, você precisa passar por todas essas páginas É o mesmo no After Effects. Você terá um conjunto de propriedades e um quadro-chave, outro conjunto em outro quadro-chave e, em seguida, o Adobe After Effects, que interpolará as coisas intermediárias automaticamente Então, podemos ver isso acontecendo aqui. Então, se eu voltar ao início e clicar na barra de espaço, ela reproduzirá a animação. Lá vamos nós. Então isso parece muito legal. Então, se estendermos um pouco, podemos ver o caminho que ele percorre de um quadro-chave para outro, um marcador para O que você pode fazer é realmente usar atalhos de teclado para ativar ou encontrar suas propriedades Então, vamos até a propriedade de escala aqui. Esse é o último. Você pressiona S no teclado. Vou abrir a função de escala aqui, e agora você pode realmente clicar em um quadro-chave e , em seguida, trazê-lo mais e ampliá-lo Como você pode ver, está ficando maior. E agora você pode dizer que é o marcador de 177 e o marcador de 47, e ele vai se interpolar entre esses o marcador de 177 e o marcador de 47, e ele vai se interpolar entre esses dois quadros-chave. Então podemos ir para a rotação, pressionar R em nosso teclado aqui em cima como a estrela. Podemos ir até o começo. Vamos definir um quadro-chave, apertar o cronômetro, avançar na linha do tempo e, em seguida, girá-la 360 graus, e então isso é uma rotação mais 13 graus. Então, se formos, uau. Oh. Aí está. Você tem uma estrela giratória lá. Então, finalmente, temos opacidade. A opacidade é T em nosso teclado, e isso mudará a Vai desaparecer. Então, vamos chegar a 100. A opacidade só pode ir de 0%, sem opacidade, completamente Então, essa é a faixa de valores com a qual você pode trabalhar. Então, eu vou baixá-lo para zero. E agora você pode ver o que está acontecendo. Sim. Agora você está vendo como podemos criar algumas animações no Adobe After Effects definindo nossos quadros-chave. Agora, uma última coisa que afeta sua animação é seu ponto de ancoragem Isso fica mais aparente quando você usa escala ou rotação, e veremos como isso funciona. Então, vamos fazer a rotação. Então, rotação agora, você pode ver que é a estrela giratória Mas se eu pressionar Y no meu teclado, ela traz a ferramenta pan para trás, que é a ferramenta de ponto de ancoragem Agora eu posso clicar neste pequeno botão no meio da minha estrela. Esse é o ponto de ancoragem, e é daí que minha transformação se originará Então, agora ele está girando em torno desse ponto de ancoragem em torno desse ponto Mas se eu mover esse ponto de ancoragem talvez até esse ponto na parte inferior aqui, agora vamos ver como isso muda a animação Aí está. Eu o fiz um pouco diferente do que era antes. Ele gira em torno desse ponto de ancoragem . Vamos voltar para dentro. Vamos pressionar Y no nosso teclado. Vamos mudar isso aqui embaixo e clicar. Agora você pode ver que está girando em torno desse ponto ali Muito legal. Com a escala, ele fará um recurso semelhante. Vamos clicar em Escala, pressionar Y no teclado e depois mudar o ponto final para talvez esse canto e ele aumenta Vamos clicar na barra de espaço para iniciar a animação. E você pode ver como a escala muda e sai dessa área Tudo bem, então é simplesmente assim que podemos usar quadros-chave e pontos de ancoragem para iniciar nossas animações, e vamos usá-los em nossa animação para fazer as coisas se quadros-chave e pontos de ancoragem para iniciar nossas animações, e vamos usá-los em nossa animação para fazer as coisas se moverem. Vamos ver como podemos fazer isso. 9. Anime sua ilustração: Agora que sabemos sobre quadros-chave, vamos começar a animar nosso coração Ok, então o que vamos fazer é clicar em nossa camada de objeto. Podemos ver que está aqui e vamos posicioná-lo onde queremos começar nossa animação. Queremos começar talvez aqui embaixo, então fique na parte inferior, perto da caneca Em nossa camada de objeto, você pode ver que a propriedade position está aberta. Agora, se você clicar no cronômetro ao lado aqui, ele definirá um quadro-chave na sua Agora, o quadro-chave, como você viu, é como um marcador Ele conterá as informações dessas propriedades. Portanto, esses valores de posição estão contidos nesse quadro-chave Agora, se eu passar minha linha do tempo para 1 segundo e ajustar a posição, na verdade, essa conterá um marcador diferente, um conjunto diferente de propriedades Agora, o que o Adobe After Effects fará é examinar esse marcador e esse marcador, encontrar todas as páginas intermediárias e animá-las assim Então, agora, se eu pressionar play ou pressionar espaço no meu teclado uma vez, você pode ver que ele se move de um marcador para outro, um quadro-chave para Muito legal. E como configuramos nossos pais, a máscara de reflexão se move com ela, e o tapete contém apenas o reflexo interno. Então, isso é muito legal. Vou arrastar meu indicador de linha do tempo até a marca de dois segundos E o que vou fazer é tentar movê-lo de volta baixo e tentar posicioná-lo onde estava a posição exata, ou posso clicar no meu quadro-chave E eu posso copiá-lo e colá-lo. E agora, o que você pode ver é que ele sobe e desce. É assim que podemos começar a animar nossas ilustrações, ou seja, podemos usar as propriedades da posição, definir quadros-chave, definir um quadro-chave , um marcador em uma posição, percorrer a linha do tempo e, um segundo depois, movê-lo para uma Os efeitos do Adobe After preencherão as páginas em branco e animarão de uma para a outra Está bem? Então, queremos dar um pouco mais de vida a essa animação. Então, o que vamos fazer é usar algo chamado facilidade. Então, na próxima aula, aprenderemos como adicionar um pouco de vida, algum personagem à nossa animação com facilidade. 10. Faça animações suaves com facilidade: Tudo bem, pessoal, nesta seção, vou explicar rapidamente como aplicar facilidade às suas animações para que pareçam um pouco mais naturais. Ok, vamos começar. Então, esta é nossa composição de exemplo de Ease aqui, e nela, você pode ver que há quatro linhas com quatro pontos. Vamos ver o que são. Portanto, há quatro pontos e eles não têm nada aplicado a Eles só têm um movimento estático indo de um lado para o outro. Então, se animarmos isso, é muito chato. Não está acontecendo nada muito empolgante. Mas a facilidade permite que a animação pareça um pouco mais natural, um pouco mais fluida. Começa zero e depois aumenta lentamente até a velocidade máxima, e antes de chegar ao fim, começa a desacelerar, que faz com que pareça um pouco mais natural Então, como podemos aplicar isso? Então, em nossa segunda bola aqui, entrando e saindo de E, vamos selecionar nossos quadros-chave e, para inserir E's automaticamente, vamos pressionar F nove em nosso teclado, função nove Agora, o que isso faz é fazer com que a animação comece devagar. Como você pode ver, todas as outras já estão à frente da primeira bola porque ela está facilitando a animação Está entrando lentamente na animação. Mas quando vai para o meio, ele acelera e, eventualmente, começa a desacelerar. E a animação termina no mesmo local e ao mesmo tempo. É exatamente o que acontece entre essas mudanças. Começa devagar e depois acelera e depois desacelera. Como você pode ver, parece um pouco mais natural. O que isso está fazendo, vou mostrar a animação em algo chamado gráfico de velocidade. Agora, o gráfico de velocidade ou o editor gráfico está aqui. É uma pequena onda ou uma pequena curva S aqui. Basta clicar nisso. Você verá o gráfico de velocidade. Vamos clicar neste botão aqui e ele mostra para você. A primeira animação, essa é a velocidade dela. É completamente constante em 668,48 pixels por segundo. É completamente constante, sem mudanças. Agora, vamos voltar e selecionar os quadros-chave do nosso Easy Ease Vamos até o editor gráfico, preenchemos a visualização, e é isso que está acontecendo. Começa do zero e depois se acumula e atinge o pico no meio e depois volta para baixo Para zero. Isso é exatamente o que está acontecendo. Está diminuindo muito rápido e depois diminuindo a velocidade novamente. Vamos sair do nosso editor gráfico e tentar aplicar o EZ Es dentro ou fora do nosso quadro-chave Basta clicar com o botão direito para acessar o assistente de quadro-chave e encontraremos EZ Es out ou controlaremos ou comandaremos Shift F nine Isso vai começar bem devagar. E então vá até o fim rapidamente, não haverá facilidade no final, então ele simplesmente parará abruptamente Mas essa facilidade é muito mais aparente aí. Agora vamos tentar o caso oposto, vamos pegar o último quadro-chave do nosso último, entrar facilmente e ver o que acontece. Ele começa muito rápido, mas depois fica muito lento medida que entra no último quadro-chave Então, é assim que podemos aplicar facilidade às nossas animações, deixá-las um pouco mais suaves e dar um pouco mais E sim, então vamos tentar aplicar isso à nossa animação. Ok, agora que entendemos o que é facilidade no Adobe After Effects, vamos aplicá-la à nossa animação. Então, o que vamos fazer é selecionar nossos quadros-chave Vamos apenas clicar e arrastar sobre todos os nossos quadros-chave Vamos atingir o F nove. Isso só vai aplicar uma suavização fácil em cada quadro-chave Isso será aplicado como uma facilidade para entrar e sair de cada quadro-chave Agora, se eu clicar em play na minha ilustração, ela parece muito melhor. Muito legal, muito divertido, muito fácil. Agora, o que eu poderia fazer é ir até a marca dos três segundos. Eu posso copiar e colar. Meu segundo quadro-chave e depois até a marca de quatro segundos, e pego meus dois últimos quadros-chave e copiarei e colarei E agora temos uma espécie de animação em loop. Isso é muito legal, muito divertido. Muito fácil. Agora, o que eu quero mostrar é como realmente automatizar esse processo de loop com algo chamado expressão Expressões são uma linha de código fornecida à propriedade animada que permite automatizar determinados processos aprenderemos uma expressão Hoje, aprenderemos uma expressão nesta aula que permite que você faça animações em loop para que você não precise estruturar todas as insistências Vamos aprender sobre isso na próxima aula. 11. Entendendo a expressão loop out: Nesta aula, vamos abordar um pouco as expressões no Adobe After Effects para automatizar algumas das propriedades de animação para que não precisemos trabalhar tanto porque quem quer trabalhar duro, sabe? Vamos direto ao assunto. Tudo bem, então, entrando nele, eu tenho meu arquivo de expressão de loop aberto aqui, e você pode ver que há algumas bolas quicando Então, eles saltam e se recuperam. Essa é apenas uma propriedade de posição animada com dois quadros-chave Mas quando colocamos uma expressão nisso, você pode ver que algo acontece. Agora, para ativar uma expressão, vamos excluir essa expressão aqui. Clique com o controle no cronômetro que removerá a expressão Para adicionar uma expressão, já temos nossos quadros-chave definidos, então eles vão de um quadro-chave para o Agora, para adicionar uma expressão, basta ir até o cronômetro, alterar a opção, clicar nela, e isso abrirá nossa propriedade aqui, nossa propriedade de expressão Agora, se quiser, você pode pesquisar expressões no painel aqui, esta pequena seta com o.in aqui, e aqui é onde você pode inseri-la Vamos fazer apenas uma expressão hoje, que é a expressão de loop out que automatiza sua animação após os dois primeiros quadros-chave para se repetir repetidamente Agora, há quatro expressões de loop out diferentes que você pode experimentar para ver do que gosta, e abordaremos o que elas fazem nesta aula muito rapidamente para que possamos entendê-las. Sim, vamos começar. Então, o primeiro que vamos tentar é fazer o loop out. Então é LOOP e depois O. E você pode ver que o preenchimento automático é muito fácil para você Assim, você pode clicar em um desses loopOut de preenchimento automático Agora vou colocá-lo entre aspas, e isso me dará quatro propriedades diferentes ou quatro tipos diferentes de expressões de loop out que eu posso escolher entre Continuar ciclo, offset e pingue-pongue Todos eles funcionam de forma um pouco diferente, e vamos analisá-los agora. Então, o primeiro é o ciclo. Por padrão, se você não colocar aspas, ele passará automaticamente para o ciclo Então você não precisa fazer isso com nada. Se você quiser pedalar, basta soltar os colchetes e isso lhe dará o efeito de loop off do ciclo Mas se você quiser uma diferente, precisará alterar a propriedade com as aspas Vamos apenas clicar em ciclo por enquanto e clicaremos em OK. Vou desligar os outros por enquanto e ver qual loop sai. Esses são nossos quadros-chave. mas o que acontece depois que esses dois quadros-chave Temos apenas dois quadros-chave, mas o que acontece depois que esses dois quadros-chave são executados? Tudo começa de novo. Ciclo, ele usa os dois quadros-chave. Basicamente, ele o inicia novamente a partir do primeiro quadro-chave e novamente. E mais uma vez, desse jeito. Então, é bem simples. Ciclo. Ele percorre os dois quadros-chave É um ciclo de movimentos. Se você tiver três Kframes para começar do início percorra todos os três e repita no início novamente. Enquadra como um começo do início percorra os três e repita novamente no início. Agora, o próximo é pingue-pongue. pingue-pongue funciona de forma um pouco diferente e eu gosto muito de pingue-pongue porque pode economizar muito tempo se você voltar para a mesma posição, ele se recuperará automaticamente Então, ele passará pelo primeiro movimento. Mas, em vez de ir para o primeiro quadro-chave, ele faz os movimentos ao contrário para voltar à primeira Servir serve Ele faz os movimentos ao contrário para voltar ao primeiro quadro-chave Vou do último quadro-chave, volto para o primeiro quadro-chave e, em seguida, ele recomeça lá Então, ele salta para frente e para trás. Este é uma continuação muito legal e suave do seu efeito Vamos analisar isso e ver como isso funciona. Boom boom boom boom. Muito legal. offset é muito legal porque pega sua animação, termina no último quadro-chave e inicia toda a animação novamente, começando com o primeiro quadro-chave, termina no último quadro-chave e inicia toda a animação novamente, começando com o primeiro quadro-chave, termina no último quadro-chave e inicia toda a inicia toda O offset é muito legal porque pega sua animação, termina no último quadro-chave e inicia toda a animação novamente, começando com o primeiro quadro-chave, termina no último quadro-chave e inicia toda a animação novamente, começando com o primeiro quadro-chave, termina no último quadro-chave e inicia toda a animação novamente, começando de esse foi o primeiro quadro-chave Então, vamos ver como isso funciona. Então, vai rolar. E então ele começa a partir daqui e faz a animação novamente, mas a partir desse ponto. E então é como pular da tela, pular de sapo Bum, bum, bum, bum. Muito legal. Agora, continue. Eu nunca uso continuar. Então, sim. Mas aqui está o que ele faz. Ele pega a última velocidade e direção do seu último quadro-chave e continua com esse movimento infinitamente depois Está bem? Agora, vamos ver como isso funciona aqui. Se eu ligar, se eu clicar em OK. Isso para. A razão pela qual ele para é porque eu tenho um Es anexado a esse quadro-chave e a velocidade final do meu quadro-chave aqui é na verdade zero, então ele não se moverá para lugar nenhum porque o último quadro-chave tem uma velocidade de zero e zero repetido é zero Vamos remover esse quadro-chave. Vamos mudar isso de volta para um quadro-chave normal. Ok, se mudarmos para um quadro-chave normal, ele realmente acelerará e parará abruptamente E, na verdade, esse último quadro-chave teria tido alguma velocidade entrando nele Então, boom. E, como você vê , meio que saiu da tela. Mas vou retirar os dois. Oh, desculpe. V. E aqui, eu vou parar aqui e você vai ver o que acontece. Ela simplesmente continua nessa velocidade e direção após o término da animação. Sim. Aí está. Portanto, você pode brincar com este exemplo de planilha, se quiser Você pode acessar o arquivo After FX, brincar com ele, experimentar todos os diferentes tipos de expressões de loop out e depois ver como podemos aplicá-las à nossa animação. Então, vamos voltar para isso. 12. Automatize sua animação com expressões: Nesta aula, vamos adicionar expressões à nossa animação para automatizar um pouco o processo. Entre. Então você pode ver aqui que eu tenho minha animação, e eu a coloquei em quadros-chave para frente e para trás, então eu criei uma animação em loop como essa então eu criei uma animação em loop Então, se eu quisesse automatizar um pouco mais o processo, eu poderia usar algo chamado expressões Então, como adicionamos uma expressão? Por exemplo, vou apenas duplicar meu objeto, Control D, e agora vou ter duas camadas Uma, vou manter como uma propriedade normal do quadro-chave e, em seguida, adicionarei uma expressão à outra Então, vou excluir todos os quadros-chave extras e ter apenas meu único loop Então, como você pode ver aqui, agora eu tenho três quadros-chave e, no início, parece o mesmo Mas depois que esse quadro-chave termina, ele não continua. Mas eu quero que continue se repetindo do jeito que está, mas não quero ter que animar cada Então, o que eu posso fazer é ir até aqui e apertar tudo no meu teclado. Clique no cronômetro, opção Alterar no seu teclado. Vou abrir a janela de expressões e, em seguida, você pode inserir uma expressão. Se você quiser ver as expressões que o After Effects oferece, você pode clicar neste botão aqui e ele tem todas as expressões diferentes que você pode usar. Tudo bem? O que vamos usar hoje se chama LoopOut. Faça um loop e depois para fora. E como você pode ver, quando eu começo a digitar, ele já me dá opções para escolher Eu entro, loop in duration, loop out, loop out, vamos usar LoopOut. Depois de clicar em loop out, vou apertar os sinais de citação, e isso me dará algumas opções diferentes do tipo de loop out que eu quero aplicar aos Então, para este caso, eu quero usar o ciclo porque o quadro inicial e o último quadro, na verdade, são os mesmos, e eu posso percorrê-lo facilmente assim. Então eu clico em ciclo e vamos ver o que acontece. Agora, quando eu reproduzo a animação, tanto a propriedade do quadro-chave quanto a propriedade da expressão se movem exatamente na mesma taxa ao mesmo tempo. É exatamente a mesma coisa. Você está apenas fazendo com que uma expressão faça o trabalho por você, em vez de usar um quadro-chave todas as vezes Agora, por que isso é benéfico? Bem, vamos até nossa janela de composição. Configurações de composição e , em seguida, vá para a duração. Vou aumentar a duração para 15 segundos. Agora, se eu atingir os 15 segundos e estender, você pode ver mais ou menos o que está acontecendo. Vou arrastar até o final, selecionar todas as minhas molduras e clicar no colchete direito da opção Alter Isso estenderá todas as minhas camadas até onde eu coloco o indicador de reprodução. Agora você pode ver o que está acontecendo aqui. Agora, a propriedade do quadro-chave sobe até o último quadro-chave Mas e quanto à propriedade da expressão? Continua mesmo depois disso. E podemos ver isso acontecendo em algo chamado gráfico de pós-expressão. Então, se abrirmos o gráfico de pós-expressão, você pode vê-lo aqui, ao lado desse sinal de igual que diz Habilitar expressão. Podemos destacar todos os nossos quadros-chave, entrar na janela do gráfico Agora você pode ver o que está acontecendo aqui. Essas são as propriedades do quadro-chave que estão em uma linha sólida Mas depois disso, essas são as propriedades que continuam na expressão. As propriedades do quadro-chave param nesse ponto, mas as propriedades da expressão continuam Bem, infinitamente. Então, se você quiser apenas animar algo em um loop psicopata, você pode usar a expressão loop out, e ela continuará infinitamente Portanto, se você estender sua composição por mais tempo, não precisará reformular tudo Então, essa é uma forma de ajudá-lo em seu fluxo de trabalho de ilustração ou em seu fluxo de trabalho gráfico em movimento. Saia do editor gráfico porque não vamos realmente abordar isso nesta aula. É apenas uma aula básica, mas isso mostra visualmente o que está acontecendo. Vou deletar a camada de expressão, voltar às minhas propriedades. Vou me livrar de todos esses quadros-chave e vou aplicar um quadro-chave diferente Agora eu só tenho os dois quadros-chave indo de baixo para cima Mas agora eu quero usar uma expressão para repetir isso para frente e para trás. Eu quero ir de baixo para cima e de cima para baixo. Bem, há uma expressão que podemos usar. Vamos alterar a opção, clique no Stopwatch Loop. Fora, aspas, podemos usar pingue-pongue. pingue-pongue vai e volta entre os dois quadros-chave , percorrendo o ciclo, e agora temos um coração animado e divertido flutuando sobre uma caneca. Incrível. Muito legal. Muito fácil. Agora, você não precisa conhecer todas as expressões. Só saiba que eles estão disponíveis. E se você quiser criar um quadro-chave sozinho, basta fazer você mesmo um quadro-chave Você não precisa usar expressões se não quiser. Se você acha que é mais fácil usar os quadros-chave, basta animar com os quadros-chave basta animar com os quadros-chave Se você quiser experimentar as expressões, essas são algumas que você pode experimentar , brincar e ver o que pode fazer. Tudo bem. Na próxima aula, pegaremos nosso pequeno gráfico em movimento e o comporemos em uma nova composição, e criaremos uma bobina legal de seis segundos, muito poderosa e muito rápida, e mostrarei como usar marcadores e como configurar E, sim, divirta-se com isso. Eu 13. Como sincronizar animação com música usando marcadores: Três. Ei, pessoal, nesta aula, vamos criar um rolo rápido de gráficos em movimento usando a animação que criamos e vamos duplicar essa animação várias vezes de várias maneiras em nossa linha do tempo, para criar alguns efeitos Vamos ver como podemos fazer isso. Então, a primeira coisa queremos fazer é criar uma nova composição. Então, podemos clicar com o botão direito do mouse e clicar em Nova composição, e vamos criá-la, você sabe, MoGraph Reel, algo assim, como você quiser chamá-lo. Vamos configurá-lo para a largura de 1080 por 13 50 para o Instagram, vou configurá-lo para 24 quadros por segundo e vamos clicar em OK Eu só vou configurá-lo para 6 segundos. Portanto, não é muito longo, é fácil trabalhar com ele. Divirta-se com isso. E você pode ver aquela bobina gráfica em movimento. Apareceu aqui. Agora, vou adicionar um pouco de música. Então, vou clicar com o botão direito do mouse em Importar arquivo e vou encontrar minha música. Eu tenho uma versão curta do Stomping Intro aqui, e você não precisa criar uma composição a partir dela Vou apenas importá-lo. E isso vai ficar bem. Tudo bem Então, nós já fizemos a composição. Vamos arrastar nossa música para a composição, e agora você pode ver que temos algumas músicas. Agora, o que queremos fazer é configurar alguns marcadores para indicar onde queremos fazer bons cortes Então, como podemos fazer isso no After Effects, podemos ir para o menu suspenso aqui e podemos ir para o áudio. Agora podemos ir até este e clicar em formas de onda Agora podemos realmente ver as formas de onda aqui. Se quisermos ampliar , podemos ampliar mais de perto e ter uma imagem melhor do que estamos enfrentando. Agora, queremos decidir onde queremos fazer nossos cortes ou animações e compor tudo de acordo com as frases sonoras Agora podemos adicionar nossos marcadores. Então, como adicionamos nossos marcadores, encontramos o ponto em que queremos adicionar nosso marcador, talvez onde ele chuta, boom, boom Continue adicionando alguns marcadores porque esses são bons pontos em que você pode fazer a transição para outra coisa. Você pode ir até os marcadores de camada e adicionar um marcador como esse, e você pode ver que ele adiciona um pequeno marcador ali Isso significa onde o corte pode ser feito e permite que você alinhe suas camadas um pouco melhor O atalho para isso está no seu teclado numérico, o sinal de asterisco Ao reproduzir, você pode encontrar pontos onde talvez queira adicionar um marcador e simplesmente clicar e adicionar um marcador E acho que nos picos, adicione um marcador. Corte rápido. Sim. Sim. Vamos fazer um no final e depois outro no pico novamente. Vamos ter um ritmo muito rápido, muito divertido. Muitos cortes. E então, talvez aqui, façamos apenas alguns cortes nos picos E eu realmente quero fazer isso. Essa. Então, vou deixar para lá, e essa será uma transição maior. Estrondo. E então eu acho que nesses picos, algo vai acontecer aqui Vamos descobrir isso, e não até lá. Bum, bum, bum, bum. Mas estou apenas ouvindo, reproduzindo e apenas marcando, e não precisa ser exato agora, mas é apenas um bom guia que podemos usar. Vamos apenas ouvir isso. Uh, sim, vamos mudar essa E então um aqui e um final aqui, e esse será como nosso final. Estrondo. E então vamos manter isso constante lá. E isso é configurar nossos marcadores em nossa composição. Isso nos permitirá configurar facilmente nossa animação, nossa bobina, muito rapidamente E em nossa próxima aula, vamos trazer nossa animação e vamos compô-la em um pequeno rolo divertido e rápido Tudo bem. Te vejo na próxima aula. 14. Criando seu carretel de gráficos em movimento: Ei, pessoal, nesta aula, vamos pegar nossa animação simples e fazer uma bobina gráfica em mocha no After Nós vamos compô-lo. Vamos criar várias camadas. Vamos cortá-la, fatiá-la e torná-la um pouco mais dinâmica e interessante Então, vamos ver como podemos fazer isso. E agora, o que você pode ver é que configuramos nossos marcadores com isso, de acordo com as batidas Então, o que vamos fazer além disso, vamos adicionar nossa animação. Então, temos nossa composição original aqui e temos a ilustração duas da caneca Na segunda ilustração de Muguli, ela realmente tem a composição e eu vou criar um plano de fundo para Como posso fazer isso é ir até Nu, clicar com o botão direito do mouse em Nu e criar um sólido. Quando eu faço um novo sólido, ele automaticamente chega à escala da minha composição. 1080 por 13 50, e então eu posso escolher uma cor Vou soltar essa cor e depois vou deixá-la um pouco mais clara do que isso só porque essa é a sombra. Eu vou clicar em Ok. E lá vamos nós. Agora vou colocá-lo embaixo da ilustração da minha caneca Agora eu tenho uma composição com fundo colorido, mas também tenho minha composição original aqui que não tem fundo algum , um fundo transparente. Então, vou usar esses dois no meu rolo de animação gráfica. Então, voltando ao meu mGraphrel aqui, agora podemos trazer nossas animações, cortá-las e torná-las mais interessantes Então, vamos trazer nossa primeira animação. Então, tudo o que vou fazer é trazer minha primeira animação. Também vou arrastar a ilustração da minha caneca e colocá-la na minha linha do tempo Agora eu também tenho a ilustração da minha caneca , e o que eu quero fazer? Eu quero descobrir como eu quero seguir o ritmo? Portanto, há várias maneiras de fazer isso. Não há um jeito certo ou errado. Apenas divirta-se com isso, brinque, veja o que você pode fazer. O que eu quero fazer é cortar, fazer um corte aqui ou fazer uma transição, algum tipo de torná-la dinâmica nesses pontos. Então, o que eu estou pensando é que talvez eu possa fazer algo com a escala é se eu marcar a escala em zero ou em 100% aqui, e eu for para o próximo marcador, talvez eu possa aumentá-la um pouco assim E então, no terceiro marcador, talvez eu possa aumentá-lo ainda mais OK. E então, finalmente, neste momento, vou cortá-la para uma nova cena. Então, como posso cortá-la ou aparar uma camada é pressionar Alt e colchete direito Isso reduzirá a camada até onde meu marcador está ou onde meu indicador de reprodução está na linha do tempo Então você pode ver que agora se eu passar por ela, ela desapareceu. Isso não significa que a animação acabou. Significa apenas que está aparado. Você também pode arrastar a animação dessa forma das duas extremidades. Assim, você pode ver que, ao passar o mouse sobre as setas duplas, você pode cortá-las assim Então, ele só aparecerá onde está a seção de acabamento. A animação flui normalmente, mas você está apenas cortando a camada Podemos ver essa animação chegando. Agora, eu não quero que a transição seja suave dessa forma. Eu meio que quero pular dessa essa escala para essa escala nos marcadores. Então, como eu faço isso é mudar meu quadro-chave para algo chamado retenção de quadro-chave Então, vou clicar com o botão direito do mouse. Vou para Toggle Keyframe E o que isso faz, ele mantém essas informações até o próximo quadro-chave Portanto, não preencherá as páginas, como dissemos antes. Então, se eu rolar, você não verá nenhuma transição até que o quadro-chave atinja o boom Agora eu posso fazer a mesma coisa aqui, segurar o quadro-chave. E sem animação até o boom. Então, agora, se eu reproduzir, você pode ver que ele salta nesses marcadores, e agora eu quero recortá-lo Então, Alt ou opção colchete direito. E desapareceu. Tudo bem, agora eu quero adicionar uma nova composição. O que vou trazer é minha caneca Illustration one Vou puxá-lo para baixo e quero começar com este marcador aqui Então, para começar, tudo que eu tenho que fazer em vez de, você sabe, eu posso clicar, arrastar e puxar até aqui. Isso é bom. Ou, se eu quiser tornar as coisas mais fáceis para mim, posso simplesmente colocar minha cabeça de reprodução onde quiser, garantir que a camada esteja selecionada e pressionar o colchete esquerdo sozinho, e é aí que a animação começará Minha camada começará nesse ponto. Ok, ou eu posso arrastá-lo para onde eu quiser, mas eu quero que ele esteja lá. Uma coisa que você pode ver é que essa é transparente, então não há fundo nela. Mas nessa composição, vou criar camadas e camadas e fazer meu vídeo. Vou clicar com o botão direito do mouse nessa área vazia, selecionar um novo sólido e vou trazer uma nova cor. Vou dar uma sensação de verde turquesa e vou clicar em OK Agora, eu quero colocar isso abaixo dessa camada para que eu possa simplesmente arrastá-la para baixo clicando nesta área Ou, se eu não quiser fazer isso, posso pressionar Control e colchete esquerdo para trazê-lo para baixo no meu painel de camadas ou Controlar ou comandar colchete direito para abri-lo Agora está logo abaixo e eu quero que comece por aí. colchete esquerdo traz uma frente para o meu indicador de reprodução, e aí está. Agora está assim. OK. Agora, o que é ótimo sobre isso é que eu posso realmente duplicá-lo em cima de si mesmo. Então, para duplicar uma camada, você pressiona o comando D do controlador e agora ele fez duas instâncias dessa animação E agora eu posso arrastar essa animação para outro lugar. Então, talvez eu queira fazer alguns deles. Então, talvez eu queira fazê-los aparecer um por um, um aqui, um aqui, um aqui e um aqui em cada um desses marcadores Então, eu vou tentar isso. Então, vou fazer minha duplicação. Vou levar meu indicador de reprodução para o próximo marcador. Vou apertar o colchete esquerdo. Agora, na verdade, não, eu não vou usar o colchete esquerdo. Eu quero que a animação continue a mesma. Vou pressionar Alt no colchete esquerdo e isso cortará minha camada A animação ainda será a mesma. Eles estarão sincronizados o tempo todo. Só aparecerá nesse momento. Agora vou para o meu próximo playhead. Vou duplicá-lo novamente, Control D, e agora tenho uma segunda camada Eu vou movê-lo para a posição. Eu quero isso aqui. E então eu vou pressionar Alt, colchete esquerdo, cortá-lo E agora você pode ver o que está acontecendo. OK. Eu tenho outro aqui. Próximo marcador, Controle D para duplicar essa camada. Agora vou colocá-lo no lugar certo. Talvez eu queira que esse apareça aqui, desse jeito. Agora você pode ver que está acima de tudo, mas agora eu posso descer para pressionar Controlar o colchete esquerdo e colocá-lo no meu painel de camadas, atrás de todo o resto E eu também quero cortá-lo para ali mesmo. Então, tudo para o colchete esquerdo. Isso vai reduzir o tempo até aquele momento. Então, vamos colocar isso. Legal. E mais um neste playhead aqui. Vou duplicá-lo. Eu vou trazê-lo para cá. Se você não tiver suas alças de controle, pressione V no teclado, isso abrirá a ferramenta de seleção e, em seguida, você poderá arrastá-la. Certifique-se de que a camada desejada esteja selecionada Vou usar o colchete esquerdo alternativo para cortar a camada até esse ponto e pronto Então, vamos reproduzir. Legal. Tudo bem. Agora eu quero algum tipo de transição aqui. Talvez eu queira que esses dois na frente desapareçam e , no próximo marcador, os dois na parte de trás desapareçam Então, vou clicar nos dois na frente. Eu posso encontrá-los no meu painel de camadas. E se eu controlar ou pressionar Alt, colchete direito, isso os reduzirá até esse momento, e agora você pode ver depois que eles Em seguida, na próxima, vou clicar nas camadas inferiores, com a tecla Alt no colchete esquerdo, e ela as corta nesse ponto. Agora eles desaparecem. Então, vamos assistir novamente. Sim. Legal. Tudo bem. Agora, queremos fazer algo neste momento. Talvez eu queira mudar a cor novamente. Vou pegar minha camada de cor ou vou simplesmente cortá-la até este ponto E agora não há nada lá, e então eu vou criar uma nova camada de cores. Vamos um novo sólido. Vamos escolher uma cor. Vamos fazer um roxo assim, tudo bem. Tudo bem, tenho um roxo. Agora eu quero cortá-lo ou iniciá-lo neste ponto, bum, bum OK. Então talvez eu só queira mudar a cor duas vezes aqui. Neste momento e neste momento, farei algo diferente. Vamos cortar essa camada e criar um novo sólido. Eu vou escolher o amarelo. Vamos fazer com que seja igual à caneca. Assim mesmo, e vou começar por aí, basta colocar um colchete para trazê-lo para a frente desse jeito Então, no próximo marcador, vou cortá-lo assim Lá vamos nós. Isso parece muito legal. Talvez eu mantenha esse amarelo até o próximo marcador. Vou apenas arrastá-lo para fora e puxá-lo para o próximo marcador ali mesmo Agora é aqui que vou fazer algo novo. Temos que preencher isso. Talvez eu queira duplicar esse verde novamente, Control D, duplicá-lo, trazê-lo até onde eu quiser O colchete esquerdo traz o ponto para o indicador de reprodução e agora recuperamos essa cor Agora, o que eu quero fazer é talvez fazer algum movimento. Assim como fiz com minha balança, quero cortar, cortar, cortar. Talvez eu queira que comece do topo e depois boom, bum, boom, boom down. Vamos ver como podemos fazer isso. simplesmente duplicá-lo. Eu começo com um novo e vou cortar esse aí. Tudo bem. Então eu vou cortar esse aqui. Agora eu vou trazer este até o topo. Talvez eu tenha que puxar essa para trás em uma moldura. Assim, vou começar aqui e depois apertar meu P no teclado para obter a posição. Eu vou para o meu próximo marcador. Eu vou puxá-lo para baixo. Próximo marcador, puxe-o para baixo. próximo marcador, puxe-o para baixo, e o próximo marcador, puxe-o para Então, minha última, vou cortá-la lá e trarei de volta minha composição principal. Agora você pode ver o que está acontecendo aqui. Não parece o melhor porque é suave. Vou destacar todos eles e pressionar o quadro-chave Agora vamos assistir até o fim. Ok, vamos dar um grande tapa no final com minha segunda ilustração da caneca principal E eu vou começar. Mova o endpoint para lá. Estrondo. Lá vamos nós. Então, vamos lá. Fizemos uma ótima bobina de gráficos em movimento Parece realmente incrível, muito divertido. Na próxima aula, aprenderemos como exportar nossa animação como presente animado, bem como um arquivo MP four, arquivo vídeo que podemos compartilhar nas redes sociais. Te vejo lá. 15. Como exportar sua animação: 33 Tudo bem, cara. Então, nesta aula, aprenderemos como exportar nossa ilustração como um presente animado, bem como um arquivo de vídeo que podemos compartilhar nas redes sociais. Vamos mergulhar nisso. Ok, então temos nosso arquivo aberto aqui. Agora, temos nossa linha do tempo aqui, e a primeira coisa que vamos fazer é voltar à nossa ilustração de canecas, nossa ilustração principal, onde temos nossa composição animada Vamos apenas cortar a animação para descobrir onde ela se repete. Vamos encontrar o ponto de partida do loop. Então, ele volta em 1 segundo, então volta em 2 segundos. Talvez 4 segundos sejam suficientes. Vamos colocar nossa cabeça de jogo em 4 segundos. Vamos reduzir o espaço de trabalho até lá. Esta é a nossa área de trabalho. Quando reproduzirmos, ele simplesmente será reproduzido nesta seção. Podemos ver aqui. Vamos ver se ele roda corretamente. Sim, parece muito bom. Tudo bem. Agora, o que vamos fazer é ir para Arquivo. Vamos exportar e adicionar ao Media Encoder Q. Isso abrirá o Adobe Media Encoder, garantirá que você o tenha instalado em seu computador e, em seguida, poderemos exportá-lo como um presente animado Depois que o Media Encoder estiver aberto e seu arquivo estiver lá, você poderá clicar no arquivo de saída e clicar onde deseja que ele seja salvo E então você pode clicar duas vezes neste h264. Isso abrirá o menu e nos permitirá alterar muitas das opções de nossa animação. Então, aqui, queremos mudar o formato do h264 e queremos encontrar um presente animado Isso nos permitirá criar um presente animado a partir de nossa ilustração. Como você pode ver aqui, na verdade diz faixa de origem, área de trabalho. Nós o configuramos para apenas alguns segundos, e é aí que ele exportará quatro. Portanto, ele exportará apenas 4 segundos de animação, o que é perfeito para um presente animado. É bom. Agora, vamos até aqui e vamos alterar um pouco algumas das configurações para reduzir o tamanho do arquivo do nosso presente. A primeira coisa que você pode querer mudar é que você pode mantê-lo em 25 quadros por segundo, mas vamos mudar isso. Vamos apenas reduzi-lo para talvez 12,5. Vou dar uma sensação um pouco mais agitada e também reduzir o tamanho do seu arquivo Então, quando você carrega presentes na Internet, eles carregam mais rápido. A segunda coisa que você deve fazer é alterar a resolução do seu presente animado. Vamos simplesmente desclicar essa marca de seleção, e agora vamos entrar nisso e vamos dividir por dois Vamos dividir por dois, o que apenas reduz a resolução pela metade e reduz um pouco o tamanho do arquivo. Se você quiser mantê-lo com a resolução total, tudo bem. Isso só vai aumentar o tamanho do seu arquivo, mas, você sabe, sua decisão. De qualquer forma, vou reduzi-lo e pronto. Então, tudo o que precisamos fazer é clicar em OK, e agora está pronto, para que você possa clicar nele. Podemos clicar em Play e ele percorrerá e você terá uma animação incrível. Podemos encontrar o local para onde foi exportado e pronto Temos um presente animado legal ali mesmo, um fundo transparente e tudo mais. É incrível. A próxima coisa que queremos fazer é exportar nosso vídeo. Então, vamos voltar ao vídeo. Vamos ao nosso MGraphRel e neste caso, queremos que o espaço de trabalho seja completo M. Muito legal. E vamos para Arquivo, Exportar, adicionar ao codificador de mídia Q. Tudo bem. Neste, não queremos que seja um presente animado. Vamos clicar nisso novamente. Vamos redefinir isso para h264 ou qualquer tipo de arquivo que você quiser e ele será exportado como um MP quatro aqui. Se você quiser pontilhar MOV, você é um usuário da Apple, pode fazer isso, qualquer coisa assim Você pode manter a resolução completa porque talvez publicaremos isso nas redes sociais e queremos que tenha uma aparência muito bonita e garanta que a área de trabalho esteja totalmente configurada, e tudo o que você precisa fazer é clicar em OK. E clicaremos em Play e ele exportará seu vídeo como um MP quatro. Se o encontrarmos em nossos arquivos. Abra-o. Tudo bem, vamos lá Exportamos nossa ilustração ou animação como presente, bem como um arquivo Npour que você pode publicar nas redes sociais Certifique-se de postar no Instagram, basta me levar para l dot an dot art. Eu adoraria ver o que vocês criam. 16. Obrigada! Você é um incrível!: Ei, pessoal, eu só quero agradecer muito a vocês por participarem da aula. Foi uma jornada para aprender o After Effects e foi muito divertida. Espero que não tenha sido muito difícil para você ou muito simples. Espero que você tenha conseguido tirar algo dessa aula e aplicá-lo ao seu próprio fluxo de trabalho e ao seu próprio processo de ilustração. E o After Effects é uma ferramenta incrível, e é muito divertido brincar com ela. Depois de saber um pouco sobre isso, você pode começar a fazer mais coisas. Você pode brincar com a posição, rotação, escala, opacidade e animar todas essas coisas usando quadros-chave ou experimentar aquela expressão de loop out para, você sabe, apenas criar uma É muito divertido. Eu realmente quero ver o que vocês criam. Portanto, certifique-se de exportar sua animação como um presente animado e publicá-la no painel do projeto, além de qualquer outra coisa. Se você postou nas redes sociais, comigo em kyle dot an dot q. Se você tiver alguma dúvida sobre o que abordamos na aula, sinta-se à vontade para postar no painel de discussão, e eu entrarei em contato com você assim que puder Se você gostou da aula e aprendeu alguma coisa, considere deixar uma avaliação positiva no Skillshare para que mais alunos como você possam aprender juntos Se você quiser continuar aprendendo comigo, siga-me aqui no Skillshare para ser notificado quando uma nova turma for lançada Além disso, você pode conferir no meu perfil uma biblioteca de outras classes. Tenho aulas de ilustração e design gráfico, e agora tenho mais sobre gráficos em movimento, para que possamos continuar essa jornada juntos. Muito obrigado por participar do curso e desejo a você tudo de bom em sua jornada criativa. vejo na próxima vez. Ei, eu sou um mestre em animação gráfica que pode animar qualquer coisa. O que 17. Aula bônus: Aposte que você pensou que já tinha acabado: Oi, pessoal. Bem-vindo de volta. Aposto que você pensou que a aula tinha acabado. Bem, esta é uma lição bônus. Se você quiser alterar sua animação de alguma forma, quero mostrar como você pode editar facilmente o arquivo do Adobe Illustrator e ele será atualizado automaticamente no After Effects. Vamos começar imediatamente. Então terminamos nossa animação, e ela parece muito boa. Mas e se quiséssemos mudar o logotipo ou as cores da caneca ou do coração Queremos mudar isso para outra coisa. Bem, o que podemos fazer se voltarmos à nossa ilustração principal da caneca você pode ver que todos esses são arquivos de IA Você pode ver que o ícone é um arquivo do Adobe Illustrator. É porque eles estão vinculados ao arquivo do Adobe Illustrator Então, se atualizarmos o arquivo do Adobe Illustrator, adivinhe? Sua animação também será atualizada no After Effects. Então, vamos passar para o arquivo do Adobe Illustrator que está conectado E você pode ver aqui que temos nossas diferentes camadas. Vou desligar o reflexo por enquanto e agora vou fazer alguns ajustes. Então, em vez do coração, vou esconder o coração. Vamos desbloquear nossas camadas e depois esconder o coração. E talvez eu queira um raio. Acho que quero o relâmpago. Isso seria legal. Então eu ligo a camada de relâmpago e a máscara de raio mais tarde, e posso rebloqueá-las e E agora eu não quero mais dizer isometria, então vou desbloquear minha camada de caneca, depois vou desligar o logotipo isométrico e vou me transformar e vou me Talvez eu queira colocar, você sabe, uma xícara quente de incrível. Isso parece muito legal. E agora, se eu quiser mudar a cor, pressiono Y no meu teclado, seleciono a caneca e, em seguida, posso clicar duas vezes e mudar a cor para Vamos ver Que tipo de cor combina bem com isso? Obviamente, o amarelo provavelmente é muito bom, mas vamos mudar a cor drasticamente para obter uma imagem melhor. Talvez um azul. E também mudaremos a cor da escrita. Talvez façamos um azul mais escuro, e então teremos a escrita Apertaremos Y no teclado, selecionaremos a escrita e, seguida, mudaremos isso também. Vamos mudar isso para um amarelo brilhante. Ou vermelho? Não, amarelo parece muito bom. Uma xícara quente de incrível. Isso é incrível. Tudo bem. Então, mudamos nossa ilustração no Adobe Illustrator Agora vamos voltar ao After Effects. Portanto, certifique-se de fechar nossas camadas, bloqueá-las, clicar em Salvar, controlar S e você poderá ver que está salvando no canto. Agora vamos voltar ao After Effects. E, como você pode ver, ele se ajustou automaticamente para nós. Então, se voltarmos para nossa composição, nossa bobina MoGraph, você pode ver que, como tínhamos apenas uma composição, ela Agora, há uma coisa um pouco engraçada nisso é que o forro não combina totalmente com o reflexo, então temos que voltar para nossa composição principal e ajustá-la Então, clicamos duas vezes em nossa composição principal, e isso é o que temos aqui Agora, se aumentarmos o zoom, eu apenas uso minha roda de rolagem para ampliar. Ou você pode ir até 100% aqui e descobrir isso. Agora, queremos obter a camada de máscara de reflexão. Esse é o que contém nosso reflexo, e esse é o que queremos mover. Então, vamos clicar nessa camada e esta é associada ao objeto Mas também podemos movê-lo independentemente do objeto. Então, vou movê-lo independentemente do objeto e vou encontrar o lugar onde ele precisa estar. Tudo bem. Agora você pode ver aqui. Mas uma coisa que você pode ver é que onde começa não é realmente o lugar onde eu quero que comece. Então, para mover a coisa toda, se eu passar o mouse sobre meus quadros-chave e simplesmente mover isso, isso só ajustará esse quadro-chave específico Então, agora vai ficar meio que de um lado para o outro. Mas e se eu quisesse mover toda a animação? Posso passar o mouse sobre um dos quadros-chave e selecionar todos eles. E agora, quando eu o mover, os dois quadros-chave se moverão com ele Agora posso colocá-lo no local em que quero iniciá-lo e ele se anima perfeitamente Então, tudo o que você precisa fazer é alterar o arquivo do Adobe Illustrator salvá-lo Vou atualizar no After Effects. Você precisa mover sua camada de máscara de reflexão. Para onde você quiser que ele fique em seu objeto. E então você só precisa mover as propriedades de posição da sua animação para onde elas estão. Apenas certifique-se de que, ao mover as propriedades da posição, seu indicador de reprodução esteja sobre um dos quadros-chave e que todos os quadros-chave estejam selecionados e, em seguida, todos se movam juntos Se seu indicador de reprodução estiver em algum lugar diferente dos quadros-chave, na verdade, ele adicionará um novo quadro-chave ali E se você não quiser isso, vai parecer um pouco estranho. Está bem? Então é assim que você faz isso. E agora vamos ver nossa animação, nosso MGraphRel. Vamos caçar até 100% e começar novo. Isso é muito legal. Ok, uma última coisa que eu quero mostrar a vocês como fazer no After Effects é se voltarmos à nossa ilustração da Caneca E se quiséssemos mudar a cor da sombra sem entrar no arquivo real do Adobe Illustrator? O que podemos fazer é encontrar uma sombra aqui. E uma coisa que podemos fazer é ajustá-lo. Nós podemos movê-lo. E agora, como está ajustado nessa camada, afeta todos os casos em que essa composição é usada. E isso significa que está neste aqui. Eu mudei e também no seu Mgrapho. Então, isso mudou em todos os lugares. Agora, digamos que queremos mudar a cor. Portanto, não podemos alterá-lo diretamente a partir daqui, dessa camada. Mas o que você pode fazer é clicar com o botão direito nele. Você pode criar e criar formas a partir da camada vetorial. Então, agora é uma camada vetorial e está conectada ao arquivo do Adobe Illustrator Mas quando você cria formas vetoriais ou formas a partir da camada vetorial, ela se torna independente do arquivo do Adobe Illustrator Assim, você pode alterar a cor como quiser no After Effects e não alterará a ilustração real. Então, mudamos isso. Agora você pode ver que ela criou duas camadas. Ele desativou a camada de sombra original e criou uma camada de forma por cima com essa propriedade. E se subirmos até o topo aqui, você pode ver que ele tem um preenchimento e, na verdade, você pode alterar o preenchimento para a cor que quiser. Talvez a sombra queira ser uma laranja assim. Então, agora eu mudei minha camada de sombra para laranja, voltei para o meu MGraphRel e ela mudou automaticamente Está bem? Agora, se eu quiser mudar o plano de fundo da minha composição principal, volto para a ilustração da minha caneca também, e você sabe que temos um plano de fundo Poderíamos simplesmente selecionar um novo sólido e alterá-lo para algo diferente. Então, vou selecionar a cor, torná-la amarela mais clara, clicar em OK e movê-la acima da anterior. E sim, vamos ver. Tudo bem, então acabamos de atualizar nossa animação com muita rapidez e facilidade, atualizamos o arquivo do Illustrator e o salvamos Eu atualizei automaticamente no After Effects e criamos uma bobina totalmente diferente em questão de minutos. Então, isso é muito legal. Se você criou um rolo e postou no Instagram, por favor, eu adoraria vê-lo Então, me leve até kyle dot n dot q. Mal posso esperar para ver o que vocês criarão.