• はてなブックマーク
  • RSS
  • Line

Photoshopド定番チュートリアル

2022.10.10 Mon

「フィールドぼかし」フィルターを使ったスパッタリング風の表現

スパッタリング/霧吹き/絵の具の飛び散り/粒子感/ブラシ風の再現

作例制作:マルミヤン 編集:山口優

今回はPhotoshopの「フィールドぼかし」フィルターを使って、スパッタリング風(絵の具の霧吹き)の表現を再現します。アート、グランジ、DIYなどの演出時に活用できます。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。

■使用する機能「横書き文字ツール」「描画モード」「フィールドぼかし」「2階調化」「マジック消しゴムツール」

1.元となる文字を配置してスパッタリング風に加工する

まずは新規ファイルを[幅:1200ピクセル]、[高さ:1400ピクセル]、[解像度:350ピクセル/インチ]で作成したら、横書き文字ツールで元になる文字(ここでは「DECLINING TOWN」)を入力し、文字パネルでフォントやフォントサイズなどを設定(図1)

図1

レイヤーパネルで文字のレイヤーを選択して、レイヤーメニュー→“ラスタライズ”→“テキスト”を適用し、[描画モード:ディザ合成]に変更しておく(図2)(図3)

図2。(文字の一部の拡大図)文字のエッジがにじんだ状態となる
図3。この時点のレイヤーの状態。文字のレイヤーをラスタライズして[描画モード:ディザ合成]に変更しておく

次に、フィルターメニュー→“ぼかしギャラリー”→“フィールドぼかし...”を選択し、フィールドぼかしピンをドラッグして位置を調整したあと(図4)、[ぼかし:20px]に設定する(図5)

図4。フィールドぼかしピンの位置を調整する。ここでは「E」の左上に調整した
図5。[ぼかし:20px]に設定する

画面上の任意の位置をクリックしてフィールドぼかしピンを追加したあと(ここでは「C」と「L」の間の下部に追加した)、[ぼかし:2px]に設定(図6)。さらにもうひとつフィールドぼかしピンを追加して(ここでは画面右下あたりに追加した)、[ぼかし:70px]に設定し、オプションバーの[OK]ボタンをクリックして適用する(図7)(図8)

図6
図7。複数のフィールドぼかしピンを追加し、ピンごとに異なるぼかし度合いを設定することで画像に複雑なぼかし効果を加えることができる
図8

2.スパッタリング風グラフィック作成の前段階として建物の写真を2階調化する

写真を2階調化していく。任意の写真(ここでは建物の写真)を文字の背面に配置したら(図9)、レイヤーパネルで文字のレイヤーをいったん非表示にしておく(図10)(図11)

図9
図10
図11。この時点のレイヤーの状態。建物の写真を配置して文字のレイヤーを非表示にしておく

レイヤーパネルで建物のレイヤーを選択したあと、イメージメニュー→“色調補正”→“2階調化...”を選び、プレビューを確認しながらちょうどいい白黒画像になるよう[2階調化する境界のしきい値]のスライダーを動かして調節する。ここでは[2階調化する境界のしきい値:128]で適用した(図12)(図13)

図12。[2階調化する境界のしきい値:128]に設定する
図13

次にレイヤーパネルで背景レイヤーを一時的に非表示にしたら、マジック消しゴムツールで建物の画像の白い部分をクリックして消去する(図14)

図14。建物の写真の白い部分を消去して透明にする

3.建物の写真をスパッタリング風に加工する

ここからは建物の写真をスパッタリング風に加工していく。まず、レイヤーパネルで背景レイヤーを表示したら、建物のレイヤーを選択し[描画モード:ディザ合成]に変更する(図15)(図16)

図15
図16。この時点のレイヤーの状態。建物のレイヤーを[描画モード:ディザ合成]に変更する

続いて、フィルターメニュー→“ぼかしギャラリー”→“フィールドぼかし...”を選択したあと、フィールドぼかしピンを画像の左上と中央の2カ所に配置し、左上を[ぼかし:350px]、中央を[ぼかし:1px]に設定して適用する(図17)(図18)

図17。画像の左上と中央にフィールドぼかしピンをそれぞれ設定する
図18

次にレイヤーパネルで文字のレイヤーを表示したら、移動ツールでドラッグして位置を調整しておく(図19)

図19

最後に背景レイヤーを好みの色(ここでは茶色[R:147、G:104、B:77])で塗りつぶして完成とした(図20)

図20。背景に色を塗って完成

以上、Photoshopの「フィールドぼかし」フィルターを使ったスパッタリング風(絵の具の霧吹き)の表現でした。

制作者プロフィール

MARUMIYAN(マルミヤン)
グラフィックデザイナー/イラストレーター
2007年より「マルミヤン」(Marumiyan)名義で、福岡を拠点に活動を開始。雑誌、広告、CDジャケット、パッケージ、アパレル、プロダクト、Webなど、様々な媒体で活動を行う。人物や植物、動物、建物など、様々なアイコンをグラフィカルに組み合わせ、洗練された作品作りを目指す。また “FOUR DIMENSIONS WORLD” をテーマとした作品も精力的に制作している。2008年「FUNKY802 digmeout」オーディション通過。https://marumiyan.com/
  • Instagram
読込中...

Follow us!

SNSで最新情報をCheck!

Photoshop、Ilustratorなどのアプリの
使いこなし技や、HTML、CSSの入門から応用まで!
現役デザイナーはもちろん、デザイナーを目指す人、
デザインをしなくてはならない人にも役に立つ
最新情報をいち早くお届け!

  • Instagram