jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.2

FireworksでWeb2.0っぽいデザインを試みるこのコーナー。第二弾はMacのAqua風ボタンを作ってみましょう。 下の図のような感じの角丸矩形（「くけい」って読むのね。）を描きます。角の丸みは20-30%程度。塗りの色は淡い色に、ストローク（線）の色はなしにしておきます。 次に描画した矩形を2回コピー＆ペーストして複製を作ります。（つまり全部で3つが重なっている状態。）便宜上、上から順番に「base」「100% round」「temp」という名前をつけます。下の2つはしばらく使わないのでロックをかけておくとよいでしょう。 一番上の「base」を編集していきます。まず、ストローク（線）の色をつけます。「塗り」よりも濃い目の色にすると見栄えが良いです。（例では塗りの色を#DDFF88、ストロークの色を#99CC00、ストロークの種類は1pxの柔らかい線にしてみました。） 次に「シャドウ

[shu_y]

蛍光　ボタン　グラデーション

[cu39]

Aqua風ボタン

[webartisan]

web2.0風ボタン

[aratako0]

Macのアクア風ボタン。

[lomo_lomo]

FireworksでMacのAqua風ボタンを作る方法

[ida_shimo]

透明度のあるボタンの作り方

[mosotan]

FireworksでMacのAqua風ボタンを

[trapple]

Fireworksでアクアボタン