Guia do intermediário para criar animações de interface do usuário

1. Introdução perfeita: Muito obrigado por clicar neste curso. Espero que vocês estejam bem. E agora vamos abordar muitas técnicas novas neste curso. Muito obrigado a todos os alunos anteriores que assistiram ao meu curso anterior e ao primeiro curso. Eu esperava alcançar apenas dez alunos antes de lançar o segundo E então houve alguns problemas e eu me atrasei. E agora há 73 alunos no meu primeiro curso. E eu realmente adorei a resposta do meu curso anterior. Muito obrigado a todos vocês. Eu sugiro e solicito a todos vocês que se puderem deixar mais comentários sobre meu curso anterior , isso realmente me ajudará E agora, nesta aula, veremos primeiro quais ferramentas e quais plug-ins usaremos neste curso. Porque eu quero compartilhar com vocês que vamos usar muitos arquivos de forma usar muitos arquivos de asiática e fornecer serviços aos clientes, e não se trata apenas de aprender a criar boas Também se trata de aprender mais rápido, usar o tempo forma produtiva e criar resultados de risco incríveis sem perder tempo. OK. 2. 01.Plugins úteis: Portanto, usaremos esses três plug-ins neste curso, e você definitivamente não pode ter nenhum deles e também concluir este curso. Sem isso, eles servem apenas para economizar muito tempo e facilitar sua tarefa. Isso não vai impedir você de criar a animação. São só para te ajudar. É isso mesmo. Então, primeiro de tudo, vamos usar o motion tools pro. Este é completo, então vá em frente e faça o download e você pode simplesmente instalá-lo. E você pode encontrar o total de instalá-los no YouTube de forma bastante simples OK. O próximo que vamos usar é esse corpo em movimento. Esse é o próprio desenvolvedor que criou esse plug-in, terá que clicar nesse plug-in e clicar nos trilhos Acabei de responder, e então você pode simplesmente baixar o arquivo bruto daqui, e então você pode resolvê-lo. É bem simples. E o terceiro plugue que usaremos é a sobrecarga. Agora, isso pode parecer um pouco caro, mas isso vai economizar muito tempo e, acredite, vale cada centavo, na verdade Você também pode assistir a este tutorial sobre o que esse plug-in faz, mas vamos nos aprofundar no uso desse plug-in em nosso curso . Então, estou ansioso para ver vocês na primeira aula, e boa sorte para todos vocês 3. 02.Recriando ícones e animação de ícone loopável: Ok, então baixamos os plug-ins e eles são bem simples de instalar Se tiver problemas para instalá-los, basta pesquisar no YouTube e encontrar os tutoriais de como instalá-los Ok, agora vamos criar nesta primeira classe uma animação LTI Então, os plug-ins foram instalados e agora vamos ver como criar um loop com o ícone de animação. Ok. Então, usaremos um ícone WiFi para isso. E acabei de pesquisar o ícone WiFi e agora vou visitar este. Acho que esse é muito bom para o nosso exemplo. Também podemos usar esse. Mas acho que esse vai funcionar bem. Então, vamos visitar e baixaremos o arquivo vetorial SVG Ok. Então, agora vou abri-lo na minha pasta. Vou abrir meu arquivo e fazer ilustrador. Ok, então abrimos nosso arquivo dentro do doble straight, e como você pode ver, nosso ícone é bem legal, ok? Portanto, agora existem alguns problemas com nosso design que resolveremos em um minuto. Mas antes de fazermos isso, vamos verificar qual é o tamanho da nossa prancheta Tem 800 por 800 pontos ou pixels. Ok. Agora vamos criar uma composição de 800 por 800 pixels, e vamos fazer com que ela tenha dez segundos de duração, e a taxa de quadros será de 24 quadros, e agora vamos chamá-la de ícone. Ok. Então, o que vamos fazer é selecionar todas essas camadas, e o que estou tentando fazer é criar uma animação em minha mente. Estou pensando que as linhas desenham e depois também desaparecem. Então, para isso, vamos usar um truque muito mais simples, mas não podemos usá-lo com o efeito de preenchimento aplicado Ele só pode ser aplicado a efeitos de traçado. E podemos simplesmente criar a animação com essas formas também no After Effects, mas ela não será muito compatível Como aprendemos na aula de fundamentos, a classe de imprecisão de que existem certas restrições às difies, é por isso que vamos simplesmente bloquear essas formas e agora vamos criar uma Ok, agora o que vamos fazer é criar um círculo, e eu vou transformá-lo em um traçado. Vou mudar a cor para vermelho e vou refazer esse design o mais próximo possível Vou deletar o resto dos pontos de ancoragem. E agora temos uma forma simples. Ok. Então, o que vamos fazer agora é entrar nas propriedades e aumentar o ponto do traçado. Ok. Isso parece muito bom, e vamos arredondar isso para 80. Agora vamos contornar as lacunas. Ok. Então, agora vamos ajustar isso um pouco. E é isso. Vamos recuar um pouco. Ok. Perfeito. Então, agora vamos apenas duplicar essa camada, selecioná-la com a tecla Alt, arrastá-la e agora vamos adicionar apenas nossos pontos de ancoragem Agora, como você pode ver, essa forma não está funcionando muito bem. Então, nesse tipo de situação, podemos simplesmente contornar essa e criar outro círculo Faremos o traçado novamente um ponto para que possamos criar uma boa referência. Agora vou apenas colar o outro traço, e isso também aumentará o tamanho do nosso derrame. Vamos fazer mais alguns ajustes. E estamos prontos para ir. Ok. Então, agora sobre o círculo, nós realmente usamos um círculo simples, aqui. Vamos fazer disso um preenchimento. E agora vamos torná-lo maior. Ok, agora nosso design está pronto. Agora, o que vou fazer é ir em frente e desaparecer completamente a primeira camada de visibilidade, e agora vamos mudar a cor dessa para preto. Agora, o que vou fazer é não selecionar o preenchimento. Selecionaremos os círculos e os traços, e vou apenas torná-los pretos e pretos Agora vamos fazer com que este também seja preto. Agora nosso design está pronto e agora vamos iniciar o processo de animação. Selecione todas essas camadas. Agora, o que a sobrecarga faz é que, depois de instalar a sobrecarga, o que você pode fazer é entrar nas janelas e nas extensões e, em seguida, selecioná-la Sobrecarga, e então essa janela aparecerá e se abrirá Portanto, este é um painel acoplável, que você pode encaixar em qualquer lugar que quiser Agora, o que você vai fazer é selecionar todas essas camadas. Existem vários recursos dentro da sobrecarga, mas vamos nos concentrar principalmente neste, ou você também pode selecionar esse Isso tornará os pontos de ancoragem no centro das camadas selecionadas Agora, o que isso vai fazer vai te surpreender. Vamos apenas clicar nesse botão e viola. O ícone e as camadas do ícone agora estão dentro do ab after effect e isso não desperdiçou nosso tempo, e isso nos economizou muito tempo, ok? Como todas as camadas estão aqui e agora, elas são muito compatíveis porque são estreladas e sem forma Na verdade, cliquei duas vezes por engano, então vou clicar apenas uma vez Agora você pode ver que há quatro camadas aqui. Então, agora você vai rotular nossa camada para entender melhor. Porque quando você estiver trabalhando com arquivos complexos, você terá dificuldades. É por isso que, para traços, vamos usar uma etiqueta cor de laranja Para filar, vamos usar uma cor marrom. Você pode usar o que quiser. Então, o que você vai fazer é usar essas ferramentas de movimento. Ok. Então, o que vamos fazer é criar um manual. Agora, o que o objeto All faz é? Basicamente, é para propriedades parentais simples, e nós o usaremos para esse propósito somente neste caso Ok. Então, agora o que vamos fazer é criar e começar a construir nossa animação. O que eu estava pensando é que essas linhas serão desenhadas da esquerda para a direita e, em seguida, aparecerão da direita para a esquerda. Então, deixe-me mostrar o que quero dizer com isso. O que vamos fazer é adicionar um caminho primário e eu vou começar a criação da animação assim Vamos animar o final, assim, como você pode ver É assim que ele se desenha. Agora, uma vez desenhado, eu quero que isso desapareça também desse jeito. É bem simples. Vamos pressionar F nove em nosso teclado e agora vamos aplicar algumas fáceis. Ok. Então eu apoio este e vamos fazer isso uma forma e vamos aplicar a influência sobre o outro lado. Então, agora, isso vai começar na segunda e sair na segunda terceira. Ok. Então é assim que parece. Muito legal, certo? Ok, então o que vamos fazer é simplesmente copiar o caminho da tela porque também queremos a mesma animação nas outras camadas. Vamos copiá-lo e vamos selecionar as outras duas camadas, e vamos controlar. Lembre-se de que você deve estar no zero e no ponto inicial de sua composição para que os quadros também se alinhem com outras camadas, porque se você colar a animação do caminho creme aqui , ela começará daqui Ok, então tenha em mente isso. Então, agora vamos colar isso aqui. Como você pode ver, nossa animação está quase pronta, vamos adicionar mais alguns detalhes a ela. Ok. O que vamos fazer a seguir é selecionar esse círculo. Vamos seguir em frente e animar sua propriedade de escala. E eu vou fazer com que seja zero. E eu também vou aplicar a atenuação. Ok. Então, o que eu vou fazer agora é jogar a mesma animação neste lado também. Mas com a ajuda desse plugue gratuito, o que podemos fazer é selecionar esses dois quadros-chave e, em seguida, digitar se você passar o mouse sobre o botão, ele mostrará todas as funcionalidades do Como você pode ver, diz: clique com a tecla Shift e inverta a animação. O que isso significa? Estou segurando meu turno agora e vou lutar contra isso. Então, ele adicionou dois quadros-chave novamente. Mas agora ele criou o dínamon inverso com a mesma escala Então, é basicamente o reflexo desses quadros-chave na direção oposta. Certo? Então, agora essa é uma animação lopável perfeita Agora, o que significa, na verdade, uma animação lopável perfeita animação lopável Uma animação lopável perfeita significa que o primeiro quadro de nossa animação deve estar alinhado e igual ao último quadro de É assim que decidimos e chegamos à conclusão de que é uma animação lopável perfeita No nosso caso, isso é uma moldura vazia. Ok. Agora, o que vamos fazer é adicionar um pouco de aderência entre as camadas, y. Agora, como vamos fazer isso usando esse plug-in, o que vamos fazer é agora esse botão decidir a ordem de seleção na qual ele aplicará o sequenciamento às últimas. Ok. Portanto, um deslocamento significa quantos quadros você deseja compensar E uma etapa significa quantas etapas devem ser envolvidas na primeira compensação Ok. Portanto, em nosso caso, queremos deslocar cada camada, um quadro, e manteremos a etapa um porque não queremos adicionar muito mais etapas entre as camadas, pois essas são apenas três camadas Podemos adicionar mais etapas quando estamos lidando com coisas mais complexas ou mais complexas. Tamanhos de arquivo de projeto maiores, mais camadas, para que possamos adicionar a suavização excesso ou a sobrecarga com mais camadas, para que possamos adicionar a suavização, o excesso ou a sobrecarga, sem complicar as coisas e Ok. Então, agora o que vamos fazer é clicar no botão de sequência e, como você pode ver, ele foi adicionado, deixe-me mostrar. Como você pode ver, há uma diferença de quadro-chave em cada camada. Agora, vamos jogar e ver como fica. Ok, então é assim que parece. Ok. Mas há um problema. Acho que a primeira camada deveria aparecer primeiro, depois essa e depois essa. Então, eu vou apenas controlar Zs, e vou mudar a ordem do sequenciamento Agora, vamos jogar. Veja, eu acho que esse parece muito melhor. Agora, o que vamos fazer é reverter essa animação. Então, o que vamos fazer é mudar a ordem seletiva e atingir a sequência Agora vamos alinhar o quadro-chave final volta à área de trabalho. E é assim que nossa animação está agora. Então. Como você pode ver, é assim que nossa animação se parece. A primeira camada aparece em primeiro lugar e desaparece por último Ok. Então, o que vamos fazer agora também é criar um enquadramento de posição, porque eu quero mostrar a conectividade da conexão WiFi, certo? Então, o que vamos fazer agora é criar molduras gays de posição livre e pressionar Shift e setas para fazê-las se moverem na direção ascendente Agora vou seguir em frente e não vou simplesmente copiar e colar e k agora. Vou selecionar todos esses três e clicar em clone. Não estou clicando no clone Shift porque não estamos revertendo nenhum quadro. Só queremos os mesmos quadros-chave aqui. Ok, e nossa animação agora está criada. Vamos aplicar um pouco de flexibilização agora. Veja como fica. Ok, vamos adicionar apenas algumas coisas agora. Ok. Então, agora eu quero fazer a mesma coisa. Eu quero aplicar compensação a isso. Então, a primeira camada empurrará as camadas superiores. Então este será o primeiro, e este será o segundo e este será o terceiro. Vamos adicionar o sequenciamento novamente. Vamos ver como seu Thatsn se decompõe. Ok. Então, agora o que eu quero fazer mostrar a influência do círculo impactando as camadas Então, vou seguir em frente e levar essa animação um pouco mais adiante. Ok, então talvez dez quadros. Sim. Acho que isso será suficiente. Agora, o que vamos fazer é adicionar um quadro-chave de escala e um, dois, três, quatro, cinco, seis, sete, oito, nove, dez, e eu vou fazer com que seja 110 Ok. Então, agora vamos aplicar pouco de flexibilização sobre isso. Não. Ok. Então, como você pode ver, isso não parece certo porque a animação começa a aparecer aqui, mas o impacto está muito atrasado, certo? Então isso não está funcionando. Temos que adicionar apenas o tempo de nossa animação e combiná-lo. Então, será melhor se começar ao mesmo tempo, entendeu ? Isso parece muito melhor. E agora vamos clonar os quadros-chave também. Vamos apenas levar essa animação de volta para onde estava. Dez quadros-chave. Vou selecionar todos esses quadros-chave e este também E vamos trazê-los de volta aqui. Agora, o que vou fazer é ir até o último quadro-chave. Vou selecionar esses dois quadros-chave. Eu vou trocá-los por C. O outro quadro-chave também é substituído por este. Vamos ver como isso fica primeiro. Ok. Ok, então agora há algum problema com a flexibilização, eu acho Não, é perfeito. Ok. Então, agora, o que acontece é que as camadas caem. Mas a flexibilização é adiada. A atenuação deve estar desse lado da animação. Eu vou bater no F nove, e agora é assim que parece. Vamos ver como fica. Ok, então está mais atrasado. Agora, por que isso está acontecendo porque os quadros-chave estão à frente do último quadro-chave. Vamos trazê-los de volta. Vamos pegar esse e vamos trazê-lo de volta para cá. Como neste outono. Agora, vamos verificar a flexibilização dessas latas. Como você pode ver, a flexibilização está aqui, certo? Então, vamos trazer isso aqui. Veja, isso é mais impactante. Sim, isso faz mais sentido. E então isso tem que desaparecer. Ok. Então, vamos salvar este e, como você pode ver, não há nenhuma flexibilização nesta parte Então, vamos aplicar a flexibilização. É assim que deve ser. Agora nossa animação começa assim. Veja. Ok, então o que podemos fazer agora é, se você quiser, e essa é uma escolha muito subjetiva, e se você gosta , pode fazer ou não , depende totalmente de você Também vou adicionar uma animação de escala ao objeto nulo principal porque quero que o ícone apareça do centro da composição a partir daqui e aumente a Ok. Então, vamos ver como isso parece. Eu fui pai de todas as outras formas e, como você pode ver, vamos acabar com tudo de novo. Estou usando a mesma técnica que usei no círculo. Então, vou croná-la e vamos ver como fica. Veja como fica a animação. E você pode fornecer esse tipo de serviço a muitos clientes porque há uma grande demanda por animações de ícones E em todos os tipos de plataformas freelance, há clientes solicitando essas animações É por isso que eu só queria mostrar como criar essas animações sem perder tempo e, usando esses plug-ins, você pode economizar muito Então, vamos passar para a próxima guia. 4. 03.Criando animação de personagens e animação de ilustração: Ok, então antes de começarmos nosso próximo exercício, o que eu queria mostrar a vocês também é um exemplo relevante em nossa aula anterior. Eu criei essa animação de carregador para um cliente, ok? Portanto, o significado de mostrar a você é que existem várias abordagens para o mesmo design ou para a mesma animação. Essa animação deveria ser uma animação de carregador. Agora, o que significa uma animação de carregador. Agora, essa também é uma animação em loop perfeita. O cliente basicamente queria que essa animação fosse exibida enquanto o site estava carregando. Agora, há uma pequena explicação por trás disso, que é que o cliente basicamente precisava dessa animação para um propósito. O objetivo era quando o site estava carregando no back-end, como vocês devem saber, que houvesse alguns dados de back-end, certo? Então, o site está carregando esses dados. Agora, dependendo da conexão com a Internet do usuário ou dos recursos do PC. Ou seu celular. Bem, a maior parte é essa velocidade baseada na conexão de dados com a Internet. Mas digamos que, se o dispositivo funcionar mais devagar que o outro , o site pode levar mais alguns segundos para carregar, certo? Portanto, não posso oferecer ao cliente uma animação de logotipo ou uma animação que simplesmente será exibida e ficará na tela como esse outro exemplo que quero mostrar a vocês, ok? Porque, como você vê. Agora, isso também parece bom. Também não há problema em usar essas animações. Mas para uma página de carregamento, é melhor usar esse tipo de animação que tem o mesmo final e o mesmo ponto de partida Dessa forma, digamos que o usuário abre o site e o site desce em 5 segundos. E outro usuário que tem um dispositivo de baixa capacidade baixa o site em 10 segundos. Durante os 10 segundos, essa animação continuará carregando repetidamente , assim como esta. Mas acho que isso vai ficar melhor em vários aspectos, e há uma razão por trás disso porque está carregando continuamente, certo? Dá a sensação de que a página está se carregando sozinha e está atualizando a página E esse tipo de animação funciona melhor para fins de animação de logotipo, pois o logotipo é animado e permanece na tela Ok. É por isso que esse é outro exemplo de que o cliente solicitou algo muito parecido com o que acabei de criar na aula anterior. Então, agora vou passar para a escolha livre e agora vamos animar um design artístico de animação de personagens Então, vou selecionar vetores agora, e vou escolher talvez algo como um personagem que está em depressão e dizer que vamos tentar encontrar algo. Ok. Vamos encontrar a assessora de imprensa. Sim. Esses são bem planos. Pensando um pouco mais de detalhes, na verdade. Vamos fazer o possível e tentar. Este é um que não tem características faciais. quero animar algo Na verdade, quero animar algo com características faciais Vamos ver o que isso nos mostra. Na verdade, não é bem assim. Não, não, não, não, não, não. Estou procurando? Vou voltar e continuar rabiscando até encontrar algo relevante Vamos continuar na próxima página. Também vou adicionar o filtro gratuito. OK. Depressão. Entre, vamos ver. Como isso parece? Não. Esses estão felizes. Só vou encontrar algo mais relevante. Ela fica feliz onde há um tipo específico que eu acho que estou procurando. E isso é do Stories, acho que sim. esse tipo de design de personagem Acho que esse tipo de design de personagem será nosso trabalho. Qual é o nome do criador? Isso é bom, isso. História ambientada. Ok. Acho que esse cara tem o que eu preciso. Ok. Ok. Ok. Esses são muito, muito bons. Ok, vamos usar um desses. Oh, esse é muito bom. Sim. Sim. Este é um exemplo muito bom, eu acho. Usamos esse. Sim. Ok. É aqui que eu faço isso. Ok. Ok, então esse é o arquivo de download. Agora, vou criar um novo tamanho de arte. Isso vai ser 1.000 por 1.000 pontos. E agora vou selecionar todas essas camadas, e vou copiar e rebater isso aqui. Vou apenas aumentar o tamanho deste porque, quando ampliamos o zoom interno, não conseguiremos ver os detalhes nítidos porque o After detalhes nítidos porque o After Effect é baseado em pixels Portanto, não conseguiremos ver o que estamos realmente animando E antes de começarmos a importar a arte, é importante agrupar muitos desses grupos porque, se houver muitos grupos, a sobrecarga não funcionará muito sobrecarga não funcionará Então, por favor, tenha isso em mente enquanto estiver animando suas coisas. Ok. Vou abordar tudo isso e vou entrar no After Fats e criar uma composição de dez 80 por dez 80. Vamos chamar isso de depressão. Garota. Vou simplesmente apertar esse botão. E vamos ver o que acontece. OK. Ok, então há um pequeno problema com a camada do sapato, e também há alguns elementos que apresentam alguns problemas. Agora vamos consertá-los, e depois vamos voltar para cá. Ok, vamos selecionar tudo isso e vamos excluí-lo. Agora vamos corrigir o erro do sapato. Vamos pegar o sapato novamente. Ok, então esse é o problema que estava sendo mostrado lá. Está bem? Então, vamos agrupá-lo até que não haja nenhum grupo agrupá-lo até que não haja nenhum Ok, agora isso parece bom. Sim, isso parece bom. Ok. Vamos selecionar tudo isso novamente e agora vamos apertar o botão novamente. Ok, como você pode ver, nossa arte está aqui. Nós vamos deixá-lo cheio. Ok. É realmente incrível, certo? O que a sobrecarga pode fazer, como você pode ver, é realmente incrível Ok. Então, agora o que vamos fazer é, antes de mergulharmos no processo de animação, precisamos rotular o agrupamento das camadas Ok. Agora, vou dividir os elementos em algumas partes e vou rotulá-las em cores. Assim, podemos saber em um segundo qual parte é essa camada da ilustração. Está bem? Então, as nuvens são onde eu vou com elas, com uma cor marrom, e isso vai desligá-las, para eu possa ver se há algo que não foi selecionado. Eu vou fazer isso marrom também. Eu só vou desligá-lo. Ok. Agora vamos pegar a chuva para deixar tudo verde escuro, eu só desligo isso Eu também vou selecioná-los. Ok. Então, sobraram algumas gotas de chuva, mas vamos colorir nosso personagem primeiro Eu vou escolher a laranja com este. Ok, então eu vou dar um tapa nas gotas de chuva restantes agora. Ok. Então você é a favor. Ok, agora para esses arbustos, vou usar uma cor de pêssego Está bem? Então, vou apenas duas delas, e vou selecionar essas duas gotas de chuva, a última, e vou torná-las verdes escuras também. E agora, acho que essa é uma parte dos corpos, vou torná-la laranja. Ok, e essa camada estará apenas bloqueada. É isso mesmo. Agora, o que vamos fazer é dividir a animação em partes. Então, vou selecionar todos os jogadores laranjas. Vou apenas ativar sua visibilidade. Agora vamos criar a animação do nosso personagem. Estou pensando em um loop de 6 segundos nos meus termos. Ok. Portanto, depende do tipo de animação que você está procurando. Acho que 6 segundos serão perfeitos para o que estou pensando em animar para essa mulher Ok. Então, vamos começar com o braço. Ok. Então, para o braço, vou trazer o ponto de ancoragem até aqui Ok. Então, como o braço não está dividido em duas camadas, é apenas uma única camada. Então eu acho que será melhor se movermos o ponto de ancoragem para cá Vamos começar a girá-lo e ver como fica. Ok. Eu só vou trazê-lo para cá. E vamos apenas zero. Ok. Vou chegar a zero, acho que parece bom. Ok. Vou criar o primeiro quadro-chave agora e continuar criando o primeiro quadro-chave aqui porque quero criar uma animação em loop perfeita para essa mulher Vou seguir em frente e fazer com que seja menos três, e agora ele também fará a contra-animação na direção oposta, será quatro Então, vamos ver como fica. Ok, então a mulher está muito certa. Ok, agora vamos animar o pescoço dela. Essa é a camada principal do pescoço. Vou seguir em frente e fazer isso aqui mesmo. Agora, haverá algumas camadas que precisaremos nomear, na verdade. Eu só vou fazer disso um pescoço. Também vou lembrar que o número da camada é 41. Ok. Então, precisaremos colocar tudo acima dessa camada, da cabeça inteira até essa camada, para que, quando girarmos o pescoço, tudo funcione com ela Vamos ver se tivemos sucesso. Ok, mas não temos sucesso. Existem algumas camadas que não são parentais no momento . Essa é a camada traseira. Eu vou em frente e cuido dessa também, e essa camada externa de cabelo também. Vamos cuidar disso? Só estou tentando verificar. Eu acho que é muito legal. Ok, estamos bem agora. Vou apenas criar um quadro-chave no pescoço e ele vai continuar criando. missão de três quadros, três graus aqui vai fazer menos quatro aqui Porque eu quero que a mulher sinta que está tocando sua cabeça neste momento Oh, meu Deus, o que acabou de acontecer, certo? E depois vá na direção também. Certo? Então, basicamente, a cabeça se move na direção oposta do braço. Isso é exatamente o que está acontecendo agora. Então o braço se move na outra direção e a cabeça na direção oposta, certo? Ok. Então agora o que vamos fazer é ir até a banda se a outra mulher ficar no lugar certo, certo? Quer dizer, obviamente, não podemos mover a banda porque vai parecer estranho, certo? Ok. Porque não há muito momento na cabeça. Talvez possamos adicionar uma leve animação nos cabelos também. Então, vou colocar o ponto de ancoragem entre o rosto, porque os cabelos estão conectados à Então, vamos criar um quadro de talvez dois graus, apenas dois é demais. Está quebrando a mentalidade. Eu vou fazer isso apenas um grau, e na outra direção, vou fazer isso menos dois Ok, então vamos ver como fica. Ok. Então, está um pouco atrasado Ok. Então eu acho que parece muito bom. Sim. Não é demais. Sim, acho que parece bom. Ok. Então, agora vamos criar a animação nos olhos, certo? Porque o personagem está vivo. Então, obviamente, o chcor deve estar piscando. Então, vamos animar essas lágrimas fofas também. Então, eu vou fazer este também. Eu também vou salvar a turma. Este será o curso, a classe três será a classe três. Ok. Então, eu vou trazer esse ponto de ancoragem aqui Agora também posso usar os elementos secundários para colorí-los pois isso me ajudará a identificar onde estão as características faciais porque há muitas camadas de laranja no personagem. A foto também é laranja e os cabelos também são alaranjados Então, como faço para identificar onde estão as características faciais. É por isso que não usei essas cores na rotulagem de outras cores, porque vou usá-las agora. Ok. Então, para este braço, esse é o braço principal, então vou deixá-lo laranja agora porque o braço está animado no momento, então vamos apenas travá-lo. E quero dizer, agora vou me concentrar nas características faciais. Ok. Então essa banda também está interrompendo nosso processo de animação Então, vamos bloquear as camadas que estão animadas agora. E eu vou me concentrar apenas nas camadas do rosto por enquanto. Ok. Então essa é a camada frontal do cabelo, então eu vou trancar essa também. Ok, podemos aplicar um pouco de animação aqui também. Que talvez os cabelos também estejam se espalhando um pouco. Então, vou colocar o ponto de ancoragem acima e adicionar animação de escala. Logo em frente. Então, esses pequenos detalhes realmente dão o valor, você sabe, à animação correta para o próximo nível. E só por causa desses pequenos detalhes, minhas animações foram baixadas milhares de vezes. Portanto, você deve ter em mente esses pequenos detalhes, na verdade. Ok. Então, vamos ver como fica. Veja, é muito sutil. É realmente, muito sutil. Ok. Então, vamos fazer disso um. Acho que é um pouco demais. Sim. Sim, isso parece bom, eu acho. Ok. Sim, parece que os cabelos também estão se movendo com a cabeça da mulher Então, vamos fazer é animar as sobrancelhas, ok Porque a mulher também está preocupada. Então, vamos deixá-los roxos e eu vou animar os quadros-chave de posição Vou apenas criar dois quadros-chave. E à medida que a cabeça avança, eu vou me deslocar. Crie a caixa de seta aqui, certo? E temos que manter a perspectiva correta do rosto. Então eu acho que isso parece certo. Vê? As sobrancelhas estão vindo nessa direção descendente E agora eu vou colocar esses dois e apertar C. Então eles estão de volta onde estavam. Agora eles vão ir um pouco na direção superior . Ok. Então, vamos ver como fica. Ok, então é assim que parece. Agora, fizemos o tamanho de 1.000 pixels por 1.000 pixels, ainda é variável, certo? E estamos renderizando-o na íntegra. Se estivéssemos fazendo isso no quarto, oh, meu Deus, não poderíamos nem animá-lo, certo? Portanto, isso é muito importante, mas tenha em mente. Além disso, lembre-se de que, quando o arquivo listado estiver aqui, se o aumentarmos, isso não afetará o tamanho do arquivo de lote, pois tamanho do arquivo de lote funciona basicamente com base na animação vetorial. Portanto, aumentar a escala ou o tamanho da animação não fará nada Outra dica que você pode fazer é dizer que talvez o cliente tenha fornecido um tamanho específico para ele, certo? Então você não pode ampliá-lo. Então, o que você pode fazer é trazer o design e depois organizá-lo. E então o que você pode fazer é selecionar todas essas camadas. Você selecionará todas essas camadas. Você pressionará control, A, controlará C. O que você vai fazer é criar uma nova composição e bloquear a proporção Agora você vai multiplicar esse tamanho de composição por quatro Agora, o que você vai fazer é colar todas essas camadas nessa nova composição. Como você pode ver, tudo isso está aqui. E agora, o que você vai fazer é criar um novo objeto nulo Agora você vai trazê-la até aqui no centro, no centro do personagem, e agora selecionar todas essas camadas, e você vai fazer com que sejam pais e, em seguida, torná-la nula 400 Ok. E então você vai simplesmente alinhá-lo, certo? O que você pode fazer é ampliar muito bem C. Isso parece muito melhor. Mas, obviamente, isso retardará o processo de renderização quando você estiver visualizando a inicialização. Isso fica muito lento É por isso que não exagere na resolução porque quando sua arte estiver animada, você pode simplesmente deixar tudo e depois voltar para a mesma composição, colar tudo aqui, excluir este, colar tudo aqui e reduzir a escala para 100 Ok, então você também pode pensar nisso. Ok, então vamos continuar nossa animação. Ok, então adicionamos este e agora também precisamos de alguma animação nos olhos. Ok. Então, como a mulher está viva, é mais provável que ela também esteja piscando os olhos Agora, porque o personagem está voltado para baixo, certo, e os olhos do personagem devem ser como se os olhos realmente piscassem perpendicularmente Então, basicamente, não podemos simplesmente fazer esse paralelo como nos 90 graus. Portanto, devemos ter em mente que também devemos ter em mente a perspectiva da ilustração. Portanto, não vou colocar o ponto de ancoragem aqui porque ele se encaixará melhor aqui porque o caracor está olhando para baixo Então, vamos seguir em frente e um, dois, três, quatro, cinco. E agora eu vou criar novamente esse quadro-chave, e ele vai voltar dois quadros, e vai torná-lo um 80 e 20. Essa é a maneira mais fácil de criar uma animação intermitente Ok. Como você pode ver agora, é assim que parece. Ok, então vou copiar essa animação e colá-la nesse outro olho. Vou selecionar este, e vou criar o ponto de ancoragem aqui também, e vou colá-lo E aqui está o que parece. Ok. Então, sem prosseguir na animação, selecionei a camada errada Essa é a correta. Sem ir em frente, vou apenas criar a repetição da animação piscando da animação piscando Em primeiro lugar, terminamos com a animação intermitente. Ok. Então, agora sobre a animação TS. Vamos trabalhar nisso. Vai continuar e deixar tudo roxo, e nós faremos esse. Aqui também. Ok. Então, como você sabe, vamos criar uma animação em loop, certo? Então é melhor pensar também no final dessa animação, você quer que as lágrimas estejam na cena ou não? Está bem? Então, acho que não haverá lágrimas no final do primeiro quadro-chave porque queremos mostrar a sensação de que a pessoa está chorando e as lágrimas desaparecem, É o que estou dizendo, na verdade. Então, vou seguir em frente e criar uma animação em escala Aperte e vai fazer com que seja zero. Ok, como este. Vou apenas criar um quadro de posição aqui. Eu vou trazê-lo de volta para cá. Ok. Então, agora vamos ter alguns problemas porque animamos a escala primeiro Então, vamos animar a posição. Ok, eu só vou trazê-lo de volta para aqui. Agora, só para fazer isso, vamos ver como fica. Ok. Então, isso parece meio falso agora. Talvez possamos consertar isso. Ok. Então, quando isso chega aqui, aumenta e a posição para. Não queremos que a posição pare, eu acho, porque o T deveria estar limpando o rosto e deveria haver muito movimento aqui Ok, eu vou seguir em frente e colocá-lo no meu apartamento. Ok. Eu só vou fazer esse carro com a animação. Ok, você vai usar assim. Na verdade, vou selecionar o ponto de ancoragem, então vou fazer com que ele volte, primeiro de tudo Ok, e então basta selecionar essa alça e torná-la assim. Ok, vamos ver como isso parece agora. Ok. Então o personagem está chorando, e acho que vamos fazer com que desapareça com a opacidade. Antes que pare, certo? B porque a lágrima está caindo e está desaparecendo à medida que cai Eu vejo as saídas. Ok. Isso parece bem real. Muito mais real. Sim, certo? Porque temos que ter em mente que esse é um mundo idealizado, certo? Então, nem tudo funcionará mesma forma que pensamos ou queremos , ou digamos que não seremos capazes de animar isso enquanto uma pessoa real chora e as lágrimas caem de seu rosto Ok. , porque vai ser uma cadeira pequena, certo? Portanto, não podemos nos concentrar demais na criação de um colírio. Ok. Então, agora, o que vou fazer com essa é pensar que ela chora e essa cai aqui e desaparece aqui. Ok. Então, vamos começar pelo olho. Ok. Vamos animar este aqui e eu vou mantê-lo como referência Exibiremos os principais jogos na outra camada. Ok. Então, o que vou fazer agora é copiar os quadros-chave da escala. Vou apenas colá-los aqui. E vamos substituir isso um pouco. Também vou adicionar os quadros-chave pastosos e colocá-los, e também criaremos a animação da posição por aqui P para posição. Vou voltar no tempo e criar um quadro-chave, vá em frente e baixe-o para baixo. Lá embaixo, vamos ver como fica. Ok. Ok. Portanto, a animação de escala acontece muito mais tarde Então, queremos que isso aconteça mais cedo. Ok. Ok, isso começa a desaparecer tarde demais, eu acho, porque parece falso para mim. Isso parece mais do que isso é enfatizar mais a emoção, eu acho Sim. Além disso, a posição é bem lenta. Vamos facilitar um pouco e fazer um gráfico de lança propósito, a altura é igual à velocidade, se você não estiver familiarizado com a animação da velocidade Então, vamos começar com alta velocidade. Ok. Então esse é o Tom, eu acho. Sim, nós só vamos fazer isso. Ok. Então, a terceira gota. Agora, vamos fazer isso muito rapidamente. OK. Ok, então a animação foi criada, mas há um problema. Acho que ficará melhor se isso acontecer depois de um piscar de olhos Ok. Então, eu vou apenas fazer essas camadas. Vá em frente aqui. E quando a animação é interrompida ou, digamos, depois da última gordura nas camadas. Estou usando a tecla de controle D para cortar as camadas. Ok. Então é assim. Ok. Vamos começar. Ok. Então a mulher está preocupada, certo? Ela está super deprimida. Ok. Então, agora o que vamos fazer é copiar e colar a camada também. Vamos fazer é controlar D, vamos criá-los aqui, vamos colocá-los aqui. Ok. Então, podemos simplesmente abrir essas camadas e ver se a animação está completa ou não. Ok. Portanto, este não foi concluído como descarte. Ok, então vou fazer isso um pouco, para ver como fica. Ok. Então, quando a rachadura pisca, a animação começa a cair Ok. Sim. Então, isso parece bom. Ok. Sim. E esse outro, OK. Este deveria começar por aqui, eu acho. Ok. Então, você pode adicionar um pouco de variedade na animação, porque quero dizer, uma estava aqui ao mesmo tempo, então não é realmente importante que seja a mesma na outra também. Portanto, você também pode ajustar isso como quiser. Ok, porque não existem regras certas sobre isso, você só precisa experimentar seus pensamentos e seu processo. Ok. Portanto, esse não é um loop perfeito. A propósito, vamos consertar aquele laser, ok? No final, clicaremos em cron e recriaremos todos os primeiros quadros-chave até os finais Então, estamos apenas pensando de forma inteligente agora. Ok. Então, vamos animar a boca também agora Porque a boca também deve estar se movendo um pouco. Então, vá em frente e crie um quadro-chave. Na posição, vamos apenas abaixar um pouco o rosto. E o que eu estou pensando é que o personagem pode não levantar muito a boca. Então, talvez ele mal volte para a posição anterior. Ok. Então, talvez assim, eu vejo. Ok. Então eu acho que o momento é demais, então eu vou fazer com que seja menos. Eles vão para mim daqui a pouco, e eu vou fazer com que sejam menos. Ok, então esse é o ponto central, eu acho. Sim, este é o nosso ponto de partida. Então ele se move muito, então eu vou trazê-lo de volta para cá. Sim. Veja como fica. OK. Isso parece bom. Isso parece bom. Sim. Isso parece muito melhor. Ok, agora vamos animar os sutiãs. OK. E você também criará molduras de sepultura posicionadas no s. Vou criar um, um, dois, e vai trazê-los até aqui. Ok, e vamos apenas levantá-los. Eu vou até esses e vou trazê-los à tona. Ok. Sim, por aqui. Acho que é vermelho. OK. Então, vamos assistir. OK. Isso está ficando muito lento agora Então eu assisto. OK. Sim. Eu acho que isso parece perfeito. E também combina com a animação das sobrancelhas superiores Então, sim, acho que isso parece bom. OK. Então, o que você vai fazer é animar um pouco esse braço também Certo. Então, o que eu estou pensando é que, em primeiro lugar, se separarmos o braço da parte superior do braço, como você pode ver, não há sobreposição entre o braço, certo Então, vamos ter um pequeno problema aqui. O que podemos fazer agora é trazê-lo aqui e experimentá-lo. Veja, se eu girar o braço, estamos tendo alguns problemas Vamos pressionar o controle Z e ele vai clicar aqui, e vamos ver qual camada está acima. Ok, então essa camada, a parte superior do braço, está abaixo do braço inferior real. Isso não deveria ser o caso, certo? Então, devemos trazer isso para baixo, e agora vou seguir em frente no caminho, e vou fazer o caminho passe abaixo da parte superior do braço Dessa forma, também teremos algumas sobreposições e também poderemos criar animações Também vou ajustar um pouco o caminho que possamos trabalhar com alguns com os quais temos espaço para trabalhar. OK. Então, vou seguir em frente e criar uma rotação, mas agora vou colocar o ponto de ancoragem no lugar certo Ele atingirá a rotação agora E, como você pode ver, podemos animá-lo um pouco agora. OK. Agora, vou criar um quadro de rotação. Vou seguir em frente e criar Sim, é verdade, certo? OK. Então, como você pode ver, esta aqui, onde está essa camada. Isso está aqui. Agora vamos ter que voltar ao zero e emparelhar com essa camada. Para que ele se mova com o braço. Ok. Então eu acho que isso é demais porque, como você pode ver aqui, parece meio estranho, certo, porque neste momento, o braço está em cima das pernas, certo? Então, parece natural. Como se houvesse a sensação de que a mão está atrás da calça, certo? Mas agora, quando isso acontece, não parece assim. Então, teremos que cobrir isso também. Vamos seguir os caminhos, e eu vou seguir em frente e encontrar esse caminho muito rapidamente. Nós só vamos encontrar esse. OK. Onde está essa? Vamos descobrir. OK. Aqui está esse. OK. Vou dar a ela e criar um quadro-chave Eu vou vir até aqui e vou selecionar este. Eu só vou trazê-lo de volta para cá e para cá a partir daqui. Então, sim. Acho que isso deve ficar bem. Vamos ver. Parece muito bom, certo? Ok, acho que há um pequeno problema de abravação de pixels. Então, teremos que adicionar isso um pouco aqui. Parece que a mão está lá atrás e está se movendo. Veja, tenha em mente que esse pequeno detalhe faz uma grande diferença. Ok Ok. Agora, o que vamos fazer é seguir em frente e animar na direção inversa Primeiro de tudo, temos que voltar ao topo da camada, p, e vamos criar dois quadros-chave aqui OK. Então foi mais dois, talvez optemos por menos três Então, agora as mãos precisam sair daí. Então, teremos que copiar o primeiro quadro-chave. Passe por aqui, vou arrastar esse aqui e esse aqui. OK. Então, vamos jogar esse também. Vê? Parece perfeito, certo? Parece absolutamente perfeito. Não há problema com isso agora. Ok, isso parece bom. E o que vamos fazer é. A maior parte da nossa animação de crack está pronta. O que podemos fazer para enfatizar ainda mais a animação é animá-la também Pode causar algum problema, mas vamos fazer experiências com isso também. Essa camada é o antebraço e esse é o antebraço direito. Então, quando você está manipulando, basta nomear as camadas nesse compartilhamento. R significa certo. Vamos adicionar a barra inferior e agora vamos chamá-la de antebraço Então, isso é r significa baixo. Agora você vai apresentá-lo ao, eu acho. Sim, este é o m e agora vamos chamá-lo de antebraço. Então, agora vamos seguir em frente e animá-lo um pouco. Ok. Ok, você também pode experimentar isso. Será melhor seguir na mesma direção, mas você também pode ir na direção contra-intuitiva . Como você pode ver, eu cometi um erro. Eu não adicionei o quadro-chave. Então, vamos adicionar o quadro-chave. Volte. Vou adicionar apenas um. Como você pode ver, quebrou a outra animação. Então, teria sido melhor se tivéssemos criado isso em primeiro lugar, mas vamos fazer isso por enquanto, e vamos corrigi-lo também. Eu vou fazer menos dois aqui. E agora também podemos corrigir a animação do caminho aqui. Vou pegar o caminho, fazer o caminho, retroceder. OK. Ok. Agora, isso parece mais razoável, eu acho. Agora vamos fazer com que isso aconteça ainda mais. Há uma linha branca. Nós também consertamos isso. Vamos ver como fica agora. Ok, o braço parece perfeito. Então, sim, isso parece perfeito. Acho que essa animação parece muito grande neste momento. Vou seguir em frente e animar menos a parte inferior e também fixar o caminho Ok, então estamos perfeitos agora. Tudo bem Agora, o que vamos fazer é verificar a animação até agora. Isso está ótimo ou não? OK. Ok, isso parece perfeito. Vamos seguir em frente e ir para os seis segundos, e agora vou desbloquear todas as camadas bloqueadas. E agora vamos verificar se deixamos alguma camada ou não. Não, nós não fizemos isso. OK. Então, o que vamos fazer agora é selecionar todas essas camadas. Para fazer o loop funcionar perfeitamente. O que vamos fazer agora é selecionar todas essas camadas laranja e roxa porque as roxas também são camadas de caracteres Tenha isso em mente também. Agora, o que vamos fazer é pressionar nosso teclado e agora vamos examinar todas as nossas camadas. Como você sabe, as camadas roxas são essas que estão enroladas, certo Então, só precisamos nos concentrar nos primeiros quadros-chave de tudo. OK. Então, o que vamos fazer agora é, ok, então não há nenhuma camada abaixo. Vamos chegar ao último, e agora vamos selecionar este e ir na direção superior. OK. Todos eles são selecionados. Agora vamos clicar em clone. E é isso. É isso mesmo. Vamos verificar. Veja, parece perfeito, certo? Parece perfeito. Ok. Então, o que você vai fazer agora é selecionar todas essas camadas. Ok, espere. O que podemos fazer é prosseguir e bloquear essas camadas. OK. Vamos trancar esses. Agora, todas essas camadas precisam ser aplicadas com suavização. Está bem? Então, agora vamos selecionar tudo isso e F nove em nosso teclado. Agora, se você precisar de uma atenuação realmente personalizada , obviamente também pode aplicar a atenuação aqui Mas eu realmente não recomendo porque se você estiver fazendo o upload em um perfil, acho que mais atenuação funciona muito bem, na minha opinião, mas obviamente você pode aplicar mais atenuação e adicionar a atenuação da obra de arte conforme desejar Ok, então isso é o que estabelecemos até agora. Ok, então vamos continuar e agora animar o resto das coisas. OK. Nós vamos fazer. Agora, o que vamos fazer é evitar essas camadas Vamos desligar os roxos. Esses também. E agora, o que vou fazer é trancar esses. Vou selecionar os roxos e também vou bloquear esses. Ok. Então, agora o que vamos fazer é nos livrar da animação correta, certo? Você nunca viu. Perfeito. Então, agora o que vamos fazer é trabalhar com o cravo Ok, então o que estou pensando sobre a animação na nuvem é que vou começar antes de animá-la Vou selecionar esses dois e clicar em Mesclar O que isso fará é criar uma camada única e não se preocupe. Isso ainda permanecerá compatível com o TY. Eu testei, então você não precisa se preocupar com isso. Ok. Então, o que você vai fazer é trabalhar nas nuvens. Primeiro de tudo, vou selecionar todos eles e vou trazê-los para cá. Então, todas as nuvens estão aqui agora. Na ordem das camadas, pressione P no teclado e pressione o quadro-chave de posição E para funcionar em um ritmo, a animação deve se unir em tudo Então, eu recomendo que você use os mesmos timestamps em sua animação para todos os elementos, porque dessa forma, parece que tudo está funcionando em sincronia um com o outro A menos que seu elemento esteja fazendo algo muito diferente do resto da cena. Então, o que você vai fazer agora é que as garras se moverão um pouco aqui e na direção oposta, depois um pouco Em termos deste , acho que este vai desaparecer e desaparecer. Esse quadro-chave vai aparecer aqui, e isso simplesmente desaparecerá, eu acho Vamos adicionar os plásticos mais tarde. O que vamos fazer para este T colidir com este e este colidirá com este e este virá aqui e este virá aqui também, este virá aqui um pouco mais, e então ele se moverá em outra direção. Então, sim, vamos fazer isso agora OK. Então, este vai passar por aqui. Este também se moverá, aqui mesmo. Ok, então este também se moverá. E este se moverá nessa direção porque você também pode ser um pouco mais aleatório com elementos, porque, como você sabe, o clima está perturbando Portanto, não é necessário que a nuvem se mova de forma linear ou padrão, todas elas. Assim, você pode fazer várias alterações nesse tipo de animação. Ok. Então, o que você vai fazer é deixar tudo isso agora e clicar em clone OK. E eu vou seguir em frente e clicar em flexibilizar. OK. Vamos ver como isso parece. OK. Ok, agora isso se move para cá. OK. Eu quero ver as partes em movimento em cada um deles. Eu só vou pisar em todos eles. Ok, então esse movimento nessa direção. E então nessa direção. Ok, então esse se move muito, eu acho. Vai fazer com que se mova, então acho que isso não parece real, na verdade. Então isso vai se mover. E estes demoram um pouco e depois vêm. Sim. Isso está perfeitamente bem. Agora, esse, o que faz esse? Ok. Este não é animado? Acho que porque o quadro-chave foi clonado, na verdade. Vou seguir em frente e criar o quadro-chave de plástico aqui Este vai desaparecer em um segundo, eu acho. Isso não estará na tela e aparecerá. Então, eu vou aparecer assim. Este vai aparecer, e então simplesmente desaparecemos no quinto segundo e desaparecemos E eu vou simplesmente clicar aqui, e como você pode ver. OK. Ok, então há um pequeno problema. O que é isso? Agora, a nuvem parece parar por causa da flexibilização Então, eu não acho que essa flexibilização realmente funcione nessa nuvem. Então, vou apenas torná-lo linear. OK. Acho que isso vai funcionar melhor para esse público. Você deve manter esses detalhes em mente. Alguns de vocês podem estar pensando que eu sou um maníaco. Estou colocando muitos detalhes em cada elemento. Sim, eu tenho, e é por isso que acho que minhas animações realmente parecem boas Não é um flex, eu acho. Eu acredito que isso é verdade até certo ponto. Então, sim, esse é o motivo. Acho que pequenos detalhes importam, na verdade. Então, vamos seguir em frente e nossas roupas estão prontas. Então, vamos desligar esses também. Talvez precisemos disso, na verdade, porque vamos animar a chuva com base nisso, então vou bloquear isso agora Agora vamos animar a chuva. OK. Então, o que vamos fazer com a chuva? Ok, então isso é a chuva. Agora, o que ele vai fazer agora? OK. Então, o que eu estou pensando em termos de chuva é que, antes de tudo, vamos animar um grão, para que possamos ver como isso funciona OK. Então, vamos escalar a animação, certo? Porque quero enfatizar que, à medida que a gota cai no chão, ela fica um pouco mais longa. Então, sim. E a animação começa com a diferença de capacidade entre as gotas de chuva. OK. Então, o que vamos fazer agora é criar uma animação em escala na gota de chuva E o que vamos fazer é fazer com que seja 120. OK. E isso só vai acelerar em dez quadros-chave. Vou voltar um pouco. E, então, isso fica um pouco mais longo. OK. Então, vou adicionar esse quadro-chave de posição clicar em você e trazê-lo aqui E este voltará para o céu e o trará de volta ao solo. OK. Então, assim. OK. E quando isso voltar ao chão, vai desaparecer assim. OK. Então, nossa aparência, viu? É interessante, certo? Sim, parece bom. Ok. Então eu acho que a chuva está um pouco mais lenta no momento Acelere um pouco. OK. Ok. Então, se você sabe como a gravidade funciona, ela basicamente funciona, começa mais devagar e ganha velocidade com o tempo Basicamente, a chuva está caindo devido à gravidade, 5. 04.Animação para clientes e animando textos: Olá, pessoal. Bem-vindo de volta ao curso. OK. Então, nesta aula, vou compartilhar um exemplo de um trabalho que criei para seu cliente. Está bem? Então, neste exemplo, você deve ter visto que há muitas coisas de IA acontecendo no mundo, certo, e as pessoas precisam de animações para seus modelos de IA, ok, nas quais elas queiram transmitir aos clientes o que seu modelo de IA pode realmente fazer OK. Então, houve várias solicitações, e eu concluí vários pedidos relacionados a essas coisas e vários projetos relacionados a essas coisas, em particular. Então, eu também queria adicionar isso no curso. E também mostro alguns exemplos de como podemos usar lotificações nesses assuntos Essa forma vermelha está basicamente aqui apenas para cobrir o registro do cliente, porque eu também quero respeitar sua privacidade. OK. Então, o que realmente acontece. Vamos. Esta é a nossa principal competição. OK. Então, vou entrar no chat do PC Comp. Como você pode ver, isso também é chamado Chat PC, o que significa que é uma pré-composição E dentro dessa pré-composição, existem várias camadas Vamos examinar nosso arquivo agora. OK. Então, primeiro de tudo, o que acontece aqui é que esse balão de bate-papo aparece Ok, então vamos verificar isso. Isso é bem simples, como você viu na aula anterior, temos uma cena complexa animada. Então, isso não é realmente uma grande coisa. Como você pode ver, isso é apenas animação em escala, e acabei de sequenciar as camadas usando esse plug-in nas regras de movimento do cabelo, ok Então, é basicamente enganar que o fórum de bate-papo esteja pensando ou digitando E a mesma animação é criada tanto para o usuário quanto para o fórum de bate-papo. OK. Então, ao criar esse tipo de animação, você precisa ter algumas coisas em mente Em primeiro lugar, sempre há a sensação que todas as coisas de IA estão acontecendo ou circulando. Há uma coisa comum entre isso, que é que a IA economizará seu tempo. Está bem? Portanto, a animação não deve ser realmente muito longa, ou não deve levar muito tempo para, você sabe, mostrar as habilidades do que a IA pode fazer, na verdade É por isso que você pode pensar que a animação está sendo animada muito rapidamente, mas essa animação será aplicada em um site Então, isso será carregado de novo e de novo e de novo. E se alguém estiver realmente interessado em ler todo o texto, pode simplesmente assisti-lo novamente porque a animação se recarregará e começará a ser reproduzida novamente no site Então, nós só queremos fazer com que isso pareça atraente quando estamos criando esse tipo de animação O objetivo individual não é animar cada letra uma por uma Portanto, não queremos tornar a animação muito longa, letra por letra, porque o usuário pode ficar menos interessado em assistir a animação inteira e pode rolar para baixo na página do site. Está bem? Então, digamos que, como você pode ver, essa é a animação da bolha E acabei de adicionar quadros de opacidade nele. Começa com opacidade e desaparece, e apenas uma bolha de texto aparece OK. Vamos verificar isso. OK. Então, aqui está uma animação em escala Além disso, o que acontece depois disso é que há um pouco de excesso na bolha E depois disso, o que realmente acontece é que a pessoa está perguntando à IA que eu gostaria de reformar minha casa, ok Então, como você pode ver, essa camada é única por enquanto. Como você pode ver, essa é uma camada de texto. E agora vamos ver o que está realmente dentro da camada, o que é realmente animado. Como você pode ver, somente a opacidade é animada e há uma máscara na camada Agora também podemos fazer muitas outras coisas com o mascaramento, que abordaremos no curso mais avançado, que será lançado em breve, que será lançado em breve, e abordaremos muitas técnicas complexas que podemos usar para obter vários resultados com máscaras dentro do art animison, pois as máscaras são suportadas por arquivos de arte Então, realmente aprenderemos como usá-los com muito mais detalhes. OK. Então, agora vamos desligar a máscara e ver. E se não houvesse máscara. OK. Então eu desativei a máscara e, como você pode ver, também não há nada. E também há essa camada inferior, que também contém uma máscara. Agora, o motivo pelo qual apliquei a máscara nessas camadas é que você descobrirá isso em breve. Como você pode ver na próxima mensagem, existe essa camada de texto. A primeira linha está mascarada. E há essa segunda linha, que também está mascarada. E depois há esse terceiro também. Então, por que não escolhi nenhuma outra técnica em vez de usar máscara é porque também aprenderemos os detalhes de como exportar essas animações, usando o body move and plug in, que instalei na aula anterior OK. Então, o que vamos fazer é que essas técnicas de mascaramento nos pouparão muito tempo se o cliente solicitar muitas alterações Então, o que você quer dizer com isso é que digamos que o cliente solicite a alteração do texto. Está bem? Então, o que vamos fazer é que todas essas camadas são na verdade a mesma camada, ok? Então, vamos desabilitar a máscara, vamos desligar essas duas e desativar a máscara nesta. Como você pode ver, o texto inteiro está dentro deste. Então, em vez de, digamos que o cliente solicite que ele queira alterar o texto. Podemos simplesmente editar o texto inteiro em uma camada e depois duplicar essa camada, sem precisar mover a camada porque, como você deve saber, todas as empresas têm algumas restrições e algumas regras para suas fontes e tipos de letra, além do espaçamento entre as Portanto, temos que ter tudo em mente quando se trata disso. Portanto, é melhor manter o padrão do que o cliente diz para você, e então você pode simplesmente editar isso e aplicar máscaras em cada camada e dividi-las em linhas. Acho que essa abordagem funciona muito bem, e isso nos poupa muito tempo no que diz respeito ao fluxo de trabalho e à edição do texto. Seja ou outras coisas que você possa fazer, digamos que você queira aprender uma alternativa para isso. A alternativa pode ser duplicar essa camada. Vamos vendê-lo por enquanto. Vamos desabilitar isso, vamos vendê-lo por enquanto e vamos remover a máscara. OK. Agora, digamos que queremos criar camadas de forma a partir desta. OK. Agora, vamos esperar, veja, agora o texto foi criado. Agora há um problema com este. O problema com este é que, em primeiro lugar, não podemos realmente editar o texto agora. Além disso, se precisarmos excluir as duas camadas superiores, teremos muita dificuldade. E talvez você possa dizer isso, não queremos editar isso. O que queremos fazer é deixar o sol novamente. Só queremos manter a palavra considerando. OK. Se excluirmos as duas linhas superiores, o que basicamente acontecerá é que o texto mudará de posição. Então, podemos ter muitas dificuldades com isso. Em seguida, teremos que arrastá-lo abaixo das outras duas camadas na posição correta sem cometer nenhum erro de pixel, e isso pode desperdiçar muito do seu tempo. OK. Então, eu não gosto dessa abordagem, e acho que essa abordagem, a de mascaramento, funciona muito melhor nesse tipo de projeto de animação de conversas de texto OK. E porque o processo regional se torna muito mais fácil. OK. E, claro, haverá momentos em que o cliente alterará o script ou haverá alterações devido a outras coisas ou talvez você tenha digitado algo errado. OK. Portanto, é importante ter isso em mente. Além disso, há outra coisa a ter em mente, que discutiremos em outra aula na próxima aula. OK. Então, agora, essa bolha também se anima, ok E então esse texto vem do usuário, e então a IA reconhece isso e pensa um pouco sobre isso E então isso é o que sugere ao cliente, e então a pessoa digita tudo e então isso aparece OK. Então é assim que a conversa acontece entre a IA e a pessoa. OK. Então, agora estabelecemos a animação. Então, por exemplo, nesse tipo de edição de texto, você pode ficar muito mais frustrado se escolher a outra abordagem sobre a qual falei Mas agora, como eu uso a mesma camada de texto, só precisamos deslocar a camada É isso aí e basta criar máscaras. É isso mesmo. E se o cliente solicitar uma alteração, digamos apenas o texto, o que precisamos fazer é seguir em frente e fazer alguns ajustes nas bordas da máscara. É isso mesmo. Ou podemos simplesmente excluí-lo e desenhar um novo em um minuto. Só temos que criar este. Vá até a ferramenta de caneta e comece a criar uma nova , basta adicionar alguns pontos e fazer os ajustes conforme necessário. Então você entendeu o que quero dizer, certo? OK. Agora, digamos que animamos toda a animação. Agora, depois que a animação for concluída, agora o que vamos fazer é mostrar para o usuário que alguém está usando essa animação em um celular. Então, vamos precisar de um telefone celular para isso, certo. Vamos usar um espaço reservado para que todo esse texto entre no celular Então, vamos voltar à nossa composição principal e vou mostrar como eu criei isso OK. Então, agora o que criamos aqui é um telefone que recebi da FP, eu acredito E agora o que podemos fazer é ou talvez eu ache que o cliente me enviou o arquivo. Então, isso era basicamente um arquivo EPS. Este é o arquivo que o cliente me enviou. Acabei de selecionar todas essas camadas, sobrecarregá-las e colocá-las aqui no After Effects E depois disso, eu simplesmente pré-Cate, coloquei aqui e simplesmente habilitei o botão de estrela aqui OK. Então, o que é conhecido como transformação de colapso. OK. Portanto, rasterize ou vetorize continuamente. OK. Então, agora, o que fizemos aqui é que aqui estava o logotipo do cliente. Colocamos o logotipo porque, é claro, eles querem mostrar sua marca. Agora vamos prosseguir e bloquear o telefone. E agora aqui está nossa animação. Vamos remover a máscara para ver como está a conversa aqui. Ok, como queremos mostrar toda a animação dentro de um telefone, há um pequeno problema. Como você pode ver, a animação é bem longa, na verdade, certo? E como você deve saber, se vocês já usaram mídias sociais e outras coisas. Há um painel U i aqui no Vamos trazer de volta a máscara primeiro. OK. Agora vou explicar para vocês por que não mostrei as últimas mensagens por aqui embaixo porque, como vocês sabem, o usuário sempre digita alguma coisa nessa área, como nós usamos o whatsapp vocês sabem que essa é a área em que digitamos tudo, certo? Agora, você pode dizer que a animação deveria ter funcionado dessa maneira, que a taxa de texto estava sendo escrita aqui e depois subindo no chat, certo? Mas não era isso que o cliente queria. O cliente queria que eu mostrasse a conversa entre a IA e a pessoa dessa maneira. OK. É por isso que optamos por essa abordagem. OK. Além disso, eles ainda não tinham o design de interface do usuário do aplicativo. Então, eles realmente não conseguiram estabelecer isso. OK. Então, agora o que eu fiz é que a animação está aqui, ok? E agora o que queremos mostrar é que também há algum espaço negativo na parte superior algum espaço negativo na parte superior porque há a marca e, obviamente, agora o bate-papo começa a partir daqui Agora, isso é algo interessante: o que eu fiz aqui é que esse pré-comp de bate-papo na verdade, eu quero criar um efeito de rolagem, basicamente, ok E há duas maneiras de criar isso. Uma delas é que podemos criar a animação da rolagem aqui dentro Ok, e então podemos simplesmente transformar tudo um nulo e, em seguida, posicionar o quadro-chave no objeto nulo Está bem? Então, tudo se move com o nulo na direção profissional. Nós também podemos fazer isso. Mas haverá problemas com isso quando editarmos o texto porque talvez o próximo parágrafo seja um pouco mais longo, e um deles seja um pouco mais curto, e a lacuna entre as mensagens possa ser perturbadora A lacuna entre as mensagens pode não permanecer a mesma que você pode ver agora. Ok, então podemos correr entre problemas devido a isso. É por isso que escolhi essa abordagem de criar uma pré-composição, porque a animação do texto deve ser perfeita por si só OK. E então o resto da animação na qual queremos combiná-la deve ser criada em um anexo mais expandido. Eu acho. Então, basicamente, se algo falhar na animação, a animação de texto não será afetada por isso porque está dentro dessa camada. Está dentro dessa pré-composição. Portanto, se cometermos alguns erros ou os ajustes estiverem errados, ele será aplicado somente ao pré-composto Isso não vai arruinar todo o nosso projeto. Então, primeiro, acabamos de aperfeiçoar a animação no chat, e depois eu pré-comento tudo. Agora, o que fiz aqui foi criar uma máscara na qual queria ter certeza de qual área será usada para nosso bate-papo, que é essa área que você pode ver. Vamos mudar a cor da nossa máscara para que vocês possam ver claramente. Ok, vamos fazer com que seja uma cor de limão. OK. Ok, então não há contraste no fundo, então vamos usar um mais escuro Ok, vamos usar um preto. OK. Acho que isso parece mais visível. OK. Então, como você pode ver nesta área de trabalho , vamos animar coisas. E como nossa animação será uma animação vetorial, realmente não precisamos nos preocupar em mascarar ou manter o vetor de sutiãs, porque as camadas internas são todas vetoriais Portanto, isso não causará nenhum tipo de problema, na verdade. OK. Assim, você pode remover a estrela da camada. Isso não causará nenhum problema. Eu testei as animações nas plataformas. Eles funcionam perfeitamente bem. OK. Então, há uma máscara. OK. Agora, o que estou tentando mostrar é que as mensagens vão na direção superior porque há novos dados que queremos mostrar dentro do bate-papo, certo? Em palavras simples, é assim que o whatsapp funciona, certo? As mensagens mais antigas são movidas para cima e as novas mensagens estão abaixo. OK. Então, agora o Caminho se anima de um ponto a outro Agora, o que realmente está acontecendo, vamos assistir. OK. Então, como você pode ver, a máscara vem de cima para baixo. E também há uma animação de posição, que compensa a animação da máscara na direção oposta E como isso está funcionando? Vamos apenas remover a citação da posição para que você tenha uma ideia melhor Viu o que aconteceu lá? Você entendeu a ideia. O que estamos tentando mostrar aqui é que queremos mover o bate-papo na direção superior. Mas à medida que eu movo a massa para baixo, todo o bate-papo parece descer na tela Não é isso que queremos mostrar. Queremos manter a primeira mensagem na parte superior da tela. E há uma pequena diferença se vocês perceberem que a primeira mensagem chega aqui. Vamos apenas desenhar um guia. Mas depois, a mensagem está por aqui. Então, por que esse espaço não é compatível? A razão por trás disso é que aqui está essa mensagem roxa. Agora, eu poderia simplesmente colocar a mensagem roxa pela metade aqui, mas isso não pareceu muito bom. Então, continuamos com a ideia de que queremos garantir que a conversa pareça ponto a ponto, certo? Porque é uma história que estamos tentando contar. Então, eu simplesmente não queria que uma mensagem meio cortada fosse retratada entre a história porque as pessoas já leram essa, ok E no caso de algumas pessoas não terem lido, tem isso. Em primeiro lugar, não é possível que eles não a tenham lido porque essa mensagem permanece na tela por alguns segundos. OK. E então este rola para cima. Então, tomei essa decisão apenas para deixar o design mais limpo. É isso mesmo. OK. E conforme a máscara se move para baixo, há uma animação de posição que leva toda a animação na direção superior, ok? exemplo, vamos remover a chave da máscara, vamos ver o que acontece. Você vê o que está acontecendo? OK. Então, basicamente, o bate-papo se move na direção superior. É isso mesmo. Isso é tudo o que acontece. Agora, isso parece muito estranho porque cruzamos nosso marcador a partir daqui e aí está o logotipo do cliente É por isso que criei esses quatro quadros-chave nos quais uma animação aborda a outra na direção oposta, e basicamente faz parecer que estamos rabiscando Mas isso não é realmente o que está acontecendo. Mas lembre-se sempre de que é sempre sobre o que a pessoa quer ver. Não se trata de como está funcionando. É sobre a ilusão que estamos criando. Queremos transmitir a mensagem de que essa conversa está sendo animada na direção descendente Está bem? Não importa como conseguimos isso. Está bem? Somente o resultado deve ser suave. É isso mesmo. E a conversa continua e essa também se anima, e nossa animação é concluída, permanece na tela por cerca de um segundo e depois se recomeça É isso mesmo. OK. Então é assim que vocês podem criar esse tipo de animação. E vou mostrar na próxima aula como vamos realmente exportar esse tipo de cena e quais são as configurações otimizadas e ideais para obter os melhores resultados de seus arquivos de lote usando a movimentação corporal, na verdade. E porque ele oferece muito mais recursos avançados do que o plug-in lotifiles em si, na verdade. Então, vamos abordá-los na aula posterior. Muito obrigado Vou ver na próxima aula. OK. 6. 05.Animações complexas e como gerenciar o fluxo de trabalho: Ok, então estamos de volta. E agora vamos ver outro exemplo e outro estudo de caso de um projeto realmente complexo. Eu criei essas animações para um site chamado Quander, na verdade, e eles solicitaram algo incrível E vou compartilhar esse estudo de caso com vocês. Vamos mostrar o que eu realmente criei para essa empresa. OK. Então, eu vou seguir em frente e reproduzir a animação, em primeiro lugar. OK. OK. Então, como você pode ver, eles estão basicamente exibindo e explicando todo o conceito de seu produto, ok, de uma forma muito criativa. E eu acredito que esse projeto foi um dos meus melhores projetos, e é realmente algo que eu quero compartilhar com vocês e explicar como eu alcancei esse tipo de resultado. E antes de prosseguirmos, vou mostrar a vocês algo que é muito importante criei esse projeto há algum tempo. E o que vou mostrar é que eu também costumava trazer as molduras de estilo de um astrator que o cliente me enviou e então eu só tinha que recriar tudo camada por camada, dentro do After Effects usando esta etapa Mas é muito melhor, você sabe, simplesmente abrir os arquivos dentro do liraor e depois criar a animação usando essa sobrecarga , porque assim você não precisará passar por esse processo e economizará muito tempo Ok, então vamos começar com o que o cliente realmente me enviou. Então, o cliente basicamente me enviou essas molduras de estilo, ok? Vou abrir todos eles e compartilhar com vocês. OK. Então, vamos começar com o primeiro. Ok, então esse é o primeiro, o centro animado, esse centro animado, imata isso em isso, em isso , nisso, nisso, nisso E, como você pode ver, não há alteração de texto. Na verdade, os arquivos tiveram alguns problemas e o cliente me solicitou algumas alterações, e eu acabei de obter o nome encontrado a partir deles, e então fiz as alterações conforme eles me pediram. Então, basicamente, essas molduras de estilo tinham alguns erros, na verdade. Então, sim. Como você pode ver, não há textos aqui, mas existem nas minhas animações. Então, isso é basicamente o que o cliente compartilhou comigo. E agora o que eu fiz aqui é que o processo de animação não era realmente algo em que o cliente estava pensando. Eles não tinham uma direção específica do que queriam que eu fizesse com o processo de animação. Eles só precisavam de uma animação suave. Estou transmitindo a história deles do ponto A ao ponto B neste caso, que é por meio desses direitos OK. Então eu inventei essa madeira. Na verdade, estou visitando esse arquivo depois de um bom tempo. Então, como você vê, uau. É realmente incrível, cara. Estou impressionado com meu próprio trabalho, para ser sincero, porque estou abrindo meu arquivo depois de muito tempo. Então, tudo bem. Então, basicamente, primeiro, o conceito também é o cliente solicitou que precisasse dessa animação em 60 fs por segundo. É por isso que essa animação é criada em composição de 60 fs por segundo. OK. Então, o que realmente acontece é que eu tive que criar transições mais suaves Então eu segui em frente com a ideia e criei essa animação. Ok, agora vamos ver algumas das técnicas que eu uso, tendo em mente que entregarei um lotifile para o cliente e quais técnicas usei para realizar o trabalho E há três animações neste projeto que eu fiz para o cliente, mas vou compartilhar apenas uma com vocês porque acho que isso é o suficiente para ter a ideia Vamos seguir em frente e mergulhar nisso. A primeira é uma animação circular, que é muito simples. Essa é a animação circular que é animada e o círculo aparece e depois desce Basicamente, não vale pena manter esse círculo na tela por muito tempo. Porque ainda não foi construído um motivo. Isso é o que esse círculo representa. OK. Então, vamos chegar a esse ponto mais tarde aqui, certo? Que essa cor representa basicamente um aluno. OK. Então, isso não está estabelecido aqui. É por isso que não adianta manter esse ponto na tela por muito tempo. Mas, subconscientemente, ela representa basicamente o usuário que está olhando para a tela. OK. Então, basicamente, essa é a pessoa que está olhando para a tela. Agora, isso vai para os estudantes. OK. E agora, eles são ainda menos rotulados como cor amarela Ok, vamos tornar isso muito simples para vocês, porque isso é demais, eu acho. OK. Então, aqui estão os quadros da escala K. Então, todos eles apenas circulam. Em primeiro lugar, esse círculo também volta para o centro e desce até o centro. OK. E agora, o que realmente acontece aqui é que esses círculos aumentam primeiro, então o que realmente acontece é que, depois de serem dimensionados, eu também tive que ter em mente que os quadros devem estar alinhados com os storyboards do cliente Então, como você pode ver neste. A melhor maneira de criar esse tipo de animação é que, antes de tudo, você precisa recriar tudo, basta ir em frente e criar E a abordagem para criar animações perfeitas sem cometer nenhum tipo de erro é que, quando você copia a moldura de estilo e ela está dentro do After Effects, antes de tudo, você só precisa garantir que tudo permaneça É por isso que você vai seguir em frente e criar os quadros-chave de tudo o que é como está. OK. Portanto, você não aplicará nenhum tipo de alteração. Você só vai adicionar quadros-chave. Está bem? Você deve ter em mente que tipo de propriedades você vai animar E então você só precisa ter isso em mente. Obviamente, o cliente me forneceu as molduras de estilo. Então eu posso ir em frente e ver que tipo de animação eu vou fazer. Agora, como você pode ver, é óbvio que teremos que animar as posições Então, eu apenas crio os quadros-chave de posição. OK. O que mais vamos fazer? Ok, vamos precisar quadros-chave de opacidade porque há E tem outra coisa. Também há uma diferença de cor, certo? Como você pode ver. Essa cor é diferente. OK. Então, isso dá três propriedades. OK. Em primeiro lugar, acabamos de adicionar quadros-chave de posição Agora vamos adicionar molduras coloridas. OK. Então, basta criar quadros-chave coloridos O que podemos fazer é simplesmente hackear esse. Vamos pesquisar cores. Vamos apenas adicionar as camadas primeiro e depois digitar em cores. OK. Agora que a cor chegou, vamos apenas adicionar os quadros-chave em todas as camadas. Então é assim que você basicamente cria o mesmo quadro de estilo antes de iniciar o processo de animação. Então, agora os quadros-chave de cores foram adicionados. Agora, a terceira coisa que queremos adicionar é que vamos selecionar todas elas. Agora vamos aumentá-lo porque vamos animar a opacidade Vamos criar um quadro-chave. Ok, então agora estamos prontos para ir. Se vamos animar qualquer outra propriedade, vamos procurar por ela também Mas acho que não precisamos animar qualquer outra propriedade Então eu acho que isso é suficiente. Ok, então agora eu vou em frente e começo a animar as coisas, ok? É assim que você inicia o processo de animação. Você precisa se manter em contato com os storyboards e depois pensar em quais quadros-chave você precisará Porque você não pode simplesmente criar rotação, opacidade e escalar quadros-chave se não precisar deles É muito importante ter isso em mente porque os quadros-chave contêm dados, certo? Então, se você usar menos quadros-chave, isso só aumentará o tamanho do arquivo de lote Agora, obviamente, se não houver alteração nos dados em todos os quadros-chave, isso realmente não afetará nada Mas é importante manter o mínimo possível de quadros-chave em seus artifícios e, se houver certos problemas ou questões que você queira resolver, sobre os quais também falaremos agora em um minuto Depois, você também pode criar alguns itens extras, que podem ser otimizados posteriormente. OK. Então, vamos excluir isso e voltar para a composição principal e discutir isso mais detalhadamente OK. Então, depois da animação da escala desses. Como você pode ver, tudo isso é animado. E então o que acontece é que, então essas são as camadas. Ok, então vamos voltar a este porque talvez tenha havido alguns problemas e processos de edição nesses coms. É por isso que essas não são as últimas. Porque, como você pode ver aqui, eu adicionei um efeito de campo. Ok, então isso não vai funcionar na loteria. Então esse pode ser o primeiro rascunho da animação. Além disso, você pode fazer isso enquanto cria uma animação aproximada sem precisar ter tudo em mente sobre a loteria Você pode simplesmente criar um rascunho rápido da animação porque, como você pode ver, se realmente me desculpe, eu simplesmente não bloqueei esse. Ok, então vamos em frente e bloqueie esse. É apenas uma dica importante digamos que precisamos recolorir todas essas camadas Portanto, existem algumas etapas. A forma como podemos recolorir essas camadas. Uma delas é adicionar um filift , que na verdade é um atalho, e isso nos poupará muito tempo Temos que fazer isso. Então, eu apenas uso essa abordagem aqui para economizar algum tempo, porque o cliente pode posteriormente solicitar a edição no texto ou algo parecido. Em seguida, você terá que recriar as camadas de forma do texto e depois alterar a cor também É por isso que às vezes isso pode ser problemático. Então, acabei de criar isso no rascunho. Então, deixo este de fora do caminho, vamos nos concentrar apenas no único lote, que são os cinco finalistas, que são compatíveis com arty OK. Então, depois disso, há uma animação de abrir a propriedade de posição. Ok, então a posição começa a partir daqui. Ok, então toda a animação começa do centro da comunicação, e então elas aumentam de escala e chegam à sua respectiva posição. Então, basicamente, eu criei esses quadros-chave mais tarde, ok? Começamos a partir daqui. Eu colei esses quadros-chave. Comecei com esses quadros-chave, ok, esses. E então eu criei esses, e depois fui para os próximos. OK. Então, agora, daqui até aqui, isso continua o mesmo. OK. Então, essas são apenas as cópias dos primeiros quadros-chave porque não há interpolação entre os quadros-chave Portanto, isso realmente não faz muita diferença no tamanho do rotifi Agora, o que vamos fazer a seguir é que isso seja animado daqui até aqui OK. Então, como eu teria conseguido isso? Em palavras simples, eu teria conseguido isso de uma forma que fosse seguir em frente e entrar em 1.3. OK. E eu também teria criado tudo isso em camadas de forma, criado quadros-chave de posição nessas também e, em seguida, copiado os também e, em seguida, copiado quadros-chave delas e simplesmente cloná-los Bem, na verdade, não os arranhe porque você não pode arranhar o quadro-chave em outra camada Então, o mais provável que eu teria feito é criá-las em camadas de forma e, em seguida, criar molduras de posição nestas como esta. Ok, e depois basta copiar todas as camadas. Isso, traga-os aqui assim e depois selecione uma das bolas do círculo e, em seguida, selecione a respectiva e depois copie e cole tudo, desde a referência até a outra. OK. Então, deixe-me mostrar um exemplo disso. Vamos manter um desses aqui. Vamos simplesmente deletar o resto deles. OK. Eu só vou deletar o resto. Fique com esse. Estou apenas fornecendo um efeito de preenchimento sobre isso. Ok, vamos selecionar este. Corte essa. OK. Então, vamos mover esse aqui. Agora vamos seguir em frente e copiar esse quadro-chave. OK. E agora vou clicar aqui. Clique no quadro-chave. Existe essa camada. OK. Está por aqui. Controle V, e isso está exatamente na mesma posição. É assim que eu teria feito isso. OK. Então, agora vamos para a próxima etapa. O que está acontecendo depois disso? OK. Então, aqui está uma camada de texto que contém alguns espaços. OK. Então, vamos deixar o fundo preto para que possamos ler o texto. Ok, então há uma lacuna entre o texto e, em seguida, o resto do texto simplesmente aparece com posição e opacidade Ok, há uma coisa a ter em mente que, como você pode ver, essa animação tem dez, 20, 30 francos-chave, ok? E esse também, esse também, e esse também. Você precisa criar um padrão para cada animação ao criar um trabalho para o cliente, como já discutimos isso antes, que a marca não perca algumas das camadas, e algumas das camadas sejam animadas de outra forma em relação à primeira Então, isso vai parecer estranho. OK. Então, agora o que vamos fazer é que eu acabei de criar essas camadas. OK. Então, uma camada aparece por cerca de um segundo para que a pessoa possa lê-la e, em seguida, ela passa para a segunda. OK. Então, agora a opacidade Vamos verificar os quadros-chave de opacidade agora. OK. Então eu apertei T no nosso teclado, e vou ver como eu animei isso. OK. Ok, agora isso é algo perceptível aqui que todos eles estão animando corretamente, exceto este Este não está sendo animado. A opacidade não está sendo animada, mas ainda assim, como você pode ver, existem quadros-chave Agora, esses quadros-chave não contêm dados entre si. Este também é perseguido e este também está morto. Então, por que eu criei esses dois quadros-chave? O motivo para criar esses quadros-chave é que isso torna tudo muito mais fácil quando você copia e cola toda a animação E também, se o cliente solicitar que ele queira tornar a animação mais longa, certo? Eles querem que a animação seja mais longa e leve mais tempo, e que seja lenta, certo? Então eu não posso simplesmente arrastar esses quadros-chave frente porque haverá algumas lacunas na camada Aquele que não estiver sendo animado será interrompido porque todos os quadros-chave não estão alinhados Não posso, não posso simplesmente seguir em frente e sequenciar essas camadas também porque existem algumas lacunas entre as camadas. É por isso que é importante ter isso em mente, e isso também facilitará meu trabalho ao animar tudo, porque ficarei menos confuso qual camada está animando e hicclaer não está animando Porque em termos de ver o que eu deveria animar, isso não é um grande problema, porque você diz isso, não tenho certeza do que preciso animar Vou dar uma olhada na moldura de estilo. É isso mesmo. Está bem? Então isso não é uma grande dor de cabeça. Eu só tenho que ir em frente e verificar. É isso mesmo. E eu saberei qual deve ser animado e qual não deve ser. Eu posso verificar isso na referência. OK. Então, a mesma coisa acontecerá com os quadros-chave de cores Ok, então vamos verificar a chave colorida fms agora Vou selecionar todos esses. Vá em frente e verifique as películas coloridas. OK. Então, como você pode ver, metade das camadas muda de cor, mas há quadros-chave em cada uma delas. E também, como eu disse, há um quadro-chave de referência logo no início, ok? Veja, cada camada começou com a mesma cor, então há um quadro-chave. E agora, aqui é onde a animação começa, então há um quadro-chave e a partir daqui, as estrelas coloridas mudam. Então, vamos verificar quando a estrela colorida está mudando sozinha. OK. OK. Então, a cor começa a mudar de aqui para cá. OK. Então, vamos seguir em frente e ver aqui. Como você pode ver, essas camadas estão mudando de cor, mas também há quadros-chave na camada abaixo , certo? OK. Então, como não haverá mudança de cor por aqui, não há quadro-chave aqui OK. E, como você verá, examinamos o arquivo, há quadros-chave em cada ponto. É um erro que eu não tenha adicionado quadros-chave nessas camadas, porque também deve haver quadros-chave nessas camadas , para que cada camada tenha um quadro-chave em cada momento , mesmo quando uma camada muda de cor, todas as outras camadas também tenham quadros-chave Agora, algumas pessoas devem estar pensando que isso pode aumentar o tamanho do arquivo de lote, mas esse não é o caso, na verdade, porque não há interpolação entre os quadros-chave Portanto, isso não aumenta o tamanho do arquivo, na verdade. E, em alguns casos, mesmo que isso aconteça, ou se houver algum problema. Talvez haja alguns problemas com esse tipo de enquadramento de chaves quando você estiver usando imagens ou dados baseados em raster Então, eu sugiro que você não adicione quadros-chave extras, ou talvez você possa simplesmente limpar os quadros-chave assim que o cliente aprovar o projeto, e então você pode simplesmente criar uma cópia desse policial e depois excluir todos os quadros-chave extras como esses Você pode simplesmente excluir esses seis quadros-chave. Mas quando o projeto estiver concluído e você estiver na etapa final de entregar os arquivos, só faça isso, ok? Apenas para a otimização do arquivo. Não faça isso antes disso. Eu recomendo fortemente, ou então você ficará muito confuso. OK. Então, depois disso, você pode ver metade da última mudança de cor, e o texto continua se animando Então, agora, basicamente, o texto está refletindo a história entre esses pontos Então, os pontos reagem ao texto. Como você pode ver, aulas personalizadas são mais eficazes do que as instruções típicas. E agora, agora está basicamente direcionado ao outro público, que é que tipo de professor você Está bem? Então, agora eles usaram um conceito realmente único de representar isso também com apenas pontos. É isso mesmo. Eles não usaram uma animação correta ou algo parecido. Eles usaram uma abordagem muito minimalista com isso. propósito, você também pode adicionar marcadores para ter certeza de adicionar um slide E se você realmente verificar o intervalo de tempo entre eles. É só dizer dez, 20, 30, 40, 50, 60701890, 100, 110 e 120 Então esse também é 120, esse também é 120. Então, cada animação leva 2 segundos, ok? Então, o que você pode fazer no início do projeto é simplesmente trazer todos os ativos do seu projeto. E então o que você pode fazer é deixar que eu vá em frente e mostre o que quero dizer com isso. OK. Vamos criar sete 50 por sete 50. Chamamos isso de teste. E agora vou mudar sua cor. Esse, vou chamá-lo. OK. Agora vamos rastrear tudo isso até aqui. OK. Agora, o que estou pensando é que vamos dizer que o cliente não sabe quanto tempo será efetivo para cada slide. Então, eu vou sem nenhum trabalho duro. Só vou me certificar de que o momento da animação está correto. Vou seguir em frente e fazer esses 2 segundos cada. OK. Então, em vez de usar isso, também podemos seguir em frente e selecionar todos eles. Ok, agora vamos apenas alterar essa ordem de orientação da ordem das camadas, e agora vou adicionar as etapas 1 e 20. Vamos aplicar o deslocamento em apenas uma camada, e eu vou clicar em Sequência Ok, então o plugin na verdade não está funcionando por algum motivo, e isso realmente acontece. Então, teremos que reiniciar nosso After Effects para que ele funcione. Ok, agora vamos selecionar toda a camada e clicar na sequência. Por algum motivo, o plugin não está funcionando. Vamos seguir em frente e selecioná-lo aqui também. O plugin estará disponível. Por algum motivo, o plugin não está funcionando. Não sei bem por que isso está acontecendo. Então, o que vamos fazer é fazer isso manualmente. Ok, então você pode basicamente criar um slide simples como esse e enviá-lo para o cliente. Temos que mudar a ordem das camadas. É isso aí, e estaremos prontos para começar. Ok, então esse é o segundo slide. OK. Vamos desbloquear esses. Agora, o que você pode fazer é enviar isso ao seu cliente e permitir que ele veja se o momento parece correto ou não. Eles podem ter uma boa ideia a partir daqui, como vai a animação ou se o tempo está correto ou não. É isso mesmo. Você pode fazer isso em 5 minutos e enviá-lo ao cliente. Então é isso que eu devo ter feito e depois iniciado o processo de animação criando as etapas de tempo e finalizando o tempo final da animação OK. Então, à medida que a animação continua, o texto continua se animando, e os pontos se animam. Há mudanças de opacidade acontecendo e também há mudanças de cor acontecendo ao mesmo tempo Ok, vou ocultar as camadas e isso vai deslizar todas elas e revelar opacidade, como você pode ver, em todos os lugares em que as legendas são criadas, mesmo nas camadas que não estão criadas, mesmo nas camadas que OK. OK. Isso parece menos confuso quando se trata de adicionar revisões aos seus arquivos ou algo parecido Ou talvez você precise ajustar o tempo dos quadros-chave ou apenas tornar a animação inteira mais longa ou mais curta. Você pode simplesmente clicar com a tecla Alt e arrastar tudo isso. OK. Portanto, se houver lacunas entre os quadros-chave, isso arruinará a animação Você realmente não pode mudar o tempo. Além disso, você também não pode usar expressões. Em latifiles, eles não funcionam muito bem. Portanto, também não podemos usar nenhuma expressão ou efeito de reversão ou alongamento de tempo Então, teremos que alterar o tempo da animação manualmente. Então, isso é muito útil em termos disso. A animação passa por tudo isso e , em seguida, esse texto aparece e é animado. Agora, como você pode ver, há uma grande desvantagem em formar camadas quando se trata de texto porque agora todas as letras são animadas separadamente Mas se fosse uma camada tributária, haveria apenas uma camada. Portanto, nosso projeto teria muito menos espaço e muito menos camadas. E com a ajuda disso, o efeito posterior será muito menor E aprenderemos na próxima aula como exportar esses arquivos da melhor maneira possível. Então, vamos passar para a próxima aula e ver como vamos fazer isso. OK. 7. 06.Bodymovin passo a passo e exportando opções: Ok, então este é o plugue móvel do corpo, e aqui está a aparência da interface. Ok, então há várias opções que vamos aproveitar, e há várias configurações que discutiremos no curso mais avançado, na verdade. Ok, então você vai entrar pelas janelas da extensão, e então você encontrará o plugue móvel do corpo e clicará nele, e é assim que ele aparecerá. Em primeiro lugar, pode não haver nenhuma comunicação, basta clicar no botão Atualizar lista e isso fará com que apareçam todas as composições criadas no After botão Atualizar lista e isso fará com que apareçam Effects. Agora você vai seguir em frente e se concentrar no Duty One. OK. Portanto, antes de renderizá-lo, basta selecioná-lo Eles simplesmente clicarão nesse botão, e essa camada é essa C agora selecionada. Agora, esse é o botão de configuração, na verdade. Há animações muito fofas lá dentro. , mova o corpo e conecte-o propósito, mova o corpo e conecte-o, se você os notar. OK. Então, a partir daqui, você pode simplesmente ir em frente e alterar a localização da sua animação, na verdade, onde você vai salvá-la. Então, vamos fazer com que seja igual à primeira classe do curso. Então, vamos continuar e salvá-lo lá. Ok, vou chamá-lo de D t one. Inter. Agora você só vai alterar algumas configurações. OK. Então, as configurações. Agora, há muitas coisas que podemos aplicar no corpo Moggin e existem vários tipos de configurações que podemos OK. Então, acima de tudo, a opção importante será a dos glifos, ok O que isso faz é que, basicamente, podemos alterar as fontes dinâmicas, na verdade, nos arquivos loti, e você pode aprender que, no YouTube, é assim que os desenvolvedores fazem isso, é aí que as coisas dos desenvolvedores realmente E se você quiser alterar a fonte do site na animação do lote , desmarque essa opção Mas, a menos que você vá fazer isso, você quer manter essa mistura ativada, porque o que isso faz é que basicamente, como você pode ver, há uma camada de texto em nossa animação, certo? Essa. O que isso fará é que, automaticamente, ao exportar o arquivo, altere todos os caracteres e letras da sua fonte em camadas de forma, automaticamente Portanto, não haverá muita bagunça. Está bem? Você só precisa digitar seu texto e pronto. Ele fará isso e converterá isso em camadas de forma quando estiver sendo exportado Portanto, você não precisa realmente criar camadas como essa. OK. Eu criei esta porque estava lutando para criar o mesmo estilo de fonte, na verdade, porque eles personalizaram uma ou duas letras entre elas, eu acho. É por isso que eu lutei com isso. OK. Portanto, essa é a primeira e mais importante opção pela qual você pode usar esse valor de recurso de forma muito útil E isso também não afetará o tamanho do arquivo. Isso o manterá no mínimo. Além disso, depois disso, existe uma opção conhecida como substituir caracteres por vírgulas. Ok, substitua os personagens por composições personalizadas da pasta Eu realmente não o usei muito e nunca quase. Acho que realmente não sei o que esse recurso faz? OK. E depois disso, há uma seleção oculta se você precisar que camadas ocultas sejam exportadas Como você sabe, existem camadas na composição como esta, que é basicamente uma cópia criada, mas está bloqueada e oculta Se quisermos explorar esse também, teremos que clicar em nosso cabelo também, mas não queremos isso, queremos apenas os dados que podem ser acessados na composição Basicamente, se houver várias camadas em sua composição que estão ocultas e bloqueadas , você não precisa se preocupar com elas porque o body moven não as exportará e elas não serão adicionadas à sua animação, e isso não afetará o tamanho do arquivo Depois disso, essa opção é guia. Selecione algumas camadas guiadas necessárias para serem exportadas. Como você sabe, o Afterft tem a opção transformar uma camada em uma camada-guia A partir daqui, você pode simplesmente fazer com que as camadas guiem por último. finalidade das camadas guia é basicamente referenciar. Na verdade, muitas pessoas as usam quando importam uma paleta de cores, apenas a transformam em uma camada-guia e trabalham com a camada-guia ativada Portanto, quando os efeitos posteriores renderizam a animação, eles não exportam as las-guia Essa é a principal função e vantagem de uma camada guia. OK. Portanto, essa opção também pode incluir a camada guia. E também não precisamos disso. Então, isso deixará essas composições extras. Selecione se as expressões estão apontando através dos aglomerados externos Isso pode ser útil ao criar animações de personagens usando isso, pois pode haver algumas pré-composições de braços e pernas de personagens pontiagudas ou vinculadas ao ícone principal do Mas eu realmente não recomendo isso porque as expressões não funcionam muito bem em todas as plataformas. Eles podem causar alguns problemas em voltas móveis. Então, simplesmente ignore esse. Eu diria, ou talvez você tenha uma demanda muito específica de um cliente na qual ele usará a animação apenas na web. Depois, você só precisará fazer alguns testes antes de dar a animação ao cliente. Então, isso é realmente experimental, na minha opinião. Depois, há esse recurso, conhecido como um dos recursos mais importantes. Vamos nos aprofundar mais nesse recurso no próximo curso, o curso mais avançado. E o que isso basicamente faz é que você pode incluir imagens dentro de seus títulos. Então, vamos deixar essa por enquanto porque ainda não usamos nenhuma imagem rasterizada em nosso projeto Agora, pergunte qual é o modo de exportação que você deseja. primeira é a opção de exportar animação padrão como um arquivo GSM Divida a composição dividida em vários arquivos JS a cada segundo. Basicamente, ele dividirá a animação em, digamos que queremos uma animação de 1 segundo. Isso fará com que possamos simplesmente digitar o número e ele exportará mais de 24 J porque a animação dura mais de 24 segundos. Mas não é realmente útil e eu nunca o usei porque, na verdade, não adianta dividir seus dados Então é se isso não estiver marcado. E então este é um botão para exportações e HTML para visualização local. Isso também será discutido mais detalhadamente em mais Moscou, porque isso também é muito complicado de explicar E há algumas exceções para os clientes quando eles solicitam um arquivo HTML, mas você não pode realmente exportar todos os seus arquivos de lote para mas você não pode realmente exportar HTML porque o HTML também tem algumas restrições, e até restrições estritas, além de animações em HTML porque o HTML também tem algumas restrições, e até restrições estritas, lote , lote , Então você também não pode realmente cortar o caminho de corte de animais, eu acho, em imagens HTML Portanto, você precisará ter muito cuidado ao criar uma animação HTML. Então, esse é um assunto para outro dia, na verdade. OK. Além disso, você pode criar um relatório da animação, que é basicamente um arquivo de texto, que explica tudo sobre sua composição. Esse é o tamanho da composição, a cor, o tipo de camadas e tudo mais. Então, é isso em palavras simples. Talvez o desenvolvedor possa usar isso para encontrar um erro na sua animação. Então, talvez eles estejam enfrentando o problema. Você pode simplesmente enviar a eles este relatório, exportá-lo daqui e enviá-lo para eles. Portanto, isso os ajudará a ler os dados muito bem e a encontrar o erro sem esforços. OK. E então há esse botão que diz projeto de animação de RV OK, então o RV está basicamente crescendo há alguns meses, e eu estou aprendendo isso E eu realmente não testei este porque o RV e as emissões são bem diferentes da forma como ele funciona Então, eu realmente não testei isso porque também existem algumas restrições em R algumas restrições em R quando se trata de animação. Portanto, não acho que as animações do After Effect funcionem lá tão bem E as pessoas fizeram alguns testes sobre isso e os resultados não são realmente ideais. Portanto, não é realmente recomendado porque se você realmente deseja criar a animação para RF , é recomendável criar a animação em seu software nativo, em vez de criá-la aqui e explorá-la como um projeto RIF. OK. E depois há esse player de exportação e animação autônomos em um único arquivo S. Eu realmente não o usei e não sei como isso funciona. Portanto, você pode encontrar alguns dados sobre isso, obviamente, nos canais de pessoas do YouTube. Mas eu nunca o usei de verdade, e nem mesmo uma vez nosso cliente o solicitou. Então, eu nunca usei de verdade. OK. E este diz pacote de pilhas de banners para uso de banners Na verdade, nunca usei esse também. E depois há este e o desenho vetorial V animado em XML para Android está disponível Haverá um curso completo sobre isso no futuro. Acho que vai levar muito tempo para construir esse. Então, eu estou apenas trabalhando na construção desse. Estou trabalhando na ideia desse curso e coletando ideias para criar algumas classes realmente úteis para este, porque há algumas mudanças aplicadas na nova atualização do Android. E desde essas atualizações, houve alguns problemas entre artistas trabalhando em aplicativos móveis Então, sim, mas é muito baseado em nichos, e levará algum tempo para obter dados detalhados sobre este, e então eu criarei um curso sobre este. E então há essa porta e arquivo SVG que usa SML para animação. Isso é experimental e nem tudo funcionará. Então, isso basicamente será uma animação SVG. Se vocês, eu não sei se vocês sabem ou não. Como todos sabemos, o SVG é um formato para aço, vetores de imagens de aço e gráficos vetoriais escaláveis É isso que significa SVG. Mas você pode realmente animar o SVG usando a codificação. E muitos desenvolvedores realmente fazem isso, mas é realmente muito complexo. Portanto, a maior parte da animação que você cria aqui pode não ser realmente convertida em dados SVG muito bem Então isso realmente não funciona porque , se funcionasse, teria funcionado muito bem. Então, as pessoas usarão isso em vez de ft na verdade, porque é muito mais fácil implementar o SVG de forma simples OK. E então há essa opção que diz que as opções de expressão convertem a expressão em quadros-chave Então, basicamente, digamos que você aplique uma animação de garota a uma das camadas, certo. Portanto, ele basicamente converterá toda a animação da garota para convertê-la em quadros-chave, mas tornará o tamanho do arquivo enorme. Então, realmente não é recomendado. Na maioria dos casos, eu recomendo fortemente que você simplesmente não use expressões. Mas, obviamente, existem algumas exceções. Portanto, eu recomendo que você experimente muito isso antes de entregar o arquivo ao cliente. OK. E depois há esses recursos avançados de exportação , que são apenas mais um problema do lado do desenvolvedor. Na minha opinião, porque diz que usar nomes de composição como IDS, os nomes de composição serão usados como IDs de referência. Então, basicamente, o desenvolvedor pode ser capaz de usar o nome comp e importar o arquivo e talvez conectar os dados ao Lot's cos. Digamos que haja várias coms dentro de um arquivo de lote, então talvez elas possam acionar apenas uma composição específica usando esse tipo de ID OK. Portanto, há essa exportação em um formato mais legível por humanos, não use para arquivo final, pois o tamanho do arquivo fica significativamente maior Então, basicamente, precisamos disso também. E propriedades não suportadas. Marque isso somente se você precisar de um uso de propriedade específico que não seja o player. Então, o que isso basicamente significa é que ele também renderizará os efeitos em seu arquivo. Mas quero dizer, o arquivo não vai funcionar. Então, eu não sei quem vai usar esse recurso. OK. E então, usaremos quadros-chave e camadas, removeremos camadas e quadros-chave além da Você pode realmente usar isso e isso pode economizar alguns KB nos dados de tamanho do arquivo, mas não é realmente necessário na minha opinião E exporte JSF para compatibilidade com versões anteriores, digamos que as pessoas estão criando a animação para um aplicativo, mas alguns usuários estão usando a versão anterior do Android, talvez isso ajude você a criar um arquivo JSON mais compatível para isso, mas não nos E depois há as propriedades essenciais, Exportar propriedades essenciais, Exportar propriedades essenciais da composição da raiz. Isso é marcado por padrão, então deixe como está e, em seguida, há uma opção que contém propriedades essenciais como slots. Eu não sei o que isso significa, na verdade. Eu vou mapear propriedades essenciais em dois slots no arquivo JSON que permitem uma fácil modificação Na atividade, ele substituirá as propriedades alinhadas na composição. Não tenho certeza de como isso funciona. Existem esses metadados. Não estou realmente interessado nisso. Blueprint, realmente não sei como vamos usar isso também Use o blueprint para anexar à animação para validar a exportação. Não é realmente necessário. Agora, basicamente, os arquivos de áudio são eu nunca usei arquivos de áudio dentro animações, porque o desenvolvedor pode realmente conectar os arquivos de áudio à animação quando, na verdade, está incorporando a animação Então, eu também conversei com os desenvolvedores sobre isso, e acho que funciona muito melhor porque quando você trabalha no After fx, você também precisa aplicar compressão no áudio. Portanto, é melhor que eles façam isso manualmente ao incorporar o arquivo Ok, então essas são todas as configurações. Agora vamos ficar seguros Há outro recurso realmente incrível. Primeiro, vamos apenas exportar este e clicar em salvar e depois em renderizar. Como você pode ver, uma das coisas mais importantes a ter em mente aqui agora é que, quando exportamos o arquivo usando o plug-in de arquivos Roti, na verdade era necessário que eu tivesse uma conexão com a Internet para salvar o arquivo no espaço de trabalho Sim, você diz que eu não tenho uma conexão com a Internet, mas eu ainda quero exportar meus arquivos GSN Podemos realmente usar body mopin aqui em vez de usar muitos plug-ins, porque o plug-in de lote, na verdade, exige que você salve os arquivos em seu espaço de trabalho Portanto, esse programa realmente ajuda a fazer com que você não tenha uma conexão com a Internet, na verdade. OK. Agora, a animação está finalizada e agora podemos visualizá-la com muita facilidade Vamos apenas pré-visualizar e aplicar a animação. Agora podemos apenas visualizar a animação. OK. Ok, então eu acabei de estragar a animação dessa Então, também podemos corrigir isso mais tarde. Como você pode ver, a animação é perfeita, certo? OK. Então, outra coisa que você pode fazer, que é realmente muito importante e bastante útil, é importar animações de enredo que estão em seu disco e visualizá-las aqui, que é realmente incrível, na verdade Digamos que um cliente envie um ovo para você, certo? E as missões do cliente. Digamos que o cliente envie a mesma animação para você e diga: quero corrigir a animação neste início, certo? A animação neste início, certo? Então, o que vamos fazer é dizer que vamos importar o tipo de arquivo local no caminho, selecionar os arquivos enviados pelo cliente e clicar em. OK. Agora, isso pode levar algum tempo, mas ele reconstruirá a animação dentro do Fats. E, a propósito, você também pode usar esse recurso para aprender com outros criadores. Você pode simplesmente seguir em frente com LotyFiles. Você pode baixar animações lotty de outras pessoas e, em seguida, importá-las para dentro após fax e aprender com seus Digamos que você esteja interessado em uma das minhas animações de UTI e talvez esteja curioso como eu criei uma animação de Auty específica ou talvez algo que você possa pensar: como consegui esse efeito específico ou algo parecido, certo Então você pode simplesmente ir em frente e baixar minha animação. Digamos que você acha que esse é muito bom e quer ver como eu animei tudo. Você só precisa fazer o download deste, e então você pode baixar o arquivo JS e importá-lo aqui. OK. E então a animação estará, em sua câmera, como foi criada por mim. Pode haver algumas diferenças. E deixe-me contar essas. Os rótulos não serão aplicados à emissão quando ela for importada porque a razão por trás disso é que os rótulos são criados dentro do After Effects. Portanto, esses dados não são exportados para o arquivo JSN, então isso pode não funcionar OK. Então, isso está levando algum tempo, mas você tem a ideia de que pode usar esse recurso muito bem. Eu só vou cancelar a exportação. Você também pode digitar o URL, mas obviamente exigirá uma conexão com a Internet. OK. E você também pode visualizar as animações. Digamos que eu queira pré-visualizar um arquivo local, certo? Eu só quero assistir. Não quero recriar a animação. Digamos que nosso cliente diga que a animação não está funcionando corretamente. Então, o que vou fazer é selecionar a animação e pressionar enter. E acabou de importar essa animação aqui. Agora, estou assistindo a animação do meu drive. Esta não é a animação que alugamos. Ele está escolhendo o arquivo de lote da unidade. OK. Então, isso é muito útil. Você pode ir em frente e verificar o arquivo. Que se um cliente disser que há um problema no arquivo, quero que você visualize esse arquivo. Você pode simplesmente entrar aqui e entrar no movimento corporal clicar em visualizar e procurar um arquivo de armário É isso mesmo. É isso mesmo. Isso é tudo que você precisa fazer. OK. Então, isso é muito útil. Você pode importar relatórios indefinidamente e acessar as configurações, e eu nunca usei essa E você também pode acessar esses tipos, selecionar uma ou mais propriedades de sua composição para obter informações sobre seu suporte. Ok, então você vai. Como você pode ver, isso realmente ajuda você a entender qual propriedade é aceita em qual plataforma. Portanto, se houver algum problema em seu arquivo, ou talvez você queira verificar se isso funcionará no recurso Android, 4.5 0.0, você pode simplesmente ler os dados, ou simplesmente fazer a captura de e enviá-la ao seu cliente e ajudá-lo, que esses são os dados e informar ao desenvolvedor esses dados, e isso ajudará o desenvolvedor a entender por que o a animação não está funcionando. Ou talvez eles encontrem uma maneira de fazer isso funcionar. Então, sim. E é assim que esse plug-in funciona, e esses são os recursos. Então é assim que o plug-in funciona, e essas são as vantagens que ele oferece em vez de e na comparação de arquivos de lote com o plug-in body moble Eu recomendo fortemente usar o plug in body moble ao trabalhar para clientes. Então, muito obrigado. 8. Parabéns e...: Parabéns por concluir este curso. Eu vou ver vocês na próxima muito em breve, e acreditem em mim, isso não vai levar mais um ano. Eu voltarei muito em breve. Você também pode me apoiar financeiramente comprando cafés para mim Você também pode me seguir nas redes sociais para compartilhar o que descobriu e o que aprendeu com meu trabalho. Você também pode entrar em contato comigo se tiver alguma dúvida ou se estiver interessado em aprender algo novo Você pode me mandar uma mensagem no Instagram por qualquer meio e a qualquer hora que quiser. Estou ansioso para ensinar mais a vocês e estou ansioso para ver o ofício. Por favor, envie-me alguns trabalhos na página da aula, porque eu ainda não vi uma animação. Será realmente incrível se eu ver alguns de seus trabalhos também. E aguardo seus comentários também sobre este curso, nos vemos no próximo. Muito obrigado. Adeus