Tutorial

Home > Tutorial > 簡単!フォトショップで黄金に輝く3Dテキストエフェクトを5分でつくる方法

簡単!フォトショップで黄金に輝く3Dテキストエフェクトを5分でつくる方法

2010年2月4日    

Final Preview

quietgold1

↑ クリックすると原寸拡大表示されます。

 

今回は、フォトショップを使って黄金に輝く3Dテキストエフェクトをつくる方法をご紹介します。

フォトショップの便利な機能のひとつ「レイヤースタイル」を適用するだけの簡単チュートリアルですが、立体的な黄金文字をデザインすることができます。

最後にサンプル用PSDファイルも公開していますので、レイヤースタイルを保存しておけばボタンひとつでデザインすることができますよ。

 

 

詳細は以下から。

 

 

チュートリアル情報


 

プログラム : Photoshop

バージョン : CS4で作成 (古いバージョンでも可能)

 難易度 : 初級者から中級者

 所要時間 : 5分から10分ほど

 

チュートリアルをはじめる前に今回使用したフォントをダウンロードしておきましょう。

今回は「ウェブデザイナーにもおすすめ、あまり見かけない新しいフリーフォント20個まとめ」で紹介した「Sorts Mill Goudy」フォントを使用しています。

 

 

 

チュートリアル


 

STEP 1

 

メインメニューよりファイル>新規を選択し、ドキュメントを開きます。

このチュートリアルでは、キャンバスの大きさを1000×600pxの72px/inchとします。

1-1

 

ツールボックスより「グラデーションツール」を選択し、茶色(#4c453b)から濃茶色(#181411)に設定します。

カンバスの中心から外側にかけて、「円形」にグラデーションを適用します。

これで背景が完成しました。

1-2

 

 

STEP 2

 

ツールボックスより「文字ツール」を選択し、あらかじめダウンロードしておいたフォントを使い、適当な文字を描画色「黒」(#000000)で入力します。

このチュートリアルでは、文字サイズを180ptに設定しました。

つづけて作成した文字レイヤーを複製しておきましょう。

2-1

 

 

STEP 3

 

2つ作成した文字レイヤーのうち、一番上に配置されている文字レイヤーを選択します。

メインメニューより「レイヤー」>「レイヤースタイル」を選択し、順番にレイヤースタイルを適用していきます。

 

シャドウ(内側)

3-1

 

べベルとエンボス

3-2

 

カラーオーバーレイ

3-3

 

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

3-4

グラデーションの設定はこちらです。

3-5

 

境界線

3-6

 

すべてのレイヤースタイルを適用するとこのようになります。

3-7

 

 

STEP 4

 

STEP 3で作成したレイヤーを一時的に非表示にします。

次にもうひとつの「文字レイヤー」を選択し、メインメニューより同様に「レイヤー」>「レイヤースタイル」を選択し、順番に適用していきます。

 

ドロップシャドウ

4-1

 

べベルとエンボス

4-2

 

境界線

4-3

 

すべてのレイヤースタイルを適用すると以下のようになります。

4-4

 

 

STEP 5

 

非表示にしておいた「文字レイヤー」を再度表示します。

ツールボックスより「選択ツール」を選択し、STEP 4で作成した文字レイヤーを下に2px、右に1px移動させます。

これで立体的な黄金文字を簡単にデザインすることができました。

5-1

 

 

完成


 

quietgold1

 

いかがでしたでしょうか。

5ステップのみで立体感のある黄金テキストをデザインすることができました。

あまり細すぎるフォントではうまくいきませんが、たいていのフォントでうまく加工を加えることができます。

これまでにもPhotoshop VIPではいろいろな黄金文字の作り方をご紹介しています。

よろしかったら、一緒にどうぞ。

 

決定版!フォトショップで作る4種類の黄金文字の作り方 

blingblingtext

 

フォトショップでエレガントなゴールド文字を作る方法

ellegantgoldtext 

 

今回作成した黄金文字のサンプル用PSDファイルをダウンロードすることができます。

download-icon 

 

PhotoshopVIPは高品質のフォトショップチュートリアルを皆さんにお届けしています。

随時更新されるチュートリアルのRSS定期購読をしませんか。

RSS購読することにって、ホームページに新しい記事がないか探さずに、Photoshop VIPが毎日更新される記事をお届けする便利な機能です。

もちろん無料ですのでお気軽にどうぞ。

RSSをさらに詳しく知りたいひとはコチラの記事に説明しています。 

rss-feed-icon 

 

チュートリアルに関する質問等ありましたらご連絡ください。



このファイルの詳細情報

オリジナルサイト:6 Quick 'n' Dirty Photoshop Text Effects from Scratch - Psdtuts+
http://psd.tutsplus.com/tutorials/text-effects-tutorials/6-quickndirty-photoshop-text-effects-from-scratch/
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...
 

この記事を読んだ人はこれらの記事も読んでいます