投稿日：2008年8月26日　　　レベル：初心者　　　　ソフトウェア：

---

このチュートリアルでは、フォトショップでWeb 2.0風のナビゲーションを作成してみたいと思います。

• Step1 ： はじめに
• Step2 ： レイヤー効果をつける
• Step3 ： テキストを入れる
• Step4 ： 星の中にRSSアイコンをいれる
• Step5 ： 完成

500ピクセル×100ピクセルで新規ドキュメントを開き、「#eceae5」と「#e5e5e5」の色でグラデーションを使って、少しだけグレーを入れたり、任意の色を使ったりして色を塗ります。

角丸長方形ツールを使って半径15ピクセルで長方形を作ってナビゲーションの基礎にします。




レイヤー効果を選択して次のように設定します。









すると次の画像のように効果がつきます。




画像に効果をつけたら、次はテキストを入れます。ナビゲーションにテキストを入力してから「|」キーを使って仕切りを入れるか、線ツールを使って線を引きます。




カスタムシェイプツールを使ってシェイプを選択して星型のシェイプを選択してナビゲーションの角に星を作って回転させます。
注意：星型のシェイプが見えない場合はデフォルトのシェイプが全部ロードされていないことがあります。

ブレンドオプションを選択して次のように効果を入れます。



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



それから星の中にRSSアイコンを入れます。


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

引用:Web Design Library 　著者:xtratutorials.uni.cc　翻訳:菊池

スポンサードリンク