Todo mundo sabe desenhar um boneco de palito. Quase ninguém sabe fazer ele andar com peso, pular com impacto e reagir no tempo certo da fala.
Curso prático · do zero ao primeiro vídeo
Bonecos de palito com movimento de cinema.
Crie vídeos verticais com personagens que andam, pulam e contam histórias usando SVG, CSS e o Claude Code como assistente de animação. Sem After Effects e sem precisar saber desenhar.
Quero animar
R$ 47 à vista ou em até 11x7 dias de garantia · acesso imediato
Animação sempre pareceu coisa de estúdio.
Não precisa mais ser. Com HTML, CSS e uma IA que escreve código junto com você, cinco linhas e um círculo viram um personagem com ritmo, intenção e legenda no tempo certo.
10801920
Formato vertical, pronto para postar.
Reels · TikTok · Shorts
7aulas
práticas
práticas
Algo se mexendo na tela desde a primeira aula.
“faz ele pular”
Zero experiência com código ou animação.
Um personagem, todos os movimentos.
Ao vivo no navegador
Nenhuma dessas cenas é vídeo.
Todas estão rodando agora, só com SVG e CSS. É exatamente o tipo de coisa que você vai construir no curso.
META DA SEMANA
72%
PASSOS HOJE
12.480
E se o vídeo fosse código?
Aí eu animava tudo!
Como funciona
Você descreve. O palito atua.
Quatro arquivos, um depois do outro. Você conduz a ideia e a IA cuida do código; cada etapa entrega algo que a próxima usa.
# Ep. 01 — O primeiro passo
CENA 1 · 0–2 s
Palito entra andando pela esquerda.
CENA 2 · 2–4 s
Olha para a câmera. Legenda: OI.
CENA 3 · 4–7 s
Pula de alegria → corte seco.
01Roteiro
Você conta a ideia; a IA divide em cenas cronometradas.
rig · 10 articulações
02Personagem
Um boneco em SVG com articulações prontas para mexer.
@keyframes passo { 0% { rotate: 26deg; } 50% { rotate: -26deg; }}#perna { animation: passo 1s; }
03Animação
Keyframes dão peso, ritmo e intenção a cada movimento.
Renderizando…0000/1440
04Vídeo
O navegador grava a página e entrega o arquivo final.
Sumário
Sete aulas. Um personagem seu.
Você começa desenhando cinco linhas e termina com um vídeo pronto para postar. Assista no seu ritmo e volte quantas vezes precisar.
- 00Por que uma página web pode virar vídeointro
- 01Desenhando o seu palito em SVGpalito.svg
- 02Articulações: o esqueleto que se mexerig.css
- 03Ciclos de movimento: andar, correr e pularmovimentos.css
- 04Cenário, câmera e legendas animadascena.html
- 05Dirigindo a IA: prompts que viram animaçãoprompts.md
- 06Exportando para MP4 verticalvideo.mp4
✎ cada aula termina com algo se mexendo na tela.
Elenco
Feito para quem quer se destacar no feed.
Se você precisa explicar, vender ou entreter em poucos segundos, um personagem simples e expressivo resolve mais do que parece.
{ }</>
Começa com um círculo e cinco linhas. Termina no feed.
Investimento
Um pagamento. O curso inteiro.
Sem mensalidade e sem assinatura. Você paga uma vez e leva as aulas, os arquivos do personagem e os modelos de prompt.
Ingresso · acesso completo
StickMotion — curso completo
- 7 aulas práticas em vídeo
- Personagem pronto com articulações
- Biblioteca de movimentos
- Modelos de prompt testados
- Script de exportação para MP4
- Atualizações do curso
no kit palito.svg movimentos.css prompts.md exportar.js
7dias
Experimente as aulas por uma semana. Se não fizer sentido para você, devolvemos 100% do valor.
Pegue um círculo, cinco linhas e aperte o play.
Quero começar- Acesso imediato
- 7 dias de garantia
- Pagamento seguro