Affinity Designerでクリッピングマクスをして画像を配置する方法を見ていきたいと思います。
目次
画像を配置
前回作成した「Affinity Designerの勉強:画像の配置方法01」で使用した猫の画像を配置します。
![猫の画像を配置](https://pepper-c.com/blog/wp-content/uploads/2019/07/68e894060881ea68d600be672d71f9f0-1024x690.png)
楕円ツールを配置
猫の画像の上のレイヤーに楕円ツールで正円を配置します。
![楕円ツールを配置](https://pepper-c.com/blog/wp-content/uploads/2019/07/94a218cb762d35313b31864b6eb58e86.jpg)
クリッピングマスク
正円の形で猫がマスクされます。
やり方はレイヤーパネルから下のレイヤーの猫の画像を上の楕円レイヤーにドラッグします。
![](https://pepper-c.com/blog/wp-content/uploads/2019/07/5a120e640351cca61b14c75e12174c68.jpg)
クリッピングマスクの調整
クリッピングマスクされると画像と正円はグループ化されるので、移動すると画像と正円は一緒に動きます。
正円だけの位置を調整したい場合は、「子をロック」にチェックすれば猫の画像がロックされて正円だけ動かせます。
参考サイト
像の配置 | Affinity Designerデスクトップ版のチュートリアル
余談
Webクリエイターボックスさんのサイトで、Affinity Designerを使用してスイカのアイコンの作成方法が紹介されていたので要チェックです!!
Affinity Designerで夏っぽいアイコンを作ったので無料配布します。商用利用OK! | Webクリエイターボックス
めっちゃ勉強になります。
私もAffinity Designerでアイコンを作ってみようと思います!!