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

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

カテゴリー: ameblo時代, 日記的内容   パーマリンク

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>