ベクターとSVG

SVGやベクター画像を開いて編集・書き出し。ペンツール、ブール演算、きれいな書き出しまで、インストール不要。

ロゴ、アイコン、図解、カッティング用データなど、どんなサイズに拡大縮小しても輪郭がくっきり保たれる必要がある画像には、ベクター形式が最適です。ベクターはピクセルの格子ではなく形状とパスの集合なので、favicon程度の小さなサイズから看板サイズまで、劣化なく拡大できます。ただし、ベクターをきちんと編集するには本格的なベクターエディターが必要で、たいていは有料のデスクトップアプリしか選択肢がありません。

このクラスターのガイドが使用するのは EditItAll ベクターエディター、ブラウザのタブで動く、無料でIllustratorライクなエディターです。フルベジェハンドル対応のペンツール、シェイプツールと文字ツール、厳密な演算による幾何エンジンで処理されるPathfinder風のブール演算(Unite、Minus Front、Intersect、Exclude)、レイヤー、スマートガイドを備え、デザイナーが期待する操作感やショートカットをそのままブラウザだけで実現します。ドキュメントはお使いのブラウザのストレージに自動保存され、サーバーに送られることはありません。

ファイル形式については、SVG の読み込みと保存に対応しています。SVGは最新のブラウザやデザインツールならどれでも読み込める、オープンでウェブネイティブなベクター形式です。ラスター画像が必要な場面向けにはPNGの書き出しにも対応しています。Adobe独自の.ai形式の読み込みには対応していないため、その場合の現実的な方法は、.aiを作成した元のソフトからSVGを書き出し、そのSVGを開くことです。アイコンを整理する場合も、シンプルなロゴを作る場合も、あるいは作品をくっきりした PNG に変換する場合も、各ガイドが手順をひとつずつ案内します。

このトピックのガイド

← すべてのトピックを見る