Ψ(`∀´)Ψケケケ と (´・ω・`)ショボーン

AviUtl用のスクリプト配布やBlender、自作PCのパーツやガジェットの情報を配信中

 

【AviUtl】動画から簡単にGIFアニメを作るよ【Gimp】

Edit Category Aviutlと拡張編集プラグイン > 応用、Tipsなど

trppkgds5650

AviUtlとGimpを使って、動画から簡単にGIFアニメを作る。

なぜAviUtlとGimpなのかといえば、どちらもフリーソフトであることと高機能であることから。特にAviUtlは環境さえ整っていれば、様々な形式の動画ファイルを加工編集できるので、動画のGIFアニメーションに必要な、動画の連番画像化には適しているソフト。


準備と前提

  • AviUtlと拡張編集プラグインが使えるようにしておく。
  • Gimpを使える状態にしておく。GIFアニメを作るアニメーションフィルタはGimpの標準フィルタのひとつ。
  • 素材となる動画を用意しておく。ちなみに画像からGIFアニメを作るときは、連番画像を用意する。

 

  • AviUtlを使って最低限の編集作業ができること。動画の長さを変えたり、再生位置を変えたりといった程度の基本作業。

それぞれのソフトの役割

  • AviUtl:GIFアニメにしたい動画のシーンを切り出し、連番画像として出力する。
  • Gimp:連番画像を読み込み、画像サイズやfps等の調整をして、GIFアニメーションにする。

手順

『AviUtlで行うこと』

  1. AviUtlの拡張編集プラグインを起動し、新規プロジェクトファイルを作成する。このとき画像サイズは兎も角、『fps』の値に注意する。(※0)
  2. 拡張編集プラグイン上に動画ファイルを配置し、GIFアニメーションにしたいシーンを抜き出す。必要があればフィルタ効果等を使って編集する。
  3. 編集作業が終わったら『ファイル』 → 『プラグイン出力』 → 『拡張編集AVI/BMP出力(RGBA)』 → 『ファイルの種類』 → 『BmpFile』でファイル名を指定し、動画を連番画像として書き出す。

 

『Gimpで行うこと』

  1. Gimpを起動して、『ファイル』 → 『レイヤーとして開く』 でAviUtlで書き出した全ての連番画像を選択する。
  2. 選択した連番画像がレイヤーに開かれていることを確認し、『フィルタ』 → 『アニメーション』 → 『再生』を選択して、読み込んだ連番画像がGIFアニメーションになると、どんな感じになるのか確認する。ちなみにこのときに速度やFPSなどの確認も行う。
  3. 必要があれば各レイヤーに開かれている連番画像の編集加工を行い、それが終わったら『画像』 → 『画像の拡大縮小』でブログやサイトで用いる目的のサイズに変更する。
  4. 『フィルタ』 → 『アニメーション』 → 『GIF用最適化』を選択する。変換が始まり、終了すると、新たなウィンドウが開く。古いほうのウィンドウは今後、不要。
  5. 新しく開いたウィンドウがGIFアニメに最適化されたものなので、そちらのウィンドウを選択し、レイヤーを確認する。連番画像ファイル名.拡張子(100ms)(combine)といった感じになっていれば最適化成功。(※1)
  6. 特に問題がなければ、そのまま『ファイル』 → 『エクスポート』 → 『拡張子』 → 『GIF』を選択し、ファイル名をつけて『エクスポート』をクリックする。
  7. GIFアニメの形式を設定する画面が出てくるので、無限ループやディレイ等を目的の値(※2)にして、エクスポートをクリックする。
  8. GIFファイルが書き出されるので、FirefoxやChrome等のブラウザにドラッグ&ドロップして表示してみて、GIFアニメーションになっていたら成功!

 

 

※0 プロジェクトの新規作成時に指定するfpsの値は、10~15程度が無難。数値が大きいと、GIFアニメも滑らかになるが、ファイルサイズもが大きくなってしまう。また、fpsの値が大きいと、書き出される連番画像の枚数も多くなりすぎて、Gimpでの処理も重くなる。

※1 ファイル名の後の数字と文字は、各レイヤーの扱いの指定。100ms(ミリ秒)は0.1秒で、レイヤーの表示時間。combineは結合の意で、conbineのほかにreplece(置き換える)といった選択肢もある。

