投稿日：2008年3月18日　　　レベル：中級者　　　　ソフトウェア：

---

このチュートリアルでは、多目的に使えるナビゲーションヘッダーを作ってみたいと思います。

• Step1 ： タブの作成
• Step2 ： タブの複製
• Step3 ： 大きな長方形の作成
• Step4 ： ロゴ窓の作成
• Step5 ： ロゴ、メニューの挿入
• Step6 ： 画像の追加

角丸長方形ツールで角丸長方形を作ります。



「Ctrl」を押しながらクリックすると角丸長方形を選択できます。
選択範囲を2ピクセル縮小します。

新規レイヤーを作成します。白のグラデーションに黒を適用します。



グラデーションのレイヤーの描画モードを「ハードライト」に変更し、レイヤーの不透明度を「50％」にします。



グラデーションのレイヤーを複製します。
数ピクセル上に移動します。
レイヤーパレットを使ってレイヤーの描画モードを「スクリーン」に変更します。



同じようにしてタブをもっと作ります。
タブのレイヤーの複製、移動を繰り返しましょう。



同じように大きな角丸長方形を作り、Step1と同じステップを繰り返します。



長方形ツールを使って長方形を作ります。



長方形のレイヤーをダブルクリックしてレイヤースタイルウィンドウを開きます。
以下の設定を適用します。

ドロップシャドウ　描画モード「乗算」、不透明度「28%」、サイズ「9px」



境界線　サイズ「1px」、位置「内側」、描画モード「通常」





長方形ツールを使って長方形を作ります。
「Ctrl」＋「Alt」＋「G」キーを押してクリッピングマスクを作ります。



下の画像のように会社名、ロゴ、メニュー名を入れます。



大きな長方形の上に画像を入れたら、完成です。
レイヤーモードで作業してください。

引用:Web Design Library 　著者:photoshopforfun.com　翻訳:菊池

スポンサードリンク