3DPrompt.
GitHub
ライブラリに戻る
Claude Opus 5.5参考用の制作指示

Spotifyをテーマにしたモーショングラフィックス動画

18秒のSpotifyテーマのモーショングラフィックス映像を再現するための、自己完結型プロンプトテンプレートです。投稿本文では、紹介されているモーションデザインのワークフローをOpus 5.5によるものと明記しており、このテンプレートを使って同じ映像を再現できると説明しています。

Spotifyをテーマにしたモーショングラフィックス動画

この作例について

作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。

Spotifyモーショングラフィックスアニメーション音楽プロダクト映像UIアニメーション60 fpsMP4アルバムアートワーク

プロンプト

次のブリーフに基づき、完成度の高いSpotifyテーマのモーショングラフィックス動画を制作してください。このプロンプトは自己完結型です。参照動画や提供アセットは必要ありません。 <deliverables> 1920×1080、真の60 fps、音楽と控えめな効果音を含む18秒のMP4 編集可能なソース一式 納品前にアニメーションを構築、レンダリング、確認、ブラッシュアップする ストーリーボード、静止画、実装計画だけで終わらせない </deliverables> <art_direction> 大きく、ほぼ黒の角丸長方形ステージの中で展開する、プレミアムな音楽プロダクト映像 ステージはキャンバス幅の約80%、高さの約75%を占め、横方向は中央、縦方向は中心よりやや下に配置する ステージの外側には、柔らかな空気感のあるグリーン背景を使用する。左上付近は光を帯びたエメラルド、側面に向かうほど深いフォレストグリーンにし、下部ではほぼ黒へフェードさせる ステージ内部: ほぼ黒の背景 白のメインタイポグラフィ 彩度を抑えたグレーの補助テキスト 強調とコントロールにはSpotifyグリーン # 1ED760 GeistやInterなど、クリーンなサンセリフ体を1種類のみ使用 アイコンの線幅を統一し、シャドウは控えめにする 構図はコンパクトかつ中央寄せにし、十分なネガティブスペースを確保する テキストは大きなプレゼンテーション見出しではなく、音楽プロダクト広告らしく見せる 外側のキャプション、クリエイターのウォーターマーク、装飾的なフッター、進行カウンターは追加しない </art_direction> <artwork> 「Glass Tides」という架空の楽曲を、「AURA」によるオリジナルの正方形アルバムアートとして制作する メインビジュアルのカバーは、真珠光沢のある流動的なシルクと溶けたガラスを表現した、抽象的なマクロ画像にする パステルのラベンダー、パウダーブルー、ブラッシュピンク、シャンパンゴールド、控えめなミントを使用する 幅広い立体的な折り目、リアルな反射ハイライト、繊細な筋、そして目立つ大きなS字の折り目を入れる 正方形の端から端まで完全に埋める メインビジュアルにはテキスト、ロゴ、ボーダーを入れない 映像全体を通して、この同じアートワークを一貫して使用する デザイン性のあるプレイリスト用スリーブも追加で制作する: 「Late Nights」はマスタードイエロー 「Good Energy」はピンク 「Deep Focus」はブルー 「Daily Mix 1」「Daily Mix 2」「Daily Mix 3」は相性のよい補色系で展開する 太めのタイポグラフィとシンプルな幾何学モチーフを使い、完成したグラフィックデザインのカバーに見えるようにする </artwork> <timeline> 0.0~0.6秒:緑のSpotifyアイコンが暗いステージ中央で滑らかに拡大する 最小限のオーバーシュートで、自信のある登場感を出す 0.6~1.5秒: アイコンが、中央揃えの2行の上に配置された小さなSpotifyのブランド表現へ切り替わる: 「Discover」 「new music」 1行目は白、2行目はグリーンにする 短いマスク付きの縦方向の動きで表示する 1.5~2.4秒: スタイライズされたSpotifyデスクトップUIがせり上がって表示される 細いサイドバー、「Made for you」、3枚のアルバムカード、小さな補助行を表示する 登場時は控えめなパースの傾きを使い、正面表示へ落ち着かせる 2.4~3.2秒: 3枚の注目カバーに近づく その上に「New for you」を表示する アートワークは鮮明に保ち、その下に短いアルバムタイトルを置く ステージ下部には、細い角丸のプレーヤーバーを配置する 3.2~4.0秒: 注目カードが、コンパクトな「Fresh finds」リストへ収まるように退く 4つの楽曲行を少しずつずらして表示する 各行にはサムネイル、短い曲名、アーティスト名、小さなメニューアイコンを含める 4.0~4.9秒: カラフルなプレイリストカバーの横長ストリップへ切り替える 見出し:「Every mood」 補助テキスト:「Find what moves you」 ストリップは滑らかに横へスライドさせ、端のカードはステージによって一部がトリミングされるようにする 4.9~5.8秒: コンパクトな検索フィールドを表示する 「Glass Tides」と入力する その下に、虹色のアートワーク、「AURA」、緑の再生アイコンを含む選択済みの検索結果を1件表示する 5.8~6.6秒: 選択されたアートワークを、中央に大きく配置したカバーへ拡大する 下に「Glass Tides」を表示し、その後に緑色の「AURA」を置く プレーヤーバーは表示したままにする 6.6~7.5秒: 同じカバーを左へスライドさせる 右側に楽曲情報を表示する: 「Glass Tides」 「AURA」 「A new frequency」 角丸の緑色の「Play」ボタンを追加する カバーの移動とテキストの表示を同期させる 7.5~8.3秒: ブランドカラーへの短い変化として、インナーステージをグリーンで満たす アートワークを縮小し、中央に小さなタイルとして配置する その下に小さな暗色のSpotifyブランド表現を置く プレーヤーは一時的に後退させる 8.3~9.8秒: 暗いステージに戻る 同じアートワークがカメラに向かって劇的に拡大し、角丸ステージによって大きくトリミングされた状態になる 下部にプレーヤーを戻す ズームが最速になる部分では、コントロールされたモーションブラーを使用する 9.8~11.2秒: アートワークが消え、中央揃えのタイポグラフィ表現に切り替わる: 「Find your」 「rhythm」 1行目は白、2行目はグリーンにする その下のプレーヤーは表示したまま、安定させる 11.2~12.5秒: 「Made for your every day」を表示する 3つのプレイリストスリーブが、緩やかなパースと小さな逆方向の傾きを伴って登場する それらをステージ全体に6枚の小さなスリーブとして広げる 補助テキスト:「Your sound, always evolving」 12.5~14.0秒: プレイリストのレイアウトを、4枚の浮遊するアルバムカバーへ切り替える 虹色のメインビジュアルを含める 回転、パース、前後関係、重なりは控えめに使用する ランダムに浮遊させず、動きを連動させる 14.0~15.2秒: カバーが中央へ集まり、緑のSpotifyアイコンを包み込むように折り重なる アイコンが主役になるにつれて、アートワークを退かせる プレーヤーをフェードアウトさせる Spotifyアイコンは、集まってくるカバーと同じ中央位置から現れなければならない 15.2~18.0秒: アイコンが少し左へ移動し、大きな白い「Spotify」ワードマークの横で止まる 移動中はアイコンと文字の間隔を保つ 表示する: 「Discover new music」 「every day」 1行目は白、2行目はグリーンにする 完成した構図を最後までクリーンに保持する </timeline> <persistent_player> 中盤の大部分では、インナーステージ下部付近に細い角丸のプレーヤーバーを1つ表示し続ける 含めるもの: 小さなメインアートのサムネイル 「Glass Tides」と「AURA」 再生およびスキップのコントロール 細い進行トラック 小さな音量アイコン 細いボーダーを備えた、控えめな暗色の半透明スタイル この繰り返し表示されるプレーヤーで、変化するショットをつなぐ アートワークよりも視覚的に目立たない存在にする </persistent_player> <motion_quality> 緻密に編集されたプレミアムなプロダクト映像の勢いに合わせる ほとんどのビジュアルアイデアは約1秒間見せるが、トランジションは滑らかに保つ 連続的な加速と減速を使用する 臨界減衰のスプリング、または入念に調整した滑らかなイージングを優先する 繰り返すバウンドや大きな弾性オーバーシュートは使用しない 検索、アルバム詳細、ブランドタイル、ズームを通して、メインアートのアイデンティティと位置関係を維持する 位置合わせトランジション、連動したスケーリング、マスク付きの表示、パースを使用する 退場するタイトルは、入場するタイトルが同じ空間を占める前に消す テキストの重なり、突然のカメラリセット、長い無表示区間、意図のない全画面クロスフェードは避ける 大きすぎるカバーやカメラ移動はすべて、角丸ステージの内側で自然にクリップする パーティクル、衝撃波リング、レンズフレア、手ブレ、無関係なストック映像は使用しない </motion_quality> <audio> 120 BPM前後の、商用利用可能なエレクトロニックミュージックを制作または選定する クリーンなパルス、温かみのあるベース、控えめなメロディ要素、さりげないトランジションアクセントを使用する 重要な登場、選択、ズーム、ロゴ表示を音楽上のイベントに合わせる 効果音は音楽より小さくする ナレーションは使用しない 許諾なしに著作権のある市販楽曲を使用しない </audio> <implementation_and_validation> async window. seek(t) 関数を通じて絶対時間で駆動する決定論的なアニメーションを構築する すべてのトランスフォーム、透明度、マスク、UI状態は、どの順番でフレームをシークしても再現できなければならない 書き出し中にライブタイマー、累積する物理演算、CSSトランジションの状態へ依存しない 空間アンチエイリアスを使用し、真の60 fpsでレンダリングする 控えめなモーションブラーのため、出力フレームごとに3~5個の時間方向サブフレームサンプルを使用する 静止したテキストとアートワークは鮮明に保つ コンタクトシートと動きのある再生を確認する 高速な見出しの切り替え、アートワークの受け渡し、ズーム、カバーの収束、最終ワードマークの字間を確認する フレームのタイムスタンプが均等に配置され、全体の長さが18秒になっていることを確認する 最終MP4と編集可能なソースを納品する前に、映像上の不具合を修正する </implementation_and_validation>

このプロンプトの使い方

01

適したツールを開く

普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。

02

変更する点を一つ選ぶ

主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。

03

シーンに独自の素材を加える

オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。

プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。