Photoshopでサイケデリックな水の波紋を表現する方法を紹介します。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。


■使用する機能「ブラシツール」「ジグザグ」「移動ツール」「アンシャープマスク」「色相・彩度」「ちりめんじわ」「描画モード」

目次

Photoshop サイケデリックな水の波紋の表現: 
1.ブラシでベースとなるカラフルな模様を描く

まずは新規ファイルを[幅:1200ピクセル]、[高さ:1400ピクセル]、[解像度:350ピクセル/インチ]で作成したら、ブラシツールを選択。オプションバーからブラシプリセットピッカーを開いて[汎用ブラシ]の[ソフト円ブラシ]を選び、[直径:350px]前後、[硬さ:0%]に変更(図1)。さらに[流量:38%]程度に設定する(図2)

サイケデリックな水の波紋の表現
図1。ここではオプションバーでブラシプリセットピッカーを開き、[汎用ブラシ]の[ソフト円ブラシ]を選んで[直径:364px]、[硬さ:0%]に設定した
サイケデリックな水の波紋の表現
図2。ここでは、ブラシツールのオプションバーで[流量:38%]に設定した次に、レイヤーパネルで最前面に新規レイヤーを作成したら、[描画色]を変更しながらアートボード上をドラッグして色を着けていく。ここでは、まず赤でざっくり色を着けたあと(図3)、青や緑、黄色などを加えてカラフルな模様を描いていった(図4)(図5)(図6)

サイケデリックな水の波紋の表現
図3。ここでは、ここでは16進数カラーコード[#ff0000]のレッドで色をつけた
サイケデリックな水の波紋の表現
図4。ここでは、ここでは16進数カラーコード[#0000ff]のブルーで色をつけた
サイケデリックな水の波紋の表現
図5。ここでは、ここでは16進数カラーコード[#00ff00]のグリーンで色をつけた
サイケデリックな水の波紋の表現
図6。ここでは、ここでは16進数カラーコード[#ffff00]のイエローで色をつけた

Photoshop サイケデリックな水の波紋の表現: 
2. カラフルな模様を加工して水の波紋を表現する

水の波紋を表現していく。まず、レイヤーパネルでカラフルな模様のレイヤーを選択し、フィルターメニュー→“変形”→“ジグザグ...”を[量:100]、[折り返し:20]、[スタイル:左上、右下方向]で適用する(図7)(図8)

サイケデリックな水の波紋の表現
図7。
[量:100]、[折り返し:20]、[スタイル:左上、右下方向]に設定する
サイケデリックな水の波紋の表現
図8次に、移動ツールを選択したらオプションバーで[バウンディングボックスを表示]をオンにして、バウンディングボックスの周囲にあるハンドルをドラッグして波紋の縦横比率を調整し(図9)、そのままアートボードいっぱいに表示されるよう拡大する(図10)

サイケデリックな水の波紋の表現
図9。バウンディングボックスの周囲にあるハンドルをドラッグして縦横比率を調整し、波紋に角度がついて見えるようにする
サイケデリックな水の波紋の表現
図10。アートボードいっぱいに波紋が表示されるよう拡大するこのレイヤーに対し、再度フィルターメニュー→“変形”→“ジグザグ...”を[量:100]、[折り返し:20]、[スタイル:左上、右下方向]で適用(図11)(図12)

サイケデリックな水の波紋の表現
図11。[量:100]、[折り返し:20]、[スタイル:左上、右下方向]に設定する
サイケデリックな水の波紋の表現
図12続いて、フィルターメニュー→“シャープ”→“アンシャープマスク...”を[量:120%]、[半径:3.0pixel]、[しきい値:0レベル]で適用する(図13)(図14)

サイケデリックな水の波紋の表現
図13。[量:120%]、[半径:3.0pixel]、[しきい値:0レベル]に設定する
サイケデリックな水の波紋の表現
図14

Photoshop サイケデリックな水の波紋の表現: 
3.サイケデリックな印象を際立たせる

波紋の色味を調整してサイケデリックな印象に仕上げていく。まず、レイヤーパネルで波紋のレイヤーを前面に複製する(図15)。複製するたびに色味が強くなっていくので(図16)、合計3回ほど複製しておく(図17)(図18)

サイケデリックな水の波紋の表現
図15。波紋のレイヤーを1回複製した状態
サイケデリックな水の波紋の表現
図16。
波紋のレイヤーを2回複製した状態
サイケデリックな水の波紋の表現
図17。波紋のレイヤーを3回複製した状態
サイケデリックな水の波紋の表現
図18。この時点のレイヤーの状態。今回は3回レイヤーを複製した続いて、レイヤーパネルで元の波紋のレイヤーと複製したレイヤーをすべて選択して、レイヤーメニュー→“レイヤーを結合”を実行(図19)

サイケデリックな水の波紋の表現
図19。この時点のレイヤーの状態。元の波紋のレイヤーと複製したレイヤーを結合して1枚にまとめておく。ここでは分かりやすいよう結合したレイヤー名を「ブラシ(結合)」と変更しておいた結合したレイヤーを選択したら、イメージメニュー→“色調補正”→“色相・彩度...”を選び、プレビューを確認しながら[色相]の数値を変更して好みの色に調整する。ここでは[色相:ー27]に変更して赤みを強めておいた(図20)(図21)

サイケデリックな水の波紋の表現
図20。ここでは[色相:ー27]に変更した
サイケデリックな水の波紋の表現
図21レイヤーパネルで結合したレイヤーを前面に複製したら、複製された方のレイヤーを選択する。続いて[描画色]を黒、[背景色]を白に設定したら、フィルターメニュー→“フィルターギャラリー...”を選択し、[スケッチ]の[ちりめんじわ]を[密度:30]、[描画レベル:20]、[背景レベル:35]で適用する(図22)(図23)


サイケデリックな水の波紋の表現
図22。[スケッチ]の[ちりめんじわ]を[密度:30]、[描画レベル:20]、[背景レベル:35]に設定する
サイケデリックな水の波紋の表現
図23最後に、レイヤーパネルで「ちりめんじわ」フィルターをかけたレイヤーを[描画モード:オーバーレイ]に変更すれば、ザラっとした質感を加えられる(図24)(図25)

サイケデリックな水の波紋の表現
図24
サイケデリックな水の波紋の表現
図25。この時点のレイヤーの状態。[描画モード:オーバーレイ]に設定するここでは、さらに文字要素などを配置して完成とした(図26)

サイケデリックな水の波紋の表現
図26。完成ビジュアル以上、Photoshopでサイケデリックな水の波紋を表現する方法でした。

サイケデリックな水の波紋の表現
編集部おすすめ