※2 ここでのディレイ(表示時間)は一括変換的なもの? レイヤーごとに細かく手動で設定しているときはそちらが優先?

作業のサンプル画像

20130628145412 AviUtlに動画を読み込ませ、目的のシーンを抜き出したところ。

20130628145426 再生位置、長さを変更しただけ。
20130628145439 この後、連番画像として書き出す。
20130628145802 連番画像ファイルとして書き出したbmpファイル。

新規にフォルダを作り、そこに一纏めにしたほうが管理しやすい。

 

 

 

20130628150333 AviUtlで書き出した連番画像ファイルをGimpで、レイヤーとして一括(全選択)で開いたところ。
20130628150524 フィルタ → アニメーション → 再生で読み込んだ連番画像を再生して確認しているところ。
20130628150650 640x360だと、GIFアニメーション画像としては大きすぎるかと思い、『画像』 → 『画像の拡大縮小』で読み込んだ画像の大きさを変更。
20130628151029 フィルタ → アニメーション → GIF用最適化を適用して、新しいウィンドウが開いたところ。

新しいウィンドウのほうはGIF用に最適化されているために、各レイヤー名の後尾に(100ms)(combine)の文字がある。

古いウィンドウは不要となるので、閉じてしまっても構わない。
20130628151428 ファイル → エクスポートでファイル名を指定し、エクスポートをクリックした後の、GIFアニメーションのオプション設定画面。

アニメーションとしてエクスポートにチェックを入れ、ディレイを20に、累積レイヤーを結合にして、残りの下二つにチェックを入れたところ。
20130628151734 Firefoxにドラッグ&ドロップして、作成したGIFアニメを確認しているところ。

 

まとめ

動画からGIFアニメーションを作成することは、AviUtlとGimpを使えば結構簡単にできる。AviUtlを始めたばかりだと、個々の作業が覚束ないかもしれないけれど、中級者前後のスキルがあれば特に問題はないはず。

ポイントとしては、AviUtlで新規プロジェクトファイルを作成するときの『fps』の値に注意することと、連番画像ファイルはひとつのフォルダにまとめたほうが管理しやすいことぐらい。

また、手間暇を掛ければ、個々のレイヤーのディレイも変更可能なので、演出の幅を広げることも可能。

 

今回はAviUtlとGimpを使用したけれど、BlenderとGimpの組み合わせでもGIFアニメーションが作れるし、デジカメで撮影した写真画像をリネームして連番画像にして、Gimpで同様の処理をすればGIFアニメーションになる。

 

関連記事

Community テーマ - グラフィック作成  ジャンル - コンピュータ

Newer Entry【Blender】自動でFKとIKを作るための覚書【Rig】

Older Entry【AviUtl】アニメーション効果『スカイドーム』の使い方【拡張編集】



PCパーツ : AmazonCategory




Comments
 
動画みて驚きました!!!
あの、aviutlでMP3を取り込むにはどうすればいいですか?
 
Re: タイトルなし 
> 動画みて驚きました!!!
> あの、aviutlでMP3を取り込むにはどうすればいいですか?

コーデックやスプリッタがPCに入っているのであれば、拡張編集プラグインに『音声ファイル』オブジェクトを配置して、普通通りに『参照ファイル』をクリック。その後、右下のAudioFile→AllFile(*.*)にして、取り込みたいMP3ファイルを読み込めば、MP3ファイルは読み込めるはずです。

また、コーデックやスプリッタが入っていない、不完全である場合は一旦、それらをアンインストールして、コーデックパックをインストールすると、競合等が起こらずに上手くいくはずです。
 
 
返信ありがとうございます!
コーデックていうのはどうやってインストールすればいいんでしょうか?
自分のだとどうもできないみたいです・・><
 
Re: タイトルなし 
このブログの右側に『オススメのフリーソフト』があるので、その中の『コーデックパック』の『K-Lite Codec Pack』が色々なコーデックがパックになっていて個人的にはオススメです。

『K-Lite Codec Pack』には幾つかのバージョンがありますが、FullかMegaを選択しておけば大概の動画(音楽)は読み込めるようになります。また、OSが64Bitのときは64Bitを選択してください。
 
 
ありがとうございます!!無事できました!!!!
 


 
10 2018
SUN MON TUE WED THU FRI SAT
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

09 11


 
 
