広告

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
http://fanblogs.jp/tb/7484088
※ブログオーナーが承認したトラックバックのみ表示されます。

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

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