Photoshopでホームページやアプリケーションのアイコンなどで多く目にする光沢のあるボタンの作り方をご説明します。

１．Photoshopファイル新規・レイヤー新規
ファイルサイズは適当に調整して結構です。



新しいレイヤーを作成します。



２．ボタンを作成
ツールボックスから、角丸長方形ツールを選択します。



オプションパネルの設定は下図に参照ください。カラーは見やすいよう、黒に設定します。



角丸長方形ツールを選択されている状態で、下図の形を作れるようにマウスをドラグします。



３．光沢ボタンレイヤー作成
描画色は白色に設定して、もう一つ新しいレイヤーを作成します。



角丸長方形ツールで、下図のようにドラグで少し小さく、白いボタンを描きます。



ボタンサイズ確認しづらい場合、４００％ぐらい拡大してから操作ください。

４．レイヤー効果



レイヤー１のレイヤー効果設定：






レイヤー２のレイヤー効果設定：







５．照明効果
新しいレイヤーを作成します。



「楕円形選択ツール」を選択します。



下図のように、楕円形を選択します。



グラデーションツールをクリックして、「描画色から透明に」アイコンを選択します。



矢印の始点から終点前ドラグします。



６．クリア
照明レイヤーに、上のグラデーション色を「長方形選択ツール」で選択して、削除します。



完成図：