ベクターエディタでペンツールを使う方法
更新日
ペンツールは、アンカーポイントを一つずつ配置してパスを描きます。クリックするとコーナーポイントが置かれ、クリックしてドラッグするとベジェハンドルが引き出され、なめらかな曲線になります。EditItAllのベクターエディタではIllustratorと同じ操作方法で、すべてブラウザ内で完結します。アップロードは不要で、読み込み後はオフラインでも動作します。
今すぐ実行——無料、ブラウザで
Open the vector editorペンツールの役割
ペンツールは、輪郭、ロゴ、アイコン、カスタム曲線など、正確なベクター図形を描くための機能です。フリーハンドの線ではなく、アンカーポイントを配置すると、エディタが直線または曲線のセグメントでそれらをつなぎます。結果はベクターなので、どんなサイズに拡大してもくっきりしたままです。
ベクターエディタを開き、ツールバーからペンを選ぶとパスの作成を開始できます。
コーナーポイント、曲線、ベジェハンドル
ほとんどの操作は次の二種類のクリックでカバーできます。
- クリックするとコーナーポイントが置かれ、直線セグメントで接続されます。
- クリックしてドラッグするとスムーズポイントが作成され、ドラッグすると両側の曲線の形を決める二つのベジェハンドルが引き出されます。
ハンドルを長くドラッグするほど、曲線は深くなります。あとからハンドルを調整して曲がり方を微調整でき、最初のポイントをクリックし直すとパスを閉じられます。手描きで形を作るよりブール演算のほうが簡単な場合は、ベクターエディタで図形を結合する方法を参照してください。
保存、書き出し、プライバシーの保護
パスが完成したら作業を続けられます。パスを追加したり、テキストやレイヤーを加えたりしてから、SVGとして保存するか、2倍解像度のPNGを書き出しましょう。エディタはすべて端末上で動作するため、描いた内容がアップロードされることはなく、ページを読み込んだ後はオフラインでも使い続けられます。ベクター作業が初めてなら、ブラウザでSVGファイルを編集する方法から始めてみてください。
よくある質問
コーナーポイントとスムーズポイントの違いは何ですか？+
コーナーポイントは角度をつけてセグメントをつなぎますが、スムーズポイントにはベジェハンドルがあり、なめらかな曲線がそのポイントを通り抜けます。クリックでコーナーポイントに、クリックしてドラッグでスムーズポイントになります。
ペンツールを使うのに何かインストールする必要はありますか？+
いいえ。ベクターエディタはすべてブラウザ内で動作し、アカウントもインストールも不要です。ページを読み込んだ後はオフラインでも動作します。
描いたあとでパスを編集できますか？+
はい。書き出す前であれば、いつでもアンカーポイントを移動したり、ベジェハンドルをドラッグしたり、ポイントを追加・削除したりして、パスの形を変えられます。
パスはどの形式で書き出せますか？+
作品はSVGとして保存するか、2倍解像度のPNGとして書き出せます。どちらも端末に直接ダウンロードされます。