こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
今回は、「Adobe Illustrator」の代わりに
使える無料ツールを紹介しようと思います。
この記事の目次
無料でも優れたベクター画像
作成・編集ツールは意外に沢山ある。
Webデザインやグラフィックデザインを
制作する上でソフトは欠かせないもの。
本格的にデザインの制作を取り組んだり、
プロのデザイナーを目指しているなら
デザイン業界で良く使われている有料の
ソフトに目が行きがちだと思います。
デザイン業界で特に有名だから、
「Adobe Illustrator CC」
「CorelDRAW Graphics Suite」等を
購入するのは悪いことではないですが、、
実は、あまり知られてないだけであって、
有料のデザインソフトに匹敵するくらいの
無料のデザインツールも沢山存在します。
なので、この記事ではそういった無料で
優秀なベクター画像の作成ツールを
比較して特徴を一通りまとめました。
特に、ちょっとしたデザインをしたい人や
ソフトにそこまでお金をかけれない人等は
確認して欲しいものになっています。
ベクター画像
ベクター画像とは簡単に言えば、
拡大縮小や変形で荒くならない画像のこと。
描画のに、アンカーポイントと呼ばれる点と、
それらを繋いだ直線やカーブで構成される。
なお、Adobe CCが少し高いなと感じて
ベクター画像作成ツールを探していたなら、
次記事で安く購入する方法を紹介しています。
無料のベクター画像
(SVG) 作成・編集ツール
「無料ベクター画像作成・編集ツールの一覧」
| 系統 | ツール名 |
| フリーソフトの王道 | Inkscape (インクスケープ) |
| 有名なベクターツール | Vectr |
| Corel Vector (旧Gravit Designer) | |
| シンプルなベクターツール | Boxy SVG |
| Method Draw | |
| primalDraw | |
| オープンソースなベクターツール | SVG-edit |
| 13〜14年頃人気があった ベクターツール |
Janvas |
| SVG-editと同じように昔の デザインのようなベクターツール |
DRAW SVG |
| 数学的な少し高度な ベクターツール。 |
LaTeXDraw |
| その他 | rollApp |
以下では、それぞれ詳しく紹介しています。
Inkscape (インクスケープ)
Inkscapeはオープンソースで開発された
ベクトル画像編集ソフト (エディター)。
ベクターアプリ版GIMPとも呼ばれていて、
無料でありながら多数の機能が整っている。
(有料として販売していてもおかしくない。)
Adobe Illustratorのワークフローに
一番似ていて慣れれば代用として使えます。
| ツール名 | Inkscape (インクスケープ) |
| 開発元 | The Inkscape Team |
| 利用環境 | macOS・Windows・Linux |
| 価格 | 無料 |
| 入手方法 | 公式サイトよりダウンロード (macの場合は「XQuartz」というシステムの ダウンロードが必要) |
| チュートリアル (基本操作) |
・公式サイトに初心者から上級者まで 幅広いコンテンツが準備されている。 ・YouTubeでは「Logos by Nick」の チャンネルでInkscapeを見て学べる。 |
| 特徴 | ・多機能でありIllustratorに匹敵する互換性 ・複雑な手描きのベクター画像の制作が可能 ・ペンタブも快適に使える。 ・拡張機能も豊富 ・2003年にリリース、90の言語に対応。 ・ビットマップトレース機能もあるが、 Illustratorまでは高度でない。 ・SVG、JPG、PNG、PostScript等の 一般的なファイル形式をサポート。 |
| その他 | ・たまにサイズが大きいファイルだと、 パフォーマンスエラーになるので注意。 |
Inkscape (インクスケープ)
因みにInkscapeが学べる本は、
次の記事にまとめています。
Vectr
Vectrは、ベクター形式でデザインや
イラストが作成・編集できる無料のツール。
定期的なアップロードも多く、
どんどん良くなっている注目を置かれる
無料のベックターツールの1つです。
インターフェイスもシンプルで、
初心者ユーザーからベテランユーザーまで
どんな人でも使い勝手が良いと思います。
| ツール名 | Vectr |
| 開発元 | Vectr Labs Inc. |
| 利用環境 | macOS・Windows・Linux・Chrome |
| 価格 | 無料 |
| 入手方法 | 公式サイトよりダウンロード (使用にはアカウント登録が必要。) |
| チュートリアル (基本操作) |
・公式サイトに初心者から上級者まで 幅広いコンテンツが準備されている。 |
| 特徴 | ・基本的な機能を全てカバー ・チュートリアルを見なくても 数分で直感的に使える機能設計。 ・ダウンロード版以外にオンライン版もあり ネットの環境があればどこでも操作が可能。 ・作成画像を直接リンク、埋め込みなど SVGのホスティングサービスとして使える。 ・プロジェクトの共有、管理がしやすい。 (Google Docに似たワークフロー) ・WordPresに導入が可能。 ・Ai、ESP、SVG、PNG、JPGなどの形式で インポートが可能になっている。 |
| その他 | ・SVGファイルを他から取り組む際に たまに上手くいかないことがある。 |
「WordPressで使われている動画」
Corel Vector
(旧Gravit Designer)
Corel Vector (旧Gravit Designer) は、
ベクター画像編集・作成ツールです。
長い間、「Gravit Designer」という名称で
愛されてきたツール。
ですが、2022年8月、名称変更と合わせて
無料版アカウントの新規発行が廃止されたため
無料で使えるのは「Gravit Designer」の
無料版アカウントを持っている人だけです。
残念ながら、Corel Vectorの無料版はないので
どうしてもこのツールがよい人は有料に。
機能は、InkscapeとVectrの間ぐらいで
Vectrと同じく直感的に利用できます。
| ツール名 | Corel Vector (旧Gravit Designer) |
| 開発元 | Gravit社 |
| 利用環境 | macOS・Windows・Linux・Chrome OS |
| 価格 | ￥7,700/年 (「Gravit Designer」アカウントを 持ている人は無料で以前のが使える。) |
| 入手方法 | 公式サイトから購入 |
| チュートリアル (基本操作) |
公式YouTubeチャンネルで基本操作から、 難しいデザイン制作方法等を閲覧できる。 |
| 特徴 | ・直感的なUIデザインとワークフロー (Photoshop＋Power Pointのような画面) ・ベクター画像制作で必要な機能は しっかり問題なく用意されている。 ・ツール内には、イラストやアイコン、図形 絵文字等のベクター素材セットが豊富。 (それを用いたデザインは、商用利用も可能) ・プロジェクトを違うプラットフォームから 取り込んで編集ができる。 ・JPEG、PDF、SVG、EPS、Sketch等の 形式のエクスポート・インポートに対応。 ・利用開始15日間はPRO版が使える。 |
| その他 | ・Inkscapeのように高度なソフトではない。 |
Corel Vector (旧Gravit Designer)
Gravit Designerのアカウントを持っている方は
こちらからどうぞ。
Boxy SVG
Boxy SVGはChromeアプリとして出ている
シンプルな無料のベクター画像制作ツール。
| ツール名 | Boxy SVG |
| 開発元 | Jaroslaw Foksa |
| 利用環境 | macOS・Windows・Chrome OS |
| 価格 | 15日間の無料トライアル、 その後は年間￥1,472 |
| 入手方法 | 公式サイトより利用 |
| チュートリアル (基本操作) |
|
| 特徴 | ・ベクトル作成ツールが一式搭載。 ・適切で効率的で、分かりやすいSVG設計。 ・UIオプションを制限しSVGの特長が体験可 ・コードインスペクターあり。 |
| その他 |
Boxy SVG
Method Draw
Method Drawは、とてもシンプルで
動作も快適なベクター画像制作ツール。
| ツール名 | Method Draw |
| 開発元 | Mark MacKay |
| 利用環境 | Web |
| 価格 | 無料 |
| 入手方法 | 公式サイトより利用 |
| チュートリアル (基本操作) |
|
| 特徴 | ・高機能ではないが動作も軽く 基本機能もしっかり整っている。 |
| その他 | ・SVGファイルの読み込みの際に 編集できないパスが発生する時がある。 |
Method Draw
primalDraw
primalDrawはベクター画像を作成可能な
無料のWebツールの１つになります。
| ツール名 | primalDraw |
| 開発元 | Armen Ovakimyan |
| 利用環境 | Web |
| 価格 | 無料 |
| 入手方法 | 公式サイトより利用 |
| チュートリアル (基本操作) |
|
| 特徴 | ・ブラウザ上でシンプルなベクター画像を 作成できる一般的な機能がある。 ・分かりやすいUIデザイン設計。 |
| 補足 | ・SVG、JPEG、PNG等による書き出し可能。 |
primalDraw
SVG-edit
SVG-editは、Webベースで
オープンソースのベクターツール。
ベクター画像制作の標準的機能が整った
だいぶシンプルなインターフェイスです。
(2000年頃のペイントソフトを思い出しそう。)
| ツール名 | SVG-edit |
| 開発元 | SVG-edit Team |
| 利用環境 | Web |
| 価格 | 無料 |
| 入手方法 | 公式サイトより利用 |
| チュートリアル (基本操作) |
「Github」 |
| 特徴 | ・JavaScriptで開発したSVG編集用エディタ ・オープンソース型プログラムをサイトに 埋め込み・自由に作成と編集ができる。 ・サーバーでの機能はなくブラウザで機能。 ・他ツールより機能は少なめ。 ・ノードの管理はそこまで完璧でない。 ・Githubポジトリでソースコード変更可能。 ・SVG、WMP、JPG、BMP、GIF、TIFF等の 一般的なファイル形式にエクスポート可能。 |
| その他 |
SVG-edit
Janvas
Janvasは、2013年〜2014年頃に
かなり人気があったベクターツール。
| ツール名 | Janvas |
| 開発元 | Canvas.com |
| 利用環境 | Web |
| 価格 | 無料 |
| 入手方法 | 公式サイトより利用 |
| チュートリアル (基本操作) |
|
| 特徴 | ・テキスト、シェイプ、レイヤー、 描画ツール、バス、マスク等の機能があり。 |
| その他 | ・ファイル保存の時、ブラウザで ログインして接続の許可が必要。 |
Janvas
DRAW SVG
DRAW SVGは、多くの機能を搭載した
スタンダードなSVGエディターソフト。
| ツール名 | DRAW SVG |
| 開発元 | DRAW SVG |
| 利用環境 | Web |
| 価格 | 無料 |
| 入手方法 | 公式サイトより利用 |
| チュートリアル (基本操作) |
|
| 特徴 | ・オブジェクトの描画、レンダリング、修正 基本的なシェイプ、ベジェ曲線などが可能。 ・メニューが左側にあり、クリックし開く タイプのサブメニューがある。 |
| その他 | ・SVGからPNGにエクスポートができる。 |
DRAW SVG
LaTeXDraw
LaTeXDrawは、LaTeX用のグラフィカルな
オープンソースのPSTricksコードジェネレータ、
またはPSTricksエディターになります。
| ツール名 | LaTeXDraw |
| 開発元 | IntelliJ Idea |
| 利用環境 | macOS・Windows・Linux |
| 価格 | 無料 |
| 入手方法 | 公式サイトよりダウンロード |
| チュートリアル (基本操作) |
|
| 特徴 | ・数学や物理の教科書等で見るような 図形やグラフ、イラストを作るときに 利用されている少し高度なソフト。 |
| その他 | ・Javaで開発され、OSから独立している。 |
LaTeXDraw
rollApp
rollAppはInkscape等の色んなデスクトップ
アプリケーションを任意のデバイス上で、
Webアプリで動作チェックできるツール。
(ツール自体はベクター描画ソフトではない。)
つまり、単一のアプリで使うものでなく、
アプリのパッケージにあたるもので
Web版SVGエディターはそのうちの1つ。
| ツール名 | rollApp |
| 開発元 | rollApp Inc. |
| 利用環境 | Web |
| 価格 | 無料 |
| 入手方法 | 公式サイトよりダウンロード |
| チュートリアル (基本操作) |
|
| 特徴 | ・rollAppでのInkscapeは便利。 (Inkscapeのブラウザーベイスのバージョン) ・サーバーでアクションを行なっているで、 大きくて複雑なファイルの編集は不向き。 |
| その他 | ・使用にはアカウントの登録が必要。 |
rollApp
まとめ
以上がAdobe Illustratorの代用にも使える
ベクター画像作成・編集ツールの紹介でした。
11つもあると迷うかもしれませんが、
特に以下4つは使っている人も多いので
抑えてきたい無料のツールですね。
- Inkscape (インクスケープ)
Illustratorに変わるフリーソフトと聞けば
大体一番に挙がってくる有名なソフト。 -
Vectr
基本的なベクター画像作成機能を全てカバー。
初心者からプロまで直感的に使えるツール。 - Corel Vector (旧Gravit Designer)
InkscapeとVectrに並ぶレベルのツール。
ただし、無料で使えるのは以前から
Gravit Designerのアカウントを持っている人
-
Boxy SVG
シンプルでわかりやすいツールの１つ。
個人的にスムーズに編集・制作等できる。
※ 「Inkscape」以外はオンライン上の
サービもあるのでダウンロードの手間がいらず、
パソコン環境があればどこでも使えるので便利。
ブラウザ上で作成ツールできるものも
最近はかなり多いくなってきました。
今使っているIllustratorなどが使えない時、
または有料ソフトまではいらないけれども
デザインやイラスト制作などをしたい人は
一度、使って見ると良いと思います。
なお、デザインツールを探している人は、
以下の記事でも、他のデザイン系ソフトや
お絵描きソフト・アプリをまとめてるので、
是非、参考にしてみて下さいね。
