イラスト画像生成用
繰り返し使える総柄パターン
小さな図形を並べた、つなぎ目のない柄。
用途・説明
小さなモチーフを規則的に散らした、シームレス（つなぎ目なし）の総柄パターンを生成するプロンプトです。セクションの背景、カードの装飾、バナーの地模様、OGP画像の背景などに使えます。タイル状に並べても境目が見えない画像になるよう指定しています。
カラーを選ぶ
選んだ内容は、上の仕上がり例と下のプロンプト全文に反映されます。
カラー
書き換える項目
プロンプト内の［ ］の部分を、つくりたいサイトに合わせて書き換えてから使ってください。
[モチーフ]- 例：丸、半円、プラス記号、リング
[背景色]- 例：ごく淡いブルー（#EBF2FF）
プロンプト全文
Seamless repeating pattern for a website background. Motifs: [モチーフ] Style: - Flat vector pattern of small simple motifs, each no more than a few shapes - Palette: #1463F0, #F4C9A8 and deep navy (#1B2A44) for the motifs on a [背景色] background - Motifs are small and evenly spaced on a regular grid, with slight variation in rotation - Plenty of background showing between motifs — the pattern should feel light, not busy - No outlines unless the motif itself is a line, no gradients, no shadows, no texture Composition: - Square image (1:1) - Seamless tile: the left edge matches the right edge and the top edge matches the bottom edge exactly - Even density across the whole tile; no focal point, no large empty area Avoid: - Text, letters, logos or watermarks - Motifs cut off in a way that would not continue on the opposite edge - Photographic elements, 3D effects, more than three motif colors --- 日本語メモ（AIに渡す前に確認） - 上記は英語プロンプトです。画像生成AIは英語の方が意図通りに出力されやすいため英語で記載しています - 生成後、画像を2×2に並べてつなぎ目が見えないか確認してください。見える場合は「tileable」を冒頭の行に足して再生成します - CSSでは background-image に指定し、background-size で柄の大きさを調整します。文字を重ねる場合は、柄を薄くするか白い半透明の面を敷いてください
使い方
- 1「書き換える項目」を見ながら、プロンプト内の［ ］の部分を描きたい内容に書き換えます。色はこのページ上で選ぶと、プロンプトに自動で反映されます。
- 2「プロンプトをコピー」を押し、画像を生成できるAI（ChatGPT・Geminiなど）にそのまま貼り付けて送信します。
- 3生成された画像を確認し、「人物を1人に」「色数を減らして」のように続けて伝えて調整します。商用利用の可否は、お使いのAIサービスの利用規約をご確認ください。