Photoshop|光沢のあるガラス風3Dテキストエフェクトの作り方チュートリアル

Glossy3D-23.jpg

【簡単テキストエフェクトシリーズ vol.3】

Photoshop(フォトショップ)CS3で、光沢のあるガラス風の3Dテキストエフェクトを作るチュートリアル。

2010年流行の一つ「3D」と、昔から好まれてるグロス系「光沢感」「キラッと感」の合わせ技です。
文字にはあえて「3D押し出し」など使わず、簡単で汎用性が効くように「3D風」で表現します。
TIPSとしてすぐ使えるよう、作った後はスタイルパレットに登録を。

 

まずはPSDダウンロード(528KB)

【ステップ1】

編集>新規(幅600px:高さ400px、解像度:72px)で新規ファイル作成。

Glossy3D-01.jpg

【ステップ2】

背景を#011923で塗りつぶしてから、ノイズを少々かけます。

フィルタ>ノイズ>ノイズを加える『量:2%、分布方法:均等に分布、グレースケールノイズ:ON』

Glossy3D-02.jpg

【ステップ3】

新規レイヤー(Vignette)を作成します。

ツールパレット>楕円形選択ツール (M)>ぼかし:150px で下の図のように範囲を選択

Glossy3D-03.jpg

選択範囲を白で塗りつぶし、レイヤー(Vignette)の設定を以下の変更。

描画モード:『覆い焼き(リニア)- 加算』
不透明:『90%』

Glossy3D-04.jpg

【ステップ4】

見栄えの良い、太めのフォントを用意します。

今回は「Arial Black Regular」を使い、フォントサイズ150px、色は「白」に設定しました。
(レイヤー名:White text)

Glossy3D-05.jpg

そのテキストのレイヤーを複製し、より暗い色に変更します。(レイヤー名:Dark text)

複製したテキストレイヤー(Dark text)は、オリジナルレイヤー(White text)より下に置き、自由変形(T)を使って下の図のように変形させます。

Glossy3D-06.jpg

【ステップ5】

"White text"レイヤーに、次のようにレイヤースタイルを設定します。

■ドロップシャドウ

Glossy3D-07.jpg

■ベベルとエンボス

Glossy3D-08.jpg

■サテン(色:#7ab2c5)

Glossy3D-09.jpg

レイヤースタイルを適応

Glossy3D-10.jpg

【ステップ6】

"Dark text"レイヤーに、次のようにレイヤースタイルを設定します。

■ドロップシャドウ

Glossy3D-11.jpg

■ベベルとエンボス

Glossy3D-12.jpg

■サテン

Glossy3D-13.jpg

■カラーオーバーレイ(色:#7ab2c5)

Glossy3D-14.jpg

レイヤースタイルを適応

Glossy3D-15.jpg

【ステップ7】

光の反射を作ります。新規レイヤー(Shine)を作成。

ツールパレット>ブラシツール(B)を下記のように設定
・マスター直径:200px
・硬さ:0px

Glossy3D-16.jpg

ブラシで下の図のように描き、レイヤーの描画モードを「ソフトライト」にします。

Glossy3D-17.jpg

【ステップ8】

"White text"レイヤーを複製し、ラスタライズします。(レイヤー名:Text Edge)

レイヤー(Text Edge)>右クリック>テキストをラスタライズ

Glossy3D-18.jpg
 

ツールパレット>楕円形選択ツール(M)(ぼかし:0px)

で下の図のように範囲を選択し、中身を消去します。

Glossy3D-19.jpg
Glossy3D-20.jpg

ツールパレット>消しゴムツール(E)

で、文字の上部が自然なグラデーションになるよう、部分的に消します。

Glossy3D-21.jpg

【ステップ9】

ツールパレット>ブラシツール(B)

を使い、下の図のように「スポットライト」と「キラッとした閃光」を一つずつ作り、スマートオブジェクトに変換します。

Glossy3D-22.jpg

【ステップ10】

スマートオブジェクト「スポットライト」と「キラッとした閃光」のそれぞれを複製して、大きさを変えながら、文字の四隅など適当な場所に配置したら完成です。

Glossy3D-23.jpg

PSDダウンロード(528KB)

和訳原文:"Quick Tip:Create an Extruded Glossy 3D Text Effect in Photoshop"

関連記事はこちら

UP↑

トラックバック(0)

このブログ記事を参照しているブログ一覧: Photoshop|光沢のあるガラス風3Dテキストエフェクトの作り方チュートリアル

このブログ記事に対するトラックバックURL: http://weska.xsrv.jp/mtos/mt-tb.cgi/339

コメントする

アーカイブ

2011年10月

            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          

プロフィール

ダイナマイト・ドラマー

名前:ダイナマイト・ドラマー
職業:Webデザイナー
好物:牛のたたきとビール