
GIFアニメにドットが現れる現象について質問致します。
adobeFlashCS5を使用して作成したGIFアニメを、jQueryの「Fotorama」の中のスライドショーに組み込みました。
サムネイルを使ったバージョン(http://fotorama.io/customize/thumbnails/)
で作成し、挿入してみましたところ、再生中になぜか網掛けのようなドットがアニメ上に現れます(画質が悪くなったような感じです)
Flashでの作成時(背景は白で作成しました)、もしくは出力時におかしくなったのか(GIFアニメのみ、他の拡張子では動きませんでした)、それともjQuery挿入時にしなければならないことがあったのかわからず…
スペックソース等必要でしたら仰ってください。
また、動きのあるものを乗せるならこのスライドショーがいいよ、等ありましたら教えて頂けると嬉しいです。
どうぞ宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
GIF画像の作り方にコツが必要なんだと思います。
GIF画像は、最大256色のパレットしか持てない、画像フォーマットです。
Flashでは各ドットに1600万色、自由な色を使えますが、それをGIF画像に変換するときは、フルカラーから256色への「減色」の作業が必要になります。
まあ、単一画像を変換する場合には、元の画像で一番多く使われている色を256色抽出し、なるべく近い色で再現しようとしますが。
しかしここで、GIFアニメーションとなると困ったことになります。アニメーションしてても「1画像」ですから、現れる色すべてを、256色以内で表現しなければいけません。
同じ色で形が変わる系のアニメならばパレットにはそんなに困りませんが、どんどん色が変わる系のアニメーションだと、色数に限界が出ます。
せめてもの手段として、汎用的な色を選び、複数の色を混ぜ合わせた中間色として、色の表現をします。
それが、網掛けのようなドットとして、GIFアニメ内に見えてしまうものです。
例えば、「5%グレー」を白と黒のドットのみで表現しようとすると、白いドット20個のうちの1つを黒にして、格子状に広げていくことになります(ノイズのようにランダムに拡散させる方法もありますが)。そうすれば、全体としては少し暗い白、5%グレーになります。
実際に変換する画像では、もう少し多くの色を選んでいるので、白黒の例ほど極端ではありませんが、結構違う色で中間色を表現しようとすると、ドットが目立ってしまうことがあります。
アニメーションGIFを作成したときに、単独で表示させてみてください。
それでも見えるようならば、それは減色による処理の結果です。
目立つ色付近の色パレット多く拾うと、その部分の中間色表現は綺麗にできる可能性があります。
ただし、その分パレット数を使ってしまい、他の部分ではさらに汚くなってしまう可能性も出てきます。
画像をアニメーションさせたいからGIFにするのでしょうけど、GIFにはそのような限界が存在します。
GIFにして見栄えのする(破綻の少ない)、アニメーションを考えるとか、パレットを指定するとかして、GIF画像を作ってみましょう。
アニメーションPNG(APNG)ならば色数に制限はないのですが、今度は対応ブラウザがものすごく限られてしまって…(FirefoxとOperaだけ? OperaもAPNGサポート終了?)
まあそういうわけなので、HTMLやjQueryの方には、問題は無いと思います。
詳しく教えて下さり、ありがとうございます!
私の知りたいことがひとつひとつ解決されました!
>アニメーションPNG(APNG)ならば色数に制限はないのですが、今度は対応ブラウザがものすごく限られてしまって…(FirefoxとOperaだけ? OperaもAPNGサポート終了?)
この存在を知らなかったです。勉強になります~
>画像をアニメーションさせたいからGIFにするのでしょうけど、GIFにはそのような限界が存在します。
GIFにして見栄えのする(破綻の少ない)、アニメーションを考えるとか、パレットを指定するとかして、GIF画像を作ってみましょう。
是非そのようにさせていただきます。
丁寧に教えて頂いて、心温まりました^^*
ありがとうございました!

No.1
- 回答日時:
GIFアニメってどれ?
中央の画像?
こんなデカい画像をGIFアニメにするとは思えないけど(^_^;
下のサムネイル?
画像が切り替わりませんよ
FLASHがあるのに(FLASHで画像が順次変わる物が作れるのに)何でGIFアニメなんですか?(^_^;
FLASHでも作れるんですねー!
けど、私はこのjquery素材でスライドショーを作りたいと思っているんです。
その中にはGIFアニメしか組み込めなかったんです…
同じものをFLASHで作れたら解決されますが、いかんせん、私の技術が足りません(汗)
ご回答、ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング Adobe FLASH に代わるソフトはありますか? 4 2022/09/27 19:35
- アニメ アニメ製作が形成してきたパターンや方式と今後について 2 2023/08/11 03:49
- その他(アニメ・マンガ・特撮) アニメの作画がぬるぬる動くのは何故? 3 2023/07/27 18:35
- アニメ 名前がどうしても思い出せないアニメがあって、詳しい方の力を借りたいです。 ・製作年 2年ほど前に見た 2 2022/08/20 22:35
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- アニメ 日本アニメが世界配信され好調ですが、アニメ制作社員の待遇改善にはつながりますか? 3 2022/04/14 19:32
- ノートパソコン gifアニメ―ションを動画(mp4でOK)にしたい 1 2022/08/14 09:51
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- アニメ 今のアニメって昔と比べて原作に忠実ですよね。昔のアニメって原作に無いキャラクターやストーリー等は珍し 9 2023/01/22 17:53
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Photoshop で8bit /チャンネル ...
-
gimpで色交換できません。
-
画像で特定の領域の割合を知りたい
-
白飛びした(明るい)写真をiPhon...
-
gif画像の色を変えたい
-
PANTONE の 正しいCMYK値の調べ方
-
スポイトツールがどの色を取っ...
-
アルファチャンネルを別の画像...
-
暖色系の光でとった写真を白く...
-
Indesign CS カラーモードCMYK...
-
水彩紙に描いたイラストを印刷...
-
illustratorで質問です。
-
最初からCMYKカラーでつくるべ...
-
GIFアニメにドットが現れる現象
-
写真の日付を消したい
-
エクセルの背景色を白から変更...
-
illustrator→蛍光色を使いたい!
-
蛍光色の撮影・加工について
-
※急募!※ Gimp 色がおかしい...
-
Adobe ハイライトの色を複数使...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
白飛びした(明るい)写真をiPhon...
-
Photoshop で8bit /チャンネル ...
-
gimpで色交換できません。
-
PANTONE の 正しいCMYK値の調べ方
-
gif画像の色を変えたい
-
画像で特定の領域の割合を知りたい
-
フォトショップで黒い文字イラ...
-
スポイトツールがどの色を取っ...
-
カラーの絵を白黒(枠線のみ)...
-
エクセルの背景色を白から変更...
-
集合写真に欠席者を挿入したい
-
スキャンした画像の下地を白に...
-
フォトショップで白地に黒の線...
-
illustrator→蛍光色を使いたい!
-
ベクターワークスに絵を貼るには
-
※急募!※ Gimp 色がおかしい...
-
Photoshop スキャンしたものの...
-
消しゴムツールを使うと黒くな...
-
鉛筆画をスキャン→鉛筆の線の色...
-
水彩紙に描いたイラストを印刷...
おすすめ情報