O poder das camadas de formas: um guia completo para dominar a ferramenta de animação mais subestimada da Ae

1. 01.01 Introdução do campo: Bem-vindo ao poder das camadas de forma. Meu nome é Jeff Knight e vou guiá-lo por esse curso empolgante mostrando todas as coisas legais que você pode fazer no After Effects com Sou designer gráfico de movimento com mais de uma década de experiência. Eu trabalhei para agências de publicidade, agências de cinema. Eu trabalhei para estúdios e artistas independentes. Também trabalhei como contratante independente para clientes em praticamente todas as áreas, incluindo publicidade, tecnologia, bancos, moda, música e cinema Também ministrei cursos em nível universitário e produzo um canal no Youtube chamado Seven Minute AE tutorials Se você tem pouca ou nenhuma experiência com camadas de formas, ficará surpreso com o que é possível com essa poderosa ferramenta At Refix Se você é um usuário avançado de camadas de formas, você pode encontrar algumas informações úteis que você nem sabia que existiam. Portanto, independentemente do seu nível de habilidade e exposição às camadas de formas, eu recomendo fortemente que você faça todo o curso para aproveitar ao máximo as informações que abordaremos. Vou mostrar todos os aspectos das camadas de forma, incluindo uma ampla visão geral, para que são usadas, o que são e como criar formas simples. Também passaremos para tópicos mais avançados, como usar grupos, como usar grupos, trabalhar com vértices e aplicar ferramentas de animação como repetidor, caminhos de corte, ziguezague Se você precisa criar ícones simples ou elementos complexos de cabana, as camadas de forma são a chave para torná-lo um designer gráfico em movimento melhor, mais completo e mais mais completo e mais comercializável A última seção deste curso inclui uma série de tutoriais que você pegará tudo o que aprendeu e o aplicará a projetos reais Você criará designs intrincados e complexos, elementos de cabana, ícones, planos de fundo É muito importante ver o que outros designers estão criando. Dê uma olhada on-line em alguns sites para se inspirar. Alguns sites excelentes incluem Information Is Beautiful.net e Video Hive.net. Esses sites incluem alguns designers muito talentosos Familiarize-se com o trabalho de outras pessoas em seu setor e veja se você pode aprender com seus designs. Fornecerei arquivos de projeto quando apropriado para você baixar e praticar. Sinta-se à vontade para usar esses arquivos de projeto de qualquer forma que ajude você. Você pode criar modelos ou simplesmente usá-los como referência. À medida que você aprende mais sobre camadas de formas ao longo do tempo, sinta-se à vontade para fazer este curso no seu próprio ritmo. Eu o projetei para que cada lição se baseie na anterior Portanto, certifique-se de entender os princípios, os comandos e as técnicas da aula em que você está estudando antes de prosseguir Estou muito animado para embarcar nessa jornada com você. Ok, há muita coisa pela frente, então vamos direto ao assunto. 2. 01.02 Criando formas básicas: Vamos começar e criar uma forma usando algumas das ferramentas que você tem na ponta dos dedos Vamos criar uma estrela, um traço animado, usando uma ferramenta chamada trim paths, que abordaremos com muito mais detalhes posteriormente neste curso Também adicionaremos um preenchimento e, em seguida, o atenuaremos após a animação dos caminhos de corte Neste momento, não se preocupe com a localização das configurações ou com a forma de adicionar qualquer coisa. Vamos abordar cada etapa detalhadamente ao longo deste curso. O objetivo disso é apresentar as camadas de forma e mostrar como elas são poderosas e com que rapidez você pode criar animações usando camadas de forma. Vamos fazer isso. Ok, então vamos criar uma composição. Você pode clicar neste ícone aqui, que é para criar uma nova composição, ou você pode ir para Composição, Nova composição e escolher essa opção. Ou, se estiver em um PC, você pode escolher Controle e em um Mac como comando. Agora, vou inserir teclas de atalho ao longo deste curso para que você possa aprender algumas delas e economizar tempo Solicius, escolha uma nova composição. Todas as nossas aulas serão de 1920 por 108.029,97 quadros Vamos fazer esse exemplo com 10 segundos de duração. E então também vamos nomear todos eles. Vamos chamar esses caminhos de acabamento de Polystar. E vamos escolher tudo bem. Há também várias maneiras de criar camadas de forma. A maneira mais rápida é clicar com o botão direito do mouse nessa área aqui, à esquerda da sua linha do tempo e escolher Novo Em seguida, vá para o menu Pop out e escolha Shape Layer. Agora, o After Effects cria uma camada Shape para você automaticamente. Mas se você abrir isso, verá que não há nada aqui. Tudo dentro de suas camadas de forma estará dentro dessa área de conteúdo. Tudo o que você precisará adicionar será feito por esse botão de anúncio. Então, se você clicar nessa seta aqui à direita da palavra anúncio, verá que tem várias opções começando com grupo, depois tem suas formas, depois tem seus preenchimentos e traçados e, em seguida, tem suas ferramentas de animação Abordaremos cada um deles detalhadamente ao longo deste curso. Se clicarmos no botão Anúncio, podemos acessá-lo por meio de nossa camada de forma ou no topo por meio de nosso controle de camada de forma. Então, com essa seta selecionada, vamos até Polystar E como você pode ver, o Afroffx adiciona o polystar para você aqui Mas não podemos ver isso se clicarmos. E a razão é porque ele não tem um preenchimento ou traçado. Todas as camadas da forma devem ter um preenchimento ou um traçado. A forma como adicionamos isso é voltando ao botão Anúncio, que está aqui ou aparece. E vamos escolher Stroke. Agora, sempre que você adiciona um traçado, padrão é automaticamente um traçado de dois pixels de largura e o padrão é a Se clicarmos nessa caixa branca aqui, podemos ver que podemos alterar a cor do traço para o que você quiser. Deixe-me sair da cintura. Dessa forma, você pode ver se quer que seja vermelho. Você pode torná-lo azul. Faça da cor que você quiser. Então, vamos escolher algo assim. É como verde acinzentado e escolha OK. E Al aumenta a largura do nosso traçado. Agora estou apenas pressionando o botão esquerdo do mouse e rolando para a direita Portanto, seu valor começa em zero e sobe até onde você quiser. Uma coisa a ter em mente é que as larguras dos traçados podem ser enquadradas por teclas, que significa que você pode começar com um traçado muito pequeno ou até zero, e pode enquadrá-lo no tamanho desejado e voltar para tamanho desejado e voltar Vamos fazer esse traçado, digamos que cerca de 15 pixels de largura. Então, vamos voltar ao nosso botão Adicionar e vamos adicionar um Phil. Agora, Phil sempre usa a cor vermelha como padrão. Se você clicar nessa caixa vermelha ao lado de Phil, podemos ver, com nosso traço, podemos mudar essa cor para o que quisermos Realmente não importa a cor que você escolher. O objetivo disso é apenas ilustrar algumas das coisas que você pode fazer muito rapidamente Vamos escolher Ok. E então a última coisa que precisaremos é de um Trim Paths Então, vamos clicar na seta do anúncio mais uma vez e escolher Trim Paths Se abrirmos isso, veremos que temos várias configurações para escolher. Vamos nos concentrar na configuração que diz Fim. E, como você notará, o padrão do Trempass é uma porcentagem final de 100 Vamos voltar tudo para zero. E você já pode ver, enquanto estou limpando isso, o efeito que está Uma das coisas a ter em mente é que o Trempass é uma animação de traçado E você pode ver o porquê, ver como isso está afetando nosso preenchimento. À medida que examinamos isso, você deve aplicar o trim pass principalmente aos traços, a menos que opte por esse tipo de efeito, o que normalmente não aconteceria que normalmente Vamos voltar tudo para zero e colocar um quadro-chave em nosso tempo zero para terminar E então vamos avançar para 1 segundo. E vamos aumentar isso para 100 para contornar esse problema com nosso preenchimento. Vamos abrir nossas configurações de preenchimento no segundo quadro-chave, que é onde termina nossa animação para o trim pass Vamos colocar um quadro-chave para opacidade e reduzir isso para zero. Uma opacidade de zero é invisível e uma opacidade de 100 E você pode escolher qualquer valor intermediário. Queremos zero. Vamos avançar mais dez quadros. E um atalho rápido para fazer isso é manter pressionado o botão Shift e pressionar a página. Então, avançamos dez quadros e , em seguida, vamos tornar nossa opacidade 100%. Agora, se repetirmos isso, uma maneira de fazer isso é ir talvez até cerca da marca de dois segundos atingida E isso levará o suporte direito até onde está o indicador de reprodução. E isso vale para qualquer lugar em que seu indicador de reprodução esteja. Então, se eu estiver em 3 segundos com meu indicador de reprodução e apertar , ele se move com ele Vamos até a marca de dois segundos, aperte para fazer um loop nesta área. O que isso significa é que, como peça, ela voltará ao início. Quando atingir esse ponto final, podemos pressionar zero em nosso teclado numérico para jogar Vamos ver como ele se anima e, em seguida, o filme começa Essa é apenas uma introdução muito rápida às camadas de formas. Essa é uma maneira rápida de animar um polystar com caminhos de corte Você pode ajustar o traçado e o preenchimento. Você pode ajustar a cor, a largura do traçado e a opacidade do preenchimento Agora, isso nem sequer arranha a superfície da forma que as camadas são capazes de fazer Você pode criar personagens com isso. Você pode criar cenas e animações inteiras, vídeos inteiros usando nada além de camadas de formas Mas eu só queria mostrar a vocês essa animação muito rápida usando um traçado de poliestrela, um preenchimento e um caminho de corte Vamos dar um passo de cada vez para que você possa realmente ver o que as camadas de forma são capazes de fazer. 3. 02.01 Seção 02 - Noções básicas da camada de forma: Bem-vindo ao poder das camadas de forma, seção dois, noções básicas sobre camadas de forma É aqui que tudo começa. Nesta seção, abordaremos alguns dos aspectos fundamentais das camadas de forma Examinaremos a importância de entender a hierarquia e as camadas de forma Camada de forma, propriedades de transformação e os diferentes tipos de formas e caminhos. Criaremos algumas formas básicas e aprenderemos como aplicar preenchimentos e traçados de algumas maneiras diferentes Vamos nos aprofundar nos atributos do traçado, incluindo como aplicar, alterar e manipular a cor, a opacidade, a largura do traçado, a linha, o limite, a linha, junção Se alguns desses tópicos parecerem estranhos para você, não se preocupe. Vamos seguir em um ritmo razoável e abordar tudo o que você precisa saber para entender completamente cada tópico. Vamos começar dando uma olhada na hierarquia da camada de forma 4. 02.02 Hierarquia de camadas de forma: Nesta lição, quero examinar a hierarquia da camada de forma. A hierarquia da camada de forma é extremamente importante. Primeiro, vamos criar uma nova camada de forma. E vou te mostrar o que quero dizer. Vamos escrever, clique em Escolher nova camada de forma. E vamos abri-lo. Não há nada em nosso conteúdo. Agora, se acessarmos o botão Anúncio e clicarmos nele, você notará um layout específico para as opções de camada de forma que você tem. No topo, temos um grupo abaixo dele, temos nossas formas retângulo, elipse, poliestrela Abaixo disso, temos nossos preenchimentos. E nossos traços são preenchidos. E o traço por si só é sólido. E então temos preenchimento com gradiente e traçado. Finalmente, abaixo disso, temos todas as nossas ferramentas de animação. Esse layout é por um motivo muito específico. No topo da nossa hierarquia, nossos grupos dentro dos grupos, temos nossas formas Dentro das formas, temos nossos preenchimentos e traços. Então, tudo isso é afetado por nossas ferramentas de animação. Vamos adicionar um grupo e eu vou te mostrar especificamente do que estou falando. Agora, se você abrir isso, veremos que a única coisa dentro são as propriedades de transformação, mas não há conteúdo interno. Vamos voltar ao botão Anúncio e você notará que o próximo grupo contém nossas formas. Agora, se pulássemos esse grupo e apenas adicionássemos um preenchimento, por exemplo, nada aconteceria porque o preenchimento não teria efeito. Exclua isso. Volte para o nosso grupo e adicionaremos um retângulo. Vamos voltar ao botão Anúncio e, abaixo de nossas formas, temos preenchimentos e traçados Então, vamos adicionar um preenchimento. Como podemos ver, esse preenchimento está afetando o caminho desse retângulo Agora, digamos que queremos adicionar uma elipse, mas a colocamos abaixo do nosso Bem, agora esse preenchimento não está afetando esse caminho da elipse. Deixe-me abrir isso e separá-los para que você possa ver do que estou falando. Movemos nosso retângulo até aqui só para torná-lo maior para que possamos ver O que estamos fazendo pode tornar isso de 300 pixels por 300 pixels. E o mesmo com nossa elipse. Podemos ver o contorno da nossa elipse, mas ela não tem O motivo é porque as camadas de forma são afetadas de baixo para cima. O que significa que esse preenchimento afeta apenas o que está acima dele. Esse preenchimento afeta esse retângulo dentro desse grupo. Agora, se adicionássemos um traçado e disséssemos, vamos mover o traçado agora para baixo do nosso caminho de elipse Vamos aumentar a largura disso. Agora vemos que o traço está afetando a elipse e também o No entanto, o campo ainda está afetando apenas o retângulo. Como você pode ver, a forma como as camadas são afetadas é de baixo para cima. Isso também é verdade com ferramentas de animação. Vamos voltar ao nosso botão Adicionar e adicionar um repetidor. E vamos abordar isso com mais detalhes mais tarde, mas isso é principalmente para mostrar do que estou falando. Vamos adicionar um repetidor E ele vai automaticamente para o final da nossa pilha aqui, porque o After Effect acredita que você deseja adicionar o efeito a tudo o que está acima dela Como você pode ver, esse repetidor está afetando agora nossa elipse e nosso No entanto, se movermos esse repetidor acima do caminho da elipse, agora ele afetará apenas o caminho do E eu posso espalhar isso um pouco mais para que você possa realmente ver o repetidor funcionando Talvez movamos nosso caminho retangular para que eles se separem melhor É muito importante que você se lembre da forma. As camadas são afetadas pelos atributos. Nós os adicionamos de baixo para cima. Ok, com o conteúdo destacado, vamos adicionar um grupo. Digamos que, se quisermos adicionar um retângulo a esse grupo, você precisa garantir que o grupo esteja destacado Então, vamos adicionar um retângulo. E, como vemos, ele fica dentro desse grupo, nosso retângulo No entanto, se você tiver conteúdo destacado e adicionar um retângulo, ele ficará abaixo É importante saber o que você precisa destacar e quando. Se destacarmos o grupo e adicionarmos um preenchimento, agora o preenchimento vai para dentro do grupo, mas está acima do caminho do retângulo, então não afetará o retângulo Uma das coisas que você notará ao analisá-las é que, muitas vezes, peço que você destaque o conteúdo e adicione o atributo que quiser adicionar. Seja um grupo, um preenchimento de forma ou um traçado, ou suas ferramentas de animação. E a razão para isso é garantir que esses atributos sejam adicionados na hierarquia correta Agora, com o grupo destacado, vamos adicionar um retângulo e adicionar um preenchimento Então, vamos abrir nossas propriedades de transformação para o grupo um. E vamos deixar isso de lado. Talvez aumentemos a escala desse grupo com o grupo um destacado, controle D para duplicar. Agora vamos pegar o grupo dois, abrir nossas propriedades de transformação e movê-lo para o outro lado. Digamos que eu queira fazer esse caminho e elipse retangulares. Bem, com o grupo dois destacado, vamos adicionar uma elipse E você verá que a elipse é adicionada abaixo E você pode ver se você ampliar aqui, que realmente podemos ver o contorno da elipse e o caminho do elipse e o caminho Então, vamos excluir o caminho do retângulo para que nossa elipse seja nossa elipse e, em seguida, digamos que também queremos essa elipse Vamos adicionar um traçado e depois eliminar nosso preenchimento. Agora, nosso caminho de elipse tem um traçado e nosso caminho de retângulo tem um preenchimento Digamos que quiséssemos animar essa elipse com os caminhos Bem, se você destacar o conteúdo e escolher um caminho de corte e depois disser que começaremos a animar esses caminhos de corte Bem, como está abaixo do grupo um e do grupo dois, está tentando animar caminhos de recorte em ambos Uma das coisas que abordaremos na seção sobre caminhos de corte é que o trimpass é , na verdade, apenas uma ferramenta de animação de traçado Não se destina a ser usado para preenchimentos. Há duas maneiras de resolver esse problema. Podemos mover caminhos de corte entre o grupo um e o grupo dois Dessa forma, isso só está afetando nossa elipse com o traço. Ou minha forma preferida é realmente colocar o Trempass dentro do grupo Dessa forma, todos os seus efeitos são organizados e não há confusão. Sempre certifique-se de ter seus traçados e preenchimentos e suas ferramentas de animação embaixo das formas Digamos que se reduzirmos esse Trempass para 50% para que você possa ver a animação Se movermos essa elipse Trempass nel acima novamente, veremos que ela não funciona mais porque os efeitos, os preenchimentos e os traços Agora, há uma exceção a isso. Na verdade, você pode colocar suas ferramentas de animação acima de seus preenchimentos e traçados e elas ainda funcionarão Apenas certifique-se de que suas formas primeiro sempre sejam moldadas primeiro. Em seguida, preenchimentos e traçados ou ferramentas de animação. Mas se você estiver trabalhando com grupos, obviamente seus grupos vêm primeiro e depois suas formas. Se você seguir a hierarquia de grupos, formas, preenchimentos e traçados e, em seguida, as ferramentas de animação, não terá problemas Mas eu queria ressaltar o fato de que você pode realmente colocar ferramentas de animação acima de preenchimentos e traçados, e elas ainda funcionarão bem 5. 02.03 Propriedades de transformação da camada de forma: Ok, então, nesta lição, veremos o que são propriedades transformadas, bem como as diferentes maneiras de criar uma camada de forma. Há algumas maneiras de criar uma nova composição. Uma maneira é esse ícone aqui para criar uma nova composição. A segunda maneira é ir até a composição e escolher uma nova composição. A terceira maneira é usar o atalho que o After Effects realmente oferece Agora estou em um PC, então o atalho deve ser exibido na minha tela ou relacionado ao PC No entanto, vou colocar teclas de atalho na tela para PC e Mac E a última maneira é clicar nesse ícone grande que você vê aqui no meio da sua composição. Agora, o que você deve ter em mente sobre o uso desse ícone é que ele só é visível e é uma opção se você ainda não tiver criado uma composição Então, sempre que você abrir um novo projeto, se ainda não começou a trabalhar, não criou uma composição, você pode clicar nesse novo ícone de composição. Mas lembre-se de que, se você estiver trabalhando em um projeto e quiser começar uma nova composição e já tiver criado uma composição, precisará usar uma das outras três opções, a nova composição, a composição do ícone, a nova composição ou simplesmente controlar Vamos seguir em frente e escolher Nova composição. E este é o nosso padrão aqui, 1920 por 108-02-9907 E vamos deixar E vamos chamar essa forma de Layers. Então clicamos em OK. Agora, se você olhar aqui para esses 100% esta é a nossa taxa de ampliação. Se clicarmos nesse menu suspenso, há diferentes ampliações que você pode escolher Vamos escolher aquele que diz que se encaixa dessa forma, ele colocará toda a nossa composição em nosso visualizador dessa forma. Ok, agora eu mencionei que existem várias maneiras de criar camadas de forma. Uma maneira é clicar com o botão direito do mouse nessa área aqui, à esquerda da sua linha Clique com o botão direito, escolha Novo. E então, no menu pop-out, você pode escolher Shape Layer. Outra forma de adicionar uma camada de forma é ir até a nova camada de forma. Então, uma terceira maneira é realmente criar uma forma usando uma ferramenta moldada. Se você ver aqui, esta é a nossa ferramenta de retângulo. Agora, se você clicar nessa pequena seta à direita dela e segurar o botão esquerdo do mouse, poderá ver suas outras opções. Aqui você tem a ferramenta de retângulo, a ferramenta retângulo arredondado, a ferramenta de elipse, a ferramenta de polígono e polígono Vamos pegar uma ferramenta retangular. Agora estou apenas pressionando o botão esquerdo do mouse e arrastando cima e para baixo e para a esquerda e para a direita até obter a forma desejada Como você pode ver, ele vem automaticamente com um traçado e um preenchimento. Agora, se você soltar o botão esquerdo do mouse, verá agora que tem sua forma. E se você notou que seu ponto de ancoragem, que está aqui no meio, encaixado no meio da camada de forma, onde seu ponto de ancoragem está localizado, é muito importante para Especialmente quando você começa a animá-los, você sempre quer saber onde está seu ponto de ancoragem Agora, se você quiser colocar isso no centro da nossa composição, vamos ao nosso painel Align aqui Basta arrastar isso para baixo e essas são as opções de alinhamento. Então, queremos alinhar nossa camada à composição. Se você escolher este segundo aqui, isso é Alinhar Horizontalmente, se você clicar nele, verá que ele se move para a esquerda e para a direita, verá que ele se move para a esquerda e para a direita Se você escolher sua quinta opção ela será alinhada verticalmente E a maneira de saber se está definitivamente centralizado é pressionando a tecla de aspas Nós ampliamos aqui, podemos ver que isso está fato perfeitamente centralizado no centro da nossa composição Agora vamos nos livrar dessa camada de forma e, em seguida, vamos criar uma de uma maneira diferente. Já clicamos com o botão direito do mouse e criamos um dessa forma, escolhendo um novo E então, a partir do pop-out, escolha a camada de forma. Vamos até a camada de nova camada de forma. Agora, isso a cria da mesma forma que clicar com o botão direito do mouse nessa área a cria, onde você obtém uma camada de forma real. Mas é uma forma vazia. Portanto, temos que adicionar nossas formas, bem como nossos campos, traços e ferramentas de animação Vamos ao nosso botão Adicionar. Tudo o que você precisará adicionar virá deste botão de anúncio aqui Essa seta à direita da palavra anúncio. Se você olhar na parte superior ao lado de Preencha nosso traçado, você também verá o botão de anúncio aqui. Você pode adicionar tudo o que precisa em qualquer local. Então, basta clicar nesse botão de anúncio aqui e adicionar um retângulo E então podemos adicionar um traçado e, em seguida, também adicionar um preenchimento. Seu traçado sempre será branco, dois pixels de largura, e seu preenchimento sempre será vermelho. Então, vamos mudar essas cores, torná-las um pouco mais interessantes. Realmente não importa qual seja a cor, porque isso é mais para experimentação. E vamos talvez fazer nosso traçado com dez pixels de largura. Sempre que você criar uma forma, seja a partir dessa camada suspensa ou clicando com o botão direito do mouse nessa área vazia ao lado da linha do tempo, ela centralizará automaticamente a forma no meio da composição com o ponto de ancoragem no centro a forma no meio da composição com o ponto de ancoragem no Primeiro, vamos tornar esse caminho retangular um pouco maior. Se você abrir o caminho do retângulo, poderá realmente aumentá-lo Examinaremos algumas dessas configurações posteriormente em uma lição posterior, mas, por enquanto, eu realmente quero examinar quais são as propriedades de transformação, porque essa é a base de todas as camadas de forma e algo que é muito importante que você entenda. As propriedades de transformação de qualquer camada são ponto de ancoragem, posição, escala, rotação e opacidade Agora isso vale para camadas de forma, para vídeos , para imagens, para camadas de texto, cada camada terá essas propriedades de transformação. O que há de especial nas camadas de forma é que você pode encontrar mais de um conjunto de propriedades de transformação. É muito importante entender como elas interagem umas com as outras e o que elas significam. Por exemplo, vamos destacar nosso conteúdo aqui mesmo em nossa camada de forma e adicionar. E então vamos adicionar um grupo. Vamos pegar tudo, exceto o grupo. Nosso retângulo, toque e traçe-o e arraste-o para esse grupo Ok, agora tudo está à vista desse grupo. Bem, agora você notará que dentro do grupo, você transformou o grupo um. Se você abrir isso, também verá que tem escala de posição do ponto de ancoragem e também a rotação e opacidade do eixo inclinado e inclinado Você pode estar se perguntando por que existem dois conjuntos de propriedades de transformação. Bem, o que você precisa ter em mente é que as propriedades de transformação da camada controlam toda a camada. Então, conforme você move sua posição, ela move tudo nessa camada de forma. Para deixar isso claro, vamos destacar o grupo um e duplicá-lo, Controle D. Agora temos dois grupos Agora eles estão um em cima do outro, então você não pode realmente diferenciá-los. Mas é assim que posso ilustrar essas propriedades de transformação para o grupo dois e pegar nossa posição para isso E vamos mover isso para a esquerda. Veja que as propriedades de transformação de grupo afetam somente o grupo dois. Essas propriedades de transformação no grupo um afetam apenas o grupo um. Eles podem se mover de sua própria maneira de forma independente e, se você afetar as propriedades de transformação de toda a camada, isso controlará tudo o que está dentro da camada. O grupo um e o grupo dois estão dentro da mesma camada de forma. As propriedades de transformação de toda a camada afetarão a camada inteira. Portanto, é muito importante diferenciar entre todos eles Uma das coisas que você também notará com formas como retângulos e também com elipses, e examinaremos isso à medida que nos depararmos com ela, mas se você a abrir, também terá essa posição em tamanho para o caminho que nos depararmos com ela, mas se você a abrir, também terá essa posição em específico do Então, veja se você pode até mesmo afetar a posição dentro do caminho do retângulo , bem como o tamanho Portanto, é muito importante entender como elas interagem umas com as outras e quando usar as propriedades de transformação para o grupo versus a propriedade de transformação para a camada. Na verdade, há mais um atributo da camada de forma que tem suas próprias propriedades de transformação, que é o repetidor Vou deixar isso assim e depois vou adicionar, e vamos adicionar um repetidor E examinaremos o repetidor um pouco mais tarde Apenas para fins ilustrativos. Deixe-me mostrar o que quero dizer. Estou diminuindo a escala de toda a camada. Então, eu uso essa propriedade de transformação para escalar a camada. Então vamos adiar isso. Agora, para o repetidor , o padrão será de três cópias A posição padrão é de 100 pixels no eixo X. À medida que avançamos, você não veria como eles começam a se separar. Agora vejo que eles estão sobrepostos, então eu posso realmente mover o grupo dois para a esquerda, talvez até para cima, para que possamos ver o que está acontecendo Mais no grupo um, podemos mover as propriedades de transformação para baixo. Veja agora que nosso repetidor tem seu próprio conjunto de propriedades de transformação Temos ponto de ancoragem, posição, rotação de escala e, em vez de apenas uma opacidade, temos opacidade inicial e final E as propriedades de transformação do repetidor são ainda mais específicas do que as propriedades de transformação do grupo e da camada Por exemplo, se começarmos a manipular a escala, podemos ver como isso está afetando apenas algumas das caixas e não se sobrecarregue porque temos uma seção inteira no repetidor, onde abordarei isso em detalhes Todo o propósito de eu mostrar isso está na base das camadas de forma que você precisa entender é que existem vários conjuntos de propriedades de transformação. Significa ponto de ancoragem, posição, escala, rotação e opacidade Temos as propriedades de transformação da camada de forma, propriedades transformadas. E também temos propriedades de transformação do repetidor. E tudo isso afeta suas formas de maneiras diferentes. E há certos momentos em que você precisa afetar somente as propriedades de transformação de um grupo específico ou de toda a camada. Como eu disse, não se sobrecarregue porque é muita coisa para absorver Mas você precisa prestar atenção às suas propriedades de transformação e estar ciente de que elas estão lá e que interagirão umas com as outras. 6. 02.04 Tipos de formas e caminhos: Ok, vamos criar nossa composição escolhendo nosso ícone. E vamos chamar essa composição Tipos de Formas e Caminhos. Nesta seção, quero examinar os tipos de formas e caminhos que você tem disponíveis, dependendo de como você cria sua camada de forma. Primeiro, vamos começar com o método de clicar com o botão direito do mouse nessa área aqui embaixo e escolher Novo, acessar o menu pop-up e escolher Shape Layer. Se abrirmos nossa camada de Forma aqui ao lado do nosso conteúdo, teremos uma ao lado do anúncio, teremos nosso botão de anúncio. Também temos esse botão de anúncio na parte superior, como podemos ver. E exatamente as mesmas opções estão disponíveis nos dois botões de anúncios. Vamos dar uma olhada nesse layout. O primeiro pedido é Grupo. O grupo permite agrupar diferentes tipos de formas. Então, digamos, por exemplo, que se adicionarmos um grupo aqui, podemos adicionar um retângulo E então diga que talvez queiramos adicionar outro grupo. Talvez queiramos adicionar uma elipse e possamos controlá-la independentemente uma da outra Transformamos propriedades para cada um desses grupos. Quero examinar os tipos de formas e caminhos que você tem disponíveis com os métodos de criação de formas. Se escolhermos Ad here, nesta segunda seção aqui teremos retângulo, elipse, polystar Esses são os tipos de formas, retângulo, elipse e poliestrela que E então também temos um caminho. A razão pela qual existem apenas três opções aqui é porque você pode adicionar arredondamento a um retângulo e também transformar uma poliestrela em um polígono A razão pela qual isso é importante é lembrar retângulo, elipse, poliestrela, apenas Se acessarmos nossa ferramenta de camada de forma, se entrarmos em nossa lista suspensa, veremos que, na verdade, temos cinco opções Temos retângulo, retângulo arredondado, elipse, polígono Temos cinco opções aqui. Temos três opções aqui. No entanto, temos a mesma quantidade de controle. Adicione um retângulo e vamos preenchê-lo, ok? Agora, se quisermos que esse retângulo tenha bordas arredondadas, há uma opção em Caminho do retângulo para arredondamento e tudo o que precisamos fazer é aumentar ou Se subirmos muito , ele se torna um círculo. Mas veja como podemos realmente alterar o arredondamento desse retângulo Agora vamos tirar isso do caminho e usar nossa ferramenta de camada de forma. E escolheremos o retângulo arredondado. Agora, se clicarmos com o botão esquerdo do mouse e arrastarmos, podemos ver que ele realmente vem com as bordas arredondadas. E lembre-se que nosso último derrame foi na verdade bem grande, 45. Vamos tornar isso menor. Vamos descer para talvez cinco. Agora, se abrirmos esse caminho, abrirmos nosso caminho retangular, podemos ver que isso tem um arredondamento de 20. Na verdade, podemos afetar a redondeza disso. Agora, eu não segurei o botão Shift, por isso que este é um retângulo e não um quadrado perfeito se eu fosse fazer isso Vamos ver: de uma só vez, pego nosso retângulo arredondado, pressiono a tecla Shift e o arrasto para que fique perfeitamente quadrado Em seguida, volte para as configurações desse retângulo. Veremos que o arredondamento do caminho do retângulo é padronizado para 20 pixels para arredondamento para 20 pixels para Você pode ajustar isso da mesma forma que faria se criasse o caminho do retângulo clicando com o botão direito do mouse, escolhendo uma nova camada de forma e, em seguida, adicionando um retângulo e adicionando uma pílula Podemos ajustar o arredondamento desse retângulo da Eu vou fazer isso de novo. Vamos pegar uma ferramenta de retângulo arredondado, manter pressionada a tecla Shift e arrastá-la para fora. E, como vemos, o padrão é um arredondamento de 20 pixels, que E foi assim que, quando criei o retângulo arredondado, ele nos deu um traçado automaticamente E, novamente, o afterefx fornece o último valor do traçado escolhido, tanto a cor quanto a largura do traçado, bem como o último preenchimento escolhido Então, o que acontece se escolhermos essa ferramenta retangular? Bem, mantenha pressionada a tecla Shift, clique e arraste. Não nos dá as bordas arredondadas. Mas lembre-se de que todos os caminhos retangulares vêm com a opção de arredondamento. Independentemente de você criar um retângulo usando o botão de anúncio ou usar a ferramenta de camada de forma, você tem exatamente as mesmas opções, é por isso que o botão de anúncio não oferece a opção de um retângulo arredondado, ele seria apenas No entanto, com a ferramenta de camada de forma, se você sabe que deseja uma ferramenta de retângulo arredondado, ela oferece essa opção adicional para economizar tempo Então, vamos nos livrar desse clique com o botão direito. Vamos escolher uma nova camada de forma. Elipse é apenas uma tira, palavra para círculo. Ok, agora vamos adicionar um preenchimento a isso. E da mesma forma que, se pegarmos nossa ferramenta de camada de forma, pegamos sua ferramenta de elipse e preenchemos o botão de mudança Ao clicar com o botão esquerdo e arrastar , ele fará com que seja um círculo perfeito. Você tem exatamente as mesmas opções. Se você abrir a elipse um e o caminho da elipse um. Você pode ajustar o tamanho do caminho da elipse e mover sua posição Eles são idênticos no que você pode fazer com eles. A principal diferença é que quando você cria uma camada de forma usando a ferramenta de camada de forma, ela traz seu traçado e preenchimento. Por outro lado, se você o criar do zero, precisará adicionar fisicamente a elipse e o Vamos criar uma nova camada de forma. Vamos adicionar polystar. Agora, observe que aqui não há opção para polígono, então vamos escolher um Polystar E adicionaremos um preenchimento e também acessaremos nossa ferramenta de camada de forma. E observe que temos a ferramenta Polygon e Star, temos essas duas opções Se você sabe que quer um polígono, basta escolher Ou se você sabe que quer estrelar, você pode escolher estrela. Essa é uma das diferenças. Se você criá-lo usando a ferramenta de camada de forma, vamos escrever a ferramenta de polígono e, mantendo pressionada a tecla Shift, vamos arrastar para a esquerda É por isso que ele não gira e os coloca um ao lado do outro Então, esses são, na verdade, o mesmo tipo de camada de forma que você pode ver abaixo da nossa camada de forma, aqui temos polystar, um é o polígono E o caminho do polystar é aquele que foi recriado usando o botão direito do mouse em Nova camada de forma. Isso é vinho. Vamos abrir esses dois caminhos de polystar. Você os notará abaixo do nome do caminho polystar. Eles têm tipo. Agora, sob o polígono que criamos, obviamente ele está definido como polígono, abaixo da estrela, está definido como Ambos têm a opção de estrela ou polígono. Então, agora estamos na estrela aqui. Veja o que acontece sempre que escolhemos um polígono. Parece idêntico ao polígono que escolhemos usando nossa ferramenta de polígono A mesma coisa se colocarmos os dois como estrelas, ambos têm a mesma forma e a mesma forma. É a mesma ideia. Com a criação de um retângulo, você só tem uma opção para retângulo, embora saiba que tem a opção de arredondamento A mesma coisa, você tem apenas uma opção para o Polystar. Embora você tenha a opção de mudar isso para um polígono tudo o que o Effx permite que você faça usando a ferramenta Shape Layer é simplesmente ignorar Uma etapa extra, se você sabe que quer um retângulo arredondado ou se você sabe que quer um polígono, então você pode escolher isso na ferramenta de criação da camada de forma e não precisa entrar aqui e Apenas para recapitular rapidamente, vá para a nova camada de forma, acesse nosso conteúdo e adicione Temos três opções para retângulo, elipse No entanto, com nossa ferramenta de camada de forma, temos a opção de ferramenta de retângulo, ferramenta de retângulo arredondado, ferramenta de elipse, ferramenta de polígono e ferramenta polígono Você tem exatamente a mesma quantidade de controle com cada opção. Uma das outras coisas que você pode ver na sua camada de forma é que você também tem essa opção de caminho, que está nesse grupo com retângulo, elipse Bem, ao lado da nossa ferramenta de camada de forma está a ferramenta Pin. A ferramenta Pin faz a mesma coisa que o caminho. Digamos que, se acessarmos nossa camada de forma aqui e escolhermos adicionar caminho, podemos ver que nossa ferramenta Pin é padronizada e deseja automaticamente que criemos um Novamente, se você o criar manualmente, precisará entrar aqui e adicionar um traçado e, em seguida, fornecer detalhes específicos para a largura do traçado e a cor Por outro lado, se você simplesmente pegar a ferramenta de alfinetes aqui e começar a desenhar, ela cria uma forma para você e fornece o traçado na largura do traçado. Crie suas réguas escolhendo controlar tudo em um PC. Coloque uma régua aqui e, seguida, você poderá encaixá-la na guia Então, vamos abrir nossa forma, destacar o caminho. E basta trazer esses pontos até a linha. E agora temos uma linha perfeitamente reta. Então, esses são os diferentes tipos de formas e os diferentes tipos de caminhos e as diferentes maneiras chegar até eles criando uma camada de forma clicando com o botão direito do mouse em nova camada de forma ou camada, nova camada de forma. Em vez de ir diretamente para nossa ferramenta de criação de camadas de formas. Novamente, existem algumas maneiras de criar a mesma coisa. Mas você tem os mesmos controles , independentemente de como você cria uma forma ou um caminho. E essa é a coisa mais importante a ser aprendida nesta lição. 7. 02.05 Criando camadas de forma: Ok, então vamos continuar e criar uma nova composição. Desta vez, usaremos nosso ícone. Clique nele e, em seguida, renomearemos isso Criando camadas de forma Escolha. Ok, agora vou repassar isso mais uma vez. Há três maneiras de criar camadas de forma. Dois deles são pelo que vou chamar de comando. O que significa que você pode escrever, clique nesta área aqui embaixo e escolha a camada Nova Forma. Ou você pode ir até Shape Layer que está criando uma forma por comando. E então outra maneira é criá-lo usando a ferramenta Shape Layer. Se você for até a barra de ferramentas, ao lado da ferramenta caneta, verá uma ferramenta retangular Você pode pegar isso e escolher qualquer uma dessas formas. Escolheremos uma elipse. E se você segurar o botão esquerdo do mouse e arrastar, poderá começar a criar uma elipse Se você pressionar o botão Shift enquanto arrasta, ele formará um círculo perfeito ou um quadrado perfeito. Solte-o e veja nosso ponto de ancoragem ir direto para o meio Agora vamos escolher uma ferramenta retangular, segurando o botão esquerdo do mouse Vamos clicar e arrastar. E agora vemos como a largura e a altura são diferentes. Mas se você segurar o botão Shift, ele automaticamente vai para um quadrado perfeito. Observe o que acontece com seu ponto de ancoragem. Depois de adicionar uma segunda forma a uma forma, o ponto de ancoragem da camada permanece centralizado na primeira forma que você criou Ela não se reajusta ao centro da sua camada de forma Isso é significativo quando você começa a animar essas camadas de formas, e abordaremos isso em uma lição posterior Por enquanto, observe que, se você criar uma forma usando a ferramenta modelada, ponto de ancoragem da sua camada será centralizado na primeira forma que você Escolher o caminho do retângulo arredondado, mantendo pressionada tecla shift, faz a mesma coisa com a ferramenta de retângulo arredondado Você pode ver que é como a ferramenta retangular, mas tem bordas arredondadas pressionadas pelo botão Shift e forma um quadrado perfeito Ok, agora vamos excluir essa camada de forma. Se você escolher a ferramenta de polígono e clicar com o botão esquerdo e arrastar enquanto eu estiver rolando para a esquerda e para a direita, ele está girando E também se você subir e descer, ele está girando. Agora, se você segurar o botão Shift, ele apenas o mantém onde não girará Você pode torná-lo maior e menor, mas ele não girará. Então, agora estou soltando o botão Shift e, novamente, podemos girá-lo. E isso também vale para as Star Tools. Vamos escolher o botão esquerdo do mouse e arrastar e, como você pode ver, para a esquerda e para a direita, cima e para baixo, ele está girando Se você segurar o câmbio, ele não permitirá mais girar, mas apenas aumentará e diminuirá. Eu vou para a esquerda e para a direita e depois também para cima e para baixo. Então, algo que você deve ter em mente sempre que estiver criando essas formas usando a ferramenta de formas. Se você pressionar a tecla shift para círculos ou retângulos, isso tornará a forma um quadrado ou círculo perfeito E para polígonos e estrelas, isso simplesmente desativa a capacidade de girar Então, agora, qual método é melhor? Bem, isso depende do que você está tentando fazer e realmente de qual é o seu método preferido. Eu prefiro criar formas clicando com o botão direito do mouse nessa área, escolhendo uma nova camada de forma. E a razão é porque eu não gosto ter minhas formas pré-carregadas. Gosto de escolher tudo do zero. Agora, isso é apenas uma preferência pessoal. Não é algo melhor do que qualquer outra coisa. No entanto, existem algumas vantagens e desvantagens em fazer isso De qualquer forma, as vantagens e desvantagens de criar uma camada de forma, seja clicando com o botão direito do mouse e escolhendo uma nova camada de forma, ou acessando a nova camada de forma, são as mesmas Mas há algumas diferenças entre isso e criar uma camada de forma usando a ferramenta de forma. Então, primeiro eu quero criar uma camada de forma clicando com o botão direito do mouse e escolhendo uma nova camada de forma. Em seguida, vou abrir nossa camada de forma e acessar o botão Anúncio, que está ao lado da palavra Anúncio. E eu vou apenas criar uma elipse e, em seguida, vou dar um preenchimento e um traçado E a razão pela qual eu gosto de criá-lo assim é porque agora eu tenho controle total sobre onde ele está localizado. Gosto que minhas formas estejam sempre no centro da minha composição. E, novamente, se você clicar no botão de aspas, ele exibirá suas guias de margem segura Você pode ver que, por padrão, coloca sua camada de forma no centro de sua composição. No entanto, ao usar esse método, você precisa adicionar a forma desejada e um preenchimento e um traçado. Ao criar camadas de forma nesse método, seu traçado será automaticamente branco e seu preenchimento será automaticamente vermelho. Então, vamos nos livrar dessa camada de forma. Se criarmos uma forma usando nossa ferramenta de forma, obtemos nossa ferramenta de elipse e clicamos com o botão esquerdo , arrastamos e mantemos pressionado o botão Shift para obter um círculo perfeito Recebemos um preenchimento. E um traço pré-carregado automaticamente dentro dele, o que é ótimo. No entanto, não está necessariamente centrado em nossa composição Para centralizá-lo, você precisa acessar o painel Align e centralizá-lo E, em seguida, alinhe o centro verticalmente. As formas criadas usando a ferramenta de criação da camada de forma são pré-carregadas com o último preenchimento e a cor do traçado, bem como a largura do último traçado que você usou, para que você não precise adicionar um preenchimento ou traçado. Isso pode ser útil se você estiver criando uma série de formas que exigem as mesmas cores toda vez que você cria uma nova forma usando a ferramenta de criação de camada de forma, sua forma terá os mesmos atributos de preenchimento e traçado que você escolheu por último. Você também notará que, ao usar a ferramenta de criação da camada Shape, After Effect coloca automaticamente a forma junto com seu preenchimento e traçado dentro de um grupo. E nomeia o grupo, seja qual for a forma. Nesse caso, o grupo após os efeitos criados é a elipse um. Seu lado desse grupo está a elipse, bem como o preenchimento e o traçado Exclua essa camada de forma, pegue essa ferramenta de polietileno, clique com o botão esquerdo e arraste e obtenha o tamanho que quisermos A menos que soltemos nosso ponto de ancoragem, aparece no meio Vamos centralizar isso agora para ver se abrimos nossas configurações de polystar, podemos ver que ela veio com o traçado e o preenchimento automaticamente Isso nos deu o golpe e o valor que duramos. Vamos alterar esse valor para verde e fazer esse traçado talvez como amarelo. Ok, agora se eu me livrar disso, vou ver se eu crio outra forma. Digamos que vamos fazer essa ferramenta estelar agora, ela será um traço amarelo. Com um preenchimento verde, seu traçado será automaticamente branco e seu preenchimento será automaticamente vermelho somente quando você o criar por comando. Significa clique com o botão direito do mouse, camada de forma ou camada, camada de forma. Você obterá esses valores para seu traçado e preenchimento, e até mesmo o tamanho do traçado com base nos valores que você escolheu. Por fim, se você usar a ferramenta de forma, cada método executará algumas etapas extras, dependendo apenas do método de sua preferência. Só para recapitular rapidamente, se você clicar com o botão direito do mouse e escolher uma nova camada de forma, para adicionar conteúdo à sua camada de forma, você precisará usar o botão Adicionar Então, você quer adicionar qualquer forma, digamos, retângulo, e adicionar um preenchimento e um traçado O padrão é sempre branco para o traçado, com dois pixels de largura e vermelho para o preenchimento. E então você precisa redimensioná-lo para o tamanho que desejar Mas está no centro da sua composição. Ou, se você usar uma ferramenta de camada de forma, clique com o botão esquerdo do mouse e arraste mantendo pressionado o botão Shift. E embora seu ponto de ancoragem esteja centralizado no meio da camada de forma, como vemos, você ainda precisa alinhá-lo ao centro da sua como vemos, você ainda precisa alinhá-lo ao centro da Se é onde você quer que esteja. Você obterá esses valores para o traçado no preenchimento e até mesmo o tamanho do traçado com base nos valores escolhidos. Por último, se você usar a ferramenta de forma, qualquer um dos métodos é bom, depende apenas da maneira que você preferir. 8. 02.06 Tamanho do caminho versus escala de camadas: Agora vamos examinar algumas das diferenças entre essas formas e alguns de seus atributos. Então, vou escrever, clique em New Shape Layer. Eu vou abrir isso. Vamos adicionar um retângulo. Adicione também uma elipse. Então, vamos dar a isso um preenchimento e um traçado. Agora, como eles estão empilhados, como você pode ver dentro de nossa composição, adicionamos o retângulo e a elipse um em cima do outro, eles têm exatamente a mesma a elipse um em cima do outro, eles têm exatamente a Todos os retângulos e todas as elipses têm como padrão o tamanho de 100 pixels por 100 pixels Portanto, esse tamanho aqui não está em porcentagens. Lembre-se de que, de nossas propriedades de transformação, temos ponto de ancoragem, posição e escala A escala está em porcentagens. Essa escala é 100%. E você pode ver logo ao lado do valor da escala, esse sinal de porcentagem. Agora, para um caminho retangular e um caminho de elipse, não há sinal E a razão é porque eles têm 100 pixels por 100 pixels de largura. Então, podemos realmente aumentar o tamanho deles de forma independente. Além disso, uma das coisas que você pode fazer é desvincular o tamanho Digamos que, se desmarcarmos isso, você poderá ver as restrições, as proporções. Agora, se rolarmos nosso valor x para o caminho do retângulo, veremos que ele é mais largo do que mais alto E também podemos ajustar a altura dela. Podemos ajustar isso de forma independente. O mesmo vale para o caminho da elipse. Se desmarcarmos isso, podemos torná-lo mais largo, independentemente de sua altura, ou mais alto, independentemente de Se ela quiser ser um círculo perfeito, simplesmente faça com que esses valores sejam iguais. Vou definir a largura desses 330 e revinculá-los para fazer esse 330 e fazer esse valor 330. E vamos vincular isso novamente. E agora temos nosso retângulo perfeito e nossa elipse perfeita Mais uma vez, lembre-se de que, com todos os retângulos e todas as elipses, a forma padrão será sempre que, com todos os retângulos e todas as elipses, a forma padrão será um tamanho de pixel de 100 por 100 9. 02.07 formas vs. caminhos: Qual é a diferença entre uma forma e um caminho? Bem, as formas são feitas de caminhos e eu vou te mostrar o que quero dizer. Com o botão direito do mouse, a nova camada de forma adicionará um retângulo e adicionaremos um traçado. Vamos apenas aumentar isso. Se você clicar com o botão direito do mouse na palavra do caminho retangular aqui e escolher Converter em caminho de Bezier Isso mostrará quais caminhos realmente compõem esse retângulo Nós clicamos. Se clicarmos em nosso caminho um, podemos realmente ver os segmentos que compõem esse caminho retangular Agora que convertemos isso em um caminho, podemos realmente manipular o caminho Podemos brincar com cantos e criar qualquer tipo de forma que quisermos. Também podemos adicionar mais pontos. Se você escolher sua ferramenta de caneta, poderá adicionar um ponto a qualquer um desses caminhos aqui. E agora podemos criar uma forma ainda mais interessante. Novamente, do jeito que fiz isso, vamos nos livrar do nosso conteúdo. Vou adicionar um retângulo e, em seguida, quero adicionar um traçado Torne esse traço um pouco maior. Em seguida, clico com o botão direito do mouse no caminho do retângulo e escolho Converter em caminho de Bezie Agora você também pode criar caminhos por si só. E da maneira como você faz isso com o conteúdo destacado, clique em Adicionar caminho. E isso abre sua ferramenta de caneta, então você pode simplesmente fazer dois pontos, por exemplo, adicionar um traçado, e agora você tem uma linha. Então, na verdade, você adicionará mais pontos a isso , conforme desejar. Uma forma é um conjunto de caminhos fechados, enquanto o caminho não está fechado Você também pode criar esse caminho de outra forma. Veja, a maneira como eu fiz isso foi ter a camada de forma já adicionada. Em seguida, adicionei um caminho. E isso abre sua ferramenta de Pin. Nós diremos, e se eu não quisesse fazer dessa maneira? Bem, você pode simplesmente escolher sua ferramenta Pin e começar a desenhar. Assim como sua ferramenta Shape, ela traz automaticamente seu traçado e seu preenchimento. Veja se você abre seu conteúdo. Agora temos uma forma e é um caminho apenas para enfatizar o botão direito do mouse e escolher uma nova camada de forma. E então adicionamos um caminho. O padrão será sua ferramenta de Pin, para que você possa criar o caminho que quiser. Você precisa entrar fisicamente e adicionar um derrame. E o padrão é branco com dois pixels de largura. No entanto, se você quiser criá-la da mesma forma que criaria uma forma usando sua ferramenta de forma, basta escolher a ferramenta caneta e começar a desenhar um caminho. Ele incluirá a cor e a largura do traçado, bem como o preenchimento do último traçado e preenchimento que você escolheu. Se você abrir isso, você verá abaixo do seu grupo de formas Esse é realmente um caminho. A principal coisa a tirar disso é que as formas são compostas por um conjunto fechado de caminhos Exclua essa camada de forma, desenhe alguma forma. E o que quero dizer com anexo é que você quer que seu último ponto seja seu primeiro ponto Então, vamos clicar aqui e ver como está fechado Temos esse preenchimento e esse traço. E eu não tenho certeza se você percebeu o que acabou de acontecer, mas vamos nos livrar disso bem rápido. Se começarmos a desenhar, quando começarmos a obter uma forma aqui, ela realmente será preenchida, mas o problema é que ela não está delimitada por uma borda Então, tecnicamente, ele fornece um preenchimento sempre que você cria um caminho como esse Mas não será cercado por um derrame. Então veja, essa é uma forma meio estranha. Portanto, se você quiser criar uma forma fechada em todos os lados, certifique-se de que seu primeiro ponto seja igual ao último ponto E dessa forma, será totalmente fechado. 10. 02.08 Preenchimentos e traços - Adicione Button: Ok, agora, nesta lição, vamos abordar o que eu chamo de atributos da camada de forma. Então, vamos mergulhar direto nisso. Vamos criar uma nova composição dessa vez. Vamos fazer o controle para PC, vamos chamar isso de Shape Layer Attributes. Clique em OK. A forma como você pode adicionar seus atributos e a forma como você pode controlá-los varia dependendo de como você cria sua camada de forma. É por isso que eu queria mostrar a vocês anteriormente as diferentes maneiras de criar camadas de formas. À direita, clique nesta área aqui e crie uma nova camada de forma. Se clicarmos no botão Anúncio, podemos acessá-lo por meio de nossa camada de forma ou no topo por meio de nosso controle de camada de forma. O que quero dizer com atributos é tudo o que está abaixo das formas e caminhos reais. Portanto, preencha traçado, gradiente, preenchimento, traçado gradiente. E então todas essas ferramentas de animação. E abordaremos tudo isso detalhadamente e outras lições. Por enquanto, quero me concentrar no preenchimento, no traçado, no preenchimento com gradiente e no traçado com gradiente. Se criarmos uma camada de forma neste método em que escrevemos, clique e escolhemos uma nova camada de forma, como sabemos. Na verdade, temos que dizer que vamos adicionar uma elipse e adicionar preencher um traçado, um preenchimento de gradiente ou um traçado de gradiente Já fizemos preenchimentos e traçados. E então podemos aumentar o tamanho desse caminho de elipse, como sabemos dentro de nossos controles de caminho de elipse E podemos até mesmo controlar o tamanho do nosso traço. Isso é bastante fácil, mas agora temos outras opções. Vamos nos livrar desse traço nesse preenchimento, e teremos nosso caminho de elipse. Vamos adicionar um preenchimento de gradiente. O preenchimento de gradiente é padronizado para um gradiente linear. O que quero dizer com isso é que, se abrirmos esse preenchimento de gradiente, aqui, podemos ver que o tipo é linear Temos duas opções, linear ou radial. Radial significa simplesmente que o gradiente é um gradiente radial que começa dentro do nosso círculo Eu não mexi com nenhum desses controles. Então, o que você vê aqui é como o Afrofx é padronizado. Vamos usar um preenchimento de gradiente linear. Vemos que nosso ponto inicial é 00, ponto final é 1000. Agora, esses são pixels localizados em nossa camada de forma. Então, quando começamos a movê-los, podemos ver o efeito que está tendo em nosso gradiente. Se quisermos que seja um gradiente horizontal, por exemplo, precisamos alterar essas configurações Queremos tornar nosso X em um ponto inicial e um ponto final de exxon em zero e agora podemos começar a invertê-los Podemos torná-los mais ou menos gradientes A maneira de manipular o gradiente linear, seja horizontal ou vertical, é ajustar o valor X do seu ponto inicial e final Então, basta fazer alguns ajustes nessas configurações para obter a aparência desejada. Essas cores são padronizadas para preto e branco. Preto puro a branco puro. E no meio, o gradiente é cinza. Se você clicar nesse gradiente de edição, agora poderá escolher as cores desejadas Portanto, veja que nossa opção na extrema esquerda está definida como branca. Então, talvez façamos isso como vermelho e, em seguida, a cor preta padrão, possamos fazer disso outra coisa Então, como você pode ver, suas possibilidades já estão crescendo. Você pode alterar as cores e até mesmo mudar a direção do seu gradiente linear Você pode fazer todo tipo de coisas legais com isso. Você pode mexer com a opacidade disso. Então, se você quer ser um pouco mais leve, você quer ser muito brilhante. Então, essas são algumas das configurações do gradiente linear Defina tudo isso de volta ao que era por padrão, que está tudo definido como zero com o valor do ponto final x em 100 E mude isso para radial. Agora temos esse pequeno círculo dentro de um círculo maior. E, novamente, começamos a mexer em algumas dessas configurações Esse valor y espalha o gradiente para o ponto final e o valor x altera Ao ajustar essas configurações, você pode ver como isso afetará seu gradiente. Agora, dentro de um gradiente de rádio, você também tem um alto comprimento de luz padrão é 0%. Você pode aumentar isso e ver como ele se move dentro do seu Aqui você também tem o ângulo de destaque. Então, conforme você ajusta isso, ele se move dentro do círculo do gradiente radial Você pode ajustar sua opacidade, editar o gradiente. Você pode ajustar suas cores. Então, talvez você queira fazer algo um pouco diferente. Você pode até adicionar mais pontos aqui. Então, digamos que você queira uma terceira ou quarta parte do seu gradiente. Experimente e veja todas as possibilidades que você pode criar. Tudo isso é estruturável. Há cronômetros na frente de todas essas configurações. Assim, você pode definir quadros-chave movê-los e fazer todo tipo de coisas legais com eles. Você pode mudar as cores, as possibilidades são realmente infinitas. Então, agora, se você assistir novamente, poderá ver algumas das coisas que você pode fazer com ele. E isso é apenas uma brincadeira muito rápida com algumas dessas configurações. Esse é o seu preenchimento de gradiente. Novamente, você tem radial e linear Você tem todas essas configurações. Também temos um traçado de gradiente e ele funciona da mesma maneira Vamos aumentar o tamanho disso. Temos linear e radial. Você tem seus pontos inicial e final. Você tem o comprimento do destaque, o ângulo de destaque. Você pode mudar suas cores. Existem muitas opções que você realmente tem com esses gradientes. Você pode adicionar preenchimentos de gradiente e traçados de gradiente a todas as formas, seja uma elipse, uma retangular ou uma 11. 02.09 Preenchimentos e traços - ferramenta de criação de camadas de forma: Na lição anterior, aprendemos como adicionar traçados e preenchimentos ao criar uma forma por comando Nesta lição, veremos como adicionar traçados e preenchimentos ao criar uma camada de forma usando a ferramenta de criação de camada de forma Vamos pegar essa ferramenta de retângulo arredondado mantendo pressionado o botão esquerdo do mouse Vamos clicar e arrastar quando você cria sua forma usando a ferramenta de camada de forma. Na verdade, você pode ir até o traçado, preencher e segurar. Se você clicar, verá que pode fazer algumas escolhas aqui. Segure o botão Alt e clique para torná-lo um traçado de gradiente linear Se pressionarmos a tecla Alt e clicarmos novamente, isso fará com que seja um traçado de gradiente radial Se fizermos isso mais uma vez, isso remove nosso derrame. E se você clicar com a tecla Alt mais uma vez, será um traço sólido. Ok, e a mesma coisa com o preenchimento. Vamos segurar o botão Alt e clicar em Preencher, e veremos que é um preenchimento de gradiente linear Um clique novamente, é um preenchimento de gradiente radial. Clique tudo novamente e, em seguida, ele remove o preenchimento. E faça isso mais uma vez e isso adiciona preenchimento sólido. Você tem todos esses atalhos somente se criar sua forma usando a ferramenta de forma E eu vou te mostrar se você usar a camada New Shape, se adicionarmos um retângulo e vamos torná-lo um pouco maior Agora, se eu começar a clicar aqui, clique em Stroke. Podemos ver que ele está pedindo que ele mude para diferentes tipos de gradientes e remova o traçado ou vá para um sólido O mesmo com o preenchimento. Se clicarmos, é tipo, oh, isso é um gradiente linear Isso é um gradiente radial. Mas não o está adicionando à nossa camada de forma. Precisamos adicioná-la fisicamente à forma se criarmos uma camada de forma do zero, usar nossa ferramenta de camada de forma vez de usar nossa ferramenta de camada de forma depois de adicionar um traçado. Agora veja se clicarmos nele, ele o mudará para um traçado de gradiente A mesma coisa se você adicionar um preenchimento. Agora podemos clicar no preenchimento e isso nos dará um preenchimento gradiente E você clica novamente e faz com que seja um preenchimento de gradiente radial Clique nele novamente e ele o removerá. Vemos que o globo ocular desapareceu aqui. Alt, clique novamente. Você vê que o globo ocular se acende novamente e o torna sólido. Essa é apenas uma das coisas que você deve ter em mente: se você criar uma camada de forma do zero, você criar uma camada de forma do zero, precisará adicionar fisicamente pelo menos um traçado ou um preenchimento para alternar entre as opções de clique alternativo, em as opções de clique alternativo vez de criar uma camada de forma usando a ferramenta Shape Layer E faz sentido pensar nisso da mesma forma que, quando abordamos as formas de criar camadas de forma, quando você cria uma camada de forma usando a ferramenta de camada de forma, ela fornece automaticamente um traçado e um preenchimento. Portanto, faz sentido que, desde o início, você tenha a opção de adicionar tudo isso. Isso abrange os atributos da camada de forma de traçado de preenchimento, preenchimento de gradiente, traçado ingradiente 12. 02.10 Cor do traço, opacidade, largura: Nesta lição, abordaremos os atributos do traçado, com foco na cor, opacidade e largura do traçado Então, vamos criar uma competição. Vamos clicar no ícone Criar nova composição aqui. E vamos chamar esse traço de Atributos. Realmente não importa como você cria sua camada de forma aqui, já que vamos nos concentrar principalmente em traços, vou criar uma do jeito que eu gosto de escrever Clique em Nova camada de forma e ela pode ter qualquer forma. Vou criar um retângulo e adicionar um traçado E vou aumentar a largura do traçado para 15 pixels. E então vou abrir o caminho do retângulo e aumentar o tamanho para que possamos vê-lo melhor Vamos tornar esse traço um pouco maior. Digamos que 50 pixels. Ok, agora, se abrirmos nosso traçado um aqui abaixo da nossa camada de forma, podemos ver que, na verdade, existem muitos controles que temos para nosso A primeira coisa que você notará é que nossa cor tem um cronômetro, que significa que é emoldurável Vamos definir um quadro-chave no início dessa camada. Avance um pouco, mude para vermelho, avance um pouco mais, mude para amarelo e avance um pouco mais, mude para azul. Se você terminar de repetir essa área, pressione zero no teclado para reproduzi-la. Agora podemos ver como nossa cor pode ser quadros-chave, então ela passa de uma cor para outra. Entre esses quadros-chave, ele está mudando seu valor, está mudando as cores entre os quadros-chave Esse quadro-chave aqui é vermelho sólido. Este é branco, mas no meio está uma mistura desses. O mesmo entre o segundo e o terceiro. Isso é vermelho e vai para amarelo. No meio, vemos que é mais parecido com uma laranja e, do amarelo ao azul, no meio, um verde. Se você quiser que eles mudem drasticamente, passando de branco para vermelho, amarelo, azul, uma coisa que você pode fazer é destacar todos esses quadros-chave, clicar com o botão direito do mouse e escolher a opção Manter quadro-chave clicar com o botão direito do mouse e escolher a opção Manter Ele não altera o valor até que seu indicador de reprodução chegue ao próximo quadro-chave Se você assistir, ele simplesmente muda abruptamente para as cores reais que escolhemos controlar Clique novamente em, altere-os de volta para quadros-chave lineares. Se você atingir nove, isso os torna mais felizes. Remova esses quadros-chave. manter esse branco para a próxima seção. Vamos à opacidade. Faça com que seu traço seja zero. A opacidade é transparente. A capacidade 100 é a mais brilhante possível. Novamente, isso é estruturável por chave, você gostaria que ele piscasse. Por exemplo, desligue e ligue de 0 a 100 Destaque-os, mantenha pressionado o quadro-chave e reproduza-o. E vemos como podemos criar um flash se você não pressioná-los e jogar, você vê que ele entra e desaparece entre Vamos deixar isso com 100 traços de largura, dissemos isso com 50. Isso é estruturável por chave, você pode alterar a largura É o mesmo princípio de nossa cor e nossa opacidade Você pode alterar lentamente a largura do traçado. Ou, se você destacar todos esses quadros-chave com o botão direito do mouse para pressionar e segurar, ele saltará para tamanhos diferentes Depende do que você está procurando em sua animação. 13. 02.11 Tampa de linha e junção de linha: Se você notar que temos limite de linha e clicar no menu suspenso, há três opções: limite, limite redondo e limite de projeção Essas diferenças são mais visíveis nos caminhos. Então, vamos seguir em frente e criar um caminho bem rápido. Vamos criar apenas dois pontos aqui. Vou ampliar isso. Vamos nos concentrar nesse caminho com tampa traseira, que é o padrão O traçado termina no final do caminho, o que significa que esses dois vértices são o comprimento do caminho Escolher uma tampa traseira significa apenas que ela será quadrada em cada extremidade do caminho Se escolhermos uma tampa redonda, ela se estende além dela, mas com um semicírculo arredondado projetando, ela se estende um pouco além dela Com uma linha quadrada fora da tampa, a junção afetará formas e caminhos com mais de dois vértices No momento, temos o que é chamado de junção motora, e isso é apenas uma conexão pontual Tampa redonda e junção redonda têm o mesmo efeito sobre o que estão afetando. Já o caminho, uma extremidade arredondada, junção redonda, faz com que os cantos do nosso retângulo tenham um canto arredondado Então, a outra opção é a junção chanfrada, que nos dá uma borda chanfrada É como uma conexão quadrada. Está em algum lugar entre uma conexão pontiaguda e uma conexão redonda. Se escolhermos a junção chanfrada, veremos como ela se enquadra na desconexão. Lembre-se de que o limite de linha afetará seus caminhos que estão em segmentos de linha. Então, podemos adicionar mais pontos aqui e você pode ver o efeito que isso tem sobre isso. Então, se gostarmos de um ziguezague, podemos ver como isso afeta apenas as pontas deles Mas agora, se escolhermos a junção redonda, ela arredondará esses segmentos que estão entre as extremidades do caminho. limite de linha afeta apenas as extremidades do seu caminho, e isso faz sentido. Isso realmente não afetará uma forma. Porque se o limite de linha afeta as extremidades de um caminho, bem, uma forma realmente tem o fim de um caminho porque está tudo conectado. Uma boa maneira de lembrar isso é que limite de linha afetará os caminhos, somente a junção de linha afetará as formas. E caminhos com mais de dois vértices. Dependendo de quão extremos são seus vértices, será mais perceptível como se eles estivessem mais próximos, talvez não seja tão perceptível quanto se fizéssemos uma junção redonda e uma tampa redonda Veja, eles são realmente arredondados. Embora você realmente não consiga perceber até começar a se tornar um pouco mais extremo para perceber a diferença. 14. 02.12 traços de traços: Bem-vindo de volta às nossas aulas sobre atributos do AVC. Até agora, abordamos cor, opacidade, largura do traçado, linha, capa e junção de linha Nesta lição, vamos nos concentrar nos traços, que estão localizados abaixo da junção Então, vamos clicar em Adicionar grupo Dasher. Imediatamente, já vemos o efeito que isso tem. Se você não o remover, basta apertar o botão de menos e ele o removerá Agora, a razão pela qual isso está afetando tanto o retângulo quanto o caminho é porque, na minha camada de forma, adicionei a forma que é esse caminho que desenhei e esse caminho retangular Então, vou seguir em frente e me livrar dessa forma com o caminho para que possamos focar apenas em nosso retângulo por enquanto Ok, vamos adicionar nossos traços novamente. A primeira coisa a observar é esse número ao lado do nosso. Se você aumentar, o número de traços diminui. E se você diminuir esse número, o número de traços aumentará Eles se aproximam e aumentam de tamanho. À medida que o número aumenta, mais espaços entre eles e menos espaços ficam visíveis. Veja, podemos ir até o alto. Em 854, há apenas dois traços. É aqui que você realmente deseja trabalhar em conjunto com a largura do traçado Ok, então vamos fazer o traço um pouco mais fino para ver como isso afeta a linha do traço E então vamos dar a ela uma junção redonda e um deslocamento da tampa redonda está localizado aqui Ao ajustar as configurações do deslocamento, você pode ver como ele move os traços ao redor do caminho do traçado Ambos são estruturáveis por chave. Defina um quadro-chave para deslocamento em zero e vá frente e talvez mova-o apenas para algum número aleatório E se você assistir, é assim que você pode fazer seus traços se movam pelo quadrado Ao alterar esse deslocamento aqui, o quadro-chave traça. Vamos talvez fazer isso 35 e ver o que acontece. Uma animação interessante. O ponto principal é que você tem muitas opções com traços e com o deslocamento Se você destacar o traço e pressionar mais novamente, você terá uma opção chamada gap O intervalo padrão é dez. Quanto maior a lacuna que você fizer, maior será a distância entre cada um. Essa é uma estrutura essencial, então você pode animá-la de várias maneiras Você pode adicionar até três. E controles de lacuna, destaque, traço, mais, novamente obtemos dois mais, novamente obtemos lacuna dois mais, novamente obtemos três mais, novamente obtemos lacuna três Observe que não temos mais a opção de adicionar mais traços ou lacunas Ao começar a jogar com algumas dessas configurações, você pode fazer coisas muito interessantes com seu traço. Agora você pode ter três controles diferentes para seus traços e lacunas e como eles interagem entre si O jogador com esse offset realmente tem uma aparência interessante. Essas lacunas são afetadas pelos traços e lacunas anteriores. O que quero dizer com isso é isso. Deixe-me reduzir tudo isso para dez. Esses dois são afetados por um. Isso está interagindo com um, assim como essa lacuna aqui. A lacuna três agora está interagindo com todos os itens acima. Isso aqui está sendo afetado pelo 2.1 A mesma coisa com a nossa lacuna. À medida que aumentamos e diminuímos, isso afeta a lacuna um e a lacuna dois. Se você quiser se livrar de qualquer um desses traços ou lacunas, basta pressionar o botão de subtração e ele os removerá da posição mais inferior Não importa qual. Você destacou avisos com um valor de 27. Se você clicar em subtrair , ainda está lá. O atributo que estava na posição inferior era a lacuna três. Então esse é o que foi removido quando você clica em subtrair. Eles são removidos na mesma ordem em que foram adicionados. Você sempre pode adicioná-los novamente, mas eles voltarão ao original, que é dez. E se você quiser se livrar completamente dos traços, basta pressionar o botão de menos aqui e seu traçado voltará a uma linha sólida Os atributos são um traçado de opacidade de cores estruturável traçado No entanto, sua junção de linha não é mais do que seu traçado de opacidade de cores Se você adicionar traços, o traço no deslocamento e a lacuna, se você adicionar uma lacuna, são todos ajustáveis . Se você quiser que algo esteja piscando ou se quiser que as cores apareçam e apareçam, você deseja destacar todas essas opções, clique com o botão direito do mouse e mantenha pressionado o quadro-chave que algo esteja piscando ou se quiser que as cores apareçam e apareçam, você deseja destacar todas essas opções, clique com o botão direito do para que elas apareçam e liguem para e Caso contrário, eles se misturarão e incluirão valores entre os quadros-chave, ou seja, atributos de traçado. 15. 02.13 Seção 02 revisão: Esta seção estava repleta de informações muito detalhadas e densas, mas fornece uma base muito sólida para entender como trabalhar com camadas de forma e também quais são os aspectos técnicos das camadas de forma. Se há algo sobre o qual você não tem certeza ou acha que não entendeu totalmente um conceito, eu recomendo que você volte e assista novamente, que você o entenda completamente Antes de prosseguir, na próxima seção, examinaremos vértices e grupos. Compreender os tipos de vértices em um caminho e como manipulá-los lhe dará mais controle sobre seus projetos agrupamento e as camadas de formas mantêm seu design simplificado, mas também oferecem mais controle sobre todas as formas em seu Em alguns casos, o agrupamento é necessário. Em outros casos, o agrupamento não fornecerá o efeito desejado e, em outros casos, o agrupamento é opcional Não se preocupe, abordaremos todas essas situações ao longo do curso. Estou ansioso para ver você de volta na próxima seção. 16. 03.01 Seção 03 - Propriedades da camada de forma: Bem-vindo de volta ao Power of Shape Layers, seção três, Propriedades da Shape Layer. Fico feliz em ver que você está progredindo neste curso agora que aprendeu tudo sobre hierarquia de camadas de formas Os diferentes tipos de propriedades de transformação, as diferenças entre caminhos e formas. E como adicionar notas e traços e todos os componentes que compõem os traços Vamos falar sobre vértices e agrupamentos. O plural do vértice é vértices. Então, sempre que falo sobre vértices, quero dizer simplesmente mais de um vértice Pense nisso como um ponto de parada para um caminho. Uma linha reta tem dois vértices e um retângulo tem quatro Existem diferentes tipos de vértices e maneiras diferentes de manipulá-los para tirar o máximo proveito de seus designs Também vamos analisar o agrupamento. agrupamento se refere à organização uma forma em seu próprio compartimento, onde ela tem seus próprios preenchimentos, traços e ferramentas de animação específicas para Somente você pode agrupar completamente uma forma em todos os seus atributos ou agrupar uma forma em alguns de seus atributos. Por exemplo, sempre que você tem uma ferramenta de preenchimento, traçado e animação abaixo de mais de um grupo Abordaremos tudo isso nas próximas aulas. Há muita coisa pela frente. Vamos direto ao assunto. 17. 03.02 Treinamento básico de vértices: Nesta seção, examinaremos os vértices. Vértices é o plural do vértice. Cada forma tem vértices e cada caminho tem pelo menos dois. Vamos nos aprofundar nisso. Primeiro, vamos criar uma composição. Basta clicar em nosso ícone de composição aqui e nomear os vértices de composição escolhidos OK. Então, vamos ajustar nossa ampliação ao tamanho de nossa composição Agora, a forma como você pode controlar os vértices difere dependendo do que você quer fazer com eles e de como você os cria. Primeiro de tudo, vamos criar uma nova camada de forma. E vamos adicionar um retângulo. E vamos dar a isso um traçado, tornar esse retângulo um pouco maior, vamos fazer o traçado um pouco mais grosso Agora, olhando para esse retângulo, podemos ver que ele tem todos esses pontos Pode parecer que são vértices, mas na verdade não são Você não pode manipular esses pontos. Isso apenas torna seu retângulo maior ou menor se você quiser converter esses pontos em vértices A maneira de fazer isso é clicar com o botão direito do mouse no caminho do retângulo e ver que temos essa opção para converter para o caminho de Bezier Depois de fazermos isso, agora temos um caminho que você pode realmente manipular. Vou desfazer isso, para que eu possa realmente esclarecer esse ponto Veja onde diz caminho um. Quando eu desfaço isso, vejo que diz caminho retangular. Se você vê um caminho retangular, um caminho elipse ou um caminho de poliestrela, você não tem vértices que Isso tem que ser um caminho de bezie, não um caminho retangular ou elíptico, ou algo Tem que ser um caminho de Bezie. Vamos clicar em Caminho e agora podemos ver cada canto tem esses vértices. Agora, isso foi convertido em um caminho de Bezier. Podemos mover esses vértices da maneira que quisermos. Todos eles também podem ser estruturados por chave. Vamos colocar um quadro-chave em nosso caminho aqui. Avançamos um pouco. Podemos mover isso aqui e avançar um pouco mais. Podemos mover isso para lá. E então, se assistirmos a reprodução, podemos ver como podemos mover esse caminho. Se for apenas um retângulo de planol, não há como fazer isso Novamente, adicionarei novamente em nosso retângulo. Vá para um novo retângulo. Desta vez, é um campo, para que possamos ver com mais facilidade. E vamos aumentar o tamanho novamente. Veja, não podemos manipular esses pontos. Isso só torna o retângulo mais fino ou mais grosso, mais alto ou Para manipular vértices, esse caminho retangular precisa ser convertido em um caminho de Bézier Eu farei a mesma coisa com outras formas. Vamos adicionar uma elipse. Vamos preencher isso. Agora veja claramente que temos esses quatro pontos. Se os juntarmos, eles apenas alteram a largura e a altura da nossa forma. No entanto, se clicarmos com o botão direito do mouse e convertermos o caminho da elipse em um caminho de Bézier, agora todos esses pontos se tornarão E você pode fazer todo tipo de coisas legais com isso. E, novamente, todas essas são molduras essenciais , o que significa que você pode criar todos os tipos de designs e fazê-los fazer todo tipo de coisas legais A coisa mais importante a lembrar com isso é que, se você quiser manipular os vértices de uma forma, ela deverá ser convertida em um caminho de Bézier Está bem? E isso vale mesmo se você criar uma forma usando sua ferramenta de camada de forma. Então, vamos usar uma ferramenta de polígono e criaremos um polígono aqui, polígono É ainda mais perceptível porque não vemos os pontos angulares aqui, mas não podemos fazer nada com eles novamente. Isso só o torna mais curto, mais alto e mais largo. No entanto, clicamos com o botão direito do mouse em nosso caminho polystar aqui convertemos para o caminho de Bezier Agora vamos ter nossos cinco pontos com os quais podemos manipular e fazer algumas coisas legais 18. 03.03 Bezier vs. Vértices lineares: Agora vamos examinar as diferenças entre os vértices lineares em e de Bezier. Vou pegar minha caneta e vou desenhar uma forma aleatória. Todos esses vértices usam como padrão o que é chamado de vértice linear, significa que não há alças para puxar isso, não podemos arredondar os cantos É para isso que nosso padrão está definido. Há dois tipos de vértices. Temos um E Bezier linear. Bezier significa simplesmente que você pode arredondar os cantos, dar alças e fazer coisas mais criativas com seu Um vértice linear não permite que você faça esses tipos, então todos esses vértices são Então, vamos nos livrar disso. Quero mostrar a diferença entre isso e um caminho de vértice de Bezier Com nosso lápis, vamos clicar e arrastar com o botão esquerdo, clicar botão esquerdo e arrastar, clicar com o botão esquerdo e arrastar. Então, temos essas alças, ok? Nosso último texto será nosso primeiro vértice. Se clicarmos, todos eles têm alças, como podemos ver. Se você escrever, clique em qualquer um deles e depois clique em roto bezier Perdemos nossas alças, mas não temos mais alças. Qualquer redondeza que tínhamos lá antes é a redondeza à qual estamos presos No entanto, podemos voltar se escrevermos clique e desmarque roto Agora todas as nossas alças estão de volta. Agora, isso não funciona ao contrário. O que quero dizer com isso é que vamos nos livrar dessa camada de forma. E vou criar uma forma usando vértices lineares Veja, eu não estou me arrastando, estou apenas fazendo pontos. Agora, se eu escrever, clicar em dizer neste vértice e escolher roto bezier Não importa em quais eu clique, nunca recebo essas alças. Isso realmente só funciona se você começar com um caminho de vértice de Bezier Há momentos em que você vai querer que essas alças estejam aqui. Depende do que você está criando, se é apenas uma forma ou talvez um personagem. Às vezes você vai querer isso e, às vezes, você quer ser um vértice linear Mas esteja ciente de que existem algumas diferenças no que você pode fazer com o fato de ser ou não um vértice linear ou um vértice de Bézier Agora vamos entrar aqui e criar uma nova camada de forma. E então vamos adicionar uma elipse. Vamos fazer um derrame aqui. Vamos clicar com o botão direito do mouse no caminho da elipse e converter para o caminho Bezier Esses serão automaticamente vértices de Bezier por razões óbvias, porque é um círculo Agora, se adicionarmos um retângulo e depois o convertermos em um caminho de Bézier, eles são lineares porque é um canto rígido, é um canto de 90 Sempre que você converter um retângulo em um caminho de Bézier, ele terá vértices lineares Para elipses, terá vértices de Bezier. O mesmo acontecerá com algumas de nossas outras formas. Vamos pegar nossa ferramenta de formas e criar um retângulo arredondado Ok, então se criarmos isso, obviamente há alguma redondeza acontecendo aqui Se escrevermos, clique em nosso caminho retangular, converta para o caminho de Bezier e agora podemos ver que esses são vértices de Bezier porque precisam criar algum arredondamento converta para o caminho de Bezier e agora podemos ver que esses são vértices de Bezier porque para Qualquer forma arredondada, depois de convertida em um caminho de Bézier, teremos vértices de Bézier Qualquer forma que tenha cantos rígidos como um quadrado, um polígono ou uma poliestrela, sempre usará como padrão No entanto, se você os criar manualmente, pegue a ferramenta caneta e desenhe alguma forma. A menos que você clique e arraste, eles serão vértices lineares Então, por exemplo, isso é linear, isso é linear. Este eu clico e arrasto, então é um bezier. 19. 03.04 Convertendo formas em caminhos bézier: Vamos criar um retângulo e , em seguida, dar um traçado a ele. Retângulos e elipses são especiais porque têm essas configurações separadas de posição e tamanho Para retângulos, você também tem esse arredondamento. Depois de converter esse caminho retangular em um caminho de Bezier, você perde Agora você não tem mais o tamanho, a posição e a função de arredondamento que tinha antes Isso é algo que, na verdade, é muito importante. exemplo, se você quiser ampliar isso agora e não ficar em um caminho perfeitamente reto, você pode seguir assim. Uma das vantagens de trabalhar com formas em vez caminhos é que você terá esses controles extras, como tamanho Você pode facilmente alterar o tamanho deles ou a posição deles, o arredondamento deles, e perderá toda essa funcionalidade sempre que converter para um caminho de Bézier E veja, eu vou te mostrar da mesma forma com uma elipse. Sempre que você tiver uma elipse, basta dar um toque nela. O caminho da elipse tem esse tamanho e tem essas opções de posição aqui Você pode desmarcar isso. Bem, depois de converter isso em um caminho de Bézier, você não tem mais Agora é apenas um caminho , então você não tem esses controles de posição e tamanho. Portanto, lembre-se de algo ao começar a usar formas e animações mais complexas Há momentos em que você realmente deseja ter um caminho retangular ou um caminho de elipse em vez de apenas um caminho plano de 20. 03.05 Definindo um primeiro vértice: Há outra coisa que eu queria abordar quando se trata de vértices, que é definir um primeiro vértice Então, vamos criar uma forma. Vamos adicionar um retângulo e traçá-lo, e talvez aumentá-lo um pouco Agora vamos clicar com o botão direito do mouse em um caminho retangular e depois converter para o caminho de Bezier Sempre que você tem um caminho de Bézier, sempre haverá um vértice É mais grosso do que os outros neste caso, é este no canto superior direito aqui Agora, a razão pela qual isso é importante é, e entraremos em mais detalhes posteriormente. Se você adicionar algo como um Trempass, essa porcentagem final controlará a animação de como ela começa e Como você pode ver, à medida que examinamos isso, começa e termina com o primeiro vértice E se sua animação exigir que ela comece de novo neste vértice aqui? Você sempre pode compensá-la com essa porcentagem de compensação aqui, mas é um pouco complicado e não são os horários exatos Você pode obter a metade do diploma necessário para começar sua animação. Isso pode ser um pouco confuso, mas entraremos em Tripas mais tarde e fará muito mais sentido O que estou tentando dizer é que, se você quiser controlar onde sua animação começa e termina, sempre que adicionar uma passagem de ajuste, você precisa ser capaz de definir seu primeiro vértice E a maneira de fazer isso é dizer que queremos que comece neste canto aqui, basta clicar nesse vértice, clicar direito do mouse na forma e no caminho da máscara e escolher definir o primeiro vértice Quando você clicar nele, sua animação começará e terminará a partir daí. Uma das coisas a ter em mente é que, quando você tem um caminho, sempre pode adicionar mais pontos. Escolha sua ferramenta de caneta. Vamos adicionar mais alguns pontos aqui agora. Digamos que queremos que nossa animação comece e termine a partir desse vértice Clique com o botão direito, a forma da massa e o caminho definam o primeiro vértice e pronto 21. 03.06 Treinamento básico de grupos: Ok, nesta lição, vamos examinar os grupos. Primeiro, vamos criar nossa composição. Basta clicar nesse ícone aqui para criar uma nova composição, e chamaremos isso de Grupos. Clique. Ok, vamos continuar e criar uma camada de forma. Vamos clicar com o botão direito do mouse nesta área aqui, à esquerda da nossa linha do tempo, Nova E no menu pop-out, vamos escolher a camada Shape, como vimos antes. Obtemos uma camada de forma do After Effects, mas nada em nosso conteúdo. Então, temos que entrar e adicionar nosso conteúdo. Então, a primeira coisa que vou fazer é adicionar. Vamos adicionar um grupo. Os grupos são importantes porque há uma forma de controlar cada forma dentro da sua camada de forma. Você deve usar grupos quando precisar controlar as propriedades de transformação de algumas ou de todas as suas formas de forma independente. Vamos dar uma olhada em um exemplo. Ok, então dentro desse primeiro grupo, vamos adicionar uma elipse E daremos a essa elipse um preenchimento e um traçado. E, como podemos ver em nosso painel de camada de forma aqui em cima, obtemos nosso traçado branco padrão com dois pixels de largura e nossa pílula vermelha padrão Então, vou mudar isso para talvez um azul. Faça o traçado, diremos laranja. E vamos aumentar nosso derrame para talvez 20. Agora vamos abrir nosso caminho de elipse, que está dentro do nosso grupo E aumente isso para que possamos ver um pouco melhor aqui. Uma das coisas que você pode fazer com grupos é renomeá-los. Você também pode renomear seus caminhos de elipse e chamá-los como quiser Até mesmo seus traços e preenchimentos. E a maneira de fazer isso é apenas destacar o nome do qual você deseja alterar e pressionar Return ou Enter em nosso grupo um. Vamos pressionar Enter, chamado de círculo. E então, com o conteúdo destacado novamente, queremos adicionar outro grupo e nomearemos esse retângulo Então, dentro desse grupo de retângulos, vamos adicionar um retângulo bem como um traçado e um arquivo Vamos fazer com que esse caminho de elipse e retângulo tenham o mesmo tamanho Então veja o caminho da nossa elipse. Vamos mudar, digamos, para 550. E também faremos nosso caminho retangular, 550. Nosso traçado para o caminho da elipse está definido como 20, então vamos fazer com que nosso traçado retangular Podemos simplesmente deixar as configurações padrão para o campo e o traçado para o caminho do retângulo Ok, agora aqui estão dois grupos, círculo e retângulo, e como mencionamos anteriormente, temos propriedades de transformação para toda a camada de forma Quando começamos a mover nossas propriedades de transformação para a própria camada de forma, podemos ver como elas se movem juntas. Bem, e se quisermos que essas formas interajam separadamente em nosso grupo circular? Temos propriedades de transformação para isso. Assim, podemos tomar nossa posição e dizer que queremos movê-la para cá. Para o grupo de retângulos, podemos abrir nossas propriedades de transformação e movê-las para o outro lado Da forma mais básica, você pode ver como os grupos são importantes se quiser controlar suas formas independentemente umas das outras. Mas não é só a posição e a escala que você pode controlar com essas configurações, você também pode controlar a rotação. Você pode adicionar alguns scripts. Esse é um script comum se você clicar com a tecla Alt na rotação e digitar o tempo multiplicado por 20. E examinaremos mais algumas expressões e scripts à medida que analisarmos essas lições. Não vamos nos aprofundar muito nisso porque esse é um curso totalmente diferente. Mas esse é um script muito básico que é usado com bastante frequência. E vamos seguir em frente e repetir isso em 2 segundos. Então, coloque nosso indicador de reprodução em 2 segundos. Pressione para percorrer essa área e pressione zero no teclado numérico. E então veja que podemos mover esse retângulo independentemente do nosso círculo Portanto, adicionar grupos é uma maneira muito simples de controlar várias formas em uma camada de forma. Agora, pode haver momentos em que você queira apenas uma forma por camada de forma, mas definitivamente haverá momentos em que você desejará mais de uma forma dentro de uma camada de forma. Vou te dar um exemplo trazido neste arquivo de projeto para um personagem que eu criei há algum tempo. E vamos dar uma olhada nele. Eu o chamei de Bob. Então, vamos abrir nosso Bob Comp. E aqui está Bob acenando para nós. Agora, se entrarmos em nossa pré-composição de Bob aqui, você pode ver que todas essas são camadas de formas para todas as partes do corpo Isso é algo que vou mostrar em outro curso. Mas só para você saber, você pode criar personagens inteiros usando apenas camadas de formas. Agora, uma das maneiras de criar meus personagens é colocar a cabeça de um personagem em uma camada de forma. Eu vou colocar essa camada aqui para cabeça. E vamos ampliar aqui bem rápido. Portanto, essa é uma daquelas instâncias em que você deseja mais de uma forma dentro de uma camada de forma. Então, se abrirmos isso, como você pode ver, isso tem várias formas dentro dessa única camada de forma. E tudo isso são apenas círculos, elipses, polígonos, Então veja que dentro do nosso grupo de cabelo aqui, se tirarmos isso, você pode ver que este é o cabelo dele. Mesmo dentro do nosso grupo de cabelos, tenho outros cinco grupos que compõem o cabelo dele. Então, o objetivo principal de mostrar isso é para que você saiba que definitivamente há momentos em que você vai querer mais de uma forma dentro uma camada de forma e é aí que os grupos entram. Portanto, os grupos são uma forma de controlar várias formas em uma camada de forma. 22. 03.07 Ajustes de pontos de âncora e posições para elipses e retângulos: Agora, uma das coisas únicas sobre elipses e retângulos é que ambos têm seus próprios controles separados de tamanho e posição Veja, você pode controlar o tamanho desse círculo usando uma escala, uma escala percentual dentro das propriedades de transformação do grupo. Ou você pode controlá-lo usando o tamanho do pixel. Veja esse tamanho aqui para o caminho da elipse, isso está em pixels, não em porcentagens, e essa é uma Às vezes, você vai querer um número de pixels específico para o tamanho de suas elipses ou retângulos Você também pode controlar a posição. Clique em Ellipse Path e, em seguida, pressione Y para abrir a ferramenta de panorâmica Isso mostrará onde está seu ponto de ancoragem. Enquanto sua posição no caminho da elipse estiver em zero, seu ponto de ancoragem estará no ponto morto no meio dessa Agora veja o que acontece se você começar a mover sua posição dentro do círculo. Portanto, seu ponto de ancoragem agora não está mais centralizado. E isso é significativo às vezes, digamos, se você quisesse escalar isso usando suas propriedades de transformação para o círculo. Agora você pode ver que está escalando de onde quer que esteja o ponto de ancoragem No entanto, se você ajustar seu tamanho, ele ainda será dimensionado a partir do centro. Isso pode ficar confuso. Minha sugestão é deixar sua posição apenas para elipses e retângulos Sempre defina-os em 00 a menos que haja um motivo muito específico. Veja se você move sua posição aqui. Seu ponto de ancoragem ainda permanece no centro dessa forma 23. 03.08 Por que usar grupos?: Nesta lição, abordaremos quando é útil usar grupos em um nível muito básico Você desejará usar grupos em camadas de forma que tenham várias formas. Como você deseja ter a capacidade de controlar cada aspecto de cada forma, independentemente um do outro, dentro de uma única camada de forma, os grupos permitem que você faça isso. Deixe-me dar um exemplo. Adicione um polystar e obteremos esse preenchimento de polystar e um E se quisermos ter um retângulo nessa camada de forma também Queremos que esses dois interajam. Bem, se adicionarmos um retângulo, mesmo que possamos mover nosso retângulo, se abrirmos nosso caminho de poliestrela, podemos realmente mover nossa O problema é que ambos têm o mesmo preenchimento e traçado. Há algumas coisas que você pode fazer com a hierarquia de suas camadas aqui Se você mover o retângulo abaixo do traçado, agora o preenchimento será aplicado ao retângulo e à estrela polar, mas o traçado não se aplicará ao E se quisermos que o polystar tenha um preenchimento azul? Bem, você pode aplicar um preenchimento apenas ao polystar brincando com a hierarquia dessas camadas Basta adicionar um novo preenchimento. Agora, esse preenchimento se aplicará somente a esse polystar. Se você alterar esse preenchimento nesse nível apenas com o preenchimento para realçar, você diria que o tornamos azul. Na verdade, isso tornará os dois preenchimentos azuis, como você pode ver E digamos que, se mudarmos alguma cor , isso está afetando os dois preenchimentos. O que você precisa fazer é entrar nesse preenchimento dois e alterar a cor dentro dessa camada aqui. Se mudarmos isso para azul, agora podemos ter uma estrela polar azul E poderíamos realmente adicionar um traçado ao nosso retângulo simplesmente adicionando um traçado e, em seguida, puxando-o para baixo Mas isso pode ser muito complicado e muito confuso A maneira mais fácil de lidar com várias formas em uma camada de forma é simplesmente adicionar um grupo. Agora veja se podemos puxar nosso preenchimento e traçado de polystar para o grupo um e depois para o conteúdo Vamos adicionar um segundo grupo e puxaremos nosso traçado retangular e preencheremos o interior do grupo dois Agora, transformamos as propriedades de cada grupo. Deixe-me colocar esse ponto de ancoragem de volta. Os controles de rotação central, temos controles de opacidade, temos coisas assim Já antes, se você notar, se você abrir nosso caminho de poliestrelas, embora tenhamos rotação, não temos realmente um controle de tamanho agora Podemos aumentar o raio interno e combiná-lo com o raio externo para torná-lo maior Mas isso pode ficar muito confuso muito, muito rapidamente. Uma coisa que não temos são controles de opacidade dentro do A mesma coisa acontece se abrirmos nosso caminho retangular. Temos tamanho e posição, mas não temos um controle de rotação dentro do caminho do retângulo Ao colocar essas formas em um grupo, você tem mais controles sobre cada forma individual. Veja nosso caminho retangular, temos controle total sobre a posição, sobre a escala Podemos incliná-lo, colocar esse ponto de ancoragem de volta no centro. Podemos girá-lo, podemos controlar a Embora existam maneiras de empilhar os atributos da camada de forma e ainda obter um efeito semelhante, os grupos permitem que você tenha controle total sobre cada forma Uma das outras coisas que os grupos permitem que você faça, como mencionei anteriormente, é tornar sua camada de forma mais limpa. Assim como podemos chamar essa estrela, podemos chamar essa caixa. Portanto, é muito mais fácil navegar pelas camadas da forma. Se seus grupos forem nomeados, voltaremos para Bob, vamos voltar à nossa cabeça. Então, como você pode ver, se eles não estivessem realmente em grupos, mas estivessem apenas dispostos, poderia ficar muito confuso muito, muito rapidamente Se eu quiser fazer uma mudança na barba dele, sei que esse grupo aqui contém minha barba E dentro disso eu tenho vários caminhos labiais. Eu descobri caminhos que abordaremos em uma lição posterior. Portanto, é muito mais fácil identificar quais formas estão em qual grupo e quais controles afetam qual forma Portanto, é altamente recomendável que, em seus próprios projetos, sempre que você estiver criando camadas de forma, se quiser ter várias formas em uma única camada de forma, use grupos e sempre as renomeie para que sejam muito mais fáceis de encontrar e navegar por essas camadas de forma Este é um bom momento para apontar isso também. Você me ouvirá usando terminologias como formas, camadas de formas e caminhos ao longo de toda a lição Quando me refiro a uma camada de forma, estou me referindo à camada real. Como você pode ver aqui. Mesmo sempre que você cria uma nova camada de forma, ela vem com o nome de camada de forma. Formas são as formas que estão dentro da camada de forma. Veja que esta poliestrela é uma forma dentro da camada de forma. Apenas tenha isso em mente ao passarmos por essas lições. Mas, em geral, a camada de forma é uma camada em si que é controlada pelas propriedades de transformação da camada. E as formas são formas individuais que têm seus próprios controles, seja dentro de grupos ou dentro das próprias formas. 24. 03.09 Propriedades de transformação de grupo versus propriedades de transformação de camada: Algo que é muito importante lembrar sempre que você estiver trabalhando com grupos e as propriedades transformadas desses grupos é lembrar que as propriedades de transformação de grupo são relativas às propriedades de transformação de camada. E o que quero dizer com isso é que essa composição é 1920 por 1080 Então, se descermos até nossas propriedades de transformação de camada, veremos que nossa posição é 960 por 540 E a razão é porque essa camada moldada está no centro dessa composição. 1920/2 nos dá 960. Da mesma forma, 1080/2 nos dá 540. Portanto, essa camada de forma está no centro dessa composição, e a posição do ponto central dela é 960 por 540 Então, agora, se abrirmos nosso grupo, analisaremos as propriedades de transformação. Veremos que nossa posição é 00. O que isso significa é que esse grupo tem zero pixels de nossas propriedades de transformação de camada. Se fizéssemos com que nossa posição de camada fosse zero, pudéssemos mover nossa posição de grupo para 960 e obter o mesmo resultado Mas eu recomendo que você posicione sua camada usando suas propriedades de transformação de camada. E você só ajusta as propriedades de transformação do grupo , como posição, escala e rotação, em relação a essa camada. Portanto, se você tiver vários grupos ou formas dentro da camada de forma, seria um bom momento para ajustar a posição do grupo para compensá-los. Então, novamente, as propriedades de transformação da camada controlam a posição da própria camada. E as propriedades de transformação do grupo são relativas às propriedades de transformação da sua camada. Isso vale também para outras propriedades de transformação , como escala. Veja, nossa escala está configurada para 100%, ou seja, 100% das camadas 100%. Então, digamos que se fizermos nossa escala 50 para a camada de forma, nosso grupo ainda será 100% de 50. Então, agora, se diminuirmos isso para 50%, nesse grupo está 50% da nossa camada, então podemos mover isso de volta para 100. E podemos ver se colocarmos nosso grupo de volta em 100, é o tamanho original. Mas essa escala será relativa à nossa camada. Assim como nossa posição, nosso ponto de ancoragem, nossa rotação, são todos relativos às propriedades de transformação da própria camada Em outras palavras, os valores da sua posição para esse grupo não significam que essa camada esteja localizada na composição controlada pelas propriedades de transformação da camada. Esse grupo está a zero pixels da posição da própria camada. Então, digamos que se quiséssemos ir 500 pixels para a esquerda, menos 500. Esse grupo agora está a menos 500 pixels da posição da camada. Mas sua posição na composição não é menos 500, na verdade é 460 E a forma como sabemos que é 960 -500 é 460. E eu vou trazer uma régua para te mostrar o que quero dizer Se colocarmos uma régua aqui e formos até as bordas dessa elipse E mudamos nossa posição de grupo de volta para zero e movemos nossa posição de camada para 460 Podemos ver que está exatamente no mesmo local. É muito importante lembrar que as transformação do seu grupo são relativas às propriedades de transformação da camada. 25. 03.10 Formas de máscara: Uma das coisas que precisamos abordar ao examinar camadas da forma é mascarar as camadas da forma E há algumas regras e algumas coisas que você precisa entender ao tentar mascarar formas. E vamos examiná-las agora mesmo. Vamos criar uma nova composição usando nosso novo ícone. E vamos chamar isso de Masking Shapes. Deixo nossas configurações onde estão e clico em, ok, vamos clicar com o botão direito do mouse nessa área, à esquerda da camada em forma de linha do tempo. Vamos adicionar uma elipse. E vamos preenchê-lo. Vamos mudar esse preenchimento para azul. Vamos aumentar o tamanho dessa elipse na mesma camada de forma Vamos adicionar um retângulo. Vamos fazer com que sejam do mesmo tamanho. Vamos fazer nosso caminho de elipse de 500 pixels por 500. E o retângulo também 500 por 500. Agora vamos movê-los para que possamos vê-los de forma independente. Vamos mover nosso caminho de elipse para menos 500 pixels. E nosso caminho retangular se moverá 500 pixels. Dessa forma, eles estão igualmente distantes em nossa composição. Está bem? Se você quisesse mascarar esse cofre, por exemplo, se quisesse ver apenas metade dessa elipse Há uma maneira de fazer isso usando ferramentas de camada de forma. Uma dessas formas é mesclar caminhos, que abordaremos em uma lição posterior Mas, por enquanto, quero mostrar o que aconteceria se você tentasse fazer isso com uma máscara. Acabamos de pegar essa ferramenta retangular. A primeira coisa a saber sempre que você está tentando mascarar uma forma é há duas opções para aplicar essa ferramenta de retângulo E eles estão aqui, essa estrela e essa caixa de transparência aqui. Se você perceber que, ao passar o mouse sobre a estrela, diz que a ferramenta cria uma forma que está ativada por padrão E a razão é porque o After Effects acredita que, se você estiver usando uma ferramenta de camada de forma desejará criar uma Não parece que você queira mascarar uma forma. Embora você possa mascarar uma forma, a configuração padrão é sempre criar uma forma. Se você clicar nesse botão de máscara ou pegar sua ferramenta Pin, verá que essa estrela está ativada por padrão. Você pode ativá-los e desativá-los. Agora, se eu tentar mascarar essa forma com a ferramenta Tool Create Shape, ela simplesmente criará outra forma. Não é isso que queremos. O que você pode fazer é escolher essa caixa aqui. A ferramenta cria uma máscara. Agora, isso criará uma máscara, mas veja o que acontece. Se eu quisesse dizer que use apenas metade dessa elipse aqui, vou alterá-la de volta para nossa ferramenta de retângulo porque ambas fazem a mesma coisa, ambas criam máscaras Vou desenhar uma caixa e ver, agora está adicionando essa máscara. Mas agora o retângulo aqui desapareceu. E podemos alterar nossa configuração de máscara de Anúncio para Subtrair. E temos a outra metade da nossa elipse. Mas agora nosso retângulo também está aqui. Bem, você pode criar outra máscara e apenas mascará-la se não quiser que essa máscara seja subtraída São muitas etapas desnecessárias. A melhor maneira de fazer isso é mesclar caminhos. Mas eu quero que você saiba que você pode mascarar formas. Pode ser um pouco complicado e você realmente não tem muito controle Agora, se você tiver apenas uma forma em sua camada de forma, isso pode ser mais eficaz. Por exemplo, vamos pegar esse caminho retangular e dizer que só tínhamos nosso caminho de elipse, vamos voltar para o centro Observe que, se você mover o caminho dos lábios com as configurações de posição dentro do caminho, a máscara não combina com ele. E o motivo é porque a máscara é aplicada à camada de forma, à camada em si, não aos caminhos de forma individuais dentro de sua camada de forma. Algo que é muito importante entender. Sempre que você aplica uma máscara em uma camada de forma, ela é aplicada na camada. Você não pode mascarar essas formas individualmente. Para ter esse efeito, você precisa usar caminhos de mesclagem Vamos mover essa máscara e ver, na verdade não podemos obter metade de uma elipse Pode haver momentos em que seja útil fazer isso, mas eu recomendo aprender caminhos de mesclagem porque você tem muito mais controle E isso pode se tornar complicado ou quase impossível se você tiver muitas formas ou como muitos grupos em uma camada de forma, simplesmente não conseguirá mascarar formas individuais Vamos nos livrar dessa camada de forma aqui e começar do zero e criar uma nova camada de forma. Vou criar grupos. Vamos criar um grupo e fazer uma elipse. Você tem aquela sensação de elipse. Mude isso um pouco e vamos aumentar o tamanho do nosso caminho de elipse. Vamos duplicar o grupo Quando tivermos o grupo dois, adicionaremos um retângulo e removeremos essa elipse Vamos mudar o caminho desse retângulo para uma cor diferente para que possamos diferenciar os dois Vou apenas aumentar o caminho do meu retângulo para que possamos ver os dois Deixe-me mudar isso para que possamos acompanhar melhor nosso grupo. Vamos dizer círculo e nomear o quadrado do grupo dois. Agora, o que acontece se eu quiser ter apenas um semicírculo? Se eu pegar minha ferramenta retangular e , em seguida, ativar a ferramenta, cria uma máscara e digo que quero mascarar o lado esquerdo da elipse. Veja o que acontece. Ela também mascara nosso quadrado novamente, o motivo é porque a máscara está sendo aplicada à própria camada de forma, não aos grupos individuais ou às formas individuais dentro dos grupos. Você é extremamente limitado. Se você tentar mascarar uma forma que tenha mais de uma forma, lembre-se sempre de que o padrão será a Ferramenta cria forma. Se você pegar uma ferramenta de caneta ou uma ferramenta de modelagem e precisar alterá-la fisicamente para que a ferramenta crie uma máscara. Para mascarar uma máscara fora de forma, a coisa mais importante a lembrar nesta lição é que, se você quiser alterar suas formas mascarando certas áreas ou incluindo apenas certas partes da forma, você precisará usar painéis de mesclagem, que abordaremos em uma Eu recomendo fortemente que você fique por aqui e dê uma olhada. 26. 03.11 Crie formas a partir do texto: Ok, então para esta lição, na próxima lição, vamos falar sobre a conversão ativos sem forma em camadas de forma Nesta lição, abordaremos a conversão de texto em formas E na próxima lição, abordaremos a conversão de imagens vetoriais em formas Para converter texto em formas, a primeira coisa que você precisa é algum controle de texto T para abrir sua ferramenta de texto. E então, vamos digitar camadas de formas, são legais. Vou até a guia da minha camada e depois vou para ponto de ancoragem central do Transform Enlist e o conteúdo ou controle da camada tempo todo, isso coloca nosso ponto de ancoragem bem no meio do texto Em seguida, vamos ao nosso painel de linhas e apenas alinhamos isso ao centro da nossa composição Agora, uma das coisas a lembrar sobre a conversão de formas de texto é que as camadas da forma sobreporão seus preenchimentos e seu traçado Observe que em nosso texto aqui, temos apenas um preenchimento. Não temos um derrame. Agora vou adicionar um traço. Se você clicar nesse quadrado, logo atrás do quadrado de preenchimento, vamos adicionar um traçado. Então, eu vou torná-lo vermelho. Agora, o padrão será o último traço com o que você usou. Eu usei 11 pixels. Vamos fazer com que sejam sete, então. Observe que você tem a opção de preencher sobre traçado e traçado sobre preenchimento. Qualquer uma delas que você escolher será representada na sua camada de forma Vou escolher preenchimento em vez de traçado. Sempre que eu converto isso na camada de forma, meu preenchimento virá antes do meu traçado. Ok, então com a camada de texto destacada de forma simples, clique com o botão direito do mouse e escolha Criar. Uma das coisas a serem observadas aqui é que, se você estiver usando uma versão mais antiga do After Effects, como antes de 2018, essa opção terá uma aparência diferente. Em vez dessa opção de criação com o menu suspenso, você verá criar formas a partir do texto e criar massa a partir do texto e algumas dessas outras opções Nesta janela principal, aqui nas versões posteriores a 2018, você tem essa opção para criar. Você pode criar formas partir do texto ou criar massa a partir do texto. Como esse é um curso sobre camadas de formas, vamos nos concentrar na criação de formas a partir de texto. Escolha isso. Agora observe que duas coisas acontecem. Em primeiro lugar, nossa camada de texto foi ocultada. Observe que o não está mais lá e essa camada de texto não está oculta da nossa visualização. A razão pela qual isso acontece é porque o After Effects presume que convertemos texto em formas por um motivo E queremos usar a camada de forma, não a camada de texto. No entanto, ele deixa a camada lá para referência ou caso você precise fazer alguma alteração. Ok, agora vamos abrir nossa camada de forma. Se você abrir o conteúdo, notará que temos um grupo para cada letra. À medida que clicamos aqui, as camadas de formas são legais, cada letra tem seu próprio grupo. Vamos abrir o grupo para S. Escolhemos preencher em vez de traçado , como podemos ver aqui. E com certeza, nosso preenchimento vem antes do nosso derrame. E a razão é porque a camada de forma está duplicando exatamente nossa camada de texto Se tivéssemos escolhido traçado em vez de preenchimento, o traçado teria vindo primeiro. Uma das coisas a perceber aqui é que cada uma dessas letras agora tem suas próprias propriedades de transformação. Se você abrir a transformação, observe como podemos mover cada letra da maneira que quisermos. Podemos escalar cada letra. Podemos girar cada letra. Cada letra tem seu próprio controle. Agora observe que sempre que escalamos e giramos, ele está girando a partir do meio E a razão é porque nossa camada de forma padroniza nosso ponto de ancoragem para o centro da Aqui está nosso grupo. Se você escolher Y, agora podemos procurar nosso ponto de ancoragem e observar como ele está aqui na parte inferior do R. Se você quiser que ele seja centralizado, temos que realmente arrastar esse ponto de ancoragem até o centro do Se destacarmos H, observe que nosso ponto de ancoragem está no mesmo local Temos que arrastá-lo para cá. Vamos descer um pouco mais. Vamos ao ponto A. Veja, nosso ponto de ancoragem ainda está no mesmo lugar exato em que todas as outras letras estão Uma das coisas que você deve ter em mente é que, se quiser ajustar a escala e a rotação com cada um desses grupos, você precisa passar por cada grupo e centralizar seu ponto de ancoragem Ou coloque-o na parte inferior da camada, dependendo de como você deseja animá-lo Por exemplo, se eu colocar esse ponto de ancoragem no centro do meu P. Vamos abrir nosso P aqui. Eu posso escalar isso. E agora ele vai escalar a partir do meio do P. No entanto, digamos que talvez se eu quisesse animá-lo de baixo, se você estiver nos trazendo até o fundo, podemos desvincular nossa Podemos fazer nossa carta aparecer ou fazer algo parecido. Se quisermos girá-lo, agora ele girará de baixo para baixo Todas as propriedades transformadas operam da mesma forma que funcionariam um grupo ou camada regular. Mas lembre-se, sempre que você converter texto em camadas de forma, você precisa mover esse ponto de ancoragem para cada uma de suas letras Pode ser um pouco demorado, mas isso lhe dá controle total sobre cada uma de suas cartas. Assim, você pode ver que há alguns benefícios criar camadas de forma a partir do texto. Você tem controle total sobre os preenchimentos e traços de todas as suas letras E cada letra recebe seu próprio grupo com suas próprias propriedades de transformação que você pode controlar completamente. Quando a desvantagem diz que, se você quiser animar a escala ou a rotação de sua letra, você precisa realmente puxar o ponto de ancoragem e movê-lo para o local adequado, porque seu ponto de ancoragem não será o centro do No entanto, você tem controle total e eu recomendo usar esse método sempre que quiser fazer animação especializada para texto. 27. 03.12 Crie formas a partir de vetores: Ok, nesta lição, abordaremos a conversão de formas a partir de imagens vetoriais E na última lição, falamos sobre conversão de formas de camadas de texto Eu tenho alguns ícones que eu já trouxe. São imagens vetoriais. Como você percebe, este é um arquivo AI, isso é um EPS. Essas são imagens vetoriais, o que significa que você pode torná-las tão grandes quanto quiser sem perder a qualidade. Eles podem ser rasterizados e podem ser feitos do tamanho de um outdoor e terão tanta clareza quanto dentro do arquivo do seu Só para observar, as camadas de forma também são rasterizadas automaticamente, o que significa que podem ter qualquer tamanho e não perder Vou trazer esse logotipo do Facebook, apertar S para aumentar nossa escala. Vamos fazer isso um pouco maior. Observe como a qualidade não é ótima Sempre que você tem uma imagem vetorial, você precisa escolher essa opção de camada rasterizada esta estrela aqui. Agora veja a imagem. Sempre que clico nisso, vejo que está claro e agora não está. Portanto, certifique-se de que, ao usar imagens vetoriais e ampliá-las, rasterize-as para manter essa clareza Ok, deixe-me trazer isso de volta para o nosso visualizador aqui. Você converte camadas de forma, da mesma forma que converte texto clicando com o botão direito do mouse e acessa o menu de criação. E, novamente, lembre-se de que nas versões mais antigas do After Effects você não terá essa opção de criação, mas sim criar formas a partir da camada vetorial nesta janela pop-up principal que você vê aqui. Então, vamos escolher criar formas a partir da camada vetorial. E você notará que é a única opção que temos. Essas outras estão acinzentadas, como camadas de texto. Sempre que você converter imagens vetoriais em formas , sua camada original será ocultada aqui. Você ainda tem acesso a ela, mas ela está oculta porque o After Effects acredita que você deseja usar a camada de forma em vez da imagem original. Agora vamos abrir essa imagem vetorial aqui. Isso é um pouco mais complexo do que camadas de texto. As camadas de texto são muito simples. Cada personagem tem seu próprio grupo. Esses agrupamentos são baseados em como essa imagem foi criada no Illustrator ou em algum Os grupos que você encontra aqui estão diretamente relacionados à forma como foram criados originalmente. Mas se você começar a clicar neles, veja se há um caminho em um preenchimento ou traçado, dependendo de como ele foi criado. Digamos que se esse grupo aqui, se tivesse um traçado no Illustrator , teria um traçado aqui Quem fez esse vetor só o fez com um preenchimento e um caminho simples Você pode falar com eles de vez em quando. Uma das vantagens de ter suas imagens vetoriais agora nas camadas de forma é que você tem controle total sobre coisas como cores. Digamos que esse grupo cinco seja seu passado. Bem, se clicarmos em nosso Phil, podemos mudar isso para qualquer cor que quisermos Se quiséssemos fazer do Facebook, repente um logotipo laranja, nosso seria verde, talvez azul. Você tem controle total sobre isso. E você também pode animá-las novamente, como camadas de texto, todas elas têm suas próprias propriedades de transformação Você pode esmaecer esse plano de fundo , escalá-lo, fazer qualquer coisa que normalmente faria em escalá-lo, fazer qualquer coisa que normalmente faria uma camada independente, porque cada um desses grupos agora tem suas próprias propriedades de transformação 28. 03.13 Convertendo gradientes de vetores em camadas de forma: Portanto, há casos em que você pode ter alguns problemas ao converter imagens vetoriais em formas Observe que, com o ícone do Instagram, temos esse gradiente. Uma das coisas que o After Effects não funciona bem é que ele não interpreta gradientes dos arquivos do Illustrator em camadas de forma do After Effects Se escrevermos, clique no Instagram e vá para Criar e criar formas a partir da camada vetorial, veremos que essa cor agora fica cinza novamente. É porque os afetos não conseguem interpretar adequadamente os gradientes de uma imagem vetorial Para uma camada de forma, a cor é, na verdade, esse grupo quatro aqui. Se abrirmos o grupo quatro, veja se ele tem um preenchimento e está cinza. Se formos criar isso sozinhos, teríamos um preenchimento de gradiente e tentaríamos igualá-lo Vamos fazer isso bem rápido. Escondemos esse preenchimento aqui, destacamos o grupo quatro e adicionamos um preenchimento de gradiente Agora, ligamos nosso ícone do Instagram novamente. Podemos movê-lo apenas olhando para ele, podemos dizer que é um gradiente linear Vou fazer alguns ajustes aqui em nosso preenchimento de gradiente Vamos mover nosso ponto de partida sobre nossa partida de ponto final Você vê essas alças aqui? Você pode realmente pegar essas alças e combinar com a aparência delas. Ok, agora vamos editar nosso gradiente. E essa cor branca aqui vai ser mais amarela. Se clicarmos neste balde aqui, podemos pegar aquele amarelo. Podemos clicar nesse balde com a cor preta e pegar essa cor na extrema direita. Pode ser necessário brincar com isso, mas você pode definitivamente ver como podemos chegar bem perto do original. Agora, isso vai dar um pouco mais de trabalho para ser exato, mas a ideia principal com a qual quero me comunicar é que, se você tiver um gradiente em sua imagem vetorial, depois de converter essa imagem vetorial em uma camada de forma, você obterá essa cor cinza em vez disso A razão, novamente, é porque, depois que Fx não consegue interpretar gradientes de imagens vetoriais para camadas de formas, essas são apenas duas maneiras de criar formas a partir de camadas sem forma Tenha isso em mente à medida que avança. Você pode fazer coisas muito legais com textos convertendo-os em camadas de forma E você também pode ter muito mais controle sobre imagens vetoriais convertendo-as em formas 29. 03.14 Seção 03 revisão: Agora que você aprendeu tudo sobre os conceitos básicos camadas de formas, furtices, agrupamentos, preenchimentos e traçados e propriedades de transformação, você está pronto para É aqui que toda a diversão acontece. Agora, embora você possa fazer bastante com as camadas de forma por conta própria, existem ferramentas de animação integradas e efeitos posteriores projetados especificamente para camadas de forma. As ferramentas de animação tornam suas possibilidades de design praticamente infinitas. Na próxima seção, você aprenderá sobre ferramentas de animação básicas e avançadas. E ao final deste curso, você poderá usar essas ferramentas de animação com confiança e facilidade. Estou ansioso para ver você de volta na próxima seção. 30. 04.01 Seção 04 - Ferramentas básicas de animação: Bem-vindo de volta ao Power of Shape Layers, seção quatro, Ferramentas básicas de animação. Agora eu dividi as ferramentas de animação em dois grupos, Básico e Avançado. As ferramentas básicas de animação são aquelas que têm apenas algumas configurações e adicionam algumas alterações à sua forma, como torcer uma linha, arredondar um canto ou afetar a integridade Embora sejam ferramentas básicas de animação, elas podem gerar resultados bastante impressionantes. As ferramentas avançadas de animação são aquelas que têm configurações mais complexas e intrincadas, como cortar caminhos, repetidor e mesclar As possibilidades são praticamente infinitas. Com essas ferramentas de animação, você pode usar ferramentas de animação para criar designs gráficos em movimento, como elementos de cabana, caixas animadas, rajadas, ícones em movimento e muito mais Nesta e na próxima seção, você aprenderá como levar seu design gráfico em movimento para o próximo nível. A chave para se acostumar a trabalhar com ferramentas de animação é a experimentação. Eu vou te mostrar como usar essas ferramentas de animação e vamos abordá-las em alguns tutoriais no final deste Mas eu recomendo fortemente que você experimente com eles para realmente dominá-los. Não fique sobrecarregado Abordaremos cada ferramenta de animação forma completa e completa. Há muita coisa pela frente, então vamos direto ao assunto. 31. 04.02 cantos redondos - formas: Ok, a primeira ferramenta de animação de camada de forma abordaremos é chamada de cantos arredondados. Primeiro, vamos criar uma composição usando nosso novo ícone de composição. E vamos chamar isso apenas de cantos arredondados. Vamos clicar com o botão direito do mouse nessa área à esquerda da nossa linha do tempo para ver a nova camada de forma Vamos começar adicionando apenas um retângulo e vamos preenchê-lo E vamos fazer algumas coisas nesta lição para mostrar o que cantos arredondados podem fazer para encaixar nossa composição em nossa janela Vamos aumentar um pouco o tamanho do caminho do retângulo para que possamos ver o que estamos fazendo melhor com o conteúdo destacado Vamos adicionar cantos arredondados. Ao abrir isso, você vê que há apenas uma opção: o raio Agora, uma das coisas a ter em mente é que caminho do retângulo tem essa opção de arredondamento. Cantos arredondados não são realmente necessários. Se você estiver usando um retângulo sozinho, poderá aumentar o arredondamento desse caminho retangular até obter uma elipse Se você usar cantos arredondados, poderá fazer a mesma coisa, basta aumentá-la até obter uma elipse Se você estiver usando um caminho retangular sozinho, cantos arredondados não são muito úteis Também não é muito útil se você estiver usando um caminho de elipse porque um caminho de elipse Vamos aumentar isso para que possamos ver um pouco da redondeza, ok? Portanto, a hierarquia é muito importante ao usar ferramentas moldadas. A forma como as ferramentas de modelagem interagem umas com as outras é diretamente afetada por sua hierarquia E deixe-me mostrar o que quero dizer com importância hierárquica. Veja o que acontece sempre que você adiciona outras ferramentas moldadas. Por exemplo, se adicionarmos um franzido e inchado, essa hierarquia Os cantos arredondados vêm antes do enrugamento e do inchaço, e os cantos arredondados estão afetando essa camada de forma E a maneira como você pode ver é que, se você esconder esses cantos arredondados, você pode ver o efeito como tendo. No entanto, se você colocar cantos arredondados abaixo do franzido e inchado, isso não terá mais nenhum efeito Uma das coisas importantes sobre cantos arredondados é que, se você os estiver usando em conjunto com outras ferramentas moldadas, precisará garantir que os cantos arredondados venham primeiro Como você pode ver, há um limite para o impacto dos cantos arredondados . Vamos reduzir o raio dos cantos arredondados para zero. Agora, quando começamos a aumentá-la lentamente, vemos o efeito que ela está tendo. No entanto, em algum momento, isso não afeta mais nossa forma. Nesse caso, um raio de cerca de 330 ou não tem mais nenhum impacto em nossa camada de forma Vamos nos livrar desse enrugamento e inchaço e, em seguida, adicionar uma torção e começar a aumentar algumas dessas configurações de E, como você pode ver, os cantos arredondados afetam nossa camada de forma. E você pode dizer que se você desligar isso, veja a diferença. No entanto, mais uma vez, se você puxar os cantos arredondados sob a torção, isso não terá mais nenhum impacto em nossa camada de Novamente, certifique-se de que, se estiver usando cantos arredondados em conjunto com outras ferramentas de modelagem, como ziguezague, torção e franzimento e inchaço, certifique-se de que os cantos arredondados venham certifique-se Porém, há uma exceção interessante vamos dar uma reviravolta e agora vamos adicionar um passe de deslocamento novamente Vamos abordar isso com mais detalhes em uma próxima lição. Mas vamos apenas aumentar a quantidade de caminhos de deslocamento. Podemos ver que os cantos arredondados estão afetando nossa camada de forma se a desativarmos e ativarmos. Agora veja o que acontece quando nos movemos cantos arredondados por baixo de caminhos deslocados Isso ainda o afeta, mas de uma maneira diferente. Se você estiver usando cantos arredondados com caminhos deslocados, poderá colocá-los abaixo dos caminhos deslocados, mas isso terá um efeito muito menos extremo No entanto, se você colocar cantos arredondados abaixo de torcer e inchar em zigue-zague, cantos arredondados não terão nenhum efeito no abaixo de torcer e inchar em zigue-zague, os cantos arredondados não terão nenhum efeito no caminho do retângulo. Novamente, os cantos arredondados têm apenas um controle, que é o raio Vamos adicionar um polystar. Por enquanto, vamos apenas ocultar o caminho do retângulo. Então aqui está nosso polystar. Vamos mudar isso para um polígono e aumentar o raio que possamos ter uma ideia melhor do impacto que os cantos arredondados Podemos ver claramente que isso está afetando esse polígono. Agora, se reativarmos nosso caminho retangular, podemos movê-lo para o lado e ver como isso está afetando essas duas formas Em um caso, cantos arredondados seriam úteis se você quiser que ambas as formas tenham a mesma quantidade de arredondamento. Por exemplo, se desativarmos os cantos arredondados, vemos agora que todos eles têm essas bordas afiadas. Se aumentarmos o arredondamento do caminho do retângulo , isso afetará apenas o caminho do retângulo Mas se quisermos que o polystar e o caminho do retângulo adicionem o mesmo arredondamento, basta ativar os cantos arredondados novamente e brincar com Observe também como a quantidade de raio afeta as camadas da forma de forma diferente Você pode ver que o retângulo à direita é afetado de forma diferente do polígono à esquerda Se você aumentar os cantos arredondados até sua eficácia máxima, esse polystar quase se tornará uma elipse Mas você pode ver nas bordas que não é bem um círculo. Os cantos arredondados podem ser úteis em certos casos, quando você deseja simplesmente arredondar os cantos de um polígono, uma poliestrela ou um retângulo É uma ferramenta bastante simples com apenas um controle. Observe também que há um cronômetro próximo ao raio, que significa que ele Isso significa que você pode animar o raio. Assim, você pode começar com o raio mais baixo e aumentá-lo Ou você pode começar pelo raio mais alto e diminuí-lo A principal coisa a ser aprendida nesta lição, porém, é que, se você for usar cantos arredondados com outras ferramentas moldadas, certifique-se de que elas venham primeiro. 32. 04.03 Cantos redondos - Caminhos: Ok, agora vamos ver qual efeito os cantos arredondados teriam em um caminho. Vimos como isso afeta as formas. Vamos adicionar uma nova camada de forma. Em seguida, adicionaremos um caminho que envolverá automaticamente nosso Pintol Basta fazer dois vértices aqui para fazer uma linha. Vamos adicionar um traço, para que possamos ver o efeito que ele terá sobre ele. Aumente isso. Vamos levantar nossa régua agora com o conteúdo destacado Vamos adicionar cantos arredondados. Como você pode ver, não há alteração sempre que você adiciona cantos arredondados inicialmente. Na verdade, não importa o valor que você adicione aos cantos arredondados, isso não afetará um caminho em linha reta. Vamos ver o que aconteceria. No entanto, se fizermos um caminho, isso não é apenas uma linha reta, mas algo um pouco mais criativo. Se você pressionar G no teclado, a ferramenta Pin será exibida Vamos adicionar alguns vértices para formar essa linha A para obter algo um pouco mais interessante Agora vamos aumentar nossos cantos arredondados. Como você pode ver, cantos arredondados têm um efeito em um caminho que tem mais de dois vértices. Mas se for apenas uma linha reta , na verdade não fará muita coisa. Isso é estruturável por chave, então vamos colocar um quadro-chave em 0 segundos. Vamos fazer o raio 25 e reduzi-lo a zero no raio em 1 segundo E basta repetir isso e ver qual efeito isso tem, como você pode ver, não faz muita coisa. Na verdade, você precisa ir ao extremo para realmente ver a diferença. Como você pode ver, cantos arredondados têm muito pouco efeito em um caminho. E, de fato, se esse caminho apenas dois vértices, ele tem efeito zero 33. 04.04 Caminhos de deslocamento - formas: Ok, a próxima ferramenta que vamos examinar se chama Offset Paths Vamos clicar com o botão direito do mouse e criar uma nova camada de forma. Nessa camada de forma, vamos criar um retângulo. E vamos dar um golpe e aumentá-lo. E então abra nosso caminho retangular. E aumente nosso caminho retangular. Se adicionarmos caminhos de deslocamento e depois abrirmos essa ferramenta, veremos que existem dois controles principais, quantidade e junção de linha Sempre que falávamos sobre traços e como isso afetava os caminhos, o conceito é o mesmo aqui e vou mostrar o que quero dizer com isso Primeiro, vamos ver a quantidade de caminhos de compensação padronizada para uma quantidade Como você pode ver, esse controle simplesmente aumenta ou diminui o tamanho do seu caminho. Há outra opção aqui para junção de linha. Vamos mudar isso para junção redonda. Podemos ver como curvas os cantos desse retângulo. Também há uma junção chanfrada e podemos ver como chanfram as bordas desse Novamente, isso é muito semelhante à forma como a junção de linhas afeta os traços Para ver como isso interage com outras ferramentas de modelagem, vamos adicionar um toque abaixo Podemos ver que a torção está afetando nossa forma, bem como os caminhos deslocados Nós o movemos para baixo. Isso ainda o afeta, mas de uma maneira diferente. Mais uma vez, a hierarquia é muito importante sempre que você estiver aplicando essas ferramentas às suas formas Alguns não funcionam de jeito nenhum e outros funcionam de uma maneira diferente, como junção redonda. Offset paths é uma ferramenta muito simples, mas você pode achá-la útil em algumas de suas animações 34. 04.05 Caminhos de deslocamento - caminhos: Agora vamos ver o efeito que os caminhos deslocados têm em um caminho. Vamos clicar com o botão direito do mouse nessa área e adicionaremos uma nova camada de forma. Vamos adicionar um caminho que ativará automaticamente nossa ferramenta de Pin. Primeiro, solde apenas dois vértices para formar uma linha reta. Adicione um traço, para que possamos ver o efeito que isso terá e aumentaremos esse traço. Agora, com o conteúdo destacado, vamos adicionar caminhos de deslocamento Você pode ver que já há algum efeito. Se você falar com esse efeito de vez em quando, verá que algo está acontecendo. Vamos abrir caminhos de compensação e ver o que acontece sempre que aumentamos nossa quantidade Como você vê, tem um efeito muito interessante. E isso tem valores positivos e negativos, então você pode ir em qualquer direção. Basicamente, ele transforma uma linha reta em um retângulo. Está compensando os caminhos para cima e para baixo. Isso acontece se você girar esse caminho para que seja uma linha vertical, ele se expande Agora, o que acontece se adicionarmos mais vértices? Pressione G. Para abrir sua ferramenta de caneta, basta adicionar mais alguns vértices talvez também haja um pouco de Bezier Apenas retire-os. Você pode ver que obtém algo muito mais interessante. Você pode adicionar um preenchimento. Na verdade, ele preenche a área ao redor dos caminhos de deslocamento para que você diminua nossa quantidade do caminho de deslocamento para É apenas uma linha reta que criamos inicialmente. Mas quando você começa a expandi-lo, você pode realmente começar a ver as possibilidades. Veja isso. Vamos colocar um quadro-chave com a quantidade de zero em nosso quadro zero. Avance 1 segundo. Vamos aumentar isso, talvez 50 pixels, e depois ir para a nossa marca de dois segundos. Vamos na outra direção, menos 50. Então, em 3 segundos, voltaremos ao zero. Vamos inclinar isso, você obtém algo muito interessante aqui, pois você pode ver o efeito que caminhos deslocados têm em um caminho muito diferente do efeito que têm em uma Basta experimentar essa ferramenta, você pode aumentar o tamanho do seu traçado. Se você abrir as propriedades do traçado, poderá fazer coisas como mudar sua junta de linha para uma junta redonda para obter uma borda arredondada; nela você pode alterá-la para uma junta chanfrada, pode obter algo um pouco diferente Você pode até adicionar traços para obter algo que pareça ainda mais diferente É uma brincadeira com a largura do traço aqui, traço, quantidade Você pode ver o efeito que os caminhos de deslocamento estão tendo aqui. É uma ferramenta de animação de camada de forma muito simples, mas tem muito potencial, dependendo de como você a usa e para que a está usando. 35. 04.06 Ferramentas de manobra - formas: Ok, então, na próxima ferramenta de animação de camada de forma, vamos dar uma olhada em nossas ferramentas de movimentação e há duas delas. Primeiro, vamos clicar com o botão direito do mouse nessa área ao lado da nossa linha do tempo Escolha uma nova camada de forma. Vamos adicionar um retângulo. Vamos dar a esse retângulo um preenchimento e um traçado. Vamos aumentar esse caminho retangular. Vamos encaixar nossa composição em nosso visualizador. Talvez torne isso um pouco maior. Digamos 500 pixels de altura e largura, com o conteúdo destacado. Se você clicar no botão do anúncio, verá que há caminhos de oscilação no wiggle transform Agora, eles podem funcionar sozinhos ou entre si ou com outras ferramentas de modelagem. Vamos dar uma olhada em cada um por si só primeiro. E depois disso, veja como eles podem trabalhar juntos. Primeiro, vamos escolher caminhos de manobra. Abrimos caminhos de manobra. Veremos que temos algumas opções aqui. Temos tamanho, pontos de detalhe e as opções são cantos e movimentos suaves por segundo Correlação, fase temporal, que é tempo, e fase espacial, que é espaço Também temos uma semente aleatória. Você já pode ver nas bordas que esses caminhos de oscilação com essas configurações padrão já afetam nossa camada de forma Vamos apenas aumentar o tamanho do nosso caminho de manobra, aumentar os detalhes E você já pode ver como isso está realmente afetando nossa camada de forma. Agora, observe também que eles têm cronômetros próximos a eles, que significa que podem ser emoldurados por teclas, significa simplesmente que você pode animá-los Para pontos, temos as duas opções, canto e canto liso, temos esses picos Se configurarmos isso para suavizar, você verá que eles são mais arredondados. Ao afetar os detalhes, você pode ver a diferença. Mexe por segundo, o padrão é dois. Vamos aumentar isso para cinco. correlação pode ser definida em qualquer lugar de 0 a 100%. Se você aumentar até 100% , verá que os pontos não estão mais visíveis fase temporal e a fase espacial são mais adequadas para ajustes finos. Vamos repetir essa área em cerca de 1 segundo. Você notará que não temos quadros-chave, mas devido à forma como os caminhos de oscilação interagem com nossa camada de forma, obtemos algumas animações com base em nossas configurações Isso vem das oscilações por segundo. Definimos as oscilações por segundo para zero. Como você pode ver, não há animação alguma. As oscilações por segundo são realmente o que dá a isso a animação Você pode ir muito devagar ou muito rápido. Novamente, tudo isso é estruturável por chave, então você pode afetar isso Você pode fazê-lo crescer e depois voltar para baixo. Essa é realmente uma daquelas ferramentas que você precisa experimentar para realizar todo o seu potencial. Ok, a outra ferramenta de movimentação é a transformação de mexer. Vamos adicionar uma transformação de oscilação à camada da forma. Abra nossas configurações. E a chave para mexer a transformação está na palavra transformar. As propriedades de transformação do wiggle transform ditarão como as configurações serão aplicadas à camada de forma No momento, veja, não há animação. Nosso ponto de ancoragem e posição são padronizados para zero. Nos eixos x e y, nossa escala é padronizada para zero e nossa rotação para zero Mas agora veja o que acontece se eu aumentar o valor x da nossa posição e movê-lo para a direita. Observe que a caixa delimitadora da camada de forma original permanece na posição do nosso caminho retangular O efeito da transformação de oscilação se move se movermos nosso caminho retangular Vamos colocar isso de volta em zero. Observe que a transformação de oscilação tem um controle de oscilações por segundo, assim como nosso caminho de oscilação Agora vamos repetir isso em 2 segundos e assistir. Como você pode ver, essa é uma expressão instável. Se você já usou uma expressão de oscilação antes, saberá que ela aplica valores temporais e espaciais de forma aleatória Vamos aumentar o tamanho disso e você pode ver como isso afeta nossa camada de forma. O que o wiggle transform está fazendo é pegar as informações de nossas propriedades de transformação dentro da transformação wiggle e aplicá-las às propriedades de transformação de nossa camada de forma Essas propriedades de transformação estão afetando essas propriedades de transformação com base nas oscilações por segundo, na correlação e na fase temporal e espacial Podemos fazer Podemos aumentar nossa semente aleatória novamente, são as oscilações por segundo que realmente fazem essa animação acontecer Se reduzirmos as oscilações por segundo para zero, não há animação No entanto, como nossa posição foi movida, 215 pixels no eixo X, e nossa escala foi aumentada 150%, essas configurações permanecem, volte para 00, e temos nosso caminho retangular original e podemos até girá-lo, mas, novamente, sem movimentos por segundo, não vemos nenhuma 215 pixels no eixo X, e nossa escala foi aumentada em 150%, essas configurações permanecem, volte para 00, e temos nosso caminho retangular original e podemos até girá-lo, mas, novamente, sem movimentos por segundo, não vemos nenhuma animação. Se aumentarmos as oscilações por segundo, agora veremos uma animação A transformação Wiggle é outra daquelas ferramentas de camada de forma você realmente deve brincar com a qual você realmente deve brincar para ver o que pode tirar dela Vamos ver o que acontece se aplicarmos as duas ferramentas de manobra. Já aplicamos a transformação de manobra. Vamos adicionar um caminho de oscilação. Agora, se aumentarmos o tamanho do nosso caminho de oscilação, podemos ver que ele começa a deformar nosso retângulo, aumentar os detalhes, alterar nossos pontos Vamos aumentar essa configuração de oscilação por segundo para cinco caminhos de oscilação afetando as bordas de nossa forma, enquanto a transformação de oscilação está afetando toda a afetando Essas duas ferramentas podem ser empilhadas em qualquer ordem e ainda terão o mesmo efeito em nossa camada de forma Lembre-se de que, tanto para caminhos de oscilação quanto para transformação de oscilação, a chave da animação está nessas oscilações Em wiggle transform, a chave é a palavra transform. Você precisa ajustar as configurações de suas propriedades de transformação no wiggle transform para realmente ver o que essa ferramenta de camada de forma faz Como você pode ver, eu afetei apenas alguns controles e temos essa animação. Eu recomendo fortemente que você brinque com ele para aproveitar ao máximo esse recurso de forma. 36. 04.07 Ferramentas de manobra - caminhos: Ok, então vimos como as ferramentas de manobra afetam uma forma. Vamos ver como as ferramentas de manobra afetam um caminho. Clique com o botão direito do mouse nessa área. Próxima linha do tempo, nova camada de forma. Abra nossa camada de forma aqui e adicionaremos um caminho. Isso abre nossa ferramenta de Pin. Vamos fazer o que fizemos nas lições anteriores e apenas desenhar primeiro uma linha reta com dois vértices. E vamos adicionar um traço a isso e aumentar nossos traços Nós vemos o que está acontecendo. A primeira coisa que vou fazer é adicionar caminhos de oscilação a essa linha reta Se você ativar e desativar esse efeito, verá que há algo acontecendo Nada importante ainda. E vamos abrir caminhos de manobra. Se aumentar o tamanho, ele terá um efeito semelhante ao que teve em nossa forma e nos detalhes. Quanto mais detalhes você adicionar, mais pontos teremos. Também podemos mudar de canto para liso para torná-las arredondadas ou afiadas. Vamos fazer esse traço com um pouco mais fino. Talvez se percorrermos essa área e apenas observarmos, você possa ver que mesmo isso por si só tenha um efeito interessante. Isso está sendo animado usando esses movimentos por segundo. E vimos isso sempre que aplicamos isso à nossa forma. Agora vamos ver o que acontece sempre que adicionamos mais vértices. Para abrir sua ferramenta de caneta, vou clicar e arrastar apenas para obter um vértice de Bezier aqui e adicionar alguns deles Você pode ver que, ao adicionar vértices, isso já está alterando a forma e a casa interagindo com Vou espalhar isso um pouco, talvez reduzindo nossos detalhes para cerca de cinco. Então, se olharmos para trás, você pode ver o efeito que isso tem. Tudo isso é estruturável, incluindo nosso caminho, divida um quadro-chave para um caminho aqui, vá para o segundo Talvez mova alguns desses vértices um pouco para obter algo um pouco mais interessante Então, podemos definir nosso tamanho desse caminho de oscilação. Temos em 362, vamos descer para talvez 200. Vamos descer para 2 segundos. Se copiarmos nosso primeiro quadro-chave em nosso caminho e depois colá-lo, ele voltará à forma inicial Vamos mudar talvez até 101. Uma das coisas que tenha em mente com caminhos de oscilação é se não há valores negativos Então, quando você chega a zero, não pode fazer mais nada com isso. Isso é algo muito legal. É um efeito aleatório porque é um efeito de oscilação. Ele está fornecendo os valores que fornecemos e os aplicando de forma aleatória, assim como um efeito de oscilação faz na posição, na escala e Isso muda a suavidade, e você vê que é um pouco diferente. Os caminhos de oscilação funcionam em caminhos, o que faz sentido porque são caminhos de oscilação. Vamos esconder isso por enquanto. E vamos adicionar uma nova camada de forma. Vamos adicionar um caminho para isso e começar novamente apenas com dois vértices. Vamos adicionar um traçado e aumentar conteúdo do traçado destacado. Vamos adicionar uma transformação de oscilação. Se você falar com esse efeito vez em quando, não vemos nenhum efeito. Temos que fazer algo para obter algum resultado. Vamos começar a analisar algumas de nossas propriedades de transformação. Lembre-se de que sempre que aplicamos a transformação de agitação a uma transformação de forma que é a chave no efeito da transformação de oscilação, vamos apenas deslocar um pouco essa posição Digamos que talvez 150 no eixo x. Aumente nossa escala, talvez para 110 rotações, vamos fazer com que talvez seja menos dez. Se observarmos isso, obteremos um efeito apenas com essas poucas configurações. E a razão é porque está sendo animado por esses movimentos por segundo Se aumentarmos os movimentos por segundo, ele será mais rápido. Se baixarmos talvez para 0,5, obtemos algo muito, muito lento, volta para dois em nossa correlação, podemos aumentar para 100, reduzir nossa correlação para zero Isso afeta isso de forma um pouco diferente. Agora, o que acontece se adicionarmos mais vértices ao nosso caminho? Clique para abrir sua ferramenta de caneta novamente Vou clicar e arrastar para abrir alguns vértices de Bezier aqui Em seguida, vamos compensá-los um pouco para obter algo como uma linha ondulada E então vamos assistir esse play back wiggle se transformar. E os caminhos oscilantes funcionam tanto para formas quanto para caminhos. A maneira como ele interage com sua forma ou seu caminho variará dependendo das configurações em sua transformação de oscilação e também efeito que você causa nas propriedades de transformação da transformação de oscilação O mesmo vale para caminhos sinuosos. O efeito que você obterá dependerá dessas configurações nas opções de caminhos de oscilação Aqui, novamente, muita experimentação. Experimente um enquadramento de teclas. Jogue com algumas configurações em seu traçado. Tente usar a junção redonda em vez da junção menor. Talvez Bevel Join Aumente o tamanho do seu traço. As possibilidades realmente são infinitas com esses efeitos. É tudo uma questão do que você quer criar e do tamanho da sua imaginação. Eu recomendo fortemente que você brinque com essas configurações e veja o que pode criar. 37. 04.08 Pucker & Bloat - Shapes: Nossa próxima ferramenta de animação de camadas de formas se chama Pucker and Bloat Vamos aplicá-lo em uma camada de forma. Clique com o botão direito do mouse nesta área ao lado da nossa linha do tempo. Escolha uma nova camada de forma. Abra nossa camada de forma e vamos adicionar uma elipse. Vamos dar a essa elipse um preenchimento e um traçado. Aumente o traço. Talvez mude a cor desse preenchimento. Agora vamos aumentar o tamanho do nosso caminho de elipse com o conteúdo Clique em nosso botão Anúncio e veremos rugas e inchaço. Você já pode ver imediatamente. Assim que você adiciona esse efeito, isso começa a afetar nossa forma. A razão é porque o valor padrão do pôquer e do golpe é dez Agora, esse é o único controle que Pucker and Blow tem. No entanto, se você começar a percorrer as quantidades, verá que na verdade tem um efeito muito interessante em qualquer camada de forma. Você pode usar valores positivos ou negativos, e esses valores são estruturáveis por chave. Você pode animá-los. Vamos fazer algo assim. Retire um quadro-chave, 135, outro quadro-chave para menos 135 e o quadro-chave final para 135. Se você assistir, verá que tem uma sensação de caleidoscópio Uma das coisas mais legais sobre esses efeitos é que você pode empilhá-los. Digamos, se quisermos adicionar um repetidor e jogar com algumas dessas configurações, podemos realmente fazer algumas coisas muito legais Estou apenas brincando com as configurações aleatoriamente, nem mesmo tenho certeza do que vou fazer Como você pode ver, apenas essas configurações aleatórias têm um efeito muito interessante nessa camada de forma. Você pode criar designs estáticos ou cinéticos com franzimento e inchaço. Novamente, ele tem apenas um controle, que é o valor. Mas o que ele pode fazer é bastante impressionante. Assim como acontece com as outras ferramentas de animação de camadas de formas, eu recomendo que você brinque com isso sozinho e em conjunto com outras ferramentas de modelagem para ver o que você pode obter com isso Por exemplo, se tivéssemos uma reviravolta, você pode ver como isso realmente afeta essa camada de forma, enrugada e inchaço Embora seja um recurso de camada de forma muito simples, ele pode produzir resultados bastante impressionantes. Vamos mudar nosso caminho moldado para uma poliestrela e nos livrar do caminho da elipse Vamos criar nosso polígono tipo A e aumentar o tamanho dele Como você pode ver, isso tem um efeito totalmente diferente que nossa elipse Se adicionarmos um retângulo, podemos ver o efeito que o retângulo terá A forma como o enrugamento e o inchaço afetam o retângulo é ligeiramente diferente da forma como afetam uma poliestrela e uma elipse uma poliestrela e uma Mas você tem muitas opções muito legais. Você pode até mesmo adicionar várias formas. Temos um caminho retangular, agora vamos adicionar uma elipse. E você pode jogar com os tamanhos individualmente. Você pode movê-los em qualquer direção que desejar. Como você pode ver, a forma como eles interagem uns com os outros é muito interessante. Vamos adicionar um polystar a essa mistura. Mude nosso tipo para polígono, aumente nossos pontos e aumente nosso raio externo Se quiser ter ainda mais controle, você pode colocar cada uma dessas formas em seu próprio grupo e dar a ela seu próprio preenchimento. Vamos criar o grupo um , pegar o retângulo um, preencher um e colocá-lo lá Vamos criar o grupo dois e colocar polystar lá. Em seguida, vamos adicionar um preenchimento ao nosso polystar. Será lido. Então, vamos adicionar outro grupo e colocar nosso caminho de elipse Em seguida, adicionaremos um preenchimento à nossa elipse e talvez o alteraremos para mais laranja Como o enrugamento e o inchaço estão abaixo, todos os três grupos afetarão os três Essa é uma das coisas que é muito importante lembrar sobre as ferramentas de modelagem. Eles afetam apenas o que está acima deles. Por exemplo, se movermos Parker e entre o grupo um e o grupo dois, podemos ver que isso está afetando apenas o grupo um Se o movermos para baixo do grupo dois, isso afetará apenas o grupo um e o grupo dois. Quando vamos abaixo de todos os três, isso afeta todos os três. Pucker and bloat é uma dessas ferramentas de camada de formas. É muito subutilizado e muito subestimado. Eu recomendo fortemente que você brinque com isso e veja o que você pode criar usando essa poderosa ferramenta de camada de forma. 38. 04.09 Pucker e Bloat - Caminhos: Ok, então vimos o efeito que o enrugamento e o inchaço têm em uma Vamos ver como isso afeta um caminho. Clique com o botão direito do mouse nesta área ao lado nossa linha do tempo, nova camada de forma. E vamos adicionar um caminho, como fizemos em nossas outras lições, e apenas desenhar dois vértices. E então vamos adicionar um traçado e aumentar esse traçado para que possamos ver o que está acontecendo aqui e vamos endireitar um pouco esse caminho Ok, agora com o conteúdo destacado, vamos adicionar pucker e bloat E vemos que isso tem um efeito assim que você o adiciona, basicamente arredondando os cantos No entanto, o problema com o enrugamento e o inchaço é que, não importa o que você faça com eles, você realmente não terá muito efeito Você obtém essa randomização aqui e pode inserir um quadro-chave Mas provavelmente existem maneiras muito mais fáceis de obter esse efeito. Além de usar franzir e inchar. É muito limitado o que você pode fazer em um caminho reto com rugas e inchaço Vamos adicionar mais vértices e ver qual é o efeito de abrir sua ferramenta de caneta e vamos adicionar alguns vértices de Bezier E já podemos ver que algo interessante já está acontecendo. Talvez adicione mais um aqui. Vamos movê-los e abri-los um pouco para ver o que está acontecendo aqui. Vamos usar esses quadros-chave para enrugar e inchar e brincar com as Como você pode ver, você obtém um efeito. Você obtém algo interessante com franzir e inchar E isso é algo com o qual você precisa brincar para realmente ver quais são as possibilidades disso. Se você abrir seu traçado aqui, poderá alterar sua junção de linha para uma junção redonda para obter bordas arredondadas. Ou talvez uma junção chanfrada para obter mais bordas chanfradas. Vou deixar isso na junção redonda e talvez diminuir a largura do meu traçado. Aqui estão alguns quadros-chave, para que possamos animar isso. O primeiro disse às 02:58 Reduza tudo para dez em 1 Então talvez volte para 150, 2 segundos. Vou repetir isso pressionando o teclado e apenas assistindo Pucker and Bloat tem alguns efeitos bem legais em caminhos com mais de dois vértices Portanto, lembre-se de que enrugar e inchar realmente não afetam uma linha reta Tem algum efeito, mas não se compara aos efeitos que tem em um caminho com mais de dois vértices. Novamente, recomendo que você brinque com isso e veja o que pode fazer. Pucker and Bloat tem apenas um controle que é de quantidade e pode ser configurado por Não se esqueça de que seu caminho também pode ser estruturado por chave. Você pode mover esses vértices ao longo tempo para obter resultados bem legais Experimente um pouco e veja o que você pode inventar. 39. 04.10 Twist - formas: Ok, então a próxima ferramenta de animação de camada de forma abordaremos se chama Twist Vamos clicar com o botão direito do mouse nessa área ao lado da sua linha do tempo. Escolha uma nova camada de forma e vamos abri-la. Vamos adicionar um retângulo e dar esse retângulo um preenchimento e um traçado Vou apenas mudar a cor do nosso preenchimento, bem como do nosso traçado, e torná-lo um pouco mais espesso Em seguida, vamos abrir nosso caminho retangular para a camada da forma e aumentar o tamanho dela com o conteúdo destacado Vamos ao nosso botão Adicionar e vamos adicionar o Twist. Você pode ver imediatamente, assim que adiciona esse efeito, que ele já está começando a afetar nossa forma. Desative e ative esse efeito, você pode ver como ele está se movendo levemente O motivo é porque o Twist tem uma configuração padrão. Como você notará, a maioria deles padrão um valor de dez Por exemplo, se você adicionar um franzido e inchar, como fizemos na última seção, verá que a quantidade é dez, também com cantos arredondados Se você abrir isso, verá que o padrão é dez torções Temos dois controles aqui, temos ângulo e centro. Vamos examinar primeiro o ângulo. Como mencionei, o padrão é um valor de dez. Conforme você aumenta, você pode ver o efeito que isso tem na sua forma. Quanto mais alto você sobe, mais torção é aplicada. Quando você chega a zero, não há efeito. Uma das coisas interessantes sobre o ângulo é que ele tem valores positivos e negativos que são estruturáveis, como podemos ver pela presença de um cronômetro Observe como nossas bordas aqui têm essa borda encaixotada. E a razão para isso é que nossos traços têm limite de linha e junção de linha A configuração padrão para limite de linha é limite de extremidade. Na configuração padrão para junção de linha é junção secundária. Se alterarmos nossa junção de linha e dissermos que escolha uma junção redonda, você pode ver o efeito que isso terá na borda dessa torção aqui Com esse efeito , onde está no momento. Se adicionarmos uma junção chanfrada, ela terá a mesma aparência de uma junção secundária À medida que ajustamos o valor do nosso ângulo, podemos ver como isso afeta nossa forma e aparece ali mesmo Você quer estar atento a isso. Se você configurá-lo para junção redonda, você não terá uma deformação realmente estranha ao atingir um determinado limite Agora vamos alterá-lo para junção chanfrada. Parece semelhante a uma tampa traseira, mas também não temos essa deformação Se você for usar torção, eu recomendaria que você defina sua junção de linha se estiver usando um traçado para junção redonda ou junção chanfrada Se você vai usar a junção secundária, veja como funciona aqui Você deseja ajustar seu limite mínimo. Se você diminuir seu limite menor, não verá esse estouro e evitará aquela borda pontiaguda e afiada. Se você aumentar seu limite menor, perceberá que estamos deformando quando ele atinge um determinado limite Nesse caso, está em torno de 180 negativos. Se formos para um valor positivo, veremos cerca de 210. Isso aparece indefinidamente. Você precisa jogar com essas configurações para obter a aparência certa que deseja. Eu quero colocar isso de volta em round join. Dessa forma, evitamos isso completamente. Você também pode diminuir o tamanho do seu traço para evitar deformações extremas. Esse é o ângulo. Nosso próximo controle é o centro. Observe que o padrão do centro é zero nos eixos x e y, que coloca o efeito diretamente no centro da camada de forma Veja o que acontece quando eu movo o valor central para a direita, para um valor positivo, para um valor negativo no eixo y, para um valor positivo para um valor negativo. Você obtém todas essas formas e desenhos muito interessantes que você pode criar, tudo usando quadros-chave. Vamos experimentar algo bem rápido. Faremos uma animação de dois segundos. Começaremos com nosso ângulo em zero, talvez subamos até 50. Comece nosso ponto central em 00 e, no final da animação, coloque 50 positivos em X e menos 50 em Y. Então, podemos assistir a reprodução Você pode ver como animar essas formas uma forma muito extrema ou de algo muito sutil Se você quiser obter algo que pareça uma ilusão de ótica, deixe seu ponto central em 00 e depois brinque com os valores do seu ângulo Twist é um recurso de camada de forma bastante direto e muito simples, mas é algo que pode ser muito útil se você tiver determinados designs ou animações que exijam que a camada de forma No momento, isso está sendo aplicado a um caminho retangular. Vamos nos livrar disso. Adicione também um polystar Vamos mover essa torção acima porque lembre-se de que todos os nossos efeitos dependem da distorção hierárquica, assim como as outras ferramentas da camada de forma afetarão o que estiver Quando começamos a passar por aqui, vemos o efeito que isso já terá em nossa estrela Há algumas coisas que você deve ter em mente ao usar torções A primeira coisa é: qual forma você quer usar? Eu recomendo um retângulo ou um polystar. Se você adicionar uma elipse, a elipse Como você pode ver, isso está afetando totalmente essa elipse. Mesmo se aumentarmos o tamanho dessa elipse, torção não a afetará Isso afetará um caminho de polígono, poliestrela ou retângulo. Se removermos esse preenchimento, vamos adicionar novamente um retângulo e aumentar o tamanho desse retângulo aumentar o Nós podemos ver isso melhor. Veja, este é o efeito sem o preenchimento. Esse é o efeito com o preenchimento e o traçado. Então esse é o efeito sem o traçado, mas somente o preenchimento. Você não precisa apenas levar em consideração a forma que vai usar, mas também se deseja usar um preenchimento e um traçado, possivelmente um preenchimento de gradiente ou um traçado de gradiente, um preenchimento de gradiente Isso foi abordado em uma lição anterior. Vou fazer algumas mudanças muito rápidas no nosso. Isso pode ser muito legal, como um logotipo de animação ou algo parecido ou um determinado design ou padrão que você precisa para um cliente. Lembre-se também de que o valor do seu ponto central deve permanecer em zero nos eixos x e y. Você pode alterá-los para certos efeitos, talvez queira algo assim. E eu estou apenas examinando esses valores no valor x, vamos colocar isso de volta Isso é o que parece no valor y. Quero mudar isso de volta ao nosso traçado e preenchimento originais, me livrar desse gradiente. Phil, ajuste nosso ponto central de volta para 00. Isso é uma reviravolta. É uma ferramenta de animação de camada de forma muito simples, algo com o qual você deve brincar , se familiarizar e ver qual é realmente o seu potencial total. 40. 04.11 Twist - Caminhos: Ok, então vimos como a torção pode afetar uma forma. Vamos ver como a torção afeta um caminho. Vamos para Layer, New Shape Layer. E vamos abrir nossa camada de forma aqui e adicionar um caminho que abrirá nossa ferramenta Pin. E vamos desenhar dois vértices, como fizemos em nossas lições anteriores, para uma linha reta Vamos adicionar um traçado e aumentar esse traçado com o conteúdo destacado. Vamos adicionar uma reviravolta. E você já pode ver que haverá algum efeito. Agora vamos brincar com nosso ângulo. Como você pode ver, ele tem caminhos de efeito muito semelhantes aos das formas Você pode obter alguns efeitos bem legais. Tudo isso é fundamental. Emoldável. Vou diminuir meu traçado em talvez 40 pixels. Vamos começar nosso ângulo em zero, avançar 1 segundo, subir até 750. Em 2 segundos, vamos voltar à inclinação zero para que você possa ver o efeito que pode obter aqui Na verdade, vamos na direção oposta, menos 750. Com torção, ele tem valores positivos e negativos. Você pode ver que há algumas coisas muito legais que você pode fazer com isso. O que acontece se adicionarmos mais vértices para abrir sua ferramenta de caneta e eu apenas adicionar alguns vértices lineares Não vou clicar e arrastar, então vamos colocar alguns vértices lineares aqui Vou arrastá-los um pouco para ver o que acontece sempre que aplicamos twist a esse interessante Acho que sem os outros vértices, torção é provavelmente mais eficaz para obter o campo de ilusão óptica circular que você via sempre que o aplicávamos apenas em uma linha Mas você certamente pode brincar com isso e obter algumas ideias muito legais para designs, padrões e animações Twist funciona com caminhos e formas, como você viu Brinque com essa ferramenta de camada de forma e veja o que você pode criar. 41. 04.12 ZigZag - formas: Ok, a ferramenta final de animação da camada de forma abordaremos é o zigue-zague Vá até a camada de nova camada de forma. E vamos adicionar uma elipse. E vamos dar uma pílula a essa elipse. Vamos mudar essa cor de preenchimento, algo assim. Agora vamos aumentar o tamanho do nosso caminho de elipse. Zigzag é uma das minhas ferramentas favoritas de animação de camadas de formas porque interage extremamente bem E há algumas coisas específicas você pode fazer com os caminhos que abordaremos em apenas alguns minutos. Mas primeiro, quero mostrar o efeito que isso tem sempre que você adiciona ziguezague a um caminho de elipse com Vamos, vamos para um ziguezague. E você pode ver que já há um pouco de coisa acontecendo aqui. Se abrirmos o ziguezague, vemos que existem três controles Temos tamanho e isso ajusta o tamanho do ziguezague. Também temos cordilheiras por segmento. Essa é a quantidade de cordilheiras que existem no caminho. E então temos essa opção de pontos, temos canto ou suave. Isso é muito semelhante a outros efeitos que vimos que você tem cantos e suavidade Ele permite bordas pontiagudas ou bordas mais arredondadas Você pode ver aqui, ampliamos um pouco a diferença entre canto e suavidade. Agora, o ziguezague funciona muito bem em camadas de formas se você usar configurações mais extremas Em primeiro lugar, vamos aumentar nossas configurações de tamanho. Você pode obter esse efeito muito legal nas elipses, aumentar nossas cristas por segmento e ver como obter algumas ideias de design muito legais e alguns padrões que você pode algumas ideias de design muito legais e alguns padrões que você Tudo isso é estruturável. Podemos ir de um tamanho zero e zero sulcos por segmento até aquela aparência realmente extrema que vamos adicionar um traço a isso Veja o que esse efeito teria tão bem quanto você pode ver, basta dar uma olhada diferente aqui. Talvez você possa mudar isso para traço de 0,5, tornando-o muito, muito pequeno. O que o ziguezague está fazendo é medir o tamanho do ziguezague nessas cristas por segmento e manipular e alterar o caminho da elipse manipular e alterar o caminho da elipse O fato de poder ser formatado apenas abre um mundo de possibilidades aqui Livre-se desse traço rapidamente e vamos ver o que acontece sempre que adicionamos um retângulo a Eu só vou esconder esse caminho da elipse. Por enquanto, vamos adicionar um retângulo e vamos fazer com que o retângulo tenha o mesmo tamanho do nosso caminho de elipse Então veja o que acontece sempre que aplicamos nosso ziguezague. Temos uma aparência diferente. Totalmente. Vou recuar nosso caminho de elipse e vou me mover para que possamos vê-los melhor. Mas você pode ver o efeito que o ziguezague tem em uma elipse em oposição a um Quanto mais extremo você for, às vezes, melhor. Você não fica muito louco. Talvez reduza para 250 e você possa ver esse efeito que tem com as cristas menores por segmento Podemos reduzir isso para 50. Existem apenas alguns designs muito legais. São apenas algumas configurações em ziguezague. Novamente, você pode enquadrar isso para que você possa animá-los Vamos adicionar mais uma forma. Vamos experimentar um polystar Vou esconder nossa elipse e nosso caminho retangular. Você pode ver imediatamente como isso afeta nosso polystar. Podemos aumentar o tamanho, podemos brincar com as cristas por segmento Algumas ideias de design. Você pode fazer essas alterações gráficas estáticas ou animadas em um polígono E você pode ver que, embora ambos tenham cinco pontos, apenas mudar de um polígono de Stargo oferece ainda mais resultados Vamos descer para talvez três. Isso é um triângulo. Aqui vamos para quatro, que é mais um quadrado. Experimente 15 pontos. Você pode ver que todas essas configurações têm um impacto direto na aparência do seu design. Algumas coisas muito legais aqui com ziguezague Eu recomendo fortemente que você explore mais o ziguezague e veja quais são as possibilidades com isso, porque você tem algumas ideias de design bem legais usando o ziguezague porque você tem algumas ideias de design bem . Eu recomendo fortemente que você explore mais o ziguezague e veja quais são as possibilidades com isso, porque você tem algumas ideias de design bem legais usando o ziguezague. 42. 04.13 ZigZag - Caminhos: Vamos clicar com o botão direito do mouse nessa área ao lado da sua linha do tempo. Escolha uma nova camada de forma. Vou adicionar um caminho. Vamos fazer dois vértices, depois adicionar um traçado e aumentar esse traçado O efeito que o ziguezague tem nos caminhos é muito diferente do que Vamos adicionar um ziguezague a esse caminho. Agora. Veja que já existe um efeito, você pode desativá-lo E nas outras ferramentas de modelagem, você verá que o ziguezague usa como padrão determinadas configurações, o padrão um tamanho de cinco e os sulcos dez para pontos Ele vai para a esquina automaticamente. Conforme você aumenta o tamanho delas, você pode obter essas linhas em ziguezague muito legais Você pode aumentar suas cristas por segmento ou diminuí-las, mudar sua curva para suavizar Todos eles são estruturáveis por chave. Você pode fazer coisas legais com esse quadro-chave. Tudo isso só para ter uma ideia de algumas coisas que você pode fazer, você pode alterar o tamanho do seu traço. Lembre-se de que, com a largura do traçado , que também é estruturável, você pode fazer coisas bem legais com essa ferramenta de camada de forma Novamente, é uma daquelas coisas com as quais você precisa brincar um pouco e experimentar. O Zigzag funciona de forma fantástica, tanto com caminhos quanto com formas. Vamos ver alguns tutoriais em que eu aplico essas ferramentas de camada de forma Você pode ver essas ferramentas em ação. O objetivo dessas lições até agora é familiarizá-lo com esses recursos da camada de forma e ajudá-lo a trabalhar com eles e obter uma compreensão básica do que os controles fazem e como aplicá-los às formas e aos caminhos Novamente, experimente isso, divirta-se e veja o que você pode inventar. Sua imaginação realmente é seu único limite. Agora, uma das coisas, lembre-se de que você verá os pontos abaixo para facilitar. Quando tento adicionar um quadro-chave, temos essa caixa aqui. O que essa caixa é é um quadro-chave de alternância e retenção. Veja se você escreve, clique em qualquer um desses quadros-chave. Obtenha essa opção para alternar entre segurar o quadro-chave. Falamos sobre isso em uma lição anterior. Não há animação entre os quadros-chave de alternância e retenção. Você tem animação entre quadros-chave lineares e Bezier. Mas se for um quadro-chave de alternância , a animação não começa até que você chegue a esse quadro-chave, e o valor que você tem para essa configuração permanecerá até que você chegue a outro A questão é que, com o ziguezague você não pode enquadrar esses Você precisa escolher canto ou suavizar, como agora está configurado para suavizar. Se chegarmos a essa marca de 1 segundo e eu mudar isso para canto, obteremos outro quadro-chave de alternância e retenção Os pontos permanecem lisos até chegarmos a esse quadro-chave, onde dizemos que ele se torne um ponto angular E ele permanecerá nesse ponto angular até chegarmos a outro quadro-chave. Se copiarmos esse quadro-chave suave e colá-lo no final de nossa animação, você verá que ele volta a um ponto suave, mas somente quando alcançarmos esse quadro-chave Há algumas configurações após efeitos que não permitem animação entre determinadas configurações. Com o ziguezague, faz sentido porque os pontos podem ser lisos ou cantos Realmente não há nada entre um canto e um ponto liso. Lembre-se disso ao animar usando o ziguezague. Você deve escolher uma lisa ou um canto ou, como neste caso, se quiser encaixar no lugar, isso também é legal 43. 04.14 Seção 04 revisão: Agora você deve ser capaz de criar alguns designs bastante impressionantes com o que aprendeu até agora. Mas a próxima seção fará de você um mago de gráficos em movimento. As ferramentas avançadas de animação incluem o repetidor, corte e os caminhos de mesclagem Há tantas possibilidades com o repetidor mesclar caminhos e recortar caminhos que eu dei essas três ferramentas de animação, uma seção inteira, só para elas mesmas Estou ansioso para ver você de volta na próxima seção e ensinar tudo sobre essas ferramentas avançadas de animação. 44. 05.01 Seção 05 - Ferramentas avançadas de animação: Bem-vindo de volta ao Power of Shape Layers, seção cinco, ferramentas avançadas de animação. Você está quase terminando este curso, então fique forte. As ferramentas avançadas de animação incluem ferramentas com configurações mais intrincadas e complexas, e incluem os caminhos de corte e mesclagem do repetidor As possibilidades são praticamente infinitas com essas ferramentas de animação. E você criará alguns gráficos incríveis quando aprender a usar essas ferramentas em seus projetos. Vou repetir: Keith, acostumar-se a trabalhar com ferramentas de animação é experimentação O repetidor abrirá um mundo de criatividade com o que você pode fazer com uma única forma De planos de fundo a desenhos circulares, designs que se repetem sem parar e muito Tudo isso é possível com o acabamento do repetidor. Paths é um animador de caminhos que iluminará seus designs, animará designs desativados ou fará com que sejam animados de inúmeras outras maneiras O Prim Pass é realmente uma das ferramentas de animação mais poderosas do After Effects E, finalmente, os caminhos de mesclagem tornarão criação de ícones não apenas possível, mas muito mais fácil Além de facilitar a criação designs difíceis e complexos Novamente, eu recomendo que você experimente essas ferramentas de animação para realmente dominá-las. Mas esta seção fornecerá uma base sobre como aproveitar o poder dessas ferramentas de animação Não fique sobrecarregado. Abordaremos cada uma dessas ferramentas de animação de forma completa e completa. Há muita coisa pela frente, então vamos direto ao assunto. 45. 05.02 O treinamento básico do repetidor: O repetidor é uma ferramenta de animação de camada de forma muito importante e poderosa Você pode criar padrões e designs rapidamente usando o repetidor e é definitivamente um recurso de camada de forma que você deve conhecer O repetidor cria cópias duplicadas de uma camada de forma, todas as quais podem ser manipuladas e alteradas em O repetidor pode ser confuso no início, mas não se preocupe, vamos abordá-lo em detalhes Ok, vamos criar uma composição clicando em nosso novo ícone de composição. Vamos mantê-lo às 19:20 às 1080. E deixaremos nossa duração em 10 segundos. Vamos chamar essa composição de repetidor agora. Vamos clicar com o botão direito do mouse nessa área em branco ao lado da nossa linha do tempo e clicar em Nova camada de forma Vamos redimensionar isso um pouco para que possamos nos movimentar um pouco melhor Vamos abrir nossa camada de forma e clicar no botão Adicionar. E vamos adicionar uma elipse. E então vamos dar uma pílula a essa elipse. Podemos mudar essa cor para qualquer cor, não importa realmente o que seja. E então vamos aumentar essa elipse. Vamos colocar nossa composição nesta janela aqui. Assim que tivermos nosso caminho de elipse, voltaremos para Adicionar e adicionaremos repetidor E uma das coisas que você deve saber sobre o repetidor é que ele repete tudo acima Ou seja, qualquer forma que você tenha ou qualquer grupo que você tenha. Só para ilustrar isso, vamos adicionar um grupo Vamos inserir esse caminho da elipse no preenchimento dentro desse grupo Agora vamos duplicar esse grupo escolhendo o controle D, preenchê-lo, agrupar dois, podemos realmente fazer alguns ajustes aqui Vamos mudar esse preenchimento para uma cor diferente, talvez um roxo. Agora, como você pode ver o repetidor repetindo esses dois grupos, quando eu alterno esse grupo dois com a cor roxa desligada, você pode ver que o grupo um Deixe-me tirar isso do caminho para que possamos ver um pouco melhor o que está acontecendo aqui. Como podemos ver, o repetidor está repetindo esses dois grupos Agora, se você mover o repetidor acima do grupo um, verá que ele está repetindo apenas o grupo dois Ele repete quaisquer formas, caminhos ou grupos que estejam acima dele Ok, vamos nos livrar desse grupo dois aqui, e vamos nos concentrar apenas no grupo um. Vamos mover o repetidor de volta para baixo grupo um e abrir as propriedades do E há alguns padrões aqui que você deve ter em mente Em primeiro lugar, o repetidor sempre usa padrão três cópias. Então, como você pode ver aqui, existem três cópias dos nossos lábios. O deslocamento é sempre definido como zero. Se abrirmos nossas propriedades de transformação para o repetidor, podemos ver que ele tem um ponto de ancoragem Posição, escala, rotação, início e endopacidade. Agora, algumas dessas propriedades de transformação são semelhantes às nossas propriedades de transformação de camada, mas algumas delas também são muito diferentes. Podemos adicionar mais cópias, então veja se adicionarmos cinco, você pode ver que isso aumenta o número de cópias para cinco. A maneira de adicionar distância entre essas formas é simplesmente manipulando sua posição sob transformação do repetidor À medida que aumentamos nosso valor X para a posição, os círculos se afastam ainda mais. E então, se você ajustar sua posição Y, eles se movem para cima e para baixo. Como você pode ver, o repetidor está interagindo com esse grupo Aqui em cima, o grupo está acima disso. Veja se diminuirmos o tamanho do caminho da nossa elipse, todas as formas diminuirão de A mesma coisa se você manipular suas propriedades de transformação do grupo Em vez de diminuir o tamanho do caminho da elipse, que está Se formos até as propriedades de transformação do grupo e manipularmos nossa escala, que é em porcentagem, ela terá o mesmo efeito se você mover sua posição no caminho da elipse, todos os círculos se moverão Se você manipular suas propriedades de transformação do grupo, é muito importante entender que transformação do repetidor estão interagindo com as propriedades de transformação do grupo, bem como com suas propriedades de transformação de camada 46. 05.03 Crie um ciclo de formas com a repetição: Ok, agora vou criar um círculo de círculos. Então, vamos usar uma nova camada de forma. E então, em nossa camada de forma, queremos adicionar uma elipse. Em seguida, vamos adicionar um preenchimento e alteraremos esse preenchimento para outra coisa que você goste, azul, com o conteúdo destacado. Volte para Adicionar e adicionaremos um repetidor. O padrão é três cópias, o deslocamento é zero. Agora, se eu quiser fazer um círculo de círculos, há algumas configurações que você precisa lembrar. Em primeiro lugar, você quer que sua posição e seu ponto de ancoragem sejam iguais a zero nos eixos x e y. Veja se tome essa posição de 100 para zero. Não podemos mais ver as outras cópias não importa quantas adicionemos, porque elas estão todas exatamente na mesma posição. Agora vamos adicionar 16 cópias. Agora, se eu quiser fazer um círculo de círculos, o que precisamos fazer é abrir nosso caminho de elipse E precisamos mover nossa posição para o caminho da elipse para cima. Nós o movemos para cima assim. Então, para nossa rotação sob o repetidor, queremos pegar 360 e reduzir um pouco da matemática no After Effects dividido pelo número de cópias, 360/16, e então teremos um Agora, o que é muito legal nisso é que você pode alterar o número de cópias e ainda manter esse círculo perfeito. Mas lembre-se de alterar a matemática da rotação do repetidor Veja, queremos 12 cópias. Como você pode ver, isso atrapalha antes de fazermos as contas. Aqui você vê como não é um círculo perfeito. Volte à nossa rotação e digite 360/12 Agora temos um círculo perfeito Mais uma vez, ao mover essa posição do caminho da elipse para cima e para baixo, você já pode ver alguns dos diferentes designs que pode obter Você pode diminuir o tamanho da sua elipse. Talvez você possa aumentar o número de cópias, digamos 20. Vamos usar 360/20 para obter o círculo perfeito. Novamente, você pode fazer coisas muito legais com Ao mover sua posição para a esquerda e para a direita, você pode ver como isso vai interagir. O que está acontecendo aqui. Esta é a nossa forma original aqui. Veja, podemos esconder esse repetidor clicando neste globo ocular aqui E você pode ver que esse é o nosso círculo original. Se você ligá-lo novamente, verá que é o que está destacado. É aí que você sabe onde está sua forma original. Bem, enquanto estou movendo minha posição para a direita, você pode ver que nossa forma original está se movendo e as cópias estão se movendo com ela. Você pode fazer algumas coisas bem legais com isso, porque tudo isso também pode ser formatado por teclas Vamos colocar nossa posição em zero. Aqui, na verdade, vamos colocar nossa posição em zero para ambos em nosso caminho de elipse para X e Y em Só podemos ver uma cópia, embora saibamos que todas as outras cópias estão por trás dela. Coloque um quadro-chave para a posição em nossa marca zero. Escolha talvez cerca de 15 quadros. E agora vamos levantá-lo e apertar para percorrer essa área. Clique em zero no teclado numérico para assistir. E você pode ver que temos uma espécie de explosão aqui, então você pode até mesmo movê-la de volta para baixo. Você tem algo parecido com isso. 47. 05.04 Usando grupos com o repetidor: Se você usar um repetidor como esse onde está logo abaixo de um caminho de elipse, ou pode ser um caminho retangular ou um Há alguns controles que você não tem. Se você abrir seu caminho de elipse, não haverá rotação, não haverá opacidade, Veja, vamos adicionar um grupo e colocar nossos lábios em nosso preenchimento dentro desse grupo. Agora, nosso grupo tem todas essas outras propriedades de transformação. Temos ponto de ancoragem, escala de posição, inclinação, rotação do eixo e Livre-se desses quadros-chave aqui. Em vez de usar nossas opções de elipse path, vamos usar nossas opções de transformação de grupo Faremos algo semelhante, mas adicionaremos um pouco mais de brilho a isso Vamos colocar um quadro-chave para a escala. Vamos fazer com que essa escala de 0% avance 15 quadros. Faça com que esses 100% avancem mais 15 quadros, e faremos com que sejam 0%. Novamente, temos a mesma aparência que acabamos de ter, quando aumenta e diminui. Mas agora veja o que acontece se adicionarmos uma rotação. Digamos que coloquemos um quadro-chave para rotação em zero graus e depois avançemos talvez 15 quadros E vamos subir para cerca de 180. Não tenho certeza se você acabou de ver isso, mas assista. Se mudarmos nosso grau de rotação. Lembre-se da forma selecionada. Teremos essa caixa ao redor dela. Então, se colocarmos de volta em zero, observe que isso volta até aqui. A razão é porque essa é a nossa forma original. Quando eu digitei 180, parecia que ele simplesmente pulou Veja se eu esfrego e começo do zero e depois vou lentamente até 180 Podemos ver que está realmente se movendo. Lembre-se de que a forma delimitada por essa caixa será sua forma original Vamos colocá-lo de volta em 180, voltar para zero aqui. E a. Vamos ver o que acontece quando fazemos isso. Agora temos essa rotação desse padrão. Você também pode fazer outras coisas com as propriedades de transformação. Você pode enquadrar a opacidade como chave. Talvez você queira isso em 50% e saiba como todas as formas compartilham o mesmo valor de opacidade E isso será verdade para todas essas propriedades de transformação em seu grupo. Todas as formas compartilharão o mesmo valor para qualquer uma delas. Talvez aumente um pouco a inclinação e veja o que ela está fazendo com nosso círculo Aqui está distorcendo nosso círculo. Você já pode começar a ver todos os designs e padrões em potencial e pequenas coisas interessantes que você pode fazer com o repetidor Eu sempre recomendo colocar sua forma dentro de um grupo, dessa forma você tem mais controle e mais opções. 48. 05.05 Princípios avançados de animação com o repetidor: Nova camada de forma. E então, em nossa camada de forma, queremos adicionar um retângulo ao grupo E então vamos adicionar um preenchimento a esse retângulo. Vamos manter esse vermelho por enquanto. Agora, com o conteúdo destacado, vamos adicionar um repetidor A razão pela qual eu quero o conteúdo destacado é essa. Muito rápido, se eu destacar o grupo e adicionar um repetidor Re, entrarei no grupo. Há uma diferença. Agora veja se eu tinha três grupos diferentes e queria adicionar um repetidor a todos eles Você precisa destacar o conteúdo e adicionar o repetidor e ele ficará abaixo de todos esses grupos, se eu quiser, apenas dentro de um desses Bem, se você destacar um dos grupos, clique em um repetidor O repetidor será aninhado dentro de um desses grupos Ok, vamos nos livrar desses outros grupos e conteúdos destacados. Adicione um repetidor. Vamos abrir nossas configurações de repetidor e também nossas configurações de propriedade de transformação de grupo Agora, lembre-se de que, para nosso repetidor, queremos ter certeza de que nosso ponto de ancoragem e posição estejam todos definidos como zero nos eixos x e y. Dessa forma, vemos apenas uma cópia. E então queremos examinar nossas propriedades de transformação de grupo. E movemos nossa posição para cima. Depois, basta descobrir quantas cópias do retângulo você gostaria Então, digamos que talvez 16. E então lembre-se de ir abaixo de nossas propriedades de transformação para repetidor, abaixo de rotação para propriedades de transformação de repetidor E fazemos as contas, 360/16 e aí temos um círculo perfeito Talvez você queira ajustar algumas dessas configurações, dependendo da aparência que você deseja Agora que estamos usando um retângulo, há algumas diferenças que você pode ver em vez de usar apenas uma elipse Nossas propriedades de transformação no grupo um, se jogarmos com nossa rotação, veremos como esses retângulos estão todos girando Novamente, o que quer que você faça com sua forma inicial, que é essa delimitada por essa caixa, o repetidor aplica esses valores a todas as instâncias dessa forma para ver se queremos distorcer aquela, todas elas Você pode imaginar algumas das coisas muito legais que você pode fazer com isso. Agora veja, isso é apenas um retângulo e eu aumentei a inclinação e agora estou brincando com Lembre-se de que todas elas são estruturadas de forma fundamental. Essa é uma forma legal. Então, digamos que seja uma rotação de 190 graus. Vamos mover esse quadro-chave para frente e, em seguida, trazê-lo de volta para zero. E agora veja isso, podemos fazer disso uma animação. Agora, se você gosta da forma aqui e diz que talvez queira que essa forma gire, é aí que você usaria as próprias propriedades de transformação da forma O que quero dizer com isso é que vamos fechar nossa camada de forma aqui. Lembre-se de sua própria camada, a camada de forma tem suas próprias propriedades de transformação. Agora veja, podemos girar isso e obter esse tipo de design Você tem muitas propriedades de transformação acontecendo aqui. Você tem suas propriedades de transformação de grupo que controlam o que está dentro desse grupo Nesse caso, é nosso retângulo Você tem as propriedades de transformação dentro do repetidor que está interagindo com as propriedades de transformação do seu grupo E então você tem suas próprias propriedades de transformação de camada , que controlam toda a camada. Outra razão pela qual sugiro que você coloque todas as suas formas em grupos é observar o que acontece sempre que você move o repetidor para dentro do grupo Ok, veja agora que perdemos todo o design. E a razão é porque o repetidor está interagindo agora com as propriedades do caminho do retângulo em vez das propriedades de transformação do grupo Temos todas essas configurações aqui embaixo. Temos nossa posição que foi alterada, temos nossa rotação Bem, o repetidor não pode interagir com isso agora porque só pode interagir com o que está acima dele Você não pode mover o repetidor abaixo das propriedades Porque as propriedades de transformação de um grupo afetam tudo dentro do próprio grupo. É muito importante garantir que, se você fizer projetos como esse, tenha o repetidor fora do grupo O repetidor só tem essas informações com as quais interagir, que são tamanho, posição e arredondamento Ele não pode interagir com a rotação porque a passagem do retângulo e as elipses não têm uma Para fazer esse design, novamente, certifique-se de ter seu repetidor fora do grupo Agora você sempre pode adicionar outro grupo e colocar esse grupo um e o repetidor dentro dele Agora, esse grupo e o repetidor estão dentro desse grupo. Vamos chamar isso de design vermelho. Agora observe se podemos duplicar esse design vermelho. Pode chamar isso de design azul. Vá até o nosso preenchimento e mude esse para azul. Agora temos mais algumas opções. Agora, lembre-se de que o repetidor afeta tudo acima dele. O repetidor está afetando o grupo acima dele e todas as propriedades de transformação dentro desse grupo Bem, agora que agrupamos, que esse grupo tem suas próprias propriedades de transformação, podemos mover esse design para qualquer lugar que quisermos Agora, esses dois podem ser controlados de forma independente. Deixe-me me livrar disso novamente, vamos nos concentrar em nosso design azul aqui. Coloque isso de volta em 00. Começamos com o grupo e o repetidor. E o repetidor está afetando esse grupo nessas propriedades de transformação Tudo o que fiz foi destacar o conteúdo, adicionar outro grupo e chamaremos isso de design. Agora podemos mover esse grupo e esse repetidor dentro desse grupo de design E agora temos ainda mais opções. Podemos manipular esse grupo com essa rotação e, ao mesmo tempo , manipular a rotação do próprio grupo Tudo isso tem efeitos diferentes. Uma das coisas importantes com o repetidor é que você experimente e brinque com ele Mas há alguns princípios básicos que você precisa conhecer. 49. 05.06 Repetição do repetidor pt. 1: Ok, nesta lição, vamos nos aprofundar um pouco mais no repetidor Vamos criar outra composição. Chamaremos isso de repetição de repetidor. Isso é algo muito legal, que realmente abre um mundo inteiro de possibilidades. Vamos ajustar nossa composição ao tamanho da janela. Clique com o botão direito do mouse nessa área. Escolha a nova forma Layer up, nossa camada de forma aqui. E vamos adicionar uma elipse. E então vamos adicionar A. Agora, lembre-se de nossa última lição, queremos ter certeza de agrupar nossa forma. Adicione um grupo e puxaremos nossa elipse e preencheremos esse Em seguida, volte ao conteúdo. E então vamos adicionar um repetidor tocado na última vez, que será padronizado para três cópias Abra nossas propriedades de transformação. Temos esse 00 padrão no eixo X e y como ponto de ancoragem para a posição 100 pixels no eixo X e zero no y. Vamos sair e colocar essa posição de volta em zero, para que possamos ver apenas uma forma, embora tenhamos três Queremos voltar ao nosso grupo usando nossas propriedades de transformação de grupo. Vamos mover nossa elipse para cima. Voltando ao repetidor, vamos adicionar 16 cópias usando as propriedades de transformação do repetidor Vamos para rotação e 360/16 e obtemos nosso círculo de formas aqui Agora, uma das coisas mais legais é que você pode repetir o repetidor Da maneira de fazer isso, destaque o conteúdo adicionado. E vamos adicionar outro repetidor abaixo do repetidor abaixo E você já começou a ver alguns dos efeitos que isso está tendo. Mas vamos ajustar essas configurações e obter um efeito muito legal aqui Então, vamos abrir nossas propriedades de transformação do repetidor dois E lembre-se de que o padrão do repetidor é de três cópias e faz esse deslocamento da posição de e faz esse deslocamento da posição de 100 pixels. Isso vai acontecer. Não importa quantas vezes você adicione o repetidor, ele sempre usará essas configurações como padrão Agora vamos mudar essa posição zero e observar o que acontece sempre que diminuímos a escala das propriedades transformadas do repetidor dois Agora temos três cópias desse repetidor inicial e você pode aumentar o número de cópias Digamos que talvez dez e isso remonta há muito tempo. Veja, agora podemos realmente começar a jogar com este relógio. O que acontece sempre que você aumenta a escala além de 100? Vai na direção oposta. Isso é um quadro-chave Vamos colocar a escala em zero, colocar um quadro-chave lá, avançar cerca de 15 quadros e, em seguida, talvez fazer 150 Então, vamos inclinar essa área. Você pode ver o efeito que isso tem. Você pode fazer algumas coisas muito legais repetindo o repetidor Agora, usando as duas propriedades de transformação do repetidor, observe o que acontece sempre que você ajusta a rotação Então você começa a ter um efeito. Você pode fazer algumas ilusões ópticas muito legais. Esse repetidor dois está repetindo as informações que está recebendo do repetidor um, que está repetindo as informações do grupo Veja se diminuirmos nosso caminho de elipse, todos os círculos ficarão menores porque são todos hierárquicos Tornamos o tamanho do nosso caminho de elipse muito pequeno. Vá para o repetidor um, talvez aumente para 30, e temos que fazer nossas contas aqui no repetidor um, rotação 360/30 Agora temos Podemos começar a jogar com essas configurações. Você pode obter alguns efeitos muito legais aqui. Agora veja o que acontece se voltarmos para o grupo um. Em vez disso, vamos adicionar emaranhado e nos livrar da nossa elipse Agora, todos esses serão caminhos retangulares. Vamos diminuir isso um pouco. Você pode ver a diferença que o emaranhado tem de uma elipse Vamos girar isso. Coloque nossas propriedades de transformação para nossa camada. Basta abrir isso para que fique em tela cheia. Então, como você pode ver, a rotação do repetidor dois tem um efeito diferente da rotação do repetidor As propriedades de rotação do repetidor 1 são muito específicas. Para fazer um círculo, você precisa dividir o número de cópias por 360 em sua rotação. Esse não é o caso do repetidor dois, porque o repetidor dois está repetindo o que já foi feito Veja se retiramos o repetidor um. Temos algo que não queríamos criar aqui. A forma como ele interage com a camada de forma agora não é a que tínhamos inicialmente Lembre-se de que, ao começar a empilhar esses repetidores, você obterá muitos efeitos diferentes Tudo isso é estruturável, para que você possa fazer todos os tipos de designs muito, muito legais Eu recomendo fortemente que você faça algumas experiências. 50. 05.07 Repetição do repetidor pt. 2: Na lição anterior, repetimos o repetidor para criar algumas variações de design muito legais com base em um círculo de elipses Nesta lição, expandiremos nosso conhecimento e criaremos um plano de fundo de pequenas elipses Mais uma vez, repetindo o repetidor. Isso mostra quantas coisas são possíveis com o repetidor E isso é só a ponta do iceberg. Clique com o botão direito do mouse nessa área. Escolha uma nova camada de forma. Agora vamos adicionar um grupo. Nesse grupo, queremos adicionar uma elipse. Vamos adicionar um preenchimento com o conteúdo destacado. Vamos adicionar um repetidor. Ok, agora lembre-se de que tudo vai se repetir em relação à forma inicial. Digamos que queremos criar um fundo cheio de pequenos pontos. Bem, vamos pegar essa forma e colocá-la no canto superior esquerdo. E agora vamos fazer com que nosso caminho de elipse diga talvez 20 pixels. Então, torne-o bem pequeno. Vamos aumentar o número de cópias, digamos, para 20. Lembre-se de que, ao ajustar essa posição, o valor X ajusta o espaço entre as formas horizontalmente e o eixo Y ajusta direção da Vamos colocar isso de volta em zero. Aproxime-os e talvez adicione mais cópias. Digamos 30, um pouco mais. Digamos que talvez 40, e nos aproxime ainda mais. Agora veja que podemos ajustar essa elipse após o tamanho, talvez até dez Faça os 60 pontos e puxe-os bem apertados, temos uma linha muito fina de pontos Vamos adicionar outro repetidor. Agora lembre-se de que isso repetirá tudo acima, incluindo o repetidor um Abra nossas duas propriedades do repetidor. Vamos colocar nossa posição de volta em zero. Agora veja o que acontece sempre que você ajusta o eixo Y. Ele o move para baixo. Veja, agora temos isso. Vamos fazer talvez 50 cópias disso. Agora temos toda a tela cheia desses pequenos pontos. Repetidor um, você vê como nossa posição está definida como 31. Vamos fazer isso 35. Vá para o repetidor dois, faça nosso eixo y 35 Há exatamente 35 pixels, vertical e horizontalmente, entre Mais uma vez, deixe-me apontar isso. Repetidor um, nossa posição no eixo X é 35. Repetidor dois, nossa posição no eixo Y é 35. Isso controla o espaço entre os pontos horizontalmente e o repetidor dois o controla verticalmente Você pode fazer coisas muito legais. Comece a jogar com a rotação do repetidor dois. Você pode simplesmente obter alguns designs muito legais. Novamente, tudo isso é estruturável por chave. Você pode animá-los, você pode fazer coisas muito, muito legais Uma coisa sobre a qual realmente não falamos é sobre o início da endopacidade Inicie a opacidade. Se reduzirmos isso, você pode ver o efeito, é 0% de opacidade, que significa que não existe Nossa endopacidade é 100 indo da esquerda para a direita, obtemos essa Podemos fazer a mesma coisa com o repetidor dois. Podemos reduzir nossa opacidade inicial para zero. E agora podemos ver como é exatamente esse canto inferior direito, porque estamos indo da esquerda para a direita, de cima para baixo. Basta brincar com algumas dessas configurações. Coloque a opacidade da estrela de volta em 100. Reduza nossa endopacidade no repetidor dois para zero. E agora você tem o canto superior direito que tem o sombreamento mais claro Ou podemos fazer nossa endopacidade zero e nossa starpacidade 100 e ela vai da Eu recomendo fortemente que você brinque com essas configurações do repetidor O repetidor e a repetição do repetidor podem produzir alguns designs muito legais e interessantes Sua única limitação é sua imaginação. 51. 05.08 O repetidor e as expressões: Ok, então eu quero te mostrar como criar algumas animações e designs muito legais E você pode fazer isso super rápido usando algumas expressões muito simples. Embora este curso não seja realmente sobre expressões, existem algumas que designers de animação usam com muita regularidade e são muito simples de lembrar e usar. Ok, então já criei uma composição. Vamos clicar com o botão direito do mouse nessa área. Aqui está a nova camada de forma. Vamos abrir isso e vamos adicionar um grupo. Em seguida, vamos adicionar um retângulo e preencher esse retângulo Vamos mudar essa cor para outra coisa, como uma laranja. Ok, e então com o conteúdo destacado, vamos adicionar um repetidor E então vamos abrir nossas configurações de repetidor. A primeira coisa que precisamos fazer é entrar no nosso grupo um. E vamos usar nossas propriedades de transformação para o grupo um e mover esse retângulo para cima Agora precisamos escolher quantas cópias dessa forma queremos. Digamos que 25. Vamos até nossas propriedades de transformação. Para o repetidor, nossos valores de ponto de ancoragem e posição x e y precisam ser definidos como zero Dessa forma, vemos apenas uma cópia dessa forma descer até nossa rotação. E vamos fazer as contas, 360 dividido pelo nosso número de cópias, que é 25, e temos nosso círculo. Vamos voltar ao nosso caminho retangular e talvez ajustar o tamanho dele para que possamos vê-lo um pouco melhor Em seguida, volte ao conteúdo. Vamos adicionar outro repetidor. E vamos abrir as propriedades de transformação desse repetidor E faça com que nosso ponto de ancoragem na posição x e y seja zero Agora vamos diminuir a escala do segundo repetidor e talvez aumentar o número de cópias para dez Agora temos o que obtivemos na lição anterior usando as propriedades de transformação da própria camada de forma. Vamos aumentar isso para que preencha nossa área aqui. Agora, existem algumas expressões que você pode fazer para obter efeitos muito legais. Vá para o nosso grupo um e abra nossas propriedades de transformação. Em um PC, você deseja clicar na rotação e digitar o tempo vezes menos 15. Isso vai girar cada uma dessas caixas para a esquerda A velocidade de 15 é bem lenta. Tudo bem, porque esse é o efeito que queremos. Usando as propriedades de transformação do grupo um, temos cada caixa individual girando lentamente para a esquerda Vamos ao nosso repetidor dois e Alt, clique em rotação e digite o tempo vezes 50 Isso fará com que tudo isso se volte para dentro, talvez vamos desacelerar um pouco. Digamos que vezes 25. Enquanto essas caixas estão todas girando para a esquerda, as caixas internas estão girando para a Podemos fazer mais uma com nossa camada de forma destacada , clique em R para toda a rotação da camada de forma. Um clique em rotação no tempo de digitação vezes menos 15. Agora temos esse efeito. Nossa camada de forma está girando enquanto cada forma individual está girando enquanto o repetidor dois Veja, este é apenas um exemplo rápido de como você pode criar algo muito interessante e legal muito, muito rapidamente. Só para dar um pouco mais de estilo, vamos abrir nossas propriedades de transformação para o repetidor dois e diminuir nossa endopacidade em até repetidor dois e diminuir 25%. Na verdade, obtemos esse desvanecimento Podemos ir até o zero. Nós vemos isso desaparecendo na parte de trás. Você pode alterar essas cores instantaneamente apenas clicando no preenchimento Você pode fazer isso com uma cor diferente. Adicione um traçado, se quiser, aumente o tamanho desse traçado. Você pode fazer todo tipo de coisas legais e tudo é atualizado automaticamente. Como está em um layout hierárquico, o que quer que você faça com a forma inicial, os repetidores afetarão isso O repetidor dois afetará o repetidor um, que afeta a forma inicial Adicione um pouco de inclinação a isso. Agora temos um design muito legal aqui, algo que parece muito interessante. A ilusão de obstáculos, como, novamente, foi super rápida. Apenas uma camada de forma, um grupo que tem um retângulo e algumas expressões Eu recomendo fortemente que você faça algumas experiências e veja realmente o que o repetidor pode fazer e veja como sua criatividade pode ganhar vida usando esse recurso poderoso 52. 05.09 Porcentagem de fim de caminhos de corte: Ok, então vamos criar uma nova composição. Basta clicar em nosso novo ícone de composição aqui, que abre nossas configurações de composição. E vamos chamar esse acabamento de Paths. E deixe todas as configurações como as tínhamos até agora. E basta escolher OK. Então, agora, apenas para recapitular, examinamos as três maneiras de criar uma camada de forma Você pode clicar com o botão direito do mouse nessa área, à esquerda da linha do tempo, escolher Nova camada de forma. Ou podemos ir até o menu suspenso e escolher a camada Nova forma. Ou você pode pegar uma ferramenta de criação de camada de forma, escolher a forma desejada e depois desenhá-la. Também aprendemos que, se você usar esse método, digamos, vamos escolher uma ferramenta poligonal e manter pressionado o botão esquerdo do mouse, clicar e E se você usar o turno, isso fará com que seu polígono não tenha rotação Ele exibirá a cor e a largura do traçado, bem como o campo que você escolheu por último. Além disso, lembre-se de que, se você criar uma forma dessa maneira, precisará ir até o painel de alinhamento e apenas alinhá-lo ao centro da composição Por outro lado, se você criar uma forma escolhendo uma nova camada de forma ou indo até nosso menu suspenso e escolhendo camada, nova camada de forma Ele traz uma camada de forma, mas não há conteúdo. Portanto, você precisa adicionar fisicamente tudo o que deseja adicionar. Vou seguir em frente e começar a partir deste ponto, e vamos adicionar um retângulo E vamos preencher esse retângulo. E vamos aumentar o tamanho do nosso caminho retangular abrindo nossa opção de caminho retangular aqui e aumentando-a Agora, uma das coisas que você deve saber sobre trim paths é que ela é uma ferramenta de animação de traçado Não é uma ferramenta de animação de preenchimento. Você pode aplicá-lo a um preenchimento, mas os resultados obtidos provavelmente não serão os que você deseja. Pode haver alguns casos raros em que a aplicação um caminho de corte a um preenchimento atenda às suas necessidades Mas 99% das vezes isso simplesmente não será o caso. Trim paths foi projetado para animar traços e eu vou te mostrar Conteúdo destacado. Vamos adicionar um Trim Paths. Ok, se abrirmos nossos caminhos de corte aqui, veremos que temos essas opções, Início, Deslocamento final e Corte várias Se você clicar no menu suspenso, também terá a opção de individualmente. Examinaremos o que cada um deles significa. Mas primeiro, quero mostrar o que acontece se você aplicar um trimpass a um foco de preenchimento em nossa animação final, que é definida por padrão em 100% e começa em 0%, e explicaremos o porquê em apenas um segundo Mas, por enquanto, veja o que acontece quando eu começo a analisar nossa porcentagem final Como você pode ver, essa é uma maneira muito estranha de preencher Simplesmente não parece certo. E se você ajustar seu deslocamento, você pode movê-lo um pouco E, como eu disse, pode haver alguns casos raros em que esse é o look que você está procurando, mas na maioria das vezes você não está. Portanto, lembre-se de que o trim path foi projetado como uma ferramenta de animação de traçado E faz sentido que esse seja o caso porque, lembre-se, um caminho realmente só tem um traçado. Depois que um caminho é fechado, ele se torna uma forma que pode conter um preenchimento e um traçado. Na verdade, os caminhos aparam apenas caminhos, ou pelo menos é para isso que foram projetados Então, vamos nos livrar de nossos caminhos de acabamento aqui e vamos nos livrar de nosso preenchimento E agora vamos adicionar um traçado a esse caminho retangular. E o padrão é branco com dois pixels de largura. Então, vamos continuar e aumentar a largura do traçado. Vamos fazer com que seja de 50 pixels. E talvez eu queira tornar esse caminho retangular um pouco maior com o conteúdo destacado Vamos para Adicionar e vamos adicionar caminhos de corte. Se abrirmos caminhos de acabamento, veremos que temos várias opções Temos início, fim, deslocamento, corte, várias formas. O que isso significa? Para animar isso, você precisa adicionar quadros-chave Por padrão, trim path, a porcentagem inicial é definida como zero e a porcentagem final é definida como 100 Vamos colocar um quadro-chave no início dessa camada e mover esse 100% para zero. Avance talvez um segundo. Traga-o de volta para 100 para repetir isso. E se observarmos , podemos ver como caminhos de recorte se animam nesse retângulo Ok, vamos falar por um minuto sobre o que esses 0% a 100% na porcentagem final realmente significam. Esqueça a porcentagem inicial por enquanto, abordaremos isso em uma lição posterior. Pense na porcentagem final dessa forma. Quando sua animação estiver concluída, ela deverá estar 100% completa. Quando não há traçado visível, o que significa que não há nenhum corte, ele estará em 0%. Já ele estará em 0% sua porcentagem final padrão é 100% , Ax aplica automaticamente caminhos de corte em seu 0% na porcentagem final de um caminho de recorte é uma animação incompleta e 100% é uma animação totalmente completa E então, é claro, você tem porcentagens no meio. Você está apenas cortando um trajeto de traçado. Ou seja, se você estiver animando um traçado de totalmente incompleto para parcial ou totalmente completo , é melhor usar sua porcentagem final Novamente, abordaremos a porcentagem inicial em outra lição. A principal coisa a tirar desta lição é lembrar de usar sua porcentagem final se estiver cortando um traçado 53. 05.10 Ponto de partida e direção do corte: Agora, existem algumas maneiras de ajustar onde você deseja que essa animação comece. Uma dessas opções que já examinamos é se você alterar o caminho desse retângulo clicando com o botão direito do mouse para converter para o caminho clicando com o botão direito do mouse para converter para Bezier e, em seguida, destacar o caminho. Você pode selecionar o canto desejado, clicar com o botão direito do mouse e escolher a máscara e a forma e definir o primeiro Agora ele será animado a partir desse vértice. Se quisermos que ele seja animado do canto inferior esquerdo, basta clicar com o botão direito do mouse na máscara do vértice inferior esquerdo e moldar o caminho e definir o primeiro vértice, e vemos que A partir daí, vou controlar Z. Para voltar ao nosso caminho retangular, haverá momentos em que você desejará manter a capacidade de ajustar seu arredondamento, a capacidade de mover a posição ou talvez queira ajustar Qualquer tamanho do link, que, se você tiver esse link marcado aqui , seus tamanhos x e Y permanecerão idênticos. Ou, se você desmarcá-la, poderá ajustar o tamanho vertical e horizontalmente sem distorcer vinculado E o que quero dizer com isso é, digamos, por exemplo, vamos pensar nesse quadrado perfeito de 500 por 500. E agora veja se você vai até suas propriedades de transformação. E se você desvincular sua balança. E lembre-se de que a escala é porcentagem, onde o tamanho está em pixels E essa é uma distinção muito importante. Digamos que, se desvincularmos nossa escala e dissermos que só queremos aumentar nossa escala horizontal, você começa a ter essa estranha deformação modo que seu traçado não seja consistente em toda a volta Novamente, isso está ajustando a escala da camada da forma, que está em porcentagens Você quer que esteja em 100, 100 e, para evitar essa distorção, desvincule o tamanho do caminho do retângulo à medida que o torna mais largo, não há distorção em sua não há distorção E seu derrame é consistente. E a razão é por causa dessa distinção que mencionei. Seu tamanho está em pixels. Portanto, isso não afeta a escala real e as porcentagens da camada de forma Ele ajusta apenas a largura e a altura em pixels de sua forma específica Então, isso é algo muito importante de lembrar. Se você quiser ajustar qualquer forma, ajuste o tamanho, não a escala das propriedades de transformação. Ok, de volta ao Trim Path. Vamos fazer isso de 500 por 500. Nos casos em que você deseja manter o controle sobre o tamanho posição e o arredondamento, você não quer converter isso um caminho de Bézier porque, como acabamos de ver, uma vez que você faz isso, você perde Portanto, agora é apenas um caminho e você não tem controle sobre o tamanho, a posição ou as instâncias de arredondamento em que deseja controlar onde a animação começa Você pode manipular esse deslocamento. Agora, o offset é padronizado para zero graus e isso é basicamente uma rotação que controla onde sua animação começará Ao começar a examinar isso, você pode ver que talvez possa configurá-lo no canto superior esquerdo Você pode vir aqui e colocá-lo no canto inferior esquerdo. É assim que você pode controlar onde sua animação começa para cortar caminhos Agora, se observarmos isso, veremos como a animação está indo no sentido horário Bem, e se você quiser ir no sentido anti-horário? Isso valerá para cada trajeto corte de traçado que você criar Se você observar o caminho do retângulo, temos essas duas opções aqui Temos a direção inversa ativada e a direção reversa desativada. Se você simplesmente clicar no que não está destacado, isso mudará a direção da animação. Veja agora que estamos indo no sentido anti-horário. Clique na primeira opção que está desativada na direção inversa do caminho e ela vai no sentido horário É assim que você pode controlar onde sua animação começa usando offset, a direção do seu passe de corte A animação é controlada usando a direção inversa do caminho. Botões de ativação e desativação. 54. 05.11 Porcentagem inicial de caminhos de corte: Voltando de onde acabamos de parar, vamos ver este último quadro-chave aqui para ver nossa animação E vamos colocar um quadro-chave para começar, definido em zero e avançar mais um segundo E então vamos aumentar o início para 100%. E você pode ver o efeito disso a animação é ativada e depois desligada Vamos remover os dois. O que acontece se você animar somente a posição inicial? Bem, digamos que zero, avance para o segundo, suba até 100%. Se você tiver final, 0% trimas animados neste retângulo Se você estiver usando o final para animar isso 0 a 100%, sua porcentagem inicial deve estar em Se você aumentar sua inicialização para 100 , ela simplesmente será animada. Não há animação ativada. Da mesma forma, se você tiver o final definido como 100%, que é o padrão, vá do início 0% para 100%. Novamente, ele apenas se anima Algumas delas são um pouco complicadas, mas use os padrões que o After Effect define Depois de definir os efeitos, os caminhos de corte começam em zero e terminam em 100%. A maneira mais fácil lembrar isso é usar sua porcentagem final para animar traços e, em seguida, usar seu início para animá-los Esse é o efeito que você obteria com porcentagem final usada primeiro e seguida, a porcentagem inicial usada em segundo lugar. 55. 05.12 Recortando vários caminhos: Agora vamos recomeçar uma compensação. Que tal cortar vários caminhos simultâneos e individuais Essa opção é usada quando você tem várias formas. Vou mostrar alguns cenários diferentes e como esse corte de várias formas funciona Vamos adicionar uma elipse. E vamos aumentar a elipse aproximadamente do mesmo tamanho do nosso retângulo E então vamos simplesmente movê-lo. Eles estão próximos um do outro sem um grupo. Tanto o retângulo quanto o caminho da elipse estão usando os mesmos atributos Significa o mesmo traçado e os mesmos caminhos de acabamento. Tudo o que fizermos para alterar nosso derrame se aplicará a ambos. Sempre que você tiver formas ou estiver fora dos grupos, o que estiver abaixo delas se aplicará a ambas. Digamos que queremos que eles tenham a mesma cor e largura do traçado. Vamos abrir nossos caminhos de corte e definiremos um quadro-chave para caminhos de corte em zero, avançaremos 1 segundo e o definiremos como 100 E então vamos assistir isso. Vemos que eles são animados exatamente ao mesmo tempo. E exatamente da mesma forma, você tem alguns controles que você pode usar para torná-los um tanto únicos. Então, se quisermos reverter a direção da animação para nosso caminho retangular, basta clicar em reverter a direção do caminho em E agora, quando observamos, vemos que eles estão indo em direções opostas. Também podemos fazer com que os dois sigam no sentido anti-horário, ou podemos fazer com que o caminho da elipse vá no sentido Mas e se quisermos que o retângulo seja animado primeiro e depois o círculo Bem, é aí que entra esse corte de várias formas. padrão do Trempass é simultaneamente, o que significa que o Trempass será aplicado ao mesmo tempo, não importa quantas formas você tenha aqui não importa quantas No entanto, se mudarmos simultaneamente para individualmente, qualquer que seja a forma mais alta em nossa hierarquia, vamos animar Se observarmos isso, vemos agora que nosso retângulo aparece primeiro e depois nossa elipse Se você notar, a animação é mais rápida. E a razão é porque ele está animando cada caminho, então, na verdade, tem menos tempo para animá-los individualmente. Esta é uma animação de 1 segundo. Se tivermos que definir individualmente , teremos meio segundo para que cada forma seja animada Por outro lado, se tivermos que definir dois simultaneamente, não é um segundo inteiro para animá-los ao mesmo tempo Veja, isso é muito mais lento do que se mudássemos isso individualmente. Agora, vamos dar uma olhada no que acontece se você criar grupos de anúncios. Para ter um pouco mais de controle sobre isso, vamos colocar nossos lábios em nosso caminho retangular e definir nossa posição como zero para colocar o sprite de volta no centro, forma que eles fiquem um em cima do outro Então, vamos nos livrar dessa tendência por enquanto. Vamos acessar o conteúdo, vamos adicionar um grupo. Agora vamos puxar nosso caminho retangular para o grupo um. Adicione outro grupo e vamos colocar nossos lábios no grupo dois. grupo um é retângulo e o grupo dois é, digamos, círculo Agora podemos usar nossas propriedades de transformação para controlar a posição, a escala e a rotação. Tudo de cada forma individual que obtemos sob nossas propriedades de transformação. Para retângulo, podemos simplesmente mover nossa posição para a esquerda E o mesmo para o círculo. Abra isso, pegue nossas propriedades de transformação para esse grupo e mova-o. Como você percebe, temos um derrame que está fora desses dois grupos. Novamente, esse traçado se aplicará tanto ao círculo quanto ao retângulo Se movermos o traçado acima do círculo, vemos agora que ele não se aplica ao círculo, só se aplica ao retângulo A melhor prática é realmente colocar seu traçado dentro do grupo para retângulo, agora temos isso dentro de um retângulo Agrupe, circule, destaque, circule. Podemos adicionar e adicionar seu próprio traçado. E agora, esses dois traços são independentes um do outro, como vemos esse traço aqui Se formos até nosso painel de controle da camada de forma, veremos que ele é vermelho e tem 64 pixels de largura. Se destacarmos esse traçado, veremos que ele é branco e tem apenas dois pixels de largura. Vamos aumentar isso para 64 para que tenham o mesmo tamanho. E podemos mudar essa cor para o que quisermos e isso não afetará o traçado que está dentro do grupo do retângulo Ok, agora vamos voltar ao conteúdo. E se adicionarmos um trim pass, ele adicionará automaticamente o trimpass na parte inferior dessa hierarquia Está bem? Agora, se tivermos esse trim pass aqui, vamos abri-lo e vamos usar nossa animação final Coloque um quadro-chave, mova-o para zero, avance 1 segundo e aumente para 100. Isso tem exatamente o mesmo efeito que vimos sempre que essas duas formas estavam fora dos grupos. E a razão é porque esse passe de compensação está afetando tudo o que está acima dele Não importa se isso é um grupo ou apenas formas. Queremos mais controle sobre isso. Talvez queiramos passar algum tempo entre a animação dessas duas formas. O controle D, que fará com que uma cópia de nossos caminhos de corte tenha o trimpass um no trim pass Vamos mover o trimpass um dentro do retângulo e trimpass dois dentro do círculo. Podemos simplesmente abri-las. Abriremos nosso passe de compensação. Abra nossos caminhos de acabamento aqui para nosso círculo. Digamos que possamos pegar esses quadros-chave e talvez movê-los além do nosso último quadro-chave e talvez até um pouco mais longe Então, há algum espaço aqui, vou repetir isso. E, como podemos ver, o retângulo anima e depois a elipse Essa é apenas uma maneira de ter mais controle, é criar esses grupos onde você coloca suas formas dentro dos grupos onde você coloca suas formas dentro dos e também adiciona todos os atributos que significam traços, preenchimentos Além de suas ferramentas de animação, Meaning trim paths. Como esses caminhos de corte afetam apenas esse retângulo nesse traçado nesse grupo, não há razão para mudar simultaneamente para individualmente, porque agora isso afetará apenas essa 56. 05.13 Resumo dos caminhos de Trims: Resumindo, o trim pass é uma ferramenta de animação de traços Não se destina a animar preenchimentos, mas apenas traçados. E você tem vários controles à sua disposição. Você pode animar a porcentagem final. Você pode animar a porcentagem inicial. Você pode usar o deslocamento para controlar onde a animação começa E se você tiver várias formas, dentro de um grupo ou dentro da camada de forma, poderá optar por aparar várias formas individualmente E isso os cortará um de cada vez. outro lado, se você os definir para a configuração padrão simultaneamente, eles serão animados ao mesmo tempo e na mesma velocidade 57. 05.14 Treinamento básico de Merge Paths: Nesta lição, abordaremos caminhos de mesclagem. O caminho mesclado é um recurso de camada de forma cuja funcionalidade permite formar formas complexas combinando formas diferentes enquanto adiciona e subtrai segmentos sobrepostos Além de incluir e excluir interseções dessas formas Pode ser um pouco complicado, mas se você acompanhar e prestar atenção à hierarquia de como as formas e seus preenchimentos e traçados são colocados nos caminhos de mesclagem, descobrirá que ela pode ser uma ferramenta muito, muito útil E abordaremos alguns casos em que usar caminhos de mesclagem é extremamente útil, como criar ícones Ok, então vamos criar uma nova composição. Vamos fazer nosso novo ícone de composição usual aqui, e vamos chamar isso de caminhos de mesclagem Tudo parece bom. E clique em OK. Agora vamos criar uma nova camada de forma. Vamos colocar essa camada de forma aqui. Vamos usar o botão Adicionar. E, na verdade, vamos usar o botão Adicionar do nosso painel de camada de forma aqui apenas para usar algo um pouco diferente e para você se acostumar a usar métodos diferentes de criar essas camadas de forma. Usando o botão Adicionar, clicaremos em Adicionar e adicionaremos uma elipse E então vamos adicionar um preenchimento. Vamos fazer essa elipse um pouco maior e talvez mudar a cor dela Algo assim e talvez um pouco maior. Ok, então com o conteúdo destacado, vamos adicionar uma forma diferente, outra coisa. Vamos adicionar um retângulo. Veja como o retângulo foi colocado aqui, você pode ver o contorno dele E se escondermos o caminho da elipse clicando neste globo ocular aqui para evitá-lo, podemos ver que nosso retângulo está ali, fazendo com que fazendo Lembre-se de que o tamanho dos caminhos de elipse e retângulo está em pixels, não em Na verdade, são 500 pixels por 500 pixels. Ok, agora vou compensar isso um pouco. Assim, você pode ver o efeito do uso de caminhos de mesclagem. Na verdade, podemos até adicionar um traço. Então você pode ver o efeito completo. O traçado nesse preenchimento está afetando completamente essas duas formas. O retângulo tem esse preenchimento e traçado, e a elipse tem esse preenchimento Quando os combinamos, você pode ver o traçado contornar as duas formas, destacar o conteúdo. E vamos adicionar caminhos de mesclagem. E agora observe onde os caminhos de mesclagem se colocam. Ele se coloca entre as formas e os atributos de traçado e preenchimento. E é muito importante que os caminhos de mesclagem estejam nesse local Se você clicar agora, o traçado desaparecerá da parte interna do círculo e do retângulo E a razão é por causa desse passe mesclado. Agora, observe se movemos a passagem de mesclagem abaixo do traçado e se preenchermos completamente as duas formas Portanto, é muito importante onde você coloca os caminhos de mesclagem. Coloque a passagem de mesclagem entre sua forma e seu atributo de traçado e/ou preenchimento, então você deve estar bem Ok, agora vamos abrir um passe de mesclagem e veremos que temos algumas opções aqui Em modo, está configurado para adicionar. É isso que o padrão é. Observe, porém, que essa é a nossa segunda opção. Se clicarmos em Mesclar, se você observar o traçado agora, ele apenas mesclará essas duas formas Esse é o mesmo efeito como se não tivéssemos feito nada. Quando você mescla caminhos emergidos, o resultado é basicamente nem mesmo adicionar caminhos emergidos Vamos ligar isso novamente. Isso é o que parece no modo de anúncio. Ele combina essas duas formas em uma. Subtraia, vai subtrair a área onde eles se cruzam e o resto da forma que está na O que eu quero dizer com isso é isso. Vamos voltar para a fusão. Essas são nossas duas formas. Essas duas formas se cruzam aqui na metade direita da elipse e na metade esquerda do retângulo, se escolhermos, subtraia a área onde elas se cruzam, assim como o resto do caminho do retângulo que está na posição mais baixa, assim como o resto do caminho do retângulo que está na posição mais baixa aqui na metade direita da elipse e na metade esquerda do retângulo, se escolhermos, subtraia a área onde elas se cruzam, assim como o resto do caminho do retângulo que está na posição mais baixa, desaparece. E se clicarmos, porque agora eu tenho essa camada de forma destacada para que possamos ver todos os limites em torno de ambas as formas. Se eu clicar, agora temos um semicírculo. Ok, agora veja o que acontece se eu mover a elipse abaixo Agora, o que falta é a área onde ele se cruza. E o resto da hierarquia da elipse é muito importante com Vamos examinar mais alguns dos modos. Isso é subtrair novamente. O que estiver na parte inferior será subtraído, assim como a área de interseção Abaixo de subtrair, temos a interseção. Isso inclui a área em que as duas formas se cruzam. E então a última opção é excluir interseções. Isso fará o oposto do que o intersect faz. Agora temos esse espaço vazio aqui onde as duas formas se cruzam Você pode realmente ver o efeito disso quando começa a mover algumas dessas formas. Vou voltar para subtrair e depois observar enquanto movo esse caminho retangular Vou selecionar a mudança de controle H em um PC. Isso fará com que todas essas caixas delimitadoras desapareçam. Às vezes, essa é uma opção útil nos casos em que você precisa ver sua tela, mas não quer que máscaras apareçam ou caixas delimitadoras, como neste caso controle a tecla H. Agora não podemos ver nenhuma das caixas delimitadoras e vou apenas mover esse Você pode ver o efeito que está tendo. Vou mover o caminho da elipse abaixo do caminho do retângulo e vou mover o caminho da elipse E você pode ver o efeito que isso tem. Isso é emoldurável por teclas Você pode realmente mover essa elipse da esquerda para a direita para obter um Isso está claro embaixo. Deixe-me clicar nesta grade de transparência da tabela. Você pode ver que, na verdade, subtrai a área transparente por baixo e a ativa novamente por enquanto Agora vamos dar uma olhada no Intersect. À medida que os movemos, você pode ver que a área que está aparecendo são as áreas em que essas formas estão se cruzando Vou ligar isso novamente , os balanços são caixas delimitadoras enquanto nos movemos A única área incluída é onde as duas formas estão se cruzando, excluindo as interseções Incluirá tudo exceto onde as duas formas cruzam muito rápido Só para recapitular, para usar caminhos de mesclagem, você tem uma elipse, um preenchimento e Faça com que os dois tenham aproximadamente o mesmo tamanho. Vamos dizer 500 pixels cada. Se você tiver formas e um preenchimento ou um traçado, os caminhos de mesclagem se posicionarão automaticamente entre as formas e o preenchimento, ou os traçados os compensarão um pouco Precisamos adicionar um traço? O padrão será adicionar. Se você emergir como se nunca tivesse adicionado caminhos emergentes, verá que o efeito é exatamente o mesmo, independentemente de você ter ativado ou não os caminhos mesclados Adicionar adiciona essas duas formas para formar uma forma. Subtraia, subtrai a área cruzada, bem como o resto da forma que está na parte A interseção inclui somente as áreas de interseção das duas Exclua interseções. Inclui todas as áreas, exceto as áreas cruzadas. 58. 05.15 problemas usando grupos com caminhos de mesclagem: Vamos criar uma camada de forma. Agora vamos usar alguns grupos. Então, vamos agrupar o preenchimento da elipse e tornaremos essa elipse um Vamos controlar D para duplicar esse grupo. Vamos adicionar um retângulo e livrar do caminho da elipse, do nosso Vamos fazer esses 415 cada. Vamos tornar nosso caminho retangular azul. Agora, não temos um preenchimento abaixo dessas formas. Normalmente, se você apenas adicionar formas, o preenchimento ficará embaixo Bem, neste caso, temos dois grupos, mas nenhum preenchimento abaixo Eu observo o que acontece. Se você acessar o conteúdo e mesclar caminhos Ele adiciona automaticamente um traçado e preenchimento para você. A razão para isso é que, para que os caminhos de mesclagem funcionem, eles precisam ter um traçado e um preenchimento embaixo Agora vamos nos livrar desses dois aqui e, como você pode ver, eles desaparecem. Uma das desvantagens de usar grupos é que você não pode realmente usar os preenchimentos de seus grupos porque está usando preenchimento e o traçado que vêm com os caminhos de mesclagem Vamos mudar esse preenchimento para talvez como uma laranja. Agora veja que esse preenchimento é vermelho , como podemos ver aqui em cima. Esse preenchimento é vermelho para o nosso círculo. Mas agora não podemos ver o preenchimento vermelho porque esse preenchimento abaixo dos caminhos de mesclagem substitui qualquer preenchimento que você possa ter neste grupo um ou no grupo dois Porque tudo é hierárquico. Você precisa usar o traçado e o preenchimento dos caminhos de mesclagem para essas camadas de forma aqui Veja se nos livramos desse preenchimento aqui. Agora veja que apenas o derrame está sendo reconhecido. Adicione um traço ao nosso grupo um. Mas isso não importará, porque esse traço aqui embaixo está substituindo o traço dentro do grupo um Lembre-se das limitações que você terá se incorporar grupos sempre que estiver usando caminhos mesclados Como os caminhos mesclados devem ser usados para criar uma única forma, é melhor ter os campos de formas e mesclar os caminhos todos dentro do mesmo grupo como uma única unidade Para usar caminhos mesclados, você precisa ter pelo menos duas formas Mas essas formas serão usadas com caminhos de mesclagem para criar uma única forma Isso pode ser um pouco confuso, pois normalmente queremos agrupar formas diferentes em seu próprio grupo Mas se você se lembra de que o propósito dos caminhos de mesclagem é criar uma única forma a partir da fusão de várias Isso deve ajudar a mesclar. O Pass é usado para criar uma forma a partir de pelo menos duas formas Portanto, o agrupamento dessas várias formas não deve ser usado Eles devem estar todos no mesmo grupo ou na mesma camada de forma sozinhos. Uma única forma por grupo é a melhor opção. 59. 05.16 Mescle caminhos com várias formas: Agora vamos criar uma nova camada de forma. Vamos adicionar uma elipse. Phil, vamos apenas aumentar esse caminho da elipse. Agora diga e se você quiser fazer como uma torta. Por exemplo, você quer que uma fatia dessa torta seja cortada. Bem, uma maneira de fazer isso é adicionar um polystar. Abra isso, vamos mudar nosso tipo de estrela para polígono. Vamos dar a esse polígono apenas três pontos. E veja aqui está nosso polígono bem aqui no meio. E podemos realmente aumentar nosso raio externo para torná-lo maior Então, vamos girá-lo em torno de 30 graus. Mova a posição para cima. Ele vai se cruzar bem no centro do círculo Você pode ver que queremos que a ponta fique bem no centro. Este é o nosso ponto de ancoragem aqui. Isso é o que queremos excluir aqui para retirar essa fatia Vamos ao conteúdo e vamos adicionar caminhos emergentes. E o padrão é adicionar, escolher e subtrair. E como você pode ver agora, temos essa fatia cortada. Parece um cara de palmadinha. Se você escolher interseção, ela incluirá somente essa fatia, excluindo a Inclui tudo, exceto o cruzamento. Veja algo muito rápido que você poderia fazer. Digamos que se você subtraiu e L duplicou esse controle de camada de forma D. Agora temos a camada de forma dois Usando a camada de forma um, vamos alterar esses caminhos de mesclagem para se cruzarem Agora, isso inclui apenas a parte de interseção. Se você pressionar para posicionar na camada de forma um e apenas movê-la um pouco para o lado, clique para sair. Isso já está começando a formar algo que você poderia usar, possivelmente em um gráfico informativo para mostrar um gráfico circular ou como uma fatia de uma pizza Então, talvez algo que precise ser destacado. Você pode mudar a cor disso, algo assim. Mesclar caminhos é algo muito simples de usar. Pode ser confuso se você confundir sua hierarquia. Mas a principal coisa que você precisa lembrar é colocar caminhos de mesclagem entre suas formas e seu campo 60. 05.17 Crie predefinições de animação de camada de forma: Nesta lição, mostrarei como salvar suas camadas de forma. Como predefinições, você pode salvar qualquer camada de forma junto com essa animação como uma predefinição para poder usá-la posteriormente Isso economiza muito tempo, especialmente se você usa camadas de formas e animações regularmente Ou talvez haja um ícone de camada de forma ou alguma outra imagem que você tenha criado da qual tenha muito orgulho e que tenha levado muito tempo para ser criada. Bem, você pode salvar essa camada de forma como animação e ter acesso instantâneo a ela posteriormente Se você acessar o conteúdo da sua camada de forma e verificar se ela está destacada, vá até Animação e salve a predefinição de animação Isso o levará aos seus documentos, à Adobe, versão do After Effects que você está usando e às predefinições do usuário Como você pode ver, eu tenho muitas pastas porque venho fazendo isso há muito tempo, mas você pode ter apenas algumas pastas aqui. Na primeira vez que você fizer isso, vamos criar uma pasta especificamente para Tomy Então, basta ir para a nova pasta, nomeá-la para mim e, em seguida, entraremos nessa pasta com o nome de nessa pasta com o nome sua predefinição, algo que você lembrará Por exemplo, isso é estrelas giratórias e clique em Salvar. E espere que o After Effects salve sua predefinição de animação Então, agora você tem essa predefinição salva. E a maneira de descobrir com certeza se ela foi salva corretamente é excluindo sua camada de forma. Agora vamos criar um novo. Clique com o botão direito, nova camada de forma. Vá até o painel de efeitos e predefinições. Se você abrir as predefinições de animação, todas as predefinições que você fizer estarão abaixo das predefinições do usuário Então, se abrirmos isso, role para baixo até encontrar a nova pasta que você criou, que é Tomy aqui Se abrirmos a utomia, vemos que temos estrelas giratórias Então, na verdade, o salvou. Incluímos animação nessa predefinição. Uma coisa muito importante a lembrar é que ele eliminará seus quadros-chave onde quer que seu indicador de reprodução esteja localizado Então, digamos que se meu indicador de reprodução estiver em 3 segundos com essa camada destacada, basta clicar duas vezes nas estrelas giratórias e aí está nossa predefinição Agora, se você clicar em você para abrir seus quadros-chave, poderá ver que todos os quadros-chave, de fato, chegaram Mas eu quero que esteja no início da camada. Então, vamos controlar Z para sair disso. Volte para o início da sua camada. E agora é só clicar duas vezes em estrelas giratórias. E vemos que nossos quadros-chave chegaram no local exato em que nosso indicador de reprodução está localizado E se assistirmos, podemos ver que é a mesma animação que salvamos antes. Deixe-me dar um exemplo de alguns dos que eu fiz. Vou excluir a camada de forma, clicar com o botão direito do mouse, nova camada de forma e ver se tenho todas essas pastas. Por isso, criei muitas camadas de formas e animações ao longo do tempo Então, digamos, por exemplo, que eu queira ver um avatar que eu construí. Em algum momento, estou voltando ao início da minha camada e clico duas vezes em qualquer uma delas. E ele entra imediatamente. Se eu abrir a camada de forma, você pode ver no meu conteúdo que eu tenho Avatar Man e todos os grupos que acompanham a forma como ele foi criado. Agora, esses grupos não foram nomeados, mas eu recomendo fortemente que você tenha a chance de nomear todos os seus grupos. Dessa forma, você pode alterar facilmente as configurações de grupos muito específicos. Como você pode ver, esse avatar em particular tem 17 grupos. Vamos deletar o conteúdo. Basta destacar o conteúdo e clicar em excluir. Vou até Gráficos e Tabelas para trazer ou reproduzir de volta ao início da camada E vamos clicar duas vezes em qualquer um deles. E temos um gráfico de dados, como você pode ver, que trouxe quadros-chave, porque ele anima Vou apenas repetir isso e depois poderemos assistir. Assim, você pode salvar literalmente quantas dessas predefinições quiser E eu recomendo fortemente que , ao criar animações de camada de forma, você as salve como predefinições Você nunca sabe quando vai precisar deles no futuro. E algumas dessas camadas de forma podem conter muitos grupos. Por exemplo, esta apresentação de gráfico de barras de negócios. Como você pode ver, todos os quadros-chave voltaram com ele. Se assistirmos, podemos ver que há muita coisa acontecendo aqui. Eu renomeei todos os meus grupos, gráfico de barras 123 e tela Se abrirmos esses grupos, podemos até ver o que os compõe. Esses são todos caminhos. Eu uso os caminhos de mesclagem aqui para o gráfico e, em seguida, a tela é um caminho retangular com o Portanto, lembre-se, se você quiser salvar suas camadas de forma e suas animações como predefinições, destaque o conteúdo, vá para animação, salve a predefinição de animação Verifique se você está em seus documentos, na Adobe, na versão que você está usando, nas predefinições do usuário E crie uma pasta ou coloque-a em uma pasta que faça sentido. 61. 05.18 Seção 05 revisão: Você deveria estar super orgulhoso de si mesmo agora. Você examinou todos os aspectos das camadas de forma. Desde o básico da criação de um retângulo simples até a adição de preenchimentos e traçados e aprendizado sobre vértices e diferentes tipos Ao uso de ferramentas de animação poderosas que até mesmo alguns designers avançados de animação gráfica não sabem como usar completamente. A partir de agora, você realmente é uma estrela do rock gráfico em movimento. Há mais uma seção que eu criei apenas para aqueles que ousaram se tornar mestres em camadas de formas A próxima seção está cheia de tutoriais nos quais você pegará o que aprendeu e criará designs reais Você pode assistir a esses tutoriais quantas vezes quiser e, em alguns casos, talvez queira revisitar aqueles que contêm informações densas. Depois de aprender esses truques, experimente-os em seus clientes ou em seu trabalho. Impressione as pessoas para quem você está criando designs e orgulho, diga ao mundo que você é um mago da camada de formas Estou ansioso para ver você na próxima seção e mostrar como criar alguns designs gráficos em movimento muito legais e impressionantes. 62. 06.01 Seção 06 - Tutoriais de camada de forma: Bem-vindo de volta aos seis tutoriais da seção Power of Shape Layers seis tutoriais da seção É aqui que você testa o que aprendemos. Nesta seção, você me acompanhará para criar elementos de cabana, ícones, camadas de formas a partir de animação de texto e criar alguns gráficos em movimento muito legais. Presumo que você tenha aprendido o básico. Então, embora eu queira que eu vá rápido demais, se você não tem um domínio forte do básico, pode ficar um pouco atrasado Não se preocupe, estou aqui para você. Você pode assistir a esses tutoriais quantas vezes quiser. Você também pode entrar em contato comigo a qualquer momento com perguntas ou comentários Agora vamos começar a criar alguns designs gráficos em movimento muito legais. 63. 06.02 Crie uma seta animada: Ok, então vamos dar uma olhada em alguns tutoriais rápidos que devem ajudar a fortalecer sua compreensão do Vou apresentar várias maneiras de usá-las em suas próprias animações de camada de forma Então, vamos criar uma nova composição. Clicaremos ou criaremos um novo ícone de composição e chamaremos isso de animação do caminho de corte Para nossa primeira animação, quero criar uma seta usando um polystar e uma linha Vamos clicar com o botão direito do mouse nessa área aqui. Clique em ir para Shape Layer. Sempre que criamos uma camada de forma como essa, não há conteúdo, então temos que adicionar tudo em uma de cada vez. Primeiro, vamos adicionar um grupo. E então, ao lado desse grupo, vamos adicionar um polystar E vamos preencher esse polystar. E vamos mudar esse preenchimento para branco. Ok, agora vamos abrir nossas opções de caminho polystar. Aqui podemos transformar essa estrela polar agora em um polígono. Podemos ver agora que se tornou um pentágono em vez de uma estrela Uma das opções que você tem para essas configurações de polystar são pontos, posição, rotação, raio externo e arredondamento externo Vamos nos concentrar nos pontos. Se mudarmos nossos pontos de cinco para três, agora obteremos um triângulo. E podemos aumentar o tamanho do uso da opção de raio externo aqui Parece bom, sem mais nem menos. Volte ao conteúdo e queremos adicionar outro grupo. Neste grupo, vamos adicionar um caminho. Mas antes de fazermos isso, eu sei que vou criar uma linha reta. E uma das coisas que eu gosto de fazer sempre que crio linhas retas é usar minha régua. Vamos rodar um PC. Pressione o controle R para trazer seus governantes. E vamos retirar isso. Clique em nossas aspas para obter nossos guias. E coloque sua régua bem no meio do ponto central vertical Agora, dentro desse segundo grupo, vamos escolher Adicionar caminho. Isso abre nossa ferramenta de caneta. Vamos desenhar uma linha reta. Então, com dois vértices, um lá e digamos um aqui Também precisamos adicionar um traçado, então o padrão será branco. E vamos aumentar isso para que fique um pouco maior. Uma das coisas que eu gostaria de fazer ao destacar o caminho é garantir que ele realmente encaixe na sua régua para garantir que você tenha essa capacidade Vá para cima para ver e verifique se você ativou o recurso Snap to Guides Se o Snap to Guides não estiver ativado e você tentar fazer com que ele se encaixe ou simplesmente passe direto por ele, precisamos alinhá-lo melhor para que essa ponta de seta fique no topo da Volte para o grupo um e, em seguida, abra suas propriedades de transformação para o grupo um. E agora podemos mover nossa posição do grupo um para cima. Então, como você pode ver, propriedades de transformação do grupo um afetam apenas o grupo um. Assim que tivermos esse conjunto, talvez queiramos mudar a aparência desse polystar Vamos ajustar nosso raio externo para torná-lo um pouco menor para que ele se encaixe melhor E então essa é a nossa seta com a camada de forma destacada. Agora, se você clicar com o botão direito do mouse, vá para transformar. E vamos escolher o ponto de ancoragem central e o conteúdo da camada E eu sempre gosto de fazer isso, para que eu saiba que meu ponto de ancoragem está centralizado na camada Se você clicar nele , agora verá nossos pontos de ancoragem centralizados bem no meio de toda essa camada de forma Vamos ajustar nossa posição. Se você pressionar P para a camada de forma, agora verá que essa é a posição de toda a camada de forma. Então, onde quer que movamos ou escalemos isso, isso afetará tudo dentro desse conteúdo, ok? Então, vamos ver isso de volta para 100, ok? Então, antes de animarmos isso, quero fazer mais algumas alterações em nosso traçado aqui Então, vamos ver se escondemos nosso grupo dois. Vemos que essa é realmente a nossa linha. Então, vamos renomear o grupo dois para linha. E no grupo um, chamaremos de Arrowhead, para que saibamos com quais estamos trabalhando e sejam mais fáceis de acessar Vamos abrir nossa linha. Queremos adicionar caminhos de corte a esse grupo de linhas. Vamos abrir isso e colocar um quadro-chave para o final e definir a porcentagem como zero. Avance 1 segundo e faça 100. Dessa forma, vemos que ele se anima. Quero mudar a aparência dessa linha, ver como temos essa borda dura nela. Quero torná-lo arredondado e, como aprendemos na lição anterior, isso é controlado usando nosso traço. Vamos abrir nosso traçado e mudar nosso limite de linha. Veja se o padrão é tampa traseira, tampa redonda. E deixe-me ampliar um pouco aqui. Você pode ver como isso mudou antes de termos traseiro, agora temos um boné redondo E uma das coisas que estou percebendo é que esse caminho, na verdade, se estende até nossa ponta de flecha Nós realmente queremos o fim desse caminho parte inferior da nossa ponta de flecha Então, vamos pegar nosso grupo de pontas de flecha, abri-lo e acessar nossas propriedades de transformação para propriedades de transformação E basta movê-lo até onde ele encontra quase o topo desse caminho aqui. Ok, agora vamos querer que isso aumente a partir da parte inferior dessa ponta de flecha Veja agora, se animarmos isso, dizemos que animamos do meio Queremos que isso seja animado de baixo para baixo. E esse é um daqueles momentos que seu ponto de ancoragem é importante Escolha y. Isso mostra sua ferramenta panorâmica , que se parece com esta. E basta mover o ponto de ancoragem até o fundo dessa ponta de flecha Agora, à medida que ajustamos a escala desse grupo, podemos ver que ele será animado a partir da parte inferior Volte e veremos que nosso quadro-chave de nossa linha é controlado usando nosso passe de compensação Vamos para esse último quadro-chave, esse segundo quadro-chave para nossa linha e, em seguida, definiremos um quadro-chave para nossa escala Isso será para o nosso grupo de pontas de flecha. Novamente, essas são as propriedades de transformação somente para a ponta da seta. Portanto, isso só afetará nossa ponta de flecha daqui para frente em 1 segundo E vamos definir um quadro-chave em 100% nesse primeiro quadro-chave que queremos definir como zero. E isso vai animar isso de baixo para cima. Vá para cerca de 3 segundos e aperte. Dessa forma, podemos fazer um loop e escolher nossa ampliação adequada Pressione as aspas para se livrar de nossos guias e pressione zero no teclado numérico para assistir A ponta da seta chega um pouco devagar, então talvez façamos essa animação um pouco mais rápida Portanto, nosso primeiro quadro-chave é de 1 segundo. Se você pressionar a tecla shift e pressionar a página para baixo, basta descer a página duas vezes para obter 1020 quadros, podemos puxar nosso quadro-chave de volta para onde está nosso indicador de reprodução. E então, se você clicar com o botão direito do mouse, poderá acessar o Keyframe Assistant e escolher Ease in Então, isso vai facilitar sempre que for animado. Então, vamos dar uma olhada nisso. E ainda está um pouco lento, então eu quero adicionar um pouco mais de velocidade. Quero entrar rápido e depois voltar para seu local de descanso final E a maneira como fazemos isso é com esse segundo quadro-chave destacado. Clique aqui. Este é o nosso editor gráfico. E vamos usar isso bastante em todos os nossos tutoriais, então basta clicar nele Essa é a representação visual dessa facilidade de entrada. Se pegarmos essa alça aqui, isso é para o segundo quadro-chave E puxe totalmente para a esquerda. Então, isso fará com que a velocidade desse quadro-chave chegue rapidamente e depois chegue ao ponto de descanso final Então, vamos clicar nesse botão do Editor de gráficos novamente para voltar à nossa visualização da linha do tempo. E vamos assistir agora. Então, veja se ele chega rápido e depois entra mais facilmente. E com a primeira camada de forma destacada, isso exibe apenas nossos quadros-chave. Agora podemos ver apenas os quadros-chave sem todas as outras informações à nossa frente. E eu ainda quero que isso seja mais rápido. Portanto, a maneira de tornar as animações mais rápidas é aproximar os quadros-chave Então, vamos ao nosso primeiro quadro-chave nosso caminho e deslocamos a página 12 para baixo. E vamos pegar todos esses quadros-chave e trazê-los de volta e ver como isso fica Agora podemos ir ainda mais rápido. Então, volte ao início da nossa página de deslocamento de camada baixo uma vez para avançar dez quadros a partir desse ponto. Vamos mudar a página para baixo uma vez para avançar mais dez quadros. Dessa forma, toda a nossa animação ocorre em mais de 20 quadros. E então vamos tocar em 1 segundo e finalizar um loop. E agora vamos assistir. Então essa é a nossa flecha, ela chega bem rápido. E então a ponta da flecha chega a um local de descanso. E uma facilidade mais interessante. Agora, sempre que você olhar para essa animação, pense nela como uma animação. Então, do começo ao fim, é apenas um movimento. Portanto, você não quer que seus quadros-chave para seu caminho entrem ou saiam mais facilmente. Eles são chamados de quadros-chave lineares. Esse quadro-chave é chamado de quadro-chave de Bezier. Existem alguns tipos diferentes de quadros-chave. Os principais com os quais você trabalhará são lineares e bezier Também ativamos os quadros-chave de espera, mas abordaremos isso em uma lição diferente Só para você saber, sempre que seus quadros-chave têm essa forma de diamante, isso significa que eles são lineares. Se você tem uma facilidade de sair ou é uma facilidade de entrada ou facilidade, todos esses são considerados quadros-chave de Bezier Então, queremos que esses três primeiros quadros-chave sejam todos lineares e que este último seja mais fácil de E manipulamos a velocidade usando o editor gráfico com essa animação Como você vê, vamos abri-lo novamente. Temos dois grupos que renomeamos, ponta da seta e a Agora, nossa linha é um caminho em que usamos os caminhos de tendência para manipular nossa porcentagem de 0 a 100. E , no final dessa animação, criamos uma nova animação criamos uma nova animação com nossa ponta de seta manipulando a escala do grupo de pontas de seta indo de zero a nossa porcentagem de 0 a 100. E , no final dessa animação, criamos uma nova animação com nossa ponta de seta manipulando a escala do grupo de pontas de seta indo de zero a 100. E facilitamos isso e depois manipulamos a velocidade com nosso editor gráfico Então, essa é apenas uma animação de camada de forma muito rápida você pode usar, que inclui caminhos de corte e também incorpora grupos e ajuda você a aprender e ter uma ideia de como essas propriedades de transformação de cada grupo afetam somente esse 64. 06.03 Crie uma animação abstrata: Vamos fazer outra animação rápida aqui. Vou fazer algo um pouco mais abstrato, com o conteúdo destacado. Vamos adicionar um grupo. Vamos chamar esse grupo de círculo um. Em seguida, adicionaremos uma elipse e preencheremos essa elipse Em seguida, vamos mudar a cor de preenchimento de vermelho para azul claro. Então eu quero ter dois desses círculos. Vamos controlar D para duplicar o círculo um e ele fará o círculo dois Está bem? Agora eu quero que esses dois círculos estejam em cada lado dessa composição. Então, com o círculo um destacado, vamos entrar em nossas propriedades de transformação e movê-las para a esquerda. Vamos usar menos 500 pixels. Em seguida, circule dois, abra nossas propriedades de transformação para esse grupo e torne essa posição de 500 pixels. Se mencionarmos nossos guias, podemos ver que eles estão à mesma distância das bordas de nossa composição. Vamos também movê-lo para o nosso ponto médio no meio aqui Lembre-se de clicar com o botão direito do mouse em nossa camada Shape. Vá para Transform Center, Anchor Point e Layer Content Isso coloca nosso ponto de ancoragem bem no meio dessa camada de forma Pressione P para exibir nossa posição para a camada de forma. E deixe-me abrir isso. Essa é a nossa posição dentro das propriedades de transformação da camada de forma. Lembre-se de que nosso ponto médio é 960 por 540, porque essa composição é 1920 Por 540 é o ponto central em uma composição desse tamanho. Quero criar uma linha recortada que fique entre esses dois pontos e seja animada E eu também quero aumentar e aumentar esses pontos. Então é assim que fazemos isso. Volte ao conteúdo e vamos adicionar outro grupo. Sempre que você adicionar qualquer coisa a uma camada de forma, ela será movida para a parte inferior da hierarquia Então, veja que nosso grupo um agora está abaixo do círculo um e do círculo dois. Destaque o grupo um e adicione um caminho e ele abrirá nosso pinole Vou desenhar como uma linha recortada entre esses dois pontos E então vamos adicionar um traço. E agora eu quero que esse traço tenha a mesma cor dos nossos pontos. Do jeito que você faz isso, vamos clicar em Stroke e pegar esse conta-gotas E então vamos clicar em um desses círculos. Isso fará com que o traçado desse caminho tenha exatamente a mesma cor dos nossos círculos. Clique em OK. E então vamos aumentar a largura do traçado dessa linha. Eu ainda quero brincar com a aparência dessa linha. Destaque o grupo um. E basta renomear essa linha irregular. Abra nossas propriedades de traçado. E eu quero que isso tenha uma borda arredondada e cantos arredondados aqui. Como aprendemos anteriormente, isso está abaixo do nosso limite de linha e o limite de linha de junção de linha ajustará a aparência das extremidades desse caminho. Portanto, não esses pontos intermediários, mas apenas as extremidades. Então, vamos mudar isso para uma tampa redonda. E como você pode ver, vou ativar e desativar isso, é o efeito que uma tampa redonda Mas também quero que esses pontos intermediários sejam arredondados. Então, vamos para a junção de linha. O padrão é junção secundária, que são essas bordas angulares E vamos mudar isso para junção redonda. Veja, agora isso está completo. Agora, mude apenas a aparência dessa linha, a maneira como você faz isso. Vamos até nossa linha recortada e destacar o caminho. Agora, isso nos dá a capacidade de mover esses pontos individuais e você pode dizer quando é capaz, porque vemos que eles estão claros dentro de cada ponto aqui. Além disso, se você clicar em linha irregular, mesmo que ela esteja preenchida, você pode pegar um ponto e movê-lo No entanto, digamos que se você tiver um círculo destacado e entrar aqui e tentar manipular os pontos em sua linha recortada, isso não funcionará Verifique se a linha ou o caminho recortado estão destacados. E então, dessa forma, você pode manipular alguns desses pontos Arraste-os um pouco para fora, torne-os em alturas diferentes, como essa. Talvez isso diminua a largura do traçado. Vamos fazer 15 mudanças, talvez a altura disso, temos algo assim, algo muito abstrato. Mas estamos fazendo isso principalmente para fins ilustrativos. E para mostrar como usar caminhos de corte e como usar propriedades de transformação de grupo Sempre que tenho uma animação como essa, gosto de criar a hierarquia da minha camada de forma na ordem em que as coisas serão animadas Quero que esse círculo apareça primeiro, depois o jagonline, depois esse E então eu quero que todos eles se animem fora do círculo, um vem primeiro Vamos mover o círculo um para o topo do círculo dois, ter uma linha jagônica, passar entre o círculo um e o círculo dois Em seguida, o círculo dois estará no final da nossa animação. Primeiro, vamos animar o círculo um. Vamos abrir o círculo um. Este é o nosso grupo do Círculo Um. E essas são propriedades de transformação desse grupo. Vamos colocar um quadro-chave para a escala. E amplie um pouco aqui. Mantendo pressionada a tecla shift page uma vez para avançar dez quadros. Vamos colocar outro quadro-chave e seguida, deslocar a página para baixo por dez quadros, porque eu quero que esse círculo salte para dentro, ele salte para dentro e depois chegue ao seu local de descanso final Para fazer isso, estamos em 100% para torná-lo maior, só precisamos aumentar isso. Digamos que talvez 110. Portanto, é um pouco maior do que fica menor. Queremos que nosso primeiro quadro-chave seja definido como zero, para que ele seja animado Em destacamos todos esses quadros-chave. Estou apenas pressionando o botão esquerdo do mouse e destacando todos esses quadros-chave Clique com o botão direito em qualquer um deles. Keyframe assistant easy S ou, como você pode ver, nove faz a mesma coisa Então, podemos assistir a essa animação. Então isso entra, veja como ele salta um pouco. Talvez queira que o salto seja um pouco mais extremo. Então, vamos fazer isso 120. Em vez disso, queremos que nossa linha comece a ser animada, certo? Quando esse círculo entrar, diga esse ponto médio. Vamos descer até a linha recortada. E queremos adicionar caminhos de acabamento. Agora veja que é meio complicado rolar de volta para cima e rolar Então, esta é uma daquelas vezes em que você pode querer usar seu painel aqui em cima. É assim que você não precisa percorrer todos esses grupos aqui embaixo. Então, vamos marcar uma linha destacada. Vá até nosso painel de controle da camada de forma. Clique em Adicionar. Vamos adicionar caminhos de acabamento Vamos colocar um quadro-chave final e movê-lo para zero Avance no turno 12 e aumente nossa porcentagem final para 100. Queremos ter certeza de deixá-los lineares porque essa é uma animação sólida. A razão pela qual temos esses beziers é que essa elipse vai No entanto, queremos que nossa linha seja reta e rápida. Não queremos relaxar porque queremos que pareça uma animação sólida. Vamos até o final desta animação que é o segundo quadro-chave do nosso S, destacar esses quadros-chave para escala em nosso grupo Um círculo, um, controle C para copiá-los. E certifique-se de que apenas a escala esteja destacada para que você não copie a posição ou qualquer outra coisa. Desça até o círculo dois e controle V e veja como ele cola os quadros-chave que criamos para o círculo um. Agora, se batermos em você, poderemos ver todos os nossos quadros-chave. Esses são os quadros-chave que compõem a animação. Vamos assistir isso bem rápido. Algo muito abstrato, mas você tem uma ideia de algumas das coisas que você pode fazer com camadas de formas com grupos e com caminhos de tendência. Agora eu quero animá-los. A forma como eu os animaria é destacar esses quadros-chave para nossa escala, para o círculo um, copiar e Agora, se você escrever Clique, certifique-se de que todos estejam destacados. Você verá algo no assistente de quadros-chave chamado quadros-chave com reversão de tempo Ele pega os quadros-chave que você selecionou e inverte a ordem deles. Em vez de ir de 0 a 115 a 100, agora será de 101150 Queremos isso e eu vou te mostrar o porquê. Vamos clicar em Time Reverse Keyframes. Você quer que esses dois quadros-chave tenham o mesmo valor porque você deseja manter esse tamanho durante esse período de tempo A porcentagem da escala é 100 aqui. E também aqui, ele vai se animar desse jeito. Então, agora precisamos que essa linha seja animada. Vamos para o segundo quadro-chave, da mesma forma que fizemos na primeira vez. E precisamos abrir todo o nosso conteúdo aqui. Dessa forma, podemos ver o que estamos fazendo. E vamos colocar um quadro-chave para começar em 0% e avançar 12, terminar essa animação em 100 na porcentagem inicial Então, dessa forma, ele entrará e depois voltará para fora. Então vá até o último quadro-chave e clique você para abrir nossos quadros-chave novamente. E queremos copiar esses quadros-chave do círculo um, essa é a animação da cópia Em seguida, destaque a escala para o círculo dois e controle V para colar e então poderemos assistir à sua animação. Temos um círculo que entra, o número, a linha, e então temos um segundo círculo e eles se animam e continuam animados É uma animação muito abstrata. A razão pela qual eu queria mostrar isso é porque ele usa várias técnicas. Estamos usando caminhos de corte somente em um grupo, esse grupo de linhas irregulares Ter caminhos de corte dentro desse grupo só se aplica a esse grupo, em oposição a toda a animação dentro do grupo circular um Estamos afetando apenas as propriedades de transformação desse círculo. Essa animação em escala afeta apenas o círculo um. Da mesma forma, com o círculo dois afetando a escala dentro das propriedades de transformação do círculo dois afetando a escala desse círculo dois. Observe que não afetamos a posição ou o tamanho desse caminho da elipse. Tecnicamente, poderíamos, mas acho muito mais fácil usar propriedades transformadas de seus grupos antes de manipular o tamanho ou a posição do caminho da elipse A única vez que eu realmente ajustaria tamanho do caminho da elipse é dizer que, depois de fazer essa animação, fico tipo, bem, você sabe o que, eu realmente quero que esses círculos sejam maiores E a maneira mais rápida de fazer isso é aumentar o tamanho do caminho da elipse aqui Digamos que talvez faça 180 e depois suba até o círculo um, podemos fazer com que tenha o mesmo tamanho, 180. Você ainda mantém essa animação em escala sem precisar fazer ajustes em vários quadros-chave. Sempre que estiver fazendo animações com camadas de formas e usando grupos, tente usar as propriedades de transformação dos seus grupos antes de alterar o tamanho ou posição das formas reais 65. 06.04 Crie estrelas e linhas animadas: Vamos clicar com o botão direito do mouse na área à esquerda da linha do tempo. Clique em Novo e crie uma camada de Forma. E então vamos abrir nossa camada de forma, destacar o conteúdo. E vamos adicionar um polystar. E então vamos preencher esse polystar. E mudaremos o vermelho padrão para algo, talvez como um conteúdo verde claro destacado. Novamente, vamos adicionar um grupo e, em seguida, queremos colocar nossa estrela polar e nosso preenchimento dentro desse grupo Ok, agora com o grupo um destacado, vamos adicionar um repetidor E uma das coisas que você deve saber sempre que você adiciona um repetidor é que ele tem configurações padrão Como todo o resto, o padrão é sempre três cópias. E suas propriedades de transformação sempre serão assim. Seu ponto de ancoragem e rotação estão definidos como zero. Sua posição está sempre definida como 100 pixels no eixo X, zero no Y. O que queremos fazer é aumentar o número de cópias Digamos que vamos fazer oito. Em seguida, para distribuí-los, mova nossa posição para a direita. Veja que, ao alterar esse valor inicial de 100, quanto maior o valor, maior será o espaçamento entre suas cópias E quanto mais você diminui o valor, mais próximos eles ficam até chegar a zero e ficarem um em cima do outro. E então, se você continuar indo para a esquerda, ficando menor, entrando em negativos, vai na direção oposta Queremos ir, algo mais ou menos assim. Agora observe que nossas estrelas saem de nossa composição. Precisamos mudar isso. A maneira como vamos movê-lo é usando as propriedades de transformação desse grupo um. Vamos abrir as propriedades de transformação do grupo um e simplesmente mover nossa posição para a esquerda. Veja, eles ainda não se encaixam perfeitamente. Então, vamos voltar ao nosso repetidor e fazer mais alguns ajustes Faça isso um pouco menor. Se quisermos tornar as estrelas menores, você pode entrar nas propriedades de transformação do seu repetidor, você pensaria, e apenas diminuir a escala Mas veja, isso não funciona, essas estrelas são menores. Não é aqui que você precisa fazer isso, então você quer voltar para 100. O que você quer fazer é entrar em seu grupo, transformar propriedades e diminuir o tamanho delas. Da mesma forma, você deseja mover suas estrelas usando as propriedades de transformação do grupo um. Vou centralizar isso ali mesmo. Vamos mudar o nome desse grupo um para estrelas. Ok, agora vamos abaixar nossa régua e ir logo acima de nossas estrelas E vamos adicionar outro grupo e vamos adicionar um caminho. Vamos colocar dois vértices, um acima da primeira estrela e outro acima da última estrela Dentro desse grupo, queremos adicionar um traçado. E vamos clicar na cor do traço. Pegue o conta-gotas e escolheremos o mesmo clique verde Ok. Agora vamos aumentar o tamanho do traço. Como você pode ver, a tampa final é uma tampa traseira e tem borda áspera, então eu quero ajustá-la Vamos abrir nossas configurações de traçado e mudar a tampa da bunda para a tampa redonda E vou pressionar minhas aspas para me livrar das minhas zonas seguras Agora eu vou me livrar dessa régua. Basta empurrá-lo para fora da tela. Chame essa linha superior e, com a linha superior destacada, controle D para duplicá-la Renomeie a linha superior dois para a linha inferior. Agora, se abrirmos nosso grupo de resultados financeiros, vá para nossas propriedades de transformação para o grupo de resultados financeiros. E vamos ajustar nossa posição para que fique logo abaixo de nossas estrelas, ok? E, como você pode ver, nosso ponto de ancoragem não está no centro desse grupo Se você quiser que isso fique no centro, pressione Id. Para abrir a panela ao redor da ferramenta, você pode mover nosso ponto de ancoragem diretamente para o meio Vamos fazer a mesma coisa com nossa receita. Vamos movê-lo para lá. Vamos verificar nosso grupo de estrelas e ver que nosso ponto de ancoragem está no centro da estrela original, que é a que faz todas as cópias Vamos mover isso para o centro de todas as nossas estrelas. Agora tudo está centralizado e alinhado. Ok, eu quero que essa linha superior seja animada de vez em quando da esquerda para a direita E então eu quero que a linha inferior seja animada de vez em quando da direita para a esquerda Ao mesmo tempo, quero que todas essas estrelas girem usando um script chamado tempo Vamos dar um passo de cada vez. Então, nossa linha superior será nossa primeira animação. Vamos passar para o topo. As estrelas vêm em seguida, e o resultado final vem em seguida. Na verdade, nossos lucros e resultados financeiros serão animados ao mesmo tempo, mas isso meio que nos dá um pouco mais de organização Abra a linha superior com a linha superior destacada. Vamos adicionar caminhos de corte, abrir o trim pass e queremos colocar um quadro-chave para Reduza isso para zero. Vá em frente mantendo pressionada a tecla shift na página 12. E vamos aumentar isso para 100%. Se tivermos o trim pass destacado, podemos controlar C para copiá-lo E uma das coisas a ter em mente é que ele colará seus quadros-chave onde quer que esteja seu indicador de reprodução Vou deixar meu indicador de reprodução aqui nos segundos quadros-chave, quando o controle V colará o primeiro quadro-chave no mesmo local desse quadro-chave para o controle final V. E, como podemos ver, os quadros-chave chegaram. Então é assim. Ok, mas agora eu quero que essa segunda linha seja animada na direção oposta Se abrirmos nosso grupo de resultados, podemos clicar na direção inversa do caminho Isso inverterá a direção do caminho, agora está indo na direção oposta, assim. Ok, vamos para este último quadro-chave na linha de fundo. Dessa forma, podemos ver nossos quadros-chave para os caminhos das tendências. Vamos voltar à linha superior e colocar um quadro-chave para começar em 0%, mudar a página para baixo em 12 e aumentar a porcentagem inicial para 100. Dessa forma, isso anima de vez em quando. Em seguida, queremos destacar esses dois quadros-chave em nossa partida do trim pass e do controle C. Vá até nosso trim pass para ver nossa linha inferior, destaque Start control V e, em seguida, ele colará os mesmos valores exatos Acabamos com algo assim. Essas animações são ativadas e depois desativadas. Mencione também que eu queria que todas essas estrelas girassem enquanto isso acontecia Vamos entrar em nosso grupo de estrelas aqui. Vamos ver as propriedades de transformação desse grupo para estrelas. Agora, essa rotação, se você manipular isso, verá que ela gira toda a camada Não é isso que queremos. Vamos colocar isso de volta em zero. Vamos abrir nosso repetidor, porque lembre-se de que ele tem suas próprias propriedades de transformação Então, se formos para as propriedades de transformação do repetidor e começarmos a girar as estrelas lá, veremos que também não é exatamente o que queremos Se você quiser girar todas essas estrelas, não faça isso no nível da propriedade de transformação do repetidor ou no nível da propriedade da transformação do grupo Então, como fazemos com que eles girem? Bem, se voltarmos ao nosso polystar, veremos que temos a opção de rotação Esta é apenas a nossa primeira estrela. Como podemos ver quando destacamos o polystar, esse é o único que estamos realmente controlando Essas outras instâncias da estrela são cópias. Então, o que quer que façamos com a primeira estrela polar, as outras estrelas seguirão Digamos que, por exemplo, se ultrapassarmos nossa posição, vejamos que todos se movem com ela. Da mesma forma, se mudarmos nossa rotação, todos eles farão a mesma coisa que o primeiro. Se você quiser usar o Mac Alt, clique na rotação e digite a palavra hora, horas de digitação ou um asterisco e o número 50 Isso vai girar a uma velocidade de 50. Vamos ver como isso parece. Ao manipular a rotação do caminho da poliestrela, podemos girar todas as estrelas que estão dentro dessa Porque a forma como o repetidor funciona é fazer cópias da primeira instância da sua forma Agora, veja se quiséssemos que isso fosse mais rápido, mudaríamos o valor, digamos, para 250 E você pode ver como isso agora girará mais rápido. Se você quiser ir na direção oposta, basta torná-la negativa. Vamos dizer menos 150. Com este exemplo, abordamos algumas coisas. Se você criar um caminho e, em seguida, alterar as configurações de traçado de limite de linha para limite redondo. Isso arredondará as bordas da sua linha. Quando você adiciona um trimpass a um grupo, esse trimpass afeta somente Esse grupo agora é autônomo em relação a esses outros grupos. Acabamos de duplicar a linha superior para criar a linha inferior Em seguida, moveu a linha inferior usando as propriedades de transformação dessa posição da linha inferior para baixo 101 pixels. Queríamos que o caminho de acabamento fosse na direção oposta à linha superior Mudamos o caminho de direção que invertemos a direção do caminho. Isso inverte a direção da animação do caminho de corte. Então, para as estrelas, usamos o repetidor A rotação para o grupo e a rotação para o repetidor não têm o efeito desejado Se você quiser girar as estrelas, você precisa ir até o caminho da poliestrela e usar a rotação para a trajetória da poliestrela 66. 06.05 Crie um ícone animado: Ok, então vamos criar um ícone usando formas. E vou usar o Merge Paths como um dispositivo. Mostre algumas coisas muito legais que você pode fazer com a criação de ícones no After Effects para dar um pouco mais de vida ou torná-lo um pouco mais estilizado Vamos clicar com o botão direito do mouse nessa área à esquerda da nossa linha do tempo, nova camada de forma E vou criar alguns grupos e nomeá-los, basta me acompanhar aqui e fazer o que eu faço Vamos adicionar um grupo, depois esse grupo, vamos adicionar uma elipse Vamos dar a isso um preenchimento e um traçado. propósito, vamos criar uma câmera, deixe-me dar um nome a essa câmera. Incline este grupo de lentes. Vamos aumentar o tamanho desse caminho da elipse. Vamos fazer o preenchimento como um azul mais claro, o traçado. Se você pegar o conta-gotas e clicar no preenchimento, é da mesma cor azul, mas depois escurece um pouco Eu faço isso um pouco como eu gostaria de dizer na mesma família de cores. E eu quero apenas um tom de cor mais claro ou mais claro Essa é uma maneira de fazer isso. Basta pegar o conta-gotas, clicar na cor que você já tem e depois escurecer ou clarear, dependendo do que Destaque o conteúdo aqui. E então vamos adicionar um segundo grupo e esse será nosso corpo abaixo do corpo. Vamos adicionar um retângulo e vamos usar aquele retângulo de Phil Desmarque o tamanho do caminho do retângulo, este link aqui. Dessa forma, podemos manipular nosso tamanho horizontal e verticalmente. Queremos ser mais um retângulo mais largo. Nós não somos. Vamos mudar esse corpo. Na verdade, pode ser de qualquer cor. Eu vou fazer talvez como um traço laranja. Eu farei a mesma coisa. Vou escolher a cor do corpo e depois escurecer um pouco Talvez faça esse traço com dez pixels de largura para que ele apareça melhor. Vamos voltar ao conteúdo e adicionar outro grupo e chamaremos esse flash lá dentro. Vamos adicionar um retângulo, um preenchimento e um traçado. Então, vamos subir de posição sobre onde seu pequeno clicker estaria Vou fazer com que fique com essa cor laranja , mas talvez fique um pouco mais escura Preencha dessa forma, ele se destaca mais. E, novamente, vou escolher essa laranja e escurecê-la, deixando essa largura de dez pixels também Isso é o que temos até agora. Ok, agora para este corpo de flash, eu quero adicionar um pouco de cobertura a isso aqui com o caminho retangular destacado Vou controlar D para duplicar isso. Vou desvincular o tamanho do caminho do retângulo superior para poder ampliá-lo E mais magro, algo assim. Ok, este é um momento em os caminhos de mesclagem seriam úteis Veja como eu tenho essas duas formas e o traço contorna as duas formas. Eu só quero que o traçado contorne toda a peça aqui com o flash destacado Vamos apenas adicionar caminhos de mesclagem e ver imediatamente que ele aparece e o modo está configurado para Veja, isso é sem isso, e é com isso. Esse é um daqueles momentos em que mesclar caminhos é muito útil para redimensionar isso um pouco para ficar mais parecido com o que eu estou Estou apenas ajustando a escala disso na posição. Agora. Veja, eu posso mover esse flash realmente para baixo com o flash destacado. Veja, eu transformei propriedades para este grupo. Eu posso animar que, onde agora também clica, esse é o nosso corpo básico Não é um ótimo esquema. Deixe-me realmente brincar com a cor da lente aqui, para que seja um pouco mais agradável de se ver, fique na família laranja aqui Vamos aumentar o tamanho dessa lente para que fique um pouco maior. Eu quero adicionar um pequeno reflexo aqui em nossa lente. Uma forma de fazer isso é adicionar outro grupo. Agora, lembre-se de que os grupos são sempre adicionados ao final da lista hierarquicamente Veja como esse grupo se transformou em Flash. Às vezes, talvez seja necessário mover seus grupos. Nesse caso, eu tenho. Eu quero adicionar uma reflexão. Mova o grupo um acima da lente e digite a reflexão. Então, para reflexão, vamos adicionar uma elipse e um Queremos que o preenchimento seja branco, destaque, caminho de elipse e controle D. Para duplicá-lo com o reflexo destacado, vamos adicionar caminhos de mesclagem e ele entre nossas formas e nosso preenchimento aqui Eu quero ter uma forma de curva aqui para essa reflexão. E a maneira como vou fazer isso é selecionar o modo em caminhos mesclados Vamos escolher subtrair Agora veremos que os dois desapareceram E a razão é porque nenhum desses caminhos de elipse se moveu ainda Eles estão bem em cima um do outro. Quando eu começo a mudar isso, começamos a ver o que eu quero fazer aqui. Se eu clicar, podemos ver como é uma meia-lua. Agora vamos destacar a reflexão e abrir as propriedades de transformação para reflexão. E podemos colocar isso em qualquer lugar que quisermos. Podemos até mesmo ajustar sua escala. Se entrarmos em nosso campo sob nossos caminhos de mesclagem, vamos diminuir a opacidade para cerca de 50%. É muito leve É como um pequeno reflexo lá. Na verdade, talvez possamos movê-lo para o outro lado. Pode ficar melhor lá. Agora, se controlarmos a mudança H para nos livrarmos de todas as nossas linhas, dessa forma, veremos melhor o que estamos fazendo. Vou contornar a posição desse caminho de elipse dois para ver exatamente como quero que fique Estou apenas mexendo com a posição do caminho da elipse dois Eu quero fazer alguns botões aqui, e eu quero que eles tenham dois tons. Vou te mostrar o que quero dizer com isso. Vamos continuar e adicionar outro grupo. Vamos mover esse grupo para o topo e chamaremos esse botão. E vamos adicionar uma elipse e preencher essa elipse novamente. Vamos mudar a cor. conta-gotas escolherá a laranja, mas queremos que sejam propriedades de transformação muito mais escuras Para o botão, vamos movê-lo para este lado da câmera com o botão destacado. Vamos adicionar um retângulo. Agora você quer que a elipse retangular tenha o mesmo tamanho, ou ambas têm 100 pixels como padrão Tudo bem com o botão destacado. Vamos adicionar caminhos emergentes e queremos definir isso para subtrair. Ok, agora vamos mover nosso caminho retangular. Temos um semicírculo aqui. Controle a tecla H novamente para recuperar nossas linhas, podemos fazer medições mais precisas. Aqui temos metade de um botão. Quero que o botão tenha dois tons, e tenho certeza de que você já viu isso em alguns ícones, e essa é uma maneira de fazer isso Chamaremos esse botão à esquerda com o botão esquerdo, destacado, controle D para duplicá-lo Vamos renomear esse botão corretamente. Abra, botão direito. Vamos mudar o preenchimento disso para algo muito mais leve. Para criar esses dois tons, tudo o que preciso fazer é mover esse retângulo com o mesmo número de pixels na direção oposta Veja, estamos em 49,4. Vamos fazer com que sejam 50. Botão esquerdo para nossa posição. Vamos fazer isso 50. E então vamos fazer nossa posição para o botão direito, menos 50. Veja agora que temos um botão de dois tons novamente. A maneira como fiz isso foi adicionar caminhos de mesclagem com o retângulo na parte inferior E eu movi o caminho do retângulo 50 pixels para a direita. Eu dupliquei isso, mudei a cor para algo mais claro Em seguida, mova o caminho do retângulo com menos 50 pixels, que pesa exatamente a mesma medida, para longe do ponto central, destaque o E vamos adicionar outro grupo e movê-lo acima dos nossos botões. Vamos apenas renomear esse botão. Mas agora podemos colocar o botão esquerdo e o botão direito dentro desse grupo. Uma coisa a ter em mente é que, ao criar essas camadas de forma, seu ponto de ancoragem sempre será padronizado para o meio da própria camada de forma Se você pressionar Y, veremos que nosso ponto de ancoragem ainda está no centro da nossa camada de forma, apesar do fato de termos movido nossa camada de forma para essa área Selecione Y para a ferramenta de contornar ferramenta com o botão destacado, basta pegar esse ponto de ancoragem e puxá-lo Coloque-o aqui no meio. Diminua o tamanho desse botão e ele se moverá uniformemente. Essa coloração precisa ser um pouco melhor. Deixe-me fazer alguns ajustes. Aqui está um pouco mais escuro, com muitos ícones. Vamos ter esse look em dois tons divididos ao meio Um lado está sombreado. Podemos fazer a mesma coisa com o corpo. Ok, com o caminho retangular do corpo destacado. Vamos controlar a duplicação . Destaque o corpo. Em seguida, adicionaremos caminhos mesclados que os colocaremos entre nossas formas e nossos atributos de traçado e preenchimento Vamos escolher o modo de subtração. Como vemos, nossos retângulos de crescimento desaparecem porque estão um em cima do outro Agora vamos mover o caminho do retângulo dois até o ponto médio Então, se duplicarmos o corpo novamente, abra nosso segundo caminho retangular e mova-o para menos 500 pixels E agora podemos mudar essa cor para algo um pouco diferente. Agora nossa câmera tem esses dois tons, mais escuros de um lado e mais claros do outro Isso é algo que não é totalmente necessário, mas se você quiser essa cor de dois tons, essa é uma maneira fácil de fazer isso. Vamos nosso flash. Só quero te mostrar algo tão legal bem rápido. Abra nossas propriedades de transformação para flash. Vamos colocar um quadro-chave para a posição. Se você deslocar a página para baixo uma vez, ela perderá dez quadros. Podemos mover isso para lá. Controle o deslocamento da página para baixo. Copie esse quadro-chave, controle C e depois controle V para colocá-lo de volta, destaque todos esses quadros-chave Clique com o botão direito e escolha E's fáceis. Talvez adie isso mais ou menos um segundo. Se você assistir, isso está ajudando. Clique nele. Você pode definir alguns quadros-chave para clicar nele e ver se esse grupo controla o corpo do flash Ok, vamos fazer algo interessante com esse botão aqui. Sempre que nossa câmera clicar para baixo. Vamos abrir o botão direito e o botão esquerdo. E queremos nos concentrar em nossos preenchimentos aqui. Você quer ter certeza de que isso está alinhado com os quadros-chave para a animação do seu flash Coloque um quadro-chave para cores em ambos. Avance até onde esse quadro-chave está alinhado, altere as cores Vamos fazer isso de laranja brilhante e talvez branco. E então voltamos ao final da animação. E queremos apenas copiar esses quadros-chave iniciais. Dessa forma, o primeiro e o último quadro-chave são os mesmos que você vê à medida que avançamos. Tem um flash. Veja isso. Quando clica, ele pisca. Você pode querer que isso seja um pouco mais rápido. Se você ocultar a camada e escolher você, poderá ver seus quadros-chave e aproximá-los um pouco mais. Eu faria todos esses cliques fáceis ou nove, se você assistisse, teria uma câmera que clicasse, Flashes, aí Este é um ícone muito simples de uma câmera. Essa é uma forma de animá-lo muito rapidamente. Você pode ver como surgiu o uso de blocos mesclados. Muito útil para criar o reflexo e criar esse botão de dois tons aqui, e até mesmo para criar nosso botão de flash. Como acontece com qualquer outro recurso das camadas de forma, eu recomendo que você experimente bastante com painéis de mesclagem, procure outros tutoriais, um pouco louco com eles e veja o que consegue Quanto mais tempo você girar com ele, mais acostumado você ficará. Você ficará mais confiante em usá-lo em suas animações de camada de forma 67. 06.06 Crie um design animado de férias: Ok, então neste tutorial vamos criar um emblema patriótico usando algumas formas no Crie uma nova composição usando nosso novo ícone de composição aqui. E queremos manter todas as nossas configurações iguais às que tínhamos. 192-010-8029 0,97 10 segundos. E vamos chamar isso de distintivo patriótico. Clique em OK. Clique com o botão direito do mouse nesta área aqui ao lado da nossa linha do tempo. E escolha New Shape Layer. E vou nomear esses grupos à medida que avançamos , para que possamos manter tudo bem e organizado. Primeiro, vamos renomear nossa camada de forma Patriotic Badge. E agora vamos adicionar nosso primeiro grupo, e vamos chamá-lo de estrelas Com estrelas destacadas, vamos adicionar uma estrela poli E vamos adicionar um preenchimento. Agora queremos deixar esse preenchimento branco. Crie esse branco. Agora, com o conteúdo destacado, vamos adicionar um repetidor Usando o conhecimento que adquirimos nas últimas aulas. Sabemos que precisamos fazer alguns ajustes nesse repetidor e nas configurações de nossas cópias Nós somos, digamos, 16 cópias disso. Agora lembre-se de que nosso ponto de ancoragem na posição precisa estar todo definido em zero nos eixos x e y para que tenhamos apenas uma forma visível, que está aqui Vamos ao nosso grupo de estrelas e abrir nossas propriedades de transformação. E precisamos mover isso para cima, voltando às nossas propriedades de transformação repetidora, precisamos ir para nossa rotação e dividir 360 pelo número de cópias que temos, que é 16, para obter aquele círculo perfeito de estrelas E vamos fazer alguns ajustes no tamanho dessas estrelas. Usaremos as propriedades de transformação das estrelas do grupo. Vamos resumir isso talvez, a algo parecido. Estamos em 30% agora. Precisamos ter um anel e também precisamos ter um histórico sobre o conteúdo. Vamos adicionar um grupo e eu vou garantir que esse grupo fique abaixo do Está bem? Porque se ultrapassar, o repetidor repetirá isso E vou te mostrar o que quero dizer, abordamos isso anteriormente, mas eu só quero enfatizar isso para que, dessa forma, você saiba disso. Grupo um, vamos adicionar uma elipse e, em seguida, vamos adicionar um traçado Está bem? E precisamos fazer esse golpe. Vamos torná-lo vermelho. Ok, vamos aumentar o tamanho desse caminho da elipse. É quase o mesmo que nossas estrelas aqui. E então vamos aumentar a largura do traçado. Lembre-se de que o padrão é de dois pixels de largura. Queremos ir além de nossas estrelas. Aumentamos o zoom, vemos que vai um pouco além de nossas estrelas. Algo parecido. Agora vamos renomear esse grupo para faixa vermelha E agora veja, veja o que acontece se movermos a faixa vermelha acima do repetidor O repetidor tentará repetir essa faixa vermelha. A razão pela qual vou ver uma cópia é porque ela tem configurações semelhantes às nossas estrelas. Se você mover a posição, poderá realmente obter alguns efeitos bem legais aqui. E, no entanto, apenas mais um exemplo de experimentação e o que você pode obter do repetidor Isso não é exatamente o que queremos, mas é um efeito meio legal, ok? Então, se a faixa vermelha estiver acima do repetidor, então vamos movê-la Então, agora precisamos de um plano de fundo, para que possamos realmente voltar para a faixa vermelha aqui E podemos realmente adicionar um preenchimento a isso. Vamos mudar essa faixa vermelha apenas para o fundo. Agora, nosso preenchimento ficará vermelho como padrão. Vamos mudar isso para um pouco de azul. Certifique-se de colocar o preenchimento abaixo do traçado. Na verdade, o traçado está na parte superior do preenchimento. Dessa forma, vai além de nossas estrelas. Uma das coisas muito importantes com as camadas de forma é a forma como as coisas são dispostas de forma hierárquica Assim como no Photoshop ou Illustrator, são apenas camadas Em uma situação como essa, quando o preenchimento está acima do traçado, vemos que o traçado está, na verdade, atrás do preenchimento. Há mais derrame lá, simplesmente não conseguimos ver. Queremos colocar o preenchimento abaixo do traçado. Vamos fazer alguns ajustes em nossas estrelas. Aqui, em nosso caminho de poliestrelas, temos esse ajuste de raio interno e externo com elas, apenas torne-o um pouco mais Podemos jogar com a redondeza , algo assim Talvez possamos até aumentar o número de estrelas que temos. Voltamos ao nosso repetidor. Vamos realmente fazer essas 20 cópias e descer até nossa rotação. E lembre-se de que temos que dividir 360 pelo número de cópias, que é 20. E isso preenche ainda mais essa área. Esse é o nosso distintivo patriótico ali mesmo. Vamos dar um pouco de rotação, podemos apenas destacar o Patriotic Badge Vamos examinar nossas propriedades de transformação dessa camada de emblemas patrióticos Clique em Rotação e digite o tempo vezes o número que você quiser. Eu vou fazer 25. Então, temos esse distintivo patriótico rotativo. Você pode colocar o que quiser no meio. Talvez algo como um distintivo patriótico. Vou apenas fazer alguns ajustes no texto aqui. Você pode colocar o que quiser aqui. Você pode colocar outra imagem lá. Você pode colocar texto lá, o que quiser. Aqui está nosso distintivo patriótico. Apenas algumas formas, um repetidor e um círculo de estrelas Você pode adicionar o que quiser em torno disso. Você pode adicionar a ele. Você pode adicionar mais estrelas. Você pode alterar as cores do. É muito simples de fazer. Lembre-se de que, sempre que estiver trabalhando com um repetidor, hierarquia é de extrema importância O repetidor afeta tudo acima de si mesmo e isso inclui outros repetidores, qualquer grupo, qualquer forma, qualquer coisa assim Portanto, se você for usar um repetidor e quiser usar várias formas que não deseja que sejam afetadas por ele, certifique-se de saber onde o repetidor está em relação às outras formas em seus outros grupos Divirta-se e veja quais coisas legais você pode criar usando essa ferramenta muito poderosa. 68. 06.07 Crie um fundo animado: Mostrarei como usar o repetidor para fazer uma transição de fundo lado a lado, como você está vendo agora O repetidor é uma ferramenta poderosa em camadas de formas e tem vários usos Como sempre, você pode salvá-la como uma predefinição e usá-la facilmente em projetos futuros Vamos criar uma nova camada de forma, adicionar um grupo e chamaremos esse grupo de um retângulo mestre, um E então queremos adicionar outro grupo dentro disso. Vamos chamar esse retângulo de um dentro desse grupo Vamos adicionar um retângulo, um traçado e um preenchimento Agora vamos mudar esse preenchimento para uma laranja. Altere o traçado, vamos copiar a cor do preenchimento, mas depois torná-lo um pouco mais escuro para o traçado E vamos aumentar isso para 150. Vamos aumentar o tamanho do nosso traçado para 27. Por enquanto, queremos apenas animar o traçado. Então, vamos esconder esse preenchimento. Não vamos excluí-lo, vamos apenas ocultá-lo. Vá para o nosso caminho retangular. Vamos definir um quadro-chave em zero. E vamos fazer o tamanho zero. Avance cerca de um segundo. Faça isso 150. Também queremos animar a largura do traçado Então, vamos definir um quadro-chave para 27, mas queremos mover isso para cerca de 15 quadros Vamos voltar a zero e definir a largura do traçado 20. Em um segundo, também tornaremos esse zero. Vamos destacar todos esses quadros-chave e clicar em nove para torná-los mais nítidos. E você tem algo parecido. Em nosso retângulo mestre, vamos adicionar um repetidor, e isso repetirá tudo acima dele Então, basicamente, neste retângulo aqui, você pode ver que o repetidor já está fazendo algum trabalho Ele adiciona três cópias. Por padrão, queremos adicionar 21 cópias. Queremos que nossa linha vá da esquerda para a direita com nosso ponto de ancoragem no centro Portanto, é uma boa ideia colocar essas cópias em um número ímpar O ponto médio é dez, vamos colocar menos dez E também queremos compensá-los para que não se toquem. E agora podemos voltar ao nosso retângulo de origem. Vamos mudar essa rotação para 45. Então, podemos voltar para nossa posição de repetidor. E queremos mudar isso, eles mal se tocam E o que temos até agora é isso, vá para o nosso repetidor um e vamos controlar D. Então, vamos duplicar o repetidor Para o repetidor um, temos nossa posição definida em 19040. Na verdade, vamos definir isso em 2000. O que queremos fazer é fazer o oposto para o repetidor dois Queremos que nosso valor X seja zero e nosso valor Y seja 200. E aí está, temos essa matriz. A forma como obtivemos isso foi o repetidor um, X é 200, Y zero. Repetidor dois, X é zero, y é 200, temos isso aí para preencher os buracos Vamos duplicar esse retângulo, e queremos incluir nosso preenchimento com isso, queremos ter certeza de que essas bordas se tocam, mas não necessariamente mas não Para o repetidor 1, vamos voltar aqui e espalhar isso um pouco mais Digamos 210. E então, para o repetidor dois, queremos ter certeza de que é 010 Agora, para preencher toda a tela, controle D, o retângulo mestre Se abrirmos isso, vamos para as propriedades de transformação. Para o retângulo mestre dois, queremos mover a camada Então, ele preenche todo o espaço em branco. Assim, não queremos deixar nenhum espaço em branco. Agora você pode segurar o botão de controle e ajustar sua posição. Ele se move muito mais devagar. Nós temos isso, queremos mexer com esses quadros-chave. O que queremos fazer é que esse seja nosso segundo grupo de retângulos principais Vamos passar isso para cerca de dez quadros. Para esta animação desse primeiro retângulo, queremos que isso seja deslocado Então, vamos chegar a cerca de cinco quadros. Pegue esse grupo aqui, mova-o para cá. Nós temos essa moção. Então, a mesma coisa para o nosso segundo retângulo. Página abaixo 12345. E mova-os para lá. O que acabamos tendo é muito legal. Você quer sua cor, seu preenchimento. Você quer que essa seja a cor que você vai dizer. Por exemplo, se o fundo deve ser azul, você deve mudar para o azul que quiser. O traço, eu gosto de escolher a mesma cor do meu preenchimento, mas depois meio que escurecê-lo E você quer fazer isso para esses dois retângulos. Basta tocar nisso, esfregar o conta-gotas, escolher o traço a partir daquele Para o preenchimento, você quer que seja aquele azul. Você pode ver isso como uma predefinição e inseri-la instantaneamente E eu vou te mostrar como fazer isso. Salve seus retângulos, repetidores e suas propriedades de transformação Se você não salvar suas propriedades de transformação, a predefinição exibirá uma configuração de propriedade de transformação padrão Vá para Animação, salve a predefinição de animação. Isso o levará de volta às suas predefinições de usuário. E como você pode ver, eu tenho muitas pastas que eu criei aqui. Eles se refletem em seu projeto de atterfix. Então, eu quero entrar em transições, e vou chamar esse repetidor de transição de fundo de diamante Clique em seguro. Podemos acessar nosso conteúdo aqui e simplesmente excluí-lo. Acesse suas predefinições de animação. predefinições do usuário incluíram as transições e você pode encontrá-las aqui, repetidor, diamante, Ou você pode fazer uma pesquisa como se eu digitasse diamante, e você a vê aqui. Agora, essa predefinição tem quadros-chave, então importa onde seu indicador de reprodução esteja , porque onde quer que ele esteja, é onde os primeiros quadros-chave serão eliminados é onde os primeiros quadros-chave serão Assim, você pode voltar ao início ou, se não quiser, pode ir a qualquer lugar na camada e clicar nela para voltar ao início. Vamos arrastar isso para dentro. E lá vamos nós de novo. Você quer ter certeza de que, sempre que salvá-los, se ajustar as propriedades de transformação de um desses grupos, também deverá destacar a transformação. Caso contrário, há uma configuração padrão para as propriedades de transformação. E é assim que você cria um plano de fundo lado a lado usando o repetidor 69. 06.08 Crie transições de camada de forma: Eu vou te mostrar alguns truques muito legais. Primeiro, faremos essa transição de camada de forma e, em seguida, adicionaremos uma expressão de multiplicação e divisão que criará versões alternativas do gradiente de cores que você está vendo agora Também adicionaremos controles para que você possa alterar a localização do ponto de ancoragem dessa camada de forma, essencialmente permitindo que você tenha quatro possibilidades de transição com apenas essa camada Em seguida, adicionaremos expressões de caixa de seleção que permitirão alternar facilmente entre os esquemas de cores de multiplicação e divisão e Finalmente, você poderá salvar essa transição de camada de forma junto com todos esses recursos adicionados como uma predefinição para poder trazê-la para suas composições com o clique de um Você aprenderá sobre os pontos de ancoragem da camada de forma, como eles afetam suas animações e a importância da matemática Ao trabalhar com camadas de forma, o tamanho da sua composição é extremamente importante por causa de muita matemática que faremos Então, vou criar uma composição de 1920 por 1080 E vamos chamar isso de transição retangular. Clique com o botão direito do mouse e vamos escolher uma nova camada de forma. E vamos renomear essa transição retangular da camada de forma. E vamos abrir nossa camada de forma. E vamos adicionar um grupo e chamar isso de divisão. E isso fará mais sentido mais tarde, mas, por enquanto, vamos configurar o projeto para que não precisemos fazer muitas mudanças posteriormente em nosso grupo de divisão. Vamos adicionar outro grupo e chamar isso de 01, ok? E então, dentro de 01, vamos adicionar um retângulo e preencher esse retângulo, ok Agora, uma das coisas que é importante saber sobre o tamanho do caminho do retângulo, que é o que estamos prestes a ajustar, é que ele não está em porcentagens como a nossa escala de camadas Se abrirmos nossa escala de camada, podemos ver que isso está em porcentagens x e Y. X sendo esquerda e direita, e Y sendo de cima para baixo formam os tamanhos dos caminhos das camadas O tamanho do caminho do retângulo é na verdade, em pixels, não em porcentagens Portanto, nossa composição é 1920 por 1080 e precisamos fazer com que o tamanho do caminho do retângulo Então, vamos desbloquear nossas dimensões de tamanho e fazer 1920 em X, em 1080 em Y. Ok, agora precisamos mover nosso ponto de ancoragem para o canto inferior esquerdo da nossa camada de Não estamos usando o ponto de ancoragem da camada que está aqui embaixo Vamos usar o ponto de ancoragem do nosso grupo um. Portanto, há uma grande diferença. Sempre que você estiver fazendo esses tipos de animações. Você precisa estar muito ciente de quais propriedades de transformação está usando pois isso faz a diferença Portanto, para colocar nosso ponto de ancoragem no canto inferior esquerdo, precisamos ajustar nossas configurações de ponto de ancoragem Todas as camadas de forma padronizam seu ponto de ancoragem para o centro da camada de forma Então, como temos 1920 por 1080, você vai colocar 960 pixels negativos para a esquerda, o que moverá nossa camada de forma para o centro E então 540 pixels acima. Se você aumentar o zoom e pressionar Y, eu posso realmente puxar esse ponto de ancoragem para fora. Então é assim que o ponto de ancoragem desse grupo parece. Se você clicar na camada aqui, poderá ver que é assim que o ponto de ancoragem de toda a camada se parece Então, novamente, vamos apenas alterar o ponto de ancoragem do grupo Então, vamos clicar novamente em um. E vemos que está aqui. Então, agora, para que essa camada de forma preencha toda a nossa tela, precisamos deslocar o que fizemos para nosso ponto de ancoragem E a maneira de fazer isso é colocar os mesmos valores para a posição, então menos 96540 E agora nossa camada de forma está exatamente onde precisamos que esteja. Ok, então vamos animar isso novamente usando as propriedades de transformação desse grupo um, vamos colocar um quadro-chave para rotação e defini-lo como menos 90, para que ele gire para a esquerda, como você pode ver aqui E então vamos manter pressionada a tecla shift page para obter dez quadros. E vamos lá mais cinco. Então, página abaixo de 12345, amplie um pouco aqui e tornaremos nossa rotação zero E neste momento, vamos encurtar nosso link de composição para que fique um pouco mais fácil de ver Então, vamos para talvez 6 segundos. E pressione o teclado e ele exibirá suas alças Clique com o botão direito do mouse nesta barra superior e escolha trim comp para trabalhar com o segundo quadro-chave destacado Altere isso para facilitar a entrada. Vá até nosso editor gráfico e vamos puxar a alça totalmente para a esquerda. Então, o que obtemos é isso, então meio que chega rápido. E então ele lentamente se posiciona, fechando esse grupo aqui E vamos duplicar isso quatro vezes. Então, precisamos de cinco grupos, de um a cinco. E ele deve renomeá-lo para você. Basta pressionar o controle D1234. E então temos nossos cinco grupos todos com as mesmas configurações exatas. Então, agora, se pressionarmos você para abrir e ver nossos quadros-chave, vamos compensar cada uma dessas rotações em três Página abaixo, 123, passe para o grupo dois, porque queremos que isso seja escalonado de baixo para cima 123, puxe o próximo conjunto de quadros-chave, 123, os próximos quadros-chave e 123, os quadros-chave finais Então, agora você não pode realmente dizer o que está fazendo porque eles são todos da mesma cor. Nós vamos mudar isso. Então, agora, a forma como obtemos o esquema de cores é que precisamos adicionar um efeito. Então, vamos aplicar controles de expressão, controle de cores, e o padrão é vermelho. Com essa camada selecionada. Acesse sua caixa de busca aqui. Isso é algo que você talvez nem saiba que existia. Mas se precisar encontrar algo muito específico, você pode entrar na caixa de seleção e digitar propriedade que quiser encontrar Então, vamos digitar em cores. E, como podemos ver, todas as nossas cores dessa camada de forma aparecem. Então, vamos preparar nossa lista do grupo um até o grupo dois. E então vamos criar o grupo dois para o grupo três, o grupo três para o grupo quatro, grupo quatro para o grupo cinco. Vamos atribuir essa cor de preenchimento do grupo cinco ao nosso controle de cores. Agora ainda vemos que todas essas cores são exatamente iguais. Agora vou mostrar como obtemos esse gradiente. Vamos selecionar nossa camada novamente e pressionar E para exibir nossas expressões. E, como você pode ver, essas são expressões em nossas cores. No final dessa cor posterior, vamos digitar dividido por 1,5 e é por isso que chamamos esse grupo de Divide By. A propósito, você já pode começar a ver, à medida que avança por aqui, como as cores em nossos preenchimentos estão começando a mudar Para os quatro grupos inferiores, vamos dividir por 1,5. Não vamos colocar isso nessa cor superior porque queremos que nossa cor superior seja a cor que escolhemos em nosso controle de cores. Agora, se examinarmos um pouco aqui, podemos ver como temos nosso E você pode alterar isso ajustando o controle de cores. Se você torná-lo mais escuro, todos eles ficarão mais escuros, mais brilhantes. Todos eles ficam mais brilhantes. Agora, para fazer variações, você pode realmente criar a cor de cima para baixo. Um iria para 22, para 33, para 44 para cinco. Em seguida, cinco iriam para o seu controle de cores, e isso apenas inverteria a direção do seu gradiente. Então, agora precisamos disso para animar. Então, vamos abrir nossos grupos aqui e começaremos com o grupo cinco. E precisamos abrir nosso caminho retangular. As dimensões do caminho retangular são diferentes das propriedades de transformação da sua camada, não importa onde esteja seu ponto de ancoragem Sempre que você ajustar o tamanho disso, o padrão será sempre o meio. Portanto, não importa se seu grupo, sua camada de forma ou o ponto de ancoragem da camada estão definidos no meio ou não Esse tamanho do caminho retangular, já que está em dimensões, sempre é padronizado para o meio, não importa o que Então é aqui que está nosso último quadro-chave de tudo. Então, vamos avançar 123 quadros e ajustar o tamanho do caminho do retângulo Vamos colocar um quadro-chave aqui. Em seguida, vá em frente, deslize a página para baixo. Vamos fazer apenas dez quadros em vez de 15. E agora você pode tornar esse primeiro valor zero se quiser que ele seja animado onde ele fecha pela lateral Ou você pode fazer o 10800 e ele fecha de cima para baixo, que você preferir Vamos mantê-lo assim, onde ele fecha de cima para baixo Então, vamos destacar esse primeiro quadro-chave e vamos facilitar essa tarefa. E, como fizemos com nosso outro conjunto de quadros-chave, abra o editor gráfico e, desta vez puxaremos a alça para a direita. Então, vai começar devagar e depois ir rápido. E, na verdade, vamos criar esse último quadro-chave e facilitar para que ele não desapareça Vamos abri-lo novamente no editor gráfico e talvez fazer com isso não seja tão extremo assim. Então, começa um pouco devagar, mas não desaparece completamente tão rapidamente. Agora podemos destacar esses quadros-chave e pressionar o comando C para copiar. E vamos até o nosso localizador e digitar o tamanho. E, novamente, vemos nossos tamanhos de caminho retangular. E vamos avançar três quadros para cada grupo descendente Então, 123 páginas abaixo e vá para o tamanho do nosso caminho retangular. Para quatro, pressione o comando V123, o comando V123, comando V123 do grupo dois e, para o nosso último, comando V. Agora, se observarmos essa transição, ela vem pela lateral e depois desaparece no depois desaparece Essa pode ser uma transição que você pode salvar agora, mas incluiremos muito mais opções. Ok, então, como podemos ver agora, isso está sendo animado no canto esquerdo Bem, e se você quisesse animar do canto direito na parte inferior ou do canto direito na parte superior ou no canto superior esquerdo Existe uma solução muito fácil para isso. Acesse o tipo de painel de efeitos e predefinições na transformação e clique duas vezes nele para adicioná-lo à camada Renomear Clique em Enter, você pode renomear isso e nós nomearemos essa direção E tudo o que você precisa fazer para mudar a direção de onde isso se anima é alterar sua escala Portanto, veja que esse padrão é uma escala uniforme. Vamos desmarcar isso. Então, agora você tem a altura e a largura da escala. E tudo o que você vai fazer é alterar seu valor, digamos, o valor superior, para menos 100. Bem, agora vai ser animado de baixo para baixo, mas vai terminar no topo assim Agora, se alterarmos a largura da escala para menos 100, ela trocará de lado Agora está sendo animado pela direita e terminando na parte superior E então, se mudarmos nossa altura para 100, ela será animada pela direita e terminará na parte inferior Você tem basicamente quatro opções. Ou faça esses valores 100, 100, menos 100 , menos 100, 100, menos 100 ou menos 100 100. Mudar isso mudará a forma como isso será animado Então, vamos voltar e fazer isso 100.100. Digamos que você queira que o gradiente vá em uma direção diferente ou apenas queira que o esquema de cores seja um pouco Duplique o grupo que diz dividir e agora vamos nomear essa multiplicação E se destacarmos, multiplicarmos e digitarmos cores, obteremos todas as nossas opções de cores para esse grupo E vamos mudar tudo isso dividido por 1,5 para, multiplicado por 1,5. E há outra coisa que você vai ter que mudar, vou te mostrar isso em apenas 1 segundo Mas primeiro, vamos mudar todas essas expressões para multiplicadas por 1,5 Ok? Agora, mesmo estando em nosso grupo de multiplicação, podemos ver que nossas expressões ainda dizem dividir E a razão é porque acabamos duplicar o grupo de divisão, mas todas as expressões permaneceram as mesmas Na verdade, precisamos mudar a divisão para a multiplicação. Então, vamos fazer isso. Então, o que essa expressão diz é que queremos que nossa cor um seja proporcional a dois, mas vamos multiplicar isso por 1,5. Temos nosso controle de cores aqui em cima Vamos renomear isso para Divide, porque queremos uma cor diferente para nossa multiplicação Então duplique isso e nomeie essa cor para multiplicar. E agora, em nosso grupo de multiplicação, lembre-se de que, em nosso grupo cinco, atribuímos isso ao pai da cor Agora, para multiplicar a cor, vamos mudar a cor do roxo multiplicado Então, se você ajustar sua cor, poderá ver como a multiplicação realmente afeta suas cores de forma diferente Seu alcance é muito menor. Sempre que você usa a multiplicação, você precisa criar a cor de preenchimento Muito mais escuro. Um dos problemas que temos, porém, é que multiplicamos e dividimos os dois ao mesmo tempo E se quisermos escolher qual delas queremos, porque você não quer que duas transições ocorram ao mesmo tempo Nós podemos consertar isso. Vamos selecionar Retângulo Controles de expressão de efeito de transição, controle de caixa de seleção, e vamos nomear esse controle de divisão e duplicá-lo E nomeie esse controle de multiplicação e altere para dividir e multiplicar cores Vamos usar essas caixas de seleção para ativar e desativar esses grupos. Da forma como fazemos isso, vamos selecionar multiplicar. E queremos fechar todos esses grupos aqui. E estamos procurando as propriedades de transformação do grupo multiplicado Vamos pegar nossa opacidade e escolher o chicote, a caixa de seleção do controle de multiplicação E uma coisa que você precisa adicionar no final dessa expressão é vezes 100. E então vamos fazer a mesma coisa para dividir. Vá até nossas propriedades de transformação de grupos de divisão. E vamos pegar nossa opacidade e selecioná-la para a caixa de seleção de controle de divisão Abra isso e precisamos somar 100 vezes. E, como você pode ver agora nenhum deles está aparecendo, então tudo o que você precisa fazer é simplesmente clicar nessa caixa de seleção, conforme desejar Então, se você quiser a cor de divisão, temos isso, desative-a , você pode escolher o controle de multiplicação, e agora temos a versão de multiplicação O que temos aqui essencialmente é a capacidade de mudar nossa direção, que elas se animem a partir de cada um dos quatro cantos E podemos ter dois esquemas de cores diferentes que podemos alterar e eles são atualizados instantaneamente Então, há muita coisa acontecendo nessa camada de forma única. A maneira de salvar isso como uma predefinição é destacar tudo, nosso conteúdo, efeitos e propriedades de transformação Acesse a animação, salve a predefinição de animação e verifique se você está nos documentos Adobe, a versão que estou usando, 2019 desta vez, e predefinições do usuário Vamos adicionar uma nova pasta e você pode nomear essas transições de camada de forma E vamos selecionar essa pasta e nomear essa transição retangular Talvez sublinhe o controle múltiplo, clique em salvar e deixe que isso salve essa predefinição Ok, e agora para ter certeza de que a salvamos corretamente, vamos abrir nossa camada de forma aqui e excluir todo o seu conteúdo. Certifique-se de que não haja quadros-chave. Se você bater em você, não temos outros quadros-chave. E acesse nosso painel de efeitos e predefinições aqui e limpe isso. Abra nossas predefinições de animação e veremos nossa pasta aqui. As transições da camada de forma já foram criadas. Então, isso vai espelhar tudo o que temos em nossos documentos. Predefinições de usuário da Adobe. Você precisa ter certeza de que está no início da sua camada no zero segundo. E digamos que se você precisar chegar lá e seu indicador de reprodução estiver em outro lugar, se você pressionar I, isso o levará ao início Vamos abrir nossa pasta de transições de camadas de formas e clicar duas vezes no retângulo Controle múltiplo, já temos todos os nossos quadros-chave aparecendo. Examinamos aqui nossos objetos. Temos os efeitos que adicionamos. E se jogarmos, podemos ver que funciona perfeitamente. Eu sempre habilito o desfoque de movimento só porque parece muito melhor Então é assim que você cria uma transição de camada de forma com vários controles. Portanto, você pode usar essa camada de forma e ter dois esquemas de cores diferentes e quatro direções diferentes nas quais ela pode ser animada Se você quiser que isso seja animado pela lateral em vez de pela parte superior Tudo o que você precisa fazer para esse tamanho de caminho retangular , essa animação para fora. Começamos com 1920 por 1080, aqui mesmo. E veja, escolhemos usar 19200, então basta mudar isso para 01080, e todos eles serão animados 70. 06.09 Crie longas sombras com a repetição: Eu vou te mostrar como criar sombras longas para texto. Sombras longas podem ser realizadas de várias maneiras. Mas eu queria fazer esse tutorial porque ele se concentra nas camadas de formas, o que me deixa muito entusiasmado. Há muita coisa pela frente. Então, vamos direto ao controle para abrir sua ferramenta de texto. AE de sete minutos é o que vou usar para centralizar essa camada, transformar o ponto de ancoragem central no conteúdo da camada E você pode ver que também tem um atalho aqui, Controle e veja que centraliza nosso ponto de ancoragem no meio da nossa camada de texto Em seguida, abra nosso painel Linn e vamos movê-lo para o centro da composição, nossa ampliação e clicar Vamos aumentar isso um pouco. Ok, então sempre que você converter texto em camadas de forma, ele extrairá qualquer informação de preenchimento ou traçado que você tenha. Porque lembre-se de que, com camadas de forma além de uma forma, você também precisa de um preenchimento e/ou de um traçado. E você também pode adicionar algumas ferramentas de animação a ele. Adicionaremos o repetidor, então, se clicarmos nesse quadrado ou quadrado colorido do traçado atrás quadrado de preenchimento e clicarmos nele , deixe-o vermelho e diga ok E agora, você tem a opção de preencher sobre traçado ou traçado sobre preenchimento. Gosto de preencher o traçado e cinco pixels é bom para nossos propósitos, porque na verdade não vou usar o traçado neste tutorial. Mas quero que você saiba que, quaisquer que sejam os preenchimentos e traços usados no texto, seremos informados sempre que você o converter OK. Então, dependendo da versão do After Effects que você está usando. Se você escrever, clique na sua camada de texto em 2018 e depois você verá essa opção para Criar. E então, em Criar, você precisa criar formas a partir do texto e criar máscaras a partir do texto nas versões anteriores a 2018. Essas duas opções criam formas a partir do texto e mascaram a partir do texto. Estamos na lista suspensa principal que você vê aqui. Portanto, se você não conseguir encontrá-lo em sua versão do After Effects, saiba que o que você procurará é criar formas a partir do texto. Agora, sempre que você criar uma forma a partir do texto, o After Effects fornecerá uma camada de forma com vários grupos. E dentro de cada grupo estará cada letra com suas próprias propriedades de preenchimento, traçado e transformação. Se você criar uma máscara a partir do texto, ela fornecerá um sólido com máscaras que desenham cada caractere. Portanto, você não tem tanto controle se criar uma máscara a partir do texto. E você definitivamente não tem a opção de usar o repetidor Então, queremos criar formas a partir do texto. E, como você pode ver, algumas coisas acontecem. A primeira coisa a observar é que Afrifx oculta nossa E a razão é porque não precisamos mais dela, porque vamos trabalhar com nossa camada de forma. Mas ele o deixa na sua linha do tempo, caso você queira fazer alguma alteração Então, vamos abrir essa camada de forma aqui. E, como você pode ver, no conteúdo, temos todas as nossas cartas, cada uma dentro de seu próprio grupo. Então, se destacarmos o conteúdo, adicione um grupo. E eu vou continuar e renomear esse texto primário Ok, então vamos pegar todos esses grupos. Sete, AE, e traga-o para nosso grupo de texto principal. Ok, agora vamos abrir esse grupo aqui que diz sete. E, como você pode ver, ele trouxe nosso preenchimento do caractere de texto, bem como o traçado. E se você for até o nosso painel de controle, verá que o traçado tem cinco pixels de largura. Tem a mesma largura de sempre que criamos o texto original. E agora você tem controle sobre cada letra. Você pode alterar o preenchimento se quiser torná-lo com uma cor diferente. Você pode alterar o traçado. Você pode até mesmo alterar a largura de cada traçado individual. Uma das outras coisas a serem observadas é que você tem essas opções de transformação. Se você abrir isso, verá que cada personagem tem suas próprias propriedades de transformação. Significa posição, escala, rotação e opacidade da âncora. Você também tem a opção de inclinação e inclinação do eixo. Isso é algo para outro tutorial. Mas lembre-se de que cada personagem tem suas próprias propriedades de transformação. Então, veja se você pode realmente mover cada personagem independentemente um do outro. Para nossos propósitos, nós realmente não queremos um traço neste texto. Então, vou mostrar uma maneira rápida se livrar desse derrame. Você pode destacar todos esses grupos. Vá até esta barra de pesquisa aqui e digite o traçado. E isso exibirá todas as ocorrências de um derrame dentro dos grupos. Então, vou passar por aqui e excluir todos esses traços para que tenhamos nenhum traçado em nosso texto E, na verdade, eu vou fazer outra coisa. Se destacarmos tudo isso, vou e quero me livrar de todos os nossos preenchimentos Mas antes de fazer isso, deixe-me mostrar o porquê. OK. Digamos que, se eu quiser mudar a cor de todo o meu texto de maneira uniforme, vamos mudar de volta para branco A maneira como você faria isso normalmente é entrar nesse grupo de texto principal e adicionar um preenchimento. Mas, como você pode ver, esse preenchimento é vermelho, mas esses preenchimentos nessas letras permanecem brancos E a razão é porque esses preenchimentos estão substituindo o preenchimento O que eu gosto de fazer é destacar todos esses grupos, entrar em nossa barra de pesquisa, digite o preenchimento. E eu só quero me livrar de todos esses preenchimentos. Excluir. E agora esse preenchimento aqui embaixo está controlando a cor do nosso texto. E podemos fazer isso da cor que quisermos. Eu quero fazer algo um pouco mais leve. Será como um azul claro. Ok, então esse é o nosso texto principal. Vamos controlar D para duplicar isso. Renomeie-os corretamente para que tenhamos o texto principal na parte superior e, em seguida, o grupo abaixo seja sombras Vamos entrar em nosso grupo de sombras longas aqui. Primeiro, vamos esconder nossa camada de texto principal, abrir esse preenchimento e deixar isso preto. Então, sempre que ativamos nosso texto principal novamente, temos azul, sombras longas são pretas Ok, agora com as sombras longas destacadas, vamos para Adicionar e vamos adicionar um repetidor Um repetidor automaticamente, vamos abrir isso, adiciona automaticamente três cópias e você transforma as propriedades do repetidor O padrão é automaticamente 00 ponto de ancoragem e posicione 100 pixels, zero pixels Então, queremos zerar isso, fazer com que o ponto de ancoragem posicione todos os zeros e queremos aumentar o número de cópias que temos Vamos fazer um pouco de experimentação, então vamos experimentar. Vamos dizer 35 cópias. Como você pode ver, nada está acontecendo ainda. E a razão é porque todas as cópias estão diretamente atrás dos personagens iniciais. Como nossa posição é 00, agora queremos mover nossa posição ligeiramente para a esquerda digitar menos 0,1 no eixo x. Para a posição no eixo y, vamos digitar 0.1 Ok? Agora, vamos aumentar o número de cópias. Como você pode ver, à medida que começamos a aumentar o número de cópias em nosso repetidor, estamos obtendo a aparência que queríamos Você pode simplesmente aumentar isso para a quantidade que quiser, dependendo de quanto tempo você deseja suas sombras longas A direção em que sua sombra cairá dependerá da posição do repetidor Agora, eles se movem em incrementos muito pequenos. Agora veja o que acontece. Se eu digitar menos 0,2, a distância percorrida é bastante significativa. Você realmente quer se mover em centenas de pontos, então diga talvez menos 0,15 . Se você quiser ir em outras direções, a sombra cairá para a direita Basta digitar 0,15 e ver como ele vai para a direita. Agora, isso também é uma estrutura fundamental. O que quero dizer com isso é colocar um quadro-chave para nossas cópias e mover esse quadro-chave para baixo, digamos, cerca de 2 segundos. Então, no início da nossa camada, vamos fazer com que esse número de cópias seja zero. Agora, se você repetir essa área, podemos ver como podemos fazer nossas longas sombras crescerem Você pode ir em qualquer direção que quiser. Agora, uma das desvantagens disso é que você não pode simplesmente alterar seu texto usando esse método Porque todas essas são camadas de formas. Eles não são mais caracteres de texto. Se você quisesse alterar seu texto, teria que realmente refazer todo esse processo. Assim como você pode enquadrar o número de cópias que você tem, você também pode enquadrar a posição de suas sombras longas Aprendemos algumas coisas neste tutorial, como criar formas a partir de texto e como usar o repetidor para criar sombras longas, mesmo que o repetidor não tenha sido projetado para Você pode ver como usar ferramentas de animação e efeitos posteriores para obter o efeito desejado do que quer que você queira criar. Seja criativo, pense fora da caixa e veja o que você pode inventar. 71. 06.10 Crie um sinal de salto: Vou mostrar como criar esse sinal de camada de forma saltitante usando o zigue-zague Ok, vamos criar uma nova composição. Temos uma composição. Nova composição e vamos digitar o sinal saltitante. Faremos isso de 1920 a 1080. E vamos fazer isso em 7 segundos. Ok, vamos clicar com o botão direito do mouse nessa área aqui embaixo e escolher a nova camada de forma. E vamos chamar essa camada de forma de sinal saltitante. Vamos abrir essa camada de forma e adicionar um grupo. Vamos chamar isso de signo de grupo. Ok, dentro desse grupo, vamos adicionar um retângulo E daremos a esse retângulo um preenchimento e um traçado. Vamos brincar com algumas das cores. Aqui. Eu escolhi o roxo, e se você escolher esse conta-gotas, basta clicar nesse roxo para obter a mesma cor, mas depois escurecê-lo para que assim tenhamos uma borda que aumente o tamanho desse retângulo Talvez façamos esse golpe, direi seis. Vamos adicionar um plano de fundo a essa camada sólida. E vamos fazer disso algo que permita que nosso seno se destaque um pouco Eu quero jogar com o tamanho desse retângulo. Vamos desbloquear nossas configurações de tamanho. Isso vai tornar isso um pouco mais amplo. Então, se você clicar novamente agora eles se moverão juntos. Vamos fazer isso. Vamos voltar para Adicionar e vamos adicionar uma elipse Precisamos acrescentar mais uma coisa, caminhos surgidos. Vamos querer que isso seja configurado para subtrair. E, como você pode ver, ele já faz um buraco no meio do nosso retângulo Agora vamos obter algumas configurações exatas para o caminho do nosso retângulo. Vamos dizer 780 de largura, e então vamos fazer 380 de altura Agora queremos seguir esse caminho da elipse, queremos afetar sua posição Vamos para menos 380. E então, para colocá-lo exatamente na esquina, vamos pegar metade de 380, que é 190. Agora vamos duplicar esse caminho da elipse e ajustar a posição Eles vão movê-lo para o outro lado. Vamos duplicar esse caminho da elipse. Agora queremos ir menos 190 para colocá-lo no canto superior direito. E depois duplique mais uma vez, e vamos fazer o eixo x menos 380 para colocá-lo no canto superior esquerdo Vamos adicionar um novo grupo com o conteúdo destacado e encerraremos. Assine por enquanto. Vamos adicionar outro grupo e vamos chamar essa string. Vamos em frente e abaixe nossa placa. Entramos nas propriedades de transformação do sinal. Vamos mover isso para baixo sobre onde queremos que ele caia. Para ativar e desativar suas réguas, digite o comando R, ou você também pode acessar a visualização e mostrar as Vamos apenas trazer um de nossos guias com o grupo de cordas selecionado. Vamos para Adicionar e, se quisermos adicionar um novo caminho, ele automaticamente exibirá seu pinole Vamos desenhar uma linha reta usando este guia. Também precisamos adicionar um traço. Os traços são predefinidos para branco. Isso deve ser bom para nossa animação. E vamos alterar a largura do traçado para dez pixels. Agora podemos retirar essa régua. Queremos adicionar um ziguezague. E você pode brincar com essas configurações para ter uma ideia do que elas fazem. E então você também pode escolher canto ou liso. Vamos escolher o suave. Por enquanto, vamos simplesmente zerá-los. Adicione algum comando de texto e eu digitarei AE Tutorials Shift de sete minutos e aumentarei o tamanho disso Isso parece bom, desse jeito. Vou apenas brincar com as configurações do nosso texto aqui. Podemos bloquear esse texto , simplesmente, nosso texto. Clique nesse roxo, então vamos deixar isso mais claro. Ok, e vamos centralizar isso em nossa camada de forma. Então, agora queremos transformar nossa camada de texto nossa camada de forma. Então, vamos cuidar disso. Ok, então vamos voltar para nossa camada de forma e pressionar P para mostrar nossa posição, e vamos colocar um quadro-chave aqui no início. Então, vamos avançar cerca de sete quadros. 1234567. Vou colocar outro quadro-chave aqui. Avance 12345, coloque um terceiro quadro-chave, vamos para 12345, coloque outro quadro-chave 123, coloque outro quadro-chave 123, outro quadro-chave 123, outro quadro-chave 1231, quadro-chave Esse primeiro quadro-chave será onde nossa animação começa, que está fora da tela, desce e salta E queremos que esse primeiro salto suba desse jeito. E, na verdade, faremos disso um assistente de quadro-chave, *** ou F nine Você vê que nossa posição neste primeiro saldo é 353, ou digamos 350 Para facilitar, você quer que esses outros dois quadros-chave tenham um valor maior porque você quer que eles estejam mais próximos da parte inferior Vemos nossos locais de descanso final, 548, então vamos fazer com que sejam talvez 400 Vamos fazer nossos 1500 finais. Se você apenas clicar para trazer suas alças, podemos verificar isso rapidamente. Tenha uma ideia do salto. Não, vamos ver esse quadro-chave aqui, que simplificamos , e vamos usar o editor gráfico E então vamos afastar essas alças do quadro-chave. Dessa forma, ele saltará e depois travará, na verdade, podemos adicionar Vamos avançar 123, colocar outro quadro-chave e 123 para colocar outro quadro-chave. Talvez faça isso 520. Vamos abrir nosso conteúdo e ir para nossa camada de cordas. E abra o ziguezague em cada ponto em que o sinal estiver mais baixo, o que significa que é um local de descanso Vamos tornar o tamanho dos valores e os sulcos zero, destacar esses dois quadros-chave, comandar C e depois fazer todos os outros O valor 00 para tamanho e sulcos por segmento. Então, para ver esses quadros-chave finais para ziguezague e nossa posição, vamos clicar com o botão direito do mouse em Keyframe Assistant Es para ziguezague vamos clicar com o botão direito do mouse em Keyframe Vamos fazer com que nosso tamanho geral seja de três pixels. E você pode ver como ele começa a se curvar aqui. Se você aumentar um pouco, verá que aumenta ainda mais. Queremos que isso seja fácil Vamos até todos os outros e escolher 33.3. Vamos destacar todos os três Estou diminuindo a velocidade do botão de comando e destacando cada um desses E então você pode clicar com o botão direito do mouse no assistente de quadro-chave nove ou Y. E então vamos voltar ao nosso penúltimo quadro-chave e vamos fazer nossas cristas Vamos começar com três, fazer os próximos 15, os próximos 17 e, em seguida, este primeiro 111. Então, novamente, vamos destacar tudo isso. Mantendo pressionado o botão de comando, clique com o botão direito, fácil e fácil. Agora, precisamos afetar esses dois quadros-chave da mesma forma que afetamos esse quadro-chave de posição aqui. Lembra como afastamos as alças do porta-chaves? Vamos fazer a mesma coisa com nosso tamanho e nossas cristas, para que seja consistente Então, basta abri-lo e afastar as alças do porta-chaves. Ok, então precisamos de outra string no outro lado desse sinal com a string selecionada. Vá para adicionar e vamos adicionar um repetidor. Vamos fazer alguns ajustes. Só queremos duas cópias. Portanto, se você mover a posição do repetidor, poderá configurá-la para o outro lado Se você destacar tudo em seu conteúdo , bem como tudo em suas propriedades de transformação. Vá para animação, salve a predefinição de animação. E você quer ter certeza de que está nos documentos, na Adobe, na versão que está usando, e colocá-la na pasta de predefinições do usuário Na verdade, podemos adicionar uma pasta, então vamos fazer isso. Vamos chamá-lo de animações de camada de forma. E então, dentro dessa pasta de animações da camada de forma, queremos colocar essa predefinição e vamos chamar esse sinal saltitante Então, em nosso painel de efeitos e predefinições, se você abrir as predefinições de animação, veremos nossa pasta de animações de camada de forma que acabamos de criar e há nosso Exclua esses conteúdos e , em seguida, exclua esses quadros-chave para uma posição Em seguida, basta redefinir nossas propriedades de transformação. Verifique se o indicador de reprodução está no início da camada de forma Porque sempre que você inserir essas predefinições, se você tiver quadros-chave, ele soltará seu primeiro quadro-chave onde está seu indicador de reprodução Se você estiver aqui em algum lugar, basta pressionar I e ele voltará ao início dessa camada e clique duas vezes no sinal saltitante E, como você pode ver, ele trouxe todos os nossos quadros-chave aqui. Se você bater em você, agora eu tenho essa predefinição para sempre e nunca mais preciso criá-la. 72. 06.11 Crie elementos animados do HUD: Eu vou te mostrar como criar alguns elementos legais de cabana usando camadas de forma. Mas apenas uma palavra de cautela, você criará muitos grupos dentro de suas camadas de forma, portanto, rotular é essencial. Como acontece com todas as camadas de forma, elas podem ser salvas como predefinições para uso futuro Então, quando tiver tempo, você pode criar uma tonelada deles e depois depositá-los em projetos futuros. Ok, então eu vou criar uma nova composição. Você pode criar qualquer tamanho que quiser. Vou usar nosso padrão de 1920 por 1080 e vou chamar esse elemento de cabana Então, vamos criar tudo isso usando uma camada de forma e uma tonelada de grupos. Então, clique com o botão direito do mouse nesta área aqui embaixo, e vamos usar New Shape Layer Layer, e vamos chamar essa camada de elemento de cabana. E vamos abrir nossa camada de forma. Agora, logo de cara, vou avisar que haverá muitos grupos aqui, então certifique-se de rotulá-los de uma forma que seja fácil navegar por eles. Vá em frente e adicione nosso primeiro grupo, e eu vou começar do mais externo e entrar, e vou explicar o porquê em apenas 1 segundo Então, vamos dizer anel externo. E vamos adicionar uma elipse e vamos adicionar um Vou deixar o traço branco por enquanto e torná-lo com 1,5 de largura. E eu vou desligar meus guias aqui. Ok, então vamos aumentar o tamanho dessa elipse a partir de sempre que você comanda D para duplicar Como você vê, esses grupos se duplicam para cima. Agora podemos pegar o segundo caminho da elipse e torná-lo um pouco menor Vamos duplicar esse anel, e vamos fazer este ainda menor, duplicar aquele Agora, não há regras sobre como eles devem parecer, então você pode ser criativo e adicionar quantos desses elementos quiser. Ok, por enquanto, na verdade, vou adicionar mais um e depois vou voltar mais tarde e renomeá-los para que sejam mais fáceis de acompanhar Aqui estão todos os nossos anéis. até este último anel. Vamos duplicar isso, e vamos chamar isso de azul Em seguida, vamos diminuir nosso tamanho, onde ele ocorre no meio do caminho entre os dois últimos anéis E vamos aumentar nosso traço até que ele o preencha. Você pode ajustar isso até acertar. Então vamos mudar isso para azul. Vamos adicionar outro grupo. Vamos chamar esse grupo de segmentos azuis. Vamos mover essa pasta de segmentos azuis logo acima do anel externo e colocar nossa camada azul lá dentro. Então, vamos abrir isso com segmentos azuis destacados. Vamos adicionar caminhos de acabamento. Vamos definir nossa porcentagem final para 15. Então, vamos mover esses caminhos de corte dentro de nossa camada azul, para que fiquem aninhados ao lado daqui E então vamos duplicar esse grupo azul, abrir nossos caminhos de corte e definir nosso deslocamento 180 para que fiquem em lados Acabei de duplicar esse anel, que está aqui. E eu vou fazer a mesma coisa que fiz com nossos anéis azuis. Torne-o menor e depois aumente a largura do traçado. Adicione um passe de compensação a isso, defina nosso final para 40 Vamos para o anel externo cinco aqui. Se você descer para o anel externo em cinco tempos, verá essa opção para traços Basta clicar no sinal de mais. Vejo que isso parece um pouco estranho lá. Então, você quer ajustar quantos traços você tem. Dessa forma, você pode ter uma ideia do que parece certo. Renomear isso talvez torne essa cor vermelha. Aumente nosso derrame para, digamos, cinco. Então vamos para o nosso primeiro anel. Vamos apenas aumentar a largura do traçado. Talvez façamos isso como um verde. Também podemos adicionar uma massa compensada a isso e definir nossa porcentagem final em 45 Talvez diminua nosso derrame um pouco. Esse será nosso anel interno. Vamos ao nosso segundo anel aqui. E vamos aumentar a largura do traçado, fazer com que esse amarelo vá para o conteúdo. E vamos adicionar outro grupo e vamos chamar essas linhas. Adicione um retângulo e adicione um preenchimento. Vamos deixar esse preenchimento branco. Vamos abrir nosso caminho retangular e vamos ajustar nosso tamanho aqui Vamos desmarcar nossas dimensões de tamanho e, em seguida, tornar o primeiro valor dois e o segundo valor Apenas aumente um pouco, destaque as linhas. E você quer adicionar um repetidor. Abra o repetidor, vamos fazer quatro cópias e vamos ajustar nossa rotação para 90 graus. Você quer ter certeza de que seu ponto de ancoragem e sua posição tenham valores de x e y definidos como zero E a maneira como vamos fazer isso é se você seguir o caminho único certo, você quer ajustar sua posição. Se você puxar isso para cima, podemos ver os quatro se movendo para cima. Depois, você pode brincar com a aparência que isso vai parecer. Vou aumentar um pouco o tamanho e depois puxar essa posição de volta para baixo. Duplique esse grupo de linhas novamente e faremos mais alguns ajustes aqui Vamos abrir nosso repetidor. E vamos adicionar, digamos, 20 cópias. E então abra nossas propriedades de transformação para o repetidor. Vá para nossa rotação e, se você digitar 360, isso é quantos graus ou em um círculo dividido pelo número de cópias, que é 20, você terá um círculo perfeito. Veja, eu quero que eles subam um pouco mais, mas eu quero ser muito mais curtos porque vou fazer um anel de linhas ao redor disso. Adicione um pouco mais aqui. Vamos talvez fazer essas 30 cópias e depois voltar para nossa rotação 360/30. Vamos colocá-las todas em um círculo perfeito Então chamaremos isso de anel de linhas. Mude essa cor, vamos fazer isso roxo. No momento, nosso tamanho é de dois pixels de largura e 50 de comprimento. Vamos fazer isso com talvez quatro pixels largura para dar um pouco mais de espessura. Vá para o nosso grupo de linhas na parte inferior. Duplique isso, então, se abrirmos nossas propriedades de transformação para o grupo de linhas, não para o repetidor, mas para o grupo de linhas Vamos girar isso em 45 graus, então está deslocado. E então faremos mais alguns ajustes nesse caminho retangular Novamente, queremos ser curtos. Vamos dizer que talvez 25 pixels de comprimento, mas depois precisamos retirá-lo, está aqui e, na verdade, um pouco mais longo, talvez 45 pixels de comprimento. Então eu vou adicionar mais um elemento, colocar em um grupo, e vamos chamar isso de luz. E vamos mover isso para o topo. Essa é uma luz que viajará ao redor do nosso elemento T. E a forma como obtemos isso é adicionar uma elipse e um E é importante que você faça disso um derrame. Dessa forma, podemos controlar sua espessura e como ela se move com nossos caminhos de corte Vamos apenas aumentar o tamanho da nossa elipse e, em seguida, também aumentaremos o tamanho do nosso Na verdade, queremos aumentar isso porque queremos nos estender além do nosso círculo com a luz destacada Vamos adicionar caminhos de corte e vamos reduzir isso até a porcentagem final para cerca de 20%. Veja, você tem esse tipo de deformação estranha Então, o que precisamos fazer é ajustar o caminho da elipse ou o tamanho do traçado Vamos apenas ajustar algumas dessas configurações. Se pudermos ajustar o tamanho do caminho da nossa elipse, ficaremos mais ou menos ali E então, na verdade, diminua isso ainda mais, digamos 13%. E queremos mudar nosso traçado de cor, vamos fazer disso um azul claro. Então, cada um desses grupos tem suas próprias propriedades de transformação, então você tem muito controle sobre cada elemento. Então, o que eu quero fazer é ajustar a opacidade do meu traçado. Vamos reduzir isso para dez e talvez ser mais brilhante, digamos 20 Isso parece bom. Agora só precisamos definir algumas expressões para fazer essa coisa se mover. Vou começar do topo e descer. Então, queremos que nossa luz, como eu disse, viaje. Vamos às propriedades de transformação da luz. E vamos definir uma expressão em nossa rotação de todo o grupo. Para a opção de rotação de transformação de luz, clique na rotação e digite o tempo vezes 25. Nossa próxima camada será nosso anel interno. Você pode ajustar a rotação do grupo ou mexer nesse deslocamento Você vê em seus caminhos de tendência que eles basicamente farão a mesma coisa o efeito que estamos tentando fazer. Opção: clique em Offset e digite wiggle 2200 e feche próxima camada é apenas um sólido, então não precisamos mexer com isso, porque nenhuma rotação fará diferença nisso Vamos para o nosso traço e depois vamos descer até aqui para propriedades de transformação da opção de rotação de cliques e digitar o tempo vezes 35 Veja que a próxima camada aqui será na verdade a borda. Então, vamos digitar a borda um. E então dois abaixo será a borda dois, porque eu lembro que coloquei esse elemento branco entre eles, e chamaremos isso de luz branca. Ok, agora queremos que isso se mova forma semelhante à forma como nosso anel interno se move, mas não exatamente. Opção, clique em para deslocar e digitar wiggle. Eu vou dizer 1250. Agora vamos continuar descendo nossos segmentos azuis. Eu quero que ambos se movam independentemente um do outro. Na verdade, vamos definir uma expressão em cada um desses grupos azuis aqui. Não queremos que eles se toquem e não queremos que sejam uniformes. Com esse marcador, vamos até a opção Trim Paths, clicar em offset e mexer 190 graus Então, podemos destacar esse comando C e descer até nossa camada azul aqui embaixo. Vá para nossa opção Trim Paths, clique em offset e comande V. E agora veja se você vê isso onde parece que eles estão meio que favorecendo Você ainda pode ajustar isso. É por isso que eu gosto de mexer com o deslocamento, porque se você mover nossa rotação, eles não ficarão completamente opostos, mas pelo menos não estarão tão próximos quanto estavam antes Vamos mover esse círculo de linhas roxas. Como nossa camada de traçado laranja aqui está se movendo no sentido horário, queremos mover esse anel de linhas no sentido anti-horário E vamos descer para nossa rotação. Para que esse grupo transforme a opção, clique em rotação. Clique em Horários. Queremos que isso vá um pouco mais devagar, então talvez menos 20 Se você usar negativo como seu valor , ele será no sentido anti-horário Os valores positivos vão no sentido horário. Linhas dois, aqui estão as linhas mais externas e queremos definir uma expressão de oscilação nelas Desça para transformar a opção de rotação. Clique na rotação e vamos mexer 0,53 20. Na verdade, eu quero adicionar mais linhas. Vamos, vamos fazer com que sejam seis. E então precisamos ajustar nossa rotação para nosso repetidor, então vamos 360/6 para equilibrá-la E talvez até mesmo o torne um pouco mais curto para que não se estenda além. Vai ser necessário um pouco de ajuste aqui. Só estou mexendo um pouco com essas configurações. Algo parecido. Deixe-me acrescentar mais alguns ainda. Digamos que 10360/10 seja na verdade 36, mas vou fazer as contas Vamos definir esse preenchimento um pouco mais fino. Vamos fazer isso de uma vez. Eu vou definir uma rotação para isso também. Desça até nossas propriedades de transformação para linhas em rotação e opção, clique na rotação e vá vezes 15. Este é o nosso elemento de cabana até agora e talvez apenas faça mais alguns ajustes. Vamos fazer esse anel interno, vamos tentar dez. Em seguida, ajuste a porcentagem do final da transformação. Então, talvez 65, aumente um pouco mais. Duplique essa camada do anel. Chamamos isso de início. Eu vou tirar esses caminhos de acabamento. Eu quero que seja um círculo, um círculo bem pequeno no meio. Vou definir isso no mesmo azul da nossa camada azul. Na verdade, estenda essas linhas aqui, até o meio. Eles realmente tocam, veja, você pode realmente ser criativo com isso. Estou literalmente fazendo isso em tempo real, apenas criando algumas ideias enquanto faço. Você pode alterá-los e obter resultados diferentes com bastante rapidez. Vamos destacar o elemento go para estilizar o efeito, vamos adicionar um brilho Vamos colocar isso em cima e vamos fazer com que as duas cores sejam brancas. Mude nossas cores de brilho para as cores A e B. Basta reduzir nosso limite até o fim e depois brincar com nossas configurações de brilho Na verdade, eu gosto disso. Acho melhor sem o brilho Ok, agora para salvar isso como uma predefinição, vamos destacar nosso conteúdo, efeitos e propriedades de transformação Vá para Animação, Salve a predefinição de animação. Quando você está em Documents, Adobe Estou usando 2018, esse episódio é predefinido pelo usuário E vamos criar uma pasta chamada hud elements, depois chamaremos essa Clique em Salvar e deixe isso salvar, então vamos garantir que ele seja salvo corretamente. Vamos nos livrar do nosso conteúdo aqui. Fale com você para ter certeza de que temos todos os quadros-chave configurados e não temos. E livre-se do nosso efeito. Se vier aqui para ver efeitos e predefinições, abra suas predefinições de animação Nas predefinições do usuário, temos os elementos hut, que é uma pasta que acabamos de criar Abra isso e teremos um para você. Vamos garantir que nosso indicador de reprodução esteja no início da nossa camada Como mencionei antes, as predefinições que têm quadros-chave serão exibidas onde quer que seu indicador de reprodução esteja e clique duas vezes na cabana Você viu nosso elemento luminoso aparecer? Eu o desligo, mas você pode ligá-lo novamente e, se pressionarmos E, você poderá ver todo o nosso tempo e as expressões de agitação surgirem com ele Então é assim que você pode criar um elemento de cabana e salvá-lo como uma predefinição, e agora você o tem para sempre. Elementos de cabana são muito comuns em infográficos e animações futuristas provável que você os encontre em algum momento ou receba uma solicitação de um cliente que deseja elementos de cabana. Não há uma regra sobre como eles devem ser, então deixe sua imaginação correr solta ao criá-los. 73. 06.12 Crie texto 3D e formas: Nesta lição, mostrarei como criar três formas em D sem plug-ins de terceiros. Ou seja, usaremos apenas o que está disponível nativamente no After Effects Há muito o que fazer , então vamos mergulhar direto na camada sólida. Esse azul acinzentado aqui está ótimo. Então vamos fazer esses três D. Vamos chamar esse andar. Vamos controlar D que chamaremos essa parede. Vamos colocar uma camada, adicionar uma câmera e, em seguida, adicionar um objeto nulo Faça com que sejam três D. Vamos direcionar nossa câmera para o objeto nulo Vou chamar isso de controle de câmera de objeto nulo apenas para manter as coisas mais organizadas e também para destacar essas duas camadas e dar-lhes a mesma cor Destaque o andar R para aumentar nossa rotação. E vamos girar no eixo x em 90 graus, modo que fique plano E vamos simplesmente reduzir isso. Se você clicar com o botão direito do mouse nessa área ao lado do seu visualizador de composição e selecionar um novo visualizador, você verá um visualizador secundário aqui Se você ver aqui à nossa esquerda, escolhemos a câmera ativa. Sempre que estou fazendo três D, gosto de definir este como um de visualização personalizada. Precisamos empurrar nossa parede um pouco para trás, então destaque a parede e vamos empurrá-la de volta no espaço Z. Agora veja se você pegar a ferramenta de órbita da câmera, você pode realmente orbitar por aqui para ter uma ideia de como isso vai ficar. Então pense no painel à direita. Mais é só um espectador. Ok, agora vamos começar a criar cerca de três objetos D, camada, nova forma, camada esta, adicionar uma elipse e, em seguida, vamos adicionar um filme para alterar essa cor de preenchimento Vou tornar essa camada três D. Se você for até Comps Composition Settings, vá para o seu renderizador Three D e você quer ter certeza de que o Cinema four D está selecionado para o seu Geralmente, o padrão é o clássico três D, então você deseja configurá-lo para Cinema quatro D. Basta clicar. Ok. Agora vamos mostrar nossa posição e nossa rotação para a camada de forma. E você quer girar no eixo x em 90 graus, para que fique plano Se você se debruçar sobre suas opções de geometria, você tem essa opção para profundidade de extrusão E quando você começa a aumentá-lo, você pode ver que estamos obtendo exatamente o que queremos. Estamos obtendo esse objeto de três D. Vamos pegar nossa ferramenta de órbita de câmera novamente e ir até o visualizador direito e ver como esse objeto tem, na verdade, três D. Ele vai se extrudar da face Veja, giramos isso 90 graus. Deixe-me colocar essa rotação de volta zero e então vou orbitar dessa maneira. Agora veja como estou ajustando a profundidade de extrusão. Está extrudindo para trás, então vai ser extrudido da face para Não há valores negativos, então você não pode ir na direção oposta. Vamos colocar nossa rotação de volta em 90 graus. Vamos subir para uma nova camada de luz e vamos fazer disso uma luz pontual. Queremos projetar sombras. Eu defini minha escuridão sombria em 50% e difundi em dez. E clique em OK. Vamos brincar um pouco com nossa configuração de luz. Controle da câmera, clique em Ped e, em seguida, entraremos aqui. Agora vamos trazer nossa camada de forma aqui, até o chão. Seus três objetos D não projetarão sombras por padrão Você tem que definir isso. A maneira de fazer isso é entrar na camada de forma e abri-la. Acesse as Opções de materiais e clique em suas sombras projetadas Agora você pode ver que temos uma sombra aqui. Ok, agora podemos definir essa visão correta aqui. Mude-a da visualização personalizada para a frente apenas para ter certeza de que estamos realmente no chão. Veja esta linha vermelha aqui é o nosso andar. Vamos puxar essa camada de forma para baixo para que ela fique bem no topo. Vamos voltar às nossas opções de geometria. E vamos aumentar isso, digamos, para 400. E eu vou inclinar um pouco o controle da minha câmera por enquanto, então eu tenho uma ideia de como isso vai ficar da vista de cima do nosso chão E vamos desvincular essa escala e realmente ampliá-la, digamos, até talvez 2000 A mesma coisa com o link da parede e faça esse primeiro valor 2000. Ok, vamos para cerca de 2 segundos e vamos colocar um quadro-chave para essa profundidade de extrusão Volte ao início da nossa linha do tempo aqui e torne a profundidade de extrusão zero. Esse é o efeito que queremos obter ali mesmo. Forme a camada um, destaque o controle D para duplicar. Vamos definir nossa posição na primeira camada de forma em 960. Para a segunda camada de forma, vamos fazer essa 1080, então aumentamos em 120 pixels à direita para abrir nossos quadros-chave E então vamos fazer isso um pouco mais curto, então talvez 350. E então vamos mudar a cor. Talvez uma forma duplicada laranja, posição de segunda camada. Vamos adicionar 120, então isso fará com que 1.200. Mude a cor para verde, talvez toque em você para abrir nosso quadro-chave E vamos fazer isso 250. Então, vamos duplicá-lo mais uma vez e avançaremos 120 pixels, 13, 20 E então faça isso de qualquer outra cor, digamos algo como um azul. Você abre nosso quadro-chave e nós faremos 150. Exatamente desse jeito. Ok, agora eu quero colocar um pouco de texto aqui e também quero que seja um controle de três D para texto. Vamos digitar o gráfico de palavras e, em seguida, vou tornar esse texto em branco. Vamos fazer esses três D. Agora vamos até o final dessa animação e ver como ela ficará novamente É quando o visualizador certo se torna útil. Você pode ter uma ideia muito mais precisa de onde está tudo. Ok, agora vamos abrir nossa camada gráfica. Vamos mudar nossas opções de material para projetar sombras. Então vamos extrudar isso. Desça para pular três opções. Você verá que tem um estilo chanfrado angular, côncavo Você também tem profundidade de chanfro. Vamos definir isso como angular. E à medida que você aumenta a profundidade do chanfro, você pode ver o efeito que isso está causando Então isso é côncavo. Tenha uma aparência chanfrada um pouco diferente e veja se essas cristas convexas parecem mais A boa profundidade de chanfro é de cerca de três. Basta brincar com essas configurações até ver o que você gosta, o que funciona bem para o seu estilo. Na verdade, vou mudar a cor do meu texto. Deve torná-lo mais parecido com uma laranja. Mude esse pilar laranja aqui, talvez algo como um roxo Basta definir isso onde você quer que esteja. Eu realmente não preciso mais dessa visualização personalizada à direita. Eu sempre gosto de começar com minha posição final, onde quero que essa animação termine. Talvez algo parecido. No controle da câmera, vou definir minha posição e meus quadros-chave de rotação x, esse é o meu ponto final Então eu quero que comece de um ângulo mais dramático e, mais longe, deixe-me tornar meu chão um pouco mais longo para que tenhamos mais espaço para brincar aqui. Tudo isso depende da aparência que você está procurando. Agora, podemos abrir todos esses quadros-chave selecionando, você, destacá-los. Tudo bem Clique em Assistente de quadro-chave, como em Em seguida, vamos ao nosso editor gráfico. Basta puxar todas essas alças para a esquerda. Dessa forma, ele entrará rápido e depois lentamente até parar, algo assim. Como essa é uma camada de texto, podemos adicionar plug-ins e scripts a ela. Pressione o colchete esquerdo para mostrar o início da sua camada Como você pode ver, o gráfico não vai começar aqui. Examine os efeitos e as predefinições e digite em escala, aumente a palavra Vamos clicar duas vezes nele para aplicar o script. Clique em você para abrir nossos quadros-chave. Então, vamos abrir esse animador e seu seletor de alcance. E então vamos abrir essa guia avançada. Vamos mudar palavras com base em palavras para baseadas em caracteres. Dessa forma, ele escalpelará cada personagem, um de cada vez. Vou percorrer essa área para ter certeza de que esse é o look que estou procurando. Você pode criar qualquer forma em qualquer texto. Três D super fáceis. Lembre-se de que, nas configurações de composição, você quer ter certeza de que sua renderização em três D esteja configurada para enviar a eles uma versão em quatro D. Para obter sombras, você precisa ter certeza de que havia uma luz, certifique-se de que a luz esteja configurada para projetar sombras E então, sempre que você definir suas camadas para três D, lembre-se de que você precisa acessar as opções de material e projetar sombras, pois elas ficarão muito desativadas por padrão. 74. 06.13 Set fosco: Ok, então defina o tapete, oculte e revele o conteúdo da sua página , como texto, imagens e vídeo Há alguns parâmetros que você precisa conhecer para definir Matt, mas é importante saber como usar o set mat e quando usá-lo. Ok, então vamos trazer o sólido e eu vou te mostrar uma maneira de escondê-lo e revelar conteúdo usando alfa mats. Traga esse sólido. Vamos mudar a escala. Podemos desvincular isso, torná-lo mais ou menos desse tamanho. Agora vou me concentrar neste texto de Jeff Knight aqui Ok, então se eu quiser que esse texto apareça apenas nesta área, o que vou fazer é ir até o meu tapete de atletismo e alterá-lo de não para tapete alfa. E agora aparece dentro dos limites aqui. E observe como o After Effects oculta automaticamente sua camada sólida Se você mover o texto, poderá ver o efeito do problema sempre que houver várias camadas. Digamos que, se eu quisesse fazer a mesma coisa essas outras camadas de texto, teria que duplicar esse sólido e definir esses modos de rastreamento também em alfa Agora eles só apareceriam dentro desse limite. Isso pode realmente entupir seu arquivo de projeto. No momento, temos seis camadas no total para essas três linhas de texto. E para esse efeito, vamos transformar tudo isso de volta nenhum tapete e nos livraremos dessas camadas sólidas. A melhor maneira de fazer isso é com uma camada de forma. Vamos para a camada layer new shape layer. E então queremos adicionar um retângulo e preenchê-lo. O interessante das camadas de forma é que a configuração de tamanho no caminho do retângulo está em pixels, não em porcentagens E a razão pela qual isso é importante é que você tenha uma área muito específica na qual deseja atuar como Matt. E se você tiver as dimensões exatas, você pode colocar isso aqui. Então, se você digitar 1920, veremos que ele se estende por toda a largura da tela e 1080 aumenta a altura Então, não vamos subir tão alto. Mas digamos, vamos deixar isso em 1920 e falar sobre onde tivemos nosso destaque sólido, Jeff Knight Vamos ver nossos efeitos e predefinições e digitar set Matt com Jeff Knight Basta clicar duas vezes no conjunto Matt e vemos que ele está em nosso painel de controle de efeitos. Se formos até aqui, pegue Matt de, vamos configurá-lo para formar a camada um. Agora, se escondermos nossa camada de forma e ocultarmos essas outras linhas de texto, exibirmos nossa posição, podemos ver que isso está funcionando. Uma das opções que você tem, legal, é o Matt invertido, que basicamente funciona como um tapete invertido alfa Agora, esse texto aparecerá em todas as áreas, exceto onde nossa camada de forma está localizada. Tire o tapete invertido, copie esse efeito e tudo que eu tenho que fazer é aplicá-lo às nossas outras camadas de texto B. Todos eles estão usando aquele Matt como um tapete alfa Nossos editoriais de sete minutos são afetados, nosso poder de formar camadas é afetado e nosso Jeff Knight Enquanto antes, tínhamos seis camadas para essas três linhas de texto, agora temos apenas quatro, é apenas um conjunto adicional de camadas. Matt só funciona em camadas rasterizadas. As camadas de forma e as camadas de texto são automaticamente rasterizadas pelo After Coisas que não são rasterizadas automaticamente são sólidos, imagens e vídeos Vamos ver o mesmo efeito com o sólido, retire essa camada de forma. E então vamos trazer um sólido de volta, aumentar nossa escala e eu vou fazer a mesma coisa que fiz da última vez, fazendo aqui mesmo nas camadas noturnas de Jeff Volte para nossos efeitos de controles e queremos mudar isso para nosso sólido, ocultar essas duas camadas de texto para que possamos nos concentrar em uma linha de texto. Agora, se escondermos esse sólido, veremos que Jeff Night não está sendo afetado de forma alguma por esse conjunto Matt, se você destacar o sólido e depois rasterizá-lo clicando neste ícone aqui Agora, o sólido está rasterizado. Agora funciona, você pode usar um sólido. Gosto de usar camadas de forma porque as camadas de forma são medidas em pixels, não em porcentagens, e são muito mais precisas Ok, vamos examinar algumas dessas outras configurações. No momento, temos um conjunto de origem para ver o que essa configuração de máscara tem. Na verdade, vou adicionar novamente minha camada de forma para esta parte. Há algumas coisas que eu quero abordar que são específicas para formar camadas na camada de forma do nosso retângulo em nosso preenchimento E então eu vou trazer isso à tona e trazer à tona. Em seguida, vamos colocar nosso conjunto Matt de volta em nossa camada de forma. Vou seguir em frente e fazer isso para essas outras duas camadas. Então, dessa forma, já o temos pronto para começar. Como podemos ver, ela está sendo afetada por essa camada de forma. E se não quiséssemos essa vantagem? Talvez quiséssemos que fosse uma borda mais suave. Ative novamente sua camada de forma, você pode pegar sua ferramenta de criação de formas O padrão é que essa ferramenta de configuração cria forma. Se eu começar a tentar mascará-lo, ele só vai criar outra forma. Há uma configuração ao lado dela. A ferramenta cria uma máscara. Vamos clicar nisso. E agora isso funcionará como uma máscara. Agora vamos mascarar uma área dessa camada de forma em forma de pena E vamos suavizar as bordas. Vamos desligar a camada de forma e, como você pode ver agora, ainda temos essa borda rígida. O motivo é porque o set mat está configurado apenas para fornecer máscaras de sucesso. Agora ele reconhecerá aquela pena. Há também mais uma configuração, máscaras e efeitos com essa camada de forma destacada. Vamos procurar uma borda áspera, clique duas vezes nela. Talvez aumentemos um pouco essa pena. Vamos desligar nossa camada de forma agora abaixo, vamos deixá-la como máscara por enquanto. E, como você pode ver, ainda temos essa pena, mas não estamos realmente vendo esse efeito da borda áspera Se você escolher essa outra opção, efeitos e máscaras, agora ela reconhecerá essa borda áspera Vamos copiar isso. E vou simplesmente sobrescrever essas outras camadas. Digamos que não queremos isso, reconheçamos os efeitos, vamos simplesmente tirá-los e transformá-los em máscaras. Agora, essa camada reconhecerá apenas máscaras, enquanto esta reconhecerá efeitos e máscaras. Para a outra camada de texto, podemos fazer com que ela reconheça apenas a fonte Você tem todas essas opções que você pode fazer com esse único efeito. Novamente, tudo isso está sendo controlado em uma camada, uma camada de forma. Se você usar um sólido, certifique-se de rasterizá-lo Vamos ver como isso funcionará com imagens. Vá em frente e tire essa máscara e esse efeito, eu vou esconder essas camadas de texto. E então vamos trazer a imagem disfarçada aqui, definir Matt, clicar duas vezes, Tirar mate da camada, formar camada E então vamos esconder nossa camada de forma para que possamos ver qual será o efeito se começarmos a nos mover pela imagem agora mesmo, vendo o que acontece. Ele está puxando a forma do tapete com ele, mas não está interagindo com ele Uma opção é pré-configurá-lo, controlar a tecla C. E agora você tem duas opções Deixe todos os atributos ou mova todos os atributos. Se você deixar todos os atributos, a pré-composição se tornará a fonte da camada, Ted Ok, e agora temos essa opção para rasterizar. Então, vamos clicar no botão Rasterizar. Agora, se movermos nossa posição, podemos ver que ela está interagindo da mesma forma que nossa camada de texto, revelando apenas a imagem dentro dessa área fosca Vou desfazer isso para que não tenhamos uma pré-competição, comp. Novamente, a mudança de controle C. Agora é a hora. Vou mover todos os atributos. Ele move todas as propriedades dessa imagem para outra composição. Ok, ainda podemos rasterizar essa camada agora. Mas agora, assista. Se mudarmos nossa posição e ela estiver agindo da mesma forma que antes. Eu vou desfazer isso. Novamente, controle a tecla C e deixe todos os atributos. Contanto que você deixe todos os atributos, isso será eficaz para usar o set mat. 75. 06.14 Revisão do ciclo: Devo dizer que estou completamente impressionado com você. Você não apenas passou por todas as seções de instrução deste curso, mas também assistiu aos tutoriais, o que deve significar que você é uma estrela do rock em camadas de formas Você tem domínio suficiente das camadas de formas para começar a incorporá-las em seus próprios designs Estou muito humilde e agradeço que você tenha me escolhido para levá-lo nessa jornada Espero ter entregue o que você esperava. E ainda mais, só posso continuar fazendo esses cursos se tiver sucesso ensinando meus alunos. Então, por favor, deixe-me saber o que você gosta neste curso e o que você acha que eu poderia ter feito melhor. Eu sou um nerd de camadas de formas. Adoro tudo sobre camadas de formas e espero que, depois de fazer este curso, você também goste. Você pode conferir meu tutorial tutoriais do Channel Seven Minute onde eu coloco vídeos instrutivos como esses com frequência Também produzo dicas rápidas onde você pode aprender algo muito legal. E em menos de um minuto, este é meu primeiro curso da Tomy e eu me diverti muito criando-o Espero que você tenha se divertido também. Obrigado por vigiar todo mundo e nos vemos na próxima vez.