今回は、Photoshopで「ぼかし(放射状)」フィルターを使って印象的なビジュアルを表現する方法を紹介します。放射状や波紋状のグラフィックは、ほかにもさまざまな作り方があります。
過去記事「サイケデリックな水の波紋の表現」なども併せて参考にしてみてください。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。

■使用する機能
「スマートオブジェクト」「ぼかし(放射状)」「スマートフィルターマスク」「ブラシツール」「ハイパス」「描画モード」「トーンカーブ」

目次

【Photoshop】放射状のぼかしを使ったビジュアル表現: 
1.元となる写真を用意して放射状にぼかす

まずは新規ファイルを[幅:1200ピクセル]、[高さ:1200ピクセル]、[解像度:350ピクセル/インチ]で作成したら、元となる人物の写真を用意して配置する(図1)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図1元写真のレイヤーを選択して、レイヤーメニュー→“スマートオブジェクト”→“スマートオブジェクトに変換”を実行する(図2)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図2。この時点のレイヤーの状態。元写真のレイヤーをスマートオブジェクトに変換しておく続いて、フィルターメニュー→“ぼかし”→“ぼかし(放射状)...”を、[量:35]、[方法:回転]、[画質:標準]で適用する(図3)(図4)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図3。[量:35]、[方法:回転]、[画質:標準]に設定する
【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図4

【Photoshop】放射状のぼかしを使ったビジュアル表現: 
2.人物の顔と手元をはっきりさせる

ぼかし具合を調整して人物の顔と手元をはっきりさせていく。まず、レイヤーパネルでスマートフィルターマスクサムネールをクリックして選択(図5)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図5。この時点のレイヤーの状態。スマートフィルターマスクサムネール(赤枠)をクリックして選択する次にブラシツールを選んだら、オプションバーでブラシプリセットピッカーを開いて[ソフト円ブラシ]を選択し、[直径:500px]、[硬さ:0%]に設定する(図6)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図6。
ブラシツールのオプションバーでブラシプリセットピッカーを開いて[ハード円ブラシ]を選択し、[直径:500px]、[硬さ:0%]に設定する続いて、[描画色]を黒にしたら、人物の顔や手元のあたりにブラシを加えていく(図7)(図8)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図7
【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図8

【Photoshop】放射状のぼかしを使ったビジュアル表現: 
3.ビジュアルにメリハリと質感をつけて仕上げる

ビジュアルを仕上げていく。まず、レイヤーパネルで元写真のレイヤーを前面に複製したら、複製した方を選択して、レイヤーメニュー→“ラスタライズ”→“レイヤー”を実行する(図9)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図9。この時点のレイヤーの状態。元写真のレイヤーを前面に複製してラスタライズしておく続いて、フィルターメニュー→“その他”→“ハイパス...”を選び、[半径:8pixel]で適用する(図10)(図11)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図10。[半径:8pixel]に設定する
【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図11レイヤーパネルで、このレイヤーを[描画モード:リニアライト]に変更(図12)(図13)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図12
【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図13。この時点のレイヤーの状態。「ハイパス」フィルターをかけたレイヤーを[描画モード:リニアライト]に変更する次に、レイヤーメニュー→“新規調整レイヤー”→“トーンカーブ...”を選択。「新規レイヤー」ダイアログが表示されたら、そのまま[OK]をクリックする(図14)


【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図14。「新規レイヤー」ダイアログが表示されるので、そのまま[OK]をクリックする続いて、プロパティパネルでトーンカーブの上を2箇所クリックしてコントロールポイントをふたつ追加したら、それぞれドラッグして調整し、コントラストを少し強調する(図15)(図16)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図15。プロパティパネルでトーンカーブのハイライト(右上の赤丸)とシャドウ(左下の赤丸)の2箇所にコントロールポイントを追加してドラッグし、カーブ状にしてコントラストを少し強調する
【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図16ここでは、さらに文字要素などを配置して完成とした(図17)

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
図17。完成ビジュアル以上、Photoshopで「ぼかし(放射状)」フィルターを使って印象的なビジュアルを表現する方法でした。

【Photoshop】放射状のぼかしを使ったビジュアル表現(放射状/ぼかし/写真加工)
編集部おすすめ