円形サムネイル画像を使った効果(その3)
円形サムネイル画像を時計回りで渦巻き回転しながら縮小する効果をカスタムエフェクトで定義しました。
540x300pxのFlash表示枠中に、半円形状に加工したサムネイル画像(540x270px)をzoom_mode:0(オリジナルサイズ)で動作させています。
『円形サムネイル画像を使った効果(その2)』をベースに『登場画像は200%の拡大状態から100%へ、退場画像は100%から50%へ』としています。これだけの変更ですが、渦を巻くような感じになります。
サムネイル画像はImageMagickのmontageコマンドを利用して作成し、PatinShop8の極座標効果を使って円形に変換し、その後半円形状に分割しています。興味のある方は『montageの余白とボーダーの考え方』等を参考にして下さい。
カスタムプラグイン、カスタムエフェクトの詳しい利用方法はELZのFPEマニュアルを参照して下さい。
テロップ画像(Flash表示領域中央のタイトル用画像)
スライドショーで利用する画像の縮小イメージ
FPEに読み込ませる定義ファイル(xml)のサンプル
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>
<copyright>elz.jp</copyright>
<banner_align>3</banner_align>
<image_max>2</image_max>
<prefix>images/circle</prefix>
<effect_type>in,out</effect_type>
<effect_time>30</effect_time>
<stop_time>0</stop_time>
<align_mode>8</align_mode>
<base_mode>8</base_mode>
<zoom_mode>0</zoom_mode>
<plugin_url>images/title001.jpg</plugin_url>
<plugin_effect_type>fe_none</plugin_effect_type>
<plugin_align_mode>8</plugin_align_mode>
<plugin_base_mode>7</plugin_base_mode>
<plugin_blend_mode>hardlight</plugin_blend_mode>
<play_mode>1</play_mode>
</common>
<effect>
<in rot="1,360,180" xs="1,100,200" ys="1,100,200" x="0,270" y="11,30,-240" />
<out rot="1,180" xs="1,50" ys="1,50" y="21,0" />
</effect>
</pagedata>
