Home >  未分類 > 簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法
 
簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法

awesomesilver1

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

 

今回は、フォトショップを使って本物の様な輝きがまぶしい銀色文字をつくる方法をご紹介します。

「レイヤースタイル」を適用するだけで、簡単に質感の高いデザインに仕上げることができるので、覚えておくと便利なテクニックのひとつです。

 

 

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

 

 

 

詳細は以下から。

 

 

 

チュートリアル情報


 

プログラム : Photoshop

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

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

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

 

チュートリアルをはじめる前に今回使用するパターン画像をダウンロードしておきましょう。

>> 銀色文字用パターン画像

 

※ダウンロードを完了したら、フォトショップで画像を開きましょう。

次にメインメニューより「編集」>「パターンを定義」を選択し、パターンの定義をしておきましょう。

これでパターンファイルとして使用することが可能になります。

 

次に使用するフォントをダウンロードしましょう。

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

 

 

 チュートリアル


 

STEP 1 背景画像をデザインする

 

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

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

1-1

 

 

 

ツールボックスより「グラデーションツール」を選択し、黒(#000000)から灰色(#2f2f2f)のグラデーションを中心から円形にかけます。

1-2

 

 

 

メインメニューより「フィルタ」>「テクスチャ」>「テクスチャライザ」を適用します。

今回は「拡大・縮小」を100%、「レリーフ」を4に設定しました。

1-3

 

 

STEP 1 テキストエフェクト

 

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

今回は文字サイズを240ptに設定しています。

2-1

 

 

 

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

 

ドロップシャドウ

2-2

 

 

シャドウ(内側)

2-3

 

 

光彩(外側)

2-4

 

 

光彩(内側)

2-5

 

 

べベルとエンボス

2-6

 

 

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

2-7

 

グラデーションの設定は以下のようになります。

2-8

 

 

パターンオーバーレイ

2-9

 

 

すべてのスタイルを適用すると以下のようなテキストエフェクトが完成します。

2-10

 

 

 

 

完成


 

awesomesilver1

 

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

レイヤースタイルを適用するだけで、光り輝く銀色文字を5分で完成させることができました。

 

 

出来上がったテキストのレイヤースタイルを保存しておけば、いつでもボタンひとつで銀色文字をデザインすることができます。

文字サイズが小さい場合は、レイヤースタイルの値を変更してあげることで、うまく仕上がりますよ。

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

 

 

 

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

download-icon

BOOKMARK, MAYBE?

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

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

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

  • http://twitter.com/bokunosecretary/status/8803049854 ボクの秘書_bot

    簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法: ↑ クリックすると原寸拡大表示されます。
     
    今回は、フォトショップを使って本物の様な輝きがまぶしい銀色文字をつくる方法をご紹介します。
    「レイヤースタイル… http://bit.ly/9KziYo

  • http://twitter.com/bokunosecretary/status/8803049854 ボクの秘書_bot

    簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法: ↑ クリックすると原寸拡大表示されます。
     
    今回は、フォトショップを使って本物の様な輝きがまぶしい銀色文字をつくる方法をご紹介します。
    「レイヤースタイル… http://bit.ly/9KziYo

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

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

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

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

  • http://twitter.com/ohtomops/status/8809763619 (株)大友出版印刷

    RT @dtpdesign: 簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法: ↑ クリックすると原寸拡大表示されます。
     
    今回は、フォトショップを使って本物の様な輝きがまぶしい銀色文字をつくる方法をご紹介します。
    「レイヤースタイル… http://bit.ly/9KziYo

  • http://twitter.com/ohtomops/status/8809763619 (株)大友出版印刷

    RT @dtpdesign: 簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法: ↑ クリックすると原寸拡大表示されます。
     
    今回は、フォトショップを使って本物の様な輝きがまぶしい銀色文字をつくる方法をご紹介します。
    「レイヤースタイル… http://bit.ly/9KziYo

  • http://twitter.com/keke86/status/8810199148 keke

    簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法 http://bit.ly/9KziYo

  • http://twitter.com/globalwe6/status/8812049820 鈴木潤一

    黄金とあわせて練習しよう RT 簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法 http://bit.ly/ac8cnG

  • http://twitter.com/manjirou/status/8814089412 万次郎

    簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法 http://tinyurl.com/ybo99f4 #PhotoshopVip

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

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

  • http://twitter.com/y_sakuraba/status/8841562620 yuuki sakuraba

    これいーなー ホトショップで簡単に銀文字を作る方法 やってもらおっかなーこれ http://bit.ly/9RlTh5

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

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

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

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

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

    @aa2a_t 銀文字ちゃんも置いときますね(^ω^)つ【簡単!フォトショップで本物のような輝きがまぶしい銀色文字をつくる方法】http://j.mp/9EgzQs