通常のボタン画像とロールオーバー画像に少しの工夫を加えることで様々な効果が得られます。当サンプルでは6種類の加工済み画像とマスク効果の組合せを紹介します。

テロップ効果ロールオーバー画像にテロップ文字を加えています。
色彩変化通常ボタン画像のバラの色を青に色調変更しています。
ぼかし効果通常ボタン画像の花の写真をぼかしています。
シャドウ効果通常ボタン画像に切り抜いたひまわりを黄色で塗りつぶしています。
モノクロ効果通常ボタン画像の葉をモノクロ調へ色彩変更しています。
モザイク効果通常ボタン画像の蘭の花をピクセルレート変換しています。

定義ファイル(xml)例

e005_normal.jpg
image_easy/e005_normal.
e005_rollover.jpg
image_easy/e005_rollover.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>

<common>

    <copyright>elz.jp</copyright>

<!-- 3x2のボタン定義 -->
    <col_max>3</col_max>
    <row_max>2</row_max>

<!-- ボタン画像指定 -->
    <button_normal>image_easy/e005_normal.jpg</button_normal>
    <button_over>image_easy/e005_rollover.jpg</button_over>

<!-- エフェクト指定 1(特殊効果無し) -->
    <over_effect>1</over_effect>
    <over_time>12</over_time>

<!-- 初期表示エフェクト指定 -->
    <init_effect>2</init_effect>
    <init_time>3</init_time>

<!-- スコープ指定 -->
    <scope>0</scope>

<!-- 余白指定 -->
    <padding>10</padding>
    <padding_top>40</padding_top>
    <padding_bottom>30</padding_bottom>
    <padding_left>70</padding_left>
    <padding_right>70</padding_right>

</common>

<expert>

<!-- ボタン1定義 (mask_line1b.swf) -->
    <button>
        <over_plugin>../plugin/mask_line1b.swf</over_plugin>
    </button>

<!-- ボタン2定義 (mask_box2t.swf) -->
    <button>
        <over_plugin>../plugin/mask_box2t.swf</over_plugin>
    </button>

<!-- ボタン3定義 (mask_circle3b.swf) -->
    <button>
        <over_plugin>../plugin/mask_circle3b.swf</over_plugin>
    </button>

<!-- ボタン4定義 (mask_circle2bl.swf)-->
    <button>
        <over_plugin>../plugin/mask_circle2bl.swf</over_plugin>
    </button>

<!-- ボタン5定義 (mask_line1b.swf) -->
    <button>
        <over_plugin>../plugin/mask_flash1c.swf</over_plugin>
    </button>

<!-- ボタン6定義 (mask_line1b.swf) -->
    <button>
        <over_plugin>../plugin/mask_book1a.swf</over_plugin>
    </button>

</expert>

</pagedata>