Inkscapeで写真の切り抜き方や内側も切り抜く方法

Inkscapeで写真の切り抜き方や内側も切り抜く方法

WordPress等でブログ記事を作成する時には、初めに画像を挿入しますね。この方がインパクトのある書き出しになります。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

作り方は簡単です。フリー写真素材サイトで貰った写真を、Inkscape(インクスケープ) でトリミング(切り取り)して貼り合わせて作ります。

飼いヌコ
難しそうだな~。

今回は Inkscapeを使った画像の切り抜き方や内側を切り抜くコツ を紹介して行きたいと思います。

飼いヌコ
いつも内側は上手に切り抜けませんよ・・・。

ワタシも内側の切り抜きをマスターするのには苦労しました。しかし、コツさえつかんでしまえば意外に簡単です。

スポンサーリンク

Inkscapeを起動して画像を挿入する

今回はドーナツが描かれている画像から、ドーナツのみをトリミングしていきたいと思います。なお、使用する画像はフリーの素材サイトから貰ってきます。

arrowフリー素材、無料画像の検索サイトNo.1【タダピク】

icon-check-square-o Inkscapeの使い方は コチラ を参考にして下さい。

まず最初は、Inkscapeを起動してドーナツ画像を挿入しました。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
美味そうw

ペンツールを使い切り抜く範囲を囲む

次に、ドーナツの外側をペンツールでなぞっていきます。後で修正するので適当で良いです。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
子供のお絵かきみたいだな(笑)。

ドーナツの内側部分も同じようになぞっていきます。

Inkscapeで写真の切り抜き方や内側も切り抜く方法""

飼いヌコ
適当で良いのね。

ノードツールでパスを調整する

先程ペンツールでドーナツの内外をなぞりましたが、今度はノードツールに切り替えて、パスを微調整して行きます。この時、ズームツールで拡大すると作業がし易いです。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
ここは真剣勝負だな、なるべく丁寧にと。

フィルの単一色で色づけ

ドーナツの穴にフィルの単一色で色を付けます。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

外側にも色を付けます。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
うわ~、何だかドーナツの面影が無くなったw

ドーナツの内側の円内の切り抜き

「選択ツール」でドーナツの外と内を選択します。先に外側を選択して、Shiftを押しながら内側を選択します。これで内外の2つのオブジェクトが選択されました。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
なるほど、点線が2種類ありますね。

「パス」➝「差分」で切り抜き

①「パス」➝②「差分」と進みます。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

これでドーナツの中心の円内が切り抜かれました。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
ほう!やりますなw

ドーナツの外側の切り抜き

今度はドーナツ自身を切り抜いていきます。ドーナツが描かれている画像全体を選択し、Shiftを押しながらドーナツの外側を選択します。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
全体の画像とドーナツ自体を選択するのね。

続いて、①「オブジェクト」➝②「クリップ」➝③「設定」と進みます。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

すると、ドーナツの背景だけが削除されました。勿論、穴の中も切り抜かれました。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
お見事!ブラボー♪

切り抜く前の原型の画像では、ドーナツの中に他のオブジェクトを入れる事は不可能でしたが、切り抜き後は可能になりました。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
ドーナツの内側から覗く事が出来るのね(笑)。

オブジェクトの切り抜きが出来れば、色々な画像を作成する事が可能になります。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
(笑)。

切り抜いたオブジェクトに影を付ける場合

切り抜いたオブジェクトはそのまま使えますが、影を付けたい場合は、ドーナツの外側をペンツールでなぞった時に複製しておきます。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

コピーしたオブジェクトにフィルの単一色で色を付けて、ドーナツに重ね合わせて、「回り込み」をクリックします。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

ドーナツが手前に表示されて影が奥に回り込みました。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

後は「フィル/ストローク」の「ぼかし」で、ぼかし具合を調節していきます。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

影付きドーナツの完成です。

Inkscapeで写真の切り抜き方や内側も切り抜く方法

飼いヌコ
面白いですねw

まとめ

今回はInkscape(インクスケープ)を使い、写真を切り抜く方法を紹介しました。写真の外側を切り抜くのは簡単なのですが、内側を切り抜く場合は少しコツが必要です。

  • ペンツールを使い、オブジェクトの外側と内側をなぞる
  • ノードツールで綺麗にパスを調整する
  • オブジェクトにフィルの単一色で色を付ける
  • オブジェクトの外側と内側を選択、「パス」➝「差分」で内側を切り抜き
  • 画像全体とオブジェクトの外側を選択、「オブジェクト」➝「クリップ」➝「設定」でオブジェクト全体の切り抜き

慣れるまでは難しいと思いますが、慣れてしまえば簡単に行う事が出来ます。

Inkscape関連記事
スポンサーリンク

シェアする

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です