Motion design
Design de Showreel para Motion Designer
Um showreel de 15 segundos a 128 BPM refeito em código, com cortes de cor secos, um HUD ao vivo e sete capítulos cronometrados por compasso. Veja como funcionam o tempo, a tipografia e a paleta.
Ideias de design para
- Showreels de motion designersUm reel curto que alterna entre capítulos em uma grade musical fixa.
- Aberturas de identidade de marcaUma marca, um wordmark e uma linha de função que se resolvem em um cartão final.
- Peças de tipografia cinéticaTipografia de destaque grande conduzida por tempo, ecos e mudanças de cor.
Destaques do showreel
- Um HUD que conta a batidaTimecode, 128 BPM, quatro quadrados de batida e BAR n/8 permanecem em todos os frames.
- Cortes de cor secos marcam os capítulosFundos lima, quase preto e verde profundo separam as seções.
- A tipografia de destaque faz o trabalhoWordmark expandido, linha de função em itálico serifado e letras com eco sustentam o filme.
Prévia do design de showreel para motion designer
Um reel organizado em uma grade musical
O filme dura 15 segundos a 128 BPM, e o HUD na tela torna essa estrutura visível. Cada frame mostra um timecode, 60 FPS, quatro quadrados de batida, um contador BAR de 8 e uma linha de progresso na borda inferior.
O efeito é que os cortes parecem deliberados. Em contrapartida, o HUD ocupa os cantos de forma permanente, então qualquer texto adicionado deve ficar dentro do quadro interno.
Sete capítulos de movimento e um cartão final
As notas da fonte dividem o reel em capítulos, cada um com seu próprio tempo de início. Capítulos curtos mantêm o ritmo alto, mas deixam pouco tempo para ler qualquer coisa. O wordmark recebe 1,5 segundo; o capítulo de easing recebe dois.
| Tempo | Capítulo | Conteúdo visível |
|---|---|---|
| 0–2,0s | Identidade | Raios, marca desenhada, flash, transição circular |
| 2,0–3,5s | Wordmark | Deslize em duas linhas, compressão, linha de função serifada |
| 3,5–5,5s | Easing | Seis curvas de A a B |
| 5,5–7,45s | Morphing | Círculo para triângulo, estrela e squircle |
| 7,45–9,75s | Sistemas | A peça de papel se divide em um campo truchet |
| 9,75–11,2s | Profundidade | O plano de pontos se dobra em lanterna e depois em toro |
| 11,2–13,1s | Tipografia cinética | EASE, IN., EASE, OUT., NEVER, LINEAR |
| 13,1–15s | Final | Anel, marca giratória, confete, wordmark empilhado |
Tipografia e cor como principais transições
Os fundos mudam de forma seca, sem fade. O frame de identidade usa verde vivo com texto quase preto; o frame de sistemas usa um campo escuro com grade branco papel; o frame cinético usa verde profundo com letras brancas.
As letras do frame cinético deixam ecos translúcidos atrás de cada glifo, o que mostra a direção sem um filtro de desfoque de movimento. O custo é a legibilidade: no meio do movimento, só duas letras, “OU”, são legíveis.

Escala do wordmark
OpenDesign é composto em preto expandido, em duas linhas, com uma linha de função em itálico serifado abaixo. O contraste entre a sans larga e o itálico fino separa a marca do cargo.
Grade de sistemas
Uma peça de papel 3×3 sobre quase preto, com uma grade de pontos discreta ao fundo, começa como um objeto estático antes de, segundo a fonte, se dividir em um campo truchet.
Adaptando o reel a outro briefing
As notas da fonte dizem para alterar a marca, a função, o texto do rodapé e a paleta, mantendo sete capítulos na grade de 128 BPM. Isso é viável porque texto, paleta e tempo ficam em constantes no topo da composição.
Cada valor visível é função do tempo, então uma busca para trás gera o mesmo frame. Uma linha de função ou um nome de marca mais longo pode exigir tipografia menor para continuar cabendo no layout de duas linhas.

Substitua a identidade
Troque primeiro a marca, a função e o texto do rodapé e depois verifique a largura do wordmark.
Refaça o tema da paleta
Mantenha forte contraste entre o fundo de cada capítulo e sua tipografia.
Mantenha a grade
Reajuste o tempo do conteúdo dentro dos compassos existentes em vez de adicionar capítulos.
Fonte e escopo
Este é um remake oficial em código do OpenDesign de uma peça de terceiros creditada: uma publicação de @stephanlivera no X. A composição foi reconstruída em código a partir da peça publicada, e a trilha sonora é original. Este crédito é factual e não implica endosso do criador original.
Este é um showreel renderizado, não uma ferramenta de design interativa. Seu template vem de um fluxo de vídeo proposto do OpenDesign; a disponibilidade depende da versão instalada.
Como criar um design de showreel para motion designer no OpenDesign
Escreva o briefing do reel
Informe a duração, o andamento, a ordem dos capítulos e a paleta. Indique a marca e a linha de função desejadas e liste quais capítulos manter da estrutura de 15 segundos.
Prompt sugeridoCrie um showreel de motion designer de 15 segundos a 128 BPM, em 16:9, renderizado como filme. Use cortes de cor secos entre quase preto, verde vivo, branco papel e verde profundo. Mostre um HUD em todos os frames: marca, timecode, 60 FPS, 128 BPM, quatro quadrados de batida, BAR n/8 e uma linha de progresso. Capítulos: abertura de identidade, wordmark em duas linhas com linha de função em itálico serifado, seis curvas de easing, transformação de formas, uma grade truchet, uma nuvem de pontos 3D, tipografia cinética e um cartão final. Use o nome da minha marca e minha função. Não adicione narração.
Verifique o tempo e a legibilidade
Revise cada capítulo em relação ao contador de compassos. Garanta que o wordmark e a linha de função sejam legíveis antes do próximo corte e encurte os textos que não couberem.
Revise o som e as bordas
Decida se o filme terá música ou será silencioso. Mantenha o palco de ponta a ponta e verifique se os controles não aparecem no frame do pôster.
Exportar e obter um link de compartilhamento
Exporte seu design finalizado e, em seguida, use Compartilhar no OpenDesign para obter um link de compartilhamento. Abra o link em uma janela separada do navegador e verifique se a versão desejada e seus assets estão disponíveis antes de enviá-lo.



