Photoshop テクニックス

Adobe Photoshop CS5 テクニック 講座 アドビ フォトショップ

アドビ フォトショップ(フォトショ)の基本的な使い方。様々な写真・画像の加工テクニック(切り抜き、トリミングからプロ仕様の効果まで)の解説&動画。フリーのフォントや無料の素材、ブラシ、テクスチャ、役立つ情報なんかも紹介しています。 Adobe CS5


光沢のある文字デザイン ベベルとエンボスを使ってみよう

Photoshopで光沢のある文字デザイン ベベルとエンボス


キラキラした光沢のある文字デザインの作り方をアナタに!
ベベルとエンボスの使い方。
 
おひさしぶりの更新です。
今回は、まだやってなかった光沢のあるキラキラした文字デザインの作り方を^^b

▼まず幅400×高さ400ピクセルの新規ファイルを作成したら、新しいレイヤーを追加し、[編集]-[塗りつぶし]-[カラー]などで真っ黒のレイヤーにしてください(視認しやすい背景用なので、上手くできないひとは長方形ツールなどで黒にしてもOKです)。
Photoshopで光沢のある文字デザイン ベベルとエンボス

▼次に白色で好きな文字を入力。今回の見本は、Illastoratorなどにも入っている小塚明朝のH(いちばん太いやつ)を使用し、100pxの文字サイズです。
Photoshopで光沢のある文字デザイン ベベルとエンボス

▼レイヤーパレットで文字を書いたレイヤーをダブルクリックし、レイヤースタイルを設定。まずはカラーオーバーレイを選択し(チェックマークを入れるだけでなく、ちゃんとカラーオーバーレイと書かれた文字の部分もクリックし、パネルがカラーオーバーレイの設定になってるかも確認してください ⇒ [レイヤー]-[レイヤースタイル]-[カラーオーバーレイ]でもOK)、ピッカーから写真のような黄色っぽい色を選んでください。ちなみに、この方式でやれば、後から文字の色合いを変えるのもラクチンです。
Photoshopで光沢のある文字デザイン ベベルとエンボス

▼次にベベルとエンボスの設定。今回は文字フォントや、その他もろもろの関係上、写真のような数値となります。フォントサイズなどによって数値は変わってきますが、深さやサイズ、角度、高度、光沢輪郭などの値をひと通りイジくりまわして、なんとなくでも良いので、どういう意味合いの設定なのか、挙動を確認してみるとよいでしょう(今回はレイヤースタイル:ベベル(内側)、テクニック:滑らかに、深さ:40%、方向:上へ、サイズ:5px、角度:120°、光沢輪郭:写真のとおり、ハイライトのモード:覆い焼きカラーなど)。
Photoshopで光沢のある文字デザイン ベベルとエンボス

▼次にベベルとエンボス内にある輪郭の設定。輪郭は写真のとおりで、範囲は40%です。
Photoshopで光沢のある文字デザイン ベベルとエンボス

▼今度は光彩(外側)の設定です。ポイントはカラーの光彩を文字色と同系色の薄い色に設定することです。今回はゴールドを意識したデザインにしていますので、うすい黄色にしました。その他の値は写真のとおりです(まあデフォルトですね)。
Photoshopで光沢のある文字デザイン ベベルとエンボス

▼さらに光彩(内側)の設定。サイズの値は2pxなどにしていますが、ここはディテールの部分なので、テキトーでもOKです(ほんとかよ笑)。
Photoshopで光沢のある文字デザイン ベベルとエンボス

▼レイヤースタイルの設定が終わったレイヤーをコピーし、さらにその上に空の新規レイヤーを作ります。でもって、このコピーしたレイヤーと空のレイヤーを結合させます。右クリックからレイヤーの結合をする時の手順は、Shiftキーを押しながら、ふたつのレイヤーを選択した後に、文字レイヤー側ではなく、空のレイヤーの上で右クリックし[レイヤーの結合]を選択です。ふたつのレイヤーを選択しても、文字レイヤー側の上で右クリックすると、このメニューは呼び出せませんので^^;
Photoshopで光沢のある文字デザイン ベベルとエンボス

