Motion design
Design de Animação em Recorte de Papel
Um filme em recorte de papel de 20 segundos transforma uma pergunta manuscrita em cinco demonstrações de design e as reúne em um livro de possibilidades.
Ideias de design para
- Motion design em recorte de papelPlaneje cenas táteis com bordas rasgadas, texturas pintadas, personagens em camadas e objetos articulados.
- Filmes curtos de história de produtoTraduza várias capacidades em uma sequência compacta de pergunta, demonstração, resposta e convite.
- Adaptações de marca baseadas em tempoReinterprete uma referência de motion existente com novos personagens, resultados, ritmo e trilha sonora.
Destaques da animação
- Cinco ações em seis segundosUm toque, um desdobrar, uma virada de página, um gesto de fita e uma linha do tempo em movimento fazem cada resultado se comportar de forma diferente.
- Uma resposta contínua em papelCinco trabalhos entram em um livro antes que ele se feche, dobre, voe de volta e se abra nas mãos da menina.
- Um convite final físicoA pergunta final aparece em um bilhete pautado que a menina levanta e afixa ao lado da janela.
Prévia do design de animação em recorte de papel
Uma história de pergunta e resposta em 20 segundos
O filme começa em uma janela à noite, onde uma menina escreve: “OpenDesign, what can you design?” A pergunta vira um aviãozinho de papel, cruza a cidade e chega ao assistente do OpenDesign. Depois de cinco demonstrações compactas, a resposta volta como um livro com a frase “It starts with your idea.” Um bilhete final afixado pergunta ao público: “What will you design?”
Essa estrutura dá à sequência central uma função prática: cada exemplo responde à pergunta inicial, enquanto o livro prova que os exemplos fazem parte de uma só resposta. A contrapartida é a velocidade. Com apenas 20 segundos, as ações precisam de antecipação curta, um resultado legível e uma passagem imediata para o objeto seguinte.
| Tempo | Momento visível | Implicação de design |
|---|---|---|
| 0–5,5s | A menina tem uma ideia, escreve a pergunta, dobra-a em um avião e a envia pelo céu noturno. | A escrita precisa ficar na tela por tempo suficiente para ser lida, mas a dobra e o voo ainda precisam de silhuetas claras. |
| 5,5–7s | O assistente do OpenDesign lê, pensa e responde com uma faísca. | Essa pausa separa o recebimento da pergunta da demonstração de uma resposta. |
| 7–13s | Protótipo, site, apresentação, pôsteres e filme animado aparecem em sequência. | Cada capacidade recebe uma ação física distinta, em vez de depender apenas de rótulos. |
| 13–17s | Os cinco trabalhos entram em um livro, que se fecha, viaja de volta, se abre e revela a resposta. | A continuidade do objeto liga a montagem de demonstrações à reação da menina. |
| 17–20s | Ela abraça o livro, acena e afixa a pergunta final ao público. | O filme passa de responder à personagem para convidar o espectador. |
Fazendo cinco capacidades serem lidas de modos diferentes
A montagem de capacidades evita apresentar cinco cartões estáticos. Um protótipo muda após um toque, um site se desdobra, uma apresentação passa da capa para um gráfico, pôsteres se sobrepõem enquanto um é fixado com fita e um avião percorre uma tira de filme conforme a linha do tempo avança. Os rótulos identificam as categorias, mas o contato e a mudança de estado fornecem a evidência.

Toque no protótipo
A interface precisa de um estado visível antes e depois, seguido de uma breve pausa. Um toque rápido sem a página alterada comunicaria contato, mas não interação.
Virada de página da apresentação
A capa dá lugar a um gráfico cujas barras sobem em sequência. Esse segundo estado torna a apresentação mais específica, embora exija mais tempo de tela do que um slide estático.
Ações do pôster e do filme
A fita cria um contato convincente para o pôster, enquanto o movimento da linha do tempo distingue a tira de filme de uma ilustração decorativa. As duas ações precisam continuar legíveis no tamanho de prévia da galeria.
Usando o papel como material e como transição
Fibras brancas rasgadas, pinceladas largas de guache, folhas coloridas em camadas e letras manuscritas mantêm o filme visivelmente artesanal. A menina é montada com peças de papel articuladas separadamente, enquanto o assistente do OpenDesign mantém o bloco escuro do logotipo, o anel branco e o cursor verde. Mover peças inteiras preserva as texturas aplicadas a elas e evita a aparência escorregadia de efeitos flutuando sobre uma ilustração plana.
A transição mais forte começa com cinco espaços vazios no livro. Cada miniatura aparece somente quando o trabalho correspondente pousa; depois, a capa se fecha e se dobra na resposta que retorna. Isso é mais exigente do que dissolver entre cenas, porque posição, sobreposição e tempo precisam coincidir, mas dá ao espectador um objeto contínuo para acompanhar.

