Photoshop

Photoshopブラシツールの使い方とおすすめプリセット21選

みなさんPhotoshopのブラシ機能は活用していますか?ブラシ機能を使うこと鉛筆や筆で書いたような質感で文字を書いたり、炎や雷など幻想的なエフェクトを好きなところに足すことができるので簡単にデザインを作成することができます。一部のブラシはスタンプ感覚で使用することできるので時間短縮にもなります。ブラシには他の機能と同様にプリセットを作成することができます。Webで無料で公開しているプリセットには優秀なものが多いので利用することで自分でプリセットを作成する手間を省くことができます。今回はブラシ機能の使い方と無料で使えるおすすめプリセットを紹介します。

ブラシの使い方

まず最初にブラシ機能の使い方について紹介します。

ブラシツールをを選択する

ブラシツールを選択しましょう。ブラシツールは筆のような形をしています。

ブラシツールが見つからない場合

ブラシツールが他のグループのツールに隠れてしまっている場合があります。ブラシツールのグループはブラシツールの他に「鉛筆ツール」「色の置き換えツール」「混合ブラシツール」の3つあるので、ツールバーに表示されている、いずれのどれかを右クリックして「ブラシツール」を選択しましょう。

ブラシツールが見つからないので鉛筆ツールを右クリックする。

鉛筆ツールと同じグループに分類されているツールが表示されるので「ブラシツール」を選択します。

ドラッグで描写する

ブラシツールを選択した状態でレイヤーをドラッグするとドラッグした通りに線を描くことができます。

ブラシについての設定は上部にある「オプションバー」で変更することができます。オプションバーではブラシの種類やブラシの太さ等を変えることができます

ブラシの種類を変える

Photoshopで用意されているブラシを使用することができます。用意されているブラシの中には油彩風や鉛筆風で線を書けるものや煙などを書けるものがあります。

現在のブラシが表示されている部分(黄色で囲っている部分)をクリックするとブラシ一覧が表示されます。ブラシをクリックすることで選択することができます。

ブラシの色を変える

ブラシの色を変更するには他のツールと同様にツールパネルからカラーピッカーを選択して使用したい色を選びます。

使用したい色を選択し「OK」を押せば色の変更完了です。

ブラシの太さを変える

ブラシの太さを変えるには現在使用しているブラシが表示されている(黄色い枠で囲まれている)部分をクリックします。赤丸で囲われてる部分をスライドするか赤枠で囲まれている所に数値を入力することでブラシの線の太さを変更できます。

ブラシの硬さを変える

黄色い枠で囲まれた部分をクリックし、赤枠に数値を入力するかつまみをスライドさせることでブラシの硬さを変えることができます。

以下の画像は硬さ100% 50% 0%を比較した画像です。硬さを0に近づけるほど線の境界線がぼやけているのがわかります。

ブラシの不透明度を変える

オプションバーから不透明度を変更することができます。黄色の枠で囲まれた場所に数値を入力するか、クリックして表示されるつまみをスライドさせることで調節することができます。不透明度を変更することでブラシで描写した物を半透明にしたり透明することができます。

下の図は不透明度100% 50% 25%の比較画像です。不透明度が低ければ低いほどブラシが透明になっていくのがわかります。

ブラシの線の流量を変える

オプションバーからブラシの流量を変えることができます。流量を低くなるほどブラシは薄くなります。不透明度とよく似ています。流量はブラシそのものを薄くしているのでブラシがかすれでいるのがわかります。以下に流量別画像と不透明度と比較した画像を載せています。

ブラシプリセット使い方

ブラシツールには自分で作成したブラシを保存することができます。他の人が公開しているプリセットを使用することでブラシを作る作業を省くことができます。プリセットの保存方法と使用方法を紹介します。

ブラシを保存する

プリセットを使用する前におすすめのプリセットを紹介します。使用してみたいブラシがあったら保存しておきましょう。

1.Snowflakes Brushes

http://www.brusheezy.com/brushes/1337-snowflakes-brushes

デザイン風の雪の結晶が20種類入っているプリセットです。シンプルで丁寧に作られているので他のデザインに合わせて使用しやすいです。

2.Snowflakes brush photoshop brushes

http://all-free-download.com/photoshop-brushes/download/snowflakes_brush_39445.html

