
Como de costume, a introdução do curso é necessária para entender que o curso envolve muitos exercícios práticos e isso vai ajudar muito no seu desenvolvimento como motion designer. As primeiras aulas vão te mostrar os princípios da animação do after effects, então é muito importante que você assista essas aulas.
No curso nós vamos usar os softwares After Effects, Photoshop e Illustrator. Caso você não tenha esses progrmas, você pode baixar os softwares no site da Adobe
A aula sobre interface do Software é um pouco clichê, mas é importante a gente saber algumas coisas a respeito. Vou sempre deixar atalhos para você usar e otimizar nos seus projetos.
Ctrl + N | Criar composição
Ctrl + S | Salvar projeto
Ctrl + Shift + S | Salvar como
Ctrl + K | Detalhes da composição
Ctrl + Z | Desfazer
Ctrl + Shift + Z | Refazer
Ctrl + I | Importar
Durante nossas aulas sempre vou colocar alguns atalhos.
=)
Nesse começo, vamos precisar preparar o nosso arquivo para animação. Nessa aula vamos usar o Adobe illustrator para separar a nossa ilustração em layers que serão exportadas para o After Effects.
Eu deixei o arquivo do Illustrator preparado para você baixar, abrir e seguir a aula.
Ctrl + S | Salvar projeto
Ctrl + X | Recortar
Ctrl + Shift + V | Colar no mesmo lugar
Ctrl + F | Colar no mesmo lugar
Depois de preparar o arquivo no Adobe Illustrator, vamos importar direto do After Effects o nosso projeto "SHIELD", esse é um caminho que vamos fazer sempre, então não se preocupe em decorar, porque isso vai fazer parte do cotidiano em Motion Design.
Ctrl + I | Importar
Enter na Layer ou Pasta | Renomear
Ctrl + D | Duplicar
Nessa aula vamos começar nessa primeira animação, nesses exercícios vamos usar a função de scale (escala).
S Scale
P Position
R Rotation
T Opacity
F9 Keyframe
Ctrl + → Pula 1 frame para direita
Ctrl + ← Pula 1 frame para esquerda
Ctrl + Shift + → Pula 10 frames para direita
Ctrl + Shift + ← Pula 10 frames para esquerda
A partir da última aula, vamos fazer fazer uma animação com um efeito mais elástico. Você só precisa usar o arquivo da aula anterior que você animou no After Effects.
Ctrl + (+ do teclado) Aumenta o objeto
Ctrl + (- do teclado) Diminui o objeto
Ctrl + Shift (+ do teclado) Aumenta o objeto
Ctrl + Shift (- do teclado) Diminui o objeto
Com o mesmo arquivo da aula anterior, vamos criar uma transição usando uma das layers do nosso objeto "SHIELD" e animando apenas com scale.
U Visualiza todos os keyframes da layer
Ctrl + D Duplica a Layer
Barra de espaço Play na animação
Nessa aula vamos reforçar a forma de preparar um arquivo do Adobe Illustrator para o Adobe After Effects. O arquivo está disponível para você baixar e seguir a aula.
lembre-se:
Ctrl + X Recortar objeto
Ctrl + Shift + V Colar no objeto no mesmo lugar
Ctrl + F Colar no objeto no mesmo lugar
Ctrl + Z Refazer
Agora que preparamos nosso arquivo para animação, vamos importar o projeto do After Effects, para isso você pode com o mouse 2x na area do projeto ou apertar Ctrl + I, não esqueça de selecionar a opção Composition - Retain Layer Sizes.
Nessa aula, vamos animar o mesmo projeto, e para isso, vamos reforçar o aprendizado de importar o projeto para After Effects. O arquivo será o mesmo, mas iremos fazer uma animação adicionando mais keyframes.
Ctrl + ➔ Pular um frame para frente
Ctrl + Shift + ➔ Pular 10 frames para frente
Y Achor Point
Vamos aprender sobre Position, nessa aula ao invés de usarmos arquivos de vetores do Adobe illustrator, iremos usar o arquivo do Photoshop para importar layers no After Effects. Vou disponibilizar os arquivos para você baixar e seguir a aula.
P Position
Ctrl + Home Colocar o Archor Point no centro do objeto
Ctrl + Alt + Home Colocar o objeto no centro da composição
Continuando com Position, vamos importar o arquivo do Adobe Photoshop e animar no After Effects. Baixe o arquivo e acompanhe a aula. Vou disponibilizar as fontes para você baixar, caso tenha interesse.
P Position
F9 Keyframe
T Opacidade
Expressão usada no Position - Alt em cima do relógio.
loopOut()
Um novo exercício para fazermos com Rotation. Você pode baixar o arquivo e seguir a aula.
R Rotation
W Ferramenta de rotação
Depois de fazer algumas animações, vamos aprender a renderizar nosso projeto. Você pode tanto baixar pelo próprio After Effects ou pelo aplicativo Adobe Media Encoder
Ctrl + M Renderizar no After Effects
Ctrl + Alt + M Renderizar no Media Encoder
Para exportar um GIF, vamos usar o Photoshop e deixar o arquivo muito mais leve. Além de você fazer isso pelo Photoshop você pode usar alguns site online como (link)
Ctrl + Shift + Alt + S Salvar em Web no Photoshop
Você não precisa necessariamente saber desenhar ou fazer ilustrações para animar, muitos motion designers baixam vetores prontos para criar suas animações, apenas alterando cor, tamanho, fonte etc. Você pode usar o site gratuito Freepik para baixar seus vetores ou imagens: O processo sempre será o mesmo para preparar o arquivo no after effects, evite baixar ilustrações com degrades e gradientes, isso facilita na montagem da compisção.
Sobre Scripts, são muito importantes na hora de criar animações, nos poupa muito trabalho e nos dá uma grande vantagem.
Vou deixar aqui para vocês baixarem o script Motion Tools - DEIXO O ARQUIVO AQUI PARA BAIXAR
Outro Plugin que eu indico baixar é o FC Console do Video Copilot, é muito útil na hora de buscar por algum effect. A instalação é simples
Nessa aula, vamos aprender a instalar um plugin free chamado Animation Composer do Mister Horse. A instalação é muito tranquila e bem rápida de se fazer. Vou deixar aqui também o link do site para você instalar o plugin.
Vamos com um exercício um pouco mais comprido para fazermos no After Effects, então dê um tempo, tome uma água, um refrigerante e descanse para você conseguir seguir a aula. Nesse exercício vamos usar o efeito Turbulent Displace e também Trim Path para animar linhas e criar um efeito de papel. Vou deixar o arquivo para você baixar e seguir a aula.
Ctrl + Espaço Você usa o plugin FX Console para acessar o efeitos que você quiser.
F9 Keyframe
loopOut("pingpong") Expressão
Esse projeto tem várias Layers, mas isso não é motivo mas se desesperar, porque além de aprender e reforçar algumas animações, vamos também organizar o nosso projeto, para não nos perdermos.
Ctrl + → 1 frame para direita
Ctrl + Shift → 10 frames para direita
Alt + → 1 Move o frame para direita
Alt + Shift → Move o frame para direita
Ctrl + K Detalhes da Composição
Esse projeto parece ser bem comprido e com muitas layers, mas se a gente conseguir organizar iremos resolver essa animação. Vou deixar o arquivo aberto para você baixar e seguir a aula.
Nessa aula, vamos aprender um pouco sobre o efeito Turbulent Displace. Com esse efeito podemos fazer animações como transições, efeitos de papel balançando entre outros exemplos.
Você sempre pode usar o atalho Ctrl + Espaço em cima da layer para acessar o FX Console
Essa aula vamos mexer um pouco no illustrator para criarmos uma cabeça de um personagem que iremos animar. Vou deixar para você o arquivo do desenho para você baixar e seguir a aula.
Continuando a aula passada, agora vamos dar vida a nossa cabeça do personagem. Se precisar o arquivo do illustrator está aqui para você baixar e seguir a aula.
Agora vamos começar aprender um pouco sobre animação de texto, durante algumas aulas vamos ver algumas técnicas e animar alguns projetos. Nessa aula iremos usar o efeito de Typewriter para criar um texto máquina de escrever.
Uma animação muito simples de fazer com texto, usando apenas uma Layer. Fique atendo ao caminho que vamos percorrer ao fazer a animação.
Você pode baixar a fonte, disponível.
Essa aula vamos usar o Corner Pin, é um efeito para gente posicionar uma imagem de acordo com outro objeto. Deixei o arquivo inteiro do after Effects para você baixar e seguir a aula.
Vamos nessa aula de: motion tracking after effects!
Continuando com motion tracking after effects, vamos usar track camera 3D!
A aula vai ser sobre movimentação de Camera no After Effects, vamos criar profundidades no projetos usando apenas 3 imagens. Vou deixar o arquivo para você baixar e seguir a aula.
Ctrl + Alt + Y Adjustment Layer
Ctrl + Alt + Shift + Y Null Object
Ctrl + Alt + Shift + C Camera
Vamos continuar com movimentos de câmera no After Effects, só que dessa vez, usando mais elementos e mais layers.
Vou deixar o arquivo do projeto para você baixar e seguir a aula.
Nessa aula vamos preparar o nosso projeto antes de animar, mas iremos fazer isso, organizando imagem, texto e objetos direto no After Effects. Vou deixar o arquivo do projeto para você baixar e seguir a aula.
Nessa aula vamos preparar o nosso projeto antes de animar, mas iremos fazer isso, organizando imagem, texto e objetos direto no After Effects. Vou deixar o arquivo do projeto para você baixar e seguir a aula.
Nós sempre precisamos nos informar e aprender sobre projetos de outros profissionais. O Behance é uma ótima ferramenta para você ver sobre estética de projetos e aprender mais sobre Design. Vou deixar para você o link do Site Behance e também minhas coleções.
Fico muito feliz que você chegou aqui! Agora vamos botar tudo o que aprendemos em prática!
O trabalho vai ser uma animação de:
10 segundos ou mais
Full HD 1920x1080
Post 1000x1000
Stories 1080x1920
Aprenda uma das profissões mais requisitadas do momento e saia totalmente preparado para o mercado de trabalho.
Você aprenderá tudo na prática, sem enrolação, e terá a oportunidade de criar animações, motion graphics e diversos designs através de projetos reais que já participei ao longo de anos de experiência. Assim, você entenderá todas as etapas necessárias para realizar um trabalho impecável.
Quanto ganha um motion designer?
Sendo um motion designer, você tem a possibilidade de empreender em um aquecido mercado que te proporcionará lucros com base em sua demanda. É possível também trabalhar através de contratação em Agências Publicitárias, Estúdios de Cinema, Emissoras de TV e escritórios de design onde você terá um salário fixo muito acima da média brasileira.
EMPREENDENDO - R$4.000 até R$20.000
CONTRATAÇÃO - R$4.000 até R$10.000
Para quem é este curso?
Este curso é para todos os amantes de animação, motion graphics e efeitos visuais. Pode ser realizado tanto por quem não tem nenhum conhecimento técnico, mas também por pessoas que já têm uma base prévia e desejam se aprofundar nas ferramentas de motion design para fazer animações.
Por que devo fazer este curso?
Fique preparado para o mercado de trabalho e aprenda os principais conceitos das animações. Além disso, você terá a oportunidade de aplicar corretamente os ensinamentos e viver na prática o desenvolvimento de projetos.
O que preciso para fazer este curso?
O único requisito é ter o Adobe After Effects, Adobe Photoshop e Adobe Illustrator instalados no seu computador. Se não tiver, vamos ensinar como fazer cada processo.