結合したレイヤーを文字レイヤーの下に移動。そして、そのレイヤーを[フィルター]-[ぼかし]から[ぼかし(ガウス)]。
Photoshopで光沢のある文字デザイン ベベルとエンボス

▼ぼかし具合は画面を確認しながらの作業になりますが、今回の見本では半径を10ピクセルとしています。
Photoshopで光沢のある文字デザイン ベベルとエンボス

▼以上の手順で完成したのが下の画像です。ちなみにこのレイヤースタイル、もちろんレイヤーのスタイルなので、この記事の冒頭のキャッチで出てきた画像のようにシェイプなどにも適用できますベベルとエンボスは、さまざまな「輪郭」がありますので「これは巧くいった!」というレイヤースタイルが出来たら、そのファイルのレイヤースタイルを他の制作物にも、どんどん流用していくと良いですね。
Photoshopで光沢のある文字デザイン ベベルとエンボス
それではまた。

▼使えるデザインテクニック本たち。ちょっと書店に行かない間に、またいろいろと出てますなぁ(笑)

腕のいいデザイン事務所で修業しないとふつうは身につかない知識と技と心得 Photoshop CS6 スーパーリファレンス for Windows 魅せる写真の加工・デザイン技 ~Photoshopでオシャレ写真を作るアイデア 5日間で学ぶ!お絵描きPhotoshop教室 Photoshop 10年使える逆引き手帖 Photoshop三ツ星テクニック大全 目を奪われるプロの上級技法集 (インプレスムック エムディエヌ・ムック) プロだって意外に知らない 仕事でいきるデザインの定番技 (インプレスムック エムディエヌ・ムック|DESIGN MOOK) Photoshop手描き風テクニック あらゆる難局であなたを助けるデザインの技 (インプレスムック エムディエヌ・ムック) 本格派のPhotoshop プロのテクニックを紐解く (インプレスムック エムディエヌ・ムック) 作業を10倍加速する Photoshop「超」仕事術 -最少の労力で最高の写真に仕上げる効率化テクニックの極意 FASHION ILLUSTRATION WORKS Photoshop & Illustrator デザインを学ぶシリーズ ロゴづくりアイデア大全 クリエイティブ ロゴデザイン アートワークス Photoshop&Illustrator プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド ほめられデザイン事典 レイアウトデザイン Photoshop & Illustrator Photoshopプロフェッショナルズ アイコン・マーク・ロゴデザイン Photoshop×Illustrator プロフェッショナルズ テクスチャ・背景・壁紙デザイン カメラマンのためのPhotoshop Lightroom 5 人物フォト素材 ライフスタイル 人物フォト素材ビジネスシーン Girly Style with GOLD オシャレな質感の大人デザイン装飾素材集(DVD-ROM付) おしゃれde可愛いWebデザインレシピ帖―着せかえ素材がぎゅっと詰まったテンプレート素材集!

▼各種ブログランキングでおます。

fc2 blog rankingブログランキング・にほんブログ村へ人気ブログランキングへPVランキングブログランキング写真学び

Comments

大寅 結人です。 
初めまして。大寅 結人です。
ブログ読ませて頂きましたのでコメントを残させていただきます。

▼ブログ内検索
▼ピックアップ過去記事
レイヤーマスクの操作を写真付きで分かりやすく解説 free_sozai.jpg free_font.jpg 【オススメ】人物フォト素材集2点 collage.jpg tatoo.jpg anime_illust.jpg 【オシャレ】写真の一部をイラストに置き換える イラスト風加工の限界突破!! horse.jpg 写真に古びを持たせる お手軽レシピ スクリーンでカンタンだけど超COOLな加工テク!! 【お手軽クール】イベント・フライヤーにも使える加工 ぼかし(移動)を使って写真に臨場感を! 【フリーソフト】GIMP2はフォトショップに匹敵する!? チャンネルミキサー完全攻略 RGB編
▼フォトショ画像掲示板
フォトショ画像掲示板 Photoshop BBS フォトショップ
▼プロフィール

photoshop76

Author:photoshop76 フォトショの使用歴は浅いですが、ビシバシです(なにが笑)

Adobe Photoshop CS5