DTP→ほそぼそとWeb業界のカタスミでお仕事しています・・・

Fireworksでのボタンの作り方2

ずいぶん前に Fireworksでのボタンの作り方 をご紹介しましたが、今回はその進化バージョンで…って
言っても相変わらず社長のOKは出ないんですが(--;)

社長のお気には召さないんですが、自分なりの試行錯誤として…
↓今はこれに落ち着きました。
20111014FW_btn01.jpg 

作り方としては…
土台の四角を描きます。
20111014FW_btn02.jpg


20111014FW_btn03.jpg


20111014FW_btn04.jpg


20111014FW_btn05.jpg

ボタンの内側になんとなく影を入れたいので、フィルタ「シャドウと光彩」の「光彩(内側)」に行きます。
20111014FW_btn06.jpg


20111014FW_btn07.jpg


↓こんな感じになりました。
20111014FW_btn08.jpg


さらに、ちょっと光を入れたいので、フィルタ「シャドウと光彩」の「シャドウ(内側)」に行きます。
20111014FW_btn09.jpg



20111014FW_btn10.jpg


20111014FW_btn11.jpg


20111014FW_btn12.jpg


ここで、ちょっとキリッとしたかったので、ふちどりに1px 線を入れてみました。
20111014FW_btn13.jpg


↓びみょー(^^;)
20111014FW_btn14.jpg


土台ができたので、ボタンに文字を入れてみましょう。
20111014FW_btn15.jpg


20111014FW_btn16.jpg


好みで文字の位置を調整します。 ↓土台と文字を選択して、整列させました。
20111014FW_btn17.jpg


20111014FW_btn18.jpg


文字にもグラデーションをかけたいので、文字の塗りのオプションでグラデーションを選択します。
20111014FW_btn19.jpg


20111014FW_btn20.jpg


色はお好みで… なんとなく上が明るい感じが好みです。
20111014FW_btn21.jpg


↓色が違うので、イマイチわからないなぁ… グラデーションもあんまり差がなかったかな?(^^;)
20111014FW_btn22.jpg


そんなわけて、ちょっと文字におもむきを添えたいので、フィルタ「シャドウと光彩」の「シャドウ(内側)」に行きます。
20111014FW_btn23.jpg


ボタンの内側に影を入れてみました。
20111014FW_btn24.jpg


↓気持ち、違いますか?(^^;)
20111014FW_btn25.jpg


さらに文字におもむきを添えたいので、フィルタ「シャドウと光彩」の「ドロップシャドウ」に行きます。
20111014FW_btn26.jpg


20111014FW_btn27.jpg



20111014FW_btn28.jpg


完成です(*^.^*)
20111014FW_btn01.jpg

関連記事

コメント

非公開コメント

※宣伝目的のようなコメントが時々あることから、コメントを承認方式に変更しました。
アダルトサイト・販売目的のサイトに誘導するもの、宣伝目的のもの、
わいせつもしくは公序良俗に反するもの、
また誤解を招くようなコメントは、削除させていただきます。

トラックバック

https://memo352.blog.fc2.com/tb.php/158-51c47027