ホームページ制作 名古屋

問い合わせ先


インクスケープで写真やオブジェクトを図形の形で切り抜く

 

写真を好きな形に切り抜いてみよう

インクスケープ(Inkscape)のクリップ機能やマスク機能を使うと、写真やオブジェクトを好きな図形の形に切り抜く(トリミング)ことができます。
写真の切り抜きは活躍頻度も高い便利な機能です。クリップとマスクは似ていますが若干使いどころがことなりますので、解説を参考にぜひ使いこなしてみてください。

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く01

今回はこのような写真とパスで描いた図形を用意します。

クリップで写真を切り抜く

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く02

キャンバスで写真と図形を重ねます。パス図形が上になるようにしてください。

 

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く03

「オブジェクト」-「クリップ」-「設定」をクリックします。

 

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く04

写真を図形のアウトラインに沿って切り抜くことができました。簡単ですね。

 

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く05

再度切り抜いた図形を選択し、「オブジェクト」-「クリップ」-「解除」をクリックすれば、切り抜いた写真がもとに戻ります。

目次にもどる

マスクを使った写真の切り抜き

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く06

写真の切り抜きはクリップの他に、「マスク」を使うことでも可能です。
今度は図形に色を塗った状態で、先ほどと同じように写真の上に重ねます。

 

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く07

「オブジェクト」-「マスク」-「設定」をクリックします。

 

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く12

クリップと同じように写真が切り抜かれました。
マスクでは上に重ねた図形の色情報が引き継がれています。また、クリップで切り抜いた場合は人型の図形だけが残りましたが、マスクの場合はもとの写真の大きさの上にシートを1枚かぶせたようになっています。
選択範囲を見てみると写真の大きさになっていますね。

 

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く08

つづいて図形の塗りをグラデーションにしてマスクをしてみます。

 

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く09

グラデーションの情報を引き継いでいるので、出来上がりもグラデーションになっていますね。

 

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く10

ぼかしで塗った場合ははどうでしょうか。

 

インクスケープ(Inkscape)で写真やオブジェクトを図形の形で切り抜く11

こちらもしっかりぼかしを引き継いでいますね。
写真をそのまま切り抜くときは「クリップ」、色効果をつけて切り抜いたり写真にグラデーション効果つけたいときは「マスク」と使い分けるとよさそうです。

目次にもどる

作成者:J-ACT Co.,Ltd.
http://j-act.jp/
Copyright(C) 2015
名古屋のホームページ制作・システム・デザイン会社J-ACT-ジェイアクト
All Rights Reserved.