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

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パーツ - Amazon



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を選択してください。
 
 
ありがとうございます!!無事できました!!!!
 





 
03 2019
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 - - - - - -

02 04


 
 
ねんどろいど 艦隊これくしょん ‐艦これ‐ 高雄
ねんどろいど 艦隊これくしょん ‐艦これ‐ 高雄 ノンスケール ABS&PVC製 塗装済み可動フィギュア
 
注意事項

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


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

DLLスクリプト置き場
https://ultramarinepig.web.fc2.com/


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

 
オススメA

宇宙兄弟(35) (モーニング KC)


Zenfone Max Pro M2 【日本正規代理店品】6.3インチ/ SIMフリースマートフォン / コズミックチタニウム (4GB/64GB/5,000mAh) ZB631KL-TI64S4/A


NUPO ASUS ZenFone Max Pro (M2) ZB631KL ケース 炭素繊維カバー TPU 保護バンパー 弾力性付き 衝撃吸収 高耐久性 ASUS ZenFone Max Pro M2 専用カバー (ブラック)


SanDisk microSDXC 100MB/s 128GB Ultra SD変換アダプター付属 サンディスク SDSQUAR-128G 海外パッケージ品 [並行輸入品]


ソニー SONY ワイヤレスノイズキャンセリングヘッドホン WH-1000XM3 B : LDAC/Bluetooth/ハイレゾ 最大30時間連続再生 密閉型 マイク付 2018年モデル ブラック


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


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


hohem 3軸 ハンドヘルド スマートフォン ジンバル スタビライザー スマホ用 3軸ジンバル 雲台 スタビライザー トラッキングモーション 遅延撮影/フォーカス&ズーム機能 手振れ防止 横型&縦型動画撮影 内臓4000mAhモバイルバッテリー スマホに充電可能 最大12時間連続稼動 顔やターゲットを自動ロック機能 幅58~88mm範囲内 iPhone/Androidスマホに対応 専用APP 日本語説明書/充電ケーブル/ミニ三脚付属 1年間の保証 iSteady Mobile


Echo Dot (エコードット)  第3世代  (Newモデル) - スマートスピーカー with Alexa、チャコール


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


モーニング娘。'19 牧野真莉愛 写真集 『 María 18 años 』


[デサント]ボディーバッグMサイズ グレー杢×ブラック


SUKUTU(スクツ) 秋 メンズミリタリージャケット長袖 バイクジャケット メンズ ライダースジャケット スタンドカラージャケット 防風 春 冬 (ブラック, XXL(日本L相当))


[コンバース] スニーカー オールスター ウォッシュドキャンバス OX ブルー US US7(25.5 cm)


 
ブログ内検索
記事を探すときは、キーワードで検索をかけると速くて便利です。
 
ねんどろいど アイドリッシュセブン 四葉環
ねんどろいど アイドリッシュセブン 四葉環 ノンスケール ABS&PVC製 塗装済み可動フィギュア
 
 
ねんどろいど ペルソナ5 佐倉双葉 ノンスケール ABS&PVC製 塗装済み可動
ねんどろいど ペルソナ5 佐倉双葉 ノンスケール ABS&PVC製 塗装済み可動フィギュア
 
 
ブログ内検索
記事を探すときは、キーワードで検索をかけると速くて便利です。
 
 
おすすめのPCパーツ

AMD CPU Ryzen 7 2700X with Wraith Prism cooler YD270XBGAFBOX
AMD CPU Ryzen 7 2700X with Wraith Prism cooler YD270XBGAFBOX


AMD CPU Ryzen 5 2600X with Wraith Spire cooler YD260XBCAFBOX
AMD CPU Ryzen 5 2600X with Wraith Spire cooler YD260XBCAFBOX


INTEL インテル CPU Corei9-9900K INTEL300シリーズChipsetマザーボード対応 BX80684I99900K【BOX】
INTEL インテル CPU Corei9-9900K INTEL300シリーズChipsetマザーボード対応 BX80684I99900K【BOX】


ENERMAX アドレッサブル型RGB LED水冷CPUクーラー LIQTECH II 240mm ELC-LTTO240-TBP ユニバーサルブラケット
TDP500W超対応!! ENERMAX アドレッサブル型RGB LED水冷CPUクーラー LIQTECH II 240mm ELC-LTTO240-TBP ユニバーサルブラケット


サイズ オリジナルCPUクーラー 虎徹 Mark II
サイズ オリジナルCPUクーラー 虎徹 Mark II


