icon
icon

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

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

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,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では初心者でもフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する