aqua

一時期盛大に話題になったmacOSXのインターフェース”aqua(アクア)”。
webではこれを真似たボタンやらが大量発生し、「そりゃダセェんじゃないか?」と思っていたが、使ってみると意外とというか多大に便利だったりする。
何よりキレイだ。
かくいうおれはwindowsのデスクトップもOSX風で、なんだか厨臭いのは分かりながらニヤニヤしているので、当然だろう。

さてどうせなのでFireworksMXでのaqua風ボタンの作り方を覚え書きしておこう。
もちろんオレ流である。いかに手早いかが重要。

1.適当に円を描く。形は何でもいいけど。
aqua_1.jpg

2.円の塗りをグラデーション(線形)にし、左上の方が明度が高くなるようにする。
aqua_2.jpg

3.その円を同じ場所にコピペして縮小。少し縦を潰して塗り→線形、上から透明度100→0に。
aqua_3.jpg

4.新しい円を下方向にコピー。エッジをぼかして色相/彩度。パラメータは勘で。
aqua_4.jpg

5.最後に陰を置く。レイヤー位置を最下層にするのを忘れずに。
aqua_5.jpg

画像載せてみた。
単純にタグを入れれば表示されるのね。

コメントをどうぞ