【Photoshop初心者】レイヤーマスクの使い方「ネイルのような文字を作る」

2022年5月31日2023年8月7日

テクスチャを登録します

Photoshopを立ち上げ幅900px　高さ600pxのカンバスを作ります。

次にテクスチャ画像を登録します。

今回はこちらの画像をUnsplashkaからダウンロードしました。

「ファイル」から「開く」でダウンロードした画像を選択します

別タブで開くので「編集」から「パターンを定義」

パターン名を入力するダイアログが現れるので今回は「ラメ基本」としました。

背景を作ります

パターンが登録できたら先ほどのカンバスに戻って背景レイヤーの鍵マークをクリックします。

鍵が外れて編集できる状態になりました。

レイヤーをダブルクリックして「レイヤースタイルパネル」を出します。

「グラデーションオーバーレイ」を選択して設定していきます。

これで背景は出来上がりです。

テキストを入力

次にテキストツールを持ってテキストを入力します。

複製します

塗りを0にして複製します。
テキストレイヤーをレイヤーパネルの下の方「+」にドラッグすると複製できます。

又はレイヤーの上で右クリック「レイヤーを複製」でも複製できます。

元のテキストレイヤーにレイヤースタイルを設定

元のテキストレイヤーにレイヤースタイルを設定していきます。

レイヤーをダブルクリックして「レイヤースタイルパネル」を出します。

【ベベルとエンボス】

【輪郭】

【テクスチャ】

ここで先ほど登録した「ラメ基本」を選択します。
比率は好みですが細かい方がキレイかなと思います。

【シャドウ内側】

【カラーオーバーレイ】

【グラデーションオーバーレイ】

グラデーションの色はこんな感じ

左：「#eafcff」
右：「#00e5a8」

【ドロップシャドウ】

コピーテキストレイヤーのレイヤースタイルを設定

次にコピーした方のテキストレイヤーを設定していきます。

【ベベルとエンボス】

【輪郭】

【境界線】

【カラーオーバーレイ】

レイヤーマスクでテキストに画像を貼り付ける

次にネイルのようなキラキラ感を出すため画像を貼り付けます

今回は写真AC
から画像をダウンロードしました。

レイヤーをこのような順番にします。

次にテキストを選択範囲にします。

「ctrl」を押しながらテキストコピーレイヤーの「T」をクリックします。

するとテキストに合わせて範囲選択できます。

そして範囲選択したまま画像レイヤーを選択して「レイヤーマスクを追加」をクリックします。

レイヤーで確認しましょう

今一番下には背景

その上にテキスト

その上にビーズの画像

その上にコピーテキストの順になっています。

【一番上：コピーテキスト】
1番上にあるので見える状態です。

【次：ビーズの画像レイヤー】
レイヤーマスクサムネイルを見ると「NAIL」の文字だけが白くその他は黒くなっています。

レイヤーマスクは
白：見える状態
黒：見えない

ですから「NAIL」だけビーズの画像が見えています。

【その下：元のテキスト】
ビーズの画像の下にありますから今は全く見えていない状態です。
ブラシを使って少し下のテキストが見えるようにしていきましょう。

仕上げ

ブラシツールを持ちます

「ソフト円ブラシ」でサイズや硬さを調整します。

更に不透明度や流量も調節します

ブラシで文字の上の方を塗っていきます。

黒い色で塗るので少しずつビーズの画像が見えなくなり、下のテキストが見えてきます。

何度か塗ってグラデーションになるように仕上げます。

完成

このように完成しました

＊＊＊＊＊＊＊＊＊＊

他にもレイヤーマスクを使った作り方