動くステッカー(モーション)制作機能をリリースしました
約15分·
イモティコンスタジオに"モーションスタジオ"を追加しました。今、スタティックステッカーだけでなく、実際に動くアニメーションステッカー(GIF)をブラウザ内で作成できます。何が新しくなり、どのように使うかについて説明しました。
なぜ"動き"が異なる商品なのか
チャット一覧で動くステッカーは物理的に目に最初に飛び込んできます。人間の視覚は周辺部の動きに優先的に反応するように設計されているから、静止イメージの間のアニメーションは構造的に注目に勝ちます。これが市場で動くイモティコンがプレミアムラインとして取り扱われ、より高い価格帯が形成される理由の半分です。
もう半分は感情表現の帯幅です。静止カット1枚が感情の1つの瞬間を示すなら、動きは感情の進行を示します。"怒っている"は静止でも伝わりますが、"ぶるぶる震えてから爆発する"は動きだけが伝えられます。笑いも同じ — スマイル状の静止カットと肩を揺らしながらバタバタ笑うアニメーションは同じ"笑い"でも会話で果たす役割が異なります。
創作者の観点から実用的なポイントはこれです: すでに承認を受けたスタティックセットがあれば、同じキャラの動くバージョンはキャラクターを新たに証明する必要のない、表現力だけアップグレードする、最も勝率の高い2番目のパック戦略です。
何が新しくなったか — モーションスタジオ一周
ヘッダーのモードスイッチャーに"モーションステッカー"が出現しました。スティル(スタティック)制作と同じレベルの、動くステッカー専用作業スペースです。最初に開くと24個のスロットが見えるのですが、スロット1つがステッカー1種です。各スロット内で画像を準備して、動きを設計して、プレビューして、書き出す全プロセスがここで回ります。
- イメージ準備 — AI生成(ポーズプロンプト)または直接アップロード。A/Bの2ポーズ交差方式と複数フレームシーケンス方式の両方に対応
- 動きプリセット — タップ、揺れ、ドキドキ、ふわふわ浮遊、呼吸など検証済みのモーションをクリック1回で
- シーケンスエディタ — フレームプラン(順番・リズム・オフセット)を直接設計する上級モード。物理コレオテンプレート内蔵
- レイヤーエディタ — フレームの上に小道具・エフェクトを層で載せて非破壊編集。AI で要素生成も可能
- リアルタイムプレビュー — 実際の再生速度でループを確認して、倍速・フレームステップで精密チェック
- ターゲット書き出し — OGQ・カカオ規格に合わせて自動エンコード + 規格検証レポート
良い動きの文法1 — 読める動き
動くステッカーで最も一般的な失敗は"過度な動き"です。全てが同時に揺らいだら何も伝わりません。プロアニメーションの第1原則は視線誘導です — 1度に1箇所だけ大きく動いて、残りは支えます。
イモティコンのサイズ(チャット画面で実際には爪爪の大きさ)を考慮すると、この原則はより厳しくなります。感情の核心の動作1つを短く明確に反復する — これが読める動きの公式です。手を振る挨拶なら手が主人公で体幹は穏やか、怒って足を踏み鳴らすカットなら足踏みが主人公で表情はほぼ固定。
- 1カット1動作 — 主人公動作1つ + 補助の揺れ、それ以上はノイズ
- ループ長さは短く — 0.6~1.5秒ループが会話リズムに合います。長い物語はイモティコンの仕事ではありません
- 実寸法テスト — 必ず縮小して確認。大画面で良い動きが小画面では振動に堕することが多い
良い動きの文法2 — 物理が与える生命感
同じ"ジャンプ"でも平坦なジャンプと生きたジャンプがあります。差は物理の3要素 — 予備動作(予期)、スクワッシュ&ストレッチ、フォロースルー(尾行)です。ジャンプ前に軽く丸まって(予期)、飛ぶ瞬間に体が伸びて着地時に潰れ(スクワッシュ&ストレッチ)、着地後に残りの反動が1度揺らぐ(フォロースルー) — この3拍子が入ると画素の塊が生命体に見えます。
モーションスタジオのプリセットとコレオテンプレートには、この物理が前もって設計されています。"喜びジャンプ"テンプレートを適用すると、丸まり-飛行-着地-反動のフレームプランが自動的に決まり、フレーム毎のリズム(どのカットを長く見せるか)まで配分されます。物理を知らなくても物理が入った結果が出て、知る人はプランを開いて細部を調整できます。
A/B交差 vs シーケンス — 2つの制作方法を選ぶ
モーションスタジオは2つの制作方法をサポートします。どちらが正しいかは、作ろうとしている感情の性格が決めます。
- A/B交差方法 — 2つのポーズを交互に見せながらプリセット動き(揺れ・タップなど)を載せます。制作が最速で、笑い・挨拶・拍手みたいに往復動作の感情には十分です
- シーケンス方法 — 4~8フレームを順番に再生します。ジャンプ・走り・変身みたいに進行がある動作、筋の通ったギャグカットに必要です。スプライトシートで一度に生成してカットするフローが基本です
実践配分を勧めるなら — 24種の大部分はA/Bで高速に作って、パックの顔になるキラーカット4~6種にシーケンスを投資する構成が効率と影響のバランスポイントです。全カットをシーケンスで作ると制作期間が伸びた分の感覚的な差が出ません。使う人はパック全体ではなく頻繁に使うカット何個でパックを記憶するから。
レイヤーエディタ — 小道具とエフェクトで演出完成
動作が決まったら演出要素で化ける。レイヤーエディタはフレームの上に要素を層で重ねる非破壊編集ツール。元のフレームはそのまま置いて、その上にハート・汗・キラキラ・吹き出しみたいな要素を配置・変形します。
- AI 要素生成 — "輝く黄色い星"みたいな説明でキャラの画風に合う小道具を今 その場で生成
- フレームAI修正 — "サングラスをかけてよ"みたいな指示で特定フレームだけ部分修正
- トランスフォーム — 位置・サイズ・回転をレイヤー毎に調整、いつでも戻す可能
演出要素は感情の増幅器です。同じ"興奮"動作でも周りにキラキラが飛ぶと体感が倍増します。ただ文法1を思い出してください — エフェクトも動きです。主人公動作を隠すエフェクトは抜く方がいい。
規格は自動で対応します — プラットフォーム別の数字すべて
動くステッカーはスタティック版より規格がはるかに厳しい。フレームサイズ、ファイル容量、再生時間、フレーム数、背景処理 — プラットフォーム毎に異なり、この違いが返却の定番原因です。モーションスタジオの書き出し検証が基準とする実際の数値は次の通りです。
- OGQアニメーションステッカー — ステッカー24種、各740×640 GIF·1MB以下·3秒/100フレーム以下·透明背景。メイン240×240 GIF + タブ96×74 PNG 別途
- カカオ動くイモティコン提案 — 計24種: 動く提案3種以上(360×360 GIF·白背景·24フレーム以下·2MB以下) + 残り止め提案(360×360 PNG·透明背景·150KB以下)
- 核心の違い — OGQは透明背景、カカオの動く提案は白背景。キャンバス比も異なります(740×640横型 vs 360×360正方形)
同じソースでもターゲット切替で キャンバスクロップ・背景合成・容量最適化が全部変わるのですが、これを手動でやるとミス温床です。スタジオはターゲットを選ぶと上記数値でエンコード結果を自動検証して、超過項目を提出前に知らせます。規格表を覚える必要がなく、検証レポートが全項目通過するまで整えるだけ。
よくある失敗5つ — 前もって避けて行く
- 全部揺れ — 体幹・頭・小道具・エフェクトが同時に揺らぐパック。視線が行く所を失って散漫さだけ残ります。主人公動作1つを決めて。
- ループ継ぎ目放置 — 最後のフレームと最初のフレームがプツンと切れて繋がるアニメーション。往復構造で設計するか復帰フレームを入れて滑らかに閉じてください。
- 大画面基準演出 — 編集画面では完璧なのに、チャット画面の実寸法に見ると動きが読めません。頻繁に縮小確認が答え。
- 容量超過の後付き発見 — フレーム数と色の数が多ければGIF容量が急増します。最後にまとめて確認しないで、カット毎に検証レポートを確認。
- カカオ・OGQ背景混乱 — 透明背景GIFをカカオの動く提案にそのまま出すと返却理由。ターゲット切替機能を使えば自動で合わせられます。
よくある質問
Q. スタティックセットを作ってたキャラをそのまま使えますか? — はい、それが定石。同じベースキャラクター画像をモーションスタジオに登録すれば、画風とアイデンティティは保ったままポーズ・フレームが生成されます。
Q. アニメーションを全く知らなくていいですか? — プリセットとコレオテンプレートだけで始められます。物理(予期動作・スクワッシュ)がテンプレートに既に設計されているから、選んで強度だけ調整しても"知ってる人が作った"動きが出ます。
Q. GIF以外のフォーマットも対応しますか? — マーケット提出基準がGIF(OGQ)とGIF+PNG(カカオ)なので提出物はその基準で自動エンコード。編集ソースはスタジオに残ったままいつでも再編集・再書き出し。
Q. スタティックパックと動くパック、どっち先に出すべきですか? — 初めてならスタティックパックでキャラを検証してから、反応のあるキャラを動くバージョンで拡張する順序が安全。既に売れているスタティックパックがあれば、そのキャラの動くバージョンが最優先候補。
今作ってみてください
キャラクターコンセプト1行があれば、スタティック24種を、その上に動きを重ねればアニメーションセットを作成できます。ヘッダーで"モーションステッカー"に切り替えて、最初の動きを付けてみてください。手が速くなった分、アイデアをテストするコストも低下しました。