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

    広告

    posted by fanblog

    2017年09月29日

    すぐできる超絶簡単Photoshop加工|フォトショで文字をメタリックブルーに

    どうもkabeです。kabeだmonoブログをご覧くださり、ありがとうございます。
    今回は、 すぐにできる超絶簡単Photoshop加工 ということで、文字をメタリックブルーにする方法をご紹介いたします。

    シャドーなどを加えた完成kabeバージョンはこちらです。お好みで色々追加してくださいね。
    kabefin.png
    わかりやすくデフォルトで入っているはずのメイリオフォントを使用していますが、フォントを変えると雰囲気も変わりますよー。

    この記事で出来上がるのはこちらの完成形です。
    kabe5.png

    ちなみに、他の色に仕上がるPhotoshop加工も下記ページでご紹介しています。

    フォトショで文字をゴールドにする方法

    フォトショで文字をシルバーにする方法

    その他、 フォトショ加工関連はこちら


    ?@テキスト準備

    Photoshopを立ち上げたら、文字を入力します。
    今回、フォントは、わかりやすく、デフォルトで入っているはずのメイリオを使います。
    kabe2.png
    kabeのはあくまでもサンプルっす。
    この段階で、フォントはもちろん、サイズなどもお好きなものを使われてくださいね^^

    kabe1.png


    変更したいテキストレイヤーのレイヤー名の横にあるスペース付近をダブルクリックすると(囲んでいるとこでっせ)、レイヤースタイルを変更する画面が出てきます。
    kabe3.png

    レイヤースタイル変更画面はこちら。ここで、 グラデーションオーバーレイ にチェックを入れて、グラデーション部分(囲んでいるところで)をクリックしてください。
    kabe4.png
    すると、次の項目でご説明しますが、グラデーションを変更できる画面が現れます。


    ?Aフォトショでメタリックブルー:パターンA

    ?@の続きです。
    こちらを作ります。
    kabe5-1.png

    グラデーションは以下のように変更します。
    kabe1-1.png

    カラーコードと位置はこちら
    ▼1
    カラー=1b7082 /位置=0%

    ▼2
    カラー=cbecf3 /位置=39%

    ▼3
    カラー=1b7082 /位置=100%



    ?Bフォトショでメタリックブルー:パターンB

    ?@の続きです。
    目指すはこちら。
    kabe5-2.png

    グラデーション情報です。
    kabe2-2.png



    カラーコードと位置はこちら

    ▼1
    カラー=1b7082 /位置=0%

    ▼2
    カラー=81d9eb /位置=25%

    ▼3
    カラー=1b7082 /位置=100%




    ?Cフォトショでメタリックブルー:パターンC

    作るのはこんな感じ。
    kabe5-3.png

    グラデ情報
    kabe3-3.png

    カラーコードと位置はこちら

    ▼1
    カラー=1b7082 /位置=0%

    ▼2
    カラー=06f2fb /位置=60%

    ▼3
    カラー=1b7082 /位置=100%



    以上です。いかがでしたか? 簡単に作れましたね!
    ぜひぜひ、お試しください!

    SSL化も超簡単、最近kabeイチオシのサーバーはこちらです。




    そういえば、今度、SSL化について書きたい(今、思いました)。
    ではでは、また〜〜。
    クリックしていただけるとうれしいです

    人気ブログランキングへ

    にほんブログ村 デザインブログ 女性デザイナーへ
    にほんブログ村

    posted by kabe at 16:22 | TrackBack(0) | Photoshop

    この記事へのトラックバックURL
    https://fanblogs.jp/tb/6755722

    この記事へのトラックバック
    Build a Mobile Site
    スマートフォン版を閲覧 | PC版を閲覧
    Share by: