【Photoshop】指先ツールを使って色をブレンドする方法を徹底解説forフォトショ初心者

2021年12月22日2024年8月26日

記事内にプロモーションを含む場合があります

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

Photoshop（フォトショップ）の指先ツールの基本操作と応用例について詳しく解説します。

指先ツールを使って色をブレンドしたり、スピード感のある写真にレタッチする方法をフォトショ初心者向けに徹底解説いたします。
指先ツールの具体的な使い方をサンプルを交えて解説するので安心して学習できますよ。

それでは早速始めていきましょう！

この記事の目次

指先ツールの使い方

指先ツールの基本操作と応用例について解説します。
Photoshopを使ったレタッチでよく使うツールなのでマスターしましょう！

Photoshopを導入しましょう

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

指先ツールの基本操作

STEP.1

Photoshopで対象画像を開く

適用させたい画像をPhotoshopで開きます。

素材にこだわりたい方はAdobeStockが最強！3億点以上の商用利用可能で高品質な素材が制作を加速させてくれますよ。
詳しくはコチラで解説しています。

STEP.2

指先ツールを開く

ツールバーから [ 指先ツール ] を選択します。
ぼかしツール上を左クリック押しっぱなしにすると指先ツールが表示されます。

それでも表示されない場合はツールバーをカスタマイズさせて表示させましょう。

STEP.3

オプションを設定

画面上部に指先ツールのオプションが表示されます。
ブラシ形状や描画モード、強さなどが設定可能。

一番左の [ フィンガーペイント ] はお好みでチェックを入れて下さい。サンプルは [ なし ] で進めていきます。

FINISH

ブレンドの完成

色をブレンドさせたい個所をドラッグします。

ブラシサイズを大きく：]
ブラシサイズを小さく：[

するとドラッグした箇所の色を簡単にブレンドさせられます。

ぼかしツールも試してみませんか？

【Photoshop】ぼかしツールの使い方と様々なボカシ方を徹底解説

同系統のツールに [ ぼかしツール ] が存在します。左記リンクでぼかし方を徹底解説しておりますので併せてチェックされてみませんか？

指先ツールの応用例

STEP.1

画像を読み込む

例えば落下している男性のイメージを少しいじってスピード感を出してみましょう。ドラッグ&ドロップでフォトショップに読み込み、レイヤーをラスタライズします。

※念の為にオリジナルのレイヤーは [ Ctrl + J ] (Mac：Command + J) でコピーして非表示にしておきましょう。

なお、素材探しに困ったらAdobeStockがオススメ！

STEP.2

指先ツールを設定

ツールバーから [ 指先ツール ] に変更します。

ブラシの先端：ソフト円ブラシ
左図の丸を参考
強さ：30%
フィンガーペイント：なし

STEP.3

フチをドラッグ

人物の周囲を下から上に向かってドラッグします。
マウスだと操作が大変かもしれませんが、ペンタブを使えば簡単に操作可能！

※コチラでオススメのペンタブを徹底解説しております。

FINISH

完成

チマチマとストロークを追加するだけ。
2分程度でスピード感のある表現が追加できました。

Photoshopの指先ツールを使えば左図のような加工が誰でも簡単に可能です。
未導入の方はフォトプラン公式サイト（月額は最安の1,180円）から入手できますよ。

煙に変化する高品質なエフェクト

普通の写真や文字を煙のように変化させるモックアップです。
全て商用利用可能！
短時間で超高品質な作品に仕上げられますよ。

#01 Smoke Dispersion Effect

縦に範囲が広い煙が表現できるエフェクトです。
境界のボカシ方などが秀逸です。

ダウンロード

#02 Smoke Dispersion Photo Effect

他の煙と比べてややパキっとした表現ができるエフェクトです。
Photoshopと当PSDがあれば簡単に再現できます。

ダウンロード

#03 Smoke Text Effect Mockup

煙の質感が違うテキストエフェクトです。

ダウンロード

#04 Dispersion Photo Effect

対象画像の一部がバラバラの破片のように散らばる様子を再現できるエフェクトモックアップです。
非常に細かい所まで作り込まれたテンプレートです。

ダウンロード

#05 Pixel Dispersion Effect Mockup

ピクセル状になった写真がバラバラになるような様子が描けるエフェクトモックアップです。
ゲームキャラが消滅するようなシーンを高品質に再現できます。

ダウンロード

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

【Photoshop】商用可！人物が煙になるエフェクトモックアップPSD

商用利用可能で高品質な煙エフェクトばかりを49点ピックアップしました。
制作の品質向上とスピードアップを同時に行える優秀素材ばかりです。

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

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

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

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

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Photoshop（フォトショップ）の指先ツールの使い方についてでした。

フォトショップでイラストの色塗りをされる方には馴染み深いツールの一つですね。
今はCLIP STUDIO PAINT（クリップスタジオペイント）が優秀すぎるので移行されている方も多いかもしれませんが、フォトショップの指先ツールも優秀です。

是非レタッチをする際に活用してみてください。

ではまた！

押さえておきたいレタッチ入門ツール

フォトショ初心者の方でも即使える便利なレタッチツールの使い方です。
便利＆簡単操作なレタッチ入門ツールなので使い方を押さえておきましょう！