Animação expressiva: como combinar Photoshop, Illustrator e After Effects | Sylvia Yang | Skillshare
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Animação expressiva: como combinar Photoshop, Illustrator e After Effects

teacher avatar Sylvia Yang

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      1:29

    • 2.

      Divertindo-se com animações

      4:24

    • 3.

      Como planejar seu projeto

      4:07

    • 4.

      Photoshop: como preparar o corpo de personagens

      9:10

    • 5.

      Photoshop: como preparar as batatas

      3:07

    • 6.

      Photoshop: retoques finais

      8:07

    • 7.

      Como explorar expressões faciais

      2:05

    • 8.

      Como fazer um esboço no Procreate

      8:08

    • 9.

      Illustrator: como preparar seu projeto

      2:14

    • 10.

      Illustrator: expressões

      7:30

    • 11.

      Illustrator: pernas e braços

      3:58

    • 12.

      Como organizar o After Effects

      5:07

    • 13.

      After Effects: como preparar camadas

      5:38

    • 14.

      After Effects: pontos de âncora

      3:34

    • 15.

      After Effects: como preparar camadas por níveis hierárquicos

      4:08

    • 16.

      After Effects: manipulação de caracteres

      9:44

    • 17.

      After Effects: quadros-chave e movimento

      18:36

    • 18.

      After Effects: como animar o rosto

      7:01

    • 19.

      After Effects: retoques finais

      11:04

    • 20.

      Como exportar para compartilhar

      6:03

    • 21.

      Considerações finais

      0:40

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

3.170

Estudantes

10

Projetos

Sobre este curso

Junte-se à ilustradora e animadora Sylvia Yang no curso compacto de animação multiplataforma que mostra como descobrir o potencial de combinar seus programas favoritos da Adobe Creative Suite para criar animações incríveis para compartilhar.

Com mais de 7,5 BILHÕES de visualizações, Sylvia desenvolveu um estilo e processo que tornam suas animações “gastronômicas” incrivelmente compartilháveis. Concentre-se enquanto Sylvia compartilha as técnicas que fazem seu trabalho se destacar. Combinando foto, ilustração, movimento e trabalhando em vários programas de animação, Sylvia utiliza todas as ferramentas necessárias para criar uma animação verdadeiramente personalizada.

Se você já se perguntou como otimizar e usar os programas do Adobe Creative Suite juntos, este curso vai preparar você para elevar suas habilidades em animação a outro patamar.

Pegue seu lanche favorito e deixe a Sylvia guiar você por Procreate, Photoshop, Illustrator e After Effects para mostrar como usar:

  • Photoshop, transforme uma foto na base do seu personagem
  • Illustrator, desenhe expressões faciais para criar uma história para o seu alimento
  • After Effects, domine o básico para dar vida à sua animação
  • Dicas, truques e ferramentas para otimizar seu fluxo de trabalho em vários programas

Após a conclusão do curso, junte-se à Sylvia na sua obsessão por alimentos animados e mostre suas habilidades. 

Depois de revelar o potencial de combinar os programas de todo o Adobe Creative Suite, você pode criar um trabalho complexo e personalizado para sua perspectiva criativa. Faça pizzas dançarem, cebolas chorarem, pimentas ficarem bravas, as combinações são infinitas e dependem somente da sua criatividade! Quando terminar, compartilhe nas redes sociais ou use para surpreender o pessoal do seu grupo de chat.

Para aproveitar ao máximo este curso, você precisa ter acesso ao Photoshop, Illustrator e After Effects, além de ter conhecimentos básicos sobre esses programas.  Também vamos usar o Procreate para criar um esboço e trocar ideias, mas você pode usar apenas caneta e papel!

Conheça seu professor

Teacher Profile Image

Sylvia Yang

Professor

Sylvia Boomer Yang is a Brooklyn-based illustrator, animator, and GIF artist with over 7 BILLION views. Born and raised in Taiwan, she graduated MFA from Parson School of Design in 2013. She loves to express herself through fun, colorful, and quirky design details and believes that smiles are the best way to evaluate successful work. 

Visualizar o perfil completo

