Loops de morphing! Transforme um objeto em outro usando a animação | Giulia Martinelli | Skillshare

Velocidade de reprodução


1.0x


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

Loops de morphing! Transforme um objeto em outro usando a animação

teacher avatar Giulia Martinelli, Animation Director / Illustrator

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.

      Trailer do curso

      1:50

    • 2.

      Introdução

      2:58

    • 3.

      Noções básicas e terminologia

      3:32

    • 4.

      Preparação

      9:04

    • 5.

      Design

      9:07

    • 6.

      Planejamento do movimento

      7:36

    • 7.

      Animação

      10:04

    • 8.

      Toques finais

      3:56

    • 9.

      Resumo

      2:19

  • --
  • 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.

1.539

Estudantes

43

Projetos

Sobre este curso

Um curso de 50 minutos com a diretora de animação Giulia Martinelli, para criar uma animação de morphing em loop.

 

Se você sempre quis aprender a animar loops de morphing rápidos e fazer uma transição suave de uma imagem para outra, esse curso é para você!

 

Neste curso, você vai aprender: 

  • Alguns conceitos básicos de animação desenhada à mão em 2D
  • Como desenvolver e desenhar sua imagem inicial e final do morphing (A e B)
  • O que considerar ao escolher uma paleta de cores para animação de morphing
  • Como planejar a transição da imagem A para a imagem B
  • Como criar loop de animação e se mover suavemente
  • Toques finais e exportação
  • Como usar sua animação e avançar ainda mais com ela

    Sobre as ferramentas:
    você pode acompanhar o curso se tiver acesso a um software, mas caneta e papel também podem ser o suficiente para uma abordagem bem tradicional.
    Para a seção de animação, vou usar o Animate CC, mas o software é apenas uma ferramenta, e não o foco do nosso curso.
    Você pode usar o Procreate, Photoshop, ToonBoom, TVPaint, ou algumas folhas de papel papel e uma mesa de luz, para acompanhar o curso e entender os conceitos básicos de morphing.

    Este curso é para mim?
    Sim. Projetei este curso para que ele possa ser acessível a qualquer nível.
    Quer você esteja apenas começando a entender como a animação funciona ou já esteja no campo, você vai poder acompanhar e concluir seu projeto.
    Ofereço níveis diferentes de dificuldade para a realização do projeto e opções para que você possa se desafiar apenas o suficiente para aprender uma nova habilidade.

    Recursos úteis que estou compartilhando com vocês:
  • Planilhas de preparação
  • Paletas de cores minimalistas para facilitar seu exercício
  • Slides e recapitulação do que aprendemos
  • Vídeos de timelapse do meu processo de bônus



Vamos começar o curso!

Conheça seu professor

Teacher Profile Image

Giulia Martinelli

Animation Director / Illustrator

Professor


Hello, I'm Giulia, a full-time freelance animator, and illustrator.
After graduating from in Animation (Turin, Italy) with my animated film MERLOT, I started my journey as a freelance artist and I hopped around Europe for a while, before settling down in Zurich, Switzerland.

In my daily practice, I juggle client commissions, teaching, and personal projects.

If you want to stay in touch and receive a monthly newsletter from me, Creative Crave is the place where I share some behind-the-scenes and updates from my desk. You will also find me on Instagram and on YouTube.
See you in class :)

Giulia

Here are some of my favorite students' reviews:

Visualizar o perfil completo

