ベクターエディター: 無料オンラインベクターグラフィックスエディタ | Morph

ベクターエディターはブラウザネイティブなベクターグラフィックスエディタです：完全なベジェコントロールを備えたペンツール、パスとして編集可能な形状プリミティブ、ブール演算、幅ツール、テキスト、およびキャンペーン全体を1つのファイルで管理できるマルチアートボードドキュメントです。.aiファイルを開いてプレビューし、SVG、マルチページPDF、PNG、JPEGを書き出せます。すべてブラウザ上で動作するため、ロゴやブランドキットはサーバーに保存されません。

ツールキット

選択と直接選択 — 全体のパスを移動するか、個々のアンカーとハンドルを選択します。
ペン — クリックでアンカーを追加、ドラッグでハンドルを設定、最初のアンカーをクリックして閉じて塗りつぶします。
形状 — 矩形、楕円、多角形、星形で、後からパスとして編集可能です。
ブラシ、幅ツール、消しゴム、テキスト、ハサミ — プロフェッショナルなセットで、同じシングルキーショートカット（V、A、P、M、T、Z、H）を使用します。
形状ビルダー、マジック wand、変形 — ブール演算、属性による選択、透視図法、自由変形。

アートボード

アートボードツールをドラッグしてキャンバスを追加：ソーシャル投稿の3つのサイズ、ビジネスカードの表裏、ポスターとそのウェブバナー。各アートボードを個別に書き出したり、マルチページPDFとしてすべて書き出せます。

.ai互換性

.aiファイルをドロップすると、保存された通りにパスがレンダリングされます。現在は読み取り専用プレビューですが、次バージョンではネイティブな.ai保存と双方向編集が計画されています。SVGエクスポートはロスレスでウェブネイティブなので、ここで作成した作品はどこでも開けます。

paper.jsに基づく

レンダリングとジオメトリは、HTMLキャンバス上で動作するオープンソースのベクターライブラリpaper.jsから提供されます。すべてのパス、アンカー、エクスポートはあなたのマシン上で計算されます。

使い方

ベクターエディターを開く — morph.cool/vector-editor へアクセス。アカウントなしでブラウザにロードされます。
アートボードを設定 — サイズを選択するか、アートボードツールをドラッグして、同じデザインの他のフォーマット用のキャンバスを追加します。
描画 — Pキーでペンツールを起動：クリックでアンカーを追加、ドラッグでハンドルを設定、最初のアンカーをクリックしてパスを閉じます。M、Lと多角形・星形ツールでプリミティブを描画し、パスとして編集可能です。
結合と修正 — 形状ビルダーでブール結合や減算、幅ツールで筆記体のストローク、Tキーでテキストを設定します。
書き出し — SVGをウェブ用、PDFを印刷用（各アートボードを1ページ）、PNG/JPEGをラスタ用に書き出します。ファイルはブラウザからデバイスのディスクに書き出されます。

よくある質問

ベクターエディターは無料ですか？

はい。アカウントなしで開き、デザインできます。Morph Proはすべてのプロプログラムの無制限版を追加します。

.aiファイルを開けますか？

はい。.aiファイルは忠実な読み取り専用プレビューとして開きます。.aiへの保存と完全編集は計画中ですが、SVGエクスポートは現在利用可能でロスレスです。

デザインはアップロードされますか？

いいえ。描画、ジオメトリ、エクスポートはすべてデバイス上でブラウザで実行されます。デザインはサーバーに触れないままです。

マルチアートボードをサポートしていますか？

はい。文書が必要とする数だけアートボードを追加し、個別またはマルチページPDFとして書き出せます。

どのフォーマットを書き出せますか？

SVG、PDF（マルチアートボード）、PNG、JPEG。