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

    広告

    posted by fanblog

    2018年03月27日

    Photoshop CC|1分以内で黒板にチョークで書いたような文字を作る方法

    Photoshopを用いて、 1分以内でできる、黒板にチョークで書いたような文字を作る方法 をご紹介いたします。
    仕上がりはこちらです。
    kabedamono8.png


    ※本日以降の記事ではPhotshopCCを使用いたします(以前の記事はCS6のPhotoshopです)
    今でも両方使っていますが、どちらもほぼ変わりありません。
    尚、CSシリーズにはないCCの使用方法(フォント追加など)もそのうちご紹介したいです!

    さて、今回の記事内容へ戻りましょう。Kabe目安ですが、所要時間は1分以内です。
    あう、名乗り遅れましたがわたくしkabeです。

    ?@ベース画像と文字を準備

    まずはベースの準備です。
    • 黒板の画像
    • チョークで書きたい文字

    を用意しましょう。

    Kabeはこちら、著作フリーの画像を使用させていただきました。
    ▼ベースとなる黒板画像
    bb.jpg


    ▼チョークで書きたい文字(2種類にしました)
    kabedamono1.png

    Photoshopを開いて、ベース画像を取り込み、文字を乗せます。
    白い字で書いています。(#ffffff)


    ?Aチョーク加工を施していきます


    kabedamono2.png

    まずは加工したい文字があるレイヤーをダブルクリックしましょう。
    「Kabeだmono」の文字に加工していきます。

    すると、レイヤースタイルの設定画面が開きます。↓
    kabedamono3.png

    「光彩(内側)」にチェックを入れて、それぞれ、
    ▼構造
    • 描画モード=通常
    • 府透明度=60%
    • ノイズ=50%
    • カラー=#000000


    ▼エレメント
    • テクニック=さらにソフトに
    • ソース=エッジにチェック入れる
    • チョーク=0%
    • サイズ=15px


    ▼画質
    • 輪郭=線形
    • アンチエイリアス=入れても入れなくてもOKです
    • 範囲=100%
    • 適用度=0%

    ※尚、「光彩(外側)」は外側もありますので、お間違えなく。必ず「光彩(内側)」を選んでくださいね。

    すると、「Kabeだmono」の文字がチョーク風になりました。
    kabedamono4.png


    こんな感じでいけます。1分以内っす、大体。

    しかし、まだもう少しご紹介しまっすよー。もうちょっとチョーク感を出したい、色を変えたい、という場合はこちらっす。
    もうちょいチョークっぽくしたいときは?


    kabedamono5.png

    不透明度やノイズをいじります。
    今回は、ノイズを100%にしました。

    すると、、左側にある「Kabeだmono」になります。よりチョーク感が出ていますよね。

    では、お次、 一旦ノイズを元の50%に戻しましょう。
    そして、
    kabedamono5.png

    エレメントにあるサイズを250pxに変えます。
    色が薄くなり、時間が経ったチョーク文字という感じがしませんか?

    こんなふうに、ノイズやサイズをいじると変わります。お好みで不透明度もいじってみてくださいね!

    さて、最後に、色を変える方法です。
    カラーチョーク風にするには?


    チョークと言えば、白、黄、赤、青、茶、緑などなどいろんな色がありますよね。
    というわけでそんなカラーバージョンチョークもやってみませう!
    すごーく簡単です。
    kabedamono7.png

    ノイズの下にあるカラーを変更するだけです。
    今回は青にしたくて、#0c9ef1 としました。青でもいろんな色があるのでお好みで変えてくださいな。
    「Blog」の文字に反映させてまっせ。ブルーになりました。

    kabedamono8.png

    ほい、完成形ですわ。

    どうでっしゃろ。簡単ですので、いろいろ試してみてくださいね!
    ではまたまた〜。

    簡単にHPを作るならこちら〜〜。お堅めから、おされ〜なサイトまで簡単にできます。



    デザインパターンから選んで、いい感じのサイトが作れます。
    HTMLとCSSがちょこっとわかる方はカスタムもガンガンできる優れもの。
    無難なものから、他と差異化をはかった独特なサイトまで。お試しあれ〜。

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

    人気ブログランキングへ

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


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

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

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