ペイントドリップ加工とは、写真や文字の一部から絵具が滴り落ちているように見せるPhotoshopの表現手法です。Adobe公式のチュートリアルでは、ドリップ（滴り）の写真をカスタムブラシとして登録し、それを文字に塗り重ねる流れで紹介されています。
この加工は「垂れ」を作る方法が一つではなく、ブラシで足すのか、マスクで削るのか、フィルターで引き伸ばすのかで工程がまるごと変わります。そのため「手順を1本だけ覚える」よりも、どの方向性を選んでいるのかを把握し、できあがりが正しいかを自分で判定できるようにするほうが再現性が高くなります。
この記事では、ペイントドリップ加工が何を作る技法なのか、Adobe公式チュートリアルで確認できる流れはどれか、そして自分で作ったときに「これで合っているか」をどう検証するかを整理します。メニュー名やパネル構成はPhotoshopのバージョンで変わるため、操作の一次情報はAdobe公式に置き、この記事では公式が扱っていない検証の部分を厚めに扱います。
ペイントドリップ加工は何を作る表現か
ペイントドリップ加工は、対象の下端から液体が伝って落ちていく途中の形を作り、対象と背景の境界をわざと崩す表現です。輪郭がきれいに切り取られた状態を「整った状態」とするなら、ドリップはその逆で、境界を壊すことで手描きの生っぽさやストリート感を出します。
使われる場面は、音楽系のジャケットやライブ告知、ストリート／グラフィティ調のキャンペーンバナー、Tシャツなどのグッズ、季節企画のタイトル文字あたりが中心です。企業サイトの本文まわりで使う表現ではなく、「1枚で目を引かせる」用途の装飾だと考えておくと使いどころを外しません。液体そのものの質感を出す方向であれば Photoshopの水・液体エフェクト の考え方も併せて確認しておくと選択肢が広がります。
「垂れ」の作り方は大きく3方向ある
ネット上のペイントドリップの解説が食い違って見えるのは、次の3方向のどれを採っているかが違うためです。まず自分がどれをやろうとしているかを決めてから手順を探すと、迷いが減ります。
| 方向性 | やっていること | 向いている対象 | 崩れやすい点 |
|---|---|---|---|
| 足す（ブラシ） | ドリップ形状のブラシで、対象の下端に垂れを描き足す | 文字・ロゴ・図形 | ブラシの向きや不透明度がそろわず、貼り付けたように見える |
| 削る（レイヤーマスク） | マスクを黒で塗り、対象を垂れの形に欠けさせる | 写真・切り抜き素材 | マスクの境界に中間グレーが残り、縁が半透明になる |
| 引き伸ばす（ゆがみ） | ゆがみフィルターで下方向にピクセルを引き延ばす | ベタ塗りに近い面 | 模様や質感まで一緒に伸びて不自然になる |
初めて作るなら「足す（ブラシ）」がもっとも失敗しにくく、素材写真を活かしたいなら「削る（レイヤーマスク）」になります。以降で扱う検証は、この2つ目のマスク方式を選んだときに効いてきます。
Adobe公式チュートリアルで確認できる流れ
Adobeが公開しているペイントドリップのチュートリアルは、前節の分類でいう「足す（ブラシ）」型です。写真の中の垂れをカスタムブラシとして登録し、それを文字に対して塗るという流れになっています。実際の画面と手順は公式ページが一次情報になるため、操作を追いたい場合はそちらを開いてください。
| 工程 | 公式チュートリアルで示されている内容 |
|---|---|
| 1 | ドリップが写っている画像から、ブラシにしたい垂れの部分を選択する |
| 2 | 編集メニューの「ブラシを定義」で名前を付けて保存し、カスタムブラシとして登録する（使いたい垂れの数だけ繰り返す） |
| 3 | 背景に色を敷いた新規ドキュメントを作成する |
| 4 | 文字ツールでテキストを入力する |
| 5 | 登録したドリップブラシを使って、テキストに垂れを描き加える |
出典：How to make a paint drip effect in Adobe Photoshop（Adobe Learn）／日本語の入口は Adobe Learn – Photoshop を学ぶ から辿れます。
注意したいのは、「被写体を切り抜いてマスクで背景と合成する」という流れは、この公式チュートリアルの手順とは別物だという点です。どちらもペイントドリップと呼ばれますが、前者は写真合成、後者はブラシによる文字装飾で、覚える操作が重なりません。検索して出てきた手順を混ぜて進めると途中で噛み合わなくなるので、参照するページを1本に決めてから始めてください。文字そのものの色を扱うなら Photoshopで文字の色を変える方法 が前提知識になります。
なお、Photoshopのメニュー名・パネル配置はバージョンで変わります。手順の文言が画面と一致しない場合は、記事ではなく公式ページ側の最新版を正としてください。
マスクで作った場合の仕上がりを検証する
レイヤーマスクで垂れを作る方式を選んだ場合、仕上がりの良し悪しはほぼマスクの精度で決まります。ここが甘いと、その場のプレビューでは気づかず、背景を差し替えた瞬間に輪郭が濁って発覚します。作り終えたら次の手順で確認してください。
マスク単体を表示して境界を見る
レイヤーパネルのマスクサムネイルを Option（Mac）／Alt（Windows）を押しながらクリックすると、ドキュメントウィンドウにマスクそのものが白黒で表示されます。この状態で表示倍率を100%にし、垂れの境界を追ってください。合成結果を見ている限り気づけない中間グレーが、ここでは一目で分かります（参照：Edit layer masks in Photoshop｜Adobe）。
合否ラインはグレーの帯が残っていないこと
マスク単体を表示した状態で、次の3点を満たしていれば合格です。
- 隠したいドリップ部分が完全な黒（RGB 0, 0, 0）で塗られている
- 残したい部分が完全な白（RGB 255, 255, 255）になっている
- 黒と白の境目に、幅5px以上の中間グレーの帯が残っていない
マスクの白い部分が表示、黒い部分が非表示、その中間のグレーが半透明として扱われるためです（参照：Photoshop でマスクを使用したレイヤーの非表示｜Adobe）。グレーの帯が広いと縁が半透明になり、背景を差し替えたときに元の背景の色が輪郭に残って濁ります。
不合格だったときの一手
グレーの帯が残っていた場合は、マスクを選択したまま「イメージ」→「色調補正」→「レベル補正」を開き、黒点と白点のスライダーを内側に寄せて2値化に近づけます。これで境界が締まり、中間グレーの幅が縮みます。ここまでで直らない場合は、マスクを描いたブラシの硬さ自体が低いので、次の切り分け表に進んでください。
症状別の切り分け
マスク方式でつまずく箇所はほぼ決まっています。症状から原因を引いてください。
| 症状 | 考えられる原因 | 確認・対処 |
|---|---|---|
| ドリップが出ず、対象が全部見えたまま | マスクの黒白が逆になっている | マスクサムネイルを Option／Alt +クリックして確認し、Cmd／Ctrl+I（階調の反転）で反転する |
| 垂れの縁がぼやける | ブラシの硬さが低い | オプションバーのブラシ設定で硬さを100%にして描き直す |
| 画像本体を削ってしまう | 選択中のサムネイルが画像側になっている | マスクサムネイルをクリックして選択してから描く |
| 黒で塗っても見た目が変わらない | 描画色が黒でも白でもない | D で描画色・背景色を初期化し、X で入れ替える |
最終的な合否ラインは「背景レイヤーの色を白と黒に切り替えても、ドリップの輪郭に元の背景の色が透けない」ことです。ここまで通れば、別の背景に載せ替えても縁が濁りません。切り抜きそのものを速く済ませたい場合は 背景除去ツール で下地を作ってからマスクを描き足す進め方もあります。
ドリップ用ブラシの入手経路とライセンス
Photoshopに最初から入っているブラシで足りない場合、追加の入手経路は次のとおりです。
| 経路 | 操作 | 備考 |
|---|---|---|
| Photoshopから追加ブラシを取得 | ブラシパネル右上のメニューから「他のブラシを入手」を選ぶとAdobeの配布ページが開く | Creative Cloudメンバー向けに無償提供されているセットがある |
| 外部の配布サイト | .abr ファイルをダウンロードし、ブラシパネルのメニューから「ブラシを読み込む」で追加する | セットごとにライセンスが異なるので要確認 |
| 自分で作る | ブラシにしたい形を選択し、編集メニューの「ブラシを定義」で登録する | 公式チュートリアルが採っている方法 |
Adobeが提供しているブラシの概要は Photoshopブラシのファーストステップガイド（Adobe）、実際の使い方は Kyle Websterのブラシを使ってテクスチャをペイントする（Adobe） にまとまっています。
ひとつ誤解されやすいのが、Photoshopの「探索（Discover）」パネルです。これは Cmd+F（Mac）／Ctrl+F（Windows）で開く検索パネルで、ツール・アプリ内チュートリアル・記事・クイックアクションを探すためのものであり、ブラシ素材の配布窓口ではありません（参照：Access Discover panel in Photoshop｜Adobe）。ブラシを増やしたいときはブラシパネル側から辿ってください。
外部サイトのブラシを商用のバナーやグッズに使う場合は、配布元のライセンス表記を必ず確認してください。たとえばBrusheezyは配布物ごとにライセンス種別が分かれており、その一覧が License Types（Brusheezy公式サポート） で公開されています。「無料でダウンロードできる」ことと「商用利用できる」ことは別扱いです。制作物を書き出したあとの容量最適化は 画像圧縮ツール で処理できます。
まとめ
- ペイントドリップ加工は、対象の下端から絵具が滴り落ちるように見せる装飾表現。「足す・削る・引き伸ばす」の3方向があり、どれを選ぶかで工程が変わる
- Adobe公式チュートリアルはブラシ型。ドリップ画像をカスタムブラシに登録し、テキストへ塗り重ねる流れで、操作の一次情報は公式ページに置く
- マスク型を選んだ場合の合否は、マスク単体を表示して中間グレーの帯が残っていないかで判定する
同じ「Photoshopの装飾表現」の系統では 影の付け方 が汎用性が高く、バナー制作までまとめて押さえたい場合は バナーデザインのテクニック が実務に直結します。Photoshopを体系立てて進めたい方は Photoshop学習ガイド から順に辿ってください。
よくある質問（FAQ）
Q. Photoshopのペイントドリップ加工とは何ですか？
写真や文字の一部から絵具が滴り落ちているように見せる装飾表現です。Adobe公式チュートリアルでは、ドリップが写った画像から垂れの部分を選択し、編集メニューの「ブラシを定義」でカスタムブラシとして登録して、そのブラシで文字に垂れを描き加える流れが紹介されています。
Q. ドリップが表示されないときはどこを見ればよいですか？
レイヤーマスクで作っている場合は、マスクの黒白が逆になっている可能性が高いので、マスクサムネイルを Option（Mac）／Alt（Windows）+クリックしてマスク単体を表示し、逆であれば Cmd／Ctrl+I（階調の反転）で反転します。それでも変わらない場合は、選択中のサムネイルが画像側になっているか、描画色が黒でも白でもない状態を疑ってください。
Q. ドリップの縁がぼやけてしまうのはなぜですか？
マスクの境界に中間グレーが残っているためです。グレーは半透明として扱われるので、縁が透けて背景の色が混ざります。マスクを選択したまま「イメージ」→「色調補正」→「レベル補正」で黒点と白点を内側に寄せると境界が締まります。そもそもの原因がブラシの硬さであることも多いため、オプションバーで硬さを100%にして描き直すのも有効です。
Q. ペイントドリップ用のブラシはどこで入手できますか？
Photoshopのブラシパネル右上のメニューから「他のブラシを入手」を選ぶとAdobeの配布ページが開き、Creative Cloudメンバー向けに無償提供されているブラシセットを追加できます。外部の配布サイトから .abr ファイルを入手し、ブラシパネルのメニューの「ブラシを読み込む」で追加する方法もあります。Photoshopの「探索（Discover）」パネルは学習コンテンツやクイックアクションを探す検索パネルで、ブラシの配布窓口ではない点に注意してください。
Q. Photoshop以外のソフトでも同じ加工はできますか？
ブラウザで動くPhotopeaのように、.abr 形式のブラシ読み込みとレイヤーマスクに対応した編集ソフトであれば同じ考え方で作れます。ただしメニュー名やショートカット、フィルターの実装は同一ではないため、この記事のメニュー名をそのまま探すのではなく「ブラシを追加する」「マスクを黒で塗る」といった操作の目的で読み替えてください。
Q. 商用のバナーやグッズに使っても問題ありませんか？
使用したブラシ素材と元画像のライセンス次第です。外部サイトのブラシは「無料でダウンロードできる」ことと「商用利用できる」ことが別扱いになっているケースがあり、たとえばBrusheezyは配布物ごとにライセンス種別が分かれています。ダウンロードページのライセンス表記と、配布元が公開しているライセンス一覧を確認してから使ってください。
