GIMP2とInkscape(インクスケープ)!無料イラストソフトで画像の編集

GIMP2とインクスケープ!無料イラストソフトで画像の編集をしよう

パス同士を重ねて図形の形で切り取ろう

重なったパス図形のいろいろな加工

2つのパス図形を重ねて、切り取りなどの加工をしていきます。
今回はサンプルとしてこのような2枚の図形を用意しました。

 

Inkscape(インクスケープ)で重なったパス図形の加工01

 

Inkscape(インクスケープ)で重なったパス図形の加工02

 

このように2つの図形を重ねた状態で、順に見ていきましょう。

 

Inkscape(インクスケープ)で重なったパス図形の加工03

 

インクスケープには、重ねる系の加工が8種類あります。統合~分解まで、目次にしてありますのでご活用ください。

 

 

統合

Inkscape(インクスケープ)で重なったパス図形の加工04

 

統合をすると、2枚の図形は完全に一体化し、スタイルは下にあった図形のスタイルを継承します。
グループ解除では分解できません。

 

目次にもどる

 

差分

Inkscape(インクスケープ)で重なったパス図形の加工05

 

差分を行うと、上に乗っていた図形の形で、下の図形を型抜きすることになります。
一見バラバラになりそうですが、これもグループ解除では分解できません。

 

目次にもどる

 

交差

Inkscape(インクスケープ)で重なったパス図形の加工06

 

交差を行うと、2つの図形が重なっている部分だけが残り、その他の部分はカットされる。
型をつくるのに便利そうな機能ですね。

 

目次にもどる

 

排他

Inkscape(インクスケープ)で重なったパス図形の加工07

 

排他はちょっと説明しずらいですが、手の先と足の先が下の図形の色になっていますね。
「2枚が重なっているところ」と「重なっていないところ」という2つの分類に分ける感じですね。
これもグループ解除では分解できません。

 

目次にもどる

 

分割

Inkscape(インクスケープ)で重なったパス図形の加工08

 

分割は差分に少し似ていますが、加工後の選択部分を見ると違いがわかります。

 

Inkscape(インクスケープ)で重なったパス図形の加工09

 

上に乗っていた画像のパス部分で完全に型抜きされて、切り離されたところは別の図形になりました。
クッキーみたいですね。

 

目次にもどる

 

パスをカット

Inkscape(インクスケープ)で重なったパス図形の加工10

 

パスをカットは一見わかりにくいでしょうか。上の図形が消え、下にあった星のパスが残り、ところどころちぎれています。

 

Inkscape(インクスケープ)で重なったパス図形の加工11

 

上にあった図形を元に戻すとわかりやすいです。
2つの図形のパスの「交点」の部分で切り離されたわけですね。

 

目次にもどる

 

結合(連結)と分解

 

Inkscape(インクスケープ)で重なったパス図形の加工12

 

結合(連結)は、その名の通り2つのパスが合体しています。

 

Inkscape(インクスケープ)で重なったパス図形の加工13

 

結合(連結)した図形を選択し「分解」すると、再びもとの2つの図形に戻ります。

 

Inkscape(インクスケープ)で重なったパス図形の加工14

 

重なりが逆になっていましたが、動かしてみるとちゃんと2つの図形に戻ったことがわかりますね。

 

目次にもどる

>>サーバー選びは目的に合ったものを<<

 

この記事に関連する記事一覧

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
サイト内検索
目次
Twitter