エフェクト

 [ウィンドウ(W)]メニューから[エフェクト(E)]を選択すると、以下のようなウィンドウが開きます。

f100.gif (7645 バイト)

 ここでは、このウィンドウで設定可能なパラメタを説明します。

エフェクトの種類・エフェクト名

 エフェクトの種類にはベベル(内側)、ベベル(外側)、ドロップシャドウ、エンボス、グローがあり、エフェクトにより使用可能なエフェクト名が異なります。

f101.gif (300 バイト)

 上記の図形にそれぞれのエフェクトを適用した例を示します。ここではボタンのプリセットとして隆起を指定しています。

表3 エフェクトの種類・エフェクト名と適用例
エフェクトの種類 エフェクト名 適用例
ベベル(内側) スムーズ

f102.gif (739 バイト)

スムーズ(反転)

f103.gif (791 バイト)

パイプ

f104.gif (818 バイト)

フラット

f105.gif (729 バイト)

フレーム1

f106.gif (1057 バイト)

フレーム2

f107.gif (819 バイト)

波紋

f108.gif (1082 バイト)

ベベル(外側) スムーズ

f110.gif (1258 バイト)

スムーズ(反転)

f111.gif (1005 バイト)

パイプ

f112.gif (1295 バイト)

フラット

f113.gif (1180 バイト)

フレーム1

f114.gif (1270 バイト)

フレーム2

f115.gif (1278 バイト)

波紋

f116.gif (1348 バイト)

ドロップシャドウ ソフト

f120.gif (531 バイト)

基本

f121.gif (492 バイト)

エンボス 押下

f122.gif (310 バイト)

隆起

f123.gif (279 バイト)

グロー ハロー

f124.gif (942 バイト)

基本

f125.gif (1063 バイト)

幅・コントラスト・柔らかさ・角度

 エフェクトはエフェクトの種類と、エフェクト名で基本的な見た目が決まりますが、幅、コントラスト、柔らかさ、角度のパラメタで、より細かな調節ができます。

 以下のそれぞれのパラメタを適用した例を示します。

表4 幅・コントラスト・柔らかさ・角度の適用例
オリジナル画像 設定内容 適用例

f103.gif (791 バイト)

幅をデフォルトの10から5に変更

f130.gif (640 バイト)

f106.gif (1057 バイト)

コントラストをデフォルトの75%から35%に変更

f131.gif (727 バイト)

f105.gif (729 バイト)

柔らかさをデフォルトの3から7に変更

f132.gif (894 バイト)

f110.gif (1258 バイト)

角度をデフォルトの135から0に変更

f133.gif (943 バイト)

ボタンのプリセット

 [ボタンのプリセット]には隆起、ハイライト、押下、反転があります。

 JavaScriptロールオーバーとしてボタンを作成する場合に、このオプションを使用するとボタンの各状態に応じたイメージを簡単に作成することができます。

  JavaScriptロールオーバーについては、後々、取り上げますので意味がわからない方も、ご安心ください。(^^)

表5 ボタンのプリセットの適用例
ボタンのプリセット 視覚効果 適用例
隆起 下にあるオブジェクトから隆起しているように見える傾斜が設定されます。 f105.gif (729 バイト)
ハイライト ボタンのカラーがハイライト表示されます f140.gif (691 バイト)
押下 下にあるオブジェクト内に沈み込むように見える傾斜が設定されます。 f141.gif (699 バイト)
反転 下にあるオブジェクト内に沈み込むように見える傾斜で、カラーが明るく見えるように設定されます。 f142.gif (703 バイト)

おわりに

 今回はブラシ、塗り、エフェクトについてをまとめました。

 それぞれを個別に説明しましたが、個別に使用しても、さまざまな視覚効果を簡単に設定できる事がおわかりになったと思います。

 Fireworksでは、これらのブラシ、塗り、エフェクトを組み合わせて使用出来ますので、センス良く使えば、すばらしい効果を発揮することでしょう。

 このような優れたツールを使うと、その人が持っているセンスを100%発揮できますから、グラフィックスの出来が悪い事をツールのせいにはできませんね。(^^;

 次回は「アニメーションGIFでバナーを作る」と題して、Webページで良く見かけるような、アニメーションGIFを使用したバナーを作る手順を紹介します。

 

[ 戻る ] [ 上へ ] [ 進む ]

 

mail.gif (2577 バイト) ご意見、ご感想はtht@ijk.comまでお願いします

このサイトは全ページリンクフリーです。リンク用バナーもありますのでよろしければご利用ください