【G.skill】DDR4-3600 (PC4-28800) Trident Z RGB シリーズ F4-3600C18D-16GTZRX for AMD 16GB (8GBx2) Ryzen用 永久保証 パソコン用 増設 メモリ オーバークロック
【G.skill】DDR4-3600 (PC4-28800) Trident Z RGB シリーズ F4-3600C18D-16GTZRX for AMD 16GB (8GBx2) Ryzen用 永久保証 パソコン用 増設 メモリ オーバークロック


キングストンテクノロジー Kingston デスクトップPC用メモリ 16GB DDR4-4000 8GBx2枚 HyperX Predator RGB HX440C19PB3AK2/16 RGB LED
キングストンテクノロジー Kingston デスクトップPC用メモリ 16GB DDR4-4000 8GBx2枚 HyperX Predator RGB HX440C19PB3AK2/16 RGB LED


GIGABYTE グラフィックボード NVIDIA Geforce RTX 2070 搭載 8GB ゲーミングモデル GV-N2070WF3-8GC
GIGABYTE グラフィックボード NVIDIA Geforce RTX 2070 搭載 8GB ゲーミングモデル GV-N2070WF3-8GC


MSI GeForce RTX 2060 AERO ITX 6G OC グラフィックスボード VD6857
MSI GeForce RTX 2060 AERO ITX 6G OC グラフィックスボード VD6857


SanDisk 内蔵SSD 2.5インチ / 1TB / SSD Ultra 3D / SATA3.0 / 5年保証 / SDSSDH3-1T00-J25
SanDisk 内蔵SSD 2.5インチ / 1TB / SSD Ultra 3D / SATA3.0 / 5年保証 / SDSSDH3-1T00-J25


CFD販売 SSD M.2 接続 NVMe PG2VN シリーズ 1TB CSSD-M2B01TPG2VN
CFD販売 SSD M.2 接続 NVMe PG2VN シリーズ 1TB CSSD-M2B01TPG2VN 読み書き3000MB/S超


Cyonic PC電源 80PLUS GOLD プラグイン 650W ATX電源 5年保証 AU-650X
Cyonic PC電源 80PLUS GOLD プラグイン 650W ATX電源 5年保証 AU-650X

【レビュー】Cyonic AU-650X


オウルテック 10年間新品交換保証 80PLUS GOLD取得 コンパクトサイズ ATX 電源 ユニット フルモジュラー Skylake対応 Seasonic FOCUS+ シリーズ 750W
オウルテック 10年間新品交換保証 80PLUS GOLD取得 コンパクトサイズ ATX 電源 ユニット フルモジュラー Skylake対応 Seasonic FOCUS+ シリーズ 750W


WD HDD 内蔵ハードディスク 3.5インチ 6TB WD Blue WD60EZRZ-RT SATA3.0 5400rpm 2年保証
WD HDD 内蔵ハードディスク 3.5インチ 6TB WD Blue WD60EZRZ-RT SATA3.0 5400rpm 2年保証


BUFFALO 外付けハードディスク 4TB テレビ録画/PC/PS4対応 静音&コンパクト 日本製 故障予測 みまもり合図 HD-AD4U3
BUFFALO 外付けハードディスク 4TB テレビ録画/PC/PS4対応 静音&コンパクト 日本製 故障予測 みまもり合図 HD-AD4U3


FILCO Majestouch2 108フルキー茶軸日本語配列 USB&PS2両対応 Nキーロールオーバー対応 独Cherry茶軸採用メカニカルキーボード ブラック FKBN108M/JB2
FILCO Majestouch2 108フルキー茶軸日本語配列 USB&PS2両対応 Nキーロールオーバー対応 独Cherry茶軸採用メカニカルキーボード ブラック FKBN108M/JB2


MMO ゲーミングマウス ロジクール G600t ボタン20個搭載 最高8,200dpi
MMO ゲーミングマウス ロジクール G600t ボタン20個搭載 最高8,200dpi


FANTECH ゲーミング マウスパッド 大型 FPSゲーム 水洗い 光学式マウス適用 超滑らかで狙った敵を素早くターゲットします PM80 mouse pad(800 x300 x 3 mm)
FANTECH ゲーミング マウスパッド 大型 FPSゲーム 水洗い 光学式マウス適用 超滑らかで狙った敵を素早くターゲットします PM80 mouse pad(800 x300 x 3 mm)


 
オススメのフリーソフト
■ブラウザ(お好みで。複数可)
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