見出し画像

異なるフレーム数のアニメを一つのGifに合体させた~い

始めまして、ドット絵をポチポチ作ってる.am(あむあむ)というものです。

初めてのnote投稿なので多少の粗は許してね。
あと、田舎者なので愛知の方言が飛び出す。
(流石にえびふりゃーとかは言わない)


このnoteの意図

まずこのnoteに記載されてる内容は、
【一つのGIFアニメ上にフレーム数が違うアニメを合体させたい!】
と言う人に向けたお話です。

なので、フレーム数が違うアニメを一つのGifに並べたら、
フレーム数がそれぞれ違うから1ループが短い子から消えてやだ!
全体を綺麗にループさせたい!って困ってる人が読むモノですね。
文章だけだとわかりづらいね。

あとドット絵の作業環境での話ですんで、
イラスト等の方々とは作法が違うかもしれませんが、
やる事の根本は変わらないと思うので、、まぁ、、、うまくやって!


欲しかった情報とちげぇ!って人はすまん



じゃあ本題へGO!

方法1. 綺麗にループさせる方法

端的に言うと
「合体させたいアニメのフレームの公倍数まで短い子たちを引き伸ばす」

公倍数:その数字たちの、共通した倍数


いきなり公倍数とか何?お絵描きの話じゃん、という声も聞こえますが
ちゃんと頑張って説明しますんでね。まだ逃げないで!

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

方法1の例

1ループが20フレームのアニメ、4フレームのアニメ、10フレームのアニメを
1枚のGifに合体させたい!

この場合、20が最小の公倍数なので
  4フレの子を5ループさせて20フレームに揃える、
10フレの子を2ループさせて20フレームに揃える、

すると全てが20フレームに揃って、どれも消えずに綺麗にループ!!

作業を画像で表すとこんな感じ。
この短い子から順に消えてっちゃう状態を・・・

繋げたいアニメを横並びにさせただけ
このGifのレイヤーとセルの状態


こうする!

繋げたいアニメを加工したもの
このGifのレイヤーとセルの状態
(1ループが分かりやすいように、1区切り毎にセルの色変えてる)

こんな感じで、
一番長いフレームの子の倍数まで、短いフレームの子をループさせたらOK!


方法1の例2

1ループが15フレームのアニメ、6フレームのアニメを
1枚のGifに合体させたい!

この場合、30が最小の公倍数なので
15フレの子を2ループさせて30フレームに揃える、
  6フレの子を5ループさせて30フレームに揃える、

すると全てが30フレームに揃って、どれも消えずに綺麗にループ!!
作業自体は例1と同じなので画像は割愛


・・・が! まぁお察しの方は居ると思いますが、
この方法は
・ 公倍数がデカすぎる場合
・求める公倍数が多すぎる場合
には無力です。

公倍数が500とかになっちゃたりすると500フレームまでやらないと
綺麗にループしないし、十何個とかのアニメを同一Gif上に置きたいとかってなるとその十何個の公倍数を求める作業がめっちゃダルいし、
そもそも作業量うんぬんの話だけじゃなく、あんまりフレーム数が増えると
SNSによっちゃあ画像容量の制限に引っ掛かっちゃう事もあるし、、、

現実的に考えると、このやり方だけだと無理です。
世の中キレイな事だけじゃ生きてけんのです。

そういう時は、方法2へ


方法2. 1がダメだった時のやり方

端的に言うと
「綺麗なループを諦め、とりあえず全部合体させ、
 再生時間をめっちゃ長くする」

はい、
早速綺麗なループを諦めておりますが大丈夫。粗はあんまバレないです。

やる事は・・・1再生を なが~~~くする!! これだけ

言葉の定義「1ループと1再生の違い」
1ループ:アニメーション自体の1ループ 
1再生:   Gif画像全体のループ

ものすごくチープなやり方ですが
再生時間を伸ばせば、
違和感のある繋ぎ目まで辿り着く前に
画像を観る人たちは次の投稿へ行っちゃうんでバレないんじゃね
っていう話です。

悲しいねぇ、、、
けど流れてきた画像を何十秒もガン見する人は
現代一般ユーザーにはほぼ居らん!
居たとしても大体は絵描きの方々!!

もし、なが~くガン見する人が居たら、、、って?
しっかり観てくれてありがとう!!!って思って大切にするといいと思うよ

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

1再生は大体30秒以上を目安に尺稼ぎする。
(30秒にコレと言った理由は無いので、
短くても長くてこれ以上はガン見されないだろみたいな感覚の時間でおk)

1フレームあたりなんmsなのか確認して、30秒になるぐらいの
フレーム数になるまで増量します。

大変そうだけどコピペするだけなんで超簡単

方法2の例

1ループが
19フレーム、4フレーム、7フレーム、72フレーム、12フレーム、30フレーム
のアニメたちを1枚のGifに合体させたい!

とりあえず並べる

繋げたいアニメを横並びにさせただけ
このGifのレイヤーとセルの状態
(72フレのやつがスクショに入りきってない)


んで今は1フレ=300msの設定にしてる(各々自分の設定を確認してね)
つまり100フレあれば30秒。
だからコピペ連打で100フレ以上になるまで増量

このGifのレイヤーとセルの状態

で、100フレーム以上はバツン!と削除しちゃう

このGifのレイヤーとセルの状態
(100フレ以上は削除)

色を見ればわかる通り、適当に切ってるからループが汚い。
けど、前述の理屈(30秒見る人居ない理論)を信じて完了とする。

完成したのがコレ

完成したもの

意外とわかんなくない!?



おわりのあいさつ

・・・・うん、まぁ、こんな方法しか無いんかとガッカリしてる人たちの顔がありありと浮かびますが、自分がやってるのはこんなもんです。

2024年末に上げた、異なるフレーム数のアニメがいっぱい同時再生されてるGifも方法2でやってます。

これね ↓ (ちなみにこれは1フレ100msで278フレ)


良い方法があったらぜひ教えてね。超ありがたいから。ほんとに。


いいなと思ったら応援しよう!