1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

慣れると便利なAffinityのレイヤー操作(マスクとクリッピング)

Posted at

ドラッグの位置で効果が変わる

Affinityではレイヤーパネルのレイヤーをドラッグアンドドロップすることで簡単にマスク効果などを得ることができる。
ただし、少しクセがあるので、要点を解説する。

下準備として、重なりあった円と長方形を用意した。
af_mask_clip1.png

サムネールにドラッグするとマスク

1つ目はマスク。

自身の存在は見えなくなり、もう一方のオブジェクトは自身の形で切り抜かれるような効果(他社アプリだとクリッピングマスクと呼ばれることがある)。

これはサムネールをサムネールにドラッグアンドドロップすることで得られる。

上のサムネールを下のサムネールにドラッグアンドドロップすると…
af_mask_clip2.png
af_mask_clip3.png
このように、下の図形が上の図形の形状で切り抜かれる。

下のサムネールを上のサムネールにドラッグアンドドロップしても同様。
af_mask_clip4.png

例えば、写真の上に切り抜きたい形で図形を置き、上のサムネールを下のサムネールにドラッグアンドドロップすると、このように切り抜きができる。
af_mask_clip5.png
af_mask_clip6.png

注意:切り抜きたい図形は塗りつぶしておくこと。線のみで塗りつぶしがないと、線の部分だけ切り抜かれてしまう。
af_mask_clip9.png
af_mask_clip10.png

Affinityのヘルプ項目はベクターマスク。

レイヤー名にドラッグするとクリッピング

もう1つはクリッピングと呼ばれる効果(Affinityでの名称)。

両者の存在が残ったままで、相手の領域内のみ自分のオブジェクトが切り取られて入り込むような効果。

これはサムネールをレイヤー名の部分にドラッグアンドドロップすることで得られる。
af_mask_clip7.png
af_mask_clip8.png

Affinityのヘルプ項目はレイヤークリッピング。

それぞれの解除のしかた

最後はそれぞれの解除のしかた。

まずはマスクから。
マスクはレイヤーパネルから見えなくなっていることがあるが、サムネール左側の>で開くことができる。
af_mask_clip11.png
af_mask_clip12.png
あとは、クリッピングマスクのサムネールをレイヤーとレイヤーの境へドラッグする。
青い横線になったらマウスのボタンを離すと、その位置に図形として戻る。
af_mask_clip13.png

クリッピングも同様である。
もしクリッピングの図形が見えなければ、マスクの時と同様に>で開いておく。
クリッピング図形のサムネールをレイヤーとレイヤーの境へドラッグする。
青い横線になったらマウスのボタンを離すと、その位置に図形として戻る。
af_mask_clip14.png

以上、マスクとクリッピングについて説明した。
まずは簡単な図形を使って動作を確認してみてほしい。

期待しない動作となった場合でも、取り消し(Ctrl+Z)で元に戻せるほか、履歴パネルで操作を遡って元に戻すことも可能だ。
af_mask_clip15.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?