Welcome to my blog

のん

のん

100t
(背景ありgif62kb画像8枚使用 PhotoScape作成)


私なりに動かすスタンプについて調べてみました。(`・ω・´)
今まで動くのはgifアニメーションしか頭に無かったもんでgiamでコマの絵を繋げて作成していたんですが、やはり透過にすると画像の縁取りが粗い・・・大きくなると一段と粗さが際立つ・・・という事でこれはどうしたらよいもんか~~~と調べてみたわけでございます。
そこで目についたのは apngなるもの。Animated Portable Network Graphicsの略で動画を扱うファイルフォーマットの1つだそうな。PNGフォーマットの拡張形式なのです。 (英語が並ぶと拒否反応が・・・ブツブツ)
このapngが現在サポートされているブラウザはFirefoxのバージョン3.0以降とSafariでは、バージョン8以降。なので、主流であるIEで表示しても今現在は動きません・・・iPhoneはSafariだから動くようです。

ちょっと試してみませう。
20150522131858.png
(背景透過apng616kb画像14枚使用 ApngComposite作成)
これはApngCompositeというソフトを使いapngアニメーションを作ったものです。IEで見ている人は一枚の画像として見えていますね。ブラウザを変えてFirefoxで見てみたら動いていました。

動く定時連絡
(背景ありgif185kb画像14枚使用 PhotoScape作成)
こんな風に。
apngはFirefoxで見てみたら定時連絡がグルンぐるん回ってました(笑)
影は消して作成したんですが前の画像の残像が残るというか・・・なんか縁の表示がイマイチな気がしてならない。(╯•ω•╰) 回転は滑らかになっているけど、ファイルサイズが格段にデカいのです。
透過してないgifは185kb 透過apngは616kb
画像の枚数が同じなのにこのサイズの大きさはどうなんだろうか・・・

ちなみに PhotoScapeで背景色指定しないと 真っ黒になりました。(╯•ω•╰)
あ。giamでも同じ枚数同じ画像で作ってみましょうか。
giamで作成
(背景透過gif191kb画像14枚使用 giam作成)
上の2つの動画と同じファイル使ってやったので 透過指定色が白なんです・・・白いとこ色抜けちゃってました・・・それにしても粗すぎる(╯•ω•╰)

今回使用したソフトは全てフリーソフトで私に優しいソフトです。(英語わからんくても使えた(笑))次回Blogにてまとめてみようかと考えています。
関連記事
最終更新日2015-05-23
Posted by

Comments 0

There are no comments yet.

Leave a reply