ロールオーバーさせるためのボタンを作成する【fireworks】 | Journal intime de la nuit noire / ゆえのWebとか日記とか
《Journal intime de la nuit noire》は、「ゆえ」がWebデザインだとかFireworksだとか旅だとかについて気ままに書き綴っているブログです<< July 2009 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> こんばんは！ 二週間ぶりに、Fireworksチュートリアル、いきまーす！ （や、日記書こうと思ってもドラクエぐらいしかネタなくて・笑） Fireworksリファレンス第三弾は、フレームを使ってロールオーバー画像＆スライスを使ってボタンを切り出す、角の丸い「角丸」ボタンの作り方です。……やるよやるよって最初から言い続けて、漸く公開にこぎつけました……。 因みに、今回作るのは、こんな感じのボタン↓であります
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の柔らかい線にしてみました。） 次に「シャドウ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
