Life is beautiful

　二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。

　まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。

　この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更しないですむ）。

　次に同じレイヤースタイルのダイアログボックスで、Drop Shadow属性をオンにする。Blend ModeはやはりMultiplyで、Opacityは７５％。色はInner Glowと同じく黒にしておくと手間がかからなくて良いのだが、透過した光の効果を出したいときは少しメインの色を混ぜると良い。（ただし、その場合はメインの色を変更したときに、ここにも変更を加える必要がある。）

　ダイアログボックスを閉じ、レイヤーをコピーする。コピーしたものをctrl+Tで変換モードにし、Altキーとマウスで半分より少し小さいぐらいにしてから、位置を調整する。次にこのレイヤーをダブルクリックしてレイヤースタイルダイアログを開き、Fill Opacityを０にしてしまう（そうしないと、メインの色を変更したときにこのレイヤーの色まで変更しなければならなくなる）。レイヤースタイルはGradient Overlayのみオンにし、Blend ModeをNormalで、Gradientを白で１００％から２５％上から下に向けてかける。これで「てかり」の完成だ。

　次に「てかり」のレイヤーをコピーし、上下反転し、位置合わせをし、ctrl+Tではみ出ない程度に少し大きくする。次にこのレイヤーをダブルクリックしてレイヤースタイルダイアログを開き、Fill Opacityは０のまま、今度はInner Glowのみをオンにする。Blend ModeはScreen、Opacityは75%、ただし色は白で０％から５０％のOpacityとしておく。これで完成だ。

　この手法で作っておくと、全てのデータはベクターデータとして入っているので、後からサイズの変更が簡単にできる。その上、色情報を持っているのは一番下のレイヤーのみなので、そこの色を変更するだけで、簡単に他の色のボタンが作れてしまうのである。