【Photoshop】覆い焼きツールと焼き込みツールの使い方と活用方法【脱フォトショ初心者】

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Photoshop（フォトショップ）の覆い焼きツールと焼き込みツールの使い方を解説します。

覆い焼きツールと焼き込みツールは手軽に写真の一部を明るくしたり暗くできる便利なツールです。
フォトショ初心者の方にもお手軽にレタッチができる両ツールの使い方を解説します！

この記事の目次

覆い焼きツールとは？

覆い焼きツールを使うと写真を明るくする事ができます。
暗い個所や目立たせたい個所に覆い焼きツールを適用します。

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はAdobe公式サイトから導入できます。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

覆い焼きツールの場所

ツールバーに [ 覆い焼きツール ] があります。

非表示の場合は [ … ] のツールバーを編集から追加できます。
詳しい設定方法はコチラで解説しています。

覆い焼きツールの基本操作

それでは覆い焼きツールの使い方を解説します。
フォトショ初心者の方にも再現できるよう、順を追って操作方法を解説いたします！

STEP.1

写真を読み込む

フォトショップに写真を読み込みます。

素材にこだわりたい方はAdobeStockが最強！3億点以上の商用利用可能で高品質な素材が制作を加速させてくれますよ。
詳しくはコチラで解説しています。スマートオブジェクトでないラスター画像である事を確認してください。

スマートオブジェクトの場合はサムネイルの右下にアイコンが追加されています。

スマートオブジェクトの場合は [ レイヤーパネル ] → [ 対象レイヤーを右クリック ] → [ レイヤーをラスタライズ ] を適用。

STEP.2

明るくしたい場所をなぞる

明るくしたい個所をドラッグしてなぞります。
なぞる度に明るくなります。

FINISH

完成

覆い焼きツールによるレタッチの完成です。

オプションを活用

[ 覆い焼きツール ] にすると画面上部にオプションが表示されます。
※非表示の場合は [ ウィンドウ ] → [ オプション ] にチェックを入れると表示できます。

ブラシの形状やブラシサイズを変更したり…

範囲をシャドウ・中間色・ハイライトに変更したり露光量を変更したりできます。

トーンを保護がオススメ

初期設定では [ トーンを保護 ] の項目にチェックが入っていません。
トーンを保護を有効化している方が「元の写真の色味」を引き継いだ加工が可能になり、より自然な仕上がりにできます。

焼き込みツールとは？

[ 焼き込みツール ] を使うと写真を暗くする事ができます。
先に紹介した [ 覆い焼きツール ] の逆の機能ですね。

焼き込みツールの場所

ツールバーに [ 焼き込みツール ] があります。
非表示の場合は [ … ] のツールバーを編集から追加できます。

Photoshopは導入されていますか？
まだの方はAdobe公式サイトから入手できます。

基本操作

使い方は先に紹介した [ 覆い焼きツール ] と同じです。
暗くしたい個所をなぞるだけ。

オプションの使い方も全く同じです。

調整レイヤーやCameraRawフィルターが便利

写真を明るさを変更する方法の一つに [ 調整レイヤー ] やCameraRawフィルターよる編集もオススメです。元画像を破壊せずに思い通りの調整ができる便利機能ですよ。

【Photoshop】調整レイヤーの使い方と写真補正の方法を解説

【Photoshop】CameraRawフィルターを使ったレタッチforフォトショ初心者

スマートオブジェクトに適用するには？

スマートオブジェクトに覆い焼きツールや焼き込みツールを直接適用することはできません。
しかし適用する方法はあります。

STEP.1

スマートオブジェクトには直接編集が不可

[ レイヤーパネル ] を見るとスマートオブジェクトの写真レイヤーが確認できます。

スマートオブジェクトレイヤーに直接 [ 覆い焼きツール ] や [ 焼き込みツール ] は適用できません。

STEP.2

レイヤーのサムネイルをクリック

対象のスマートオブジェクトレイヤーのサムネイルをダブルクリックします。

STEP.3

別ウィンドウで開く

すると別ウィンドウでスマートオブジェクトの元画像が開きます。その際に拡張子が [ .psb ] になっています。

[ 覆い焼きツール ] や [ 焼き込みツール ] による編集ができます。

編集後は [ Ctrl + S ] (Mac：Command + S) で保存しましょう。

FINISH

完成

すると元のスマートオブジェクトにも同様の変更が加えられています。覚えておくと便利ですよ。

元画像をコピーして編集する方が楽

スマートオブジェクトは別ウィンドウで編集できますが、編集結果が直接確認できない作業となるので非効率的です。
読み込んだ元画像を [ Ctrl + J ] (Mac：Command + J) でコピーし、コピー元レイヤーは非表示に。
コピーしたレイヤーに対して覆い焼きツールや焼き込みツールによる編集を加える方が効率的ですよ。

写真を大変身させる高品質エフェクト

単なる写真を超短時間で全く違った表現にできる高品質なエフェクトです。
全て商用利用可能！
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのフォトショエフェクトです。

#01 Hacker Digital Manipulation Effect Mockup

ただの1枚絵を簡単にハッカー風にできるエフェクトです。
0と1の模様が非常にカッコいいです。

ダウンロード

#02 Movie Style Glitch Effect Mockup

テレビの走査線や色ずれを見事に再現できるフォトショ用のエフェクトモックアップです。
ブラウン管のテレビの枠にはめると昔風の画面の出来上がり！

ダウンロード

#03 Autumn Color Grading Effect Mockup

どんな季節も一瞬で秋にできるフォトショエフェクトです。
青々とした夏であろうが関係無し！

ダウンロード

#04 Mosaic Pixel or Dot Effect Mockup

ドットで表現できるPhotoshop用のエフェクトモックアップです。
単なるカラーハーフトーンでは無く、ドットに質感が付与されているのでより高クオリティな表現が可能です。

ダウンロード

#05 Image Overlay Rain Effect Mockup

雨を簡単に降らせることができるエフェクトです。
リアルな雨表現もこのエフェクトなら一瞬！

ダウンロード

Photoshop用の高品質なエフェクト集

Photoshopで使える商用利用可能な高品質エフェクトをピックアップしました。
フォトショ初心者の方でもプロの品質を圧倒的短時間で実現できるチートアイテムです。

【Photoshop】写真を超短時間で大変身させる高クオリティなエフェクト51選【商用可】

【Photoshop】写真を全く違うグラフィックに変える高品質なエフェクト50選【商用可】

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。