Design de movimento para iniciantes

Aprenda a animar no Illustrator e After Effects neste curso de design de movimento gratuito para iniciantes.

Ir para o conteúdo desta seção:

O que você aprenderá: o processo de design de movimento

  • Como encontrar inspiração antes de iniciar seu projeto
  • Como desenhar um personagem do zero usando formas simples no Adobe Illustrator
  • Como preparar seus arquivos para que você possa passar facilmente de AI para AE
  • Como animar partes individuais do seu personagem
  • Como criar um efeito de casca de adesivo

1. Introdução

1.1 O que esperar deste curso

Assistir vídeo aula (1 min) ↗

Nesta breve lição, você terá uma ideia do que aprenderá neste curso. Se você deseja entrar no design de movimento, mas não sabe bem por onde começar, nós o colocaremos no caminho para criar sua própria animação do zero.

1.2 Primeiros passos: inspiração de design

Assistir vídeo aula (1 min) ↗

É sempre melhor ter algumas ideias antes de começar um projeto e, às vezes, isso significa buscar inspiração em outros produtos e marcas. Vamos dar uma olhada em alguns ótimos trabalhos de outros ilustradores neste vídeo rápido.

inspiração de designinspiração de designinspiração de design
“Você é um designer procurando adicionar um pouco de movimento ao seu trabalho, ou talvez você seja um animador procurando criar seus próprios designs personalizados. De qualquer forma, este é o curso para você.”

2.5 Criando destaques e sombras

Assistir vídeo aula (7 min) ↗

Vou mostrar a você como escolher uma boa cor para seus destaques começando com a cor de base do seu personagem, ajustando-a e, em seguida, alterando o modo de mesclagem. Em seguida, adicionaremos um ponto de ancoragem de rotação e também apresentarei a você o Desbravador ferramenta, que você verá que é realmente poderosa quando se trata de criar e ajustar formas em sua ilustração.

destaques e sombrasdestaques e sombrasdestaques e sombras

3. Fazendo o adesivo

3.1 Criando oe Resto do adesivo: digite em uma ferramenta de caminho

Assistir videoaula (8 mins) ↗

Agora que criamos nosso personagem, podemos nos concentrar em fazer o adesivo em volta dele. Estaremos adicionando alguma forma e cor de fundo, texto, além de outra pequena ilustração de um segmento laranja. Também mostrarei como lidar com alguns pequenos problemas que você pode encontrar, como a necessidade de inverter o texto.

criando o resto do adesivocriando o resto do adesivocriando o resto do adesivo

3.2 Dando alguma textura ao adesivo

Assistir vídeo aula (1 min) ↗

Agora temos nosso adesivo e ele está ótimo, mas um pouco limpo e plano demais, então, neste vídeo rápido, veremos como adicionar um pouco de textura para criar um efeito de adesivo amassado.

adicionando textura ao adesivoadicionando textura ao adesivoadicionando textura ao adesivo

Adobe Illustrator para Iniciantes | CURSO GRATUITO

Aprenda a usar o Adobe Illustrator para iniciantes neste curso gratuito. Comece dominando os fundamentos do Illustrator e aprenda a criar efeitos, padrões e muito mais. Este curso gratuito do Adobe Illustrator visa ajudar os iniciantes a aprender como usar o Adobe Illustrator de maneira fácil e rápida. Você não precisa de nenhum conhecimento prévio do software e não precisa de habilidades de design ou ilustração. Começaremos logo no início e percorreremos cada tópico passo a passo.

Atalhos rápidos para animação no After Effects

1

Ponto de Ancoragem

Shift/Opt + A

2

Ferramenta manual de acesso rápido

Segure a barra de espaço e arraste

3

Facilite quadros-chave rapidamente

F9

5. Animando em After Effects

5.1 Psem camadas

Assistir vídeo aula (3 min) ↗

Se emparelharmos algumas camadas, isso significa que podemos criar efeitos de animação nelas ao mesmo tempo, em vez de ter que duplicar esse esforço, economizando muito tempo. Nesta fase, você também deve certificar-se de que seus pontos de ancoragem estão no lugar certo, então veremos isso neste vídeo também.

camadas parentaiscamadas parentaiscamadas parentais

5.2 Animando os olhos

Assistir vídeo aula (7 min) ↗

Selecionando todos os elementos ‘oculares’ do nosso personagem, vamos configurar um pré-comp e poderemos trabalhar apenas nessas partes para animá-los. Nesta lição, você terminará com o movimento da pálpebra e um belo brilho da estrela também!

olhos animadosolhos animadosolhos animados

5.3 Animando o plano de fundo do adesivo e as camadas de texto

Assistir vídeo aula (1 min) ↗

Mostrarei como adicionar uma animação de rotação simples ao adesivo atrás do nosso personagem nesta rápida vídeo-aula.

A a Z das dicas, truques e hacks do Adobe Illustrator!

Prepare-se para algumas dicas e truques rápidos sobre como usar o Adobe Illustrator! Neste vídeo, veremos 26 dicas, truques e macetes de A a Z.

Se você usa o Adobe Illustrator, o Adobe After Effects ou talvez ambos, pode encontrar muitos ativos excelentes em ga-analytics#sendElementsClickEvent”>Envato Elements. Eles estão todos incluídos em uma assinatura mensal, para que você possa experimentar e usar quantos Como você quiser.

Leve os gráficos em movimento mais longe

Aprenda mais sobre animação After Effects, técnicas de animação After Effects e Adobe Illustrator, com alguns de nossos cursos gratuitos em vídeo.

Se você preferir aprender de uma maneira diferente, experimente nossos tutoriais de animação After Effects, tutoriais de gráficos em movimento, tutoriais de design de movimento e muito mais.

[ad_2]

Deixe uma resposta