人とテクノロジーの、やさしい未来を考える🌎

→ このサイトについて

人とテクノロジーの、やさしい未来を考える🌎

→ このサイトについて

MENU
CLOSE
AIデザイン Edit : 2026.02.06 Update : 2026.02.06
【ChatGPT×ImageFX】アイキャッチのイラスト制作を迷わず進める5ステップ

【ChatGPT×ImageFX】アイキャッチのイラスト制作を迷わず進める5ステップ

ポイント💡最初に判断基準をつくる

アイキャッチのイラスト制作では、「何を作るか」以上に、統一感をどう作り、どう判断していくかが完成度を左右します。
今回は、ChatGPTとImageFXを使いながら、モチーフ決め→形→制作→トンマナ→反映を一気通貫で進めた事例を紹介します。 作業のポイントは「最初に判断基準をつくる」こと。これで迷いが一気に激減します。


イラスト制作を進める5ステップ

Step1: イラストのモチーフ決め(ChatGPT)

まず、言語から何を象徴させるかを言語で固めて、ブレない軸を作ります。 カテゴリ(今回の例:Safety / AI / Security など)を洗い出します。そして、ChatGPTに「各カテゴリの意味」「連想語」「避けたい印象」まで出させます。候補を広げすぎないために、各カテゴリ3案程度までに絞ります。


Step2: イラストの形決め(モチーフ並べたり切り貼りする)

次に、描き始めず、形の方向性(シルエット)を決めて手戻りを防ぎます。 既存イラストや参考モチーフを集めて、並べて比較し、切り貼りで、理想に近い輪郭や要素配置をラフ化します。 また、ここでイラストのルールを仮決めします👇

  • 角丸の強さ
  • 余白(詰める/抜け感)
  • 直線多め or 曲線多め
  • 俯瞰/正面などの視点

Step3: ChatGPTでプロンプトの原案を作る

Step2で決めた形をもとに、ChatGPTにImageFX用のプロンプトを作ってもらいます。 ChatGPTは、被写体、色味、テイスト、構図を自然に整理したプロンプトに変換してくれます。


プロンプト例

プロンプトの原案の参考事例をいくつかご紹介します。👇


プロンプト①

Create a flat vector illustration with the exact same composition and layout as the reference image. Do not change the placement, proportions, or arrangement of any elements.

he illustration shows:

  • -A computer monitor centered on a stand
  • -A raised fist icon displayed on the screen
  • -A padlock icon connected on the upper left
  • -A cube/block icon on the upper right
  • -A user profile icon on the lower right

All elements are connected with rounded lines forming a rectangular flow.

Style:

  • Clean, modern flat icon illustration
  • Thin outline strokes, slightly thinner than standard line icons
  • Smooth rounded corners, simple geometric shapes
  • No textures, no shadows, no realism

Colors:

  • All filled areas use ONLY orange-based tones or pure white
  • Allowed fills: soft pastel orange, pale peach, light amber, and white
  • Do NOT use any blue, green, gray, or other colors for filled areas
  • All outlines and strokes are neutral light-to-medium gray only

Background:

  • A very subtle circular radial gradient in light orange tones
  • The center of the gradient is gently saturated with a soft orange
  • Gradually fading outward into extremely pale orange or almost white
  • Very low contrast, soft, blurred, and airy
  • The background should be barely noticeable and never overpower the illustration

Overall:

  • Flat vector UI/UX illustration style
  • Light, calm, and minimal appearance
  • Plenty of white space
  • No text, no 3D effects
  • Exact same visual hierarchy and structure as the reference image

生成画像


プロンプト②

Create a flat vector illustration with the exact same composition and layout as the reference image.
Do not change the placement, size, or arrangement of any elements.

The illustration includes:

  • A shield with a lock icon positioned at the top center
  • Biometric icons such as face recognition and fingerprints arranged below
  • Small connected nodes and dotted circular connection lines around the main icon

Style:

  • Minimal, clean line-art illustration
  • Thin black or dark gray outline strokes
  • Rounded shapes, simple geometry, no textures, no shadows
  • Modern editorial and SaaS-style illustration

Colors:

  • Filled areas use very soft yellow-based tones only (pale yellow, light cream, soft warm ivory)
  • No blue or green colors
  • Line art remains monochrome

Background:

  • An extremely subtle, blurred circular radial gradient
  • The center of the circle is only slightly tinted with a very pale warm yellow
  • Gently fading outward into almost pure white
  • Very low contrast, soft diffusion, barely noticeable
  • No hard edges, no visible gradient boundaries

Overall:

  • Flat vector style with lots of white space
  • Calm, light, and airy appearance
  • No text, no realism, no 3D effects
  • Exact same visual hierarchy and structure as the reference image

生成画像


Step4: ImageFXで生成 → 良い1枚を選ぶ

プロンプトができたら、ImageFXで生成し、まずは「この路線でいけそう」という1枚を選びます。 気になる点をChatGPTにフィードバックします。


Step5: 最終調整は「人の目」で仕上げる

最後は、AIから一歩離れて確認。必要なら、Figmaや画像編集ツールで微調整(トリミング・色補正)をして完成です。
チェックするのはこのあたり👇

  • アイキャッチサイズに縮小しても伝わるか
  • サービスや人物の印象とズレていないか
  • 他のビジュアルと並べたときに浮かないか

生成したイラスト一覧


まとめ

ChatGPTは方向性の発散に強く、人間は“判断基準の編集”に強いです。

  • 考える・言語化する → ChatGPT
  • ビジュアルを出す → ImageFX
  • 最終判断 → 人

この分業で、迷いが減り、統一感のあるアイコン制作が速くなります。


KOHIMOTOでできること

KOHIMOTOでは、AIを使ったイラスト制作の進め方を理解し、単に画像を生成するだけでなく、「迷いを抑え、統一感のある成果物を効率よく作る設計」を得意としています。
興味がありましたら、お気軽にご相談ください。

編集者:Chiho Ishigaki

文化女子大学で服飾を学び企業デザイナーとして経験を積む中で、ツールを使った細かいをデザインする楽しみを知りWebデザイン業界に転身。2児の母。日々学びを忘れず、人としても良いアップデートをしていく事が目標です🌷

監修者:Yuka Fujimoto

Webディレクター。美大在学中に、画面ひとつで世界中の人と繋がれるWebの可能性やデザインへ興味を持つ。インターンを経て就職したIT企業で実務経験を積む。肉より魚派🐟