Level: Intermediate

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Comida é muito divertido de animar porque tem tantas características diferentes. Eu definitivamente me inspiro muito pela comida. Sou Sylvia Yang, ilustradora, animadora e artista GIF baseada em Brooklyn, Nova York. Para o meu trabalho profissional, faço muitas ilustrações animadas para séries de vídeos, explicações e produtos. Mas o que eu realmente amo fazer ao lado é criar gráficos animados divertidos e peculiares que faz as pessoas sorrir. Nesta classe, vou apresentar como usar várias mídias para criar animações de personagens que você pode compartilhar. Usaremos Adobe Illustrators, Photoshops e After Effects para manter o personagem vivo. Vamos percorrer os passos de como faíscas para idéias, de fotos para ilustrar e animar seu personagem bonito. Se você é um grande fã de uma comida e você vai gostar de criar algo divertido e peculiar, você definitivamente deve tomar esta aula. Mesmo se você nunca animar no After Effects, você poderá me acompanhar passo a passo e se sentir confiante em usar a ferramenta para criar qualquer coisa que você possa imaginar. 2. Divertindo-se com animações: Estou muito entusiasmada por teres decidido fazer esta aula. Cresci em Taiwan e estudei a escola de artes plásticas quando era pequena. Sempre gostei de desenhos, mas lentamente me senti perseguido por um estilo educacional muito tradicional. Além disso, senti que eu realmente não poderia expressar minha própria voz e personalidade através das ferramentas de arte tradicionais. Mas aprender essas belas artes certamente me ajudou a construir uma base para onde estou agora. Mudei para a escola de design na faculdade e depois mudei-me para Nova Iorque para a escola de graduação em Parsons. Foi quando comecei a experimentar e aprender as animações e as artes digitais. Descobri que as animações me deram o poder de combinar o movimento e a ilustração para contar as histórias visualmente de forma tão dinâmica. Projetar pode ser muito divertido. Animação de personagens de batatas fritas, é parte de uma série de gifs que eu criei antes. Os gifs que compartilhei no Giphy já têm 7 bilhões de visualizações. A comida me inspira muito porque tem um monte de características. Tome um exemplo de uma pimenta picante. Nas pimentas picantes, sabores picantes e cores vermelhas podem ser as emoções de irritações, raiva e fortuito. Podemos usar essa idéia com diferentes alimentos e, em seguida, encontrar quais as emoções que ela irá apresentar para você e que tipo de personagens que podemos trabalhar com. Hoje em dia, as pessoas adoram os gifs com fortes expressões emocionais que podem compartilhar como suas reações em uma mensagem. É por isso que eu acho que é realmente importante para seus gifs ter uma emoção que é relevante para as pessoas. Hoje vou escolher batatas fritas. Toda vez que eu tenho batatas fritas, eu me sinto realmente satisfeito que eles estão felizes. Na minha mente, isso representa emoções alegres. Para os primeiros passos, estaremos explorando as idéias e conceitos para o design do personagem, e então vamos em frente para procurar a imagem e as fotos na Internet ou tirar sua própria foto. Uma vez que tenhamos a imagem para um design de personagem, vamos adicioná-la à imagem e trabalhar no design de textura com pincéis no photoshop. Depois de construirmos o corpo do personagem em photoshops, vamos trazer essa imagem sem o fundo para procriar e, em seguida, esboçar os desenhos dos personagens para rosto, braço e pernas em procreate no iPad. Depois de termos o esboço pronto a partir de procreate, vamos exportar a imagem e, em seguida, trazê-la para ilustradores, e então vamos refinar o design do personagem no Illustrator. Importante, você deseja organizar as camadas e nomear cada camada em ilustradores antes de trazer os arquivos para o After Effects. Finalmente, o que precisamos fazer é configurar os quadros-chave no After Effects e, em seguida, dar vida ao personagem. Por último, uma vez que a animação do personagem é feita e completa, Vou mostrar-lhe como exportar o arquivo de animação para o arquivo Gibbs que você pode compartilhar amplamente, seja para o seu portfólio ou mídia social. Eu sei que soa muito que há muitos programas que você tem que passar, mas eu acredito que você vai encontrar a beleza de combinar os diferentes elementos juntos através dos diferentes programas. Poderia ser tão poderoso. Além disso, você vai achar que seus desenhos de personagens eram únicos, interessantes e fofos. Depois de completar todas as tarefas, eu encorajaria você a carregar seus arquivos de vídeo para animações de personagens e dar arquivos para a galeria do projeto. Em seguida, trabalharemos nos conceitos e exploraremos as ideias de design de personagens. Uma vez que decidirmos a única direção, estaremos preparando os ativos para o design e animação do personagem. 3. Como planejar seu projeto: Nestas etapas, estaremos explorando os conceitos e as idéias de desenhos de personagens. Uma vez que tenhamos uma idéia, vamos procurar alguns ativos que você precisa ou você pode até mesmo tirar suas próprias fotos. Normalmente, quando eu procuro as idéias, eu vou esboçar e então isso realmente vai me ajudar a pensar visualmente. Aqui estão alguns exemplos. Eu costumo começar a rascunhar as ideias e depois ver como as batatas fritas serão parecidas. Talvez dar-lhe um rosto e depois ver que emoções ele irá representar também. As emoções das batatas fritas são como alegre, feliz, divertido, e, em seguida, talvez aplicar essas emoções em seus personagens. Além disso, estou pensando e se um monte de batatas fritas se juntarem? O que poderia ser? Isso vai ser muito difícil. Em seguida, os próprios personagens fritos, talvez os braços, tendo o meio monte sobre as batatas fritas. Parece uma líder de torcida, dançando com um bando de pom-pom. Depois de esboçar, queremos escolher as fotos e imagens para construir seus desenhos de personagens. Existem alguns sites que eu gosto de obter a imagem de referência ou quaisquer fotos que eu preciso para as animações são iStock, Adobe Stock ou Shutterstock. Às vezes, você pode facilmente encontrar a imagem na pesquisa do Google. Eu tenho as sugestões para a pesquisa do Google. Se você digitar as palavras-chave que você gostaria de pesquisar, eu iria abaixo da configuração e, em seguida, certifique-se que seus direitos de uso estão selecionados para os comentários criativos. Depois de selecionar essas configurações, a imagem que você vê aqui deve ser bastante segura de usar para qualquer propósito criativo. Quando eu estou procurando a imagem e foto eu realmente gosto que nas batatas fritas e caixas devem ser o ativo separado, uma vez que eles podem ser animados individualmente. Eu posso procurar as batatas fritas primeiro e, em seguida, provavelmente baixar as fotos mais claras perto de batatas fritas que você pode encontrar aqui, ou procurar as caixas de batatas fritas e ver o que o resultado iria surgir, ou você pode baixar a imagem que eu preparo para a classe e você pode baixá-lo e praticar com. Outra maneira que eu gosto de coletar os ativos mais é tirar suas próprias fotos. Para este projeto, vou organizá-los nos cartões pretos para o fundo e tirar uma foto dele. Você não precisa de um monte de batatas fritas, você só precisa de algumas. Então, mais tarde, vamos levar a imagem para o Photoshop e, em seguida, adicioná-la e remover o plano de fundo. O benefício de tirar sua foto é ter mais liberdade criativa para assumir o controle. Você pode escolher suas batatas fritas favoritas que tem as melhores formas e depois de tirar as fotos você pode comê-las e apreciá-las. Agora é a sua vez. É totalmente sua decisão decidir como você quer reunir os ativos. Próximas etapas, vamos editar as fotos e trabalhar nos desenhos de textura com os pincéis no Photoshop. 4. Photoshop: como preparar o corpo de personagens: Agora você tem as fotos prontas. Este é o momento em que queremos adicionar as fotos e também trabalhar nas texturas com os pincéis no Photoshop. Eu aqui deixa as fotos para os computadores e tenho os arquivos de imagem prontos e abre no Photoshop. Agora eu tenho a imagem de uma caixa francesa e uma imagem de uma batata frita que eu peguei. Vamos começar. Agora eu começaria o novo arquivo. Vou começar com uma proporção quadrada para os adesivos animados. Eu também gostaria de configurar minha tela como 1.000 por 1.000. Normalmente, eu começaria com resoluções mais altas porque é mais fácil dimensionar para baixo do que aumentar se você mudar de idéia ou se alguém tiver atingido os tamanhos para diferentes fins e casos de uso. Certifique-se de que sua resolução é de 75 pixels digitais, o que é legal, crie. Depois voltamos para as fotos de edição. Agora eu tenho uma imagem de caixa de batatas fritas, e então eu quero remover o fundo. Eu não preciso dele. Eu usaria a ferramenta magnética aqui e então soltaria as formas dos objetos que eu preciso para o corpo do personagem. Eu quero selecionar o lugar que eu realmente não preciso. Depois que a forma dos objetos tiver sido selecionada, adicionarei a camada de máscara. Agora você vê as formas que você acabou de selecionar e, em seguida, a área que você não selecionou são removidas. Isso parece muito bom, mas eu só quero ter certeza dos detalhes. As ferramentas magnéticas fariam um bom trabalho, mas se você ampliar, talvez haja algumas áreas como aqui, e alguns lugares estão faltando ou talvez a borda das formas não são tão suaves. A maneira que eu iria cavar e verificar que o dizer que eu iria adicionar outra camada e, em seguida, aplicar a cor. Posso ver que as bordas estão um pouco melhores. Agora vejo que não precisamos dele. Vou entrar na camada de máscara e, em seguida, usar o pincel e, em seguida, usar o pincel de cor preta. Em seguida, trabalhe nos detalhes e remova a área que não precisamos. Aqui, talvez a borda não seja tão suave, deixe-me mudar o tamanho de um pincel um pouco menor. Apenas pequenos detalhes que você pode trabalhar e polir com os pincéis. Agora parece muito bom para mim. Então nós sabemos que vamos ter uma batata frita sentada na caixa, então eu quero separar as partes da frente de uma caixa e as partes traseiras. O que eu faria, eu iria apenas duplicar esta camada novamente, e então talvez nomeá-lo como uma frente, e então esta camada está de volta. Então eu quero remover a parte de trás da caixa de batatas fritas. Indo para a camada de máscara, use a cor preta. Isso seria invisível. Eu gosto de usar pincel às vezes mais do que a ferramenta Magnetic porque eu posso trabalhar em mais detalhes com ele, ou há outra maneira mais rápida. Você pode usar a ferramenta Laço e, em seguida, desenhar a área maior que você não precisa rapidamente e, em seguida, selecionar a área que você deseja apagar e aplicar as cores pretas como na área que você acabou de selecionar e você verá as cores pretas que você aplicar está apagando a imagem aqui. A área maior que você não precisa foi apagada, e agora voltamos para o pincel e depois desenhamos em torno das formas. Certifique-se de que o lado direito das formas é semelhante ao lado esquerdo. Parece que esta é mais área que você quer suavizar. A parte da frente de uma caixa de batatas fritas parece-me muito boa, e depois vamos voltar para trás. Para trás, só queremos manter a área além do lado da frente. Eu faria as seleções de cliques aqui. Deixe-me desenhar a área que eu preciso, e, em seguida, excluir a área que eu não preciso aqui, e então ver os lados da frente e do lado de trás são bons juntos. Eu quero fazer a parte de trás. Estes são um pouco menores aqui. Em seguida, sentar-se atrás da frente e, em seguida, redimensionar um pouco para baixo. Mova para baixo. Agora, parece que lá, é como uma imagem estranha na esquina. Talvez do jeito que eu faria, é usar essa cor e depois expandir para baixo. Vou usar esta ferramenta Carimbo de clonagem e, em seguida, mais opções. Então, basicamente, você selecionará a área da qual você pode copiar. Não precisa ser tão perfeito aqui, você pode trabalhar rapidamente aqui. Parece muito bom para mim. A parte de trás da nossa caixa parece muito boa. Vou copiar essas camadas, o corpo, de volta para o arquivo de projeto que acabamos de criar. Novamente, clique com o botão direito do mouse e, em seguida, duplicar as camadas e ir para o novo arquivo de projetos que acabamos de criar, e agora ele está aqui. Novamente, aplicarei a cor de fundo para que você possa ver o objeto, eles serão mais claramente. Estou pensando que talvez eu queira dar talvez mais cores no corpo. Aqui, há alguns pequenos ícones que você pode clicar. É onde o estilo da camada e eu vou fazer a sobreposição de cores. Você pode aplicar a todas as cores que deseja dar para os personagens. Em seguida, para aqui, geralmente, configuração padrão será normal. Mas eu quero escolher multiplicar porque as cores multiplicadas parecerão um pouco mais naturais e manterão a iluminação dos objetos originais e, em seguida, a sombra também, e então você pode mudar a capacidade se quiser. Para mim, acho que 100 por cento parece bom para mim. Parece bom. Então, para a parte de trás, talvez seja muito brilhante. Vou dar uma cor também, e a mistura tem multiplicado o modo de cor também. É bem fácil. Agora terminamos o corpo do nosso personagem. 5. Photoshop: como preparar as batatas: Agora temos uma imagem de batatas fritas e agora você pode apenas dizer como, eu só vou precisar de três batatas fritas diferentes para os personagens. Este parece muito bom com uma curva agradável e este, reto e tem um cores agradáveis. Basta escolher os três que você gosta. Para mim, este parece bom e, em seguida, os dois do lado direito parecem bons. Vou mostrar-lhe, talvez escolher este para trabalhar e é como a mesma técnica que fazemos para o corpo do personagem e a imagem do desenho animado. Uma vez feito, você pode aplicar totalmente a máscara de camada, se você precisar. Agora torna-se apenas uma única imagem frita. Depois que eu terminar uma frita, eu vou usar a mesma técnica para remover os fundos para o resto das batatas fritas, e eu vou saltar à frente, e então uma vez que eu terminar com o resto das batatas fritas, eu vou montar todas as batatas fritas juntamente com os desenhos animados fritos como o corpo de um personagem. Agora as batatas fritas individuais parecem boas para mim. Porque as cores agora parece um pouco fora, e agora eu também quero dar-lhe um pouco mais de desenho animado olhar aumentando as saturações ou o contraste. Vou converter esta camada em objetos inteligentes. Em seguida, o poder dos objetos inteligentes é adicionar o conteúdo, e também você pode clicar duas vezes, e então você verá essas batatas fritas individuais aqui no final em uma tela. Em seguida, você pode dar correções de cores diferentes pelo estilo de camada ou ir para a “Imagem” e adicionar ajustes. Uma vez que os ajustes de cor parecem bons para você, você pode fechar a janela e, em seguida, clicar com o botão direito do mouse e, em seguida, selecionar “Rasterizar camadas” que irá levá-lo das camadas do objeto para apenas uma camada singular. 6. Photoshop: retoques finais: Essas são as três batatas fritas que adicionei e removi o fundo. Vou duplicar as camadas de volta para o arquivo de projeto que eu tenho. Eles parecem gigantes, vamos redimensioná-lo. Quero aquelas batatas fritas entre as caixas da frente e as traseiras. Então você pode trabalhar no arranjo aqui. Para dar nossas variações, às vezes você pode simplesmente girar inteiramente e, em seguida, você tem um olhar diferente de uma batata frita, então você não precisa trabalhar em tantas batatas fritas. Parece muito bom para mim, e agora eu vou apenas simplificar a nomeação para cada camada. Agora eu acho que eu quero dar algumas sombras e realçar. Eu posso dar-lhe um pouco mais de profundidade sobre os corpos para um personagem, então você vai ter um pouco mais de aparência 3D. Por esse estilo, eu usaria o pincel, talvez o pincel de textura, ou o pincel de estilos para a sombra. Eu uso o pincel Kyle aqui. Se você não tiver baixado o pincel Kyle, acesse a configuração aqui, Obter mais pincéis, e isso o levará à página do pincel do Photoshop do site da Adobe e, em seguida, você poderá fazer o download. Este é o que eu baixar, o pacote de maquiagem de Kyle, e outro que eu realmente gosto é o pincel inspirado Keith Haring que acaba de ser lançado recentemente. Este é o que eu tenho download e tem sido o teto no meu Photoshop. Vou usar um deles para as animações de linhas que vou mostrar mais tarde. Para o pincel, é o pincel de respingos do Kyle, barulho orgânico. Então o tamanho 100 parece bom. Vou usar este pincel só para sombra. Eu adicionaria mais uma camada, novas camadas, e, em seguida, nomeiá-la sombra, e, em seguida, desenhar ao redor da borda. Aqui queremos dar um olhar um pouco mais pesado, mais escuro. Gostaríamos de pressionar a caneta um pouco mais forte e aqui queremos ter um estilo de escova mais leve. Eu apertaria a caneta um pouco mais leve. Parece bom para mim. Às vezes eu quero reduzir a densidade de um pincel aqui. Eu iria adicionar camada de máscara e, em seguida, selecionar as cores pretas, que é invisível e então eu iria apenas desenhar, que você possa ver alguma parte da textura granulada foi removido do topo. Aqui, provavelmente um pouco pesado demais, eu quero torná-lo mais leve. Talvez você possa escolher as cores brancas e, em seguida, fazer o pincel que você acabou de desenhar de volta clicando na cor clara. Então parece bem. Agora eu quero ver as texturas, ele está sentado no corpo. Vou clicar com o botão direito do mouse e selecionar criar uma máscara de recorte e você pode ver que está perfeitamente mascarado. Agora parece um pouco escuro e provavelmente eu quero tornar as cores um pouco mais naturais. Então eu vou selecionar multiplicar e, em seguida mudar a capacidade um pouco para que ele não vai manchar muito, editar o valor ou estilo de configuração que parece o mais natural para você. Eu vou aplicar a máscara de camada, então talvez eu queira adicionar um pouco mais de sombras aqui e então agora vamos trabalhar em realces. Para destaques, eu escolheria a cor da borda em vez de azul. Você também pode escolher essa cor no corpo e depois mudar a cor para o lado mais brilhante. Em seguida, clique em Criar máscara de recorte. Então você está sentado na borda e, em seguida, sendo mascarado perfeitamente no corpo. Agora é normal, talvez eu queira colocar um destaque. Eu quero escolher o modo de tela, mudar as cores dos destaques aqui torna-se o lado mais brilhante sobre a cor. Para a sombra na parte de trás, vou escolher a cor das caixas traseiras e, em seguida, mover as cores para o lado mais escuro sobre o cinza escuro, e eu uso o mesmo pincel, desenho, dar um tamanho maior de um pincel. Em seguida, clique com o botão direito do mouse para selecionar criar uma máscara de recorte, os gráficos superiores sejam mascarados da camada traseira. Posso trabalhar aqui e vai ser mais. Eu mudaria para multiplicar e, em seguida, ajustar a capacidade. Agora temos corpo de personagem perfeito com algum estilo, texturas, sombras e destaques nele. Então agora você pode ver os gráficos tem mais profundidade e, em seguida, ter uma aparência mais 3D. Depois que as texturas de sombra estiverem completas, selecionarei as camadas de mesclagem e, em seguida, eu me tornaria a única camada. Eu renomeei para o corpo e a mesma coisa para a sombra com as costas. Faça as camadas de mesclagem, eu vou apenas [inaudível] a parte de trás. Antes de salvar o arquivo, você deseja certificar-se de que todas as camadas estão bem limpas. Isso parece bom para mim. Então fundo poderia ser realmente opcional, então você pode mantê-lo ou sem ele, tudo bem. Agora vamos salvar, Exportar para o PNG, salvar o arquivo e, em seguida, podemos usar essa imagem e trazer a imagem para Procreate para os esboços. Agora temos o corpo configurado, e o arquivo foi salvo como um arquivo PNG. Agora podemos passar para as próximas etapas que vamos explorar algum estilo de desenho no Procreate. 7. Como explorar expressões faciais: Agora temos o corpo projetado para personagens e fazer o processo de edição no Photoshop. Agora queremos saltar para o Procreate e explorar alguns estilos de desenho para a expressão facial ou qualquer design de personagem, como olhos, braços e pernas. Se você não tem Procreate ou iPads, que é totalmente bom, podemos ficar totalmente no Photoshop e depois esboçar lá após a edição de fotos. Eu gosto do Procreate porque eu gosto de esboçar com arquivos digitais no Procreate, e, em seguida, apenas achatar a superfície e, em seguida, desenhar aqui, da maneira semelhante que eu desenho nos cadernos. Antes de entrarmos nos esboços no Procreate, preparei algumas referências nos quadros para o design do seu personagem. Nos quadros de expressões faciais, eu incluo algum desenho de personagens e estudo para expressões faciais, e lá também alguns personagens que eu costumo fazer referência a um e me inspirar. Hoje, estamos focando apenas nas emoções da alegria. Este será uma referência muito boa, estudo valioso que você pode aprender e tomar a referência. partir deste estudo, você pode ver que normalmente quando você tem como emoções alegres, você pode ver que os músculos tendem a se mover um pouco mais para que a distância entre as sobrancelhas e os olhos estão ficando maior quando seus músculos estão se soltando, e então quando você sorri, os músculos entre os olhos e a boca estão subindo um pouco. Esses detalhes são coisas realmente boas que você pode ter em mente quando você está projetando as expressões de caracteres. 8. Como fazer um esboço no Procreate: Depois de ver essas referências, podemos saltar para as procriações, e este é um momento que eu quero que você seja criativo e, em seguida, tente o seu melhor para explorar tanto quanto o estilo de desenho que você gostaria de criar para o design do personagem, Vamos começar com isso. Agora eu tenho importações os arquivos PNG que eu exportei de photoshops, e agora eu tenho uma imagem aqui e eu o nomeei como um frite. Então eu quero criar um monte de variações para o estilo de desenho diferente. Eu vou duplicar, algumas imagens de batatas fritas, e então se você selecionar esta ferramenta de seta, você pode selecionar uma camada individual e, em seguida, apenas organizá-los, parece bom, e então nós podemos agrupá-los, então você tem um novo grupo, podemos simplesmente renomear e copiar, ele duplica as camadas novamente, apenas duplicar uma camada e, em seguida, rastrear. Agora temos vários corpos em que podemos trabalhar, e agora vou criar outra nova camada, apenas nomeá-lo como um rosto. Eu vou começar o design de expressões faciais, eu vou fazer o rosto aqui, agora eu posso apenas começar a desenhar, então eu posso escolher a cor, mudar o tamanho do pincel aqui, e você pode ter muitos diferentes formas de olhos. Você pode até fazer algo maior, ou às vezes ele não precisa ser como circular, poderia ser mais como um retângulo, mas com uma borda redonda. Às vezes não precisa ser como branco, pode ser apenas preto, ou talvez um olho esteja fechado, e então mantenha algumas cores disponíveis, você pode ficar com preto se quiser. Você quer dar as cores, a cor verde limão brilhante, talvez eu queira mudar esta forma aqui, usar a borracha, depois voltar a escovar. Vamos brincar com a boca, dar uma cor preta, boca pode ser essa linha. Tudo bem, então aqueles são a boca, e eu gostaria de dar um pouco de dentes, torná-lo um pouco mais bonito, talvez um dente, língua, eu estou pensando que talvez eu gostaria de dar aos personagens algumas sobrancelhas também. Uma vez que você tenha feito alguns rostos, agora podemos criar outras camadas, poderia ser as explorações para os braços e pernas. Para braços e pernas, eles também podem ser estilos diferentes, então para esta animação, vamos usar alguma animação de personagem simples. Então eu vou manter os desenhos, colocar este símbolo para braço e perna, e então dar alguns como gestos alegres, talvez isso pode ser como saltar e abrir os braços. E se explorarmos, não apenas um design de linha, podemos dar-lhe um tipo um pouco mais de braços com pernas. Há tantos estilos como possibilidade e design que você pode explorar aqui. Vou apenas saltar para as explorações que eu tenho, que você pode pegar uma referência, e então uma vez que você terminar aqui, você pode totalmente escolher seus favoritos e pensar sobre o tipo de movimentos ou ações que personagem pode ser qualquer companheiro. Hoje eu vou apenas me concentrar no que eu já tenho o meu top, este, então agora eu vou estar pensando, que tipo de quadro seguinte poderia ser, ou como as ações que um personagem pode tomar. Agora eu iria apenas me concentrar sobre este personagem direções e, em seguida, pensar, talvez eu possa adicionar um pouco sobre Java como batatas fritas como um pompon alegre que o personagem pode estar segurando, eu vou escolher a cor semelhante às batatas fritas pressionando em uma tela, você pode ver que há uma pequena ferramenta, a ferramenta de seleção de cores aqui, e agora eu vou apenas escolher uma cor aqui, e então voltar para pincel, o lápis, é bom para mim. Certifique-se de que estamos à direita talvez nós nomear pompon, e então apenas desenhar alguns pompon eles devem estar sob a frita, apenas esboço rápido para que você tenha um pouco mais de idéia de como olhar final poderia parecer. Então você será também poderia obter referência para você ilustra e refina no Illustrator, que parece bom, e então eu agrupá-los juntos, e, em seguida, duplicá-lo, Eu vou renomear este duplicado, em seguida, selecione-o. Agora eu tenho outra camada duplicada aqui, e é bom que nós podemos tipo de mudar os gestos aqui e então pensar sobre o tipo de movimentos que os personagens poderiam ter. Eu estou pensando no começo, o personagem pode estar agachado e então salta e então levanta o braço para cima. Eu meio que mudaria os membros aqui e moveria as rotações do corpo, poderia mudar o ângulo, e depois sair um pouco, então o rosto, poderíamos girar também, sete números como tínhamos antes, e eu quero mover o rosto e o corpo um pouco para cima, ele salta. Este é um processo que podemos ver como construir placas de história. Só te dar uma ideia melhor de como o movimento do personagem pode ser. Depois de fazer os esboços, você pode salvar seu esboço final como um arquivo JPEG e, em seguida, enviar para seu Gmail ou Airdrops seu computador. Essa será uma ótima referência para você refinar suas formas vetoriais no Illustrator. 9. Illustrator: como preparar seu projeto: Agora já temos um esboço e estilos de design que temos do Procreate. Agora vamos refinar as formas finais de vetor para os designs de personagens. As formas vetoriais serão principalmente para rosto, braço e pernas. Então, mais tarde, depois que as formas vetoriais estiverem completas, vamos organizar os arquivos no Illustrators antes de importar o arquivo de design para o After Effects. Agora temos nossos Illustrators abertos aqui e, em seguida, abrimos, digamos, um arquivo do Photoshop que você acabou de criar. Abra com o Adobe Illustrator. Nesta tela, certifique-se de que você tem a opção Converter camadas em objetos, a seleção está ativa e, em seguida, “Ok”. Em seguida, todas as camadas que você criou no Photoshops serão abertas aqui. Então eu traria o esboço que criamos do Procreate para este arquivo. Eu só vou ter esta imagem no lado como uma referência para um design de personagem. Este é o corpo. Eu seleciono tudo, e eu apenas agrupo. Esta é a referência. Nós o nomeamos, as camadas, e então o grupo A será o corpo. Vou começar a desenhar o resto dos gráficos que precisamos. Vou adicionar uma camada. Basta nomeá-lo como um rosto. Acho que vamos incluir mais alguns desenhos no nosso quadro. Acho que o corpo está um pouco grande demais. Fazendo proporcionalmente dimensionado aqui, talvez 70% seja bom. 10. Illustrator: expressões: Agora podemos começar a construir o rosto com as formas vetoriais. Começaremos com os olhos. Eu acho, você pode desenhar totalmente as formas, adicionando AfterEffects. Mas a razão pela qual eu realmente gosto de refinar as formas vetoriais no Illustrator é que você pode trabalhar com as formas com mais precisão no Illustrator. Em seguida, também, em uma indústria profissional, às vezes o ilustrador só será contratado para trabalhos de ilustração e, em seguida, o trabalho de ilustração será transferido para o animador. Para alguns Illustrator, eles não sabem como trabalhar no AfterEffects, mas precisam preparar o arquivo para o animador, então as ideias sobre como organizar o arquivo e criar as formas vetoriais para animar o animador. Este é o processo que será útil para qualquer animador aprender a preparar ou refinar suas formas vetoriais no Illustrator. Todas as formas vetoriais são combinadas com formas principalmente geométricas , boca menor, também formam um círculo. Então podemos cortar essa linha. Então encontre os desbravadores aqui. Então escolha a divisão. Basicamente, as funções de divisão irá cortar a partir do estilo de duas formas que você tem entre o círculo e na linha. Agora você pode ver que eles estão divididos, mas ainda assim, eles estão no mesmo grupo. Eu só desagruparia aqui. Isto é uma boca. Ainda não parece uma boca porque é de cor branca. Vamos dar um pouco de cor vermelho-alaranjada, talvez cor mais clara. Estas bordas são afiadas para mim. Vou usar a ferramenta redonda. Se sua boca saltar sobre as formas e então você pode ver que há dois pequenos pontos brancos. Então há basicamente, você pode arrastá-lo. Então você pode vê-lo apenas arredondado a borda aqui. Esta é uma ferramenta muito útil se você quiser arredondar as formas. Vou dar os olhos aqui. Parece olhos fedorentos que vamos fazer aqui. Quero mudar da cor sólida para o contorno. A cor preta é boa. Agora, o peso do curso, é um pouco fino demais. Vamos mudar o peso do derrame, eu faço 13. Temos um olho sorridente aqui e eu também quero cortar ao meio. O que eu faria é usar a Ferramenta Tesoura e, em seguida, encontrar os pontos de ancoragem aqui, e então basta clicar nela. Então você verá que a forma foi cortada ao meio. Isso parece bom para mim. Você pode totalmente trazer este e depois girá-lo. Então vou copiar outra metade. Eu gostaria que o curso tivesse uma borda arredondada. Você pode mudar a tampa para tampa redonda e o canto pode ser redondo também. O rosto simples pode ser construído sem uma perda de formas geométricas aqui. Então parece bom. Então talvez dar um rosto um pouco completo. Adicionando a sobrancelha. Isso parece bom para mim. Copiar. Parece que é um ângulo reto para mim. Posso juntar-me às duas linhas. Agora eles estão em uma forma. Está bem. Talvez eu queira ter mais curva aqui. Parece bom. Do retrato falado. Temos um pequeno dois aqui que eu quero manter. Vou voltar para a boca e adicionar o pequeno para, mudar de cor branca aqui. Então, novamente, o mesmo processo. Você deseja arredondar o canto, selecione dois cantos aqui que deseja arredondá-lo e, em seguida, arraste. Então você pode ver os números ao lado dele. Se um número é maior basicamente o quão arredondado ele será. Isso parece bom para mim. Então eu estou pensando que talvez eu devesse dar a ele outro dentinho. No fundo, parece bom. Arredondado, a mesma coisa. Isso parece bom. Agora, eu quero que os dentes sejam mascarados com uma boca. Eu escolheria dois e, em seguida, agrupá-los, e, em seguida, selecionar este. Há os atalhos que você pode fazer clicando nele, e então fazer Shift Command C, e então Shift Command V, que a camada de cópia apenas encaixaria nas posições certas das formas que você acabou de copiar. Esses são selecionados. Em seguida, verifique se a camada máxima está acima dos gráficos que você deseja mascarar. Clique aqui. Clique com o botão direito do mouse e faça a máscara de recorte. Agora você tem o rosto bonito que foi construído. Parece-me bem. Talvez possamos dar uma escovação ao cara das batatas fritas. Dê um pouco mais elementos fofos no mesmo tom que a cor da boca. Um pouco mais leve. Podemos mudar as cores mais tarde quando estamos finalizando saber design de personagem no AfterEffects. É como ter a ideia. - Legal. O rosto parece bastante simétrico. Parece bom. 11. Illustrator: pernas e braços: Agora queremos adicionar as pernas e o braço. Vou mover os personagens inteiros para dar a ela mais espaço para uma perna. Podemos adicionar um número de camadas para os mancos. Queremos ter, é uma linha em vez de uma cor de forma sólida. Escolha o traçado e, em seguida, mude as cores para preto. Então eu quero ter certeza de que os pesos do traçado permanecem em ascensão para que a imagem pareça mais coesa. Mude a cor de volta e, em seguida, certifique-se de que o traçado indica o 13, sim, isso é o que eu quero. Eu quero copiar isso talvez dar um pouco de ângulo, e então arredondar as linhas retas um pouco. Acrescentarei aqui outro ponto. Em seguida, mova para cima e encontre o círculo redondo novamente. Então nós temos nossa perna aqui e então nós só precisamos espelhá-la para o final dessa. Reflita, verticalmente, copie. Temos um par de pernas agora. Agora só precisamos dos braços. Eu pegaria as batatas fritas emprestadas, para que eu possa selecionar individualmente. Vamos copiar as batatas fritas que tenho aqui. Agora quer copiá-los para outras novas camadas. Vou adicionar outras camadas. Mas agora as batatas fritas aqui ainda permanecem em uma camada corporal, eu apenas cortaria pelo Comando X e bloquearia a camada que eu não preciso trabalhar. Em seguida, vá para o [inaudível] e depois faça o Command V, cole as batatas fritas que eu acabei de pegar emprestado de outras camadas. Agora as batatas fritas parecem um pouco grandes demais. Vou reduzir proporcionalmente, talvez 50 por cento. Parece bom para mim. Você pode copiar mais e até mesmo tamanho para baixo se necessário refletido, ou você pode até refletir horizontalmente. Então você vai ser diferente olhar no topo, nós realmente estamos chegando lá. Temos um [inaudível] Isso parece uma boa quantidade. Parece bom para mim. Então nós temos para baixo um lado dos braços [inaudível] nós podemos simplesmente copiar tudo juntos facilmente. Podemos pressionar o Comando C e depois o Comando Shift B, para que eles permaneçam na mesma posição, e agora há uma cópia aqui. Podemos refleti-lo verticalmente e depois movê-los para o lado direito. Ok, então agora o personagem parece bem completo. 12. Como organizar o After Effects: Agora, o que eu faria é organizar os arquivos do After Effects. Provavelmente não precisamos dessa referência, então podemos excluí-la. O que eu faria aqui, pensar em cada camada aqui precisa ser animado individualmente no After Effects. Eu quero ter certeza de que as camadas aqui, não está sob nenhuma camada, cada camada deve ser camadas independentes. O que eu faria é abrir, clicar em cada camada e, em seguida, clicar em “Liberar para Sequência de Camadas”. Uma vez que você clicar sobre isso, você descobriria que cada camada, o fim de cada camada terá um nome em si mesmo como uma camada. Há alguns números, mas você pode mudar o nome mais tarde. Mas as camadas não devem ficar dentro de um grande grupo. Eu agarraria essas camadas para o lado de fora de um grupo. Em seguida, podemos excluir essa camada, e, em seguida, as mesmas coisas que você deseja fazer para um na camada também. Certifique-se de que esses caminhos são camadas. Da maneira que eu quero converter esses caminhos como camadas individuais, eu faria a mesma coisa, clique nas camadas grandes e, em seguida, liberar para camadas. Esses caminhos individuais serão a camada. Agora, eu quero ver os gráficos e a imagem estão em boas condições. Vou me certificar de que o corpo e depois o rosto estão no topo de tudo. Verei que as pernas estão atrás de um corpo. Vou movê-lo para baixo até o final, depois para a perna esquerda, perna direita. Depois os braços aqui com as batatas fritas. Vamos então clicar neles pressionando também o botão “Shift” para que você possa selecionar para chegar lá. Parece que eles estão sentados bem acima dos braços certos em que acabamos de trabalhar. Isso parece bom para mim. Nomear é muito importante aqui. Ele realmente ajuda você a encontrar as camadas e artefatos. Como as animações podem ser realmente complexas, você definitivamente quer encontrar as camadas certas para animar. Como você vê, há tantas camadas. Então, se você não o nomear, você só teria que usar sua memória apenas para lembrar como o que Camada 25 ou 29 significa, ele vai ficar realmente complicado. É bom que você pode nomear isso para que tudo seja organizado para você. Mas para animação, não quero que estes dentes sejam máscaras. Eu posso misturar isso no After Effects onde aqui eu iria apenas liberar a máscara de recorte. Mova a forma que é muito simples e eu não preciso dele. Ok. Parece que estamos indo muito bem aqui. Tudo tem o nome. Em seguida, inclua-o em um arquivo. Sim, parece bom. Salve este arquivo clicando no botão “Arquivo” e salve-o. Em seguida, podemos renomear isso para a Etapa 4, para o Illustrator, e ele o salvou. Agora vamos refinar algumas formas vetoriais em ilustradores e organizados em todas as camadas. Acho que estamos prontos para o trabalho de animação no After Effects. 13. After Effects: como preparar camadas: Temos todos os arquivos de ilustrações prontos para o trabalho de animação. Agora, com esta etapa, vamos organizar arquivos e preparar os desenhos de personagens no After Effects. Agora tenho o arquivo de ilustrações final que criei no Illustrator e, em seguida, simplesmente arrastando para a janela do projeto. Depois, há uma janela que aparece. Queremos escolher a composição e, em seguida, certifique-se de que o tamanho dos documentos é o mesmo e, em seguida, selecione “Ok”, e agora temos a única composição mostrando aqui. Então podemos checar. Nome significa que aqui está bom, você vai se sentir muito feliz por já ter feito a organização em seu Illustrator. Certifique-se de que a configuração de composição está boa para você. O tamanho 1.000 por 1.000 parece bom e então podemos nomear isso. Podemos nomeá-lo para o cara fritar. Para as taxas de quadros, geralmente para animações mais longas em que eu trabalho, eu escolheria a taxa de quadros 60, que é realmente suave, mas para GIF ou para uma animação mais curta, eu normalmente quero ter o tamanho reduzido, então eu escolheria as taxas de quadros mais baixas. Eu vou fazer 30, parece bom para mim. Às vezes, se você quiser realmente ter tamanho reduzido para GIF, algumas pessoas também trabalhavam na taxa de quadros 15 para projetos GIF, mas eu quero que este projeto seja tanto um GIF quanto um trabalho de animações, então eu vou escolher algo no meio, 30 parece-me bem. As durações, eu acho que isso deve ser bem curto. A maioria das animações GIF que eu criei é em torno de 3-7 segundos porque nós também realmente queremos evitar o arquivo de grandes projetos. Acho que este 10 segundos é uma boa duração para trabalhar. Isso parece bom e clique em “Ok”. Principalmente para essa etapa, quero ter certeza de que as formas vetoriais que criamos no Illustrator sejam convertidas nas formas vetoriais. Mas agora, isso é apenas como uma camada simples, mas não é como as camadas de forma vetorial ainda, então eu vou trabalhar nisso e, em seguida, mudar essas camadas clicando com o botão direito do mouse e encontrar o Criar. Há uma seleção chamada Criar formas a partir da camada vetorial. Essas camadas vetoriais se tornarão as camadas de forma, portanto, as camadas criadas a partir do Illustrator ficarão invisíveis. Aquelas camadas que você realmente não precisa. Você pode excluí-lo totalmente. Certifique-se de selecionar a camada de forma vetorial. Corpo é a imagem que não queremos converter para camada de forma, então eu apenas tranquei, e depois fritar nossa imagem também, nós não precisamos disso para a camada de forma. Boca, sobrancelhas aqui parece que eles precisam ser animados como uma camada de forma, e então nós vamos converter esses vetores de forma para camada de forma clicando com o botão direito do mouse e, em seguida, encontrar o Creates, e, em seguida, selecione o “Criar formas de camada vetorial” e então podemos movê-lo para o topo. Agora você pode ver os vetores que você converte são, isso está bloqueado agora, então não precisamos disso, apenas exclua-o. Agora as camadas de forma são criadas aqui, você pode verificar duas vezes. Aqui está a camada de forma. A razão pela qual você deseja mudar o vetor para camada de forma, é que podemos animar a forma pelo caminho aqui. Por exemplo, você deseja alterar a forma da sobrancelha, você pode fazê-lo adicionando esses quadros-chave e, em seguida, alterar as formas assim. Você pode ver as formas do quadro-chave de início para os quadros de chave final serão alterados. Mas acredito que não queremos que as sobrancelhas se movam assim. Isto é simples. Mais tarde vamos ter certeza e sobre as formas vetoriais são convertidas para a camada de forma. A fritura à nossa imagem, não precisamos dela. As pernas à direita devem ser as camadas de forma, para que possamos animar a forma. Crie uma camada de vetor Shape From Vector, exclua as que não precisamos. O braço deve ser a camada de forma bem, converter em forma. Parece muito bom para mim de converter o vetor em camada de forma. 14. After Effects: pontos de âncora: Agora eu quero ter certeza de que os pontos de ancoragem estão sentados nas posições certas para que eu não possa animá-lo. Ao clicar aqui você pode apenas revisar as camadas individualmente. Se você diminuiu o ponto de vista coisas, e então agora você pode ver os pontos de ancoragem não está realmente sentado na fritura. Basicamente, o ponto de ancoragem é o ponto sobre as posições que os objetos irão girar e dimensionar a partir de. Queremos ter certeza de que o ponto de ancoragem está sentado nas posições certas que você deseja animar. Agora, se o ponto de ancoragem está sentado de onde ele assenta originalmente. Quando você o gira, ele não é realmente girado do fundo da batata frita. Queremos ter certeza de que o ponto de ancoragem, está sentado bem aqui. A maneira como estamos fazendo isso, é para uma ferramenta de ponto de ancoragem selecionado e, em seguida, arraste o ponto de ancoragem para o local que você deseja, ou você pode colocar o [inaudível] e que você iria soltar automaticamente para o centro da imagem ou inferior. Eu faria o processo semelhante para a maioria das camadas. Isso é um pouco demorado, mas isso será realmente útil quando você animá-lo. As animações estavam girando escala a partir da posição que ele precisa ser. Para mover pontos de ancoragem. Às vezes eu vou usar o código de bloqueio Motion 2 que torna tudo realmente fácil e mais rápido apenas para substituir o ponto de ancoragem na posição certa. Para o frite eu quero o ponto de ancoragem sentado na parte inferior de uma imagem, ou talvez no centro. Parece bom. Podemos verificar individualmente também. É um pouco demorado, mas também é necessário fazer uma vez que queremos animar as fritas individuais aqui. Mesmo o transparente falou Grant parece um pouco difícil para você encontrar os pontos de ancoragem. Você pode clicar na grade de transparência e, em seguida, quando você clicar com o botão direito do mouse, o fundo transparente desaparecerá. Agora você provavelmente pode ver o ponto de ancoragem um pouco mais fácil com um fundo preto. O braço que quero ver ao redor do ombro, parece bom. Esta é a camada que eu não preciso. Isso parece bom para mim. Agora, o arquivo de animação parece bastante organizado e os pontos de ancoragem estão sentados nas posições certas para o trabalho de animação. Agora podemos passar para o próximo passo para adicionar o movimento. 15. After Effects: como preparar camadas por níveis hierárquicos: Antes de adicionar nos quadros-chave, eu quero configurar o quadro inicial de um segundo e, em seguida, estimativas, talvez esta animação será de cinco segundos. Começando de um segundo e eu vou movê-lo para seis segundos para o total de cinco segundos animação. Vou digitar em seis segundos e, em seguida, pressionando um atalho, você verá que a área de trabalho foi [inaudível] de um segundo a seis segundos. Quando você visualiza as animações, a barra de animação será reproduzida dentro de um segundo e seis segundos. A razão pela qual eu vou começar de um em vez do início de uma linha do tempo é que eu quero dar-lhe um caminho mais espaço antes da animação começar. Às vezes, por exemplo, quando você está adicionando os quadros-chave e movimento no corpo e, em seguida, você deseja mover os quadros-chave assim que a animação realmente começar de um pouco mais cedo, então há uma sala que você pode realmente trabalhar no ajustamentos. Esta é uma pequena dica que você quer ter em mente. Para animação de personagens, você quer se certificar que as camadas são pais para os gráficos principais, por exemplo, o rosto sempre se moverá e sozinho com o corpo. Talvez eu tentasse fazer os pais do rosto como uma camada de um rosto. Eu também usarei a moção também aqui e a ferramenta nula mais próxima. Eu posso apenas folgar todas as camadas de rosto e, em seguida, clicar em null. Todas as camadas de face estarão vinculando em uma ferramenta nula e eu posso clicar com o botão direito do mouse, renomeá-lo e, em seguida, apenas salvar face nula. Então eu posso simplesmente arrastar esses pais e ligar para o corpo. Basicamente corpo será o elemento central para a animação do personagem. Vou destacar aqui para a cor vermelha. Por isso, é mais fácil de encontrar quando você se move procurando as camadas que você pode projetar. Esta é uma camada vermelha, que é para o corpo e as batatas fritas aqui devem estar se movendo com o corpo também. A parte superior das costas deve estar se movendo para o corpo. O braço direito, os braços devem estar movendo o corpo também. Se você não pode encontrar um corpo aqui, você pode mover um link para cima e você iria encontrar o corpo ou você também pode procurar as camadas que você deseja pais por esta janela, clique e, em seguida, ele irá mostrar as camadas que você pode pai também. Essa palmeira deve estar se movendo com o braço, eu acho. Quando o braço está se movendo na palma da mão e a palma estará se movendo com o braço, mas o braço está ligado ao corpo. Então, se você mover o corpo, toda a palma e o braço se moverão juntos. A perna deve estar ligada ao corpo também. Agora a paternidade está parecendo boa para mim. 16. After Effects: manipulação de caracteres: Para a configuração do equipamento de animação, eu costumo usar o RubberHose. É o mais fácil os plug-ins que eu trabalho com para design de personagens. Posso mostrar-lhe rapidamente como funciona. Rubberhose realmente criaria as pernas ou os membros para você. Para o design das pernas, nós apenas manter as partes dos pés. Irei ao Caminho, cortarei os pontos que não preciso. Eu só preciso manter o pé e depois ter certeza que os pontos de ancoragem estarão sentados no pé. Eu me limitaria a isso. Então eu sempre gosto do quadril e âncora para a perna e depois clique em “New Rubberhose”. Daqui, está atrás do personagem, então você provavelmente não pode vê-lo. Mas eu só vou selecionar as camadas que eu quero ver aqui. Agora, o design da perna não combina com o nosso estilo de ilustração original, mas podemos adicionar um espião, a camada de mangueira aqui. Eu quero fazê-lo, a perna deve ser de cor preta e os pesos do curso devem ser 13. Agora, eu quero fazer os pontos de ancoragem. Está sentado e conectado com o pé e o quadril deve estar ao redor do corpo. Agora podemos tornar as camadas ocultas visíveis agora. Agora as pernas parecem um pouco curvas demais, mas não precisamos nos preocupar com isso. Podemos adicioná-lo a aparência na camada âncora, em uma camada âncora lá é os efeitos na janela de efeitos ao lado da ferramenta de efeitos do projeto. Em seguida, você pode alterar o valor para caber na aparência desejada. Para a perna esquerda, o comprimento, eu faria 400 e o raio, eu faria 13, e eu faria a direção da curva. Agora é uma flexão do lado direito. Eu quero fazê-lo dobrar para a esquerda apenas mudando o valor aqui. Parece bom para mim. Talvez possamos fazer zero. Essa é a perna direita do personagem, está feito. Para ser pai, certifique-se de que sua âncora é pai para os pés, talvez devêssemos mudar o nome pé esquerdo. Isto é um pé direito. Então o quadril definitivamente deve se conectar ao corpo. Quando você está animado as posições em pés, você pode ver as pernas está conectado perfeitamente. Quando você construiu a mangueira de borracha com um pé e, em seguida, a parentalidade é como a âncora vai para os pés, e então o quadril vai para o corpo. Então, se você mover o corpo, você pode ver como a perna se sincroniza com o movimento do corpo. Será a mesma técnica e procedimentos em sua direita uma vez que você é feito, o esquerdo. Esta é a configuração de modelagem de personagem para design de personagem. Assim que tivermos a perna, vamos trabalhar no braço. Para o braço, são os conceitos semelhantes como você quer apenas animar os pés apenas. Então, para o braço, você quer apenas anima a mão. Você pode apenas ter as peças que ele é criado por RubberHose. Quero ajustar as formas da mão e do braço aqui. Só tem a mão aqui e, em seguida, use a mangueira de borracha para criar o braço. Podemos escolher a mão clicando ombro e pulso e, em seguida, New Rubberhose. Selecione as camadas nas quais você deseja trabalhar e, em seguida, torná-lo visível. Novamente, o estilo não é parecido com o design que queremos. Podemos alterar o tamanho de um traço e cor na camada hospedeira e fechar 13 traçados peso ea cor é preto e pulsos devem ser conectados à mão e ombro, conectando-se ao corpo. Vamos ver todas as camadas juntas. Agora os braços parecem muito longos. Podemos mudar o estilo no controle de efeito e, em seguida, mudar o valor aqui para 210 talvez. Parece um pouco fora. Podemos fazer referência ao lado direito e depois ver como fica. Parece que podemos mudar as posições no ombro, deixá-la cair um pouco. Parece muito bom. Parece muito perto do nosso design original. Depois que você estiver configurando o Rubberhose para o braço, eu vou ter certeza que o nome do pai está correto para o pulso, você quer ir com o braço, talvez eu deva renomear que isto é mão. Em seguida, o ombro deve ser conectado ao corpo. Vamos nos certificar se tudo está conectivo. Tudo bem, parece bom para mim. Agora você pode ver que o personagem está dançando, mas ainda não definimos outro quadro chave. Apenas certifique-se de que os braços e pernas estão conectados ao corpo. Agora temos a configuração do braço direito, temos o braço esquerdo. Parece um pouco repetitivo aqui. Agora eu quero criar o lado direito do braço e da mão. Aqui, eu só tenho uma referência. É como um túnel de camadas planas. Agrupei-os porque quero fazer isso como referência. Eu iria mudá-lo para a capacidade para baixo como uma referência e trabalhar nas camadas gráficas reais que eu quero animar. Agora, eu quero desenhar uma mão direita e, em seguida, criar o braço em RubberHose. Certifique-se de que o ponto de ancoragem, ele está sentado na posição certa. Deixa ver, está bem aqui. Isso parece bom e, em seguida, clique na camada de mão e, em seguida, cria um novo RubberHose. Em seguida, mudando o estilo como fizemos antes. Vamos ver qual a configuração que temos é 400, depois 99. Vamos fazer o valor semelhante e, em seguida, talvez a direção da banda, seu oposto. Provavelmente quer derrubar os pontos para o ombro. Parece bom para mim. Então agora nós realmente não precisamos das camadas de referência que temos em segundo plano. Você pode excluí-lo totalmente. Depois de termos a configuração do equipamento, queremos também ter certeza de que a parentalidade está conectada ao lugar certo que queremos. Para o resto, você deve estar conectado à mão, podemos apenas rastrear ligando e ombro deve ser conectado ao corpo. Tudo bem, faça um teste rápido. Parece tudo o que está se movendo ou parece que a mão direita não está se movendo com o corpo. Vamos nos certificar de que é conectivo. A mão direita no lado direito deve estar conectada ao corpo. Tudo bem. Olhando bem. 17. After Effects: quadros-chave e movimento: A configuração está fazendo muito bem para animações de personagens. Eu começaria a adicionar quadros-chave e fazer os personagens ganharem vida. Vá para o início das animações. O primeiro para os personagens de animação, Vou começar com os movimentos no corpo, porque isso é como elementos centrais que se move e levantar um gráfico, vai sincronizar com os movimentos do corpo. Quero trabalhar com as animações corporais primeiro. Quero separar a posição aqui, separar a posição X e Y clicando com o botão direito do mouse, e há dimensões separadas. Para este estilo de propósito, podemos apenas animar a posição X e a posição Y separadamente. Às vezes, para os objetos, não só precisa se mover para a esquerda e para a direita, nós não podemos apenas sentar em um quadro-chave para a posição X. Queremos adicionar um quadro-chave e também adicionar as rotações clicando em “Shift N Alt” e, em seguida, rotação final aqui. Então as ações que eu quero dar ao personagem, é como se talvez o personagem pudesse agachar-se primeiro, e então rapidamente salta para cima e então haverá o retorno um pouco. Mas eu quero dar uma moção que é como antes de saltar. Personagem realmente agachar-se. Agora não parece tão suave. Vamos trabalhar para baixo o movimento um pouco mais no Editor Graph. Então talvez quando ele salta, ele não pode girar para a direita. Parece que não precisamos trabalhar na posição X. Não precisamos de um quadro-chave aqui. Alguém veja isso. A animação estava olhando um pouco ser mais linear. Agora eu quero torná-lo mais suave clicando com o botão direito do mouse e, em seguida, selecione “Easy In” e “Easy Out” aqui. Parece bastante suave, mas eu quero dar-lhe um pouco mais interessante e estilo dinâmico. Eu iria para os Editores de Gráfico aqui, e então encontrar os quadros-chave que eu tenho aqui. Agora vou para o Editor de Gráficos e, em seguida, certificar-me de que estou editando no Gráfico de Valor. Da maneira que podemos adicioná-lo, o movimento está aqui, é como mover a alça na parte superior e inferior. O gráfico aqui é um pouco mais íngreme. Isso significa que o movimento fica um pouco mais íngreme porque a linha curva está ficando mais extrema e os movimentos mais gordos ficarão mais rápidos aqui. Se no guiador for mais longo, isso significa que estava suavizando e diminuindo um pouco mais, e então o movimento fica rápido no meio e depois desacelerando novamente. Eu quero que o movimento diminua no início, mas é como ter os momentos mais rápidos e rápidos quando o personagem se agacha. Vou mover este punho um pouco mais curto para que seja menos lento. Como este. Então você não pode ver o movimento, haverá mais extremo. Quero os personagens, isto está a abrandar. Agora nós repetimos a animação novamente e depois vemos. Agora ele tem um olhar um pouco mais dinâmico. Uma vez eu gosto, ter um detalhe mais baixo quando ele agachado. Eu quero ter o pequeno salto para trás fazendo a moção. Será mais extremo, qualquer fim apenas editando a alça por mais tempo aqui. Agora o movimento parece um pouco mais cartoony, como palavra dinâmica. Estou pensando em saltos e talvez as pernas chutem ao mesmo tempo. Eu iria para a perna direita e, em seguida, adicionar um quadros-chave sobre isso. Separarei a dimensão primeiro. Quando eu quero mudar, é mover a posição. Agora a moção parece colocar um milionário, e você pode ver o caminho. É como uma linha linear. Eu quero mudar as interpolações, mudar de linear para o [inaudível] para que você possa adicionar o caminho aqui no Editor de Gráficos. Você pode ver que o caminho está mudando com a linha de corte. [ inaudível] para o plano deve ser Easy In, Easy Out também. Quero que o pé não possa girar quando a perna chegar ao ponto alto. Talvez fazer a perna chutar mais alto. Na mistura, os quadros-chave são fáceis de entrar e aliviar. Parece bom para mim. Talvez fazer o movimento um pouco mais rápido e, em seguida, metade do pé salta para trás. Só um pequeno detalhe estrela que podemos adicionar. Qualquer método que eu notei eu posso agora uma vez que a perna realmente olhar reto. Talvez possamos voltar para a Casa de Borracha e mudar a direção da curva e ter essa perna esticada melhor para mim. Eu quero mudar para o lado direito também, certo? Acho que a moção agora está um pouco lenta. Quero tornar o momento um pouco mais correto. Vou selecionar todos os quadros-chave e, em seguida, pressionar “Options” e, em seguida, fazer o quadro-chave se aproximar para que a velocidade seja mais rápida. Agora, a perna é animada quando os movimentos do corpo são criados. Parece bom, e agora quero que meus personagens voltem para as posições originais. Ele desce, e depois agacha-se de novo, podemos copiar totalmente aqui, voltar de novo, e depois saltar para outro lado. Agora este é um movimento áspero que damos ao corpo e eu vou animar a comida de volta para onde estava. Basicamente, copie o quadro-chave desde o início e certifique-se de que o quadro-chave seja copiado de antes. Vamos voltar para aqui, e quando ele saltar de novo, quero que o corpo se mova para o lado direito também temos em outra posição. Talvez queiramos dar um pouco mais de tempo no final, quando ele saltar para trás. Quero que fique no meio um pouco mais. Continue tocando e veja se o movimento parece certo para você. Parece muito bom. Agora, eu quero trabalhar nos detalhes da moção um pouco mais, eu vou ao editor de gráficos e ver se ele parece bom para mim. Eu quero que o movimento comece mais devagar, eu iria arrastar a alça por mais tempo. Novamente, a alça mais longa significa como abrandar, então ele salta, quando ele salta para trás, eu quero dar um pouco de salto. Talvez no final, a curva possa ser um pouco mais curvilínea. O movimento será mais dinâmico como seria o GIF, queremos ter certeza de que o quadro final e, em seguida, os quadros estrela serão os mesmos para que ele possa fazer o loop perfeito. Agora você pode ver que o quadro final agora não está realmente combinando com o primeiro quadro. Você deseja certificar-se de que os quadros NDK são os mesmos que o início. Talvez eu começasse para voltar à posição original. Vou adicionar a chave e, em seguida, copiar o quadro-chave do início, certifique-se de que o quadro inicial e o quadro final serão os mesmos. Mas eu quero ter esses movimentos de volta ao início, que não tenha o cordão todo parado aqui. Vou mover o valor do quadro final para o início. Você pode ver que as rotações serão as mesmas do fim ao início. Eu quero adicioná-lo, a moção será mais aqui, e então ver quais partes eu quero enfatizar um pouco mais. Talvez na rotação, encontre o gráfico que você tem, e então talvez possamos fazer o movimento ser mais dinâmico. Do jeito que estamos fazendo, podemos ajustar a alça aqui. Agora todos os movimentos em um corpo, é perfeitamente loop, e então o que estamos perdendo é o lado esquerdo da perna deve estar chutando como o que outra perna está fazendo e este é o momento em que a perna direita deve chutar. Queremos adicionar o quadro-chave nos pés à esquerda. Certifique-se de que as posições estão separadas. Quando cada agachamento, saltar aqui, você quer ter o chute perna, e depois ter adicionado as rotações nos pés, e, em seguida, certifique-se de que ele tem um efeito saltitante que vai torná-lo chute e saltar para trás um pouco. Tenha a facilidade fácil de sair. Parece bom para mim. Agora você verá que a perna não está realmente em um loop perfeito. Eu quero ter certeza que os quadros-chave do tornozelo, aqui estão permanecendo os mesmos desde o início. Quando o corpo se recupera, este é o momento em que a perna deve voltar para a posição de pé. Parece muito perto. Agora as animações do personagem, vazando ou segure o movimento um pouco mais na perna, então quando ele chuta, Eu quero o movimento um pouco mais interessante. Eu quero começar de abrandar desde o início, tendo um pequeno salto ajustando o gráfico aqui, e eles estão tendo a alça um pouco mais curta para que a fala seja mais rápida. Quando o personagem se agacha, quero que as pernas se dobrem. Eu estava trabalhando nos ajustes na direção da curva novamente. Agora os movimentos do corpo e as pernas parecem muito bons para mim. Vou passar para a animação de braços que está conectada à palma da mão para as mãos à esquerda. Agora eu descobri que o ponto de ancoragem não está realmente sentado na posição certa. Eu iria movê-lo para o ponto de uma posição que os objetos irão girar e escalar a partir de. Vou mudar, animar as posições, separar a dimensão. Quando o personagem se move para baixo e para cima, eo braço deve estar se movendo para cima, e, em seguida, uma vez que a rotação aqui mudar bem e, em seguida, saltar para trás. Dê a ele o Easy In Easy Out. A partir daqui, queremos voltar para a cena inicial, certifique-se de que o quadro-chave irá iniciar o mesmo. Quando os personagens se movem para trás, eu quero que o braço se mova de volta para onde ele está no início, a maneira como o tempo é um pouco fora. Queremos ter certeza que o braço tomará as ações quando o corpo estiver chegando ao topo. Aqui movemos o braço um pouco para baixo, certifique-se de que o valor aqui é o mesmo. Animação no braço esquerdo parece boa. A razão pela qual eu não tinha a palma da mão batata frita no lado direito é porque eu acho que eu posso totalmente animar um lado e, em seguida, copiar toda a composição para o lado direito. Não precisamos nos preocupar com isso agora. Agora as animações do corpo e dos membros estão parecendo bem suaves e boas para mim. 18. After Effects: como animar o rosto: O rosto pode se mover um pouco também. Quando o corpo se agacha, o rosto pode se mover um pouco para baixo. Voltem para trás, para baixo e, em seguida, para trás. Basta dar pequenos movimentos extras em detalhes. Facilidade para dentro, facilidade para fora. Nos editores de gráficos. Você pode fazer aqui, um pouco mais dinâmico gráfico de velocidade. Então, quando personagem agachado novamente, Eu quero ter esses movimentos semelhantes sobre isso, mas talvez aconteça um pouco atrasado dos movimentos do corpo. Parece bom. Eu quero dar à boca alguns movimentos que parecem que o personagem está arrepiando ou rindo. Eu animaria a boca aqui. Para a camada de forma que você deseja animar a boca, você deseja ir para o caminho e animar as formas. Talvez possa descer e depois, quando descer, talvez mudar a forma da boca. Altere a forma, torne-a mais arredondada e circular para formar o quadro-chave agora que você pode ver aqui. Nos segundos quadros-chave, você altera a forma e, em seguida, você pode ver a forma mudar gradualmente do que você fez. Então eu quero que a boca volte para o grande sorriso anterior. Facilidade para dentro, facilidade para fora novamente. Agora os dentes parecem um pouco estranhos, mas está tudo bem por enquanto. Nós vamos mascarar mais tarde, uma vez que os movimentos da boca acontecem, neste momento novamente também. Está parecendo muito bom para mim. Os olhos parecem um pouco profundos. Eu quero dar um pouco de movimento no olho. Selecione a camada de olho e, em seguida, você pode pesquisar o caminho aqui. Você pode animar a partir da camada de caminho. Aqui. Talvez eu lhe dê uma pequena mudança de forma realmente sutil. O rosto está se movendo, o corpo está se movendo, altere as formas nos segundos quadros-chave. Estará apertando. Deixe-me voltar ao visual original. Facilidade para dentro, facilidade para fora. Talvez aconteça de novo. Quero mudar o tempo aqui, e eu quero ter as mesmas animações no olho direito. Podemos copiar as animações do caminho aqui e depois passar por aqui. Podemos ter as mesmas animações no lado direito e no olho aqui. Aplique a facilidade de entrada, diminua e copie novamente aqui. Também podemos adicionar a sobrancelha mocional quando o personagem está pulando, encontrar a sobrancelha e classe P. Encontre posições que você pode animar e, em seguida, separar as dimensões. Então eu acho que nós só precisamos animar a posição branca e, em seguida, ter a sobrancelha subir quando o corpo está alcançando a posição mais alta e, em seguida, cair para baixo quando o corpo dobrar. Aqui, podemos fazer a sobrancelha subir de novo. Em seguida, faça-os entrar, aliviar. A sobrancelha está se movendo de forma muito estranha. Parece que o quadro-chave final aqui e, em seguida, o quadro-chave inicial são diferentes. Vamos certificar-nos de que eles são todos da mesma posição no início e certificar-nos de que o quadro-chave final e o quadro-chave inicial são os mesmos, então eu copio e colo. O quadro-chave final para o início. Sobrancelha cai aqui novamente. Deve ser muito bons conjuntos de animação e eu tê-los facilidade dentro, facilidade para fora. Agora, [inaudível] um pouco lento demais. O momento é um pouco estranho. Neste momento, os movimentos do corpo, a aparelhagem do personagem está completa. Eu acho que para os próximos passos, nós só precisamos trabalhar nos detalhes, como os limites no rosto e adicionar texturas. Eu sei que isto é muito. Animação pode ser intimidante, mas uma vez que você pratica mais, eu acredito que a animação pode ser realmente emocionante. Agora o cortejamento de personagens parece muito bom para mim. Para o próximo, Eu iria animar as batatas fritas e adicionando um pouco mais de detalhes em um tags animações. Para essa parte, será um pouco mais de adições. Pode ser apenas uma inspiração para você, se você quiser adicioná-lo, tudo depende de você. 19. After Effects: retoques finais: Eu já limpei as animações que construímos antes e, em seguida, adicionando um pouco os detalhes sobre os personagens e quadros-chave. Agora, o personagem está funcionando [inaudível] e parecendo bem para mim. O que eu quero focar nestas abas, alguns efeitos saltitantes nas batatas fritas, que você possa ver que as batatas são sensíveis aos movimentos do corpo. As batatas fritas devem mover-se para baixo quando o corpo se mover para baixo. Mudo a posição para baixo e subo quando o corpo salta. Eu quero dar um pequeno salto de volta no final. Quando ele se recupera, ele pode saltar para a posição original. Aqui eu vou apenas “Copiar” e “Colar”. “ Copy” e “Paste”. “ Copiar” os quadros-chave iniciais para o último. Você pode ver rapidamente aqui, parece bom. Então o ar condicionado está desligado. Olhando bem e pode ser trabalho na rotação. Pressione U, você pode ver todos os quadros-chave que você construiu. Para as rotações, eu daria aleatoriamente um número diferente sobre isso. Não precisa ser tão preciso. Eles são apenas um efeitos encontrados que você pode adicionar e, em seguida, recuperar. O último quadro-chave deve corresponder ao primeiro quadro-chave. Aplique a facilidade com facilidade e a rotação. Agora parece bom. Eu só copio as moções aqui. Novamente, quando os personagens se agacharem e saltarem, vamos “Copiar”, “Colar”, “Copiar” e “Colar”. Acho que para esses efeitos saltitantes, parece um pouco mais aleatório. Eu moveria alguns deles um pouco atrasados. Algumas das batatas fritas atrasaram. Alguns poucos deles podem saltar ou ser mais cedo. Está bem, parece-me bem. Agora, eu vou passar para as animações de batatas fritas, em uma dica. O pompom. Aqui pressione R para rotação. Não precisamos mover a posição aqui, só precisamos animar a rotação. Basta dar um ligeiro movimento. Alguns deles podem girar para a esquerda e alguns deles podem girar para a direita e, em seguida, saltar para trás. Novamente, o último quadro deve corresponder ao primeiro quadro. Só queremos dar um pouco como efeitos saltitantes. Não precisa ser tão preciso. Então temos uma facilidade de entrada e facilidade de saída. Parece bom. Então mova-os ao redor. Também temos outras batatas fritas. Alguns deles podem ser um pouco atrasados. Bom. Então, enquanto eles estão embalados lá saltar novamente, queremos que o efeito saltitante aconteça novamente. Vou copiar a animação que construímos e depois colar nos momentos que queremos que aconteça novamente. Então, atrase-os um pouco, certo? Parece bom para mim. Agora temos feito um lado de pompom e para o outro lado. Eu acho que podemos simplesmente copiar do comando esquerdo C e depois comando V. Então podemos alterá-los para as composições um pressionando Shift comando C pré-comp. Podemos apenas dizer batatas fritas, pompom e ter certeza que este pompom está sendo pai para o braço direito aqui. Então podemos mover a composição do pompom para a direita. Eles vão atrás do braço. Então, braço, está acima dele. Porque ele está no lado interno do braço, eu quero girá-lo horizontalmente e, em seguida mover para trás em torno da mão e mudar a rotação um pouco. Descemos para o braço. Agora, temos as mesmas animações pompom no braço. Nós fizemos a animação de batatas fritas apenas dando os efeitos de salto sobre as batatas fritas apenas que ele faz todo o personagem animações maneira mais natural e suave. Eu vou dizer que as animações de personagens aqui tem sido bastante completa. Mas se você quiser trabalhar em alguma animação mais avançada ou quiser dar um pouco mais sabor ou elementos visuais mais firmes, eu estava pensando que as animações extra firmes poderiam ser as animações alinhadas no corpo. Eu criei as linhas em photoshops e eu traria os arquivos em uma pasta. Apenas arrastando e uma laje a composição. Você pode ver que há três linhas diferentes design que eu faço. Eu quero torná-lo como uma textura animações. Corta a composição para a área de trabalho que você configurou dois segundos. Agora, esta composição será de apenas dois segundos. Vou cortar as camadas e depois organizá-las. Isso parece bom para mim. Mude a área de trabalho, corte a composição novamente. Você pode ver aqui tem uma animações de linha simples. Agora eu copio esta composição de volta para a composição principal e passo para o corpo. Agora eu posso ver a animação de linha aqui, mas eu quero fazer um loop. O loop de animação. Vou clicar com o botão direito do mouse sobre a composição e o tempo de folga. Em seguida, ative o remapeamento de tempo aqui e anote as expressões para o efeito de loop. Eu vou fazer um loop e loop aqui fora. Posso selecionar “enter”. Você pode ver as animações de linha apenas continua jogando na linha do tempo e eu quero fazer as animações de linha em assim ser mais rápido. Vou mover o quadro de chave final para perto do primeiro quadro de chave. Então eu só preciso máximo para fora com o corpo. Vou copiar a camada de corpo e, em seguida, no topo de uma linha animações e, em seguida, selecionar Alpha Matte. Agora, a animação de linha deve ser perfeitamente máxima. Além disso, eu também quero dar as texturas nos pincéis. Para isso, também desenho as pequenas texturas. Você pode encontrar essas texturas que eu estou fazendo photoshops em um recurso de projeto. Arrastando para esta imagem e, em seguida, em torno dela, na parte superior da escovação e foram mascarando. Coloque as texturas na parte superior da camada de forma e , em seguida, pressione o Alpha Matte para maximizar as texturas coradas. Agora você pode ver que há algumas texturas na escovação, quando ele se move você pode ver as texturas não realmente se movendo com um corpo. Quero ter certeza de que a textura está ligada às camadas reais do navio. Parece bom. Eu quero fazer a mesma coisa que em outro lado. Ter uma camada de textura aqui e, em seguida, selecione Alpha Matte e ter as texturas é mascarado pela camada de escovação. Não, não está ligado com movimentos corporais. Compartilhamentos imitados, vincular pais à escovação em si. Está bem, parece super fofo. Agora eu quero dar a todos um olhar natural. Vou mudar a capacidade para 80, talvez 90, certo? Eu acho que agora a animação parece realmente incrível nós terminamos. 20. Como exportar para compartilhar: Agora que a animação está feita. Nós estamos indo para exportar a animação para qualquer como arquivos de vídeo ou arquivo GIF. Animação parece ótima. Normalmente, eu exportaria o arquivo de vídeo no After Effects para que você possa adicionar à Fila de renderização clicando nele. Depois que a animação estiver em uma Fila de renderização, você poderá descarregar os formatos necessários. Normalmente eu faria ProRes 4, 2, 2 ou 4, 4, 4, 4, agora você pode renderizar como um arquivo de vídeo, clicar em “Ok” e, em seguida, “Renderizar”. Você terá os arquivos de vídeo prontos em uma foto que você escolher. Ou se você quiser exportar o arquivo GIF, eu tenho dois métodos para a exportação. O primeiro, há um plugins realmente úteis e úteis em que é um GifGun, mas você pode poleirar no AE scripts.com. Se você se certificar de que sua área de trabalho está correta para você na linha do tempo. Ao reproduzir a visualização, parece bom, e então você pode ir para o GifGun aqui e, em seguida, pressionar o botão “Setting” e, em uma configuração, certifique-se de que o Keep Alpha, está selecionado ou você pode redimensionar para animações. Animação atual é 1000 por 1000. Eu acho que é muito grande para mim, então eu sempre tamanho para baixo para 500, mas é totalmente sua chamada se você quiser manter o tamanho original, isso é totalmente ok, então certifique-se é um loop infinito, é claro que é um GIF. Antes de selecionar para baixo, você deseja certificar-se de que seu arquivo está em um conjunto de pastas que você deseja acessar. Vá para baixo e, em seguida, apenas faça os GIFs, agora ele está renderizando. Outra maneira que eu iria explorar o arquivo GIF é usar o arquivo de vídeo com o fundo Alpha, e depois importar o vídeo para photoshops, e então podemos converter o GIF de lá. Eu renderizaria as animações para o arquivo de vídeo com o fundo Alpha. Os formatos que escolherei são ProRes 4, 4, 4, 4, 4, e então selecione o canal de cores aqui, certifique-se de que é RGB e alfa, então ele irá manter o fundo Alpha e, em seguida, clique em “Ok”, em seguida, ter os vídeos em sua área de trabalho. Tudo bem aqui, parece bom, salve e então renderize. Em seguida, volte para o Photoshop e arraste o vídeo que você acabou de renderizar para suas photoshops e, em seguida, você tem vídeo aqui. Então você quer explorar o vídeo, salvá-lo da web, então agora você pode ver o vídeo está na visualização web e, em seguida, este é basicamente o lugar que o vídeo será convertido no arquivo GIF. Você pode ver o arquivo, é GIF e agora o arquivo é enorme, geralmente queremos manter os arquivos GIF pequenos e doces. A primeira coisa que eu mudaria é este tamanho de imagem, eu provavelmente quero mudá-lo para 500 por 500 e inseri-lo. Você pode ver o tamanho cai de 12 a 4 megabytes e as cores que eu não preciso, como 256 cores, eu posso apenas movê-lo para baixo para 128 e talvez transparente é selecionado e converter para RGB é bom. Então talvez eu mudasse o tamanho, que seria menor para manter o arquivo menor, parece bom. Então, antes de salvá-lo, você pode visualizar a partir daqui, parece bom para mim e salvá-lo no lugar que você deseja salvar, então está feito. Você pode encontrar seu arquivo GIF que você acabou de converter no Photoshop em seu computador. Agora você tem os arquivos GIFs prontos e, em seguida, você pode compartilhar totalmente os arquivos para uma mídia social ou seu portfólio. Mas agora eu vou mostrar rapidamente como eu envio meus GIFs para Giphy. Clique no botão “Upload” e arraste os arquivos aqui e, em seguida, talvez mudar ter uma etiqueta como fritar cara, feliz, alegre. Vou lhe dar as ordens e depois de todas essas contas. Toda vez que eu marcar os GIFs aqui, você verá esses gifs na Pesquisa GIFs do Instagram. É por isso que as palavras-chave para as etiquetas estão colocando [inaudível] então, se você digitar, feliz, esses caras franceses vão potencialmente aparecer em uma pesquisa ou digitar em dança ou batatas fritas, digitando qualquer palavra-chave que você gostaria, e, em seguida, fazer upload para Giphy. Claro, você deseja fazer upload para a galeria do projeto também. 21. Considerações finais: Parabéns, você conseguiu. Por essa altura, você terá personagens animados que podem ser compartilhados ou enviados para a galeria Projetos. Estou muito animada para ver suas criatividades. Agora você pode usar todas as técnicas que você aprendeu na classe e adotar essas técnicas para quaisquer assuntos ou objetos para as animações de personagens. Você pode dar vida a tudo. Divirta-se com isso. Obrigado por assistir. Espero que gostem da viagem.