Flash MX アニメーションgifで 背景を 透過にできないでしょうか

質問

お世話になります。
タイトルの通り
Flash MXで アニメーションgifを作成したとき、背景を 透過にできないでしょうか。
教えてgooを検索して、
QNo.1502757に似たものがあったのですが、
http://okwave.jp/qa1502757.html
ここに記載されている方法ではいろいろと試したのですができませんでした。
背景を黒とか白に変更して試してみましたがダメです。
おわかりになる方見えましたら、何卒よろしくお願い申し上げます。

回答No.2

BlurFiltan · ベストアンサー

＃１です。

> １．赤い矢印の背景透過gifをｐｈｏｔｏｓｈｏｐＣＳで作成しました。

それは想定外のことでした。
普通はそんなことしないと思いますし、
書かれないとわかるものでもありません。

また、
"Flash の背景が透明にならない" のではなくて、
"読み込んだGIFの背景が透明にならない" だけですね。

他もやってみましたが、
GIFだけがならないのではなくて、
PNGでも他でも、ビットマップ画像を読み込んだ場合、
そのビットマップ画像の透過は
FlashのGIFパブリッシュ時には有効にならないようです。

アルファについてはどうしようもありません。
GIFは元から半透明をサポートしたファイルではないので、
　半透明赤い色→濃い赤い色と変化する矢印
はできません。
　薄い赤い色→濃い赤い色と変化する矢印
などになります。

背景透明に関しては、解決策は２つほどあります。

１ GIFを使わずFlashで絵（矢印）を描く
２ GIFを分解して矢印の輪郭を手動トレースする

１ GIFを使わずFlashで絵（矢印）を描く

これはそのままですね。
Flashで矢印を書いてしまえば良いだけということです。
「GIFを作成してそれを読み込んでGIFをパブリッシュする」
というFlashらしからぬ妙なことをする前に、
普通は誰でも先に考え付く方法だと思います。

２ GIFを分解して矢印の輪郭を手動トレースする

読み込んだGIFを選択して
（シンボル化してあったらそのシンボルの中のGIFを選択して）、
[修正]→[分解]します。
これで、
「四角いシェイプの塗りの色が読み込んだGIFになったもの」
ができます。
これは正確には「四角いシェイプ（四角いベクトル画像）」です。
四角いシェイプの、塗りの色が通常の赤や黄ではなくGIF画像塗りになったものです。

[修正]→[分解]で、ビットマップ画像（GIFなど）がベクトル画像になるのではありませんよ。
ビットマップ画像をベクトル画像にするには、
ビットマップ画像を選択→[修正]→[ビットマップのトレース] です。

[修正]→[分解]では、ビットマップ画像がベクトル画像になるのではなく、
ベクトル画像（四角）の塗りの色がビットマップ画像(GIF)になるだけです。

仮に矢印が左斜め上向きの矢印であったとします。

　　 赫は赤色部分のつもり
　　 ↓
　赫赫赫赫赫赫赫赫□□
　赫赫赫赫赫赫赫□□□
　赫赫赫赫赫赫□□□□
　赫赫赫赫赫□□□□□
　赫赫赫赫赫赫□□□□
　赫赫赫□赫赫赫□□□
　赫赫□□□赫赫赫□□
　赫□□□□□赫赫赫□
　□□□□□□□赫赫赫
　□□□□□□□□赫赫
　　↑
　　□は透明部分のつもり

GIFを[修正]→[分解]したものの、
赫と透明の間の輪郭に線ツールで線を引きます

　赫赫赫赫赫赫赫赫■□
　赫赫赫赫赫赫赫■□□
　赫赫赫赫赫赫■□□□
　赫赫赫赫赫■□□□□
　赫赫赫赫赫赫■□□□
　赫赫赫■赫赫赫■□□
　赫赫■□■赫赫赫■□
　赫■□□□■赫赫赫■
　■□□□□□■赫赫赫
　□□□□□□□■赫赫
　　 ■は線のつもり↑

Flash は面(塗り)に違う色の面(塗り)を重ねて面を切ることやくり抜くことができます。
また 線で面を切ることも、線で線を切ることもできます。
「赫」と「□」との間に面を区切るような線を引けば、
「赫」の部分と「□」の部分を切りわけることができます。

ベクタ（ドロー）画像の作成ソフトでありながら、
こういうビットマップ画像を作成するソフト的な、
自由奔放で手軽な描画方法ができるところが、
Flash愛用イラストレーターから支持される理由のうちの１つになっています。
（あと、かなり昔のバージョン（Flashの前身スマートスケッチから）ペンタブ対応である点も支持される理由の１つです。）

この切りわけた透明部分を選択して、「Delete」キーなどで削除します。

　赫赫赫赫赫赫赫赫■×
　赫赫赫赫赫赫赫■××
　赫赫赫赫赫赫■×××
　赫赫赫赫赫■××××
　赫赫赫赫赫赫■×××
　赫赫赫■赫赫赫■××
　赫赫■×■赫赫赫■×
　赫■×××■赫赫赫■
　■×××××■赫赫赫
　×××××××■赫赫
　　　↑
　　透明部分を選択＆削除

最後に線を消せば、
赤い塗りの部分だけか残った矢印形シェイプになります。

　赫赫赫赫赫赫赫赫××
　赫赫赫赫赫赫赫×××
　赫赫赫赫赫赫××××
　赫赫赫赫赫×××××
　赫赫赫赫赫赫××××
　赫赫赫×赫赫赫×××
　赫赫×××赫赫赫××
　赫×××××赫赫赫×
　×××××××赫赫赫
　××××××××赫赫

これでパブリッシュします。

※しかし、
　 この ２ の手動トレースの方法を使うぐらいでしたら、
　 最初から １ のFlashで矢印を描く方法を取った方が
　 楽にできるとは思います。