Estabeleça o destino vazio
Mostre o livro antes de seus espaços serem preenchidos, para que cada trabalho que chega produza uma mudança visível.
Reúna um trabalho por vez
Mova os cinco resultados para posições separadas em sequência; não revele uma miniatura antes de o objeto de origem pousar.
Preserve a resposta durante o retorno
Feche e dobre o livro na forma de viagem; depois, deixe a menina pegá-lo e reabri-lo sem esconder seus olhos ou sua expressão.
Encenando o contato das mãos e pausas legíveis
O filme depende do toque para fazer os objetos de papel parecerem presentes. O assistente se inclina em direção a um protótipo, flutua ao lado da fita e se esconde atrás do livro reunido. As mãos da menina encontram o livro que chega na altura do peito e mantêm contato com o bilhete final até que ele seja afixado. Luvas de papel curtas e arredondadas permanecem proporcionais ao assistente, em vez de se esticarem em braços finos.
A adaptação em 16:9 estende paredes e céu ao redor de uma composição central intimista. Essa largura extra cria espaço para voos e rótulos, mas os gestos importantes ficam perto do centro. O bilhete final é deliberadamente maior do que um pedaço de papel realista, porque “What will you design?” precisa sobreviver à visualização em miniatura. A pergunta completa recebe uma pausa depois que as mãos da menina se juntam.
Fonte, adaptação e escopo atual
Este remake oficial de código do OpenDesign adapta a composição em papel artesanal de uma peça de motion publicada por @kevin_t_ngo. A referência é um filme quadrado de 28 segundos; esta adaptação é uma história de 20 segundos em 16:9 com o assistente do OpenDesign, cenas de capacidades revisadas e uma trilha sonora original fornecida. O crédito registra a referência e não implica endosso de seu criador.
Este é um filme de movimento renderizado: suas interfaces em miniatura são objetos da história, não aplicativos de design funcionais. O template vem de um fluxo de vídeo proposto do OpenDesign; a disponibilidade depende da versão instalada. Verifique separadamente as permissões de reutilização do material de referência e dos recursos incluídos.
Como criar um design de animação em recorte de papel no OpenDesign
Mapeie a história em pausas e ações exatas
Comece com uma pergunta, um conjunto curto de resultados demonstrados, uma resposta que retorna e um convite final. Defina as faixas de tempo antes de refinar a arte. Inclua antecipação, ação, resultado e pausa em cada momento importante; se o cronograma ficar apertado, remova uma capacidade em vez de deixar todos os estados curtos demais para serem lidos.
Prompt sugeridoCrie uma animação em recorte de papel de 20 segundos em 16:9. Abra com uma menina escrevendo “What can you help me make?” em uma janela à noite e dobrando o bilhete em um aviãozinho. Mostre um assistente do OpenDesign respondendo com cinco resultados distintos: um protótipo mobile que muda de estado ao toque, um site que se desdobra, uma página de apresentação que vira para um gráfico, um pôster fixado com fita e uma tira de filme com uma linha do tempo em movimento. Reúna as cinco obras, uma por uma, em espaços inicialmente vazios de um livro, feche o livro, devolva-o à menina e termine com ela afixando “What will you design?”. Use bordas de papel rasgado, texturas pintadas, pausas legíveis e contato visível das mãos. Mantenha isto como um filme renderizado; não sugira que as interfaces em miniatura sejam produtos funcionais. Use somente os recursos locais fornecidos e ofereça uma alternativa manual quadro a quadro caso a renderização de vídeo não esteja disponível.
Construa peças de papel reutilizáveis
Prepare uma só vez folhas texturizadas, partes do personagem, letras e cartões em miniatura dos resultados; depois anime suas transformações em uma única linha do tempo mestre. Mantenha a textura presa a cada peça em movimento. Teste o toque no protótipo, a virada da apresentação e a coleta no livro em velocidade normal e ajuste as sobreposições para que as mãos encontrem visivelmente seus objetos.
Revise quadros determinísticos e miniaturas
Avance e retroceda no tempo para confirmar que o mesmo instante sempre produz o mesmo quadro. Verifique a abertura, a montagem de capacidades, o livro devolvido e o bilhete afixado em tamanhos de desktop e de prévia estreita. Preserve a sincronia da trilha sonora quando ela for usada, mas mantenha os quadros capturados sem som. Como o PR8619 não foi mesclado, trate o ambiente de projeto disponível como uma restrição de capacidade e use um fluxo manual de quadros renderizados quando necessário.
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.




