HTML + CSS + JavaScript — 完全ブラウザ動作
Inkscape にインスパイアされた、ブラウザだけで動く本格ベクターグラフィックツール。
インストール不要・無料・オープン。13種類のツールとSVG/PNGエクスポートを搭載し、プロクオリティのベクター作品を制作できます。
基本図形からフリーハンド、ベジェ曲線まで。あらゆる表現に対応するツールセットを搭載しています。
Inkscape から着想を得た多機能ドローエンジン。レイヤー管理から整列・分布まで、本格的なグラフィック制作に必要な機能を網羅。
複数レイヤーでオブジェクトを整理。表示/非表示の切り替えで作業効率を向上。レイヤーごとに色分け表示され、複雑な構成でも迷いません。ダブルクリックで名前を自由に変更可能。
グラデーションパレットと色相スライダーでフルカラー指定。透明度(アルファ値)も個別に設定可能。塗り・線それぞれ独立したカラー管理で、16進数HEX入力にも対応。
X/Y座標・幅・高さ・回転角度を数値で精密指定。8つのリサイズハンドルでインタラクティブに変形。矢印キーによる1px/10px単位の微調整も可能。
複数オブジェクトを6方向に整列(左・右・上・下・中央縦横)。さらに水平・垂直の等間隔分布で、デザインの整理整頓を自動化。プロのレイアウト作業に欠かせない機能。
オブジェクトの前後関係を最前面・最背面・一段移動で自在に操作。複雑なイラストでも直感的な奥行き管理が可能。メニューとツールバーの両方から実行できます。
すべての操作を最大50ステップまで記録。失敗を恐れずにアイデアを試せます。Ctrl+Z で元に戻し、Ctrl+Y でやり直し。非破壊的なワークフローを実現します。
20pxグリッドの表示でレイアウトの基準線を可視化。スナップONでオブジェクトがグリッドに自動吸着し、ピクセルパーフェクトな配置が可能。トグルで即座に切り替え。
線幅は0〜50pxまで自由設定。線種は実線・破線・点線・一点鎖線の4種類から選択。塗りと線のアルファ(透明度)をそれぞれ独立して制御できます。
VectorDraw Pro での典型的な制作フローを4ステップで紹介します。
ベクターとビットマップ、用途に応じて使い分けられる2つのエクスポート形式をサポートしています。
よく使う操作はすべてキーボードから実行可能。マウスとキーボードを組み合わせた高速ワークフローを実現します。