brand-marketing について
brand-marketingは、CM、広告、ブランドアイデンティティのコンテンツを制作するチーム向けのアニメーションスキルです。12の原則を商品紹介、ロゴの動き、ブランドの個性、媒体別の納品物に応用します。
主な機能
- 0112の原則をブランドアニメーションに適用
- 02商品紹介とロゴの動きをガイド
- 03ブランドの個性に合わせて動きを調整
- 04音楽同期とタイミングの指針
- 05媒体別のチェックリストと納品確認
活用シーン
- 01CMの商品紹介を計画
- 02ロゴとタグラインの動きを設計
- 03音楽に合わせてアニメーションを調整
- 04媒体別のアニメーション版を準備
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ dylantarre/ animation-principles --skill brand-marketingインストール後、Claude Code で/brand-marketingを入力して読み込まれたか確認します。
詳細
ブランドマーケティングアニメーション
Disneyの12のアニメーション原則を、コマーシャル、広告、ブランドアイデンティティ、マーケティングコンテンツに適用します。
クイックリファレンス
| 原則 | ブランド/マーケティングでの活用 |
|---|---|
| スクワッシュ&ストレッチ | 製品のバウンド、ロゴの伸縮性 |
| 予備動作 | 登場への盛り上げ、サスペンス |
| 演出 | 製品のヒーローショット、焦点のコントロール |
| ストレート・アヘッド/ポーズ・トゥ・ポーズ | ストーリーの流れと重要な瞬間 |
| フォロースルー/オーバーラッピング | ロゴ要素の収束、タグラインの遅延表示 |
| スローイン/スローアウト | 劇的な登場、滑らかな動き |
| アーク | カメラの旋回、製品の弧を描く動き |
| 二次動作 | 製品に反応する環境 |
| タイミング | ブランドのエネルギーに合わせる、音楽との同期 |
| 誇張 | ブランドの個性を際立たせる |
| 立体感のある描画 | 動きの中でも一貫したブランドアイデンティティ |
| 魅力 | 記憶に残り、感情に響く |
原則の適用
スクワッシュ&ストレッチ:製品が着地するときに弾ませて、エネルギーを表現できます。ロゴ要素は登場時に伸縮させます。テキストに弾力のある強調を加えることもできます。ブランドの個性に合わせましょう。ラグジュアリーならミニマルに、遊び心のあるブランドなら弾むようにします。
予備動作:製品が登場する前に期待感を高めます。タグラインが表示される前に間を置きます。サウンドデザインで視覚的な見せ場に先立つ巻き上げを演出します。期待を生み出してから、それに応えます。
演出:常に製品を主役にします。照明で焦点を誘導します。背景は製品を引き立て、決して競合しないようにします。すべてのフレームで明確な視覚的階層を保ちます。
ストレート・アヘッド対ポーズ・トゥ・ポーズ:ストーリー主導のコマーシャルは自然な流れで進めます(ストレート・アヘッドのエネルギー)。重要な登場シーンは正確にポーズをつけます。両方を組み合わせ、流れの中にインパクトのある瞬間を作ります。
フォロースルー&オーバーラッピング:ロゴ要素はそれぞれ異なる速度で収束させます。ロゴが落ち着いた後にタグラインを表示します。製品の特徴を順番にアニメーションさせます。自然で生き生きとした印象が生まれます。
スローイン/スローアウト:劇的な登場には、長めのイーズインを使います。インパクトのある瞬間は素早く切り替えます。プレミアムブランドには、ゆっくりとした慎重なタイミングを使います。エネルギッシュなブランドには、速くキレのあるイージングを使います。
アーク:カメラを弧を描くように動かします。製品を自然に回転させます。ロゴ要素は流れるように動かし、急に切り替えないようにします。テキストを曲線に沿わせると、躍動感が生まれます。
二次動作:製品の存在に環境を反応させます。パーティクル、光線、反射を活用します。音楽と動きを同期させます。すべての要素でメッセージを強調します。
タイミング:ブランドのエネルギー特性に合わせます。ラグジュアリー:ゆっくり、慎重に(500~800ms)。テクノロジー:正確、効率的に(200~400ms)。遊び心:弾むように、エネルギッシュに(オーバーシュートを含めて300~500ms)。音楽のビートに同期させます。
誇張:ブランドの個性を際立たせます。自信に満ちたブランドには、大胆で決然とした動きを使います。親しみやすいブランドには、丸みのある弾むような動きを使います。誇張によって、ブランドが記憶に残りやすくなります。
立体感のある描画:動きの中でもロゴの完全性を保ちます。全体を通してブランドカラーを統一します。タイポグラフィはブランドガイドラインに従います。モーションスタイルをブランドアイデンティティシステムに合わせます。
魅力:アニメーションでターゲットの感情を呼び起こします。信頼、興奮、安心感、憧れなどです。すべての動きの選択をブランドメッセージに結び付けます。何度も見返したくなる、記憶に残る瞬間を作ります。
ブランドの個性を表す動き
ラグジュアリー/プレミアム
- Slow, deliberate timing (500-800ms)
- Minimal motion, maximum impact
- Subtle easing, no bounce
- Clean, geometric paths
- Restrained color transitions
テクノロジー/イノベーション
- Precise, efficient timing (200-400ms)
- Sharp, decisive motion
- Geometric transitions
- Light trails, particle systems
- Data-driven motion graphics
遊び心/親しみやすさ
- Bouncy timing with overshoot (300-500ms)
- Squash and stretch throughout
- Curved, organic paths
- Bright color pops
- Character-driven elements
プロフェッショナル/企業向け
- Balanced timing (300-500ms)
- Clean, purposeful motion
- Grid-aligned movements
- Fade and slide transitions
- Subtle, refined effects
ロゴアニメーションのフレームワーク
| フェーズ | 時間 | 目的 |
|---|---|---|
| 予備動作 | 200~400ms | 期待感を高める |
| 登場 | 400~800ms | メインアニメーション |
| 収束 | 200~400ms | フォロースルー |
| ホールド | 1000~2000ms | ブランドを認識させる |
ロゴの登場パターン
- 組み立て:要素を組み合わせてロゴを形成します
- 表示:マスクやトランジションでロゴを見せます
- 変形:抽象的な形からロゴへと変形します
- キネティック:ロゴ要素を動かしてから、最終形に収束させます
音楽との同期ガイドライン
- 強いビート:重要な登場、インパクト
- 小節:セクション間のトランジション
- BPM:全体的なエネルギーを決定
- 無音:登場前に使うと効果的
- サウンドデザイン:動きを強調
プラットフォーム別の尺
| プラットフォーム | 最大の長さ | ロゴの表示時間 |
|---|---|---|
| テレビCM | 15/30/60s | 2-3s |
| プレロール | 6/15s | 1-2s |
| ソーシャル動画 | 15-60s | 1.5-2s |
| ストーリーズ | 15s | 1-1.5s |
| バンパー広告 | 6s | 1s |
納品物チェックリスト
- アニメーションがブランドガイドラインに準拠している
- ロゴアニメーションの承認済み
- 音声に合わせてタイミングが調整されている
- プラットフォーム別のバージョン
- モーションを抑えた代替版
- カラープロファイルが正しい
- セーフエリアに準拠している