こんにちは。
前回、レイヤーマスクを活用して図形から人物を飛び出すデザインを作る方法について説明しました。今回の記事ではレイヤーマスクを使って文字の一部を消す方法について説明します。
レイヤーマスク
レイヤーマスクとは
レイヤーマスクはレイヤーにマスクをかけてレイヤーの要らない部分を隠すことができる機能です。レイヤーマスクは白、黒の2色で、白い部分は残して黒い部分は透明に表示されます。
レイヤーマスクの例
![](https://sil20503-blog.com/wp-content/uploads/2023/09/レイヤーマスク-2-1024x576.png)
「レイヤーマスク」の「ス」の文字が一部が隠されて、山の後ろに文字があるような立体感があります。
今回はレイヤーマスクを使って上の画像のように作ってみたいと思います。
文字の一部を消す方法
画像を用意する
画像を用意します。
![画像を用意する](https://sil20503-blog.com/wp-content/uploads/2023/09/スクリーンショット-2023-09-13-105745-1024x618.png)
私は上の画像にします。
文字を配置する
![文字を配置](https://sil20503-blog.com/wp-content/uploads/2023/09/スクリーンショット-2023-09-13-110117-1024x599.png)
文字を入力してサイズやフォントなど設定します。後、置きたい場所に配置します。
私は山の後ろに文字があるように表見したいので、山の上の方に少し重ねて配置しました。
レイヤーマスクをかける
![レイヤーマスク](https://sil20503-blog.com/wp-content/uploads/2023/09/スクリーンショット-2023-09-13-110212.png)
文字のレイヤーを選択したまま、レイヤーパネルの下のレイヤーマスクアイコン(赤い四角)をクリックします。
![レイヤーマスク](https://sil20503-blog.com/wp-content/uploads/2023/09/スクリーンショット-2023-09-13-110235.png)
レイヤーマスクアイコンをクリックすると、左のようにレイヤーマスクが通用されました。
- 青い四角 : レイヤー
- 赤い四角 : レイヤーマスク
- 緑四角 : リンク
レイヤーマスクが元のレイヤーにリンクされてます。
![レイヤーマスク](https://sil20503-blog.com/wp-content/uploads/2023/09/スクリーンショット-2023-09-13-11023501.png)
![レイヤーマスク](https://sil20503-blog.com/wp-content/uploads/2023/09/スクリーンショット-2023-09-13-110117-1-1024x599.png)
レイヤーマスクを通用しても画像は変化ありません。
ブラシツールで消す
レイヤーマスクサムネイルを選択したのを確認して、ブラシツールを選択、描画色が黒か確認して要らない部分を消します。
レイヤーマスクでは白と黒だけ使えます。
黒部分はレイヤーの黒いブラシで塗った部分を透明に表示され、消しゴムの役割をします。
白い部分をは黒いブラシで塗った所に塗ると元に戻す役割をします。
![レイヤーマスク](https://sil20503-blog.com/wp-content/uploads/2023/09/スクリーンショット-2023-09-13-110640-1-1024x337.png)
レイヤーマスクを選択、ブラシツールで描画色を黒にして文字の上に塗ると文字が透明になります。
![レイヤーマスク](https://sil20503-blog.com/wp-content/uploads/2023/09/スクリーンショット-2023-09-13-110718-1024x218.png)
レイヤーマスクを選択、ブラシツールで描画色を白にして黒に塗った所に塗ると文字が元にもどること分かります。
要らない部分は黒で塗って、間違えて消した部分は白で戻して完成しました。
![完成品](https://sil20503-blog.com/wp-content/uploads/2023/09/レイヤーマスク-3-1024x576.png)
練習作品
レイヤーマスクを使って練習してみました。下は練習したものです。
練習作品_01
![レイヤーマスク練習](https://sil20503-blog.com/wp-content/uploads/2023/09/flower_01.png)
![レイヤーマスク練習](https://sil20503-blog.com/wp-content/uploads/2023/09/flower_02.png)
練習作品_02
![レイヤーマスク練習](https://sil20503-blog.com/wp-content/uploads/2023/09/JUMP_01.png)
![レイヤーマスク練習](https://sil20503-blog.com/wp-content/uploads/2023/09/JUMP_02.png)
TIP!
画像レイヤーの被写体を選択したままの状況で文字のレイヤーマスクを通用して黒のブラシツールで塗るとブラシが被写体をはみ出しても被写体の部分だけ消すことができました。
![](https://sil20503-blog.com/wp-content/uploads/2023/09/スクリーンショット-2023-09-14-105106.png)
![](https://sil20503-blog.com/wp-content/uploads/2023/09/アートボード-1-2.png)
まとめ
今回はレイヤーマスクを使って文字の一部を消す方法についてせつめいしまた。レイヤーマスクは文字だけではなく画像にもできるし、色んなデザインに活用できると思うので、ちゃんと身につけて活用したいと思います。
レイヤーマスクの活用▼