【Photoshop】クリスタル風３Dグラデーションテキスト作成

今回はPhotoshopで文字を三色のグラデーションにしてクリスタル感のある質感にする加工です。

【べた塗り】と【ブラシ】で背景を作成

今回の画像サイズは「1280×1080」で作成しています。

【塗りつぶしまたは調整レイヤーを新規作成】から【べた塗り】を選択。

カラーは暗めの青「030523」にしています。

次に【新規レイヤーを作成】し名前を「ブラシ黒」に変更（わかれば何でもＯＫ）。

【ブラシツール】を選択。

設定は「ソフト円ブラシ」「硬さ：０」に設定。

周りをブラシで暗くしていきます。

このように周りを暗くしました。

テキストを作成し加工

テキストを入力。

フォントは「Enchanted」にしました。

フォントは好きなものを使ってかまいませんが、太い文字だと記事内容の設定ではきれいにならないので調整が必要です。細めのフォントがおすすめです。

テキストレイヤーをダブルクリックし【レイヤースタイル】パネルを開きます。

＊テキストレイヤーが「ブラシ黒」の下に配置してありますが後ほど上に配置しますので変更しておいても問題ないです。

「グラデーションオーバーレイ」を設定

「グラデーション」のオレンジ枠をクリックしカラーを設定していきます。

以下のように三色を順に繰り返しになるように追加していきます。

「グラデーション名」を「三色グラデーション」に変更し「新規グラデーション」をクリック。

プリセットに設定したグラデーションが追加されます。

「ベベルとエンボス」を設定

「ベベルとエンボス」を選択。

「境界線」を設定

「境界線」を選択します。

「ドロップシャドウ」を設定

「ドロップシャドウ」を選択します。

ここまででこのようになりました。

レイヤーパネルは以下のようになっています。

アイコンを追加しテキストと同じレイヤー効果を設定します。追加する場合同じ設定なので「テキストレイヤー」の効果にカーソルを合わせ【Alt】＋ドラッグでアイコンに効果をコピーし適用します。

＊アイコンなど追加しない場合この工程は飛ばしてください。

このように配置しました。

「トーンカーブ」で明かるく調整

テキストレイヤーとアイコンレイヤーを【Shift】＋クリックで二つのレイヤーを選択し【新規グループ作成】でグループ化しておきます。

【塗りつぶしまたは調整レイヤーを新規作成】から【トーンカーブ】を選択。

明るくなるように調整します。

【トーンカーブ】の詳しい使い方はこちら。

チャプターエイト

【Photoshop】なぜトーンカーブがよく使われるのか？知っとけば上達の近道です。トーンカーブの説明

Photoshopを学習を加速させるため理解しておくのが「トーンカーブ」です。様々な補正機能がありますが、多くは「トーン…

背景に「青」を足して明るく調整

【新規レイヤーを作成（ブラシ青）】

し「べた塗り」レイヤーの上位に配置します。

カラーを明るめの青（0428e1）に設定。

ざっくりとブラシします。

【ブラシ青】を【Ctrl】＋Ｊでコピーします。

コピーしたレイヤーを選択しずらして配置。

コピーしたレイヤーを選択したままで【フィルター】メニュー【ぼかし】から【ぼかし（ガウス）】を選択。

・半径：９５．６pixel

・描画モード：ソフトライト

・不透明度：７０％

続けて「ブラシ青」レイヤーを選択。

同様に【フィルター】メニュー【ぼかし】から【ぼかし（ガウス）】を選択。

・半径：４５．６pixel

・不透明度：７０％

ここまででこのようになりました。

「雲模様１」でもやを作成

【新規レイヤー（もや）を作成】

し「黒ブラシ」の下に配置します。

描画色と背景色を「白黒」に設定しておきます。

【フィルター】メニュー【描画】から【雲模様１】を選択。

このように表示されます。

・描画モード：乗算

・不透明度：７０％

このようになりました。

最後にテクスチャを重ねる

背景用　テクスチャ

一つは「もや」レイヤーの上に配置。

・描画モード：スクリーン

・不透明度：２０％

もう一つは最上位に配置しレイヤーマスクを追加。

フレア　テクスチャ

・描画モード：スクリーン

・不透明度：８１％

不要な部分をブラシ（黒）で消して（隠して）調整。

これで完成です。

レイヤーパネルはこのようになっています。

チュートリアル動画

まとめ

使用するフォントスタイルによって「ベベルとエンボス」などの設定は変わってきます。テクスチャはなくても大丈夫です。

色んなフォントで試してみてください。