Photoshopで鉛筆風のイラストを描く方法【初心者向け】

Photoshopで「鉛筆風」のイラストを描く方法を初心者向けに解説した記事です。Photoshopでは、「選択範囲」機能と「ペンツール」を使用することで鉛筆風の効果を簡単に付けることができます。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

Photoshopで鉛筆風のイラストを描く方法を初心者向けに解説した記事です。

Photoshopでは、「選択範囲」機能と「ペンツール」を使用することで鉛筆風の効果をつけることができます。

 

なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。

 

大石ゆかり

田島メンター!!Photoshopを使って鉛筆で描いたような雰囲気のイラストを入れたいんですが、どうしたらいいんですか~?

田島悠介

Photoshopの「ブラシツール」にはデフォルトで鉛筆っぽい表現をするブラシがあるので、それを使うのがいいかもしれないね。

大石ゆかり

できれば簡単に、それっぽくしたいんですが……

田島悠介

そんなときは写真や画像から選択範囲を作成するという手もあるよ。実際にやってみようか。

 

Photoshopで鉛筆風のイラストを描く

今回は例としてこの画像を使用します。

ps_pencil_1

背景に白で塗りつぶした「レイヤー1」があり、その上に鉛筆風に加工したいオブジェクトがある「レイヤー2」があります。レイヤー2では、加工する対象の部分以外は透過の状態(何も描かれていない状態)になっています。

 

まず、鉛筆風に加工するオブジェクトのあるレイヤーを選択しましょう。

ps_pencil_2

 

左のメニューの選択範囲ツールアイコンを右クリックし、「自動選択ツール」を選びます。

ps_pencil_3

 

上のオプションで「隣接」のチェックを外してから、背景の適当なところでクリックしてください。

ps_pencil_4

 

お菓子のシルエット以外の部分が選択されました。

ps_pencil_5

 

上メニューの「選択範囲」から「選択範囲を反転」をクリックします。

ps_pencil_6

 

これで加工したい部分が選択されました。

対象によっては「自動選択ツール」などを使用してもOKです。

※文字レイヤーの場合はレイヤーを右クリックして「作業用パスを作成」→パスのタブに移動し「作業用パス」で右クリックし「選択範囲を作成」から範囲を選択することができます

ps_pencil_7

 

鉛筆で加工するためのレイヤーを1つ新規に追加します。ここでは「レイヤー3」としています。

次に、シルエットのあるレイヤー2を非表示にしてください。

ps_pencil_8

 

図のように選択範囲だけが表示された状態になりました。

ps_pencil_9

 

田島悠介

これで下準備は完了だよ。

大石ゆかり

鉛筆ブラシでの描画を適用させる範囲を、先に作ってしまうんですね!

田島悠介

用意ができたら、ブラシツールから「鉛筆」を使って描きこんでいこう。

 

先ほど作成した新規レイヤーを選択した状態で、左のメニューから「ブラシツール」を選択してください。

ps_pencil_10

 

ブラシの種類の中から「鉛筆(木炭)」を選択し、不透明度やブラシの直径などを調整します。

ps_pencil_11

 

選択範囲の中を塗っていきます。途中で色などを変えても大丈夫です。

あまり塗りつぶしすぎないほうが自然な仕上がりになります。(塗りきれていない部分には下レイヤーの状態が反映されます)

ps_pencil_12

 

塗り終わったら「選択範囲」から「選択を解除」をクリックすれば完成です。

ps_pencil_13

 

やり直したい部分がある場合は「選択範囲」→「再選択」を選ぶと、続きを塗ることができます。

ps_pencil_14

今回の記事は以上です。

 

田島悠介

先ほど作った選択範囲の中だけに「ブラシツール」による描画が適用されるんだ。

大石ゆかり

範囲の中をブラシで塗っただけなのに、不思議と手描きの雰囲気が出ますね。面白いです。

田島悠介

鉛筆ツールを使う時はあまりしっかり全部を塗りつぶさず、適度に間を開けるのがそれっぽくなるコツだね。

大石ゆかり

鉛筆以外にも、色々な画材風ツールでやってみると面白そうですね。ありがとうございます!

 

さらにPhotoshopを使いこなしたい場合は、Photoshopで木目を描く方法も合わせてご覧ください。

[お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。