2006年9月5日のブックマーク (1件)

  • 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の柔らかい線にしてみました。) 次に「シャドウ

    ida_shimo
    ida_shimo 2006/09/05
    透明度のあるボタンの作り方