After Effects intermediário: camadas de formas

1. Introdução: bem-vindo ao intermediário após efeitos jogadores Forma, uma introdução ao poderoso, às vezes misterioso mundo de após efeitos jogadores forma para estudantes de animação de nível intermediário ou design de movimento. Meu nome é Morgan Williams, e eu sou um animador e designer de movimento por mais de 25 anos, e eu tenho ensinado animação e design de movimento por quase 10 anos na Ringling College of Art Design and Online at School of Motion e aqui em compartilhamento de habilidades. Nesta classe de nível intermediário após efeitos, criaremos esta animação devido às Four Seasons. À medida que criamos essa animação, aprenderemos como converter camadas de ilustrador em jogadores de forma após efeitos. Como o dedo do pé trabalha com vários caminhos dentro de um grupo de camadas de forma vai olhar um caminho de animação e traçado e propriedades de preenchimento, trabalhando com alguns da camada de forma. Adicione ons como caminhos de mesclagem, Trim caminho sob o Peter e vamos terminar, renderizando tanto um arquivo de filme quanto uma versão de presente simplificada opcional do projeto final. Esta classe é ideal para alunos que têm uma boa compreensão básica dos efeitos após, mas podem não estar cientes de todas as vantagens que os jogadores de forma pós-efeito oferecem ou podem ter tentado trabalhar com jogadores Shea e encontraram, como muitos fazer um pouco confuso e frustrado. No final desta aula, você estará confortável com os conceitos básicos de trabalhar com jogadores de forma pós-efeito e esperamos animado com as muitas possibilidades que os jogadores oferecem tanto para criação de imagens quanto para animação. Então vamos mergulhar e começar. 2. Visão geral do projeto: certifique-se de que você baixou, descompactou e abriu o arquivo de projeto incluído para esta classe. Observe que temos nossas configurações de cor do projeto definidas para 16 bits por canal e um espaço de trabalho S RGB . Também é uma boa ideia definir a configuração de pré-visualização rápida no rascunho rápido, dependendo da velocidade e da configuração do sistema do computador. Se você quiser usar as cores exatas que usamos neste projeto, e claro, você não precisa, você pode escolher suas próprias cores. Convém importar o arquivo da biblioteca. Também incluímos Para fazer isso, vá para bibliotecas Importar biblioteca em local para selecionar biblioteca, navegue para a pasta Projeto que fornecemos na pasta Gravação e selecione a pasta Biblioteca de classes aqui. Clique em Abrir e isso abrirá a biblioteca no painel da biblioteca. Observe também que estou gravando essa aula em um Mac, então, se você estiver trabalhando em um PC, lembre-se de que quando eu usar a tecla Command, você usará a tecla Control. E quando eu usar a tecla de opção, você vai usar a tecla de tudo. A maioria dos outros comandos de teclas serão exatamente os mesmos. Lembre-se também de salvar frequentemente enquanto trabalha. Geralmente edito minhas gravações só para tornar os vídeos um pouco mais eficientes. Mas, claro, você quer economizar constantemente enquanto trabalha. Então vamos explorar algumas das opções disponíveis para animar jogadores de forma aqui em After Effects. E à medida que fizermos isso, vamos criar esta animação usando ícones simples para representar o Four Seasons. Vamos dar uma olhada nessa nota que os loops de animação, que tornariam esta uma ótima peça para postar no instagram, também olharão para criar uma versão de presente simplificada para também aproveitar o loop. Mas nosso foco principal aqui, claro, é aprender mais sobre camadas de forma. Então vamos dar uma olhada na próxima lição sobre como podemos importar imagens vetoriais do ilustrador e convertê-las para camadas de forma em efeitos após. 3. Como converter arquivos do Illustrator: Portanto, note que dentro da pasta Projeto nós fornecemos há uma pasta de gravação dentro dela . Há uma pasta de imagens, e há alguns arquivos ilustradores aqui. Vamos começar tomando Look at Spring versão um no Illustrator Então nós temos este pequeno gráfico simples de um broto de planta e note que eu separei as camadas em cada folha individual e, em seguida, a camada de caule. Observe que quando você importa um arquivo de ilustrador no After Effects. Se você quiser que as camadas sejam importadas como separadas animem camadas de ervas, e animem camadas de ervas, você tem que certificar-se de separá-las em camadas de nível superior. After Effects não verá subcamadas como camadas separadas. Ele só verá camadas de nível superior como separadas. Então, vamos voltar ao After Effects e importar este arquivo ilustrador como uma composição. Então eu vou apertar o comando I para importar, e nós vamos navegar para aquela pasta de filmagens para a pasta Imagens e selecionar a versão de primavera um e para baixo na parte inferior. Aqui queremos selecionar composição, reter tamanhos de camada irá clicar em aberto, e agora temos esse arquivo importado como uma composição. Vamos começar por re nomear nossa composição, primavera pré calma, e vamos mover esse pré comp para a nossa pasta pré vem e vamos mover nossa pasta Camadas que tem nossas camadas ilustradoras individuais para nossa pasta de imagens apenas para manter nosso projeto janela agradável e limpo quando uma aba abrir o pré vem pasta aqui e você vai notar, claro, que já temos pré vem da versão final do projeto. Mas aqui está nossa nova primavera pré compere. Vamos clicar duas vezes no dedo do pé. Abra para que inicialmente, quando importamos um arquivo ilustrador, as camadas não vêm como reprodutores de forma pós-efeito, então podemos certamente animá-los usando nossas propriedades padrão e adicionar efeitos a eles e assim por diante. Mas não podemos animá-los usando nenhuma das muitas opções e vantagens dos jogadores de forma após efeitos . Mas podemos facilmente converter essas camadas em camadas de forma, simplesmente selecionando-as. Vamos selecionar todas as quatro camadas aqui e ir para a camada para baixo para criar e escolher. Criar formas de camada vetorial que, em seguida, criar camadas de forma com base nas camadas de vetor do ilustrador com exatamente o mesmo ver Texas e ocupado uma alças que foram usadas para criar a imagem original e ilustrador. Agora que convertemos estes podemos realmente excluir essas camadas ilustradoras individuais não precisariam mais deles. Na próxima lição, vamos mergulhar um pouco mais em como as camadas de forma são estruturadas, o que nos ajudará a entender como trabalhar com elas avançando. 4. Hierarquia de camada de forma: embora as camadas de forma após efeitos funcionem de forma muito semelhante às imagens vetoriais e ilustrador, elas são estruturadas de uma maneira bem diferente. Então, antes de seguirmos em frente trabalhando com nosso pequeno broto aqui, vamos desligar essas camadas temporariamente e apenas fazer um par de novas camadas de forma para que possamos explorar essa idéia um pouco mais longe. Então eu vou apenas selecionar a ferramenta de retângulo, que tem o preenchimento vermelho padrão e traçado branco. E vamos desenhar um retângulo aqui, e eu vou aumentar o curso só para que possamos ver isso claramente. E, claro, assim que criarmos essa forma, adicionamos nossa camada de forma. A camada de forma inclui a guia de conteúdo, que irá conter esta e quaisquer outras formas que adicionamos. E, em seguida, dentro da guia de conteúdo, temos a guia retângulo para o nosso primeiro retângulo. Vamos em frente e tabulação que abrir e podemos ver os diferentes componentes do retângulo. Primeiro, temos o caminho do retângulo que inclui o tamanho, posição e a redondeza dos cantos. Note que todos estes podem ser animados, mas eu também posso clicar com o botão direito e converter este caminho retângulo para um puro ocupado um caminho se eu quiser , e então eu simplesmente tenho a opção caminho. Mas isso significa que eu posso animar os pontos individuais em ocupado um alças e assim por diante. Vou desfazer isso porque não precisamos disso para esta demonstração. Mas eu posso converter qualquer uma das formas da ferramenta de forma para aparecer ocupado um caminho com esse comando de clique direito. Então, temos o componente de traçado, que inclui a cor do traçado, a passagem do traçado, a largura do traçado, várias opções para a tampa da linha, várias opções para o da linha e do limite de mitra, que controla a forma como a mitra se uniu funciona em ângulos diferentes. Há também uma opção para adicionar traços à nossa linha. Se eu bater mais aqui eu vou traçar meu traço e notar que eu posso mudar ou até mesmo animar a largura dos traços. Eu também posso animar o deslocamento dos traços. Se eu apertar mais novamente, eu recebo uma opção para adicionar controle sobre o espaço entre os traços, que novamente pode ser animado. Se eu acertar mais novamente, eu recebo um segundo traço mais novamente eu recebo a lacuna para o segundo traço e assim por diante para que eu possa criar alguns looks realmente interessantes e efeitos de animação com a opção traços. Mas, de novo, não precisamos disso por enquanto, então eu só vou bater menos algumas vezes para me livrar deles. Em seguida, temos o componente de preenchimento, que inclui a cor e opacidade novamente, ambos os quais são animados ble. Então temos os retângulos próprias transformações. Agora é realmente importante entender que estas são separadas das transformações de camada. Há cinco transformações de camadas. O retângulo em si, tem seu próprio conjunto de transforma sua própria posição de ponto de ancoragem, escala , inclinação, inclinação, acesso, rotação e opacidade novamente, todos os quais podem ser animado para que você possa criar animações separadas das formas dentro de uma camada de forma e, em seguida, também animar a camada de forma, que é, em alguns aspectos, como pré-compilação. É quase como se você tivesse animações dentro de uma pré-composição, e então você está animando essa bússola pré uma única camada. Mas você quer ter muito cuidado para ser claro sobre o que você está animando, transformações de forma ou transformações de camada. Note que, é claro, quando criamos uma camada de forma, o padrão é colocar o ponto de ancoragem no centro da composição. Se você olhar aqui nas transformações do nosso retângulo, note que a posição tem alguns valores de deslocamento aqui. Se simplesmente zerarmos esses pontos, ele centralizará automaticamente o ponto de ancoragem dentro da forma e centralizará a forma dentro da composição. Então, observe a hierarquia. Aqui temos o conteúdo, que inclui nosso retângulo, e então o retângulo tem quatro componentes, todos contidos como parte desse retângulo. Agora, se mantivermos a camada de forma selecionada e adicionarmos um novo retângulo e vamos apenas mudar algumas dessas cores um pouco agora, note que temos nosso segundo retângulo, e se nós tabular que aberto, se mantivermos a camada de forma selecionada e adicionarmos um novo retângulo e vamos apenas mudar algumas dessas cores um pouco agora, note que temos nosso segundo retângulo, e se nós tabular que aberto, agora tem seu próprio caminho, traço Phil e opções de transformação. Então, é claro, podemos ter várias formas dentro de uma camada. Mas essas formas, como estamos chamando, são na verdade um pouco mais parecidas com grupos no ilustrador, que significa que não só pode ter várias formas dentro de uma camada de forma, eu posso ter vários caminhos dentro de uma forma ou se você quiser pensar nele como um grupo. Então eu estou em uma guia, um retângulo aberto e retângulo para. Então o que nós vamos fazer é selecionar o caminho do retângulo, também, também, e eu vou clicar e arrastá-lo para baixo para o retângulo um e vamos realmente apenas clicar e arrastar isso para cima e apenas soltá-lo bem abaixo do outro caminho. Aqui, vamos deixá-la bem debaixo do outro caminho. Vou mudar seu tamanho aqui um pouco e sua posição só para que possamos ver os dois um pouco mais claramente. Mas note que as configurações de traçado e preenchimento o rosa e o azul que eu adicionei para o retângulo dois não são mais visíveis porque retângulo para agora não tem um caminho. Na verdade, eu posso simplesmente excluir retângulo para agora e também sei que os dois caminhos dentro do retângulo um e se eu quisesse ser realmente preciso aqui, eu poderia mudar esse nome para grupo retangular. Os dois caminhos estão utilizando a mesma configuração de traçado. Então, se eu alterar as configurações de traçado ou a cor do traçado notar que isso agora afeta ambos os caminhos, assim como Thedc, Rance formas e qualquer coisa que eu faço para esses componentes. Então, agora dentro do grupo de retângulos, eu tenho dois caminhos que eu poderia ter quantos eu quiser, e então eu tenho configurações de traçado e preenchimento que afetam ambos os caminhos. Agora este congee fica um pouco complicado porque eu posso adicionar traços e preenchimentos adicionais. Então, se eu selecionar meu grupo de retângulos e eu ir abaixo, adicionar aqui, eu posso adicionar, digamos, outro traço. E se eu arrastar esse traçado logo abaixo do caminho do retângulo um, adicionei um segundo traçado ao caminho do retângulo um em Lee, mas não o caminho do retângulo até agora. Eu não quero entrar muito fundo nas ervas daninhas aqui, mas a questão é que isto é uma hierarquia. Temos a nossa camada de forma, o conteúdo da nossa camada de forma dentro da qual podemos ter várias formas. Ou podemos chamá-los de vários grupos. E dentro desses grupos, podemos ter vários caminhos, vários traçados, múltiplos preenchimentos e cada grupo terá seu próprio conjunto de transformações. Então é definitivamente uma maneira muito única de trabalhar com imagens vetoriais em comparação com ilustrador ou loja de fotos, o que eu acho que assusta algumas pessoas. Mas ele realmente fornece um monte de opções, não apenas para criar imagens, mas também para criar animação, já que muitos desses elementos componentes podem ser animados em. A próxima lição analisará uma opção realmente importante disponível para nós aqui, que ecoa o que o Pathfinder faz no Illustrator É chamado Mesclar Caminhos. 5. Esclerais caminhos: Vamos em frente e excluir essa camada de forma que criamos. Então eu vou apenas selecionar isso e deletar. E vamos voltar a ligar as camadas de folhas e caule. Agora queremos dar a estas folhas um pouco mais de forma com algum tipo de espaço negativo estilizado para representar sombras. E, claro, isso poderia ter sido feito em ilustrador antes de importarmos. Mas eu queria mostrar a vocês como a opção de mesclagem de caminhos funciona aqui no After Effects. Então vamos começar com a terceira folha e vamos tabular que abrir e tabular. Abra o conteúdo e observe que quando você importar camadas do ilustrador porque existe a possibilidade de que existem vários caminhos dentro dessas camadas agrupadas nomes de efeitos secundários esses grupos de formas de desaspas, assim como estávamos falando sobre. Quando você usa uma ferramenta de forma, os efeitos secundários nomeiam automaticamente o grupo o nome da forma. Mas, como olhamos na lição anterior, esses são realmente grupos que podem conter mais de um caminho ou mais de uma forma. Então agora, Grupo 1 aqui simplesmente tem o nosso caminho e uma nota de preenchimento. Não há derrame. Eu poderia adicionar um derrame aqui se eu quisesse, mas só tem o Phil verde. E então, claro, isso se transforma. E o caminho é apenas um puro caminho ocupado, um caminho que você pode ver aqui. Mas o que queremos fazer é adicionar um caminho adicional e usá-lo para cortar um buraco em nossa folha. Amplie um pouco aqui para que possamos ver o que estamos fazendo um pouco melhor. E vamos começar simplesmente duplicando o caminho que já temos, já que já é quase a forma que queremos. Então eu vou selecionar esse caminho e apenas apertar o comando D para duplicar. E agora tenho duas versões desse mesmo caminho. Eu vou acertar o wiki para minha ferramenta de seleção, e então eu vou apenas clicar duas vezes em qualquer um dos Vertex está nesta forma para obter uma caixa de transformação e eles e manter pressionado shift, option e command, que irá manter nosso Transformar para o centro para o ponto de ancoragem no centro aqui, e eu vou encolher isso para baixo. E o que eu estou procurando é obter aproximadamente o mesmo chicote nos cantos que o golpe no caule. Isso parece bem perto. Vou apertar Enter para definir isso. E então eu vou selecionar o primeiro caminho apenas para selecionar nosso segundo caminho e, em seguida, re selecionar nosso segundo caminho. Então agora temos cada Vertex disponível para ser selecionado separadamente, e eu vou começar selecionando e excluindo este Vertex. Então nós temos uma linha reta através do meio, e este é um pouco perto demais da borda aqui porque nós a encolhemos proporcionalmente. Então é um pouco mais largo aqui, um pouco mais estreito aqui, então eu vou apenas selecionar isso, e eu vou apenas empurrá-lo para dentro e para cima algumas vezes. Assim, a largura é relativamente consistente em torno dessa borda e novamente semelhante à largura do traçado. Na verdade, vou entrar e subir mais algumas vezes lá. Agora mesmo. Claro que não vemos nada. Temos que passar o caminho criando a licença original e depois nosso novo caminho que modificamos . Mas ambos estão sendo afetados por isso, Phil. Então ambos estão sendo preenchidos em verde. Então não temos o que queremos. Que é isto para ser um espaço negativo. Ah, buraco cortado na folha. Agora, um ilustrador, você usaria, é claro, é claro,o Pathfinder para fazer isso. Nós não temos um Pathfinder e depois de efeitos, mas o que temos é mesclar caminhos. Então eu vou até onde ele diz, adicionar, Clique nisso adicionar, e você verá bem no topo aqui, mesclar caminho. Então vamos em frente e adicionar isso e você pode ver que ele é adicionado como um novo componente dentro do nosso grupo. Vou abrir essa aba, e posso mudar o modo como posso com o Pathfinder para essas opções diferentes. E, claro, queremos subtrair, que agora cortará um buraco em nossa forma original. Exatamente o que estamos procurando agora. Nesse caso, nós apenas duplicamos o caminho existente. Podemos, é claro, também usou a ferramenta caneta para desenhar um novo caminho, mas ele se comporta um pouco diferente. Então vamos dar uma olhada nisso na próxima lição. 6. Ferramenta Caneta: Então vamos ver o que acontece quando usamos a ferramenta caneta em vez de apenas duplicar um caminho existente . Vou fechar a Folha 3 aqui e vamos selecionar Folha para e abrir isso. Agora, se eu pegar a ferramenta de caneta, que funciona quase exatamente da mesma maneira que a ferramenta caneta e ilustrador, alguns dos comandos de teclas são exibidos um pouco diferentes. Mas, na maior parte, funciona da mesma forma. Agora podemos desenhar a nossa forma, a fim de criar o nosso corte. Mas antes de fazer isso, eu vou desenhar um tipo de forma aleatória primeiro, porque eu quero demonstrar uma maneira ligeiramente diferente que isso funciona. Se você desenhar caminho em vez de duplicar um caminho existente, ele se comporta um pouco diferente. Então vamos apenas muito rápido apenas desenhar caminho. Portanto, não, inicialmente, que assume suas próprias configurações de traçado e preenchimento. Ele tem as configurações de preenchimento de nossa forma anterior, mas adicionou o traço de nossos experimentos anteriores porque não havia um traço inicialmente, e ele apenas coloca automaticamente qualquer que foi a última configuração de traçado que usamos. Agora, é claro, podemos desligar o curso clicando aqui e desligando o curso ali mesmo. Mas já que estamos nos concentrando em jogadores Shay um pouco mais aqui, vamos também olhar para outra maneira Enfraquecer. Faça isso. Então, se eu abrir essa nova forma que desenhamos, Aiken simplesmente selecionar o traçado e excluí-lo, então não há um traçado para a forma. Mas ainda temos que separar grupos de formas, cada um com seu próprio Phil e suas próprias transformações. Eu preciso ter dois caminhos em um grupo para que o caminho de mesclagem funcione. Assim como olhamos antes, eu posso simplesmente pegar o caminho da Forma 1 e clicar e arrastá-lo e soltá-lo no Grupo 2 . Vou mover isso para baixo e notar que ele se comporta de forma diferente, dependendo de onde é colocado. É importante reconhecer isso, mas vou colocá-lo bem no caminho. Uma nota que ele se comporta automaticamente como se os caminhos fossem mesclados. Na verdade, é a configuração de mesclagem da opção caminho de mesclagem. Agora, esse comportamento um pouco estranho só acontece quando você está trabalhando com uma camada de ilustrador que foi convertida em um grupo de formas, e então você desenha um caminho e solta-o no topo. Se eu tivesse desenhado essas duas formas e arrastado o passado juntos no mesmo grupo de formas, isso não aconteceria, então eu realmente não entendo totalmente por que isso acontece. Mas se você tiver uma camada de ilustrador convertida em um objeto de forma, desenhe o caminho. Solte-o no mesmo grupo de formas. Você receberá esta mesclagem automática com a configuração emerge. Vamos em frente e excluir o grupo de formas original aqui. Selecione nosso grupo atual, e agora podemos adicionar nossos caminhos de mesclagem, o que nos permitirá alterar as configurações de adicionar para mesclar, subtrair ou cruzar como desejamos. Vou mudar isso para subtrair, e vamos deixar isso aqui temporariamente. Mas vamos traçar o caminho que realmente queremos para isso. Então eu vou selecionar caminho para e excluí-lo e vamos apenas ir em frente e desenhar o mesmo tipo de caminho que queremos aqui. Então eu vou clicar aqui dentro da folha novamente, tentando ecoar a largura do nosso traço mais ou menos, eu vou clicar no outro lado aqui para passar minha linha reta e notar que eu imediatamente tenho meu traço. Vamos desligar isso rápido. Selecione isso, e assim podemos continuar desenhando. E então eu vou clicar e arrastar e manter pressionada a tecla shift para manter que ocupado uma alça reta e, em seguida, completar a forma clicando de volta no primeiro vértice. Ok, então novamente, nós criamos um novo grupo de formas. Agora tudo que eu tenho que fazer é abrir isso, pegar esse caminho, clicar e arrastá-lo e soltá-lo em nosso novo grupo. E então eu tenho que apenas clicar e arrastá-lo acima do caminho de mesclagem. E agora ele é afetado por esse caminho de mesclagem. E temos a nossa parte como queremos. Podemos novamente selecionar esse grupo de formas vazio agora e excluí-lo. Certo, vamos fazer nossa última folha. Mas vamos fazê-lo da maneira que fizemos o 1º 1, que é na verdade um pouco mais eficiente. Então, vou selecionar a Folha 1. Vou abrir a aba, abrir o conteúdo e o grupo. Selecione o caminho Comando D para duplicá-lo. Aperte a wiki para obter a nossa ferramenta de seleção Clique duas vezes em qualquer Comando de opção de deslocamento de vértice pressionada para encolher isso. Ele entrou para definir que eu estou em um caminho seleto um para de selecionar caminho Slyke novamente irá excluir este Vertex Selecione este e escocá-lo em um pouco para obter esse traçado consistente ao longo do lado de fora ou a aparência de um traçado, Em vez disso. E então, com qualquer um desses dois caminhos selecionados, eu vou ir abaixo, adicionar e apertar, mesclar caminhos e, em seguida, mudar isso para subtrair. Ok, agora temos nossas folhas olhando do jeito que queremos, e estamos prontos para criar nossa animação deste broto de plantas. Vamos ver isso na próxima lição. 7. Trim: Mas a primeira coisa que vamos fazer é apenas animar o tronco crescendo e as camadas de forma após efeitos nos fornece uma ferramenta perfeita para este tipo de animação. Vamos solo a camada de haste temporariamente aqui e vamos seguir em frente e tabular essa aba aberta. Abra o conteúdo. Há o nosso grupo e dentro disso, claro, nosso caminho da nossa pequena curva de caule. Agora, para criar esta simples animação deste tronco crescendo, vamos usar uma ferramenta realmente grande. Vamos usar um elemento realmente grande que podemos adicionar a uma camada de forma chamada caminhos de corte. Então vamos em frente sob, adicione clique e venha para baixo e escolha aparar caminhos para ir em frente e adicionar isso e você pode ver. Agora nós adicionamos nosso caminho de corte, e se eu guia que abrir, você verá que ele tem três componentes principais que são todos ble animado. Comece e termine nossas percentagens. Assim, o início começa no início do caminho à medida que foi desenhado e permite animar essa porcentagem de 0 a 100. Vamos colocá-lo em 25 agora e depois no final, que começa no final do caminho e se move de 100 para trás. Deixe-me colocar isso de volta para 100 bem rápido. Note que posso inverter a direção do meu caminho com estes dois pequenos botões aqui. Então, se eu quiser que a torta da Paz seja o fim no final para ser o começo, eu simplesmente clique aqui e então isso inverte o que é o início e o fim do caminho. Não precisamos fazer isso aqui, mas essa opção está disponível para você. E vamos reduzir o fim para cerca de 75% para que possamos dar uma olhada no que o deslocamento faz. O deslocamento é controlado como um valor de rotação, mas simplesmente permite que você desloque as posições inicial e final que você definiu. Então você cria esse tipo de vermes divertidos rastejando ao longo do tipo de animação. Mas tudo o que precisamos fazer aqui é animar o valor final. Então vamos colocar o começo de volta em zero. Vamos colocar a ponta de volta em 100. Vamos saltar para 16 quadros e em 16 quadros, vamos adicionar um quadro-chave aqui com nosso valor final em 100%. Então é totalmente crescido e vamos voltar para zero frames e vamos apenas baixar isso para zero . Então, agora, sobre esses 16 quadros, nosso pequeno caule cresce acabamento passa incrivelmente útil, tanto para criar imagens e animar imagens com jogadores Shea e depois de efeitos, Vamos animar nossas folhas em nossa próxima lição. 8. de de animação: Agora, antes de animarmos nossas folhas, percebi que cometi um pequeno erro. Minha taxa de quadros foi definida incorretamente quando importei essa composição. Vamos também encurtar a duração desta composição porque também não precisamos que ela tenha 30 segundos de duração segundos de duração. Então eu só vou subir em configurações de composição ou poderíamos usar o Command K, e nós vamos apenas mudar a taxa de quadros para 24 quadros por segundo. E vamos mudar a duração para a duração do nosso, vamos mudar a duração da duração da nossa peça, que é de oito segundos. Eu só tinha algumas configurações diferentes sobrando de um projeto anterior. Agora queremos ter certeza de que nossa animação novamente é de 0 a 16 quadros. Então eu vou apenas digitar 16 e vamos apenas arrastar o quadro 2 16 Então certifique-se de que você faz. Isso é bom, queremos tudo em 24 quadros por segundo. Tudo bem agora nós já estamos para animar nossas folhas. Então vamos desligar o nosso solo aqui, e podemos fechar esta camada, e o que queremos fazer é que cada folha apareça quando o caule chegar a ela. Então vamos voltar aqui e dar um passo à frente. Então vamos usar as teclas de seta de comando para dar um passo à frente, quadro por quadro, e vamos avançar para um quadro antes que nosso tronco atinja que saia. E vamos fazer um quadro antes porque vamos começar a nossa animação de folha na escala de 0%, então será invisível. Então vamos selecionar Folha um e queremos deixar crescer a partir do ponto inferior aqui, onde ele está tocando o caule. Então vamos pegar o pan atrás da Ferramenta e moverá esse ponto de ancoragem para baixo, mantenha pressionada a tecla de comando e encaixe-a no canto inferior. E então vamos apertar a tecla S para escala e vamos virar nossa escala para baixo para zero. Coloque um quadro-chave bem ali no quadro seis, então ele enquadra seis onde 0% escala e vamos em frente. Quatro quadros. Só queremos que isso apareça rápido. Então 1234 e vamos escalar isso um pouco maior do que queremos. Vamos ultrapassar um pouco, então vamos escalar até 125%. E, em seguida, 1234 terá que ser resolvido de volta ao seu tamanho adequado em uma escala de 100%. Este é um pequeno movimento muito rápido, então as atenuações não vão mudar muito as coisas. Mas vamos adicionar algumas atenuações de qualquer maneira, para realmente acentuar esse pop para que nós vamos adicionar uma facilidade para fora no primeiro quadro chave vai pop em seguida para que o quadro chave de superação, e, em seguida, Eazy E está no último quadro chave para se estabelecer em nossa posição final. Então nós temos este bom pop pop grande que tem uma energia agradável, enérgica para ele. Agora podemos pegar essa animação em escala e simplesmente copiá-la e colá-la em nossas outras folhas. Mas vamos colocar os pontos de ancoragem deles primeiro. Então vamos pegar a segunda licença e encaixar esse ponto de ancoragem naquela borda. Agora note que ele está querendo quebrar outras coisas, também. Então vamos soltá-lo bem rápido. Só para ter certeza absoluta de que estamos encaixando no canto dessa forma só fará o mesmo com esta terceira folha. Outro uso muito bom para botões solo. E, em seguida, vamos selecionar o nosso comando de três quadros de chave de escala ver para copiar. E então vamos dar um passo em frente até o quadro pouco antes do caule encontrar a segunda licença. Selecione essa segunda licença. Abra esse valor de escala no comando V para colar ao ritmo Esses quadros principais irão para a frente novamente para o quadro-chave pouco antes de chegarmos à última licença. Selecione o comando V para colar essa animação e vamos dar uma revisão rápida da rampa. Filhote, filhote de cachorro. Realmente legal. Muito simples, mas tem muita energia agradável e charme. Ok, o nosso broto de plantas está todo animado. Vamos passar para o verão. 9. Configurar a grade: para a nossa animação de verão do nosso filho. Não vamos importar nada. Nós só vamos construir isso inteiramente com camadas de forma logo após efeitos. Então vamos começar pressionando o Comando N para uma nova composição. E vamos chamar este verão pré comp, e eu já tenho essas configurações padrão. Mas se você não fizer isso, você vai querer desmarcar sua proporção de bloqueio. Se não estiver em uma proporção de 1 para 1 e digite 10 80 por 10 80 irá querer certificar-se de que nossa taxa de quadros está definida para 24 quadros por segundo e nossa duração é definida para oito segundos. Depois de confirmar todas essas configurações, vá em frente e clique em OK agora novamente para manter nossa janela de projeto limpa, vamos mover nosso pré de verão entrar na pasta pré vem. Agora, para construir nosso filho , será útil ter uma grade para trabalhar. Então vamos em frente e ligar nossa grade. Mas esta grelha não se encaixa muito bem na nossa relação de aspecto. Então vamos seguir após efeitos, preferências, grades e guias. E vamos mudar nossa configuração de grade para que tenhamos uma linha de grade a cada 120 pixels, e temos uma subdivisão de para que nos dará nove quadrados de diâmetro e nove quadrados para cima e baixo e, em seguida, linhas de subdivisão a meio caminho para facilitar a criação de um desenho simétrico. Nós também queremos ter certeza de que podemos encaixar nesta grade. Então, em vista, queremos ter certeza de que o encaixe na grade é verificado. Uma vez feito isso, estamos prontos para começar a desenhar nosso filho. Vamos fazer isso na próxima lição. 10. Desenhe e anime o sol: Vamos desenhar o nosso filho. Então vamos começar com nossa ferramenta em forma de elipse. E vamos mudar a cor de preenchimento para as cores do nosso filho. Vou rolar até aqui para ver o nosso filho amarelo e clicar na captura do Phil. Eu caio e pego aquele amarelo, e não queremos derrame aqui. Então, se você tiver um traço, vá em frente e desligue isso bem ali e nós vamos 2,5 quadras de grade para dentro do lado e 2,5 quadras de grade para baixo do topo. Então vamos começar por aí. Vamos manter pressionada a tecla Shift e ganhar um clique e arrastar o nosso filho e ter certeza que centrado. Portanto, as bordas do nosso filho são 2,5 quadrados de grade em todos os lados. E isso nos dará automaticamente nosso ponto de ancoragem bem no centro, assim como nossas folhas. Vamos criar uma espécie de sombreamento estilizado usando espaço negativo aqui no nosso filho. Vamos ao nosso conteúdo. Abra nosso grupo de elipse. Vamos pegar esse caminho de elipse e comandar D para duplicá-lo. Agora queremos 1/2 forma de círculo aqui, então eu vou clicar com o botão direito do mouse no caminho Elipse e converter isso para apenas um caminho puro, ocupado. Vou acessar o wiki para obter minha ferramenta de seleção regular e vou selecionar esse caminho para ter certeza de que não estou selecionando meu caminho de lábios. Mas eu vou selecionar este caminho apenas bruto e então nós vamos clicar duas vezes em qualquer um desses. Vertex é pegar nossa caixa de transformação, e eu vou desligar temporariamente snap para grade aqui. Então temos um pouco mais de liberdade para dimensionar. É assim que queremos. E vou manter o comando Shift Option e vamos encolher isto até outra vez. Temos algo parecido com o tipo de derrame com. Temos trabalhado com nem metade de uma grade quadrada, talvez cerca de 2/3. Algo assim. Agora vamos editar este caminho um pouco, alguém um de select, selecionando o Elipse e, em seguida, selecione o caminho novamente. Vamos selecionar o Vertex do lado aqui e excluí-lo. E, em seguida, sobre estes estavam indo manter pressionado comando uma opção. Então enfraquecer divisão Thies muito ocupado um alças e editar este separadamente e, na verdade, podemos querer transformar o nosso snap para grade de volta para que possamos encaixar aqueles ao longo da grade e, em seguida, clique opção de comando . Traga isso e encaixe isso ao longo da grade. Então temos uma bela linha reta lá. E agora com esse caminho selecionado, vamos adicionar nossos caminhos de mesclagem e definir isso para subtrair. E devemos nomear nossa camada também. Então vamos em frente e nomear este filho, e vamos adicionar uma animação em escala a esta camada. Então vamos apertar a tecla S para a escala. E eu já trabalhei os tempos para todas essas animações, então eu vou para um segundo, então eu vou clicar e digitar um ponto que vai me levar a um segundo dentro e vai adicionar um quadro-chave lá em escala 100%. E então eu vou avançar 24 segundos, então monótipo para ponto que nos levará a quatro segundos. Nós só vamos escalar isso um pouco para 110%. Só um pouco de escala. Então nosso filho está crescendo vindo em nossa direção um pouco sutil. Ok, estamos prontos para aumentar e vamos usar uma nova ferramenta de camada de forma incrível chamada Repetidor. Vamos ver isso na próxima lição. 11. Desenhe raizes e configurações de traçado: Muito bem, vamos criar os nossos raios solares. Felizmente, tudo o que temos que fazer é criar um raio. E então, na próxima lição, vamos usar uma incrível ferramenta de camada de forma chamada Repetidor para criar o anel de elevação em torno do sol. Então vamos em frente e pegar a ferramenta de caneta, e vamos ter certeza de que não temos nosso filho selecionado. Então, vamos clicar. Então, vamos clicar abaixo na área vazia da nossa linha do tempo para ter certeza de que o sol não está selecionado. E vamos mudar. Nossas configurações clicarão nas opções Phil em Desligar o Phil. Vamos transformar o traço em uma cor sólida e vamos mudar essa cor para o nosso amarelo sol. E então vamos definir nosso curso com se você vai notar aqui em nossa pré comp primavera. Se abrirmos o nosso caule e olharmos para o nosso traçado, temos um traçado com 35 então queremos usar as mesmas configurações para nossos raios solares, então vamos definir a largura do traçado em 35. Agora vamos desenhar um único raio novamente. Vamos usar uma ferramenta para criar o anel de aumento. Vamos nos certificar de que temos grade se encaixando e no topo aqui. Vamos começar 1/2 uma grade quadrada dentro e colocar o nosso primeiro ponto lá. Vamos mudar isso um pouco para colocar isso no lugar bem ali. E então descemos para metade de uma grade quadrada acima do nosso filho e clicamos novamente. Vamos voltar a mexer isso um pouco para ter certeza de que está encaixado na nossa grelha. Vamos nomear esta camada imediatamente. Levante e vamos tabular isso aberto e vamos alterar algumas configurações aqui. Então, em uma guia, abra o conteúdo e vamos para baixo para traçar. E vamos mudar o limite de linha deste a partir de um cap mas para cerca de cap. Certo, então temos nosso único Ray na próxima lição. Vamos ver como podemos usar o repetidor para criar um anel de aumento em torno do nosso sol 12. Repetidor e twist: o repetidor é uma opção de camada de forma super legal que tem um monte de aplicações estavam indo para ser usá-lo de uma forma muito específica aqui, Mas note que há um monte de coisas diferentes o repetidor propício para você. Então vamos dar uma olhada no que o repetidor faz e quais são algumas das opções. Eu vou fechar nosso componente de traço aqui e apenas selecionar nosso grupo de formas, e nós vamos para adicionar, e nós vamos escolher repetidor agora, imediatamente, você vai notar que nós temos três aumento em vez de apenas um Ray, vamos abrir e ver as diferentes opções do repetidor aqui. Então, quando eu guia abrir o repetidor, notar que a primeira coisa que temos nossas cópias e offset. Então, à medida que aumento as cópias, recebo mais ou menos cópias da forma individual. O deslocamento desloca as cópias de seus originais. Então, se eu compensar isso por um, eu compensá-lo por uma cópia por 22 cópias e assim por diante. A configuração composta altera a forma como as cópias aparecem, com as cópias aparecendo abaixo uma da outra ou acima uma da outra. Isto é útil. Se você tiver cópias, especialmente com um traçado que se sobrepõem umas às outras. Agora, isto é tudo muito simples. Mas aqui é onde o repetidor fica realmente interessante está dentro das configurações do repetidor de transformação . Agora, mais uma vez, queremos ter muito cuidado para estar ciente agora que adicionamos o repetidor há agora três transformações para o repetidor, as transformações para a forma e a transformação para a camada. Portanto, apenas seja muito cauteloso e ciente de qual transforma sua escavação em torno de. Então vamos abrir, o repetidor se transforma, e esta é realmente a potência do repetidor. O que as transformações do repetidor farão é permitir que cada cópia mude. Então, por exemplo, se eu diminuir a escala, observe que cada cópia diminui em escala pela porcentagem que definimos. Mesma coisa. Se aumentarmos a escala agora, ela vai sair da tela aqui porque está escalando a partir do ponto de ancoragem. Por isso, também é importante ter em mente e para o que vamos fazer daqui a pouco. É importante que nosso ponto de ancoragem B, no centro de nossa rotação de composição, faça a mesma coisa. Ele gira cada cópia pela porcentagem definida para que cada cópia esteja girando 20 graus mais do que a cópia anterior. Posição faz a mesma coisa, e podemos até fazê-lo com a opacidade inicial e final para que eu possa fazer cada cópia ficar menos opaca ou começar com uma rapacidade menor e obter moral. A Paige. Então, há muitas possibilidades divertidas aqui para criar padrões ou um aumento de formas. E lembre-se, isso funcionará mesmo em formas muito complexas com vários caminhos. Os traços preenchem o que quer que seja. Neste caso, vamos usar isso para criar nosso anel de elevação em torno de nosso sol sem ter que desenhar cada um e sem ter que descobrir como colocá-los perfeitamente para criar um anel perfeito de raios. Então a primeira coisa que vamos fazer é definir os valores de posição em zero. Vamos zerar esses agora. Quando isso acontece, parece que não há mais cópias. Há cópias. Eles são agrupados na mesma posição porque nós zeramos o valor da posição para que existam cópias. Estão todos sentados exatamente no mesmo lugar. Vamos aumentar o número de cópias para 14 e, em seguida, com a nossa posição zerada quando girarmos, ele vai girar essas cópias em torno do nosso ponto de ancoragem, que novamente precisa estar no centro da nossa composição aqui no centro de o sol. E agora, quando aumentarmos a rotação é aumentar o anel em torno do sol, vamos definir esse valor de rotação, que eu já descobri para 14 cópias. Se dissemos isso a 30 graus, obtemos uma propagação perfeitamente uniforme do aumento ao redor do sol, muito legal e uma grande economia de tempo. Agora também queremos levantar para ser um pouco mais suave para ter um pouco de curvatura para eles. Então vamos adicionar mais uma opção aqui à nossa forma. E isso é torção. Então, em adicionar, vamos escolher Twist e você pode ver imediatamente que temos uma pequena reviravolta no nosso caminho lá . E vamos apenas aumentar a nossa torção um pouco para 35 e notar que a torção está incluída no repetidor. Então cada um de nosso aumento é torcido agora realmente quero encurtar esses raios e dar-lhes alguma animação. medida que nosso sol cresce, os raios se expandem para fora com nosso filho, então seremos capazes de fazer isso com um caminho de corte. Então vamos olhar para isso na próxima lição. 13. Raios de animação: Então, novamente, com a nossa forma selecionada, vamos para baixo, adicionar e escolher caminhos de corte. E vamos começar definindo nossa porcentagem inicial em 75% para tornar nosso aumento mais curto. E vamos definir um quadro chave aqui em um segundo, bem no início de nossa animação em escala filho. Vamos também colocar um quadro chave no deslocamento. zero graus desta forma são raios podem crescer um pouco e também cobra ao longo estão curvando caminho para dar-lhes algum movimento agradável e tipo de manter o ritmo com a escala do sol. Agora que eu defini esses quadros-chave para salvar um pequeno espaço de tela real, vamos selecionar a camada de raios e bater o Yuki. Então nós estamos apenas olhando para essas duas propriedades e vamos apertar a tecla K para saltar para quatro segundos. E vamos mudar o início do nosso caminho de corte para 50 e vamos mover o nosso deslocamento para 65% negativos . O que terá então é apenas este pequeno tipo de crescimento dos raios, mas também tê-los tipo de mudança ao longo do caminho curvo. Lá vamos nós, tudo bem. Nosso sol de verão é todo animado. Vamos animar nossa folha completa na próxima lição 14. Folha de importação e animar: Nossa folha de outono foi criada no Illustrator, então vamos importar isso e adicionar um pouco de animação ao caule da folha. Então vamos pressionar Comando I para importar e selecionar nossa folha de outono. Vamos alterar as configurações de importação para composição, reter tamanhos de camada e clicar em abrir. Vamos clicar duas vezes em nossa folha de outono e você verá que temos duas camadas. A própria folha e o selo. Agora, a única coisa que realmente temos que animar aqui é este caule para apenas dar um pouco de movimento quando a folha cai fora do quadro, é muito sutil, mas faz a licença um pouco menos rígida e se sentir um pouco mais suave. Então, com a haste selecionada, vamos subir sob a camada, criar formas de camada vetorial para transformar isso em uma camada de forma. Podemos ir em frente e excluir o caule original, e neste caso vamos animar o caminho do caule em si. Este é outro aspecto poderoso da animação de camadas de forma que você pode animar a forma dos próprios caminhos, e é claro que estamos usando isso aqui de uma maneira muito mínima. Mas pode ser uma ferramenta muito poderosa para todos os tipos de animação. Então vamos em frente. E então vamos em frente e tabulação abrir nosso Stam no conteúdo e no grupo dentro. E aí está o nosso caminho. Vamos Tab que abrir e há nossos atributos de caminho de ervas animados. E vamos saltar para cinco segundos. Cinco pontos que nos levarão a cinco segundos. E vamos colocar um quadro chave bem ali em cinco segundos com o caminho em sua forma atual. E então vamos para seis segundos, seis pontos, e vamos apenas endireitar o tronco. Então eu vou acessar o wiki para minha ferramenta de seleção regular. E antes de tentar animar esse caminho, eu quero ser capaz de usar snap to grid para que eu possa encaixá-lo na linha central aqui para fazer meu caule reto. Mas infelizmente, eu não vou ser capaz de fazer isso se o valor da posição na transformação para o grupo for compensado. Se for compensado, Meu encaixe destes Vertex será compensado. É um probleminha irritante. Eu não sei bem por que isso acontece, mas eu vou apenas demonstrá-lo muito rapidamente para você notar se eu tentar mover este aviso Vertex . Ele não quer encaixar na grade. Ele quer encaixar o deslocamento, essencialmente para a grade, que é meio frustrante, mas podemos consertar isso. Então, se eu zerar o valor da posição da forma e, em seguida, reposicionar a forma e eu vou ter que usar um pequeno empurrão aqui dedo do pé, obter isso na posição certa por causa do encaixe. Agora, quando eu for editar esses pontos, eles agora se encaixarão na grade. Mesmo o ocupado uma alça vai estalar. E Aiken, tire este, que estava um pouco fora. Vamos pegar isso só um pouquinho. Certifique-se de que isso se sobrepõe, para que fique perfeitamente em linha reta. Há tão pouca cautela lá. Se você estiver usando o ajuste a uma grade, verifique se o valor da posição e as transformações estão zerados. Certo, então agora temos o caule se alisando de 5 para 6 aqui. Esse ponto de topo precisa se aproximar um pouco mais lá neste 1º 1 Lá vamos nós novo. Esta é uma animação muito pequena e sutil. Você mal vê na peça final, mas faz a folha parecer um pouco mais orgânica. Vamos citar nossa composição aqui. Queda pré comp e vamos movê-lo para a nossa pasta pré vem e vamos mover nossas camadas de queda para a nossa pasta de imagens. Então, novamente, estamos mantendo nossa janela de projeto bem organizada. Ok, vamos adicionar a animação adicional da folha caindo em nossa composição final de renderização. Então estamos prontos para seguir em frente e criar nosso floco de neve de inverno. 15. Desenhe o Snowflake de neve: Muito bem, estamos prontos para criar a nossa animação final de ícones. Então vamos criar um novo fim de comando de composição. Vamos chamá-lo de inverno pré calma. Queremos ter certeza de que a largura e a altura são 10 80. Que são taxa de quadros é definida como 24 nossa duração é definida como oito. Nossa grade vai ser muito útil aqui, então vamos deixar nossa grade para cima e vamos começar desenhando nossa fuga de neve. Então eu vou subir e pegar a ferramenta Elipse e vamos mudar a cor do traçado para o nosso azul aqui e começar a partir do nosso quadrado central aqui em nossa composição. Vamos apenas ir 1,5 quadrados para a direita para aqui e clicar e arrastar para desenhar um círculo bem no meio. Vamos nomear nossa nova camada de floco de neve, e vamos desenhar nosso ramo de floco de neve. Vamos manter nossa camada selecionada. Vamos pegar nossa ferramenta de alfinete e vamos sacar de um quadrado para baixo. Uma grade quadrada para baixo a partir do topo colocará um ponto ali e novamente. Vamos balançá-lo para garantir que ele encaixe no ponto da grade e então vamos descer e terminá-lo aqui no final. Vamos nos certificar que isso entrou no ponto da grade também. E vamos abrir essa forma e esse golpe e adicionar uma tampa redonda ao final disso E com o floco de neve ainda selecionado, vamos adicionar alguns outros componentes ao nosso pequeno ramo de floco de neve. Então eu vou desenhar uma pequena linha reta a partir da metade da grade quadrada ao longo dessa linha. Lá e novamente, queremos ter certeza que eles são encaixados na grade. Vamos abrir a nova forma que criamos e clicar e arrastar esse caminho para a nossa primeira forma e, em seguida, mover isso para cima. Portanto, ele assume as mesmas configurações de traçado que nosso primeiro caminho. Podemos excluir essa forma adicional, e então vamos desenhar um pouco de forma V aqui, encaixou isso para a grade para completar nosso ramo de floco de neve mais uma vez vai pegar esse caminho, soltá-lo na forma e mover isso acima do traço e enfraquecer. Exclua a forma original. Então agora temos com esses três caminhos, temos nosso pequeno ramo de floco de neve. Então vamos adicionar nosso repetidor a isso, assim como fizemos com o Sol para tocar seis cópias da nossa filial em volta do nosso floco de neve. Então eu vou para adicionar repetidor, e nós vamos fazer seis cópias, e nós vamos zerar o valor da posição, e nós vamos tocar isso em torno do nosso floco de neve. Já descobri que 60 graus nos dará um perfeito floco de neve de seis Branch. Agora, para uma animação de floco de neve, vamos criar a ilusão de que os cristais de gelo formam ar e o floco de neve estão crescendo à medida que congela. Então, na próxima lição, vamos adicionar alguma animação de caminho de corte como parte da criação dessa aparência. 16. Animação de caminho de trim: Agora, se fôssemos adicionar apenas uma animação de caminho de corte a este grupo de formas, ele vai cortar todos os caminhos. E nós Onley queremos cortar os caminhos do caminho três nossas pequenas formas V e caminho para nossas pequenas formas cruzadas para que o caminho aparado afetará qualquer caminho que esteja acima dele. Então o que vamos fazer é pegar caminhos três e dois e movermos aqueles acima Caminho um, e então vamos passar por cima e adicionar nosso caminho aparado novamente. Neste momento, todas as três almofadas estão acima. Então, se tentarmos animar isso, afetará todos os caminhos de uma vez. Mas se movermos isto acima do caminho um, por isso está abaixo do Caminho dois e três. Agora está em Lee indo para animar caminhos dois e três, que é exatamente o que queremos. Portanto, é importante lembrar que a ordem dos componentes dentro de um grupo de formas realmente importa Ok para formar cristais de gelo R, queremos que a animação comece em cinco segundos e 12 quadros. Então vamos digitar cinco 0,12 saltar para esse ponto e vamos definir nossos pontos inicial e final ambos em 50%. Então, estamos essencialmente dobrando ambas as extremidades da forma R V e nossa forma de cruz no centro e colocaremos quadros-chave bem ali. E então vamos para sete segundos e sete pontos e vamos voltar ao normal. Então 0% no início e 100% no final. E então vamos conseguir que ambos os lados desses caminhos cresçam. Ok, então agora que temos nossa animação de caminho de corte definida na próxima lição, vamos completar esta animação de floco de neve animando o traçado consigo mesmo. 17. Animação de largura de Stoke: Ok, nossa animação de floco de neve está quase pronta. Vamos deixar o nosso C T I aqui em sete segundos e vamos abrir as opções de traçado e em curso com Vamos colocar um quadro chave lá no total 35 pontos. Vamos colocar um quadro de chave lá com traço. Com esse 35 vamos apertar a tecla J para saltar de volta para cinco segundos e 12 quadros, e vamos virar o traço com baixo para zero. Opa, temos um problema porque nosso Ellipse não está sendo incluído neste traçado com animação. Isso é porque está em um grupo separado aqui, então vamos consertar isso. Vamos pegar esta elipse e pegar este caminho de elipse e movê-lo acima de nosso traçado. Isso também significa que estamos repetindo o caminho da Elipse, o que realmente não precisamos fazer. Não podemos vê-lo, mas pode causar alguma mudança na velocidade de renderização. Então, vamos também mover o repetidor acima do caminho da Elipse, então ele está repetindo os caminhos acima dele, as ramificações. Mas não está repetindo a Ellipse. Agora. Temos nosso floco de neve crescendo como se o ar cristais de gelo formando com a animação caminho de corte e o traçado com animação nota novamente que a ordem que colocamos os elementos dentro de um grupo de formas são realmente importantes. Agora podemos excluir o grupo em forma de elipse porque agora o incluímos neste grupo de forma única . Mais uma vez, a rotação do floco de neve será criada em nossa composição de renderização principal, que estava pronta para começar a montar. Então vamos olhar para isso na próxima lição. 18. Crie um principal: Agora que temos todos os quatro do nosso pré sazonal vem animado, estamos prontos para criar e construir a animação completa em nossa composição de renderização principal. Então vamos começar novamente pressionando Command End para criar uma nova composição. E desta vez vamos usar a TV HD predefinida 10 80 24 e vamos em frente e deixar a duração em oito segundos. Vamos renomear as estações de composição e clique em OK, vamos desligar temporariamente a grade aqui, Hope e precisamos mover nosso pré comp inverno em nossa pasta pré vem. E, em seguida, vamos selecionar os três restantes Pré Vem. Temos todos os quatro pré cum selecionados. Lembre-se, nós queremos os que acabamos de fazer, não os antigos com zero no final, e nós vamos clicar e arrastá-los diretamente para a nossa composição principal. Vamos reorganizar os da ordem. Vamos animá-los. Então primavera, verão, outono e inverno, e agora estamos prontos para animar cada um de nossos pré vem. Vamos fazer isso na próxima lição, 19. Precomps: Certo. Vamos começar pela primavera de solo, e vamos começar com a animação da primavera primeiro. E, claro, isso começa com a nossa formação de brotos de plantas e o que queremos que isso faça assim que a planta formar é que queríamos deslizar para cima para fora do quadro. Então ele atingiu o pico para a posição, e aqui em um segundo nós queremos estar em um segundo, nós vamos pegar um quadro chave de posição lá. Então vamos avançar para dois segundos para o período, e vamos apenas digitar 5 40 negativos para mover isso apenas fora do quadro no topo porque estamos movendo 1080 pixels. Isso nos traz de 5 42 0 para 5 40 negativos lá em cima no topo. E vamos adicionar uma facilidade fácil para fora, e vamos adicionar um fácil está dentro, mesmo que nós estamos realmente movendo fora do quadro aqui. Normalmente, eu não adicionaria e facilidade em quando algo está se movendo fora do quadro, assim como eu não costumo colocar na facilidade quando algo está se movendo no quadro. Mas eu estou indo menos para um tipo de sentimento realista com essa animação e mais um sentimento de tipo de mudança de painéis para frente e para trás enquanto nos movemos de um ícone para outro. Então eu vou colocar facilidade fora e essas extremidades em todos esses movimentos. Então eu vou j de volta porque à medida que a Copa Primavera se move para fora do quadro, queremos que o comp de verão se mova para o quadro de baixo e vamos em frente e virar o comp de verão e bater o pico, e queremos que isso comece fora do quadro no fundo. Então eu estou tomando 5 50 Eu estou adicionando 10 80. Então mais 10 80 nos traz para 16 20. Isso nos coloca bem ali na borda inferior do quadro. Então eu tinha um quadro chave lá e então eu vou para a frente e nós vamos apenas definir de volta para 5 40 e novamente, vamos fazer um fácil é fora e uma facilidade fácil dentro. Então, só uma revisão da rampa. Só nesta primeira parte, uma pequena planta cresce e deslizamos para o sol. OK, o sol permanece parado por um segundo e, em seguida, em três segundos, queremos que a nossa folha comece a aparecer e o nosso filho para se mover para os lados do sol irá para este lado. A folha virá do outro lado. Então eu vou adicionar um quadro chave nesta mesma posição centrada aqui para o sol. Agora vamos para a frente para quatro segundos e queremos que o sol se mova todo o caminho fora do quadro para o lado aqui. Então ele tem que ir primeiro 960 quadros apenas para obter o ponto de ancoragem para o centro. Então, se digitarmos zero no valor X, isso trará esse ponto de ancoragem direto para a borda do quadro e então precisamos ir metade deste pré comp, que é 10 80 então isso vai ser menos 5 40 que trará a borda da pré calma a borda do nosso quadro. Esta é uma das razões pelas quais fazer o pré vem 10 80 por 10 80 torna fácil de trabalhar com porque eles já se encaixam na parte superior e inferior do quadro de forma limpa. Mas então podemos usar matemática simples para movê-los para cima e para baixo do dedo direito para a esquerda, e mais uma vez, vamos com calma. Fácil saída no primeiro quadro chave e Eazy E no segundo quadro chave. E só para ter certeza de que não temos nenhuma deriva no meio, não estamos mostrando nada. Mas só para estar na opção segura de comando. Clique para adicionar uma retenção entre dois segundos e três segundos. Agora vamos voltar para três segundos aqui e vamos ligar nosso outono pré comp, e vamos adicionar ambos posição e rotação animação a isso. Então vamos bater o pico aqui, e vamos começar por ter isso fora da tela deste lado então vai ser mais 9 60 mais 5 40 que nos leva direto ao limite. Vou em frente e acertar a posição. Quadro chave lá vai k para a frente, e vamos apenas digitar em 1960. Isso vai nos levar direto para o centro e vamos terminar a animação da posição antes de adicionar a rotação, então vamos para cinco segundos. Cinco pontos. Adicione um quadro chave nessa posição, e então nós vamos ter a folha cair fora do quadro já que é uma folha de outono e que nos elite no floco de neve, que cai de cima. Então eu vou para a frente para seis segundos, seis períodos e vai mover isso para baixo para fora do quadro, que significa que nós adicionamos 10 80 ao valor Y que irá trazer isso para baixo para fora do quadro. Vamos adicionar as nossas atenuações e retenções. Então, no primeiro dia aqui, nós vamos Eazy e está fora. 2º 1 vamos facilitar a facilidade. Depois vamos aguentar, depois o Eazy e o Eazy E entram. E agora vamos voltar e adicionar nossa rotação. Então, em três segundos aqui, vamos apertar a tecla R. Queremos que isso comece em menos 90, então ele está chegando em um ângulo de 90 graus apontado para o quadro. Vamos em frente e adicionar um quadro chave lá em menos 90 e nós queríamos menos 90. Então, quando ele entra no quadro, ele vem apontando para dentro com a folha, apontando para o quadro. Agora que adicionamos esse quadro de chave, vamos pressionar a tecla U. Então você abre a posição e a rotação e nós vamos até o fim, e nós vamos ter isso girar em torno de modo que ele tipo de entra, gira em volta e, em seguida, sai apontado para baixo. Então isso vai ser positivo 180 graus, e nós não vamos colocar nenhuma facilidade nisso, então ele está apenas em constante movimento todo o caminho através. Podemos apenas ram preview tão rápido. Legal. Então vamos voltar para cinco segundos aqui com a Chave J. E agora que estamos ligando, o último pré acampamento aqui vai tirar todos esses botões solo e o floco de neve, que ainda não apareceu porque ainda não começou a crescer no quadro. Nós ainda queremos que isso caia do topo, então já sabemos posicionar no topo. Queremos ser menos 5 40 que colocará essa composição na parte superior do quadro em uma tecla de posição. Enquadre o salto deles para seis segundos, e vamos colocar de volta no centro. Positivo. 540 vão para sete segundos. Sete pontos em um quadro chave na mesma posição e, em seguida, K para a frente até o final da composição, e queremos que isso caia fora do fundo. Nós já sabemos que 16 20 positivo e isso vai deixar isso fora do quadro em nossas aliviações e mantém Eazy e fora. Eazy E está na opção de comando. Clique no dedo do pé segure Eazy e está fora, Eazy E está dentro e agora vamos adicionar um pouco de rotação para isso também, então vamos bater. A chave R irá adicionar um quadro de chave de rotação aqui a zero graus em cinco segundos, e então vamos para a frente para oito segundos e nós vamos apenas fazer isso girar um pouco 45 graus. Então vamos revisão rampa estão terminados. Animação de ícone. Ótimo funciona muito bom e loops realmente limpo. OK, na próxima lição irá adicionar a animação do fundo de mudança de cor. 20. Animar cores de fundo: uma das coisas legais que você pode fazer com jogadores Shea é realmente animar suas cores de traço e preenchimento. Então vamos usar isso para criar um fundo de cor que muda para nossas mudanças sazonais. Então eu vou começar ligando nossa grade Então nós temos algo para encaixar e vamos pegar a ferramenta de retângulo, e nós queremos ter certeza de que não temos nenhuma camada selecionada caso contrário criará uma Ana de select mascarada para que não tenhamos nenhum camadas selecionadas e vamos desligar o traço e vamos ligar o Phil para uma cor sólida. E vamos mudar essa cor para a nossa primeira cor, a cor da primavera, que é este verde escuro. Agora vamos em frente e desenhar nosso retângulo através do quadro, e ele se encaixará nessa grade para cobrir nosso plano de fundo perfeitamente, e vamos clicar e arrastar isso para baixo. Todos os nossos pré vem apertar a tecla de retorno e vamos chamar este fundo e no conteúdo aqui, vamos tabulação abrir a aba retângulo, abrir o Phil e lá está a nossa cor de preenchimento que podemos animar. Então vamos fazer essas mudanças de cor acontecerem um pouco mais rápido do que a posição, transições de movimento. Então, a partir desses primeiros quadros chave, eu vou ir seis quadros para a frente, então apenas mais seis e vamos pegar um quadro-chave, um quadro chave de cor bem ali. Vou imediatamente apertar a tecla U. Então nós desmoronamos todas as outras coisas e salvamos alguns imóveis aqui, e então nós vamos avançar 12 quadros, então nós fazemos 1/2 2ª transição, então eu vou clicar e digitar mais 12. Isso vai nos avançar 12 quadros seis quadros antes do final da transição de um segundo na posição, e agora vai mudar a cor para a nossa cor de verão, que é o amarelo escuro. Agora também vamos adicionar flexibilidades nestes Eazy E's Out e Eazy E's dentro. Assim, a transição acontece muito rapidamente no meio. Então, já que estamos indo seis quadros após o início de cada transição enfraquecer, basta olhar para isso. Este é em três segundos. Então nós podemos apenas digitar 3.6 e isso vai nos trazer seis quadros à frente dessa transição . Vai pegar outro quadro chave em que a cor amarela dourada vai saltar para a frente 12 quadros e vai mudar para a cor de outono. A laranja escura. Vamos adicionar uma facilidade fácil aqui e uma facilidade fácil aqui. Vou adicionar um bloqueio ao fim disto, só por segurança, e depois podemos fazer a mesma coisa aqui em cinco segundos. Digite 5.6 Pegue um quadro de chave de cor. Eles estão com o laranja escuro para frente 12 quadros e agarrar nossa cor azul escuro inverno em um quadro chave hold no final. Aqui, Easy está fora. Eazy E está dentro, e então, em sete segundos e seis quadros, 706 voltará para verde. Então pegue uma moldura chave lá, mais 12 e vamos voltar ao nosso verde escuro para criar nosso loop. Segure na ponta. Fácil está fora. Fácil está dentro Então vamos fazer uma rápida revisão rampa disso e ver como essas mudanças de cor ficam ótimas. E é divertido que você pode ver a pequena faixa de cores abaixo, que está mostrando como a cor muda. Não é realmente necessário, mas é legal olhar. Tudo bem. Na próxima lição, vamos terminar a nossa animação com um pouco de textura e de vinheta aquece as formas de vetor plano um pouco 21. Adicione textura e vinheta: Então a primeira coisa que conduzimos aqui é desligar a nossa rede. Nós realmente não precisamos olhar para nossa grade mais, então vamos desligar isso. Então vamos adicionar um pouco de textura. Já que isso é sobre as estações do ano, o que é algo natural, vamos tipo de aquecer essas formas vetoriais planas e frias com um pouco de textura orgânica. Então eu já tenho um arquivo de textura importado. Vamos tabulação fechada nossa guia pré vem, abrir nossas imagens, e temos essa textura. J peg. Vamos clicar e arrastar isso para baixo e soltar isso em cima da nossa imagem. Vamos reduzir um pouco. Essa textura é um pouco grande, então vamos reduzi-la para 50%. E eu não quero nada dessa cor. Quero usar as cores que escolhemos. Então, com esta camada selecionada, eu vou para efeitos e predefinições, e eu vou digitar em preto e branco. Há correção de cor, preto e branco. Vamos clicar duas vezes no dedo do pé. Adicione isso e, em seguida, para mostrar as cores através, vamos mudar o modo de mesclagem para multiplicar, e essa textura parece agradável, mas é um pouco pesada, então vamos baixar o opacidade a 50%. Lá vamos nós. Apenas um pouco sutil, quente, textura natural. Também não gosto de adicionar uma vinheta, um pouco de escurecimento nas bordas para dar o quadro um pouco de forma, já que o fundo é bastante plano. Então vamos em frente e adicionar uma camada de ajuste algo para ir sob camada nova camada de ajuste chamará esta vinheta camada. E eu vou adicionar um ajuste de nível a isso para escurecer isso para níveis vai adicionar isso. E eu vou pegar o controle deslizante preto de entrada aqui e apenas escurecer isso um pouco. E então vamos adicionar uma máscara a isso para que fique escuro nas bordas e leve no meio. Então, com a vinheta selecionada, eu vou subir sob a camada de uma máscara, nova máscara que vai colocar uma massa ao redor do lado de fora de toda a imagem lá. E então eu vou apertar a tecla M para abrir essa máscara e vou descer aqui para onde ele diz forma e basta clicar sobre isso e eu vou redefinir isso de um retângulo para uma elipse, e ele vai apenas automaticamente criar uma elipse no mesmo tamanho do meu irá mudar a máscara para uma massa de subtração. Então é claro no meio, escuro e as bordas. E se eu bater duas vezes , , vou abrir todas as propriedades da máscara, incluindo a pena. E vamos plantar isso um pouco. Vou passar para 600 pixels. Lá vamos nós. Uma forma agradável para o quadro dá um pouco de sensação de luz lá no meio. Agora, eu já tenho o tipo de áudio editado para isso, então vamos apenas copiar e colar isso sobre a nossa versão final. Então vamos para temporadas terminadas e note que no arquivo de projeto que você baixou, você terá apenas um arquivo de áudio para copiar e colar. Tenho vários aqui. Vamos selecionar todas as camadas de áudio, que são estas camadas verdes, cara. Veja para copiar o Comando V para Colar e deixe apenas deslizá-los para baixo. E vamos codificar o resto de nossas camadas para ficar bem e organizados. Então eu quero as duas camadas superiores, que são ajustes gerais vai fazer aqueles vermelho vai fazer todo o nosso pré vem laranja. Vamos deixar nosso fundo amarelo, e essas camadas de áudio já estão verdes e novamente. Você pode usar as cores que quiser, mas é apenas uma boa idéia nomear e codificar suas camadas no caso de você voltar a ela tarde, será mais organizado e mais fácil de encontrar o seu caminho. Ou, talvez mais importante, se você passar o projeto para outra pessoa. OK, nós temos a nossa animação de temporadas terminadas. Vamos revisar a rampa e dar uma olhada. Ótima. Isso está muito bonito. Os efeitos sonoros realmente adicionar muito. Ok, e as próximas duas lições bastam. Dois renderizações diferentes uma renderização padrão, e também vamos olhar para a criação de uma versão mais simples toe output como um presente. 22. Filme de renderização: Então vamos começar fazendo uma renderização padrão fora do codificador de mídia. P. Então, com a nossa composição selecionada na linha do tempo, vamos passar por composição. Adicionar ao Adobe media encoder que Lembre-se de ser paciente durante estas etapas às vezes vai demorar um pouco. Ok, uma vez que o codificador de mídia é aberto e ele é adicionado seu renderização ao Q, nós só queremos ajustar algumas configurações um pouco. Se você tomou minha introdução os efeitos após Siris de cursos, você já sabe que as configurações que eu vou recomendar para você são as configurações que recomendamos para estudantes de design de movimento na Wriggling College of Art e design. Essas configurações criarão um filme de qualidade agradável com um tamanho de arquivo razoável. Então eu vou clicar na fonte de correspondência aqui. Vamos até a janela de vídeo e rolar para baixo até as configurações de taxa de bits. Vamos mudar a taxa de bits de codificação para V V R. para passar mudar a taxa de bits alvo para oito e a taxa de bits máxima para 10. Uma vez feito isso, vai clicar em OK, e agora estamos prontos para renderizar. Então, apertamos o botão verde para renderizar nosso filme. Lembre-se novamente de ser paciente através deste processo. Às vezes, leva um tempo para carregar o arquivo no codificador de mídia. Às vezes, leva um pouco para carregar as configurações de renderização e, dependendo da velocidade e configuração do computador, pode levar mais ou menos tempo para fazer a renderização final. Depois de terminar a renderização, você pode clicar no link do arquivo de saída e saltará diretamente para o arquivo em seu localizador para que você possa visualizá-lo. Esta animação em loop seria divertido de compartilhar no Instagram, mas a qualidade de loop também poderia torná-lo um bom presente, embora seja um pouco longo. Então, na próxima lição, vamos olhar para a criação de uma versão mais simples que poderíamos produzir como um presente. 23. Render GIF: Ajuda dos dedos. Com isso como um GIF em loop, vamos precisar simplificá-lo um pouco porque é um pouco no lado longo. Há um pouco de movimento no quadro, e se estivéssemos apenas fora, colocá-lo como é como um GIF, seria proibitivamente grande. Então vamos começar fazendo uma cópia da composição principal aqui. Então vamos tomar temporadas, selecioná-lo, duplicá-lo e vamos chamá-lo Seasons sublinhar presente e vamos clicar duas vezes sobre isso. E para começar, vamos querer nos livrar da vinheta e da textura, mesmo que estejam muito bem. Aqueles definitivamente tornarão o presente muito maior por causa de toda a sutileza com a textura e o Grady int. Então vamos selecionar essas duas camadas e excluí-las. Nós também podemos nos livrar do áudio, já que obviamente não há áudio em um presente, e então vamos também reduzir isso um pouco. E por causa da forma como construímos isso, isso poderia facilmente existir como um quadrado. Então vamos sob composição. As configurações de composição desbloquearão a proporção e mudarão a largura para 10 80 então faremos isso apenas um quadrado e você pode ver que ele ainda funciona muito bem como um quadrado , já que construímos cada um desses pré acampamentos como um quadrado que funciona muito bem. Agora não podemos produzir isso fora de efeitos após ou o codificador de mídia Q Como um presente, temos que passar por Photoshopped para fazer isso. Então a primeira coisa que vamos fazer é renderizar isso como uma sequência de imagens de pinos J que podemos abrir na loja de fotos. Então, para fazer isso, com nossa composição selecionada na linha do tempo, vamos subir na composição, adicionar à fila de renderização. Então vamos adicioná-lo à fila de renderização dentro de efeitos após em vez de passar pelo codificador de mídia. Então vamos adicioná-lo à fila de renderização, que aparece aqui, e vamos começar clicando nas configurações de renderização. As melhores configurações aqui. Queremos ter certeza de que a qualidade está definida como melhor e que a resolução esteja definida como completa. Mas vamos querer reduzir a taxa de quadros porque 24 quadros por segundo será demais para um presente tão longo. Então vamos verificar aqui, diz “Use esta taxa de quadros”. Vamos verificar o seu e vai virar isso para baixo para 10 quadros por segundo e clique em OK ou pressione. Retornar, em seguida, vai clicar onde ele diz módulo de saída sem perdas. Clique em sem perdas e queremos mudar o formato de tempo rápido para J. Peg lantejoulas . E se você não obter automaticamente as opções de formato J peg, que você pode ou não obter dependendo. Se você tiver definido essas configurações antes, clique em opções de formato e escolha alta qualidade e clique em OK e clique em OK aqui e, em seguida, onde ele diz saída para. Eu recomendo que você navegue até sua pasta Project e renderizar para essa pasta do projeto e deixe Salvar na subpasta marcada para que ele irá renderizar suas lantejoulas J Peg nessa subpasta e clique em , salvar e, em seguida, clique em Renderizar. Depois de renderizar suas estacas J, vá em frente e abra a loja de fotos aqui na loja de fotos. Vamos em frente e clicar em abrir e, em seguida, navegar para a pasta Projeto na pasta presentes da temporada e selecionar o primeiro J peg nas lantejoulas. Clique no botão de opções e verifique a sequência de imagens que importará toda a sequência de J Pegs como um filme. Então vamos abrir que você terá uma caixa de diálogo perguntando qual taxa de quadros você deseja usar. Você deseja usar 10 quadros por segundo, que é o que definimos nossa saída para e, em seguida, clique em. OK, agora, se você não vir a linha do tempo abaixo, vá para baixo da janela e escolha a linha do tempo. Mas você pode ver que temos um cronograma de oito segundos aqui. E enquanto eu atravesso por lá está a nossa animação. E para produzir isso como um presente, vamos para exportação de arquivos, salvar para Web, e você pode ver que ele já vai ser um arquivo bem grande em quase quatro megabytes. Mas há algumas coisas que podemos fazer para que isto seja um pouco menor. Por um lado, podemos baixar as cores, então vamos trazer as cores para baixo para 32 vamos reduzir o tamanho também. É reduzir isso para 50% e você pode vê-lo 50% tamanho com 32 cores. Nós obtê-lo para baixo para abaixo de um megabyte, ainda não super pequeno, mas para um presente que é tão longo, que é provavelmente quase tão bom quanto podemos esperar para você poderia reduzir a cor um pouco mais ou brincar com alguns dos outras configurações, mas eu acho que isso é muito bom para um presente de oito segundos. Depois de ter suas configurações da maneira desejada, você pode clicar, você pode clicar, salvar navegar novamente para a pasta do projeto, e vamos salvar isso como presente de Temporadas e, em seguida, deixá-lo renderizar. E agora temos o nosso GIF em loop. Você pode ver que é um pouco áspero nessas transições de cores com as 32 cores, mas não é tão ruim. Na verdade, pode ser possível fazer isso com 16 cores e ainda fazê-lo funcionar. 24. Informe por agora!: Felizmente, essas aulas ajudaram você a se sentir mais confortável trabalhando com jogadores de forma pós-efeito, além de demonstrar algum de seu tremendo potencial tanto para criação de imagens quanto para animação. Analisamos a maioria dos aspectos fundamentais dos jogadores de forma, incluindo a estrutura hierárquica de jogadores de forma trabalhando com traçados e preenchimentos passados animados e usando adições legais como caminhos de mesclagem, aparar Caminho e o repetidor. Se você seguiu e criou a mesma animação Four Seasons que criamos na classe ou se você bateu para fora por conta própria e criou sua própria animação única usando jogadores Shea, eu adoraria ver o que você inventou. Portanto, não se esqueça de compartilhar seus projetos de camada de forma acabados comigo e com seus colegas estudantes. Tenho aulas mais intermediárias e avançadas de pós-efeitos e animação planejadas para compartilhar habilidades. Então não se esqueça de me seguir aqui ou no Facebook, instagram ou Twitter para notícias sobre as próximas aulas. Muito obrigado por assistir, e espero vê-lo em breve