今日のテーマは「実務でそのまま納品できる」ビジュアル素材づくり。ロゴやアイコンは「それっぽい絵」が出せるだけでは仕事にならず、透明背景になっているか、タイル状に敷き詰めても継ぎ目が出ないか、セットとして統一感があるか、指定サイズに収まっているかまでが品質基準になる。この記事では、シームレスパターン・透明背景ロゴ・統一感のあるアイコンセット・SNS/OGP用背景の4つの作例を通して、”完成品”として使えるプロンプトの書き方を分解する。

作例1:継ぎ目のないシームレスパターン(背景・テクスチャ用)
①狙い:Webサイトの背景やSNSヘッダーの下敷きに使える、北欧風の植物柄シームレスパターンを作る。四方に敷き詰めても境界線が見えないことが必須条件。
seamless repeating pattern of minimalist scandinavian botanical line art, delicate leaves and stems, muted sage green and warm terracotta on cream background, flat vector illustration, even spacing between motifs, no drop shadow, no gradient lighting, subtle paper grain texture, high resolution --tile --ar 1:1
③分解:seamless repeating patternは「柄が繰り返される」ことをモデルに明示する起点になる語。Midjourney公式ドキュメントによれば–tileパラメータは画像の上下左右の端が一致するよう生成を制御する専用オプションで、v1〜v3・v5系で使用できる(v4・Nijiは非対応)。even spacingやno drop shadowは、モチーフの偏りや影がつなぎ目のズレとして見えてしまうのを防ぐための指定だ。flat vector illustrationを入れているのも同じ理由で、写真的な陰影は敷き詰めた際に光源の不連続が目立ちやすい。実際に敷き詰めて確認する場合はAitutsのタイルパターン活用ガイドが紹介するプレビュー手法が参考になる。
作例2:透明背景の完成ロゴ(テキスト込み)
①狙い:植物ケアアプリ「SPROUTLY」のワードマークロゴを、サイトのヘッダーにそのまま貼れる透明PNGとして作る。
minimalist wordmark logo for a plant-care app called "SPROUTLY", simple geometric sprout icon placed to the left of the text, bold lowercase sans-serif lettering, two-color palette of forest green (#2F5D3A) and soft cream (#F6F1E7), thick uniform line weight, no gradients, no drop shadow, transparent background, flat vector style, centered composition
③分解:ロゴ名の“SPROUTLY”をダブルクォートで囲むのは、文字を正確にレンダリングさせたいときの定番テクニックで、Black Forest Labs公式のプロンプトガイドでも引用符でのテキスト指定が推奨されている。Ideogramのプロンプトガイドによれば、Ideogramは文字レンダリング精度の高さが強みで、transparent backgroundと明記しPNG形式を選ぶことでアルファチャンネル付きの透明画像がネイティブに得られる。thick uniform line weightは小さいファビコンサイズに縮小しても線がつぶれないための指定、two-color paletteを色名でなくHEX値まで書くのは、生成のたびに色味がぶれるのを防ぐためだ。なおfal.aiの解説にある通り、Nano Banana Proは現状ネイティブの透明背景出力に対応しておらず、白背景版と黒背景版を生成して差分からアルファチャンネルを復元するといった回避策が必要になる。透明背景が要件なら、まずモデル選定の時点で対応可否を確認したい。
作例3:統一感のあるUIアイコンセット(6点)
①狙い:SaaSダッシュボード用に、線の太さと色が揃った6個のフラットアイコンを作る。バラバラの生成にならないよう、プレフィックスを固定して対象語だけ差し替える。
flat line icon of a {OBJECT}, designed on a 24x24px grid, uniform 2px stroke weight, rounded corners, single color #2B6CB0 on transparent background, minimal geometric style, no fill, no shadow, consistent visual language matching a UI icon set
// {OBJECT} を差し替えて6回生成する例:
// cloud upload arrow / gear settings wheel / bell notification / user profile circle / bar chart graph / padlock security icon
③分解:Recraftのアイコンセット制作ガイドが指摘する通り、プレフィックス(スタイル指定部分)を全生成で一字一句変えずに固定し、差し替えるのは対象物の名詞だけにするのが統一感を出す最大のコツだ。24x24px gridや2px stroke weightは実際のUIアイコン制作で使われるグリッド規約に合わせた指定で、書かないとモデルが線の太さを毎回変えてしまう。色もsingle color #2B6CB0とHEX指定することで、6点を並べたときの色ブレを防ぐ。Recraftのようにベクター(SVG)出力に対応したツールであれば、拡大縮小してもアイコンが荒れない点も実務では重要になる。
作例4:OGP・SNSシェア画像用の背景(規定サイズ対応)
①狙い:ブログ記事のOGP画像(1200×630px)にそのまま使える、テキストを後から重ねる前提の背景ビジュアルを作る。
abstract gradient mesh background, soft blue-to-lavender diffused light, gentle blurred bokeh particles, more open negative space toward the center-left, subtle thin geometric grid overlay, calm and minimal mood, high resolution, aspect ratio 1200x630, no text, no logo, no watermark
③分解:no text, no logoは、この背景の上に別途テキストを載せる前提のため、AIが生成した文字やロゴが重なって邪魔にならないようにする指定。center-leftに余白を寄せているのは、多くのOGP表示枠でタイトルが左寄せ・中央寄せになりやすいためで、OGP画像サイズガイドが推奨する「中央1080×600のセーフゾーンに主要情報を収める」考え方に沿っている。aspect ratio 1200×630は、Facebook・X・LinkedIn・Slackなど主要サービスで共通して安全に表示できる、いわば業界標準の比率(1.91:1)だ。
用途別・推奨サイズ早見表
| 用途 | 推奨サイズ | アスペクト比 | 備考 |
|---|---|---|---|
| OGP画像(汎用) | 1200×630px | 1.91:1 | Facebook/X/LinkedIn/Slackなど共通で安全 |
| X(旧Twitter)カード | 1200×675px | 16:9 | 中央にタイトル配置 |
| LinkedIn共有画像 | 1200×627px | 1.91:1 | OGPとほぼ同一比率で流用可 |
| Pinterestピン画像 | 1000×1500px | 2:3 | 縦長が基本 |
| UIアイコン標準グリッド | 24×24px(2倍で48×48px) | 1:1 | ストローク2px推奨 |
| ファビコン | 32×32px / 16×16px | 1:1 | 極小サイズでも潰れない線幅に |
モデル別・対応機能の違い
| モデル/ツール | シームレスタイル | 透明背景 | 備考 |
|---|---|---|---|
| Midjourney | 対応(–tile、v1〜v3・v5) | 非対応(別途背景抜き処理が必要) | パターン・テクスチャ用途に強い |
| Ideogram | 非対応 | ネイティブ対応 | 文字レンダリング精度が高くロゴ向き |
| Nano Banana Pro | 非対応 | 非対応(白黒差分でアルファ復元が必要) | 高速・高品質だが透明出力は工夫が要る |
| Recraft | 非対応 | ベクター(SVG)出力でネイティブ透明 | アイコンセットの統一感づくりに強い |
主な情報源
- Midjourney公式ドキュメント「Tile」
- Aituts「Best Prompts for Midjourney’s -tile」
- PixelDojo「Ideogram 4 Prompting Guide」
- Black Forest Labs公式「Prompting Guide – Image-to-Image」
- PandaiTech「Creating consistent vector graphics and icon sets with Recraft」
- Recraft公式「AI Icon Generator」
- fal.ai「How To Use Nano Banana Pro」
- Transparify「Gemini Transparent Background」
- Krumzi「Open Graph Image Sizes for Social Media」
サンプルプロンプトは本メディアのオリジナル例です。各モデル・サービスは提供元の規約に従ってご利用ください。生成物の権利・商用条件は各規約をご確認ください。情報は公開時点のもの。収集・要約はAI、公開判断は人。