目次

目次

  • プロンプト集を作る
  • 基準になる1枚を作る
  • 残りの画像を作る
  • 画像を差し替える
  • 提出するもの

プロンプト集

基準の1枚

残り

差し替え

本番用の画像を作る

本番用の画像を作る

  • 今の画像は仮の図。本番用に作り直す
  • ChatGPTで作り、自分のページへ差し替える
  • 全部の画像で見た目の雰囲気をそろえる

仮の図

本番用の画像

プロンプト集を作る

プロンプト集を作る

  • AI活用テクニック: 画像生成プロンプト集作成プロンプト
  • 自分のサイトを見て、必要な画像を判断してもらう
  • 画像1枚につき1ファイルできる
# 画像生成プロンプト集作成プロンプト

## 前提

- 今のWebサイトのHTMLと画像が作業フォルダにある
- 作業フォルダ: <自分の作業フォルダ>
- このフォルダの中だけで作業する
- 今の画像は仮の図で、本番用へ差し替える
- 作るプロンプトはChatGPTの画像生成で使う

## 条件

- 必要な画像は、今のページを見て判断する
- 先に共通スタイル文を1つ作り、全プロンプトの先頭へ同じ文字で入れる
- 1枚目を基準画像にし、2枚目以降はそれを添付して使う
- 保つもの(色、質感、光)と変えるもの(被写体)を分けて書く
- 画像の中に文字を入れない
- 文字を重ねる画像は、文字が乗る側を空ける
- WordPressへ入れられる形式で、表示より大きく作る
- 画像1枚につきプロンプトを1ファイルにする
- ファイル名は、どのページのどの画像か日本語で分かる名前にする
- 差し替え先の画像ファイル名を、プロンプトの中に書く
- 作ったファイルは作業フォルダの中の Webサイト画像生成プロンプト集 へ入れる

## 目的

本番用画像をChatGPTで作るためのプロンプトを作成してください。実行はしない

基準になる1枚を作る

基準になる1枚を作る

  • できたファイルの 01 をChatGPTへ貼る
  • 出てきた画像が、以降の基準になる
  • 同じスレッドで続ければ傾向が定まる
  • 色や明るさが思っていたものと違えば、ここで直す

01を貼る

基準の画像

残りの画像を作る

残りの画像を作る

  • 02 以降を1つずつ貼る
  • その時、基準の画像を一緒に添付する
  • 添付しないと、色や質感がばらつく

02 + 基準画像

03 + 基準画像

画像を差し替える

画像を差し替える

  • できた画像を作業フォルダへ入れる
  • ファイル名を、プロンプトに書かれている差し替え先に合わせる
  • ブラウザで開いて、全ページの画像が入れ替わったか見る

保存

名前を合わせる

画面で確認

提出するもの

提出するもの

  • 画像を差し替えたWebページ
  • 9日目ランブック

差し替え済み
ページ

9日目
ランブック