モーション
ペーパーカットアウトアニメーション
手書きの問いかけ1つから5つのデザインデモが生まれ、可能性の本にまとまる20秒のペーパーカットアウト映像です。
こんなデザインに
- ペーパーカットアウトのモーションデザイン破った縁、描き込まれたテクスチャ、重ねたキャラクター、ヒンジで動く小道具を使った、触感のある場面を設計します。
- 短いプロダクトストーリー映像複数の機能を、問いかけ、デモ、答え、呼びかけというコンパクトな流れに置き換えます。
- 時間軸を持つブランド翻案既存のモーションリファレンスを、新しいキャラクター、成果物、テンポ、サウンドトラックで再構成します。
アニメーションのポイント
- 6秒間の5つのアクションタップ、展開、ページめくり、テープ貼り、動くタイムラインによって、成果物ごとに異なる動きを見せます。
- 途切れない1つの紙の返答5つの作品が本に入り、本が閉じ、折りたたまれ、少女のもとへ飛んで戻り、彼女の手の中で開きます。
- 物理的な最後の呼びかけ最後の問いかけは罫線入りのメモに書かれ、少女がそれを掲げて窓の横にピンで留めます。
ペーパーカットアウトアニメーションデザインのプレビュー
20秒の問いと答えのストーリー
映像は夜の窓辺から始まり、少女が「OpenDesign, what can you design?」と書きます。その問いは紙飛行機になり、町を越えてOpenDesignのバディに届きます。5つの短いデモのあと、答えは「It starts with your idea.」という一文を載せた本として戻ってきます。最後にピンで留められたメモが、観客に「What will you design?」と問いかけます。
この構成により、中盤には実用的な役割が生まれます。それぞれの例が冒頭の問いに答え、本がそれらの例が1つの返答に属することを示します。代償はスピードです。20秒しかないため、アクションには短い予備動作、読み取れる結果、そして次のオブジェクトへの即座の受け渡しが必要です。
| 時間 | 見えるビート | デザイン上の意味 |
|---|---|---|
| 0〜5.5秒 | 少女がアイデアを思いつき、問いを書き、紙飛行機に折って夜空へ飛ばします。 | 文字は読める長さだけ画面に残す必要があり、折る動作と飛行にも明確なシルエットが求められます。 |
| 5.5〜7秒 | OpenDesignのバディが読み、考え、火花で応えます。 | この間が、問いを受け取る場面と答えを示す場面を分けます。 |
| 7〜13秒 | プロトタイプ、ウェブサイト、プレゼンテーション、ポスター、モーション映像が順に登場します。 | ラベルだけに頼らず、各機能に固有の物理的なアクションを与えます。 |
| 13〜17秒 | 5つの作品が本に収まり、本は閉じて戻ってきて開き、答えを見せます。 | オブジェクトの連続性が、デモのモンタージュと少女の反応をつなぎます。 |
| 17〜20秒 | 彼女は本を抱きしめて手を振り、最後の観客への問いをピンで留めます。 | 映像は、キャラクターへの返答から視聴者への呼びかけへと切り替わります。 |
5つの機能を違って見せる
機能のモンタージュは、5枚の静止したカードを見せるだけにしません。プロトタイプはタップ後に変化し、ウェブサイトは広がり、プレゼンテーションは表紙からグラフへとめくれ、ポスターは重なりながら1枚がテープで留められ、紙飛行機はタイムラインの進行とともにフィルムストリップの中を進みます。ラベルはカテゴリーを示しますが、証拠となるのは接触と状態の変化です。

