Motion design
Animation en papier découpé
Un film en papier découpé de 20 secondes transforme une question manuscrite en cinq démonstrations de design, puis les rassemble dans un livre des possibles.
Idées de design pour
- Motion design en papier découpéPlanifiez des scènes tactiles avec bords déchirés, textures peintes, personnages en couches et accessoires articulés.
- Courts films d’histoire produitTraduisez plusieurs fonctionnalités en une question concise, une démonstration, une réponse et une invitation.
- Adaptations de marque dans le tempsRéinterprétez une référence animée existante avec de nouveaux personnages, productions, rythmes et bande-son.
Points forts de l’animation
- Cinq actions en six secondesUn tapotement, un dépliage, un tournage de page, un geste de ruban adhésif et une timeline en mouvement donnent à chaque production un comportement distinct.
- Une réponse en papier continueCinq œuvres entrent dans un livre qui se ferme, se plie, revient en vol et s’ouvre entre les mains de la fillette.
- Une invitation finale physiqueLa question finale apparaît sur une note lignée que la fillette lève puis épingle près de sa fenêtre.
Aperçu de l’animation en papier découpé
Une histoire de question et réponse en 20 secondes
Le film s’ouvre à une fenêtre, de nuit, où une fillette écrit : « OpenDesign, what can you design? » La question devient un avion en papier, traverse la ville et atteint le compagnon OpenDesign. Après cinq courtes démonstrations, la réponse revient sous la forme d’un livre portant la phrase « It starts with your idea. » Une note épinglée finale demande au public : « What will you design? »
Cette structure donne une fonction concrète à la séquence centrale : chaque exemple répond à la question initiale, tandis que le livre prouve que les exemples appartiennent à une seule réponse. Le compromis est la vitesse. Avec seulement 20 secondes, les actions exigent une courte anticipation, un résultat lisible et un passage immédiat à l’objet suivant.
| Temps | Moment visible | Implication de design |
|---|---|---|
| 0–5,5 s | La fillette découvre une idée, écrit la question, la plie en avion et l’envoie dans le ciel nocturne. | L’écriture doit rester assez longtemps à l’écran pour être lue, mais le pliage et le vol doivent conserver des silhouettes claires. |
| 5,5–7 s | Le compagnon OpenDesign lit, réfléchit et répond par une étincelle. | Cette pause sépare la réception de la question de la démonstration d’une réponse. |
| 7–13 s | Le prototype, le site web, la présentation, les affiches et le film animé apparaissent en séquence. | Chaque fonctionnalité reçoit une action physique distincte au lieu de s’appuyer seulement sur des étiquettes. |
| 13–17 s | Les cinq œuvres entrent dans un livre, qui se ferme, revient, s’ouvre et révèle la réponse. | La continuité des objets relie le montage des démonstrations à la réaction de la fillette. |
| 17–20 s | Elle serre le livre dans ses bras, fait signe de la main et épingle la question finale au public. | Le film passe de la réponse au personnage à l’invitation faite au spectateur. |
Rendre cinq fonctionnalités lisibles différemment
Le montage des fonctionnalités évite de présenter cinq cartes statiques. Un prototype change après un tapotement, un site web se déplie, une présentation passe de sa couverture à un graphique, des affiches se chevauchent pendant que l’une est collée, et un avion se déplace sur une pellicule tandis que sa timeline avance. Les étiquettes identifient les catégories, mais le contact et le changement d’état apportent la preuve.

Tapotement du prototype
L’interface exige un état avant-après visible, suivi d’une brève tenue. Un tapotement rapide sans la page modifiée communiquerait le toucher, mais pas l’interaction.
Page de présentation tournée
La couverture laisse place à un graphique dont les barres montent en séquence. Ce second état rend la présentation plus précise, mais demande plus de temps à l’écran qu’une diapositive statique.
Actions de l’affiche et du film
Le ruban adhésif crée un contact crédible pour l’affiche, tandis que le mouvement de la timeline distingue la pellicule d’une illustration décorative. Les deux actions doivent rester lisibles à la taille d’un aperçu de galerie.
Utiliser le papier comme matière et comme transition
Des fibres blanches déchirées, de larges coups de gouache, des feuilles colorées superposées et un lettrage manuscrit gardent le film visiblement artisanal. La fillette est assemblée à partir de morceaux de papier articulés séparément, tandis que le compagnon OpenDesign conserve sa tuile de logo sombre, son anneau blanc et son curseur vert. Déplacer des pièces entières préserve leurs textures attachées et évite l’aspect glissant d’effets flottant sur une illustration plate.
La transition la plus forte commence avec cinq emplacements de livre vides. Chaque miniature n’apparaît que lorsque l’œuvre correspondante se pose, puis la couverture se ferme et se plie pour devenir la réponse qui revient. C’est plus exigeant qu’un fondu entre scènes, car le placement, le chevauchement et le timing doivent concorder, mais le spectateur suit ainsi un seul objet continu.

