ここでしか読めない“プロ領域”のグラフィックの技！

ネットでは物足りない、独学では到達できない

さまざまなデザインワークやビジュアル制作に取り組むうえで、自分の中に引き出しを蓄えておくことは大切だ。しかし、行き当たりばったりでつくったり、なんとなく独学でやっているだけでは限界があるだろう。そこで今回の特集では、さまざまなデザインワークで活きてくる、厳選のグラフィックの技を紹介していく。ここで手に入れたプロ領域の技をモノにすることができれば、表現の幅が確実に広がるはずだ。

制作・文 マルミヤン
url http://marumiyan.com/
使用ソフト Illustrator CS3、Photoshop CS3

楕円のパーツにグラデーションを施す

まず、Photoshopで新規ファイルを作成したら、新規レイヤーを用意。ここに適当なサイズの楕円を描く 1-1 。次に、レイヤースタイルの［グラデーションオーバーレイ］を 1-2 のように設定して適用 1-3 。次に新規レイヤーを作成し、レイヤーパネルでshiftキーを押しながらいま作成したレイヤーと楕円のレイヤーを選択。レイヤーメニュー→“レイヤーを結合”を実行する。

1-1


1-2（▼下の画像はクリックすると大きく表示されます。）


1-3

楕円パーツに質感をつける

楕円のレイヤーを選択し、“ノイズ”→“ノイズを加える...”フィルタを［均等に分布］、［グレースケールノイズ］、［量：25％］程度で適用する 2-1 。ここで消しゴムツールを選んでオプションを［モード：ブラシ］に設定し、ブラシピッカーで［ソフト円ブラシ］を選択。［マスター直径：2500px］にして 2-2 のような位置で1回クリックする。

2-1


2-2

パーツをランダムに配置する

楕円のレイヤーを2枚複製して編集メニュー→“変形”→“回転”で回転させ、少しずつ重ねて配置し、各レイヤーを［不透明度：85％］程度に変更 3-1 。複製した方のレイヤーを選択して、レイヤースタイルの［グラデーションオーバーレイ］で［描画モード］や［グラデーション］を好みのものに変更していく 3-2 。同様の手順で楕円を複製して全体を覆い尽くすように配置し、背景レイヤーをえんじ色で塗りつぶす 3-3 。

3-1


3-2


3-3

立体感をつけて細部をつくり込む

楕円のレイヤーをどれかひとつ選択し、レイヤースタイルの［ドロップシャドウ］を任意の値で適用 4-1 。同様の手順で楕円のレイヤーをいくつかランダムに選択してドロップシャドウをつけていく 4-2 。次に、ここまでの手順と同じ要領で正円パーツを作成して配置 4-3 。最後に、画像を統合してレイヤーを複製し、“ぼかし”→“ぼかし（ガウス）...”フィルタを［半径：6pixel］程度で適用。複製したレイヤーを［描画モード：乗算］、［不透明度：50％］程度に変更すれば完成。

4-1


4-2


4-3

本記事は『MdN』2010年3月号（vol.191）からの転載です。

そのほかには下記のような記事が掲載されています。
（クリックすると画像が大きく表示されます。）

特集のすべての記事は誌面でお読みになれます。
月刊『MdN』掲載記事号の情報はこちら！