Home >  チュートリアル > テキストエフェクトチュートリアル > Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法
 
Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法

classysilver1

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

 

今回は、フォトショップを使ってメタリックな銀色文字をつくる方法をご紹介します。

フォトショップの便利な機能のひとつ「レイヤースタイル」を適用するだけで簡単にデザインできるテキストエフェクトとなっています。

 

レイヤースタイルを保存しておけば、ボタンひとつでいつでもシルバー文字をデザインすることができます。

最後にサンプル用PSDファイルも一緒に公開していますので、ダウンロード確認しながらデザインするといいかもしれません。

 

 

 

詳細は以下から。

 

 

 

チュートリアル情報


 

プログラム : Photoshop

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

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

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

 

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

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

 

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

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

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

 

 

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

今回は「2010年の年はじめにまとめられたフリーフォントのまとめ」で紹介した「Harabara」フォントを使用しました。

 

 

最後に背景画像に使用するパターンファイルをダウンロードしましょう。

今回は「継ぎ目のないPhotoshop用レザーテクスチャパターンセット「5 Tileable Leather Pattern」」のパターンファイルを使用しました。

ダウンロードしたパターンファイルはあらかじめフォトショップにインストールしておきましょう。

 

 

 

 

 チュートリアル


 

STEP 1 テキストを入力する

 

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

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

1-1

 

 

 

ツールボックスより「文字ツール」を選択し、適当な文字を入力します。

今回は文字サイズ240ptでデザインしています。

1-2

 

 

 

 

STEP 2 レイヤースタイルを適用する

 

2つの文字レイヤーのうち一番上に配置されているレイヤーを選択し、メインメニューより「レイヤー」>「レイヤースタイル」を順番に適用していきます。

 

レイヤー効果 : カスタム

2-1

 

 

ドロップシャドウ

2-2

 

 

シャドウ(内側)

2-3

 

 

光彩(外側)

2-4

 

 

べベルとエンボス

2-5

 

 

サテン

2-6

 

 

パターンオーバーレイ

あらかじめダウンロードしておいたパターンを使いましょう。

2-7

 

 

境界線

2-8

 

 

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

2-9

 

 

 

STEP 3 さらにレイヤースタイルを適用する

 

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

 

レイヤー効果 : カスタム

3-1

 

 

ドロップシャドウ

3-2

 

 

光彩(内側)

3-3

 

 

べベルとエンボス

3-4

 

 

べベルとエンス(輪郭)

3-5

 

 

サテン

3-6

 

 

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

3-7

 

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

3-8

 

 

境界線

3-9

 

グラデーションの設定については以下を参考にしてください。

3-10

 

 

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

3-11

 

 

 

STEP 4 背景をデザインする

 

STEP 2, 3で作成したレイヤーを重ねると、以下のようになります。

2つの文字レイヤーがずれないように、フォルダを作成しておくとよいですよ。

4-1

 

 

 

「背景」レイヤーを選択し、メインメニューより「編集」>「塗りつぶし」を選択します。

あらかじめダウンロードしておいたレザーテクスチャを使い、カンバスを塗りつぶしましょう。

4-2

 

 

 

新しいレイヤーを「背景」レイヤーの上に作成します。

次にツールボックスより「ブラシツール」を選択、描画色「黒」(#000000)のソフトブラシでカンバスの周りを少しずつペイントしていきます。

最後にレイヤーの「不透明度」を80%に下げたら、完成です。

4-3

 

 

 

 

完成

 


classysilver1

 

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

質感の高いテキストエフェクトを作成する場合は、2つの文字レイヤーにそれぞれレイヤースタイルを適用することで立体感やツヤなどを倍増してくれます。

 

なお、今回は文字サイズを240ptと設定しましたが、変更する場合はレイヤースタイルの値、特に「ベベルとエンボス」を変更すると仕上がりがよくなりますよ。

 

銀色文字の別の種類などと一緒にぜひ覚えておきたテクニックのひとつではないでしょうか。

 

 

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

download-icon

BOOKMARK, MAYBE?

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

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

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

  • http://twitter.com/feed4tnk/status/8893243801 tnk

    Photoshop Vip » Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法: ↑ クリックすると原寸拡大表示されます。今回は、フォトショップを使ってメタリックな銀色文字をつくる方法を… http://bit.ly/dvYpyz

  • http://twitter.com/codingheler/status/8893365768 コーディングヘルパー

    Photoshop Vip » Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法: ↑ クリックすると原寸拡大表示されます。今回は、フォトショップを使ってメタリックな銀色文字をつくる方法を… http://bit.ly/dvYpyz

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

    [D2U] Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法: comments http://bit.ly/bsf1Dc #d2u

  • http://yoshy.wordpress.com/2010/02/11/links-for-2010-02-10/ links for 2010-02-10 « 個人的な雑記

    [...] Photoshop Vip » Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法 (tags: photoshop) [...]

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

    Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法 http://tinyurl.com/ycdt7fc #PhotoshopVip

  • http://twitter.com/takosasi/status/8999581465 <コ:彡

    【PhotoshopTips】Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法
    http://photoshopvip.net/archives/12219

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

    [photoshop][tutorial]-Photoshop Vip » Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法 http://photoshopvip.net/archives/12219

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

    Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法 http://ff.im/-fW4WR

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

    Photoshop Vip » Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法 http://photoshopvip.net/archives/12219

  • http://twitter.com/iordercoltd/status/10403628077 i-order

    かっこいいです!カー用品や、男性ファッション店舗様は、バナーなどを作る際にチャレンジされてみてはいかがでしょう?http://photoshopvip.net/archives/12219

  • http://twitter.com/soratomo/status/10417407084 ソラトモ – 河村知哉

    [B!] Photoshop Vip » Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法 http://photoshopvip.net/archives/12219

  • http://twitter.com/kota_twr/status/20179923690 kota

    Photoshop Vip » Photoshop(フォトショップ)でメタリックな質感がすごい銀色文字をつくる方法: Photoshop Vip » Photoshop(フォトショップ)でメタリックな質感がすごい銀色… http://bit.ly/aQQPFJ

  • http://twitter.com/perry_ppp/status/42184732896788480 ペリー

    今のtwitterアイコンは、小さくても良く見えるよう、昔作った橘総研マークを使ってんだが、拡大すると味気ない。で http://photoshopvip.net/archives/12219 でメタル調にしようとしたがどうしても上手くいかん…。誰か代わりに作ってくれないかなあ