ねんどろいど アイドリッシュセブン 四葉環
ねんどろいど アイドリッシュセブン 四葉環 ノンスケール ABS&PVC製 塗装済み可動フィギュア
 
注意事項

紹介されているフリーソフト、スクリプトをインストールするときは、フリーソフトの説明および注意事項を熟読し、自己責任においてご利用下さい。


SSL通信対応に伴い、URLがhttp://madeinpc.blog50.fc2.com/
↓ ↓ ↓
https://madeinpc.blog.fc2.com/
に変更となりました。



記事:Amazonギフト券の期限など
特価情報:各ジャンル・タイムセール

 
オススメA

ゴブリンスレイヤー(5) (ビッグガンガンコミックス)
ゴブリンスレイヤー(5) (ビッグガンガンコミックス)


モトローラ SIM フリー スマートフォン Moto G6 Plus 4GB/64GB ディープインティゴ 国内正規代理店品 PAAT0026JP/A
モトローラ SIM フリー スマートフォン Moto G6 Plus 4GB/64GB ディープインティゴ 国内正規代理店品 PAAT0026JP/A


ZOTAC GAMING GeForce RTX 2080 Twin Fan グラフィックスボード VD6740 ZTRTX2080-8GGDR6Twin
ZOTAC GAMING GeForce RTX 2080 Twin Fan グラフィックスボード VD6740 ZTRTX2080-8GGDR6Twin


uni - USB Type C タイプ to HDMI 変換アダプタ Adapter 4K@60Hz MacBook Surface Chrome S8 9 Sony 他対応
uni - USB Type C タイプ to HDMI 変換アダプタ Adapter 4K@60Hz MacBook Surface Chrome S8 9 Sony 他対応


Anker PowerCore Fusion 5000 (5000mAh モバイルバッテリー搭載 USB急速充電器) 【PowerIQ搭載/折畳式プラグ搭載】 iPhone、iPad、Android各種対応(ブラック)
Anker PowerCore Fusion 5000 (5000mAh モバイルバッテリー搭載 USB急速充電器) 【PowerIQ搭載/折畳式プラグ搭載】 iPhone、iPad、Android各種対応(ブラック)


乃木坂46 衛藤美彩 写真集 話を聞こうか。 封入特典 特別付録 スペシャル ポストカード 水着
乃木坂46 衛藤美彩 写真集 話を聞こうか。 封入特典 特別付録 スペシャル ポストカード 水着


iOutdoor LEDランタン3色切替 電球色 自然白 昼白色 無段階調光2-in-1充電式11200mAhモバイルバッテリー内蔵 暖色キャンプランタン IP65防水・防塵 探険・登山・バーベキュー アウトドア携帯キャンプ用品/応急停電用 連続点灯580時間
iOutdoor LEDランタン3色切替 電球色 自然白 昼白色 無段階調光2-in-1充電式11200mAhモバイルバッテリー内蔵 暖色キャンプランタン IP65防水・防塵 探険・登山・バーベキュー アウトドア携帯キャンプ用品/応急停電用 連続点灯580時間


GARMIN(ガーミン)  スマートウォッチ 時計 GPS アクティブトラッカー 活動量計 vivoactive3 Black Slate【日本正規品】176971 最大7日間連続稼働
GARMIN(ガーミン) スマートウォッチ 時計 GPS アクティブトラッカー 活動量計 vivoactive3 Black Slate【日本正規品】176971 最大7日間連続稼働


欅坂46 今泉佑唯ソロ写真集(仮)
欅坂46 今泉佑唯ソロ写真集(仮)


ASTRO アストロ A40 TR ゲーミングヘッドセット + MixAmp Pro TR ミックスアンプ ブラック 国内正規品 2年間無償保証 A40TR-MAP PS4/PC/MAC/Nintendo Switch
ASTRO アストロ A40 TR ゲーミングヘッドセット + MixAmp Pro TR ミックスアンプ ブラック 国内正規品 2年間無償保証 A40TR-MAP PS4/PC/MAC/Nintendo Switch


figma Splatoon/Splatoon2 Splatoon ガール DXエディション ノンスケール ABS&PVC製 塗装済み可動フィギュア
figma Splatoon/Splatoon2 Splatoon ガール DXエディション ノンスケール ABS&PVC製 塗装済み可動フィギュア


