文字に画像を使う(画像を文字の形で切り抜く)
![文字のクリッピングマスク完成](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text1-1024x406.jpg)
文字の塗りつぶしに画像を使うやり方は様々です。
ここでは、クリッピングマスクを使った方法を紹介します。
![](https://pcwork-labo.com/wp-content/uploads/2022/07/goodjob-150x150.png)
前回は同じことをレイヤーマスクでやったよ!
![](https://pcwork-labo.com/wp-content/uploads/2024/01/eyecatch-photoshop7-300x169.jpg)
この記事で使用したフリー素材はこちらです。
![](https://thumb.photo-ac.com/a1/a1f230a48780c557587cf3653d690f21_w.jpeg)
クリッピングマスクとは
![](https://pcwork-labo.com/wp-content/uploads/2022/07/check-1-150x150.png)
調整レイヤーは色調補正用のレイヤーだよ!
下の例はフルーツの画像の下にテキストレイヤーを配置しています。
テキストレイヤーは、文字の部分以外は透明です。
![クリッピングマスク前の状態](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text2-1-1024x336.jpg)
クリッピングマスクをすると、下のテキストレイヤーの透明部分と重なる箇所がマスク(非表示に)されます。
![クリッピングマスク後の状態](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text3-1024x336.jpg)
クリッピングマスクで文字に画像を使う
1.画像の配置と文字の入力
任意の画像をPhotoshopで開きます。
![切り抜きたい画像を配置](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text4-1024x362.jpg)
続けて、使いたい文字を入力します。
フォントの種類やサイズも調整しておきます。
※文字色は影響しないので何でもかまいません。
![](https://pcwork-labo.com/wp-content/uploads/2022/07/goodjob-150x150.png)
太めのフォントは画像がわかりやすくなるよ!
![画像の上に文字を配置](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text5-1-1024x362.jpg)
2.レイヤーを入れ替える
画像を文字に適用し、文字以外はマスク(透明に)したいので、テキストレイヤーを下に配置します。
ただし、背景レイヤーは移動することができないので、通常のレイヤーに変換します。
![](https://pcwork-labo.com/wp-content/uploads/2022/07/check-1-150x150.png)
背景レイヤーのロック解除だね!
![背景レイヤーのロック解除](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text6.jpg)
「背景」が通常のレイヤー「レイヤー0」になります。
これで順番の変更が可能になりました。
上に画像のレイヤー、下にテキストレイヤーになるように入れ替えます。
レイヤーをドラッグし、入れ替えたい位置に青いラインが出たら離します。どちらのレイヤーを動かしても構いません。
![レイヤーの移動](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text7.jpg)
背景画像のレイヤーが上になったので文字は見えなくなります。
![レイヤー入れ替え後](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text8-1024x362.jpg)
3.クリッピングマスク
![レイヤーの境界線でAltクリック](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text9.jpg)
クリッピングマスクができるとレイヤーに小さな下向き矢印が表示されます。
※グレーと白のチェックは透明を意味します。
![クリッピングマスクの完成](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text10-1024x362.jpg)
クリッピングマスクの解除
クリッピングマスク後に解除する方法です。
クリッピングマスクを行った時と同様に境界線で≪Alt + クリック≫します。
≪Alt≫を押しながらドラッグするとレイヤーのコピーができるのでドラッグしないように注意しましょう。
![クリッピングマスクの解除](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text11.jpg)
クリッピングマスク後の位置調整
クリッピングマスク後に文字の位置を調整する方法です。
文字の部分を動かそうとすると背景画像が動いてしまいます。
![](https://pcwork-labo.com/wp-content/uploads/2022/07/fast-1-150x150.png)
文字の部分=背景画像だからだね!!
移動ツールを選択し、オプションバーの「自動選択」チェックを外します。
![自動選択のチェックを外す](https://pcwork-labo.com/wp-content/uploads/2024/02/photoshop-clippingmask-text12.jpg)
チェックを外したらレイヤーパネルでテキストレイヤーを選択します。
これでどこをクリックしてもテキストレイヤーしか触れない状態になります。
任意の位置に移動しましょう。
![](https://pcwork-labo.com/wp-content/uploads/2024/01/eyecatch-photoshop7-300x169.jpg)