<< 【第15話PNGアニメ】ゲレンデで出会っ//
【第16話PNGアニメ】ゲレンデで出会っ// >>
「なろう」の挿絵用GIFアニメの作り方の例
2023-08-17 00:00:58
 趣味で小説と動画の創作をしています。

「小説家になろう」に投稿している作品では、X(旧Twitter)用に制作する動画用の画像を、
「みてみん」用に再加工し、PNGアニメにして挿絵にしています。
 PNGにしている理由は、GIFの256色の色数制限がないからです。

 そのファイルの仕様は、解像度580×326フレームレートは4秒で1コマ、としています。
解像度はGIFもPNGも、580が「みてみん」の上限のようです。
 これ以上の解像度では、UP後にリサイズされてしまうため、ファイル容量が3MB以内でも
動かなくなります。

 この4秒で1コマでは、紙芝居的な見せ方なら良いのですが、滑らかに動きません

 なめらかに動くようにするには、フレームレートを1秒10コマにする必要がありますが、
その場合、解像度を落とさないと数秒にも満たないアニメになってしまいます。
 また、PNGアニメを秒10コマで作ろうとすると、とても手間がかかります。

 今回添付したのは、解像度が420×236、フレームレート1秒10コマのGIFアニメです。
作れる長さは、画像の内容によって、5秒~10秒ぐらい作れます。

 これらのGIFアニメは、最初にAdobe Premiere Elementsで、mp4の動画を作り、
それをPremiere ElementsからGIFアニメの形式で出力しています。
 Premiere Elementsでは、出力する解像度やフレームレートを変更できるので、
「みてみん」にUPできるサイズになるまで、解像度やフレームレート、長さを調整しています。

GIFアニメ カメムシ飛来


カメムシに乗った少女


カメムシに乗った少女のハーフパイプ


カメムシに乗ったウサギのハーフパイプ


 UPしたGIFアニメがカメムシなのは、このカメムシが作中で登場するからで、
「つよ虫」の虫の由来ではありません。