制作方法を選ぶ
違いを理解してからツールを選びます。
新しい図案を作る
新しい記号やアイコンなら文章からSVGを作る方法を選びます。写真の質感より形と関係を説明します。
既存画像をトレースする
元の輪郭を保つ必要がある場合はトレースを使います。似た絵が生成されても元画像のベクター化を証明しません。
ラスターのコピーも残す
PNGはプレビューやピクセル単位の納品に使えます。形の編集や拡大用にSVG原本は別に保管します。
作業の手順
最終用途を定義する
使う場所と最小表示サイズを記します。アイコンは大型イラストより細部を減らし、実寸と拡大の両方で確認します。
制約のある指示を書く
主題、構図、少数の色、線のスタイル、除外事項を記します。単純なマークでは文字を避け、正確な文字組みを後で追加します。
実際のSVG出力を選ぶ
AIベクター生成のページで指示を入力し、縦横比と解像度を選び、クレジットを確認して生成します。結果のSVGをダウンロードしてください。構想イラストは方向性を説明するためのもので、生成したファイルとは別です。
文書を点検する
Inkscapeなどで開き、形を選択して塗りや線を変更します。viewBoxとアートボードを確認します。image要素にはビットマップを入れられるため、拡張子だけでは判断できません。
確認して引き渡す
実寸で縁、細い隙間、線、綴りを確認します。必要なら単色も試し、SVG原本とPNGプレビューを分けます。印刷要件は納品先に確認します。
決めておく設定
用途に合わせて設定し、実ファイルを確認します。
点検用のファイル
小さなSVGでパスの選択と変更を練習できます。
構想例とファイル点検
イラストは方向性、SVGサンプルは構造確認に使います。
コーヒーマーク：指示を単純に
カップ、葉形の湯気、オレンジ、クリーム、紺。大きな形で文字なし。
画像は方向性を示します。対応するSVG生成後にカップと湯気を選べるか確認し、単色表示も試します。
文章を読み込む葉：実際のパスを点検
リンクのSVGを開き、パスを選んで線の色や太さを変えます。
Lucideによる形式の教材で、生成結果ではありません。ベクターパスを含みビットマップを含みません。ライセンス表記を保持してください。
問題の確認
再生成の前に現象とファイルを確認します。
SVGのよくある質問
拡張子.svgならベクターですか？
必ずしもそうではありません。SVGのimage要素にはラスター画像も入ります。名前ではなく中の形を確認してください。
PNGの名前を変えるとベクターになりますか？
なりません。改名ではパスはできません。元画像を保つ必要に応じてトレースか新しいSVG生成を選びます。
ベクターなのに小さくすると見づらいのはなぜ？
細い線や小さな隙間、複雑な形は消えて見えます。形を単純にして拡大表示だけでなく実寸で確認します。
LumiYingでベクター画像を作るには？
AIベクター生成ページに指示を入力し、縦横比と解像度を選んで料金を確認し、生成します。SVGを保存してエディターでパスを点検してください。リンクのSVGサンプルで確認手順を練習できます。