2026-02-14

クリッピングについて/Affinity3




イラレでは右クリックやCtrl+7のショートカットキーなどで設定する「クリッピングマスク」ですが、Affinityではレイヤーパネルのドラッグ&ドロップで設定します。
ちょっといろいろややこしいので、丁寧に解説します。

クリッピングについて



ひとつのオブジェクトを、他のオブジェクトで切り抜くことを「クリッピング」と言います。

Twitchとかでも動画を短く切り抜いたのを「クリップ」と言いますよね?
あれにingをつけて、「クリッピング」です。切り抜きing。

Affinityではレイヤーパネルのドラッグ&ドロップでクリッピングを設定します。

が、ちょっとややこしいことに、その「ドロップする先」でクリッピングの結果が変わってきます。



「される」というか、ドロップ先の図形の「内側に配置」された状態です。

内側に配置したいレイヤーが上にある状態で、内側に配置したいレイヤーのみを選択して、「レイヤー」-「重ね順」-「移動」-「内側」(Alt+Ctrl+G)をしても同じ結果になります。



(ちなみに、「外側」は、「内側」で設定したクリッピングを解除する機能のハズですが、動作せず……バグかな?)

「レイヤー」-「クリッピングマスクを作成」(Shift+C)で、左側のクリッピングマスク「する」方ができます。
選択したレイヤーの下にあるレイヤーをクリッピングするので、順番には気をつけて下さい。
(イラレ使いだとレイヤーを2つ選択したくなりますが、上の1つのみ選択です)



それぞれ、クリッピング後のレイヤー表示はこんな感じになります。



クリッピング「する」方は、「クリッピングマスク」とレイヤー名が変わります。
クリッピングマスク「される(内側に配置)」方は、そのままのレイヤー名です。

レイヤーをドロップする前に、上にホバーした状態(離さず乗せた状態)でしばらく待つと結果がプレビューされるので、それを見てサムネイルの上にドロップするのか、レイヤー名の上にドロップするか、判断してください。

イラレ使いの方は、サムネイルの上にドラッグ&ドロップすれば、同じように使えます。

また、クリッピングする際は「オブジェクトの塗り」に色が指定されていないとクリッピングすることができません。
イラレではパスでクリッピングしますが、Affinityでは不透明度を基準にクリッピングします。



逆に、線に色を付けると、イラレではできないこんなクリッピングも可能。



パスブラシをかけた、らせんでクリッピングすれば、こんな面白いこともできます。



クリッピングされる(内側に配置)方は、色付けなしのパスのままでもOKです。
透明な長方形を描いておいて、その内側に配置をし、グループ化のように使うことも可能。

まとめてクリッピングできるので、意外と便利かも?





参考として、ハートで猫ちゃんをクリッピングすると、こんな感じになります。



画像を猫ちゃんでクリッピングすると、こんな感じ。



ちなみに、レイヤーパネル上で上にあるものを「」、
下にちょっと仕舞われた感じになる方を「」と呼びます。



クリッピングマスクの解除の仕方



クリッピングマスクを解除するには、子レイヤーを掴んで左の隙間にドラッグ&ドロップするか、上下のレイヤーの隙間にドラッグ&ドロップすれば解除できます。
(サムネイル部分は掴まず、レイヤー名か、左側のアイコン部分を掴んでください)

左の隙間にドロップするときも、よく見ると上下に分かれているので、解除後のレイヤーの順番を上にするか下にするか選ぶことができます。

左の隙間にドロップ



レイヤーとレイヤーの間にドロップ


子レイヤーが見えないときは、左側の小さな三角矢印「>」をクリックするとレイヤーを展開できます。

子レイヤー、親レイヤーの移動



クリッピングすると二つのレイヤーは基本一緒に動きますが、レイヤーパネルで子レイヤーを選択すれば、別々に動かすことができます。



親レイヤーだけ動かしたいときは、親レイヤーを選択して、コンテクストツールバーにある「子をロック」にチェックを入れると、親レイヤーを動かすことができます。

移動し終わったらミス防止のため、「子をロック」のチェックを外しておきましょう。



小技



ちなみに、図形のブレンドモードを「消去」にした状態で、写真のレイヤー名の上にドロップ(内側に配置)すると、写真を切り抜いたクリッピングパスをかけることができます。
これ、イラレに欲しい…!



少しでも参考になれば!(=・ω・=)