アフィリエイト広告を利用しています

広告

posted by fanblog

2017年08月08日

簡単3分Photoshop|文字をシルバーにするフォトショ加工

Hi ya! kabeです。早速フォトショでシルバー(銀色)加工いきましょー!
Photoshopで半透明文字はこちら
ゴールド(金色)文字加工はこちら

▼今回の目的
Photoshopで文字色をシルバーにする

▼所要時間
3分(kabe調べ※個人差ありっすけど簡単です。慣れたらもっと早くなりまっせ〜。というか、慣れる前に保存しとけばOKすけど)

仕上がり予定はこんな感じです。3パターン。
kabe_photoshop_silver.png

お台場観光スポットならマダム・タッソー東京!
に興味津々でたまらないkabeですが、しっかりPhotoshop加工やります!
では、作業開始!

テキスト準備

まず目指すはこれ、1パターン目。
photoshop-silver.jpg

Photoshopを開いたら、テキストを打ち込みましょう。
photoshop-silver01.jpg
kabeは、ブログ名にしました。
また、サンプルなので見やすくするために、
・背景を#000000(黒)
・文字色を#ffffff白
にしています。
フォントは後から変更効くので、取り急ぎ、適当なのでいきますね。

いざ、フォトショ加工!

次に、テキストのあるレイヤーをダブルクリックします。
photoshop-silver02.jpg
ブルーで選択されているところっすね。

で、エフェクトをかけます。
photoshop-silver03.jpg
トータル6つです。
  1. べベルとエンボス
  2. 境界線
  3. 光彩(内側)
  4. カラーオーバーレイ
  5. グラデーションオーバーレイ
  6. ドロップシャドウ


ひとつずつみていきましょう。
▼構造
べベルとエンボス

photoshop-silver04.jpg
  • スタイル=エンボスの境界線を描く
  • テクニック=滑らかに
  • 深さ=251%
  • 方向=上へ
  • サイズ=1px
  • ソフト=0px


▼陰影
  • 角度=120度
  • 包括光源を使用にチェックを入れる
  • 高度=30度
  • 光沢輪郭(設定は下の画像をご参照ください)=アンチエイリアスにチェックを入れる

  • photoshop-silver000.jpg
  • ハイライトのモード=スクリーン/色は#ffffff(白)
  • 不透明度=75%
  • シャドウのモード=焼きこみカラー/色は#000000(黒)
  • 不透明度=0%


境界線

photoshop-silver05.jpg
▼構造
  • サイズ=3px
  • 位置=内側
  • 描画モード=通常
  • 不透明度=100%


▼塗り
  • 塗りつぶしタイプ=グラデーション
  • グラデーションの配色はこんな感じです↓
    photoshopsilver.jpg
    グラデーションタイプは「べた塗り」
    1
    位置=0%
    色=535b5e


    2
    位置=25%
    色=fefefe

    3
    位置=50%
    色=636b6d

    4
    位置=75%
    色=fdfdfd

    5
    位置=100%
    色=535b5e
  • スタイル=線形
  • レイヤーに整列へチェックを入れる
  • 角度=90%
  • スケール=56%


採光(内側)

photoshop-silver06.jpg
▼構造
  • 描画モード=輝度
  • 不透明度=70%
  • ノイズ=15%
  • 色は#fffff(白)
  • 配色設定はこちら
    photoshop.jpg
    グラデーションタイプは「べた塗り」
    1
    位置=0%
    不透明度=100%

    2
    位置=100%
    不透明度=0

    3
    位置=0%
    色=ffffff

    4
    位置=100%
    色=ffffff


▼エレメント
  • テクニック=さらにソフトに
  • ソース=エッジをセレクト
  • チョーク=70%
  • サイズ=3%


▼画質
  • 輪郭=Photoshopにデフォルトで入っているタイプです/アンチエイリアスにチェック入れる
  • 範囲=60%
  • 適用度=0%


カラーオーバーレイ

photoshop-silver07.jpg
▼表示色
  • 描画モード=オーバーレイ/色は 5f6f7e
  • 不透明度=15%


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

photoshop-silver08.jpg
▼グラデーション
  • 描画モード=通常
  • 不透明度=100%

  • photoshop-silver00000.jpg
    配色はこんな感じです
    グラデーションタイプは「べた塗り」
    1
    位置=0%
    色=535b5e

    2
    位置=27%
    色=d6d6d6

    3
    位置=51%
    色=4a5154

    4
    位置=53%
    色=fdfdfd

    5
    位置=73%
    色=b0b0b0

    6
    位置=100%
    色=535b5e
  • シェイプ内で作成にチェック入れる
  • スタイル=線形
  • 角度=90度
  • 比率=150%


ドロップシャドウ

photoshop-silver09.jpg
▼構造
  • 描画モード=蒸散/色は 000000(黒)
  • 不透明度=60%
  • 角度=120度
  • 包括光源を使用にチェック入れる
  • 距離=1px
  • スプレッド=0%
  • サイズ=1px


▼画質
  • 輪郭=Photoshopにデフォルトで入っている設定
  • アンチエイリアスにチェック入れる
  • ノイズ=0%


▼その他
  • その他=レイヤーがドロップシャドウをノックアウトにチェック入れる


ほい! シルバーなテキストの完成です。
ここから、ワンクリックで別バージョンのシルバーテキストができます。みてみましょう。

パターン2

photoshop-silverrr.jpg
さきほどの設定のまま「境界線」を外すとこうなりました!

パターン3−アウトラインのみ

photoshop-silver0ee.jpg
パターン1つ目の設定そのままで「グラデーションオーバーレイ」を外すだけでこうなります!

いかがでしたでしょうか? Photoshopでシルバーなテキスト、簡単ですよね


色々試してみてくださいね!





クリックしていただけるとうれしいです

人気ブログランキングへ

にほんブログ村 デザインブログ 女性デザイナーへ
にほんブログ村
posted by kabe at 13:29 | Comment(0) | TrackBack(0) | Photoshop
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/5610327
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
ファン
検索
カテゴリーアーカイブ
プロフィール
kabeさんの画像
kabe
IT業界へ営業として入るや否や、数名いたデベロッパーが次々退職。 /クリエイトスキル0状態だったけど、自分でWeb制作もやらざるを得なくなる(!!なかなかないレア体験です、きっと)。フォトショとイラレの違い、JavaScriptとjavaの違いすらわかりませんでした。 /約3年が経過し、ようやくデベロッパーが入社したので、自分は退職。 /フリーランスのデベロッパーへ転向。 /美容・音楽大好き。癒しを求めて生きております。 よろしくおねがいします!
プロフィール
タグクラウド
記事ランキング
×

この広告は30日以上新しい記事の更新がないブログに表示されております。