Photoshopで手書き風文字にドリップ(液だれ)のような効果をつける方法を紹介します。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。
■使用する機能「横書き文字ツール」「スマートオブジェクト」「ファイバー」「レベル補正」「ぼかし(ガウス)」「置き換え」「ノイズを加える」
【Photoshop】手書き風文字にドリップ効果をつける:
1.元となる文字と背景を用意する
まずは新規ファイルを[幅:1200ピクセル]、[高さ:1400ピクセル]、[解像度:350ピクセル/インチ]で作成したら、塗りつぶしツールやグラデーションツールで背景を塗りつぶす。続いて、横書き文字ツールで元になる文字列を入力したら、文字パネルでフォントやフォントサイズなどを設定する(図1)。
次に、レイヤーメニュー→“画像を統合”を実行して、すべてのレイヤーを背景レイヤーにまとめておく(図2)。
【Photoshop】手書き風文字にドリップ効果をつける:
2.ドリップ用の素材を作る
ドリップ用の素材を作っていく。まず、新規ファイルを[幅:1200ピクセル]、[高さ:1400ピクセル]、[解像度:350ピクセル/インチ]、[カンバスカラー:白]で作成したら(図3)、レイヤーメニュー→“スマートオブジェクト”→“スマートオブジェクトに変換”を実行(図4)。
フィルターメニュー→“描画”→“ファイバー...”を[変化:15]、[強さ:5]に設定。[開始位置を乱数的に変化させる]をクリックすると、そのたびに模様が変わるので、好みに応じてクリックして適用する(図5)(図6)。
続いて、イメージメニュー→“色調補正”→“レベル補正...”を選択。ヒストグラムの下のハイライトのスライダー(白い三角形)を左側にドラッグして[ハイライト:35]程度に調整(図7)。さらに[出力レベル]の白い方のスライダーを左側に動かして[128]程度に調整して適用する(図8)(図9)。
次に、フィルターメニュー→“ぼかし”→“ぼかし(ガウス)...”を[半径:4pixel]で適用(図10)(図11)。
レイヤーパネルで[ぼかし(ガウス)]の右横にあるアイコンをダブルクリックして(図12)、「描画オプション」を表示したら、[描画モード:比較(暗)]、[不透明度:100%]で実行する(図13)(図14)。
これがドリップ用の素材になるので、わかりやすい名前をつけてファイルを保存しておく。
【Photoshop】手書き風文字にドリップ効果をつける:
3.ドリップ用素材で文字を加工する
文字を加工していく。まず、元の文字のファイルに戻ったら、フィルターメニュー→“変形”→“置き換え...”を[水平比率:0]、[垂直比率:100]、[置き換えマップデータ:同一サイズに拡大/縮小]、[未定義領域:端のピクセルを繰り返して埋める]で実行する(図15)。
ファイルを選択するダイアログが表示されるので、先ほど保存したドリップ用素材のファイルを選んで適用する(図16)。
もう少しインクが垂れた感じを加えたい場合は、フィルターメニュー→“変形”→“置き換え...”を同じ設定で繰り返し適用すればOK(図17)(図18)。
好みの感じに加工できたら、フィルターメニュー→“ノイズ”→“ノイズを加える…”を[量:10%]、[分布方法:均等に分布]、[グレースケールノイズ]で適用してざらっとした質感を加える(図19)(図20)。
ここでは、さらに文字要素などを配置して完成とした(図21)。
以上、Photoshopで手書き風文字にドリップ(液だれ)のような効果をつける方法でした。
制作者プロフィール
- MARUMIYAN(マルミヤン)
- グラフィックデザイナー/イラストレーター
- 2007年より「マルミヤン」(Marumiyan)名義で、福岡を拠点に活動を開始。雑誌、広告、CDジャケット、パッケージ、アパレル、プロダクト、Webなど、様々な媒体で活動を行う。人物や植物、動物、建物など、様々なアイコンをグラフィカルに組み合わせ、洗練された作品作りを目指す。また “FOUR DIMENSIONS WORLD” をテーマとした作品も精力的に制作している。2008年「FUNKY802 digmeout」オーディション通過。https://marumiyan.com/
2025.05.07 Wed