Illustro
Illustro
使い方

SVGファイルの作り方:あとから色を変えられるプロンプトのコツ

Irene Lidia Wang

2026年11月9日・2分で読めます

自転車のフラットイラスト
イラストはIllustroで作成

SVGファイルの作り方はいろいろありますが、プロンプトから作るならAIのSVG作成ツールが便利です。得意なのは、SVGのアイコンやシンプルなシーン、UIに置くイラストのように、最後までグラフィックとして使うもの。写真のようにリアルな人物には向きません。画像生成AIの多くはピクセルで出力しますが、プロンプトから作るベクター画像なら、形の色を変えても、印刷用に拡大しても、輪郭はくっきりしたままです。

カメラの設定ではなく、形を書く

「小鳥のフラットなベクターイラスト、横向き、黄色い翼、チャコールグレーの体、クリーム色の背景」のほうが、「シネマティック、8K、羽根の一本一本まで細かく」よりずっとうまくいきます。

何枚か生成して、輪郭がいちばんきれいなものを選ぶ

ほしいのは、あとで色を塗り替えられるパスです。見た目はきれいでも輪郭のぼやけたPNGは、このツールで目指す仕上がりではありません。

次こそはと生成し直すより、編集で直す

パスがおかしいときは、SVG編集ツールで開いて直します。配色だけが違うならSVG色変更ツールへ。絵は合っているのにブランドの黄色だけが違う、というときは、手持ちのSVGを塗り替えるほうが生成し直すより早く済みます。

PNGやJPGの画像をお持ちですか?イラストをSVGに変換するツールなら、手描きの絵や塗りのあるイラストをなぞって、編集できるSVGに変換できます。

AIでSVGイラストを作成

拡大しても劣化しない、編集できるベクターイラストを1〜2分で。短い文章から、仕事に使えるSVGを作れます。

無料で試す

カード登録不要

キリンのフラットイラスト

編集できるSVG画像をプロンプトから:PNGで終わらせない

プロンプトから、編集も拡大も自由なベクター画像を。Figmaに置く、Webで使う、印刷に回す。手を加えられない1枚きりのPNGとは、ここが違います。

Irene Lidia Wang

2026年11月9日

アコースティックギターのフラットイラスト

SVGファイルの編集方法:色の修正から形の調整まで

手持ちのベクターファイルをアップロードしましょう。絵はそのままでブランドの色だけが違うなら、塗りを差し替えるだけ。パスまで直したいときは、エディターを開きます。

Luca Mussari

2026年11月9日

踏み台に乗って、吊るした鉢植えに水をやる人物。目鼻のないシンプルな顔、テラコッタ色のセーターにネイビーのパンツ、クリーム色の背景

ベクターとラスターの違い:イラストに向いている形式は?

空状態の画面に置いたPNGは、等倍ならきれいに見えました。2倍にしたとたん輪郭はぼやけ、マスタードイエローをネイビーに変えることもできませんでした。

Irene Lidia Wang

2026年11月9日