Home >  チュートリアル > テキストエフェクトチュートリアル > 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法
 
簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法

goldendesign1

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

 

今回は、フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法をご紹介します。

本当に光が当たって反射しているようなテキストエフェクトをフォトショップのレイヤースタイルを適用するだけで作成できます。

 

 

最後にサンプル用PSDファイルを公開していますので、スタイルを保存しておけばクリックひとつで完成してしまうお手軽チュートリアルです。

 

 

 

詳細は以下から。

 

 

 

チュートリアル情報

 


 

プログラム : Photoshop

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

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

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

 

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

今回は「ダウンロードしておきたい25個の高品質な筆記体フリーフォント完全まとめ」で紹介した「Exmouth」フォントを使用しています。

 

 

 

 

チュートリアル

 


 

STEP 1

 

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

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

1-1

 

 

 

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

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

文字サイズを小さくする場合など、レイヤースタイルの数値を変更しなければいけませんので、ご注意ください。

1-2

 

 

 

 

STEP 2

 

作成した「文字レイヤー」を選択し、メインメニューより「レイヤー」>「レイヤースタイル」を選択し、以下のとおりに順番に適用していきます。

 

 

ドロップシャドウ

2-1

 

 

シャドウ(内側)

2-2

 

 

光彩(外側)

2-3

 

 

べベルとエンボス

2-4

 

 

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

2-5

 

グラデーションの設定は以下のとおりです。

新規グラデーションに追加しておくとよいかもしれません。

2-6

 

 

すべてのレイヤースタイルを適用したら完成となります。

2-7

 

 

 

 

完成

 


 

 

goldendesign1

今回、背景画像のデザインは「フォトショップで本物そっくりな錆びたカラフルメタル文字を作る方法」のSTEP 20と同じ方法でデザインしています。

 

 

テクスチャを使わずに、「逆行」フィルタと「雲模様2」フィルタをうまく使うことで、質感の高いテクスチャ素材をデザインすることができます。

代わりに黄金テキストのみデザインに加えてもまったく問題ありません。よろしかったら、一緒にどうぞ。

 

(参考記事) フォトショップで本物そっくりな錆びたカラフルメタル文字を作る方法

colorfulrastytext

 

先日ご紹介した「簡単!フォトショップで黄金に輝く3Dテキストエフェクトを5分でつくる方法」とはまた違うテイストのテキストエフェクトですが、用途に応じて使い分けたりするのもよいかもしれませんね。

 

 

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

download-icon

BOOKMARK, MAYBE?

いかがでしたでしょうか、この記事のブックマークはこちらからどうぞ。

GOT COMMENT?/この記事についてコメント

以下のソーシャルメディアよりログインできるようになっています。

  • D2U

    [D2U] 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法: comments http://bit.ly/9DSC7q #d2u

  • http://twitter.com/takasaka52/status/8667150265 takasaka52

    RT @dtpdesign: 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法: ↑ クリックすると原寸拡大表示されます。
     
    今回は、フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法をご紹介します。
    本当に光が当たって反射… http://bit.ly/b7dXt3

  • http://twitter.com/takasaka52/status/8667150265 takasaka52

    RT @dtpdesign: 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法: ↑ クリックすると原寸拡大表示されます。
     
    今回は、フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法をご紹介します。
    本当に光が当たって反射… http://bit.ly/b7dXt3

  • http://twitter.com/newswebc_j/status/8667427922 Web制作ニュース

    Photoshop Vip » 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法 http://bit.ly/a5VRFS #web

  • http://twitter.com/newswebc_j/status/8667427922 Web制作ニュース

    Photoshop Vip » 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法 http://bit.ly/a5VRFS #web

  • http://twitter.com/font_cluster/status/8667546022 フォント

    [B!]Photoshop Vip » 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法 : ↑ クリックすると原寸拡大表示されます。今回は、フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法をご… http://bit.ly/a5VRFS

  • http://twitter.com/font_cluster/status/8667546022 フォント

    [B!]Photoshop Vip » 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法 : ↑ クリックすると原寸拡大表示されます。今回は、フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法をご… http://bit.ly/a5VRFS

  • http://twitter.com/wdscratch/status/8670086404 WDScratch

    [photoshop][tutorial] Photoshop Vip » 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法 http://photoshopvip.net/archives/12036

  • http://twitter.com/_d2u_/status/8675355670 D2U

    [D2U] 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法: comments http://bit.ly/9DSC7q #d2u

  • http://twitter.com/_d2u_/status/8675355670 D2U

    [D2U] 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法: comments http://bit.ly/9DSC7q #d2u

  • http://twitter.com/airplaners/status/8685373688 円理

    自分メモ: Currently Reading: http://photoshopvip.net/archives/12036

  • http://twitter.com/airplaners/status/8685373688 円理

    自分メモ: Currently Reading: http://photoshopvip.net/archives/12036

  • http://twitter.com/s08626th/status/8695894661 橋爪知博(サウジ)

    簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法 http://ff.im/-ft336

  • http://twitter.com/s08626th/status/8695894661 橋爪知博(サウジ)

    簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法 http://ff.im/-ft336

  • http://twitter.com/dldb_bot/status/8708558557 デザインリンクデータベース

    ◇注目Webデザイン関連記事◇ [Photoshop Vip » 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法] http://bit.ly/93MDjq ↑ クリックすると原寸拡大表示されます。今回は、フォトショ… #DLDB

  • http://twitter.com/dldb_bot/status/8708558557 デザインリンクデータベース

    ◇注目Webデザイン関連記事◇ [Photoshop Vip » 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法] http://bit.ly/93MDjq ↑ クリックすると原寸拡大表示されます。今回は、フォトショ… #DLDB

  • http://twitter.com/samurai_hiro/status/8800607865 samurai_hiro

    簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法http://photoshopvip.net/archives/12036

  • http://twitter.com/webdesignbkm/status/8870329764 WebDesignBookMark

    Photoshop Vip » 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法 http://photoshopvip.net/archives/12036

  • http://twitter.com/eri_noname/status/20189739288 エリー(゚∀゚)

    @aa2a_t あつ先生はこういうサイトとか見るとハァハァするんじゃないかと思う。おかしいよね、レイヤースタイルだけでここまでできるなんて 【簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法】http://j.mp/czAWLw

  • http://twitter.com/cube_ice/status/26063960354 cube_ice

    http://tinyurl.com/24pq8u2
    Photoshop Vip " 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつく

  • http://twitter.com/hackworksystems/status/26655525317 高井 歩

    RT: http://photoshopvip.net/archives/12036 あとで使うかも.金色ロゴの作り方

  • http://twitter.com/hackworksystems/status/26655525317 高井 歩

    RT: http://photoshopvip.net/archives/12036 あとで使うかも.金色ロゴの作り方

  • http://twitter.com/pepsitou/status/79085887274749952 さんぢぇるまん・猿 (喪中)

    今度アクションに登録しておこう http://photoshopvip.net/archives/12036 簡単!フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法

  • http://photoshopvip.net/archives/12106 Photoshop VIP ☞ 簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法

    [...] 金色文字のつくり方と一緒に覚えておくとよさそうです。 [...]