3D

Photoshopで立体的なGOLD(金色)の文字を作る方法【スキルアップ動画解説付】

Photoshopで立体的なGOLD(金色)の文字を作る方法はいくつかありますが、ここでは・・

べベルの調整だけでGOLD(金色)の文字を表現する方法と、グラデーションを組み合わせる方法を解説し、最後にはPhotoshopの3D機能を使って立体的なGOLD(金色)の文字を作るための一連の過程を動画で解説しています

gold-text-30

13:12の解説動画を見ながら”一連の作業”を経験することで、Photoshopのスキルアップにつながるので、ぜひブックマークして時間のある時にチャレンジしてみてください。

べベルの調整だけでGOLD(金色)の文字を表現する

幅:1200pixel、高さ:800pixel、解像度:72pixelの背景を用意します。

gold-text-01

テキストカラー【#f7b934】で任意の文字を入力し、レイヤースタイルのベベルとエンボスを選択。

gold-text01

ベベル(内側)を選択し、各項目を ↓ 画像のように調整(※【角度】や【光沢輪郭】の微細な調整によって、表情が全く変わってくるので、画面を見ながら慎重に微調整しましょう。)

gold-text02

【光沢輪郭】はエディターにて複雑な波型を作ります。この調整を上手くやることによってGOLDらしい表現が可能になります

gold-text03

ベベルとエンボスの【輪郭】にチェックを入れて ↓ 画像のように調整。

gold-text004

このようにPhotoshopではべベルの調整がうまくできれば、それだけで立体的なGOLD(金色)の文字を表現することができます

gold-text19

ちなみに、べベルとエンボスの【テクニック(T)】には、『滑らかに』と『シゼルハード』と『シゼルソフト』があり、それぞれ表情が変わるので適したものをチョイスしましょう

表面にグラデーションをかけてGOLD(金色)の文字を表現する

先ほど作成した、GOLD(金色)のテキストレイヤーを右クリックして複製します

gold-text-05

下に移動して、太めのフォントにしてみます。

gold-text-06

ベベル(内側)のテクニックを【シゼルハード】に変更して、各項目を ↓ 画像のように調整(※角度の調整によって、表面が明るくなったり暗くなったり表情が大きく変わるので慎重に調整しましょう。)

gold-text-15

こんな感じになりました。

gold-text-08

ここでレイヤースタイルのグラデーションオーバーレイを適用し、グラデーション部分をクリック

gold-text-09

GOLDっぽさを出すために、グラデーションエディターでカラーを調整

gold-text-10

続いて、シャドウ(内側)にチェックを入れて ↓ 画像のように調整。

gold-text-11

これで表面はグラデーションによってGOLDを表現し、輪郭によって立体感を演出することができました

gold-text-16

より立体的にするための応用

文字の輪郭に軽くベベルを適用して、ドロップシャドウをかけることでより立体的に表現しましょう。

GOLD(金色)の文字を一度、レイヤースタイルをラスタライズします。

gold-text-12

サイズは小さめにベベルを適用

gold-text-13

背景との兼ね合いを確認しながら、適度にドロップシャドウをかけます

gold-text-14

これで、立体的なGOLD(金色)の文字が完成しました。

gold-text-16

もしここでの解説でわかりにくい部分があれば、レイヤースタイルの適用方法や微細な調整の仕方など、解説動画で確認してください

また、動画の最後にはPhotoshopの3D機能を使って、立体的なGOLD(金色)の文字を作る方法も解説しているので、光の調整など参考にしながらチャレンジしてみてください↓

Photoshopの3D機能を使って立体的なGOLD(金色)の文字を作る動画解説

gold-text-youtube

スリームデザインの無料メールマガジン

ピックアップ記事

  1. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  2. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  3. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  4. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  5. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…

関連記事

  1. webデザイン

    Photoshopでネオン管が光っているような文字の作り方を解説

    歓楽街を歩いているとBARやライブハウスなどのネオン看板が夜の街を彩っ…

  2. webデザイン

    わずか3秒っ!Photoshopで文字を中央に配置する方法

    Photoshopで文字や図形などを画像の中央(上下左右バッチリ均等)…

  3. webデザイン

    デザインのレイアウトが苦手なひとが今日から得意になってしまう、たった3つの方程式!

    ポスターやホームページのバナー、アイキャッチ画像など人目を引き付けるデ…

  4. webデザイン

    TENコレクションシーズン3:デザインコンテスト第3弾 Surf in the Cityで受賞を頂い…

    私は現在、企業や組織に属することなく個人が創造性を発揮することで社会的…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. Photoshop CCのメニュー文字やツールバーが異常に小…
  2. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…
  3. 「コレがやりたかった!」GIFアニメ(動く画像)のPCモック…

思考系のおもろい記事

ブログラ
  1. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  2. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  3. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  4. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  5. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
PAGE TOP