![](https://kujiride.com/wp-content/uploads/2024/02/くじらいどベクター-笑顔-150x150.png)
今回は、Affinity Designerで、画像を星や丸などの図形の中に入れる方法を紹介したいと思います。マスクとかクリッピングマスクとか難しい用語は使わず、ただただ画像を図形の中に入れるにはという切り口で説明します。
Affinity Designerのレイヤークリッピングについて詳しく知りたい方は、以下にAffinity公式のレイヤークリッピングについてのヘルプページを添付していますのでぜひ!
あわせて読みたい
目次
画像を星や丸などの図形の中に入れる方法
STEP
切り抜きをしたい画像を取り込む
![](https://kujiride.com/wp-content/uploads/2024/04/image-20.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-20.png)
まずは、切り抜きをしたい画像をキャンバスに取り込みます。
STEP
切り抜きをしたい形の図形を取り込む
![](https://kujiride.com/wp-content/uploads/2024/04/image-22-edited.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-22-edited.png)
左のツールバーから、切り抜きをしたい形の図形を取り込みます。
![](https://kujiride.com/wp-content/uploads/2024/04/image-23-edited.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-23-edited.png)
STEP
画像の上に図形を被せます。
![](https://kujiride.com/wp-content/uploads/2024/04/image-24-edited.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-24-edited.png)
画像の上に図形を被せます。後でいくらでも微調整できるのでざっくり被っていれば大丈夫です。
![](https://kujiride.com/wp-content/uploads/2024/04/image-25-edited.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-25-edited.png)
画像が図形より前面に出ている時は、レイヤーから画像を図形の後面に移動させます。
![](https://kujiride.com/wp-content/uploads/2024/04/image-26-edited.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-26-edited.png)
もしくは、画像を選択して上のツールバーから、「背面へ」もしくは「最背面へ」パネルをクリックして画像を背面に移動させます。
![](https://kujiride.com/wp-content/uploads/2024/04/image-27-edited.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-27-edited.png)
背面に移動しました!
STEP
レイヤーから画像を図形にドラッグします。
![](https://kujiride.com/wp-content/uploads/2024/04/image-28.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-28.png)
レイヤーから画像を図形に向かってドラッグします。
![](https://kujiride.com/wp-content/uploads/2024/04/image-29.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-29.png)
キャンバスを確認すると図形の形で画像が切り抜かれています。
STEP
画像の位置を調整をする
![](https://kujiride.com/wp-content/uploads/2024/04/image-30.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-30.png)
図形の中の画像の位置を調整したい場合は、右レイヤーの画像をクリックし、画像を選択した状態にしてからマウスで移動させて位置を調整してください。
STEP
色々な図形で試してみてください
![](https://kujiride.com/wp-content/uploads/2024/04/image-31-1024x698.png)
![](https://kujiride.com/wp-content/uploads/2024/04/image-31-1024x698.png)
星型以外にも色々な図形で同じことが行えますので試してみてください。
コメント