インデックス
》》》》》》》1
FL チュートリアルFlash 背景が透明なフラッシュファイルの作り方 Sun Mar 20, 2011 4:43 am
Admin
Admin
[You must be registered and logged in to see this image.]
背景が透明なフラッシュファイルの作り方には2つの方法があります。
1つは、パブリッシュの際に透明なファイルとして、Macromedia FlashからHTMLにエクスポートする方法があります。
ここでは2つの方法、両方について紹介します。
透明なFlashをサポートしているブラウザ
Internet Explore 3以上のバージョン(Windows)
Internet Explore 5.1、5.2＊(Mac)
Netscape 7.0＊
Mozillla 1.0以上のバージョン＊
AOL＊
CompuServe＊
＊Macromedia Flash Playerのバージョン6、0、65、0(Windows)もしくは6、0、67、0(Mac)などが必要にまります。
1.最初に、透明なFlashファイルをパブリッシュしてみましょう。Macromedia Flashでファイルを開いて、塗りつぶした円を描いてください。
ファイルを保存して、ファイル＞パブリッシュ設定、もしくは、Ctrl+Shift+F12を押してください。
下のようなウィンドウが開いたはずです。
HTMLタブを選択し、ウィンドウモードから、ウィンドウ無しを選択します。
そしてパブリッシュしてください。
[You must be registered and logged in to see this image.]
これで、あなたのファイルは透明なswfとして保存されました。
透明になったかどうかを調べるには、背景色を白以外に変えてみて、書き出してみてください。
正しくファイルが作成されていれば、背景になんの変化もないはずです。
2.2つ目のファイル作成の方法を見ていきましょう。
Flashをホームーページに挿入して使用する場合も多いと思います。
2つめの方法は、Flashの書き出し時ではなく、後でその設定を変更するやり方です。
Flashファイルを挿入した、DreamweaverやHTMLファイルを開いてください。
コードを開いたら、次のようなものになっていると思います。
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="200" height="100">
<param name="movie" value="trans.swf">
<param name="quality" value="high">
<embed src="trans.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="200"
height="100"></embed>
</object>
ここでFlashの背景を透明にするという、コードを1行挿入します。
これが挿入後のコードになります。
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="200" height="100">
<param name="movie" value="trans.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="trans.swf" quality="high" wmode="transparent"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="200"
height="100"></embed>
</object>
最後の<para name=”･･コードと<embed src=･･に、wmode=”transparent”を追加してください。
そうすれば透明なFlashファイルを作れますよ！
引用:Web Design Library著者:Ades Tynyshov翻訳:atuk]
背景が透明なフラッシュファイルの作り方には2つの方法があります。
1つは、パブリッシュの際に透明なファイルとして、Macromedia FlashからHTMLにエクスポートする方法があります。
ここでは2つの方法、両方について紹介します。
透明なFlashをサポートしているブラウザ
Internet Explore 3以上のバージョン(Windows)
Internet Explore 5.1、5.2＊(Mac)
Netscape 7.0＊
Mozillla 1.0以上のバージョン＊
AOL＊
CompuServe＊
＊Macromedia Flash Playerのバージョン6、0、65、0(Windows)もしくは6、0、67、0(Mac)などが必要にまります。
1.最初に、透明なFlashファイルをパブリッシュしてみましょう。Macromedia Flashでファイルを開いて、塗りつぶした円を描いてください。
ファイルを保存して、ファイル＞パブリッシュ設定、もしくは、Ctrl+Shift+F12を押してください。
下のようなウィンドウが開いたはずです。
HTMLタブを選択し、ウィンドウモードから、ウィンドウ無しを選択します。
そしてパブリッシュしてください。
[You must be registered and logged in to see this image.]
これで、あなたのファイルは透明なswfとして保存されました。
透明になったかどうかを調べるには、背景色を白以外に変えてみて、書き出してみてください。
正しくファイルが作成されていれば、背景になんの変化もないはずです。
2.2つ目のファイル作成の方法を見ていきましょう。
Flashをホームーページに挿入して使用する場合も多いと思います。
2つめの方法は、Flashの書き出し時ではなく、後でその設定を変更するやり方です。
Flashファイルを挿入した、DreamweaverやHTMLファイルを開いてください。
コードを開いたら、次のようなものになっていると思います。
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="200" height="100">
<param name="movie" value="trans.swf">
<param name="quality" value="high">
<embed src="trans.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="200"
height="100"></embed>
</object>
ここでFlashの背景を透明にするという、コードを1行挿入します。
これが挿入後のコードになります。
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="200" height="100">
<param name="movie" value="trans.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="trans.swf" quality="high" wmode="transparent"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="200"
height="100"></embed>
</object>
最後の<para name=”･･コードと<embed src=･･に、wmode=”transparent”を追加してください。
そうすれば透明なFlashファイルを作れますよ！
引用:Web Design Library著者:Ades Tynyshov翻訳:atuk]
