【Photoshop】絵の具で描いたようなにじみとムラのある手描き風ブラシの作り方

※当ブログのリンクには一部広告が含まれています。

【Photoshop】手描き水彩画/絵の具風ブラシ作成方法

Photoshopのデフォルトのブラシでも手書き風のブラシは用意されてますが、もっとリアルな感じを出したいと思うとちょっと物足りません。デフォルトのブラシをベースにして少し手を加えることで、温かみのあるアナログ風のブラシが作れます。

この記事では、絵の具で描いたようなにじみとムラのあるブラシを作成します。色の変更やサイズも簡単に変えられます!参考にさせていただいた本は記事の最後に紹介しましたので、ぜひご覧ください。
※画像をクリックすると、拡大画像がポップアップして表示されます。

【この記事を書いた人】

Adobe使用歴20年以上、Webデザイナー歴15年以上、フリーランス歴10年以上のApple/運動好きな2児の母。Apple/クリエイティブ/運動/ライフスタイル関係の情報を発信中。プロフィール詳細

ブラシの作り方

【Photoshop】手描き水彩画/絵の具風ブラシ作成方法

初期設定のブラシプリセットにある「水彩平筆」を選び、100pxに設定します。

【Photoshop】手描き水彩画/絵の具風ブラシ作成方法

「シェイプ」で「左右に反転のジッター」と「上下に反転ジッター」にチェックを入れます。

【Photoshop】手描き水彩画/絵の具風ブラシ作成方法

「デュアルブラシ」で以下のように設定します。

  • 「ソフト円ブラシ」で直径:150px
  • 間隔:100%
  • 散布:0%、「両軸」にチェックを入れます。
  • 数:5

【Photoshop】手描き水彩画/絵の具風ブラシ作成方法

「不透明度のジッター」を50%に設定します。値が高いと、よりムラが強くなります。

【Photoshop】手描き水彩画/絵の具風ブラシ作成方法

色を「描画色」と「背景色」で設定します。

「描点ごとに適用」にチェックを入れ、「カラー」の「描画色・背景色のジッター」を20%に設定します。値が高いと、背景色の割合が多くなり、多色感がでます。

選択する色や配合の割合によって様々なバリエーションのブラシが作成できます。小さいドットなどは先端のシェイプのサイズを小さくすると描きやすいと思います。色見だけを変えたい場合は、「新規調整レイヤー」の「色相・彩度」を使ってもよいですね。

作ったブラシはブラシプリセットに登録して、いつでも使えるようにしておきます。ブラシの登録方法は以下のページで説明しています。

ブラシを見やすく、使いやすく管理してくれるプラグインもおすすめです。私もこのプラグイン使っていますが、ブラシ管理がとても楽になりました。

参考書籍

上記の作例は以下の本を参考にさせていただきました。絵の具・水彩画風のブラシ以外にも、手書き/手描き風のデザインの作り方がたくさん載っています。これ一冊でデザインの幅が広がります。

PhotoshopやIllustratorでのかわいいアナログ手書き風破線・点線の作り方についても書いてます!

iPadのお絵描きアプリなら、簡単に手描き風ブラシが使える!

Apple Pencil対応のiPadとお絵かきアプリがあれば、手書き風のブラシで簡単に絵を描いたりデザインを作成したりできます。

アプリによって提供されるブラシは異なりますが、例えばAdobe FrescoやAdobe Photoshop Sketchは、デスクトップ版で使用しているブラシが読み込めたり、他のアプリでもブラシを自作したりすることもできます。また、iPad版Adobe PhotoshopやProcreateのように、PSDファイルを読み込めるアプリもありますので、デスクトップと作業を共有することも可能です。

iPadのお絵描きアプリは、以下の記事でたくさん紹介しています。iPadを使うと、新しい世界が広がりますよ〜!

iPadの選び方や便利な活用方法については、以下の記事をご覧ください。

Adobe Creative Cloudを安く購入する方法

Adobe CCを安く購入する方法は、主に以下の3つです。

Adobeソフトを安く手に入れる方法

  • Adobe認定スクールパートナーで購入する →社会人でもOK!いつでもコンプリートプランが最安
  • Adobe公式サイトのセールで購入する →学生・教職員版コンプリートプランが77%OFF!(4/26まで)
  • Amazonのセールで購入する

以下の記事で詳細をまとめていますので、Adobe CCの購入を検討している人はぜひご覧ください。既に契約している人でも、次の更新日から使えるようになりますよ!セールの詳しい情報も掲載しています。

Adobeソフトをもっと詳しく学びたい!という人は、以下の記事が役に立つかもしれません。無料で学べるサービスもありますので、要チェック!