ギザギザ円形バッチ
ギザギザの外形をもつ円形のマークを、NewやSale等の表示で見たことあるのではないでしょうか?
FireWorksでなら簡単に作ることが可能です。
また例のとおり、任意の新規ドキュメントを作成してそこにベクター図形を設置します。
今回は矩形ボタンの下にある星型を使用します。
次は形状を整えます。
形状左下に黄色の菱形がありますが、これが頂点です。数が多ければ外郭の突起が増えます。
また、頂点を増やすだけではかなりとげとげしい形状になりますので、形状の谷にある「半径」の菱形を調整して谷部分を調整します。
あとはWeb2.0らしく塗りつぶし色にグラデーションを施してそれっぽく仕上げます。
ここでは#FF6600から#FFFF33の線形グラデーションを施しています。
できあがった形状に対して文字を入れたり、対角線を施してストライプカラーにしたりなど様々な処理が考えられます。
下記の画像は、形状の上に文字を色「白」で施し、
形状外郭線に太さを設定して色を「白」に、更にフィルタにグローを薄くかけたものです。
様々な処理の仕方によって表現の幅が広がりますので色々試してみると良いかもしれません。
今回は矩形ボタンの下にある星型を使用します。
次は形状を整えます。
形状左下に黄色の菱形がありますが、これが頂点です。数が多ければ外郭の突起が増えます。
また、頂点を増やすだけではかなりとげとげしい形状になりますので、形状の谷にある「半径」の菱形を調整して谷部分を調整します。
あとはWeb2.0らしく塗りつぶし色にグラデーションを施してそれっぽく仕上げます。
ここでは#FF6600から#FFFF33の線形グラデーションを施しています。
できあがった形状に対して文字を入れたり、対角線を施してストライプカラーにしたりなど様々な処理が考えられます。
下記の画像は、形状の上に文字を色「白」で施し、
形状外郭線に太さを設定して色を「白」に、更にフィルタにグローを薄くかけたものです。
様々な処理の仕方によって表現の幅が広がりますので色々試してみると良いかもしれません。
2008年 11月 3日ドキュメント作成
2008年 11月 3日ドキュメント更新