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. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  2. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  4. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  5. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ

関連記事

  1. フォトショップ

    3分でわかる画像をフォトショップで切り取りする方法

    フォトショップで画像を切り取る方法はたくさんあります、バージョンが上が…

  2. フォトショップ

    photoshopでアンディ・ウォーホル風なイラストを作ってみよう。

    ポップアートの旗手と呼ばれるアンディ・ウォーホル風なイラストをphot…

  3. webデザイン

    photoshopで背景を透明なままPNGで保存するのは簡単だよ!

    WEBサイトでアイコンやイラストなどを使用する場合、背景を透明なままで…

  4. フォトショップ

    photoshopで顔を明るく立体的な印象を付ける方法。

    photoshopで顔を明るくするにはトーンカーブやレベル補正などで簡…

  5. webデザイン

    細部(ディティール)へのこだわりがWEBデザインに差をつける。Photoshop編

    魅せる伝えるヘッダーデザインを作成する5つの工程の5番目、ここでは⑤ …

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

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

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  3. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  4. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
PAGE TOP