雪の細かい部分まで表現しているデザイン風の雪の結晶が特徴的なブラシが9個入ったセットです。細いところまで表現しているので写真と組み合わせたデザインが作成しやすいです。

3.Real Snow Flakes Brushes

https://www.brusheezy.com/brushes/46518-real-snow-flakes-brushes

本物そっくりの雪の結晶が12種類入ったセットです。本物そっくりなので雪の写真に混ぜて使用してみるのもいいかもしれません。

4.Smoke Brushes Set 1

https://www.deviantart.com/falln-stock/art/Smoke-Brushes-Set-1-92730901

本物の煙そっくりに描くことができる煙のブラシセットです。写真からデザインまで幅広く使うことができます。

5.Smoke Brushes – Six

https://www.deviantart.com/perpetualstudios/art/Smoke-Brushes-Six-142198355

タバコのような煙を描写することができるブラシセットです。ワンポイントで煙を足したいときに重宝すると思います。

6.Smoke Brush Set

https://www.deviantart.com/wiim/art/Smoke-Brush-Set-46493353

繊細な煙を表現できるブラシセットです。アップにしても繊細さがわかるブラシなので煙が主題のデザインに重宝するブラシセットです。

7.Smoke and Fire Brushes

https://www.deviantart.com/differentxdreamz/art/Smoke-and-Fire-Brushes-121021417

こちらのブラシセットは煙を描くだけでは無く、色を変更することに炎として使用することがでできます。

8.Light Brushes

https://www.brusheezy.com/brushes/20467-light-brushes

こちらは夜の光を表現できるブラシのプリセットです。21種類あるのでこのプリセット一つで様々な表現をすることができます。

9.Photoshop Cloud Brushes 2

https://www.deviantart.com/sdavis75/art/Photoshop-Cloud-Brushes-2-400850915

このプリセットは本物のような雲を描くことができます。34種類のブラシが内蔵されているのでこれ1つだけでも色々な種類の空模様を表現することができます。

10.Lightning Bolt Brushes V1

https://www.deviantart.com/andrei-oprinca/art/Lightning-Bolt-Brushes-V1-101367753

このプリセットは雷のブラシを26種類も使用することができます。雲のブラシと合わせて使うことで雷をより細かく表現できます。

11.High Res Splatter Brushes

https://www.brusheezy.com/brushes/1390-high-res-splatter-brushes

ペンキをこぼしたようなブラシが26種類内蔵されています。色を赤くすることで血痕を表現することもできる万能プリセットです。

12.Watercolor Basics

https://www.brusheezy.com/brushes/7774-watercolor-basics

本物のブラシで描いた物を使用しているので、本物のような描写をデザインすることができます。

13.Coloured Pencil Brushes – PS7

https://www.deviantart.com/dark-zeblock/art/Coloured-Pencil-Brushes-PS7-243509292

クレヨンで描いたようなブラシを使用できます。ブラシによって細かさが違うのデザインによって使い分けることができます。

14. 鉛筆R

https://assets.clip-studio.com/ja-jp/detail?id=1702962

イラストレータのredjuiceさんが紹介している、鉛筆で描いたかのような質感を出すことができるブラシです。

15.PS7 Brushes Pencil 2

https://www.deviantart.com/dark-zeblock/art/PS7-Brushes-Pencil-2-277976351

鉛筆で描いた表現を多数用意しているプリセットです。様々な濃さや太さの鉛筆を選ぶことができます。

16.192 Free Ink Brushes for Photoshop

https://myphotoshopbrushes.com/brushes/id/3479/

インクで描いたような表現を192種類表現できるプリセットです。

17.Spray Paint

https://www.brusheezy.com/brushes/21821-spray-paint

スプレーを吹きかけたような表現をすることができるプリセットです。

18.Grunge Brushes

https://www.brusheezy.com/brushes/1422-grunge-brushes

このプリセットはデザインに汚し表現をすることができます。

19.Ink Splatter

https://www.brusheezy.com/brushes/1723-ink-splatter

デザインにインクをこぼしたような表現ができるプリセットです。

20.Glossy Blood Splatter

https://www.brusheezy.com/brushes/1815-glossy-blood-splatter

血飛沫として使用できるプリセットです。色を変えてペンキが飛び散るような表現をすることもできます。

