投稿日：2009年05月19日　　　レベル：初心者　　　　ソフトウェア：

---

このチュートリアルでは、PhotoshopでAppleのモニターをデザインしてみたいと思います。

• Step1 ： はじめに
• Step2 ： 外枠を作成する
• Step3 ： 台部分を作成する
• Step4 ： スクリーンにイメージをはめこむ
• Step5 ： 完成

はじめに新規ファイルを作成します。
ここでは600ピクセル×500ピクセルで72dpiにして、背景を黒く塗ります。

新規レイヤーを作成して「Apple's Monitor Design」と名前をつけます。
新規レイヤー上でサイズ395ピクセル×250ピクセル、「#F4F4F4」の色で長方形を描きます。

レイヤースタイル（「レイヤー」−「レイヤースタイル」−「レイヤー効果」を選択）で白い長方形のレイヤーの「シャドウ（内側）」、「光彩(内側)」、「グラデーションオーバーレイ」を次のように設定します。

新規レイヤーを作成して「#0A0A0A」の色でサイズ363ピクセル×217ピクセルの暗い長方形を描きます。
レイヤースタイル（「レイヤー」−「レイヤースタイル」−「レイヤー効果」を選択）で白い長方形のレイヤーの「光彩(外側)」、「光彩(内側)」を次のように設定します。

新規レイヤーを作成して、角丸長方形ツールで「#D9D9D9」の色でサイズ68ピクセル×29ピクセルの小さな角丸長方形を描きます。
楕円形選択ツールでシェイプの端を切り取ります。

レイヤースタイル（「レイヤー」−「レイヤースタイル」−「レイヤー効果」を選択）で端を切り取った角丸長方形のレイヤーに対して「シャドウ(内側)」、「グラデーションオーバーレイ」を次のように設定します。

新規レイヤーで、「#2B2B2B」の色でサイズが395ピクセル×29ピクセルの角丸長方形を描いてこれまで作業をしたレイヤーの下に配置します。

スクリーンにサイズが363ピクセル×213ピクセルのサンプルイメージを入れます。
Appleのロゴをスクリーンの下に入れます。
このデザインで使うAppleのロゴはここからダウンロードできます。

「Apple's Monitor Design」レイヤーを複製したら、「レイヤー」−「下のレイヤーと結合」を選択して、複製したデザインを作業レイヤーに結合します。
それから「フィルタ」−「ぼかし」−「ぼかし(ガウス)」で次のように設定します。

レイヤーパレット上で複製したデザインを最初に作業した「Apple's Monitor Design」レイヤーの後ろに配置します。
最後にぼかしを入れたデザインの上端と下端を削除すれば完成です。

引用:Web Design Library　著者:PsDeluxe　翻訳:菊池

スポンサードリンク