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

2022年5月31日2023年10月10日

テクスチャを登録します

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

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

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

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

背景を作ります

パターンが登録できたら先ほどのカンバスに戻ります。

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

テキストを入力

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

複製します

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

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

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

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

【ベベルとエンボス】

【輪郭】

【テクスチャ】

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

【シャドウ内側】

【カラーオーバーレイ】

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

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

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

【ドロップシャドウ】

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

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

【ベベルとエンボス】

【輪郭】

【境界線】

【カラーオーバーレイ】

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

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

『ファイル』から『リンクを配置』

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

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

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

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

今一番下には背景

その上にテキスト

その上にビーズの画像

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

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

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

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

仕上げ

ブラシツールを持ちます

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

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

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

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

完成

このように完成しました

＊＊＊＊＊＊＊＊＊＊

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