ほとんどのAI広告ツールは、どんな依頼にも同じ答えを持っています。それは生成することです。これは、トーキングヘッドのUGC広告にはうまく働きますが、iMessageの会話、価格カード、アプリのスクリーンショットには不向きです。それらのフォーマットは文字でできており、文字は画像や動画のモデルが最も苦手とするものだからです。文字は歪み、単語は作り出され、模倣しているアプリを使う人には、わずかに比率の違うモックアップがすぐに分かります。
そのため、この13のフォーマットは逆の方法で作られています。それぞれが自己完結したHTMLページで、アニメーションは時間の純粋な関数です。ヘッドレスブラウザがフレームごとに進め、ffmpegが結果を組み立てます。何も生成されません。コピーは実際のDOMテキストで、iOSの枠組みはピクセル単位で正確で、同じ入力からは毎回同じファイルができます。
AirDrop商品カルーセル
ぼかした商品の背景の上に、iOSのAirDrop共有シートがぽんと現れ、AirDropの通知音とともに、商品カードのカルーセルがウィンドウの中を流れていきます。
フォーマットを読む → 動画・決定論的アプリのUIツアー
実際のアプリのスクリーンショットを、CSSで作ったiPhoneのモックアップ(丸みのある本体、金属の縁、ダイナミックアイランド、画面の反射)に入れます。ツアーが画面を移動する間、ブランドカラーのやわらかい背景の上に浮かびます。
フォーマットを読む → 動画・決定論的Apple Notes の演出
iPhoneのメモが自分で文字を打ち出していきます。最初に太字のタイトル、その下に短い告白やリストの行が続き、小さなキーストロークの音とともに、ブランドのカードで締めくくられます。
フォーマットを読む → カルーセル · 決定論的ブランドのカルーセル
表紙、1ポイントずつの内容スライド、締めのスライドからなる、デザインされた複数スライドのカルーセルです。Metaのカルーセル広告、LinkedInのドキュメント広告、Instagram用に、正方形のPNGとしてレンダリングされます。
フォーマットを読む → 動画・決定論的ChatGPTのチャット演出
アプリ本来のサイズでレンダリングされた、ChatGPTの会話です。
フォーマットを読む → 動画・決定論的iMessage通知のカスケード
ぼかした背景の上に、iOSの通知バナーが次々と飛び込んでくるように重なり、それぞれが積み上がったスタックを上へ押し上げていきます。
フォーマットを読む → 動画・決定論的iMessageのチャット演出
ピクセル単位で正確なiMessageの会話が、自分で文字を打ち出していきます。吹き出しが実際の送信・受信音とともに現れ、入力中の表示が出て、商品は画像の貼り付けではなく、本物のURLプレビューのリッチリンクとして現れます。
フォーマットを読む → 動画・決定論的キネティック・タイプ
リズムのあるタイポグラフィのモーションデザインです。短いフレーズが全面のブランドカードに一語ずつ着地し、斜めのアクセントのスラブが各カットを拭き取ります。商品のショットがリズムに合わせて区切りを入れます。
フォーマットを読む → 動画・決定論的神話と事実の解説
ナレーションが主導するキネティックな作品です。落ち着いたナレーターが誤解と事実のペアを読み上げ、各誤解の文に赤い取り消し線が走ってから、事実が現れます。単語単位のハイライトは読みに同期します。
フォーマットを読む → 動画・決定論的写真グリッド・コラージュ
自分で組み上がるムードボードです。
フォーマットを読む → 画像・決定論的ネイティブ風の画像広告
3つのサブスタイルのいずれかで作られた、静止したネイティブ風の画像広告です。最も良い瞬間で止まったiMessageのスレッド、Apple Notesのメモ、またはデザインされたブランドのプロモカードです。
フォーマットを読む → 動画・決定論的価値提案のモーション広告
太字のフックのステッカーに続き、回転する商品のショットの上で3〜5個の短い利点が動き、ブランドカラーのブロックと写真のビートが交互に現れます。
フォーマットを読む → 動画・決定論的シネマティック・ビネット
1枚の実際の写真から作られた、シネマティックな単一ヒーロー商品の映像です。ゆっくりとしたプッシュイン、重なりのある奥行き、フィルムグレイン、ブランドカラーのグロー、下段を流れる短いコピーの行があります。
フォーマットを読む →このテンプレートのレンダリング方法
画像モデルや動画モデルで生成されるものは何もありません。このフォーマットは、アニメーションが時間の純粋な関数である、自己完結したHTMLページです。CSSのキーフレーム、タイマー、乱数は使いません。レンダラーはヘッドレスのChromeでそのページをフレームごとに進め、各フレームをスクリーンショットし、ffmpegでH.264のファイルにまとめます。最後はブランドのエンドカードへのクロスフェードで終わります。
そこから2つのことが言えます。レンダリングは決定論的です。同じ入力から同じファイルができるため、昨日正しく見えたフォーマットは、今日も正しく見えます。また、画面上のすべての文字は、ブラウザが実際に描画したテキストです。そのため、コピーは正確で、どの解像度でも鮮明です。全体の費用は動画生成ではなく数クレジットで、これが、このフォーマットを大量に運用できる理由です。
費用について
数クレジットです。モデルが関わらないためです。費用はブラウザのCPUとffmpegです。ここに実際の違いがあります。動画モデルのレンダリングは出力の秒数ごとに課金されるため、フックを10通り試すのは実際の予算の判断になります。テンプレート広告を10通り試すのは、そうではありません。
カタログのその他
これらは、モデルでレンダリングされる110のクリエイティブ・レシピ(トーキングヘッドのUGC、商品フィルム、バイラルな商品フォーマット)や、18の解説動画のビジュアルスタイルと並んで掲載されています。