投稿日：2009年05月1日　　　レベル：中級者　　　　ソフトウェア：

---

このチュートリアルでは、Photoshopでスポーツチームのナビゲーションメニューを作りたいと思います。

• Step1 ： はじめに
• Step2 ： 背景を作る
• Step3 ： 区切り線を入れる
• Step4 ： テキストを入力する
• Step5 ： 完成

まずはじめに1024ピクセル×140ピクセルの新規ドキュメントを作成します。

背景を「#000000」の色で塗ります。

長方形選択ツールで、次のように選択範囲を作って、「#FFFFFF」の色で塗ります。

長方形のレイヤーを右クリックしたらブレンドオプションを次のように設定します。

すると次のようになります。

長方形選択ツールで次のように選択範囲を作って「#000000」の色で塗ります。

レイヤーの不透明度を26％以下に設定すると次のようになります。

リンクエリアの区切り線を作ります。
次のように幅2ピクセルの選択範囲を作って「#FFFFFF」の色で塗ります。

このレイヤーのブレンドオプションを次のように設定します。

不透明度を56％に設定すると次のようになります。

このステップは選択自由です。
長方形選択ツールで10ピクセル程度の選択範囲を次のように作ります。

「編集」−「消去」を選択して、気に入った仕上がりになるまで繰り返します。
次のようになります。

区切り線のレイヤーをコピーして、テキストを入力します。
選択されていないリンクの色を「#828282」にして選択されるリンクの色を「#0987b7」にします。
すると次のようになります。

テキストと区切り線のレイヤーの下に、光沢を追加します。
長方形選択ツールで選択範囲を作って「#FFFFFF」の色で次のように塗ります。

不透明度を56％に設定してブレンドオプションをオーバーレイにすると次のようになります。

選択されるリンクを作業します。
次のように選択範囲を作ります。

不透明度を84％に設定してブレンドオプションをオーバーレイにします。

レイヤーのブレンドオプションを次のように設定します。

すると次のようになります。

最後のステップでリンクの下側に「光」を入れます。
楕円形選択ツールで10ピクセル程度の選択範囲を作って「#FFFFFF」の色で塗ります。

ブレンドオプションをオーバーレイに変更したら、レイヤーをコピーして光を明るめにします。
完成すると次のようになります。

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

スポンサードリンク