HOME Gallery How-to Tag Link BBS

Favicon GIF-SWF

update 2001/01/20  GIF→SWF

※Windowsでの作業例です。

フリーソフトウェアの GIMP(※1)と MotionSWFを使ってSWFファイル(FLASH)に変換してみます。 ※1 私が使用したGIMPは下記のバージョンです。 GIMP 1.2.3-20020310 ftp://ftp.arnes.si/software/gimp-win/gimp-1.2.3-20020310-setup.zip この解説ページは画像が多くレイアウトもバラバラで見辛いかと思います。 我慢してお読みください… ●GIMPで下準備 アニメGIFからTGA(アルファチャンネル付)に変換。 １．　GIFアニメを読み込む。 GIMPは独特のシステムの為にファイル指定にややクセがあります。 画像をメインメニューにドラック＆ドロップするほうが楽かと思います。 GIFアニメを読み込むとフレーム数ごとに分解されたレイヤーが表示されます。 (３フレームのアニメなら３つのレイヤーに) ２．　レイヤーウインドのタブを「チャンネル」に切り替えます。 左の画像のようにチャンネルが「赤・緑・青」となっていれば  ３．へ このようにチャンネルが「インデックス」に なっている場合は 右の手順でRGB分解してください。 画像に右クリックで「画像→モード→RGB」にしてください ３．　アルファチャンネルを確認 レイヤーウインドのタブを「レイヤー」に切り替え、 　右クリックで「レイヤーマスク追加」を選択します。 　 　 「レイヤーマスク追加オプション」のダイアログで 「レイヤーのアルファチャンネル」を選び「了解」を押します。 　 レイヤーに白黒のマスク画像が表示されていれば アルファチャンネル(透過に必要)がある証拠です。 確認したら右クリックの「レイヤーマスク削除」でマスクを消します。 ４．　レイヤー毎にTGAファイルで別名保存 レイヤーを１枚だけ可視状態(目のマーク)にします。 　目のマークを・・・ → 　このように１つだけ表示。 メインの画像ウインドで右クリック「ファイル→別名で保存」 保存フォルダ※を指定してファイル名を入れてから「保存オプション」の 「ファイル形式の決定」で　TGAを選びます。 ※フォルダ指定をしないと保存時に失敗します。 　　◆ファイル名について 　　アニメーションさせる順番に番号をつけて保存してください。 　　anime01.tga 　　anime02.tga メインの画像ウインドで右クリック「ファイル→別名で保存」を選択したあと「了解」を押すと 「エクスポートファイル」ダイアログが出るので　そのまま「エクスポート」ボタンを押します。 初期状態の「TGA形式で保存」ダイアログでは Targeオプションの「RLE圧縮」ボタンと 「Origin at bottom left」ボタンが凹状態(ON)になっているので それぞれ凸状態(OFF)にして保存します。 これでTGAファイル(アルファチャンネル付)が出来ます。 必要なレイヤーの数だけ同じようにして保存してください。 ●MotionSWFでSWFファイルを生成 １．　MotionSWFを起動 起動したらGIMPでTGAファイルを保存したフォルダをドラッグ＆ドロップします。 ２．　コンバートの設定 メニューの「FILE→Convert to SWF」でConvertダイアログを表示して 　「Include Alpha Channel」にチェックを入れて、 　「Compress Type」の「Lossless Compression」にもチェックを入れます。 　「Frame Rate」を１に設定し　Output HTMLにチェック。 「Frame Rate」は１秒間に収める画像数の指定です。 ３．　そしてFLASH化へ… 「　OK　」を押せばSWFファイルに変換されます。 　 SWFと一緒に生成されたHTMLファイルのソースを参考に FLASHオブジェクトのタグを目的のページに貼り付ければ無事完了です。

↓作成例↓

IE5.5以降で透過されます。
(NNやOperaでは背景が白になります。)

Page top   Index