2013年1月30日水曜日

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

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

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

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

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

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

SnapCrab_NoName_2013-1-30_21-52-5_No-00

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

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

SnapCrab_NoName_2013-1-30_22-7-52_No-00

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

 

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辞書 を調べると、

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

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

 

クリップ

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

SnapCrab_NoName_2013-1-30_21-54-59_No-00

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

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

SnapCrab_NoName_2013-1-30_21-55-15_No-00

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

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

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

SnapCrab_NoName_2013-1-30_21-55-31_No-00

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

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

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

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

 

関連記事

参考サイト