![](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/2020/05/IMB_VusvOY.gif)
iPad用Affinity Designerで作成します。▼
![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で重なった文字を反転させる
![iPad用Affinity Designerで重なった文字を反転させる](https://harublog.site/wp-content/uploads/2020/05/IMG_3416-1024x768.png)
完成形がこちら。▲
フォントをアウトライン化して、パスでくり抜く方法もありますが、後から変更できなくなるんでやりません。
くり抜かれた図形レイヤーの上に、型抜かれた文字レイヤーが乗ります。
このように2層構造のレイヤーになります。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3421-1-1024x768.jpg)
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
作り方を画像を使って説明していくよ。
重なった部分が反転する文字の作り方
まず、テキストを用意します。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3402-1024x768.jpg)
図形をテキストの下に配置します。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3403-1024x768.jpg)
2つのレイヤーを横にスライドして、複数選択してから[グループ]ボタンをタップでグループ化します。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3404-918x1024.jpg)
グループレイヤーまるごとコピペします。これで「上層グループ」と「下層グループ」2層のグループレイヤーができました。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3406-1024x796.jpg)
上層のグループレイヤーを開いて、図形を上に入れ替えます。
少しわかりにくいですね。
つまり、図形→文字→文字→図形の順に重なるようにします。
そして、一番上の図形を選択した状態で、[レイヤーオプション]をタップ。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3407-1024x768.jpg)
レイヤーモードを[消去]にします。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3408-1024x768.jpg)
図形の形に文字が型抜きされます。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3420-1024x768.png)
文字が見えるようになりました。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3409-1024x768.jpg)
次に下層のグループの文字レイヤーを選択して、[レイヤーオプション]を選択。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3410-1024x768.jpg)
レイヤーモードを[消去]をタップ。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3411-1024x768.jpg)
下層レイヤーはこのようにくり抜かれました。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3419-1024x768.png)
完成しました。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3412-1-1024x768.jpg)
重なった文字の部分だけがくり抜かれ反転したように見えます。
図形を編集する場合
図形をあとから編集したい時は、図形のレイヤーだけを複数選択します。
2つのレイヤーが選択された状態で変形・移動をします。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMG_3413-1024x768.jpg)
図形をどこに移動させても、キレイに反転されますね。▼
![](https://harublog.site/wp-content/uploads/2020/05/IMB_rfre5P-1.gif)
以上、iPad用Affinity Designer(アフィニティデザイナー)で重なった文字を反転させる方法の紹介でした。
最後まで読んでいただき、ありがとうございます。
コメント