今回はPhotoshopで、液体の塊のような抽象的なビジュアルを表現するテクニックを解説します。過去記事「液状のロゴを作る方法（液体の質感・立体感・輪郭のにじみを表現）」も併せて参考にしてみてください。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。

■使用する機能「ブラシツール」「グラデーションマップ」「レベル補正」「移動ツール」「ぼかし（ガウス）」「塗りつぶし」「描画モード」「ノイズを加える」

【Photoshop】液体の塊のようなビジュアル表現: 
1.ベースとなる円のモチーフを描く

まずは新規ファイルを［幅：1200ピクセル］、［高さ：1000ピクセル］、［解像度：350ピクセル/インチ］で作成したら、ブラシツールを選択してオプションバーのブラシプリセットピッカーで［ソフト円ブラシ］、［直径：400px］、［硬さ：25％］に設定（図1）。

新規レイヤーを作成したら、［描画色］を黒に設定してカンバス上をクリックし、エッジがにじんだ円をひとつ描画する（図2）。

続いて新規レイヤーを前面に作成したら、ブラシの［直径］を変更してサイズの異なる円を描画。移動ツールでふたつの円をそれぞれドラッグして位置を調整しておく（図3）。

【Photoshop】液体の塊のようなビジュアル表現: 
2.円に色を着けて液体の塊を表現する

液体の塊を表現していく。まず、レイヤーパネルで最前面（いちばん上）のレイヤーを選択したら、レイヤーメニュー→“新規調整レイヤー”→“グラデーションマップ...”を選択。「新規レイヤー」ダイアログが表示されるので、そのまま［OK］をクリックする（図4）（図5）。

続いて、プロパティパネルのグラデーションサンプル（マウスポインターを合わせると「クリックでグラデーションを編集」とヒントが表示されるバー状のグラデーション見本）をクリックして（図6）、グラデーションエディターを開く。

グラデーションエディターが表示されたら、グラデーションサンプルのカラー分岐点を設定して黄色、水色、青、黒のグラデーションを作成して適用する（図7）（図8）。

次に、レイヤーメニュー→“新規調整レイヤー”→“レベル補正...”を選び、「新規レイヤー」ダイアログをデフォルトのまま実行（図9）。

プロパティパネルでヒストグラムの下の三角形（スライダー）を動かして、円のコントラストを少し強める。ここでは黒いスライダーを動かして［シャドウ：70］に調整した（図10）（図11）。

移動ツールでふたつの円をそれぞれドラッグし、円と円がくっつくように位置を調整する（図12）。

これらの円のレイヤーを複製し、サイズや位置を調整しながら配置していく（図13）（図14）。

そのうち一部の円については、フィルターメニュー→“ぼかし”→“ぼかし（ガウス）...”を［半径：85pixel］程度で適用して、にじみ具合を調整する（図15）（図16）。

ここでは、さらに円を複製したりサイズを調整したりしながら、液体の塊を表現していった（図17）。

【Photoshop】液体の塊のようなビジュアル表現: 
3.液体の塊に質感をつけてビジュアルを仕上げる

ビジュアルを仕上げていく。まず、レイヤーパネルで最前面に新規レイヤーを作成したら、編集メニュー→“塗りつぶし…”を［内容：50％グレー］、［描画モード：通常］、［不透明度：100％］で適用する（図18）（図19）。

続いて、レイヤーパネルでこの塗りつぶしたレイヤーを［描画モード：ソフトライト］に変更（図20）（図21）。

さらにフィルターメニュー→“ノイズ”→“ノイズを加える…”を［量：20％］、［分布方法：均等に分布］、［グレースケールノイズ］で適用する（図22）（図23）。

レイヤーパネルで、このノイズを加えたレイヤーと、「レベル補正」調整レイヤー、「グラデーションマップ」調整レイヤーを3つとも選択したあと（図24）、レイヤーメニュー→“レイヤーをグループ化”を実行（図25）。3つのレイヤーがレイヤーグループにまとまるので、そのグループが選択された状態のままレイヤーパネルの［ロック：すべての属性をロック］をクリックしてロックしておく（図26）。

必要に応じて、移動ツールで各円をドラッグして位置を微調整しておく（図27）。

ここでは、さらに文字要素などを配置して完成とした（図28）。

以上、Photoshopで液体の塊のような抽象的なビジュアルを表現するテクニックでした。