810x810pxの渦巻状グラデーション画像を使った流星効果ををカスタムエフェクトで定義しました。

一見複雑な動きに見えるかもしれませんが、渦巻状の画像をFlash表示枠下部で回転させているだけです。

カスタムプラグインとして透過PNGで花の風景画像(背景は透過)を重ねました。渦巻きグラデーション画像は背景の透過箇所のみ可視状態になります。

渦巻状の画像はPaint Shop Proを利用して作成しました。黒を背景にペイントブラシ(円形)で適当に短い線を描画します。その後『歪み効果→回転』で渦巻状の画像にしています。

エフェクト定義は簡単ですが、大きめの画像(渦巻きグラデーション)のAlpha(透過度)を極端に変化させるため重いですねぇ・・

カスタムプラグイン、カスタムエフェクトの詳しい利用方法はELZのFPEマニュアルを参照して下さい。


背景画像(青のグラデーション)

背景画像

カスタムプラグイン画像(透過PNG)

カスタムプラグイン画像(透過PNG)

オリジナルフレームプラグイン画像(透過PNG)

オリジナルフレームプラグイン画像(透過PNG)

スライドショーで利用する画像の縮小イメージ

スライドショーで利用する画像の縮小イメージ

FPEに読み込ませる定義ファイル(xml)のサンプル


<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>

<common>

    <copyright>elz.jp</copyright>

    <banner_align>3</banner_align>

    <image_max>3</image_max>
    <prefix>images/loop</prefix>

    <frame_url>images/frame_corner008.png</frame_url>

    <effect_type>in,out</effect_type>
    <effect_time>30</effect_time>
    <stop_time>0</stop_time>

    <align_mode>5</align_mode>

    <base_mode>5</base_mode>
    <zoom_mode>0</zoom_mode>
    <blend_mode>add</blend_mode>

    <plugin_url>images/flower001.png</plugin_url>
    <plugin_effect_type>fe_none</plugin_effect_type>
    <plugin_align_mode>5</plugin_align_mode>

    <plugin_base_mode>7</plugin_base_mode>
    <plugin_blend_mode>normal</plugin_blend_mode>

    <background>images/background.png</background>
    <bg_effect>2</bg_effect>
    <bg_time>6</bg_time>

    <play_mode>1</play_mode>

</common>

<effect>
    <in  layer="0"  alpha="1,100,0" rot="21,-180,0" x="0,270"  y="0,300" />
    <out            alpha="1,0"     rot="11,-360" />
</effect>

</pagedata>