■チュートリアルのトップへ　>> Fireworksトレーニングのトップへ　■コラムのトップへ　■オリジナルプロダクト　■制作料金
描画ツールで四角ボタンを作る
描画ツール 昨日まではテキスト入力の機能を使って、ホームページでよく使われるリンクボタンを作ってみましょう。今回FIREWORKSの基本機能の中のひとつである「描画ツール」を使って四角いボタンを作成してみることにします。

描画ツールはツールボックスに収められている。デフォルトでは矩形ツールになっている。左のようにこのアイコンをプレスすると、楕円ツールと多角形ツールが収められているので、描きたいアイコンを選んでください。

今回は一般的な四角いボタンを作ろうと思っているので、デフォルトの矩形ツールを選択し四角を描いてみることにしました（下図）
描かれた四角形は、ベジェで管理できるので、あとの修正は簡単。修正する場合はツールボックスの一番上の右のアイコン、ダイレクト選択ツールを使ってアンカーポイントを修正すればいいだけ。

この辺はAdobe IllustratorやMacromedia FreeHandの操作に慣れ親しんできたグラフィックデザイナーの独壇場ですね（初心者の人にはちょっと難しいかも…？）

描画

　

設定 上の図は、単に四角を描いて塗りとエフェクトの設定をしただけのものです。例によって作業時間だけに注目すると、ここまでの所要時間は3分しかかかっていません。

ちなみに左図は上の作例の設定値。今後はこれらの設定値を制作のデータベースとして持っているデザイナーは仕事の効率を大いに向上できるでしょう。

※左図はFIREWORKS英語版のものです


下の図版は、一度作成した四角ボタンに対して、設定値を変えただけのものです。もうここまでの作業時間は…なんて書く気にもなれないくらいの（笑）短時間での処理です。

あとは本当にデザイナーの感性と仕事に対する経験だけの問題ですね。いかに個人のデザインの幅を持っているか？アイデアやディレクションのライブラリを持っているかだけでしょう。
仕上がり画面
　　

このWEBサイトに掲載されている文書・画像・映像・写真等の著作権はSilicon Cafe'に帰属し、許諾なく 複製・頒布を行うことは 法律で固く禁じられています。 Copyright (C) 1995-2003 Silicon Cafe'. All rights reserved