Webデザイナー、UI/UXデザイナーの@sdesignlaboです。
Photoshop(フォトショップ)のぼかしツールの使い方と色々なぼかし機能を徹底解説します。
ぼかしツールだけでなく、複数のぼかし方を知っておくと画像編集が捗ります。
フォトショ初心者の方にも分かりやすいよう、順を追ってぼかしテクニックを詳しく解説いたします!
ぼかしツールによるボカシ
まずは [ ぼかしツール ] によるボカシ方を解説します。
Photoshopを導入しましょう
当記事の内容を実践するにはPhotoshop(フォトショップ)が必須です。
未導入の方は
フォトプラン公式サイトから入手可能。
(月額は最安の1,180円、7日間の無料体験が可能)
なお、AdobeCCのプランは
コチラの記事で徹底解説しています。
ぼかしツールの場所
ツールバーに [
ぼかしツール ] があります。
ぼかしツールが見つからない場合はツールバー内にある [
… ] ツールバーを編集から追加できます。
詳しい設定方法は
コチラで解説しています。
ぼかしツールにすると画面上部に [ オプション ] が表示されます。
ブラシサイズや描画モード、強さなどを変更できます。
※オプションが非表示の場合は [ ウィンドウ ] → [ オプション ] から表示できます。
ぼかしツールの使い方
STEP.1
画像を読み込む
フォトショップに写真を読み込みます。
素材にこだわりたい方は
AdobeStockが最強!3億点以上の商用利用可能で高品質な素材が制作を加速させてくれますよ。
詳しくは
コチラで解説しています。
ぼかしツールでスマートオブジェクトへの直接編集は不可。
[ レイヤーパネル ] → [ 対象となるスマートオブジェクトを右クリック ] → [ レイヤーをラスタライズ ] を適用しましょう。
※事前に [ Ctrl + J ] (Mac:Command + J) でのレイヤーコピーがオススメ!
STEP.2
ぼかしツールに変更し、オプションを設定
[ ぼかしツール ] に切り替え、オプションの設定を行います。
ブラシの設定や描画モード、強さなどを調整します。
ブラシサイズを大きく:]
ブラシサイズを小さく:[
FINISH
完成
あとはボカしたい個所をなぞるだけです。
サンプルはクチバシの周囲をぼかしました。
スマートオブジェクトに手を加える裏技
通常の方法ではスマートオブジェクトに直接手を加える事はできません。
レイヤーパネルのサムネイルをダブルクリックすると、スマートオブジェクトの元ファイルを開く事ができます。元ファイルにぼかしツールを適用、保存をするとスマートオブジェクトに編集可能です。
詳しくは
コチラで解説しています。
フィルターによるボカシ
ぼかしツール以外にもボカシ方はあります。
よく使うフィルターを使ったぼかし方を解説します。
フィルターの場所
Photoshopは導入されていますか?
まだの方は
フォトプラン公式サイト(月額は最安の1,180円)から入手できます。
画面上部にある [
フィルター ] → [
ぼかし ] 内に様々なぼかしフィルターがあります。
お好みのぼかしフィルターを適用しましょう。
他にも [
フィルター ] → [
ぼかしフィルター ] で高度なぼかしが使えます。
左上から [ ぼかし(ボックス) ] 、[ ぼかし(移動) ] 、[ ぼかし(表面) ] 、[ ぼかし(放射状) ] を適用した例です。
特に [ ぼかし(ガウス) ] はよく使う機能の一つです。
※ぼかし(移動)を使った手ぶれ表現の作り方はコチラの記事で解説しています。
チルトシフトを使ったミニチュア加工
ぼかしギャラリーの一つである [ チルトシフト ] を使ったミニチュア加工のチュートリアルです。
併せてチェックしてみませんか?
再編集可能なスマートフィルターを活用
スマートオブジェクトに対してフィルターを適用すると、再編集が可能なスマートフィルターになります。
再度編集したい場合は [ レイヤーパネル ] → [ 適用中のフィルターをダブルクリック ] をしましょう。
スマートオブジェクトへの変換方法
ラスターレイヤーに対してスマートフィルターは適用できません。
[
レイヤーパネル ] → [
対象ラスターレイヤーを右クリック ] → [
スマートオブジェクトに変換 ] を適用しましょう。スマートオブジェクトについて
コチラで詳しく解説しています。
スマートフィルターマスクを活用
STEP.1
レイヤーパネルを確認
スマートフィルターを作成するとスマートフィルターマスクが自動的に追加されます。
レイヤーパネルのサムネイルに白い箱が追加されているのがスマートフィルターマスクです。
スマートフィルターマスクをクリックし、アクティブにします。
STEP.2
ブラシツールに変更
[
B ] を押して [
ブラシツール ] にします。
ブラシの先端やサイズ調整を行います。
ブラシサイズを大きく:
] ブラシサイズを小さく:
[ FINISH
スマートフィルターマスクの完成
黒でスマートフィルターマスクを塗るとスマートフィルターが非表示になります。
白で塗るとスマートフィルターが表示。
好みの範囲を塗り分けてスマートフィルターマスクの完成です。
コチラの記事でより詳しくスマートフィルターについて解説しています。
スマートフィルターなら元画像はそのまま
スマートフィルターによるぼかしとスマートフィルターマスクを活用すると、元画像を一切破壊せずに細かなぼかしを加えられます。
ぼかしツールよりも汎用的なデータが作れるのでオススメです。
写真を大変身させる高品質エフェクト
単なる写真を超短時間で全く違った表現にできる高品質なエフェクトです。
全て商用利用可能!
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのフォトショエフェクトです。
#01 Realistic Watercolor Photo Effect Mockup
水彩風エフェクトです。
タッチが違えば同じ水彩でも全く別物となります。
着彩や線画の残し方、ブラシの筆跡やリアルな水彩用紙の質感など、隙がありません。
ダウンロード
#02 Detailed Oil Paint Effect Mockup
筆のタッチ1本1本までリアルに再現してくれる油彩風エフェクトモックアップです。
本当に油彩で描くと何時間、何十時間と掛かりますが、このPSDをダウンロードして適用すると一瞬で終わります。
ダウンロード
#03 Splatter Paint Stains Art Portrait Effect Mockup
絵具のしぶきで描いたようなタッチにできるフォトショップ用エフェクトです。
背景透過にした人物に適用するだけでサンプルのような仕上りになります。
ダウンロード
#04 Pencil Sketch Effect
鉛筆タッチにしてくれるPhotoshopエフェクトです。
手数の多いタッチを一瞬でリアルな鉛筆タッチにできます。
ダウンロード
#05 Vintage Retro Comic Effect Filter Mockup
ビンテージな雰囲気を残したコミック風にしてくれるエフェクトです。
ドットの付け方がレトロで良い感じですね。
ダウンロード
#06 Engraved Old Print Effect
まるで紙幣に描かれている人物のような質感にしてくれるPhotoshop用のエフェクトモックアップです。
再現度が激高、非常にハイクオリティなエフェクトの一つです。
ダウンロード
Photoshop用の高品質なエフェクト集
Photoshopで使える商用利用可能な高品質エフェクトをピックアップしました。
フォトショ初心者の方でもプロの品質を圧倒的短時間で実現できるチートアイテムです。
ワンランク上のテンプレート素材
Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート40選
良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください!
おわりに
以上、Photoshop(フォトショップ)のぼかしツールの使い方とフィルターを使ったぼかし方でした。
ぼかしツールを使うよりスマートオブジェクト化した画像に対してフィルターを適用する方が汎用的かつ元画像を破壊せずにぼかせます。
また、スマートフィルターマスクを併用すると、任意の場所のみぼかす事もできるので、より高度な表現が可能となります。
ではまた!
【Photoshop】ぼかしギャラリーを使ったワンランク上のぼかし方をマスターしよう【脱フォトショ初心者】
目次一覧
ゼロから始めるシリーズ
現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!