今回はPhotoshopで、光沢のあるぐにゃぐにゃした立体的なモチーフを表現するテクニックを解説します。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。

■使用する機能「塗りつぶしツール」「楕円形ツール」「グラデーションオーバーレイ」「ベベルとエンボス」「輪郭」「消しゴムツール」「ワープ」「ノイズを加える」

【Photoshop】光沢のある立体的なモチーフの表現: 
1.光沢のある円を描く

まずは新規ファイルを［幅：1200ピクセル］、［高さ：1200ピクセル］、［解像度：350ピクセル/インチ］で作成したら、［描画色］を黒にし、塗りつぶしツールでカンバス上をクリックして背景レイヤーを黒く塗りつぶす（図1）。

次に、楕円形ツールを選択してオプションバーで［ツールモード：シェイプ］、［塗り：白］、［線：なし］に設定し（図2）、新規レイヤーを作成したあと、shiftキーを押しながら画面上をドラッグして正円をひとつ描画する（図3）。

円のレイヤーが選択された状態のまま、レイヤーメニュー→“レイヤースタイル”→“グラデーションオーバーレイ...”を選び、［描画モード：通常］、［不透明度：100％］、［スタイル：線形］、［角度：90°］、［逆方向］はオフに設定（図4）。［グラデーション］のグラデーションサムネールをクリックしてグラデーションエディターを開き、カラー分岐点を編集して紫（16進数カラーコード［#a700de］）、水色（16進数カラーコード［#00deff］）、濃紺（16進数カラーコード［#000636］）のグラデーションを設定する（図5）（図6）。

続いて、レイヤースタイルの［ベベルとエンボス］を選択したら、［スタイル：ベベル（内側）］、［テクニック：滑らかに］、［深さ：50％］、［方向：上へ］、［サイズ：35px］、［ソフト：1px］、［角度：90°］、［高度：30°］、［光沢輪郭：リング-二重］、［ハイライトのモード：スクリーン］、［ハイライトのカラー：白］、ハイライトの［不透明度］を100％に、［シャドウのモード：乗算］、［シャドウのカラー：黒］、シャドウの［不透明度］を100％に設定する（図7）。

さらにレイヤースタイルの［輪郭］を選択したら、［輪郭：リング］、［範囲：100％］に設定して適用する（図8）（図9）。

【Photoshop】光沢のある立体的なモチーフの表現: 
2.円を変形してベースとなるモチーフを作る

ベースとなるモチーフを作っていく。まず、レイヤーパネルで円のレイヤーを複製したら、片方を非表示にしておく（図10）。

続いて表示している方の円のレイヤーを選択したあと、消しゴムツールを選び、オプションバーでブラシプリセットピッカーを開いて［ソフト円ブラシ］、［直径：300px］、［硬さ：40％］程度に設定（図11）。

カンバス上をクリックすると［処理を続行するためには、このシェイプレイヤーをラスタライズする必要があります。シェイプをラスタライズしますか？］という警告が出るので、［OK］をクリックしてラスタライズする（図12）。

この消しゴムツールで円の内側をクリックすると、その部分に穴が空いたような表現になるので（図13）、そのまま穴を広げるようにドラッグして円の中央部分を部分的に消去していく（図14）。

続いて、編集メニュー→“ワープ...”を選択。モチーフの前面にグリッド状のワープメッシュが表示されるので、その四隅のコントロールポイントやグリッドの交差部分をドラッグしたり、コントロールポイントから出ているハンドルをドラッグして、表現したいイメージに合わせて変形していく（図15）（図16）。

好みの形にできたら、Enterキーを押して（またはオプションバーの［○］をクリックして）変形を確定させる（図17）。

【Photoshop】光沢のある立体的なモチーフの表現: 
3.質感を加えてモチーフを仕上げる

モチーフを仕上げていく。まず、ワープ機能で変形した円のレイヤーが選択された状態のまま、レイヤーメニュー→“ラスタライズ”→“レイヤースタイル”を実行して、レイヤー効果をラスタライズしておく（図18）。

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

最後に、非表示にしておいた方の円のレイヤーを表示させ、ここまでと同じ要領で形の違うモチーフをいくつか作成して、全体のバランスを見ながら配置していく（図21）（図22）。

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

以上、Photoshopで光沢のあるぐにゃぐにゃした立体的なモチーフを表現するテクニックでした。