fireworksでボタン作成(光沢)

グラデーションをかけるだけでは、今流行の光沢感のあるボタンは作れそうにない。光沢のポイントは、「明暗がくっきりしている」ところにあるはず。「明」と「暗」の二枚を重ねれば、光沢感が出るのではないか。

1、高さが半分のコピーを作る

まずは、元となる矩形のコピーを作って、高さを半分にする。

2、コピーの色を明るくする

コピーした矩形の色を明るくする。


そして元の矩形の上に重ねる。

3、コピーの幅、高さを若干小さくする

「際」を表現するために、コピーした矩形の幅と高さを若干小さくして、ほんの1px程度際ができるようにする。
これで完成。
[

4、コピーにグラデーションをかける

コピーにグラデーションをかけてやると、真ん中が飛び出したような立体を表現することもできる。


すると、こうなる。


まだまだだけれど、光沢感のあるボタンができた。