メニューボタンをPhotoshopでデザイン

おしゃれなメニューのデザイン方法

Photoshopを使ってメニューボタンを作成する方法を紹介しています。お洒落なグラデーションのメニューボタンです。作り方を参考にアレンジしてみてください。

参考サイト：Sleek White Menu

Photoshopを使って制作する方法を紹介しています。

1,背景色を「#FFFFFF」に設定します。新しいレイヤーを追加し、「長方形選択ツール」で四角形のシェイプを選択し、塗りつぶしツールを使って色を塗っておきます。後ほど下の方を削除しますが、現段階では削除部分もあわせて作っておきます。

2,長方形のレイヤーを選んでいる状態で、選択範囲→選択範囲を変更→滑らか→３pxに設定します。さらに、選択範囲→選択範囲を反転を選択し「Delete」ボタンを押します。これで端が滑らかになります。

3,レイヤースタイルを以下のように設定し追加します。ドロップシャドウは影付を行うレイヤーで、距離を0にします。

グラデーションは#FFFFFF→#999999に設定します。

4,上記の設定ができていればこんな感じの四角形になっていると思います。

5,レイヤーを複製し、つなげてみるとメニューぽくなってきましたね。

6,余計な下部分を長方形選択ツールで囲み、「Delete」ボタンを押すと・・・お見事！

関連記事

• 被写体に影をつける方法
• 立体感のあるアイコンのデザイン方法
• オリジナルのファビコンをデザイン
• フリーのイメージ素材
• 引用符を使ったblockquoteのデザインとCSS