※[修正]→[ビットマップのトレース] は
　 別の用途で使うものですし、
　 綺麗に行かせるためには結構苦労します。
　 [修正]→[ビットマップのトレース] を苦辛して
　 何度も設定し直してベクトル化するくらいでしたら
　 上の ２ の手動トレースの方法の方が
　 早くで楽にできると思います。
　 （この [ビットマップのトレース] も
　　昔のバージョンFlash3くらいからある機能です。）

Flashは、
元は 「超ペイント感覚ドローソフト」 と銘打って販売されたドロー画像作成ソフトです。
後に、
その描いたドロー画像をアニメーションさせるソフトになって、Flashの登場となります。
そしてムービークリップとかが出てきて、
変数や外部と通信するスクリプトが導入されて、
マルチメディアコンテンツや様々なデバイスをサポートするようになって現在に至ります。

今は総合デパートのようなソフトですが、Flashの本業は老舗のお絵かきソフトです。
GIFを他のソフトで作成するくらいでしたら、
よろしければ最初から Flash で色々描いてみてはいかがでしょうか。
ものすごくドロー画が描きやすいソフトだと思います。

※Flash MX から、
　 Flashの根幹であるお絵描き機能が軽視されたのか
　 デフォルトのステージの面積がやたら小さくなりました。
　 しかし Flash 5 まではステージの広いこと広いこと，
　 「絵描く以外に何するん？」 という感じのソフトでした。
　 左に細い縦長のお絵描きツールパネルがあって
　 上に横長のタイムラインがあるだけで他はステージ。
　 MX 以降はステージの面積が小さいので
　 描きにくいかもしれませんが
　 他のパネルを隠すなどして、
　 ステージを広げれば広くはなります。
　 （旧スマートスケッチの魂はそのスペースに存在します。）

お礼

BlurFiltanさん、今晩は。
とてもご丁寧なレスありがとうございます。
これから、と、いっても夜は速く寝るので明日以降やってみます。
まずは、お礼まで。
また、結果はご報告させていただきます。

補足

BlurFiltanさん、お早うございます。できました。
詳しく教えていただいたおかげでFlashについてもまた少しわかったような気がします。
どうもありがとうございました。

回答No.1

BlurFiltan

> おわかりになる方見えましたら、

すみません、わからない者です。

もし、背景透明のGIFが作成できなければ 「こうすれば良い。」 と言えますが、
できてしまいますから、何とも回答しにくいですね。

書かれているページにある通りのことをすれば、
背景透明のGIFは作成できます。

また Mac でもだきたと書いてあるのですから、
OS の違いによるものでもないような気がします。
ただ、OS-9 とか OS X v10.2 とか、
Windows2000SP2 とか Vista とかのバージョンまで問われるとできないこともあるのかもしれません。
しかしそれはご質問で書かれていらっしゃらないため何とも言えません。
私が試したところでは、
「Windows Me」と「Windows2000 SP4」と「WindowsXP SP2」ではできました。

> 背景を黒とか白に変更して試してみましたがダメです。

基本的に背景に塗りや画像を置いてはダメですよ。
何も置かない状態で、ドキュメント（ステージ）の色を白や黒に変えるのでしたら問題ないと思います。

あとひょっとして、
GIFの背景が透明であることに関して誤解されているということはありませんよね？

GIFの背景が透明であるというのは、
例えば、
　「背景が黒のHTMLに背景が透明のGIFを貼り付けた場合、
　そのGIFの背景が透過されてHTMLと同じ黒になる。」
という意味ですよ。
決して、
　「背景透明のGIFをブラウザで開いたら、
　GIFの背景が透明なので、デスクトップの壁紙が見える。」
という意味ではありませんよ。

こんなことは思われていないとは思いますが、
「ひょっとして」と思ったので追加しました。

あと、
背景半透明はGIFの場合できません。GIFの仕様です。
できるのは、透明か不透明のどちらかです。

補足

BlurFiltanさん、ご丁寧なレスありがとうございます。
ＯＳは、WindowsXPSP2です。

＞GIFの背景が透明であるというのは、
＞「背景透明のGIFをブラウザで開いたら、
＞　GIFの背景が透明なので、デスクトップの壁紙が見える。」
＞という意味ではありませんよ。
このあありは、誤解していないと思います。

行っている作業を書かせていただきます。
行いたいことは、赤い矢印が薄い赤から濃い赤に変化させようとしています。
１．赤い矢印の背景透過gifをｐｈｏｔｏｓｈｏｐＣＳで作成しました。
２．flashMXを開いて、「ファイル」－「ライブラリに読み込み」で、１．で作成したgifを読み込みます。
３．ライブラリに読み込んだgif画像をflashMXの画面に配置します。
４．ドキュメントプロパティで、サイズをgifに合わせ15px×15pxとします。
５．gif画像のアルファを変更できるようにするため、gif画像をシンボルに変更します。
６．タイムライン40にキーフレームを挿入します。そして、0空の間にモーショントゥイーンを作成します。
７．タイムライン0の所のアルファを３０％とします。
８．「ファイル」－「パブリッシュ設定」－「ＧＩＦ」で、透過を「透過」にする。
９．「ファイル」－「ムービーの書き出し」でファイルの種類をアニメーションGIFにして、gifファイルを作成する。

以上で、薄い赤い色が濃い赤い色と変化する矢印ができます。
しかし、ＩＥで表示すると背景が白となります。
ＩＥの背景を青にすれば、この矢印の背景が白なので、白い正方形（15px×15px）の中に赤い矢印が表示されます。
ＩＥの背景を青にしたら、白い正方形の枠が透過され、青い中に赤い矢印のみ表示されるようにしたく思っています。