ロゴ・アイコン・シームレス背景をAIで作る:実務の素材づくりプロンプト4作例

ロゴ・UI素材生成 のアイキャッチ

土曜は実務の素材づくり。ロゴ、アイコン、シームレスなテクスチャ、Webの背景画像を、AIで「使える形」に出すためのプロンプトを4つ作りました。キーワードは「納品物を先に書く」「余白と禁止事項を指定する」「繰り返しは確認する」の3点です。

画像・動画生成AIのイメージイラスト

素材づくりは、雰囲気重視のアート生成とは勝手が違います。必要なのは「あとで文字を載せられる余白」「継ぎ目のないタイル」「小さく表示しても潰れないアイコン」といった制作上の条件です。ここでは Ideogram 4.5、Midjourney、Nano Banana(Gemini の画像生成)を例に、素材の種類ごとに書き方を整理します。

作例1:文字入りロゴ(Ideogram)

① 狙い

架空のコーヒー焙煎所「Morning Kiln」の、ワードマーク中心のシンプルなロゴ案。文字が正しく綴られることが最優先です。

② プロンプト

A minimal wordmark logo for a small coffee roastery, with the exact text "MORNING KILN" in a spaced, condensed serif lettering. A small flat icon of a rising sun inside a kiln arch sits above the text. Two colors only: deep brown and warm cream. Flat vector style, centered on a plain off-white background, generous empty margin around the logo. No gradients, no shadows, no extra text.

③ 効いている要素

  • 文字は引用符で囲む:Ideogram 4.5 のガイドでは、正確に出したい文言を引用符に入れ、短く区切ることが勧められています(Runware Docs)。
  • 書体は名前ではなく見た目で指定:「spaced, condensed serif」のように形で伝えます(PixelDojo)。
  • 2色・フラット・無地背景:ロゴは後で単色化や拡大をするため、情報量を絞ります(これは筆者の制作上の経験則です)。

作例2:アイコンセット(Nano Banana)

① 狙い

アプリのオンボーディング画面に使う、親しみやすい3Dタッチのアイコン。Google の公式ドキュメントにも「背景は白、カラフルで触感のある3Dスタイル、文字なし」という趣旨のアイコン作例が載っています(Gemini API Docs)。以下はそれを参考に、自分で組み直した例です。

② プロンプト

A single app icon of a paper airplane made of soft matte clay, in a friendly tactile 3D style. Rounded edges, pastel mint and coral palette, soft studio lighting from the upper left, gentle contact shadow. Centered with 15 percent padding on all sides, pure white background. Square 1:1 composition. No text, no border.

③ 効いている要素

  • 1枚1アイコン:まず1つ作って気に入ったものを参照画像にし、同じスタイルで残りを作ると統一感が出ます。
  • padding の指定:切り抜きや角丸マスクをかけても欠けません。
  • pure white background:背景除去の手間が減ります。

作例3:シームレスなパターン・テクスチャ(Midjourney)

① 狙い

包装紙やサイトの背景に敷き詰められる、テラゾー柄のタイル。

② プロンプト

Terrazzo pattern, irregular stone chips in muted blush, sage, butter yellow and soft grey on a warm white base, flat top-down view, even density across the whole surface, no focal point, no shadows --tile --ar 1:1 --style raw

③ 効いている要素

  • –tile:公式ヘルプによると、繰り返し並べても継ぎ目が出ないタイルを1枚生成します。全体の確認は、midjourney.com で画像を開いてもう一度クリックするとプレビューできます(Midjourney Docs)。
  • 焦点を作らない:「no focal point」「even density」で、繰り返したときに同じ模様が目立つのを避けます。
  • アップスケールに注意:公式の注意書きによれば、タイルのアップスケールは継ぎ目を崩す場合があります。高解像度が必要なら、解説記事で紹介されている --hd を使う方法があります(Geeky Curiosity。ただし有料記事で、対応バージョンは変わりうるため最新のドキュメントをご確認ください)。
  • –ar 1:1 と –style raw:実務向けの解説では、正方形にすると上下左右の繰り返しが揃い、raw で奥行きのぼかしが抑えられるとされています(Printify。v6 時代の記事なので、現行版では結果を確かめてください)。

作例4:文字を載せる前提のWeb背景

① 狙い

トップページのヒーロー背景。左側にキャッチコピーを置くので、被写体は右に寄せます。Ideogram 4.5 のガイドにも、後から文字を重ねるなら余白の位置をプロンプトで指定するよう書かれています(Runware Docs)。

② プロンプト

A wide website hero background: a single ceramic coffee cup on a pale oak table by a window, seen from slightly above, placed in the right third of the frame. The left half is calm, empty, softly lit wall and tabletop, kept clear for headline text. Soft morning light, shallow depth of field, 85mm lens look, warm neutral palette. No text, no logo, no people.

③ 効いている要素

  • 配置を三分割で指定:「right third」「left half is empty」と書くと、モデルは余白を狙って作ります。
  • 低コントラストの背景:文字の可読性を保ちやすくなります。
  • サイズ指定:バナー用は横長の比率を選びます。Ideogram のガイドでは 3072×1024 などが例示されています(PixelDojo)。

素材別チェック表

素材 先に書くこと 入れる指定 入れない指定
ロゴ 正確な文言(引用符) 色数、フラット、無地背景、余白 グラデ、影、余計な文字
アイコン 被写体は1つ 質感、余白(padding)、1:1 文字、枠
パターン モチーフと配色 –tile、均一な密度、真上からの視点 主役、強い影
Web背景 被写体の位置 空ける領域、光、レンズ感 文字、ロゴ、人物

仕上げのコツ

  1. まず低品質・小サイズで構図と文字を確かめ、最後に高品質で出す(Runware のガイドでも「ドラフトは low、最終は high」が勧められています)。
  2. タイルは3×3に並べて継ぎ目を目で確認する(FrameSprite もこの確認を勧めています)。
  3. ロゴは商標や著作権の確認を別途行う。AI生成のロゴは、そのままでは権利面の確認が難しい場合があります。

主な情報源

サンプルプロンプトは本メディアのオリジナル例です。各モデル・サービスは提供元の規約に従ってご利用ください。生成物の権利・商用条件は各規約をご確認ください。情報は公開時点のもの。収集・要約はAI、公開判断は人。