今回は、Photoshopで渦巻き状のモアレパターンが印象的なビジュアルを表現する方法を紹介します。過去の記事「【Photoshop】モアレで表現する山のグラフィック」や「【Photoshop】コピーして粗く歪んだようなグラフィックを表現する(コピー/ゆがみ/写真加工)」なども併せて参考にしてみてください。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。
■使用する機能
「スマートオブジェクト」「白黒」「塗りつぶし」「ハーフトーンパターン」「ぎざぎざのエッジ」「描画モード」「レイヤーの塗り」「渦巻き」「グラデーションマップ」
【Photoshop】ハーフトーンパターンで作るモアレ風のビジュアル表現:
1.元となる素材を用意する
まずは新規ファイルを[幅:1200ピクセル]、[高さ:1400ピクセル]、[解像度:350ピクセル/インチ]で作成したら、元となる写真を用意して配置する(図1)。
レイヤーパネルで元写真のレイヤーを選択したら、レイヤーメニュー→“スマートオブジェクト”→“スマートオブジェクトに変換”を実行。続いてイメージメニュー→“色調補正”→“白黒...”を選び、ひとまずデフォルトの値のまま適用する(図2)(図3)。
前面に新規レイヤーを作成したら、編集メニュー→“塗りつぶし…”を[内容:50%グレー]、[描画モード:通常]、[不透明度:100%]で実行し(図4)(図5)、レイヤーメニュー→“スマートオブジェクト”→“スマートオブジェクトに変換”を実行しておく。
[描画色]を黒、[背景色]を白に設定したら、フィルターメニュー→“フィルターギャラリー...”を選び、[スケッチ]の[ハーフトーンパターン]を[サイズ:2]、[コントラスト:0]、[パターンタイプ:点]に設定する(図6)。
ダイアログ右下の[+]ボタンをクリックしてエフェクトレイヤーを追加したら、[スケッチ]の[ぎざぎざのエッジ]を[画像のバランス:30]、[滑らかさ:14]、[コントラスト:1]に設定して適用する(図7)(図8)。
【Photoshop】ハーフトーンパターンで作るモアレ風のビジュアル表現:
2.被写体にハーフトーンパターンを合成する
元写真とハーフトーンパターンを合成していく。まず、レイヤーパネルでハーフトーンパターンのレイヤーを選択したら、[描画モード:ハードミックス]、[塗り:65%]に変更する(図9)(図10)。
次にレイヤーパネルで元写真のレイヤーにある[白黒]をダブルクリック(図11)。
「白黒」ダイアログが表示されるので、プレビューを参考にしながら各項目のスライダーを適宜調整する。ここでは人物の顔のハイライトを少し暗めにして服の黒つぶれを抑え、背景が明るくなるように調整したあと[OK]をクリックして適用した(図12)(図13)。
続いて、レイヤーパネルでハーフトーンパターンのレイヤーを選択したら、フィルターメニュー→“変形”→“渦巻き...”を[角度:200°]で適用する(図14)(図15)。
【Photoshop】ハーフトーンパターンで作るモアレ風のビジュアル表現:
3.色味を加えてビジュアルを仕上げる
ビジュアルを仕上げていく。ハーフトーンパターンのレイヤーが選択された状態のまま、レイヤーメニュー→“新規調整レイヤー”→“グラデーションマップ...”を選択。「新規レイヤー」ダイアログが表示されたら、そのまま[OK]をクリックする(図16)。
続いて、プロパティパネルのグラデーションサンプル(マウスポインターを合わせると「クリックでグラデーションを編集」とヒントが表示されるバー状のグラデーション見本)をクリックして(図17)、グラデーションエディターを開く。
グラデーションエディターが表示されたら、グラデーションサンプルのカラー分岐点を設定して黒、青緑、黄色、白のグラデーションを作成して適用する(図18)(図19)。
ここでは、さらに文字要素などを配置して完成とした(図20)。
以上、Photoshopで渦巻き状のモアレパターンが印象的なビジュアルを表現する方法でした。
制作者プロフィール
- MARUMIYAN(マルミヤン)
- グラフィックデザイナー/イラストレーター
- 2007年より「マルミヤン」(Marumiyan)名義で、福岡を拠点に活動を開始。雑誌、広告、CDジャケット、パッケージ、アパレル、プロダクト、Webなど、様々な媒体で活動を行う。人物や植物、動物、建物など、様々なアイコンをグラフィカルに組み合わせ、洗練された作品作りを目指す。また “FOUR DIMENSIONS WORLD” をテーマとした作品も精力的に制作している。2008年「FUNKY802 digmeout」オーディション通過。https://marumiyan.com/
2026.06.02 Tue