ロゴ、アイコン、UIパーツ、テクスチャ、背景素材——実務のビジュアル制作では「作品」より先に「使える素材」が必要になる場面が多い。今日は透過背景・シームレスタイル・スタイルの一貫性という3つの技術的ポイントに絞り、そのまま試せるプロンプトと、なぜその指定が効くのかを分解して解説する。
素材づくりで最初につまずく3つの壁
ロゴやアイコンは「透過PNGで書き出せるか」、テクスチャや背景は「継ぎ目なく反復できるか」、複数点セットで作るアイコンは「見た目の統一感を保てるか」——この3つが実務での再現性を左右する。以下、それぞれに対応する完成プロンプトを提示する。
作例1：ロゴマーク（Midjourney）
①狙い：装飾を抑えたフラットな2色のロゴマークを、そのままベクター化しやすい形で出す。
minimalist logo mark of a fox head formed from a single continuous line, geometric shapes, flat vector illustration, two-color palette deep teal and warm coral, solid white background, no gradients, no shading, no drop shadow, clean closed silhouette, professional corporate branding --style raw --s 50 --ar 1:1③解説：「a single continuous line」「geometric shapes」で線と面を単純化し、トレースしやすい閉じたシルエットに寄せている。「two-color palette」と具体的な色名を指定することで、グラデーション混入を防ぎベクターソフトでの色分解を楽にする。--style rawはMidjourney既定の絵画的な装飾・光の演出を抑え、指示に忠実な出力にするパラメータで、ロゴのように再現性が求められる用途で効果を発揮する。--s 50でstylize強度をさらに下げ、「no gradients, no shading, no drop shadow」というネガティブ指定を並べることで、平面的な仕上がりを安定させている。
作例2：透過アイコン（Ideogram Transparent）
①狙い：UIにそのまま重ねられる、背景切り抜き不要の単色ピクトグラムアイコンを作る。
a single UI icon of a rounded speech bubble with a small heart inside, flat pictogram style, thick uniform 4px stroke, fully rounded corners, single accent color coral pink, no text, no background, centered composition, app icon style③解説：IdeogramのTransparent機能はテキストプロンプトから直接、背景のない画像を生成できるモデルで、従来のように白背景で作ってから切り抜く手間を省ける。プロンプト側では「thick uniform 4px stroke」のように線幅を数値で固定し、セットで複数アイコンを作る際も同じ太さを保てるようにしている。「single accent color」で色を1色に絞るのは、UIアイコンがどんな背景色の上に置かれても浮かないようにするための指定だ。「no text」は、Ideogramが文字表現に強い分、指示しないと余計な文字を書き込みやすいための予防線になる。
作例3：シームレス背景テクスチャ（Midjourney –tile）
①狙い：Webサイトの背景やバナーに敷き詰めても継ぎ目が見えない、柔らかい植物モチーフの反復パターンを作る。
seamless repeating pattern of small hand-drawn botanical leaves and dots, soft pastel sage green and cream palette, evenly spaced scattered layout, flat vector illustration style, subtle paper grain texture, top-down flat view --tile --ar 1:1③解説：公式ドキュメントによると--tileは画像の上下左右の端が隣り合わせたときにぴったり合うようにするパラメータで、生成されるのは1タイル分の画像である点に注意したい。「evenly spaced scattered layout」でモチーフの密度を均等にし、端で急に途切れる印象を防いでいる。また同ドキュメントはアップスケールするとシームレス性が崩れやすいと注記しており、書き出しはアップスケール前の生成画像をそのまま使うのが安全だ。「flat vector illustration style」を添えているのは、写実的な陰影が入るとタイルの継ぎ目が視認されやすくなるため、平面的な塗りに寄せる意図がある。
作例4：UIパーツの透過素材（Nano Banana Pro・2パス法）
①狙い：グラスモーフィズム風のカードUIパーツを、透過PNGとして書き出せる形で作る。
【1枚目・生成】a frosted glassmorphism UI card, rounded rectangle, soft translucent white blur, subtle inner highlight along the top edge, faint soft drop shadow, floating isolated object on a pure white background, studio product render, no text
【2枚目・編集指示】keep the glass card exactly the same in every detail, replace the pure white background with solid pure black, do not alter the card's edges, blur, or shadow③解説：Nano Banana Proはα(透過)チャンネルを直接出力できないため、白背景と黒背景の2枚を生成して差分から透過を復元する手法が使われている。ポイントは1枚目を素材として保存したうえで、2枚目は「exactly the same」「do not alter」と明示し、被写体側を一切変えずに背景色だけを置き換える編集プロンプトにすること。画像編集モデルは元画像を保持しようとする性質があるため、この指示で位置・輪郭が揃った白背景版・黒背景版のペアが得られ、後工程でアルファ値を計算できるようになる。Google公式のプロンプトガイドも、被写体・構図・スタイルを具体的に書き分けることを推奨している。
素材づくりでよく使う指定の一覧
| 指定・パラメータ | 対応ツール | 効果 | 記法例 |
|---|---|---|---|
| 透過背景の直接出力 | Ideogram Transparent | 切り抜き不要でPNG透過画像を生成 | no background / Transparent機能を選択 |
| 白黒2パスによる透過復元 | Nano Banana Pro | 編集で背景色のみ差し替え、差分からアルファを抽出 | pure white background → pure black background |
| シームレスタイル化 | Midjourney | 画像の上下左右の端を一致させ継ぎ目なく反復可能に | –tile |
| 装飾抑制（忠実モード） | Midjourney | 既定の絵画的装飾を抑え、指示通りの平面的な出力に | –style raw –s 50 |
| 不要要素の除外 | Midjourney | グラデーションや影など不要な要素を明示的に除去 | no gradients, no shading, no drop shadow |
| アスペクト比 | Midjourney / Ideogram 共通 | アイコンは正方形、バナーは横長など用途別に指定 | –ar 1:1 / Aspect Ratio設定 |
| レンダー速度・画質 | Ideogram | Turbo=速度優先、Quality=精細さ優先で使い分け | Render Speed: Turbo / Quality |
主な情報源
- Tile – Midjourney公式ドキュメント
- Midjourney Controls – Midjourney公式ドキュメント
- Ideogram Transparent機能ページ
- Render Speed – Ideogram公式ドキュメント
- Aspect Ratio and Dimensions – Ideogram公式ドキュメント
- Nano Banana Pro image generation in Gemini: Prompt tips – Google公式ブログ
- Generating transparent background images with Nano Banana Pro 2 – Julien De Luca
サンプルプロンプトは本メディアのオリジナル例です。各モデル・サービスは提供元の規約に従ってご利用ください。生成物の権利・商用条件は各規約をご確認ください。情報は公開時点のもの。収集・要約はAI、公開判断は人。