|
ダイレクト選択ツール
ダイレクトツールはオブジェクトを構成しているパスのコーナーポイントを選択することができます。 |
パスのコーナーポイントに、ポインタを合わせて、クリックするとポインタの色が白ヌキに変化します。これはコーナーポイントを選択した状態を表しています。 |
選択されたコーナーハンドルをそのままドラッグすれば、自由な形にオブジェクトが変化します。 |
コーナーポイントを選び終えた後でも、shiftキーを押し続けて、新しいコーナーポイントをクリックすれば、複数のコーナーポイントを選択することもできます。 |
ダイレクト選択ツールを選び、選択したい範囲をドラッグで囲めば、囲まれた部分だけのコーナーポイントを選択することもできます。
選択した部分をそのままデリート(消去)すれば、オブジェクトの開始点と最終点を自動的に結び、閉じられたパスとしてのオブジェクトを生成します。
|
以上が、部分選択ツールの基本的な使い方です。
それでは、さらに制作をする上に於いて効果的な使い方を紹介します。
通常、Fireworksではグループ化されたオブジェクトは、塗りやエフェクトの設定が新たに設定されてしまいます。そのためグループを解除して、オリジナルのオブジェクトに対して再度塗りやエフェクトの属性を与えなくてはなりません。またパスの変型も同様です。
しかし、このダイレクト選択ツールを効率よく使えば、それらの事が可能になります。このページで使われている、赤い矢印を例に取ってみましょう。
この矢印は三角形と長方形を組み合わせて、グループ化したものです。グループ化されたオブジェクトに対して、ドロップシャドウをかけています。
通常グループ化されたものは、周囲の四隅に存在を示すポイントが表示されます(左図2番目)
ここでダイレクト選択ツールを使います。矢印の長さを伸ばしたいので、長方形の後部垂直の2つのコーナーポイントをドラッグして選択します。
あとは好みの長さに伸ばすだけです。ドロップシャドウの属性が追従してくるのは、グループを解除していないからです。 |
また、Fireworksでは一つのオブジェクトに対して、エフェクトは1種類しか適応できません。複数のエフェクト効果を適応させる場合には、オブジェクトをグループ化すれば、新しい設定のエフェクトを適応させることが出来ます。
右図上は、長方形のオブジェクトにパターンで塗りつぶした後に[べベル(内側)]で凸凹風のボタンにした後、グループ化を行い[べベル(外側)]で周囲を囲み、さらにグループ化したものにドロップシャドウのエフェクトを施したものです。グループ化されたオブジェクトには塗りの設定を行うことはできません。そんな場合には部分選択ツールを使います。
ダイレクト選択ツールを使うと、オリジナルの設定に対しての属性を変えることが出来ます。(右図中央)
オリジナルの属性を変えてみたのが右図下です。[べベル(内側)]の方向を変えて、塗りの設定をバケツツールを使って変化させてみました。
|
同様にテキストの場合も、グループ化した後の変更も部分変更ツールを使えば実行できます。
テキストの場合は塗りやエフェクトだけでなく、テキストの属性も変更することが出来ます。ダイレクト選択ツールをクリックすれば、[テキストエディタ]ダイアログボックスがオープンしますので、そこで様々なテキストの属性を変更することが出来ます。
この機能によって、ホームページ制作の作業効率は大きくアップすることでしょう。 |
|
文中で、矢印の図形を作成するために、三角と矩形オブジェクトをグループ化していますが、Fireworks3以降からは、パスオブジェクトを合体させたり、分離させることが可能になりました。
また、Fireworks1では1つのオブジェクトに対して1つのエフェクトしか適用できませんでしたが、Fireworks2からは複数のエフェクトをセットとして適用させる事が可能になり、
さらにFireworks3以降は、Photoshopのフィルタやプラグインも含め、何種類ものエフェクトを自由に組み合わせて適用させる事が可能になっています。
フィルタやエフェクトを使ったグラフィックの処理については、Fireworks3のトレーニングビデオでも詳しく解説していますので、ぜひご覧ください。 |