プロトタイプのタップ
インターフェースには、はっきり見える変化前後の状態と、その後の短い静止が必要です。変化したページがない素早いタップでは、触れたことは伝わっても操作できることは伝わりません。
プレゼンテーションのページめくり
表紙がグラフに切り替わり、棒が順に伸びます。この2つ目の状態によってプレゼンテーションがより具体的になりますが、静止したスライドより長い画面時間が必要です。
ポスターと映像のアクション
テープはポスターに説得力のある接触を生み、タイムラインの動きはフィルムストリップを装飾的なイラストと区別します。どちらのアクションも、ギャラリーのプレビューサイズで判読できる必要があります。
紙を素材としてもトランジションとしても使う
破れた白い繊維、幅広いガッシュの筆致、重ねた色紙、手書きのレタリングが、映像に手作り感を保たせます。少女は個別に動かせる紙パーツで組み立てられ、OpenDesignのバディは暗いロゴタイル、白いリング、緑のカーソルを保っています。パーツ全体を動かすことで、貼り付いたテクスチャが保たれ、平面のイラストの上にエフェクトが浮いているような滑りやすい見え方を避けられます。
最も効果的なトランジションは、5つの空の本のスロットから始まります。それぞれのミニチュアは対応する作品が着地したときにだけ現れ、その後、表紙が閉じて、戻ってくる返答へと折りたたまれます。場面間のディゾルブより難しく、配置、重なり、タイミングを合わせなければなりませんが、視聴者が追い続けられる1つの連続したオブジェクトが生まれます。
空の行き先を示す
スロットが埋まる前の本を見せることで、作品が届くたびに目に見える変化が生まれます。
作品を1つずつ収める
5つの成果物を順番に別々の位置へ動かします。元のオブジェクトが着地する前にサムネイルを見せてはいけません。
戻る間も返答を保つ
本を閉じて移動用の形に折りたたみ、少女がそれを受け止めて開き直します。その際、彼女の目や表情を隠さないようにします。
手の接触と読み取れる静止の演出
この映像は、紙の小道具に存在感を与えるために接触に頼っています。バディはプロトタイプに身を寄せ、テープの横に浮かび、集められた本の後ろに潜り込みます。少女の手は、戻ってきた本を胸の高さで受け止め、最後のメモがピンで留められるまで触れ続けます。短く丸い紙のミトンは、細い腕に伸びることなく、バディに対して釣り合いが取れています。
16:9への翻案では、親密な中央の構図の周りに壁と空を広げています。この余分な幅により、飛行やラベルに余裕が生まれますが、重要なジェスチャーは中央付近に置いています。最後のメモは、現実的な紙片より意図的に大きくしてあります。「What will you design?」がサムネイル表示でも読める必要があるためです。少女の両手が合わさった後、問い全体に静止を与えます。
出典、翻案、現在の範囲
この公式のOpenDesignコードリメイクは、@kevin_t_ngoによる公開済みモーション作品のペーパークラフト構成を翻案したものです。リファレンスは28秒の正方形の映像ですが、この翻案は、OpenDesignのバディ、見直した機能シーン、用意されたオリジナルのサウンドトラックを備えた20秒の16:9ストーリーです。クレジットはリファレンスを記録するものであり、制作者による推奨を示すものではありません。
これはレンダリングされたモーション映像であり、ミニチュアのインターフェースはストーリー上の小道具で、動作するデザインアプリケーションではありません。このテンプレートは、提案中のOpenDesign動画ワークフローに由来しており、利用可否はインストールされているバージョンによります。リファレンス素材と同梱アセットの再利用許可は、別々に確認してください。
OpenDesignでペーパーカットアウトアニメーションデザインを作る方法
ストーリーを正確な静止区間とアクションに割り当てる
1つの問いかけ、見せる成果物の短いセット、戻ってくる1つの答え、最後の呼びかけから始めます。アートワークを仕上げる前に時間の範囲を割り当てましょう。重要なビートごとに予備動作、アクション、結果、静止を入れます。尺が詰まりすぎる場合は、すべての状態を読めないほど短くするのではなく、機能を1つ減らします。
推奨プロンプト20秒の16:9ペーパーカットアウトアニメーションを作成してください。夜の窓辺で少女が「What can you help me make?」と書き、そのメモを紙飛行機に折る場面から始めます。OpenDesignのバディが5つの異なる成果物で答える様子を見せます。タップすると状態が変わるモバイルプロトタイプ、広がっていくウェブサイト、グラフへとページがめくれるプレゼンテーション、テープで貼られるポスター、タイムラインが動くフィルムストリップです。5つの作品を、最初は空の本のスロットに1つずつ収め、本を閉じて少女に返し、最後に彼女が「What will you design?」をピンで留めて終わります。破った紙の縁、描き込まれたテクスチャ、読み取れる静止区間、はっきり見える手の接触を使ってください。これはレンダリングされた映像として作り、ミニチュアのインターフェースが実際に動く製品であるかのように見せないでください。用意されたローカルアセットのみを使用し、動画のレンダリングができない場合に備えて手動のコマ単位の代替手順も用意してください。
再利用できる紙パーツを作る
テクスチャのシート、キャラクターのパーツ、レタリング、ミニチュアの成果物カードを一度用意し、1本のマスタータイムライン上でそのトランスフォームをアニメーションさせます。テクスチャは動くパーツごとに付けたままにします。プロトタイプのタップ、プレゼンテーションのページめくり、本への収集を通常の再生速度でテストし、手が小道具にきちんと触れて見えるようにタイミングの重なりを調整します。
決定的なフレームと小さなプレビューを確認する
前後にシークして、同じ時刻なら必ず同じフレームになることを確認します。冒頭、機能のモンタージュ、戻ってきた本、ピンで留めたメモを、デスクトップサイズと狭いプレビューサイズでチェックします。サウンドトラックを使う場合はそのタイミングを保ちますが、キャプチャしたフレームは無音にします。PR8619は未マージのため、利用できるプロジェクト環境を機能上の制約として扱い、必要に応じて手動のレンダリング済みフレームのワークフローを使います。
エクスポートして共有リンクを取得
完成したデザインをエクスポートし、OpenDesignの「共有」機能を使って共有リンクを取得してください。別のブラウザウィンドウでリンクを開き、意図したバージョンとそのアセットが正しく表示されることを確認してから送付してください。




