アートボードを使用してIllustratorからSVGにエクスポートする方法


8

いくつかのアイコンをデザインしています。比率を正しく保つために、1つのアートボードですべてのグリフをデザインしました。

ここで、SVGアイコンを少し試したいので、これらのアイコンを別のSVGファイルにエクスポートします。これを行うにはどうすればよいですか?

各アイコンをアートボードで囲むと簡単にエクスポートできると思いました... エクスポートオプションには 'アートボード'オプションがありますが、実行可能なベクター形式は表示されません。Web用の保存はまた、アートボードオプションがありますが、再び、唯一のGIF、JPEGやPNGフォーマットを提供しています。[名前を付けて保存 ]オプションではSVGとして保存できますが、アイコンを別のファイルに保存する方法はありません。

また、150以上のアイコンがあるので、アートボードを使用できません(CS6では、アートボードは100に制限されています)。だからスライスを使ってみたのですが、そこからどこへ行くのですか?

ポインタはありますか?

回答:


11

Illustrator CC- Save AsダイアログにはUse Artboardsチェックボックスがあります。これをチェックすると、各アートボードが個別のSVGファイルとして保存されます(SVG形式を選択することを忘れないでください)。

使用可能なアートボードよりもアイコンが多い場合は、おそらく余った部分を新しいIllustratorドキュメントにコピーして貼り付けます。

出典:http : //creativedroplets.com/export-svg-for-the-web-with-illustrator-cc/


...そして、「名前を付けて保存」で「アートボードを使用する」オプションを見つけられなかったため、頭を痛めています。-_-ありがとうございました:)
kumarharsh 2014

これは私が自然に下った道でしたが、フォーマットオプションとしてSVGを見ていません。何か案は?
bernk

1
私は見るUse artboardsためにと選択AllまたはRangeの下部にあるsave-asダイアログボックスが、私が保存したときに...その後、空白です。:(
sheriffderek 2015

1
私もIllustrator CCでこの問題に直面しています。エクスポートされたSVGを確認しましたが、パスデータはなく、<svg>ルート要素fillととstroke色だけが表示されています。それだけです。いいえ<line><circle>またはそのようなもの。それはCS6で完全に機能していました
kumarharsh

:CC 2015年バグ修正リリースはこの問題を修正していることがあるhelpx.adobe.com/illustrator/kb/...
ヤバ


0

各SVGのエクスポートセクションを試すことができます


2
opは、エクスポート用のベクトル形式がないと述べました。プログラムのバージョンに名前を付けて、必要なオプションを示すスクリーンショットを追加できますか?
Mensch
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.