Inkscape で「画像」や「グループ化したオブジェクト」を自由な形でトリミングする - 「クリップ」機能の利用

1. パスの「交差」ではトリミングできない

Inkscape を用いて、取り込んだ画像を指定した範囲でトリミングしたい。

例えば、ウェブサイトのデザインを Inkscape でするとき。サイト全体の背景画像として、テクスチャを使いたいとする。

• テクスチャ フリー - Google 検索

フリーテクスチャ素材館 にある モザイクタイル（白）のパターン を利用する。

ダウンロードした画像を Inkscape にドラッグ・アンド・ドロップ。

もし、Inkscape で描いたオブジェクトをトリミングしたいなら、「パスの交差」を利用する。手順は、

1. 切り取りたい範囲をパスで囲む。
2. オブジェクトとパスの双方を選択する。
3. メニューより、「パス > 交差」を選ぶ。

しかし、この方法を取り込んだ画像に適用することはできない。

 

2. 「クリップ」機能を利用する

トリムではなくクリップ

画像をトリミングしたい場合、Inkscape では「クリップ」機能を利用する。

Scratchpad clippingtutorial - Inkscape Wiki によると、

The clip function in inkscape allows an object or a group of objects to be clipped (cropped) so that only parts of the elements are visible. Clipping can be applied to any object (including groups, layers, bitmaps, etc.)

クリップすることにより、設定した範囲以外は見えなくなる。画像だけではなく、グループ化したオブジェクトも対象にできるところが「パスの交差」とは違う。

clipの意味 - 英和辞典 Weblio辞書 を調べると、

〈毛・小枝などを〉(はさみなどで)切る，刈る; 〈生け垣・庭木などを〉刈り込む; 〈羊の〉毛を刈る[刈り込む] 〈off，away〉.

動詞には「トリム」と同じような意味がある。

 

クリップ

最初に、画像を配置したい場所へ移動する。

次に、切り取りたい範囲を囲む。ここでは矩形を描くツールを利用し、赤い枠を描いた。

重要な点は、「切り取りたい範囲を描いたオブジェクト」の方が、画像よりも前面にあること。

「画像」と「矩形オブジェクト」を選択した後、メニューより、

• オブジェクト > クリップ > 設定

を選択する。これにより、画像がトリミングされる。

クリップした範囲は解除することにより、元に戻せる。メニューより、

• オブジェクト > クリップ > 解除

を選択することにより、クリップをする前の状態になる。

「鉛筆ツール」「ペンツール」を使えば、自由な形に画像を切り取ることができる。

 

関連記事

• Inkscape のマスク機能で半透明に画像を切り抜く

参考サイト

• Inkscapeで画像をトリミングする方法