みなさんこんにちは、キリカです。
タイトルの通りですが、LumaFusionにアニメーションgifを投げ込んでも読み込んでくれません。
これについて調査したものを、備忘録がてらここにまとめさせていただきます。
LumaFusionではアニメーションgifは静止画として扱われる
今回テストのために用意したアニメーションgifはこちら、「動く青い棒」です。
![動く青い棒](https://nekosakamiti.com/wp-content/uploads/2021/08/8341F420-4184-4D6B-BBBF-288E936D8639.gif)
これを動画の素材として使おうとLumaFusionに読み込ませたところ、微動だにしません。
アニメーションgifの1枚目で固定されてしまい、ただの静止画になってしまいます。
![LumaFusionのスクショ](https://nekosakamiti.com/wp-content/uploads/2021/08/42872DF3-966D-4994-BC9E-696C9F3D21A0-1024x695.jpeg)
いくつかの手段を試してみましたが、LumaFusionではアニメーションgifを取り扱う機能はなく、静止画として取り扱われるようです。読み込ませる手順の違いなどではありませんでした。
Procreateを使ってgifをMP4として書き出す
今回は解決策として、gifを一旦動画に変換することにしました。
変換と聞くと手間がかかりそうですが、Procreateがあれば一瞬です。
![友達](https://nekosakamiti.com/wp-content/uploads/2021/02/icon2.png)
Procreateは有償お絵かきソフトです
![管理人](https://nekosakamiti.com/wp-content/uploads/2023/01/icon20230105.png)
iPadの人気有料アプリの上位に常にいる大人気アプリ
Procreateの紹介はこちらでまったりやっています。有償アプリなので購入に迷った際は参考にしてね。
Procreate内の「写真」項目からgif画像を選択し、読み込ませてください。
通常のイラスト作成画面に加え、再生と書いてあるアニメーション用の小さなウィンドウが開かれているはずです。
![ProCreateのスクショ](https://nekosakamiti.com/wp-content/uploads/2021/08/E76179DC-1CC9-462C-B1B4-16E800985780-1024x715.jpg)
続いて、「アクション」から「レイヤーを共有」の「アニメーションMP4」を選択します。
![ProCreateのスクショ](https://nekosakamiti.com/wp-content/uploads/2021/08/693A11A8-ADA6-4806-9F23-4090F8E31F85-1024x715.jpg)
1秒間に何フレーム分動かすかを設定することもできます。
必要が無ければそのままの設定で「書き出す」を選択。
![ProCreateのスクショ](https://nekosakamiti.com/wp-content/uploads/2021/08/CE976A59-7C64-4F80-A093-B89A427170F3-1024x715.jpg)
この方法でMP4化すると、LumaFusionでも動く素材として利用することが可能になります。
![LumaFusionのスクショ](https://nekosakamiti.com/wp-content/uploads/2021/08/01E007D9-E4F2-4D49-B179-52812E1ADCAE-1024x700.jpeg)
Procreateでgif画像の背景を透過する方法
動画の素材にする場合、背景を透過しておくと使いやすいですね。
Procreateでは背景透過もできます。ここで手順をご紹介します。
なお、この方法は画像の背景が白単色だと想定しています。
背景がごちゃごちゃしている場合は複雑な切り抜きが必要になります。
作業時にわかりやすいよう、背景色(キャンバス自体の色)を黄色にしてみました。
![ProCreateのスクショ](https://nekosakamiti.com/wp-content/uploads/2021/08/DA23E711-4EF8-4949-9277-6724A10E6CA9-1024x715.jpg)
画面左上の「選択ツール」を選びます。
画面下部に複数の選択肢が出てきますので、「自動」を選んでおいてください。
![ProCreateのスクショ](https://nekosakamiti.com/wp-content/uploads/2021/08/00BB0CC2-8DCA-4CDA-B239-2037DA69FC88-1024x715.jpg)
この状態で背景の白い箇所をどこかしらタップしてください。
色が黒になります。
![ProCreateのスクショ](https://nekosakamiti.com/wp-content/uploads/2021/08/7543F917-0080-4922-8E06-7AFCDAF5D1F2-1024x715.jpg)
この状態でひたすら消しゴムをかけていきます。
上記の手順のおかげで「白い背景」だけが消しゴムの対象になっています。
あとはこの処理を全てのレイヤーに対し実施するだけです。
![友達](https://nekosakamiti.com/wp-content/uploads/2021/02/icon2.png)
写真にて黄色くなっているところが透過された(背景の黄色が透けている)ところだよ
![ProCreateのスクショ](https://nekosakamiti.com/wp-content/uploads/2021/08/2C54C6ED-9A20-4477-9CED-9E7A6A80F130-1024x715.jpg)
まとめ
簡単にですが、LumaFusionにおけるgifの扱いとその対応の話でした。
自分は様々なジャンルの動画編集ソフトを扱ってきましたが、その多くはgifをそのまま読み込めるためLumaFusionでは読み込めないことにちょっと驚きました。
gifを動画データに変換する方法はいくつもありますが、今回はiPadだけで最も簡単にできるProcreateを用いた方法をご紹介しました。やはりiPad一台で全て完結するのは便利です。
直接の解決ではないですが、このようなアプローチで読み込ませることが可能でした。この知識が一人でも多くの方のお役に立てば幸いです。