21.WG Watercolor Brushes Vol1

https://www.brusheezy.com/brushes/2252-wg-watercolor-brushes-vol1

水彩画を表現することができるブラシです。紙のテクスチャと相性がいいのでそちらと利用してみてください。

プリセットを使用する

お気に入りのプリセットを保存したら使用してみましょう。
黄色の枠で囲んでいる所をクリックしてください。

次に歯車をクリックしてください。

歯車をクリックするとこのような表示がされるので「ブラシを読み込む」をクリックしてください。

次に保存したプリセットを開きます。

すると開いたプリセットがブラシに保存されているので使用することができます。

あとはブラシツールで描くだけで保存したブラシを使用できます。

︎まとめ

今回はPhotoshopのブラシの使い方とオススメのプリセットを紹介しました。ブラシ機能を使用することデザイン作成の時間短縮になります。プリセットには優れたものが多くブラシだけでデザインを作成することも可能なくらい充実しています。photoshopのブラシを入れすぎると重くなってしまうので使用しなくなったブラシは削除した方が良いかもしれません。

ピックアップ記事

  1. Webマーケティングとは?基礎知識と種類ごとの導入メリット・活用方法
  2. Instagramの予約投稿に便利なツール5選!比較・特徴・使い方
  3. SEOの意味と目的とは?SEOの基本の基本を抑えよう!
  4. 適したタイトルタグの文字数とは?SEOで注意すべきについて</a> </li> <li> <a class="title" href="https://min-web.com/seo-effect-of-linked/">被リンクはSEOに意味がある?効果的な被リンクの増やし方</a> </li> </ol> </div> <div id="related_post"> <h3 class="headline">関連記事</h3> <ol class="clearfix"> <li class="clearfix num1"> <a class="image" href="https://min-web.com/wordpress-make-search-function/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/03/pixta_49723814_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/03/pixta_49723814_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/03/pixta_49723814_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/03/pixta_49723814_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/design-development/wordpress/" style="background-color:#222222;">WordPress</a></p> <h4 class="title"><a href="https://min-web.com/wordpress-make-search-function/" name="">WordPressの記事検索機能を簡単に作る方法【初心者向け】</a></h4> <p class="excerpt">Wordpressで制作したWebサイトはコンテンツの更新が簡単なので…</p> </div> </li> <li class="clearfix num2"> <a class="image" href="https://min-web.com/wordpress-fixed-page/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/03/pixta_49723719_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/03/pixta_49723719_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/03/pixta_49723719_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/03/pixta_49723719_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/design-development/wordpress/" style="background-color:#222222;">WordPress</a></p> <h4 class="title"><a href="https://min-web.com/wordpress-fixed-page/" name="">WordPressの固定ページについて[基礎~応用]機能と使い方のすべて</a></h4> <p class="excerpt">Wordpressには普通の投稿の他に、「固定ページ」があるのをご存知…</p> </div> </li> <li class="clearfix num3"> <a class="image" href="https://min-web.com/wordpress-authority/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/12/pixta_49706186_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/12/pixta_49706186_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/12/pixta_49706186_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/12/pixta_49706186_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/design-development/wordpress/" style="background-color:#222222;">WordPress</a></p> <h4 class="title"><a href="https://min-web.com/wordpress-authority/" name="">WordPressで設定可能な「権限」の種類と設定方法</a></h4> <p class="excerpt">webサイトを複数人で運営している場合、全員が同じパスワードやIDを利…</p> </div> </li> <li class="clearfix num4"> <a class="image" href="https://min-web.com/photoshop-blur-tool/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/03/pixta_35203728_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/03/pixta_35203728_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/03/pixta_35203728_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/03/pixta_35203728_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/design-development/photoshop/" style="background-color:#222222;">Photoshop</a></p> <h4 class="title"><a href="https://min-web.com/photoshop-blur-tool/" name="">Photoshopのぼかしツールを使って被写体をボカす簡単な方法</a></h4> <p class="excerpt">Photoshopで画像編集をしてる時に背景をぼかしたいって思ったこと…</p> </div> </li> <li class="clearfix num5"> <a class="image" href="https://min-web.com/photoshop-change-image-size/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/03/pixta_48469837_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/03/pixta_48469837_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/03/pixta_48469837_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/03/pixta_48469837_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/design-development/photoshop/" style="background-color:#222222;">Photoshop</a></p> <h4 class="title"><a href="https://min-web.com/photoshop-change-image-size/" name="">Photoshopを使って画質を劣化させずに画像のサイズを変更する方法</a></h4> <p class="excerpt">画像を使用する媒体によって画質が乱れてしまうことがあります。そのような…</p> </div> </li> <li class="clearfix num6"> <a class="image" href="https://min-web.com/basics-of-photoshop/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/03/pixta_48469838_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/03/pixta_48469838_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/03/pixta_48469838_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/03/pixta_48469838_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/design-development/photoshop/" style="background-color:#222222;">Photoshop</a></p> <h4 class="title"><a href="https://min-web.com/basics-of-photoshop/" name="">【Photoshop初心者向け】基本的なPhotoshopの使い方</a></h4> <p class="excerpt">今回はPhotoshopで出来る「写真編集」「グラフィックデザイン」「…</p> </div> </li> </ol> </div> <h3 id="comment_headline">コメント</h3> <div id="comment_header"> <ul class="clearfix"> <li id="comment_switch" class="comment_switch_active"><a href="javascript:void(0);">コメント ( 0 )</a></li> <li id="trackback_switch"><a href="javascript:void(0);">トラックバック ( 0 )</a></li> </ul> </div><!-- END #comment_header --> <div id="comments"> <div id="comment_area"> <!-- start commnet --> <ol class="commentlist"> <li class="comment"> <div class="comment-content"><p class="no_comment">この記事へのコメントはありません。</p></div> </li> </ol> <!-- comments END --> </div><!-- #comment-list END --> <div id="trackback_area"> <!-- start trackback --> <ol class="commentlist"> <li class="comment"><div class="comment-content"><p class="no_comment">この記事へのトラックバックはありません。</p></div></li> </ol> <div id="trackback_url_area"> <label for="trackback_url">トラックバック URL</label> <input type="text" name="trackback_url" id="trackback_url" size="60" value="https://min-web.com/brush-tool-and-preset/trackback/" readonly="readonly" onfocus="this.select()" /> </div> <!-- trackback end --> </div><!-- #trackbacklist END --> <fieldset class="comment_form_wrapper" id="respond"> <div id="cancel_comment_reply"><a rel="nofollow" id="cancel-comment-reply-link" href="/brush-tool-and-preset/#respond" style="display:none;">返信をキャンセルする。</a></div> <form action="https://min-web.com/wp-comments-post.php" method="post" id="commentform"> <div id="guest_info"> <div id="guest_name"><label for="author"><span>名前</span>( 必須 )</label><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' /></div> <div id="guest_email"><label for="email"><span>E-MAIL</span>( 必須 ) - 公開されません -</label><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' /></div> <div id="guest_url"><label for="url"><span>URL</span></label><input type="text" name="url" id="url" value="" size="22" tabindex="3" /></div> </div> <div id="comment_textarea"> <textarea name="comment" id="comment" cols="50" rows="10" tabindex="4"></textarea> </div> <div id="submit_comment_wrapper"> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="095250f5e5" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="7"/></p> <input name="submit" type="submit" id="submit_comment" tabindex="5" value="コメントを書く" title="コメントを書く" alt="コメントを書く" /> </div> <div id="input_hidden_field"> <input type='hidden' name='comment_post_ID' value='884' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </div> </form> </fieldset><!-- #comment-form-area END --> </div><!-- #comment end --> <!-- banner2 --> </div><!-- END #main_col --> </div><!-- END #main_contents --> <p id="copyright">Copyright ©  <a href="https://min-web.com/">ミンウェブ -みんな使えるWeb活用術</a> All rights reserved.</p> <div id="return_top"> <a href="#header_top"><span>PAGE TOP</span></a> </div> <!-- facebook share button code --> <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.async = true; js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <script type='text/javascript' src='https://min-web.com/wp-includes/js/comment-reply.min.js?ver=5.0.4'></script> <script type='text/javascript' src='https://min-web.com/wp-includes/js/wp-embed.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://min-web.com/wp-content/plugins/akismet/_inc/form.js?ver=4.1'></script> </body> </html>