レッド・デッド・リデンプション2:スペシャル・エディション【CEROレーティング「Z」】 (【予約特典】軍馬と無法者サバイバルキットが手に入るプロダクトコード 同梱) - PS4
レッド・デッド・リデンプション2:スペシャル・エディション【CEROレーティング「Z」】 (【予約特典】軍馬と無法者サバイバルキットが手に入るプロダクトコード 同梱) - PS4


Kirklandカークランドシグネチャー ケトルチップス(ポテトチップス)907g
Kirklandカークランドシグネチャー ケトルチップス(ポテトチップス)907g


Sixspace マリンシューズ メンズ 水陸両用 ウォーターシューズ アクアシューズ ビーチシューズ ヨガ レディース 軽量 通気 男女兼用 水泳靴 スニーカー 蛍光グリーン 26.5cm
Sixspace マリンシューズ メンズ 水陸両用 ウォーターシューズ アクアシューズ ビーチシューズ ヨガ レディース 軽量 通気 男女兼用 水泳靴 スニーカー 蛍光グリーン


 
ブログ内検索
記事を探すときは、キーワードで検索をかけると速くて便利です。
 
ねんどろいど ペルソナ5 佐倉双葉 ノンスケール ABS&PVC製 塗装済み可動
ねんどろいど ペルソナ5 佐倉双葉 ノンスケール ABS&PVC製 塗装済み可動フィギュア
 
 
デート・ア・ライブ 時崎狂三 ランジェリーVer. 1/7スケール
デート・ア・ライブ 時崎狂三 ランジェリーVer. 1/7スケール PVC製 塗装済み 完成品 フィギュア
 
 
ブログ内検索
記事を探すときは、キーワードで検索をかけると速くて便利です。
 
 
【2018年秋】オススメのコスパの良い自作PC構成
AMD 第2世代Ryzenで組むハイパフォーマンスかつコスパの良い構成。SSDが一気に値下がりしたので、今までの一つ上の容量で組みやすくなった感じ。メモリの供給も徐々に……?
 
オススメのフリーソフト
■ブラウザ(お好みで。複数可)
Chrome
Firefox
Vivaldi
Sleipnir
Opera
■ファイアウォール(必須)
Comodo Internet Security
ZoneAlarm
Outpost Security Suite FREE
■アンチウィルスソフト(必須)
avast! 4 Home Edition
avira 無料版
AVG Anti-Virus Free Edition
■レジストリ保護&クリーナー(必須)
Spybot-S&D
CCleaner
■圧縮・解凍ソフト(必須)
Lhaplus
7-Zip
■オフィスソフト
OpenOffice.org
LibreOffice
Mery
TeraPad
■メーラー
Thunderbird
■オンライン・コミュニケーション・ツール
Open Live Writer
Skype
Windows Live メッセンジャー / MSN メッセンジャー
■Backup & PartitionEditor
AOMEI バックアップ、クローン、パーティション管理
EaseUS Todo Backup Free
EaseUS Partition Master
■コーデックパック(どちらか)
K-Lite Codec Pack
 
Combined Community Codec Pack
■各エンコーダ&デコーダ、スプリッタ(競合注意)
ffdshow
Xvid Codec
qaac Codec
x264vfw
Haali Media Splitter
LAV Splitter
webm
Google VP8 Video For Windows codec
■動画音楽再生プレーヤー(複数可)
MPC Home Cinema
GOM PLAYER
SMPlayer
VLC media player
■動画加工編集ソフト
Windows ムービー メーカー
Windows Media エンコーダ
MP4Cam2AVI
Any Video Converter フリー版
CamStudio
SEffect
x264vfw
AviUtl
AviUtlのプラグイン
MediaCoder
Nero AAC Codec
Avidemux.org
真空波動研 Lite
えこでこツール
XMedia Recode
■グラフィックソフト
Blender
Inkscape
GIMP
PlayMemories Home
FireAlpaca
XnConvert
■HTML&ブログ制作
ez-HTML
XnConvert(画像一括処理)
Open Live Writer
FFFTP
WinShot
Aptana | Studio
■AviUtl
AviUtlの基礎構成ファイルDL
■その他、色々と……
DataRecovery
CPU-Z
CrystalDiskMark
CrystalDiskInfo
 
 
QRコード
QRコード
 
プロフィール

(o・ω・o)

Author:(o・ω・o)
現在はAviUtl用の駄スクリプトを書いて配布中。使用は自己責任でお願いします。

 
 


ARCHIVE RSS