Établir la destination vide
Montrez le livre avant le remplissage de ses emplacements afin que chaque œuvre qui arrive produise un changement visible.
Ranger une œuvre à la fois
Déplacez les cinq productions vers des positions distinctes en séquence ; ne révélez pas une vignette avant que son objet source ne se pose.
Préserver la réponse pendant le retour
Fermez et pliez le livre pour lui donner sa forme de voyage, puis laissez la fillette l’attraper et le rouvrir sans cacher ses yeux ni son expression.
Mettre en scène le contact des mains et les tenues lisibles
Le film s’appuie sur le toucher pour donner de la présence aux accessoires en papier. Le compagnon se penche vers un prototype, flotte à côté du ruban adhésif et se glisse derrière le livre rassemblé. Les mains de la fillette rencontrent le livre qui arrive à hauteur de poitrine, puis gardent le contact avec la note finale jusqu’à ce qu’elle soit épinglée. De courtes moufles de papier arrondies restent proportionnées au compagnon au lieu de s’étirer en bras fins.
L’adaptation en 16:9 prolonge les murs et le ciel autour d’une composition centrale intime. Cette largeur supplémentaire laisse de l’air aux vols et aux étiquettes, mais les gestes importants restent près du centre. La note finale est volontairement plus grande qu’un bout de papier réaliste, car « What will you design? » doit rester lisible en vignette. La question complète bénéficie d’une tenue après le rapprochement des mains de la fillette.
Source, adaptation et périmètre actuel
Ce remake officiel du code OpenDesign adapte la composition en papier d’une œuvre animée publiée par @kevin_t_ngo. La référence est un film carré de 28 secondes ; cette adaptation est une histoire de 20 secondes en 16:9 avec le compagnon OpenDesign, des scènes de fonctionnalités revues et une bande-son originale fournie. Le crédit consigne la référence et n’implique aucune approbation de son créateur.
Il s’agit d’un film animé rendu : ses interfaces miniatures sont des accessoires narratifs, pas des applications de design fonctionnelles. Le modèle provient d’un flux vidéo OpenDesign proposé ; sa disponibilité dépend de la version installée. Vérifiez séparément les droits de réutilisation du matériel de référence et des ressources incluses.
Comment créer une animation en papier découpé dans OpenDesign
Associer l’histoire à des tenues et des actions précises
Commencez par une question, une courte série de productions démontrées, une réponse qui revient et une invitation finale. Attribuez des plages de temps avant de peaufiner les illustrations. Prévoyez pour chaque temps fort une anticipation, une action, un résultat et une tenue ; si le planning devient trop chargé, retirez une fonctionnalité plutôt que de rendre chaque état trop bref pour être lisible.
Invite suggéréeCrée une animation en papier découpé de 20 secondes au format 16:9. Ouvre sur une fillette qui écrit « What can you help me make? » à une fenêtre, de nuit, puis plie le mot en avion en papier. Montre un compagnon OpenDesign qui répond par cinq productions distinctes : un prototype mobile sur lequel on tape et qui change d’état, un site web qui se déplie, une page de présentation qui se tourne vers un graphique, une affiche collée au ruban adhésif et une pellicule avec une timeline en mouvement. Range les cinq œuvres une à une dans les emplacements d’abord vides d’un livre, ferme le livre, rends-le à la fillette, puis termine en la montrant en train d’épingler « What will you design? ». Utilise des bords déchirés, des textures peintes, des temps de pause lisibles et un contact visible des mains. Garde un film rendu ; ne laisse pas croire que les interfaces miniatures sont des produits fonctionnels. Utilise uniquement les ressources locales fournies et propose une solution manuelle image par image si le rendu vidéo n’est pas disponible.
Construire des éléments de papier réutilisables
Préparez une seule fois les feuilles texturées, les parties du personnage, le lettrage et les cartes miniatures des productions, puis animez leurs transformations sur une seule timeline principale. Gardez la texture attachée à chaque élément mobile. Testez le tapotement du prototype, le tournage de page de la présentation et le rangement dans le livre à vitesse normale, puis ajustez les chevauchements pour que les mains rencontrent visiblement leurs accessoires.
Vérifier les images déterministes et les petits aperçus
Avancez et reculez dans la timeline pour confirmer qu’un même instant produit toujours la même image. Vérifiez l’ouverture, le montage des fonctionnalités, le livre rendu et la note épinglée sur ordinateur comme en aperçu étroit. Conservez le calage de la bande-son lorsqu’elle est utilisée, mais gardez les images capturées silencieuses. Comme PR8619 n’est pas fusionnée, considérez l’environnement de projet disponible comme une contrainte de capacité et utilisez si besoin un flux manuel d’images rendues.
Exporter et obtenir un lien de partage
Exportez votre design finalisé, puis utilisez Partager dans OpenDesign pour obtenir un lien de partage. Ouvrez le lien dans une fenêtre de navigateur distincte et vérifiez que la version souhaitée ainsi que ses ressources sont disponibles avant de l'envoyer.




