SVGをオンラインでトリミング

クリップか削除か：SVGをトリミングする2つの方法

Rayziaのキャンバスは1枚の無限キャンバスで、アートボードはその一部をページとして区切る長方形です。アートボードはコンテナではなくトリミング枠なので、内側のオブジェクトを所有することはありません。だからこそ本当の意味で非破壊のトリミングになります。残したい領域にボードを描いて書き出すと、出力の viewBox がそのボードの長方形に設定されます。ボードの外にあるものは削除されるのではなく描画時にクリップされるだけなので、後で気が変わっても全アートワークはドキュメントに残っています。

もう1つの方法は、不要なものを取り除くことです。選択して Delete を押します。図形がトリミング領域に半分かかっている場合は、先にナイフかはさみで切ってから切れ端を削除します。「パス」▸「パスファインダー」の下にはトリミングコマンドもあります。誤って削除しても致命的ではありません。どの操作も取り消し1回で戻せます。

SVGをオンラインでトリミングする5つの手順

1. エディタを開く。 rayzia.com にアクセスし、次の場所でエディタを開きます： /vector/。ダウンロード不要、開始にアカウントも要りません。Windows、Mac、Linux、ChromeOS、タブレットのどのブラウザでも動作します。
2. SVGをドラッグで読み込む。 ファイルをキャンバスにドロップするか、「ファイル」→「開く」を使います。RayziaはネイティブSVGとして読み込むため、すべての図形・パス・文字はロックされた画像ではなく、それぞれ編集可能なオブジェクトとして取り込まれます。
3. 残すものを決める。 何も失わないトリミングにするなら、アートワークには手を付けず、次のステップでアートボードにクリップさせます。恒久的なトリミングにするなら、不要な部分を選択して（Shift+クリックで追加・解除） Deleteを押します。図形がトリミング線をまたぐ場合は、ナイフでフリーハンドのドラッグに沿って分割すれば両側が残るので、片方だけを削除できます。
4. アートボードをトリミング領域に合わせる。 Press Shift+O を押してアートボードツールに切り替え、残したい範囲にボードをドラッグで描くか、オプションバーからA4、Letter、IG Post、Full HDなどのプリセットを選びます。オブジェクトにぴったり合わせるには、選択して「選択範囲をアートボードに変換」を使うと、バウンディングボックスに合わせたボードが作られます。角や辺のハンドルをドラッグして微調整できます。
5. トリミングしたファイルを書き出す。 「ファイル」▸「書き出し」でSVG、PNG、JPGが選べ、SVGとPNGは無料です。書き出し時に出力の viewBox がボードの長方形に設定されるため、隠れた部分を削除することなくファイルはぴったりトリミングされます。PNGは透過を保持します。

必要な部分だけを切り出す

目的が長方形のトリミングではなく、大きなイラストから1つのパーツを取り出すことである場合もあります。Rayziaのカットツールはまさにそのためのものです。

ナイフはフリーハンドのドラッグに沿って切ります。線が横切ったすべての図形が別々のピースに分割され、両側とも残り、切り口の幅はゼロです。はさみはクリックした正確な位置でパスを切り開き、何も削除されません。長方形や楕円をクリックすると先にパスジオメトリへ変換されます。消しゴム（Shift+E）は初期設定でオブジェクトからの切り抜きになりますが、選択中のものだけでなく触れたすべてのオブジェクトに作用する設定で出荷されている点に注意してください。

パーツを分離できたら、残りを選択して Delete を押します。 Alt+クリックは背面に重なったオブジェクトを選択し、クリックするたびに1段深く進むので、レイヤーの多いアートワークで役立ちます。あとは残ったものにアートボードを合わせて書き出すだけです。

SVGのトリミング：よくある質問