変換後のSVGファイルを編集する方法

トレースされたSVGは優れた出発点ですが、パスを整えたり、いくつかの図形を結合したり、色を調整したりしたくなることもよくあります。出力されるのは本物のベクターデータなので、どのベクターエディタでもこうした作業は簡単に行えます。

Adobe IllustratorでSVGを編集する

Inkscapeは無料のオープンソースベクターエディタで、SVGファイルをネイティブに開くことができます ― Illustratorの費用のかからない代替ツールとしておすすめです。
ノードツール(N)を使って、トレースされたパス上の個々のポイントを編集します。
「パス > 単純化」(Ctrl+L)で、ディテールが細かすぎるトレース結果のノード数を減らします。
必要に応じて「編集 > 検索/置換」やXMLエディタを使い、パスの構造を確認・整理します。

SVGを編集するのに有料ソフトは必要ですか?

いいえ。Inkscapeは無料のオープンソースソフトウェアでありながら、トレースされたSVGファイルの編集に十分な機能を備えています ― こうした整理作業の最初の選択肢としてよく使われています。

トレース後のSVGに、想定より多くのパスが含まれているのはなぜですか?

それぞれの色領域が個別のパスになるため、元画像が複雑であったり、色数の設定が多かったりすると、パスの数も増えます。これらはどのベクターエディタでも結合・単純化できます。

SVGを普通のテキストエディタで編集できますか?

はい ― SVGは内部的にはXMLテキストなので、どんなテキストエディタでも開いて、パスデータや属性を手作業で編集できます。ただし、ほとんどの変更にはビジュアルエディタを使う方がはるかに簡単です。

さっそくご自身の画像を変換してみませんか? try the free PNG to SVG converter.

編集を始める前に、まずきれいなロゴのトレースを作成しましょう。

編集を始める前に、トレースされたパスがなぜそのような形になるのかを理解しておきましょう。

Silhouette Studioに送る前に、トレースしたデザインを整えましょう。