【フォトショップ】手描き風ドリップペイントエフェクトのつくり方

このチュートリアルは、Texturelabsによる英語版オリジナルチュートリアル「Dripping Paint Effect」をアレンジしたものとなります。

 

この記事では、フォトショップをつかった手描き風のドリップペイントエフェクトのつくり方をご紹介します。

 

まるで手描きでペンキが滴ったようなドリップエフェクトは、すべてフォトショップのフィルタ機能のみで作成できる簡単チュートリアルで、フォントの他にもロゴなどあらゆるものに適用でき、応用が効くのもポイントです。

 

あまり知られていないフォトショップ機能のひとつ、「置き換え」フィルタを利用した便利テクニック

 

 

 

手書き風のドリップペイントエフェクトのつくり方

 

まずはフォトショップを開き、新しいドキュメントを作成しましょう。カラーモードは「RGBカラー 16bit」とすることで、よりなめらかで高詳細な仕上がりを表現できます。今回は、3840x2160pxの4Kサイズで作成していきます。

 

 

 

ツールボックスより「文字ツールT」を選択したら、お好みのフォントをつかって描画色「白(#ffffff)」で文字テキストを入力しましょう。

 

今回利用したフォントは Mambaですが、どんな書体でも特に問題ありません。ロゴにも応用可能ですよ。

 

 

 

置き換えフィルタ用テクスチャをつくろう

今回のエフェクトのポイントとなる「置き換え」フィルタは、背面画像の表面の形や質感に合わせて合成したい画像の変形を簡単に行うことができます。

 

まずは、置き換えフィルタで重ねるテクスチャを作成していきます。

 

 

 

新規ドキュメントを先ほどと同じ、3849x2160pxサイズで作成します。こうすることで画像同士がぴったりと重なり、作業がしやすくなります。

 

 

 

レイヤーパネル上で作成されたレイヤーを右クリック>「スマートオブジェクトに変換」をクリック。あとからフィルタの微調整を行うときに便利。

 

 

 

メインメニューより「イメージ」>「色調補正」>「レベル補正」(Command/Ctrl+L)を選択したら、以下のように数値を変更しましょう。

 

出力レベル128とするのを忘れずに。これで50%グレーとして認識され、置き換えフィルタを適用したときに透明で表示されるテクニックです。

 

続けてメインメニューより「フィルタ」>「描画」>「ファイバー」を選択したら、「変化 15」、「強さ 5」で適用します。

 

 

 

メインメニューより「フィルタ」>「ぼかし」>「ぼかし(ガウス)」で、「半径 4px」で適用します。レイヤーパネル上で「ぼかし(ガウス)」アイコンをダブルクリック。パネルを表示したら、描画モードを「比較(暗)」に変更。

 

再度「フィルタ」>「ぼかし」>「ぼかし(ガウス)」で、今度は「半径 2px」で適用したら置き換えフィルタ用テクスチャの完成です。

 

「ファイル」>「保存」(Command/Ctrl+S)で、任意の場所に保存しておきましょう。

 

 

 

ドリップペイントエフェクトを適用してみよう

最初に作成したドキュメントに戻り、文字レイヤーを複製コピー(Ctrl+J)したら、後ほど利用するのでレイヤーを非表示にしておきましょう。

 

メインメニューより「フィルタ」>「変形」>「置き換え」をクリック。

 

スマートオブジェクトまたはラスタライズしてださい、というダイアログパネルが表示されるので、今回は「ラスタライズ」を選択。「水平比率 0」、「垂直比率 100」としたらOK。

 

表示されたパネルより、作成した置き換えフィルタ用テクスチャをクリック。すると、あら不思議。ペンキが垂れたようなエフェクトが。

 

 

 

 

今回のチュートリアル最大のポイント。適用した「置き換え」フィルタを何度も連続で適用していきましょう。Command/Ctrl+Control+Fのショートカットキーでの操作がオススメですよ。

 

フィルタを適用するたびに、まるでペンキが垂れたようなエフェクトに。今回は、40回ほど「置き換え」フィルタを適用しました。

 

 

 

仕上がりがこちら。ペンキのドリップが一直線になっているので、よりナチュラルな見た目にするためにもうワンステップ。

 

 

 

「置き換え」フィルタを適用したレイヤーを選択した状態で、非表示にしてある元の文字レイヤーのサムネイルをクリック。これで選択範囲が指定されました。

 

Command/Ctrl+Shift+Iで選択範囲を反転させます。

 

メインメニューより「フィルタ」>「変形」>「波形」を選択したら、「比率 水平10% 垂直10%」に変更し、他はデフォルト設定のまま適用しましょう。ドリップペイントに自然なウェーブが追加されました。

 

 

 

参照元リンクよりあらかじめダウンロードしておいたテクスチャ Grunge 158をドラッグ&ドロップで一番上のレイヤーに配置します。

 

メインメニューより「イメージ」>「色調補正」>「色調の反転」(Ctrl+I)を適用したら、レイヤーの描画モードを「乗算」に変更しましょう。

 

これでテクスチャの質感のみが文字テキストに追加されました。

 

 

 

「置き換え」フィルタを適用したことで、文字の一部がかけてしまっているのが気になるときは、元の文字レイヤーを表示すれば解決です。

 

 

 

ドリップペイントエフェクト完成

 

できあがりがこちら。まるで手描きでペイントしたような自然なドリップエフェクトを作成できました。

 

 

 

参照元リンクよりテクスチャInkPaint158も配置して、ペンキが飛び散った風に。いろいろ試してみましょう。

 

 

 

参照元リンク : Dripping Paint Effect | Photoshop Tutorial for Text & Logos – Texturelabs.org