この記事には広告を含む場合があります。
記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。
Affinity Photoで、図形や画像を文字の形に切り抜く方法を紹介します。
なお、Affinity Photo(アフィニティ フォト)で説明していますが、Affinity Designer(アフィニティ デザイナー)でも同じ操作で切り抜きができます。
まず、ビフォーアフターをご覧ください。
ここでは、「長方形の図形を文字の形に切り抜く方法」で説明していきますが、図形だけでなく、写真画像でも同様に切り抜きが可能です。
また、文字だけでなく図形の形に切り抜くことも可能です。
Before
![ビフォー Affinity Photo・Designerで図形や画像を文字の形に切り抜く方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki2-1024x533.jpg)
After
![アフター Affinity Photo・Designerで図形や画像を文字の形に切り抜く方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki3-1024x533.jpg)
Affinity Photoで長方形の図形を文字の形に切り抜く方法(操作方法)
では、「長方形の図形を文字の形に切り抜く方法」を説明します。
テキストツールで、テキストを入力。
![テキストツールで、テキストを入力 Affinity Photo操作方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki5-1024x636.jpg)
長方形ツールで、テキストのサイズに合わせ図形を作る。
![Affinity Photo 長方形ツール](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki11.jpg)
![長方形ツールで、テキストのサイズに合わせ図形を作ります Affinity Photo操作方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki6-1024x636.jpg)
最初に入力したテキストが図形の上になるようにレイヤーを入れ替えます。
![最初に入力したテキストが図形の上になるようにレイヤーを入れ替える「操作方法」 Affinity Photo操作方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki7.jpg)
![最初に入力したテキストが図形の上になるようにレイヤーを入れ替える「変更後の結果」Affinity Photo操作方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki8-1024x636.jpg)
テキストのレイヤーと図形のレイヤーの二つのレイヤーを選択し、グループ化します。
![テキストのレイヤーと図形のレイヤーの二つのレイヤーを選択し、グループ化。 Affinity Photo操作方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki10.jpg)
グループ化したレイヤーの > をクリック。
グループ化の内容が表示されます。
![グループ化したレイヤーの > をクリック、グループ化の内容が表示されます。 Affinity Photo操作方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki12.jpg)
テキストのレイヤーを選択し、レイヤーの上にあるプルダウンメニューから「消去」を選択します。
![テキストのレイヤーを選択し、レイヤーの上にあるプルダウンメニューから「消去」を選択します。 Affinity Photo操作方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki13.jpg)
切り抜きができました。
![文字を切り抜き Affinity Photo操作方法](https://32web.net/wp-content/uploads/2023/02/3w100-affinity-mojinuki14-1024x636.jpg)
![選択範囲をぼかす方法Affinity Designer・Photo](https://32web.net/wp-content/uploads/2021/09/af-design2-160x160.jpg)
![Photoshopは不要!買い切り使える高機能な代替ソフト「Affinity Photo」](https://32web.net/wp-content/uploads/2021/04/photoshop-sub1-160x160.jpg)