UPDATE：2016.10.22
- CATEGORY
MP4からGIFアニメーションへの変換
こんにちは、アプリコットデザインのざっきーです。今回はタイトルからもわかるように動画ファイルをGIFアニメに変換してみるという内容です。
WEBでたまに見かけるアニメーションするバナーなどは実は動画制作の要領で作成できてしまいます。
私が今回動画からGIFアニメーションへの変換に使用したのはAfter EffectsとPhotoshopの２つ。
ここでは通常の変換方法について説明していきます。
MP4からの変換準備
1．After Effectsに素材となるMP4動画を読み込む2. レンダーキューに追加し、PNG形式で書き出し
上記の作業をすることで動画ファイルを連番形式の画像ファイルとして書き出すことができるので連番ファイル格納用のフォルダを作成し、ここに保存します。
連番ファイルのGIFアニメ化
1.Photoshopで「ファイル」→「スクリプト」→「複数のDICOMファイルの読み込み」を選択し、連番ファイルを格納したフォルダを選択。2.タイムラインパネルを表示
3.レイヤーパネルから全ての画像を選択して「フレームアニメーションを作成」ボタンを押します。
アニメーションファイルの最適化
1.タイムラインパネルに表示されている画像の下部分にフレームレートを設定できる箇所があるのでそこからfpsを設定します。2.最後にWEB用に保存をして完成です。
と、ここまで通常の手順を書きましたが実はこれだと書き出しができないケースもあります。
画像のファイル数が多すぎることから、読み込みにパソコンのメモリを消費しすぎて変換ができなかったり、GIFアニメ特有の制限による書き出しのエラー等、うまくいかない場合もありますのでお困りの場合はぜひお問い合わせください。
