ボタンをつくる(多角形)
Home>Fireworks>画像のつくりかた>ボタンをつくる(多角形)
多角形のボタンをつくります。
以下のような画像をつくってみます。
[ツール]パネルより、[面取り矩形]ツールを選択して、キャンバスに四角形を描きます。
描いた後に[選択]ツールで、選択して、プロパティインスペクタから[幅]を120、[高さ]を50にします。
[X]を0、[Y]を0にします。
四隅に表示される黄色い四角のマークを一回クリックします。
クリックするたびに角の形が変わります。
この四隅の黄色いマークは、それをクリックしたままマウスを動かすことで、角の大きさを帰ることができます。
[Alt]キーを押しながら動かすと、クリックした部分の角だけを操作することができます。
この機能を利用して、面取りをしない角をすべて[Alt]キーを押しながら角がある状態にします。
矩形を選択して、プロパティインスペクタの[フィルタ]->[ベベルとエンボス]->[ベベル(内側)]を指定し、[幅]を3にします。
以下のようなボタン画像ができました。
[テキスト]ツールで、ボタン画像の上にテキストを書きます。
[選択]ツールで、描いたテキストを選択し、プロパティインスペクタで、フォントやサイズ、色、アンチエイリアスなどを変更します。
[修正]->[整列]->[縦方向中央揃え]を選択し、それから[修正]->[整列]->[横方向中央揃え]を指定します。
テキストがボタン画像に対して中央に配置されました。
[ファイル]->[イメージプレビュー]で[形式]をJPEGにして、[書き出し]を指定します。
関連リンク
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-12-4