Level: All Levels

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. TRAILER DO CURSO: Você já quis aprender a animar loops de morphing dinâmicos como esses? Talvez você queira saber como transformar um objeto em outro, ou como criar uma transição suave e líquida. Ou simplesmente você precisa de um GIF animado legal para suas mídias sociais? Então esta aula é para você. Olá, meu nome é Giulia Martinelli, e sou artista, animadora e ilustradora em tempo integral com sede em Zurique, na Suíça. Trabalho com uma variedade de clientes e estúdios em todo o mundo, equilibrando comissões com projetos pessoais. Ao longo dos anos, aprendo a fazer loops animados peculiares e brincar com a morphing. Eu uso essa técnica muitas vezes na minha prática para transições para adicionar algum efeito mágico ou simplesmente criar adesivos animados engraçados para mídias sociais. Na aula de hoje, vamos nos concentrar em animação de morphing 2D, quadro a quadro. Em algumas lições, vou te ensinar como criar seu próprio loop de morphing do início ao fim. Compartilharei dicas e truques que ganhei ao longo da minha jornada pessoal. Vou guiá-lo em cada passo. Começaremos com um exercício de aquecimento e depois passaremos para o design e o processo de animação real. Se você tiver algum software de animação, isso é incrível, mas também caneta e papel podem funcionar. Esta aula é para você, se você é criativo de qualquer nível que queira aprender a jogar com a morphing. No final, você deixará esta aula com seu próprio loop de morphing original e com as ferramentas para empurrá-la para a frente. Se você quer explorar essa técnica de animação ou quiser um novo talento criativo, eu mal posso esperar para ver o que você vai inventar. Vejo você na aula [MUSIC] 2. Apresentação: [MÚSICA] Bem-vindo à classe. Morphing é um efeito especial em filmes e animações que mudam ou transformam uma imagem ou forma em outra através de uma transição perfeita. O que estamos nos concentrando hoje é um 2D e desenhado morphing criado quadro a quadro. Como você pode ver, uma morphing é uma sequência de desenhos para ir de uma imagem inicial para outra. Para o projeto final, você criará seu próprio design pessoal e juntos passaremos por todas as etapas para animar o loop de morphing. Os ingredientes para esse tipo de loops são imagens demais, uma para o início, uma para o fim e uma animação rápida entre as duas, e uma animação rápida entre as que é uma sequência de desenhos. Para que isso seja um loop, é claro, não apenas A se transformará B, mas também B vamos voltar para A. Deixe-me mostrar alguns exemplos para explicar melhor o que quero dizer. Neste loop, fiz uma lição animada do TED Ed. Eu precisava mostrar todos os bocais do inseto. A animação se move de uma estrutura para a próxima. Este é um retrato animado que fiz para uma exposição de RV. Primeiro desenhei quatro rostos que representam a mim e minhas paixões, e depois mais da transição de um para o outro animando o movimento como uma esfera rotativa. Nesses exemplos, não temos apenas duas poses A e B, mas algumas mais. No entanto, em nosso projeto, vamos nos concentrar apenas em duas poses principais para manter o exercício rápido e fácil. Para o propósito desta classe, criei um monte de recursos úteis para você. Pause este vídeo e vá para a seção de recursos para baixá-lo. Lá você encontrará algum material de bônus e algumas planilhas. Eu me referiria àqueles nas próximas lições. Falando sobre ferramentas para a animação. Vou usar o Animate CC da Adobe. Mas não é necessário ter esse software específico ou qualquer software de animação para seguir e entender essa classe. Não importa quais ferramentas você tenha em mãos as habilidades que vou ensinar a você trabalhar em qualquer caso, e você pode aplicá-las à sua situação. Finalmente, uma nota rápida sobre estilo. Tenha em mente que nem toda morphing a mesma aparência. Na verdade, uma coisa que eu amo morphing é que é uma técnica muito gratuita. Não hesite em ser flexível com seu processo e lembre-se de que você sempre pode voltar a essas dicas e técnicas essenciais. Durante esta aula, vou criar meu próprio projeto junto com você e vou dividir o processo passo a passo. Em seguida, um pouco de terminologia útil que vamos usar nesta classe. [MÚSICA] 3. Noções básicas e terminologia: [MÚSICA] Sem sequer tentar ensinar todos os conceitos básicos da animação em um vídeo de três minutos, pensei em fazer essa seção rápida sobre a terminologia que precisaremos nas próximas lições. Aqui estão algumas palavras e conceitos importantes que usaremos na classe. Se você já está confortável com eles, sinta-se à vontade para pular esta lição. Vamos começar com um conceito muito básico, animação é uma sequência de imagens. O que estamos fazendo é chamado animação quadro a quadro porque estamos realmente desenhando cada quadro sem usar alguma interpolação criada por computador. Para o nosso projeto, estaremos focando em duas poses principais, A e B. As imagens intermediárias serão nossa animação, a jornada para transformar objetos A em objeto B. As poses principais são as poses mais importantes de uma animação. No nosso caso, eles são os quadros em que nossos dois objetos são retratados. Tempo e espaçamento são dois conceitos muito cruciais e princípio fundamental na animação. Normalmente, em animação, um segundo é criado por 24 quadros. Se quisermos passar de A para B em um segundo, podemos querer preencher os quadros intermediários com imagens. tempo é a quantidade de quadros necessários para que uma ação ocorra. Mais desenhos entre poses dão ao espectador uma ação lenta e suave, enquanto menos desenhos dão ao espectador uma ação mais rápida e nítida. Espaçamento é a distância que um objeto move dentro de um tempo definido para essa ação. É também a distância que se move para cada quadro dessa ação. espaçamento sempre funciona ao longo de um arco e denota aceleração ou desaceleração. Molduras de esfregaço em animação são aquelas que criam uma ilusão de desfoque de movimento. Eles são realmente muito rápidos, geralmente com um quadro de comprimento. Muito divertido e peculiar de criar. Eles podem ser muito úteis para nossa morphing, passando de uma pose para a outra. Este é um exemplo do meu último curta-metragem, Marea. Os personagens se movem muito rapidamente um para o outro. Nesta ação, alguns quadros de esfregaço foram necessários para transmitir o movimento rápido. Seguir é a ideia que partes frouxamente conectadas de um corpo ou objeto continuarão se movendo depois que o personagem parar. ação sobreposta é uma ideia semelhante na medida em que descreve como diferentes partes de um corpo ou objetos tendem a se mover em taxas diferentes. Usaremos isso ao atingir a postura da chave para suavizar o movimento de chegada. Por exemplo, neste loop, você pode ver como as plantas ainda estão se movendo enquanto a cabeça já chegou à posição. Podemos dizer que alguns elementos, por exemplo, neste caso, as plantas, chegam à posição com um atraso. Esses são os termos mais importantes e específicos que vamos usar nesta classe. Agora, basta com a teoria. Na próxima lição, finalmente estamos começando a desenhar, então prepare suas ferramentas e vejo você lá. [MÚSICA] 4. Aquecimento: Vamos começar a aquecer nosso músculo de animação com um exercício. Esta é uma boa maneira de fazer seus sucos criativos fluírem. Você pode fazer isso em papel ou digitalmente. Vá pegar sua planilha de aquecimento na seção de recursos e acompanhe. Como você pode ver nesta planilha, temos colunas diferentes. À esquerda está a imagem inicial A, e à direita está a final B. Essas caixas no meio são onde nossa morphing acontecerá. A é a imagem com a qual estamos começando, e B é a imagem com a qual queremos terminar. Nosso objetivo é preencher os espaços no meio e transformar A em B. Agora, como começar a encher essas caixas, você pode perguntar. No canto superior direito está o gráfico de tempo. Isso fornece informações essenciais para que saibamos como proceder com a animação. Gráficos de tempo são ferramentas para mostrar quantos desenhos vão entre cada quadro-chave e mostra de forma simples como cada desenho se relaciona com o outro. Lembre-se, quanto mais próximos os desenhos, mais lento o movimento. Este gráfico de tempo tem um começo mais lento, um movimento rápido no meio e, em seguida, está diminuindo em direção à postura final da chave. Começaremos com a imagem do meio e avançaremos em direção às poses principais. O truque é sempre desenhar a imagem do meio e voltar ao gráfico se você se perder. A pose do meio entre A e B é quatro e começaremos com isso. O que está no meio entre A e quatro, três, e depois entre A e três são dois e assim por diante assim. Claro, quanto mais estamos nos aproximando da postura principal, mais parecida a imagem será para a pose final. Os grandes números romanos estão mostrando a ordem que seguiremos para desenhar os quadros. Estou trazendo a planilha meu software de animação para trabalhar nela digitalmente. Mas você também pode ir no papel. Quero refazer os quadros inicial e final A e B e posicioná-los na linha do tempo. Também estou desenhando o gráfico de tempo na parte superior para tornar esse processo mais claro. Este é o primeiro desenho, então eu desenho um círculo em torno do número 1, e aqui está nossa pose final para que a estrela se transforme em uma lua com o nariz. Use a pele de cebola e certifique-se de que as duas poses principais estão sobrepostas. Aqui está você. Nossas poses principais já estão em vigor e podemos começar a animar. Como você pode ver, este é o quadro do meio 4, e vou começar aqui a desenhar a imagem intermediária, ativando a pele de cebola, posso ver o quadro anterior e o seguinte. Se você estiver trabalhando em papel, uma mesa leve ou uma janela pode ser útil, especialmente para um design mais complicado. Estou desenhando o primeiro intermediário. Preciso imaginar como a estrela se transformará na lua. O que estou fazendo aqui é encontrar o ponto médio para cada vértice para uma animação linear. Para cada vértice, estou desenhando um ponto que está entre a pose A e a pose B. Este é o meu primeiro intermediário. Não se preocupe se parecer estranho, acho que é suposto. Claro, quanto mais nos aproximarmos da postura chave, mais o desenho se assemelhará a ela. Agora seguimos em frente fazendo o mesmo processo. Quero desenhar o próximo intermediário, entre Um número 1 e 4 que acabamos de desenhar é três. Este vai parecer um pouco mais com uma estrela e, novamente, procuro a posição do meio, começando com o vértice da estrela. Feito. Agora, eu faço a mesma coisa pelo outro lado. Número 5, entre 4 e 7. Este, é claro, pareceremos mais uma lua em vez disso. Eu joguei rapidamente para ver qual é a situação atual. Agora eu desenho os dois últimos entre eles. Aqui está. A primeira coisa que noto é que é muito rápido. De fato, no momento, as poses inicial e final duram apenas um quadro como qualquer outro desenho. Vou fazer a pose inicial e final mais longa, como três quadros. Em seguida, pinte os quadros para ver melhor a morphing. Claro, para que isso seja um loop, a lua precisará voltar para a estrela. Porque desenhamos uma morphing muito linear e a forma é muito simples, será suficiente copiar o mesmo desenho voltando para a estrela. Fiz um segundo exercício de aquecimento e desta vez vou mostrá-lo mais rápido. Estamos transformando esse vaso em um donut. A primeira coisa que noto é que ambas as imagens têm uma forma redonda nelas e que o donut tem um buraco no meio. Durante a morphing, precisaremos criar esse buraco, a altura dos dois objetos é a mesma, o que é algo a ter em mente, e uma boa referência que nos ajudará durante a animação processo. Para minha morphing, imaginei a forma redonda do vaso para se expandir, incorporando a parte superior enquanto o buraco se abre do meio. [MÚSICA] Aqui vamos nós. Por fim, aqui está uma ideia para tornar o exercício mais difícil. Use suas iniciais ou qualquer outra letra e transforme-as. Quero te mostrar esse exercício que fiz. G e M são formas muito diferentes. O primeiro é muito redondo e o segundo morphing muito pontudo pode nos permitir trapacear um pouco algum dia. Nesse caso, torci o G e coloquei na próxima posição, improvisando nos quadros intermediários. [MÚSICA] resumo aqui é experimentar, experimentar e se divertir com a transformação para encontrar soluções criativas. Aqui estão eles. Nossos exercícios de aquecimento são feitos, então divirta-se e transforme formas básicas. Eu até fiz uma planilha de aquecimento vazia se você quiser desenhar suas próprias poses de chave. Se você gostou desse exercício e acha que poderia fazer um pouco mais, tente novamente com outras formas, talvez duas letras ou talvez até uma palavra. Você pode empurrá-lo para frente. Você pode adicionar alguns detalhes. Você pode adicionar cor. Vá em frente e compartilhe na seção do projeto seus exercícios de aquecimento. Quando você estiver satisfeito com seu aquecimento, podemos passar para o projeto real. Na próxima lição, vamos começar a projetar nossas poses principais. [MÚSICA] 5. PROJETO: [MÚSICA] Agora estamos prontos para enfrentar nosso projeto de aula e aprender a animar um loop de morphing completo. Este é o momento de fazer um brainstorm, projetar nossos dois objetos, o inicial e o final. É uma fase importante do projeto porque definimos a forma, as cores, e podemos começar a pensar sobre o caráter do nosso design e como ele se moverá. Essas são as etapas que vamos seguir. Primeiro, vamos fazer um brainstorm e projetar os dois objetos principais, nossos quadros-chave. Então teremos que escolher as cores e direi por que menos é mais. Finalmente, estaremos planejando o movimento de A para B e, novamente, de B para A, para um efeito de loop. Vamos fazer isso. Aqui estão algumas dicas minhas, então você pode ter em mente ao projetar seus quadros-chave. Para fazer um brainstorm, você pode mapear a mente, puxar referências ou simplesmente começar a rabiscar. O que temos que fazer é transformar o Objeto A em Objeto B. Agora, temos que decidir o que será o protagonista de nossa animação. É hora de suas decisões criativas pessoais. Os dois quadros-chave transformarão um no outro. Eles podem ser dois objetos aleatórios, mas acho que é mais divertido se eles estiverem de alguma forma relacionados. Talvez haja opostos demais como um balão e um cacto, ou talvez façam parte do mesmo processo como uma lagarta e uma borboleta. Tente dar a eles mais ou menos o mesmo volume. Isso facilitará o processo de animação. Desenhe com uma paleta mínima em mente, duas ou três cores superior. Tente não adicionar muitos detalhes. Tente evitar a figura humana e a anatomia, com exceção dos rostos, que realmente funcionam muito bem na minha experiência. Comece a rabiscar e siga seu fluxo livre. Não seja muito precioso, não se preocupe com o resultado. Dependendo de quão confortável você se sinta, comece com uma simples transformação de objeto, talvez um texto ou um rosto. Começando um nível com o qual você se sente confortável, você sempre pode fazer o exercício uma segunda vez e desafiar a si mesmo um pouco mais. Vamos falar sobre paleta de cores. Por que ele tem que ser mínimo? Na animação tradicional, mais fácil o design, mais eficiente é a produção. Ainda mais para se transformar, é crucial ter uma paleta mínima. As cores vão guiar os olhos e ajudar nossa transformação a parecer mais suave. Por esse motivo, é importante estar ciente dos volumes e usar blocos de cores que se movem consistentemente ao longo dos quadros. Na seção de recursos, você encontrará algumas paletas de cores, dicas e entradas caso não saiba por onde começar. Para o meu projeto, vou animar duas cabeças. Em particular, depois de muitos rabiscos, tive essa ideia. Achei que poderia ser divertido transformar o grande lobo mau no capuz vermelho. Para brincar com essa dualidade, como o mau e o bom, masculino e feminino e todo aquele jazz. Começo a rabiscar para definir como serão as duas cabeças dos meus personagens. Você pode ver que eles trabalham em torno da mesma forma redonda para dar a eles o mesmo núcleo e volume [MÚSICA]. Estou brincando com formas e composição complementares e tento manter o design simples, mas adicionando alguns detalhes. Eu gosto que os dois personagens estejam enfrentando direções diferentes aqui. Desta forma, ela parece ingênua e inconsciente, e isso cria mais contraste. Notei como o capuz e a boca do lobo podem ter uma forma semelhante. [MÚSICA] Eu tento diferentes ideias de design de personagens, comparo-as e começo a pensar em cores. Começo usando este verde escuro e rosa, e tento incluir cuidadosamente as duas cores em ambos os designs. Um será principalmente rosa com alguns detalhes escuros e o outro será o oposto, principalmente escuro com alguns detalhes rosa [MÚSICA]. Eu faço o nariz do lobo maior do que costumo fazer para ter mais rosa no design. No começo, pensei em adicionar um pouco de rosa também dentro de seus ouvidos, mas depois descartei essa ideia enquanto desenvolvo o design. Agora que estamos projetando, vemos as poses principais lado a lado. Mas para a animação, vou sobrepor eles para que eles fiquem no mesmo local. Estou limpando meus projetos agora. Eu uso um pincel básico limpo porque estou animando inanimado onde não há uma grande escolha para pincéis. [MÚSICA] Durante esta fase de limpeza, eu decido que o preto funciona melhor. Este é também o passo em que eu decido os detalhes, especialmente para a expressão facial da menina, desenhei muitas opções tentando tornar seu rosto mais interessante. Eu também decido me livrar dos dentes do lobo [MÚSICA]. No final, criei algumas opções diferentes, especialmente para o rosto da garota, eu tinha designs ligeiramente diferentes. Eu recomendo se você tiver tempo para fazer uma pausa ou deixar o design até o dia seguinte e voltar para ele com olhos frescos. Aqui estão nossos designs finais para nossa animação. Esses serão os dois quadros-chave. Você pode imaginar como A se transformará em B? Para esta fase, tome todo o tempo que você precisar. Meu processo foi acelerado, mas pode levar algum tempo para encontrar seus projetos finais. Vá em frente e mostre seus quadros-chave na seção do projeto. [MÚSICA] Vamos agora pensar sobre o movimento para a animação. [MÚSICA] 6. Planeje o movimento: [MÚSICA] Esta é a fase em que planejamos que tipo de movimento queremos ter em nossa morphing, e como exatamente A vai se transformar em B. Na verdade, existem maneiras infinitas de criar uma morphing. Primeiro de tudo, uma morphing poderia acontecer no local, então os dois quadros-chave, A e B, se transformam um no outro no mesmo lugar. Ou a morphing poderia se mover para outra parte do quadro. Esta será sua decisão. Vou animar no local, o que significa que A, capuz vermelho, se transformará em B, o lobo, permanecendo no mesmo lugar da tela. Em segundo lugar, como exatamente as poses de chave podem se mover e se transformar? Um morphing pode ser completamente abstrato, onde cores e formas podem transformar e mudar para a posição final. Ou podemos pensar em uma ação que nosso objeto ou personagem pode fazer. Por exemplo, um rosto pode girar, uma boca ou uma caixa pode abrir, uma flor pode florescer. No meu exercício particular, quero que o capuz vermelho se transforme em lobo e, em seguida, o lobo se transforme em capuz vermelho. Gosto da ideia de que o lobo pode abrir a boca e o capuz vermelho pode sair da boca. Eu também gosto da ideia de que é completamente o oposto do que acontece na história, então, em vez de entrar na boca, ela sai. Agora você pode pensar sobre isso, você pode esboçar a ideia que você tem no papel ou apenas fazer um brainstorm sobre o movimento. Mas quando você se sentir pronto, podemos começar a entrar em uma linha do tempo. A primeira coisa a fazer é colocar seus dois quadros-chave na linha do tempo, e se a animação estiver no local, queremos sobrepor eles. A primeira coisa que estou fazendo é refazer nossos designs no software de animação. Especialmente se você planeja animar as cores separadamente, é útil tê-las em camadas separadas. Com a ajuda da pele de cebola, posso verificar se as duas poses principais estão perfeitamente uma em cima da outra. Em relação ao tempo, apenas para começar, podemos começar com um segundo corrigir a imagem. Imagem A, um segundo é o loop de animação e, em seguida, um segundo novamente imagem estática , mas desta vez é o último, B. Claro, se quisermos animar um loop, ainda teremos que adicionar outro segundo de transformação de B para A. Poderíamos reproduzi-lo e verificar se o tempo está funcionando, e talvez ver nossas duas imagens com esse tempo também poderia começar a nos ajudar a imaginar como queremos a animação a ser. Um pequeno lembrete sobre nosso gráfico de tempo. Vou seguir essa estrutura e planejar como movimento baixo no início, depois uma fase média rápida e uma abordagem de desaceleração no segundo quadro-chave. Lembre-se de que quanto mais distantes forem os desenhos, mais rápida será a animação. Quanto mais próximos os desenhos estiverem, mais lenta a animação ficará. O que queremos fazer é ter uma animação que vai de A a B, e começar devagar, vai mais rápido no meio e depois desacelerar novamente ao chegar a B. Depois de verificar o tempo e imaginar o movimento, talvez você queira fazer algum esboço solto ou áspero. Esta etapa é totalmente opcional, especialmente se o seu design for bem simples, talvez você não precise passar por um estágio difícil, mas eu sempre gosto de fazer isso. Meus ásperos são muito ruins e muito feios, mas isso me ajuda a entender que tipo de movimento eu posso planejar, então, como você pode ver, estou apenas testando as coisas e vou fazer muitos problemas antes de finalmente encontrar o movimento que eu gosto. Se você se sentir mais confiante com a animação, você pode planejar um movimento mais dinâmico ou uma ação. Por exemplo, o que estou fazendo com a boca do lobo. Se você estiver começando com a animação, pode ser suficiente animar uma transformação linear da forma. Jogue mais com cores em vez de com o personagem em si. Neste vídeo acelerado, estou testando minha ideia para o movimento. Imagino o que poderia acontecer. Estou planejando fazer a garota sair da boca do lobo enquanto eles giram. Ela então girará e revelará o lobo enquanto seu capuz passa. Começo a imaginar como a garota pode virar para a esquerda, e o lobo aparece por trás do capuz. Neste ponto, meus desenhos são muito difíceis, só me ajudando a entender se a ideia poderia funcionar. O arco do capuz dela pode nos ajudar a dar direção. Enquanto o lobo aparece, é importante ver os dois personagens ao mesmo tempo no mesmo quadro, para que não seja mais o capuz vermelho, mas também não é o lobo ainda. Reproduzi-lo ou virar os quadros ajuda a verificar se o movimento pode funcionar. Aqui, estou tentando imaginar como o lobo abrirá a boca. Eu tive uma antecipação, que é uma preparação para a ação principal, e movimento em direção à direção oposta antes do início da ação principal. Então, antes que o lobo suba com a boca, haverá alguns quadros em que ele cai. Farei a mesma coisa pela garota mais tarde, acrescentando uma pequena antecipação antes que ela comece sua rotação. O quadro em que a garota sai da boca do lobo não foi fácil. Eu desenhei muitas vezes antes de encontrar uma solução. Durante essa fase, você começa a ajustar o tempo. Começamos com uma segunda postura chave e um segundo morphing. Mas talvez, à medida que avançamos, percebemos que o movimento será mais rápido. Voltando para o lobo, percebi que a boca estava abrindo muito devagar, então redesenhei a pose da abertura da boca. Acho que a boca do lobo poderia se abrir de forma diferente e poderia funcionar melhor. Ele precisa continuar girando enquanto o garoto sai. Dentro da boca, poderia haver uma forma rosa que poderia parecer a língua do lobo, mas depois será o capuz vermelho. A garota sai com os olhos fechados e os abre enquanto se transforma e entra em posição. No final desta fase, tenho uma ideia do movimento e do momento que quero que minha animação tenha. Agora que você tem uma ideia do movimento que deseja fazer, e você já tem suas poses chave no lugar certo. Agora, você está pronto para desenhar todos os quadros intermediários para dar vida à sua morphing. Vá em frente e compartilhe na seção do projeto seu trabalho em andamento e o movimento que você está planejando animar. Vejo você na próxima lição, onde finalmente entramos em animação. [MÚSICA] 7. Animação: [MÚSICA] Agora que temos nosso plano, vamos nos aprofundar na animação. O bruto para o primeiro morphing já funciona muito bem, então eu começo por aí. Limpo as poses que esboçei. Esta é a garota começando a virar à esquerda. O lobo aparecerá sob o capô enquanto ela vai. A forma redonda de sua cabeça permanece no lugar enquanto o capuz, os olhos, o nariz e a boca giram. O arco do capô é um detalhe muito importante. Isso nos ajuda a dar sensação de movimento. Eu desenho um pequeno esfregaço para a bochecha. Ele é esmagado enquanto ela se vira rapidamente. Além disso, as sobrancelhas estão esticadas. Os pinceladas ajudam a transmitir o movimento. Vamos desenhar o próximo intermediário. Você pode ver o desenho anterior em sobreposição e o seguinte. Enquanto ela continua girando e quase desaparece, olhe para o arco aqui. Isso realmente nos ajuda a sentir a rotação e dar uma sensação de movimento. A bola será rosa, então será uma boa trilha de cor que eu sobro da garota enquanto o lobo já está no quadro. Isso ajudará a tornar a transição mais suave. [MÚSICA] Além disso, a ponta do capô nos ajuda a transmitir a rotação. Agora, desenhando os entre-entre para trazer o lobo para sua posição. Ele abrirá os olhos gradualmente até atingir a postura chave. Ainda podemos ver um pouco de rosa atrás dele. Olhe para o capuz aqui. Precisamos fazer com que ele desapareça. Passaram os arbustos e vou adicionar uma pequena cauda no último quadro, nosso último pedaço de capuz antes que ele desapareça completamente. Aqui estou adicionando as orelhas do lobo espreitando. É o primeiro quadro que vemos algumas partes do lobo. Desta forma, o capuz está cobrindo o lobo e depois revelando-o. É importante ter uma dica das orelhas no quadro antes de enganar o olho. Agora, eu desenho os entre-entre o lobo chegando à posição. Ele gradualmente abre os olhos e se vira. [MÚSICA] Vou desenhar os alunos aqui e vou mantê-los fixos, como se o lobo estivesse olhando para o público. Agora, a primeira morphing está pronta e funciona muito bem. O segundo ainda está uma bagunça, então vamos chegar a ele. Esta é a antecipação em que o lobo desce ligeiramente antes de abrir a boca. Vou fazê-lo apertar os olhos à medida que ele vai para baixo. Agora, vamos limpar essa ação. A boca precisa abrir muito mais rápido e girar ao mesmo tempo. Aí vem o Chapeuzinho Vermelho. Aqui ela sai da boca enquanto vira e abre os olhos. Hora de limpar e desenhar alguns entre eles. Vou atrair muitos entre eles aqui para a chegada da garota em posição para tornar a ação mais suave. Um intermediário extra também para a antecipação do lobo. Nesta etapa, reproduzindo a animação, você percebe se alguns ajustes de tempo são necessários e se alguns desenhos extras podem tornar as ações mais sufocadas. Como você pode ver, uma coisa está faltando. A boca do lobo se fecha e depois desaparecendo. Vamos desenhá-lo. Isso é feito. Agora, é hora de limpar alguns quadros que ainda são ásperos e depois coloridos. Bom trabalho. Você fez o maior pedaço de animação. Esse processo pode ser bastante longo. Novamente, estive acelerando meu processo. Leve seu tempo. Se você tiver a chance, deixe-o lá por um tempo, dê um passeio, tome uma xícara de chá e volte com os olhos frescos. Isso pode ajudar muito. Na próxima lição, vamos polir um pouco a animação e exportá-la. [MÚSICA] 8. TOQUES FINAIS: Quase lá. Nosso loop de morphing é animado, só temos que polir um pouco e adicionar alguns toques finais para torná-lo perfeito e então podemos passar para exportar. Se você ainda não fez isso, este é um bom momento para ir em frente e colorir seus quadros. Uma coisa que me ajuda a detectar erros e negligenciações é colocar uma cor brilhante como pano de fundo. Isso faz com que os erros de coloração apareçam, como neste caso. Nesta fase, joguei a animação e vejo se há algo que precisa ser polido ou corrigido. Às vezes, o tempo precisa ser um pouco ajustado, talvez as poses principais precisem ficar um pouco mais ou como eu aqui poderia ser mais rápido. Percebi que o nariz rosa não está funcionando nessa sequência em que o lobo desaparece. Durante a fase de animação, desenhei o nariz, mas acabei excluindo-o enquanto coloria porque não fazia sentido fazer a cor rosa reaparecer apenas para dois quadros. Também posso desenhar algumas linhas de movimentos que são basicamente pequenos esfregaços. Eles dão um toque agradável à sua morphing. Nesse caso, adicionei um pouco de cor rosa seguindo o movimento do capuz. Eu não entendo certo na primeira tentativa. Não há problema em experimentá-lo e excluí-lo se não funcionar. Fiz a mesma coisa com a abertura da boca do lobo, adicionando algumas linhas brancas. Embora a ação principal esteja entre as duas poses principais, achei muito útil adicionar pequenas animações às próprias poses. Chapeuzinho vermelho e o lobo são nosso principal protagonista. Esta é a razão pela qual seus designs permanecem por muitos quadros na tela. É importante vê-los e reconhecê-los, então a pausa após a animação de morphing é importante. Mas um bom toque é dar-lhes um pouco de vida em sua quietude se fizer sentido. Normalmente, gosto de adicionar pequenas ações para as poses principais. Por esse motivo, adicionei um piscar de olhos para a garotinha e um pequeno efeito brilhante para o lobo. Para a garota, eu também adicionei um acompanhamento para o arco para obter um acordo mais suave. Como você pode ver no momento, é animado cedo. Vou adicionar alguns entre eles, um acompanhamento e um overshoot. É chamado de overshoot quando o movimento vai além da posição final e depois volta e se instala. Aqui estão alguns outros exemplos e ideias para ações secundárias menores. Como milha, um acompanhamento de alguns elementos como brincos, um cachecol, cabelo, cabelo de plantas, uma lágrima, seu reflexo sobre os óculos de sol, um piscar de olhos, etc. Outra dica útil pode ser dar tempo diferente, dois elementos diferentes, compensando, por exemplo, a chegada de alguns efeitos. Por exemplo, se você quiser adicionar um efeito de piscadela e brilho à postura da chave, é melhor que eles não aconteçam com o mesmo tempo. Quando estou satisfeito com minha animação, o que costumo fazer é exportar meu loop em diferentes formatos. Mp4 e GIF são os mais úteis para mim. Às vezes também preciso de uma sequência SWF ou PNG. Desta forma, tenho tudo o que preciso para todas as plataformas e uso possíveis. Na seção de projeto desta classe, você pode fazer upload de um GIF. Na próxima lição, encerramos as coisas e vou contar tudo o que você pode fazer agora com seu loop de morfina animado. 9. Resumo: [Aplausos] Parabéns, você fez isso. Você criou sua própria morphing animada. Aqui está uma pequena recapitulação do que aprendemos. Aprendemos um pouco de uma morphing, alguns conceitos básicos de animação, fizemos um exercício de aquecimento e depois passamos para o design de nossos quadros-chave. Então planejamos o movimento, então o animamos, polimos a animação, exportamos e acabamos de fazer isso. Cinco altos. [APLAUSOS] [RUÍDO] Como usar esse morphing e como empurrá-lo para frente? Você pode usar seu morphing como um adesivo animado ou GIF. Esses são ótimos para mídias sociais, mas também para boletins informativos e apresentações. Recentemente, muitos festivais de animação começaram a incluir uma seleção de GIF também. Essa morphing pode se tornar sua próxima submissão. Sua morphing também pode fazer parte de uma transição em uma animação maior ou em um curta-metragem. Pegue novamente a aula, se você quiser se desafiar e tentar algo mais difícil. A prática é boa para tornar sua morphing melhor. Tente o exercício novamente e talvez se desafie um pouco mais. Tente algo um pouco mais difícil, talvez não apenas duas poses principais, mas várias, como eu fiz neste exemplo. Em vez de duas cores, experimente três ou quatro. [MÚSICA] Mal posso esperar para ver todos os belos resultados e trabalhar em andamento na seção do projeto , então não se esqueça de carregá-lo. Além disso, você pode compartilhá-lo nas mídias sociais, me marcar e usar os loops de morphing da hashtag. Obrigado por fazer minha primeira aula de Skillshare. Significaria muito se você me avisasse como gostou e se pudesse recomendá-lo aos seus amigos. [MÚSICA] Obrigado por fazer minha aula. [ESTRANGEIRO] [MÚSICA]