loading
 読み込み中...
ウェブの触手-日々の生活に新たなスパイスを-
Home > [Windowsアプリ] > 【Photoshop】黒板とチョークを作ってみた
この記事は約2分で読めます。
この記事は最終更新日から5年以上経過しているため現状にそぐわない可能性もあります。

【Photoshop】黒板とチョークを作ってみた

投稿日:2009.8.15

webデザイン用に Photoshop(CS4)で黒板の作り方に挑戦してみました。

SIRIUSレビューイメージ画像

完成仕上がり画像

最終的な完成画像がコチラです。
微妙に白墨のカスが残っている雰囲気を出してみました。

完成画像

 

スポンサーリンク

手順

以下、手順です。

適当な大きさで新規ファイルを作成→黒板っぽく塗り潰す

作図は600×500px、カラー値は#002F01。

ベース地画像

 

「チョーク」の作成→ブラシ選択で適当にチョークブラシを選択

ブラシ選択画像

 

ブラシコントロールで「シェイプ」と「散布」にチェックを入れ、下記数値で設定(数値はトライ&エラーで適当に変更を)

ブラシコントロール画像

小さいブラシサイズのときはさほど変化はないですが、大き目のブラシサイズで描くと違いが出てくる模様です。

 

上記設定値のブラシをオリジナルブラシ「黒板チョーク」として登録

ブラシ登録方法画像

 

①新規レイヤーを2枚作り、レイヤー1をアクティブにし、色が白の上記ブラシでブラシサイズを少し大きめにしながら適当に黒板上をなぞる

ブラシコントロール画像

流量と不透明度はできるだけ低めがいいです。

できればタブレットを使った方が仕上がりがきれいになります。

 

②消しゴムツールに切り替え、流量を大きめにし、少しずつランダムに消していく

消しゴム画像

 

レイヤー2をアクティブにし、上記①②の作業を繰り返す

ちょっと消し残りがある黒板っぽくなるまで
レイヤー 1、2を何度も塗っては消すの繰り返し。

仕上がり画像

 

チョーク文字は上記ブラシをそのまま使って書く

細い縦書き文字はブラシサイズ 0.3、横文字はブラシサイズ 10。

ちなみに冒頭完成画像の「自習時間」はブラシではなくテキストで打ち込んであります。

チョーク文字画像

以上です。

記事はお役にたてましたか?

記事にご興味をもっていただけましたら
下のソーシャルボタンで共有していただけると嬉しいです^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

スポンサーリンク

おススメTCDテーマ

WordPressテーマ「SWEETY (TCD029)」 

コメント(0件)

コメントをどうぞ

入力いただいたメールアドレスは公開されません。
個人情報などを記入された場合、投稿いただいたコメントの該当箇所を編集して公開するか、もしくは非公開にします。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

先頭へ