GPT Image 2.6 用「カートに追加」ボタンのアニメーションプロンプト
「カートに追加」ボタンがタップされ、少し縮んで緑に変わり、チェックマークを表示して元に戻る、ループする GIF。
プロンプト
モバイルの「カートに追加」ボタンがタップされる短いループアニメーション：少し縮んで緑に変わり、チェックマークが表示されたあと、元に戻る。フラットな UI スタイル、白い背景、余計な文字はなし。
- 対応モデル
- GPT Image 2.6
- 収録セット
- GPT Image 2.6 プロンプト
このプロンプトについて
このプロンプトは静止画ではなくアニメーションを生成します。モバイルの「カートに追加」ボタンがタップされ、少し縮み、緑に変わり、チェックマークが表示されたあと、元の状態に戻る動きが、白い背景の上でループします。アニメーション GIF は GPT Image 2.6 で新しく加わったもので、API では output_format を「gif」に設定して依頼します。
ラベルと確認の表示は、セットで変えてください。「フォロー」がチェック付きの「フォロー中」に変わる、「保存」でブックマークのアイコンが塗りつぶされる、といった具合です。ボタン 1 つ、状態の変化 1 つにとどめましょう。短いループの中で多くのことが起こるほど、追いにくくなります。
GIF は最終の素材ではなく、動きの仕様として扱ってください。動きが気に入ったら、プロンプトの手順を説明して、実際のボタンに同じ操作を CSS アニメーションで作るよう Codex に頼めば、タイミングを調整でき、ボタンが実際にタップに反応します。
同じセットのほかのプロンプト
- GPT Image 2.6 用スケルトン読み込みアニメーションのプロンプトグレーのスケルトンが左から右へきらめき、アバターとテキスト付きの本物のカードがフェードインする、カードリスト読み込みのループ GIF。
- GPT Image 2.6 用トグルスイッチのアニメーションプロンプト設定のトグルがオンに切り替わる、つまみが右へスライドし、トラックが緑に満たされ、ラベルが「オフ」から「オン」に変わるループ GIF。
- GPT Image 2.6 用引っ張って更新のアニメーションプロンプトモバイルのフィードで引っ張って更新する、リストが下に引かれ、スピナーが回転し、新しい項目が上から入ってくるループ GIF。
- GPT Image 2.6 用参照画像でスタイルを変えるプロンプト現在のアプリ画面を、参照画像の色、タイポグラフィ、角の半径でスタイル変更しつつ、レイアウトと文字はそのままに保ちます。
- GPT Image 2.6 用マークアップ編集でボタンを 1 つ変えるプロンプト透明なオーバーレイでボタンを 1 つ丸く囲み、そのボタンだけを濃い緑のベタ塗りで「続ける」と書かれたプライマリのスタイルに変えます。
- GPT Image 2.6 用マークアップ編集でセクションを差し替えるプロンプトデザインの一部を丸で囲み、その部分だけを既存のスタイルに合わせた推薦の声のカードに差し替え、それ以外はそのままにします。