![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
どうもハルです。
![](https://harublog.site/wp-content/uploads/2019/11/IMG_1995.jpg)
クリッピングマスクを使いたい。
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
やり方を紹介するよ。
iPad用Affinity Designerでクリッピングマスクを使う方法を紹介します。
クリッピングマスクを使えば、画像を好きな形に切り抜くことができます。
しかも切り抜いた後に、調整することも可能です。
![](https://harublog.site/wp-content/uploads/2019/11/IMG_1995.jpg)
クリップングマスクって何?
という人も読んでみて下さい。
使用するアプリはiPad用のAffinity Designerです。アドビのイラレとフォトショを2つ合わせたような便利なアプリです。▼
![Affinity Designer](https://is4-ssl.mzstatic.com/image/thumb/Purple123/v4/c3/fe/3d/c3fe3d2d-926c-ae3b-6999-3697df39c6bb/source/512x512bb.jpg)
通常のマスク作成は、過去記事を参考にしてください。▼
iPad用Affinity Designerでクリッピングマスクを作る
![](https://harublog.site/wp-content/uploads/2020/04/clippingmask1-1024x574.png)
クリッピングマスクを使うと、オブジェクトの形に画像が切り抜けます。▲
オリジナル画像を直接切り抜かないので、オリジナル画像とマスクの両方を何度も編集することが可能です。
作成する時は「画像が上、マスクが下」とおぼえておきましょう。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMB_Ois1sm.gif)
クリッピングマスクになるオブジェクトを作る
クリッピングマスクのベースになるオブジェクトは、ベクターデータならどんな形でも作成できます。
今回は楕円のオブジェクトにします。
[楕円]ツールを選択。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMG_3170-768x1024.jpg)
ドラッグする時に、1本ゆびを押したままスライドすると正円を作成できます。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMG_3171-1024x768.jpg)
画像を配置する
オブジェクトが完成したら、その上に画像を配置させます。
画像は後で自由に動かすことができるので、初めはざっくり配置します。
[画像配置]をタップ。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMG_3172-1024x768.jpg)
[写真]アプリから画像を選びます。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMG_3173-1024x768.jpg)
下になるオブジェクトの上に、画像が重なるように配置させます。
ドラッグして画像を配置。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMG_3175-1024x768.jpg)
クリッピングマスクの作成
画像レイヤーを、下の楕円オブジェクトレイヤーに重ねる。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMG_3176-1024x768.jpg)
画像レイヤーを選択した状態で、サイズを調整する。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMG_3177-1024x768.jpg)
クリッピングマスクが完成しました。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMG_3178-1024x768.jpg)
クリッピングマスクを解除する
クリッピングマスクを解除する時は、画像レイヤーをマスクレイヤーの外に出すだけです。
画像と楕円が分かれます。▼
![](https://harublog.site/wp-content/uploads/2020/04/IMB_aEtIl7.gif)
マスクレイヤーを作って、画像を格納する方法がありますが、今回は簡単なワンタッチクリッピングマスクのやり方です。
フォントを使えば文字の形に切り抜くこともできるので、いろいろ試してみて下さい。▼
![](https://harublog.site/wp-content/uploads/2020/04/7dd4c3f74f006b34bb1d70d7adebd54e-2-1024x768.png)
以上、iPad用Affinity Designerでクリッピングマスクを使う方法の紹介でした。
最後まで読んでいただき、ありがとうございます。
コメント