« stage幅取得のタイミングをテストしてみた | main | shadowboxでHTML表示のメモ »

透過png画像が綺麗に表示されない!回避方法メモ

FLASH勉強

2009年02月25日

Flash Player10まで進んでしまってる昨今でございますが、ポータル向けのバナー制作などではレギュレーションによりFlash Player6書き出しでなければいけなかったりします。

Flash Player6書き出し&透過png画像使用時に、Flashタイムライン上では綺麗に表示されているのにパブリッシュしたら汚くなってしまっていて多いにハマったのでメモ。

Flash Player6とFlash Player9での書き出し例

Flash Player6書き出し

pngTestfp6.jpg

左側問題なし、右側は汚い

Flash Player9書き出し

pngTestfp9.jpg

両方問題なし

使用したpng画像

詰め詰めで切り出ししたpng画像(汚くなる)

pngNG.jpg

Flash Player7,8,9では問題なかったが、Flash Player6書き出しで画像が汚くなった。

1px間を空けてで切り出ししたpng画像(問題なし)

pngOK.jpg

Flash Player6,7,8,9どれも問題なし

回避方法まとめ

Flash Player6(7もたまにあるかも?)書き出しにて、透過png画像を使用する時は、切り出し時に隙間を空けるべし。

trackbacks

trackbackURL:

comments

  • ひれちょ
  • 2009年02月26日 00:55

はまりますよねー。これ。
基準点右下に、画像サイズ偶数に、なんならアルファを微妙にさわってみたり・・・
などなどをバナー作るときは気をつけてましたわ。

  • mt*
  • 2009年02月26日 04:38

よく1px位置ズレで悩みました・・。右下基準、アルファ99%懐かしです。

  • y-tti
  • 2009年02月26日 12:23

>ひれちょさん、mtさん
右下基準は初耳だー。しかしまあハマりましたですわw

I truly appreciate this post. I have been looking all over for this! Thank goodness I found it on Bing. You've made my day! Thanks again!

You are my inspiration , I have few web logs and very sporadically run out from to brand.

comment form
Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD-ROM付)
クラスで書けるようになった。配列のpushとかspliceとかsliceとかややこしい部分の辞書代わりにも使ってます。XML関係もこれで覚えた。
ActionScript 3.0 アニメーション
vx,Math,cos,sinとか???な数学的な部分をこの本で理解できた気がします。逃げたいジャンルだけどFLASHに必須なジャンルなのよね。。
Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
ActionScript応用への第一歩。ただこれを読む前に入門ノート1を先に読んでおいた方がよさそう。ASの世界が広がった気がする本です。
Flash Creative Workshop
FLASHを始めて右も左も分からない時に救世主となった本。FLASHサイト制作法がなるほど!っと。ActionScriptバリバリの人はスルー。
FLASH OOP for ActionScript 3.0
FLASHの「今の主流」を知ることが出来る本。筆者の方々は総勢10人以上でかつ現在活躍中の方々ばかりなんでミーハー的な読み方もありかも。