ScreenToGifのffmpegでmp4出力 /gif分割【使い方】

PC・ソフトウェア・ブラウザ

個人的な覚書を兼ねていますが、ScreenToGifの使い方を解説していきます。

普通の使い方を解説してくれているサイトはたくさんあるため、その解説は簡単にとどめ、ffmpegでmp4出力、gif分割、ipadやandroidアプリと連携してインポートなどもう少しマニアックな使い方を解説しますね。

ScreenToGifの普通の使い方

起動 > レコーダー > サイズを決める(リサイズは後ほど可能なので撮りたい画面に枠をおさめる) > 画面右下の[●録画]

横幅などのサイズ設定が数字で直打ちできるところがよいです。

録画ボタンをおすため、録画ボタンから録画したい場所までマウスを移動します。その間、どうしても最初に不要なフレームができます。止めるときも同様です。つまり、必ず前後のフレームをカットするという作業が必要でしょう。

編集 > フレームを選択 > 以前の削除

同様に終了フレームもカットします。

編集 > フレームを選択 > 以後の削除

編集が終わったら保存します。

ファイル > 名前をつけて保存(エンコーダーの設定はのちほど解説。)

ファイル名が同じ場合は上書きのチェックをいれましょう。

スポンサーリンク

電子書籍のおすすめ比較

ScreenToGifの最近のプロジェクトが便利

エディター > ファイル > 最近のプロジェクト

デフォルトでは5日間ぐらい自動バックアップを取っているようです。ソフトを終了させても復帰できます。この機能は便利です。

スポンサーリンク

ScreenToGifのエンコーダー

エンコーダーの設定は考えるところになりますね。テスト結果は以下のようになりました。

  • エンコーダー1.0:綺麗だけど容量が大きい
  • エンコーダー2.0:普通で容量が小さい
  • FFmpeg:FFmpegは昔から有名なコーディック。FFmpegのダウンロードが必要(無料)、綺麗で容量が小さい、noteにアップロードするとなぜかエラーがでることが多いっぽいのが残念
  • Gifski:試していない
FFmpegの小話をすると、登場したのは2000年。C言語、アセンブリによって開発されたものですね。動画でコーデックといえばとりあえずFFmpegにしとこうよ、とよく言われたものです。

エンコーダー2.0とFFmpegはどちらが容量が小さいかですが、ものによって変わります。エンコーダー2.0は色数を指定できます。色数は結構容量が変わります。エンコーダー1.0は確実にかなり容量が多いです。

ScreenToGifのffmpegでmp4出力/ffmpegでgif作成

インストール

ffmpegは別ソフトのためインストールしないと使えません。

しかし、ffmpegのインストールはScreenToGif上から簡単にできます。直リンクが張られているようです。

保存する際にコーディックがないと言われるので、そのフローからダウンロードするか設定画面からもいけます。ffmpeg.exeをダウンロードしてパスを通す形ですね。クリックすると勝手にできあがるためまったく難しくありません。

設定画面から行く方法は以下のとおりです。

起動 > オプション > 外部ツール

コマンドプロンプトによるインストールではありません。

ソフト上に簡単にインストールできるよう流れをつくってくれているため、初心者にもおすすめです。あとは保存するだけでOKです。

インストール後の変更点

ffmpegをインストールすると、gif、apng、動画を保存する際にコーデックが使えるようになります。

保存する際の選択肢が増えるわけですね。

中級者向きに保存する際にカスタマイズ設定もあるようです。デフォルトは以下のとおりになっています。

-c:v libx264 -pix_fmt yuv420p -vf "pad=width={W}:height={H}:x=0:y=0:color=black"

それでも容量が多い場合は、2つのgifアニメに2分割する方法があります。

スポンサーリンク

ScreenToGifの分解・分割・わける

gifが長いため2分割する必要がある場合もあるかと思います。実際にテストしたところ、いくつかのコマンドの組み合わせでうまくいくことがわかりました。

  1. 「以前を削除」、「以後を削除」で不要なフレームを削除します。1本目の動画を作成します。
  2. 落ち着いて保存します。
  3. ホームにある「元に戻す」、あるいはすべてのアクション内容をリセットするボタンで「リセット」 削ったフレームが元どおりになります。
  4. 「以前を削除」、「以後を削除」で不要なフレームを削除します。2本目の動画を作成します。
  5. 落ち着いて保存します。

この繰り返し動作で何本かのgifに分割できます。

なお、この作業を行う前に、バックアップとして事前に全体のフレームを保存することにしています。ソフトが強制終了する可能性もありますから。

ScreenToGifのリサイズ

撮影時からリサイズが必要な場合もあるますよね。

画像 > リサイズ

インポート時もリサイズができます。

ScreenToGifのモザイク処理

モザイク処理までできるんですね。すごい。

画像 > 難読化

あまり詳しく試していないため、あとはお試しください。範囲指定してモザイクをかけて、次は時間の尺を決める流れのような気がします。

ScreenToGifのFAQ

ScreenToGifの公式サイトは?

公式サイトはこちらです。

ScreenToGif - Record your screen, edit and save as a gif or video
Free screen recorder tool. Record, edit and save as a gif or video.

ScreenToGifはapngをサポートしている?

ScreenToGifはapngをサポートしています。

ScreenToGifのインポートはすごい!

撮影した動画ではなく既存のmp4やgifもインポートできます。

ファイル > ロード

ScreenToGifはインポートもすごいと思います。

  1. インポート時にフレームレートの指定
  2. インポート時にリサイズの指定
  3. 不要なフレームを削除
  4. 出力する際もffmpegを使ったり、エンコードで減色したりできます。

大きなmp4ファイルを普通にgifに変換すると、60932kbだったのですが、ScreenToGifでコンバートすると1593kbまで圧縮することに成功しました。もちろん、もっと軽くも余裕でできますね。

AndroidやiPhone、iPadで撮影した動画はmp4のため便利です。ScreenToGifはよくできたソフトなので、ついScreenToGifを介したくなるかもしれませんね。

ScreenToGifのgifのインポートとエクスポート!

ScreenToGifはgifのインポートもできます。リサイズ等もできますので便利です。

ちょっと詳しく調べていませんが、エンコーダー2で出力すると黒背景がついてしまうようです。。透明で抜きたい場合はffmpegで書きだすと透明になります。

ScreenToGifのインポートの尺が切れる!!

インポート時に最後の尺がきれることがありました。

まず、インポート時に何のインポーターを選択するかによって多少尺が変わるようです。ffmpegよりmediaPlayerの方が尺が長く設定されました。
しかし、それでも切れる場合があります。あらかじめ前後の尺に余裕を持つようにしましょう。残念ながら今のところ解決方法は見当たりませんでした。

ScreenToGifは拡張子movをインポートできない!

残念ながらmovはインポートできないためコンバートする必要があります。オンラインコンバーターACONVERTはmovからmp4の変換ができます。オプションでビデオサイズ、ビット率、フレームレート、アスペクト比なども変換できます。

mov-to-mp4です。

MOV MP4 変換 - ビデオファイルをオンラインで変換する
MOV MP4 変換 - 無料でオンラインMOV(QuickTime File Format)ファイルをMP4(MPEG-4 Part 14)ファイルに変換する - ビデオをオンラインで変換する。

他にもACONVERTはmp4からgifに変換できます。オンライン版では機能が充実していますし、わかりやすいです。mov-to-gifです。

MOV GIF 変換 - ビデオファイルをオンラインで変換する
MOV GIF 変換 - 無料でオンラインMOV(QuickTime File Format)ファイルをGIF(CompuServe Graphics Interchange Format)ファイルに変換する - ビデオをオンラインで変換する。

変換後に削除もできるため心配がいりません。

EZGIF.COMなどScreenToGif以外のオンラインgif作成サービス

gif生成サービスはいろいろとあります。

オンラインなら、iLoveIMG、Compressor.io、EZGIF.COMなどです。EZGIF.COMは減色で有名です。

Animated GIF editor and GIF maker
Easy to use online animated GIF maker and image editor. Upload and edit GIF images for free. Create, crop, resize, reverse, optimize and split animated GIFs, cu...

AZ スクリーン レコーダーとScreenToGifと連携が便利

Android撮影アプリ「AZ スクリーン レコーダー」とScreenToGifの連携が便利です。

AZ スクリーン レコーダー

AZ スクリーン レコーダー

AZ Screen Recorder無料posted withアプリーチ

「AZ スクリーン レコーダー」のファイル出力がmp4のため、Dropsyncでdropboxにアップロード後、ScreenToGifで読み込んで加工しています。

AZ スクリーン レコーダーの使い方

AZ スクリーン レコーダーの使い方はやってみるとすぐわかるレベルですが停止方法がやや迷うため、そこだけ解説しておきます。

デフォルトの「通常バーをタップして停止」は最後に余計な動画が入ってしまいます。そこであとから余計な編集を行わなくていいようフリックで撮影終了をするに設定します。

設定アイコン > 停止オプション > フリックで止める > シェイクして停止

他には「画面オフで停止」も使えるかもしれません。

iphone/ipadとScreenToGifと連携が便利

ipad標準搭載の撮影方法「画面収録」とScreenToGifの連携が便利です。

「画面収録」のファイル出力がmp4のため、Dropboxにアップロード後、ScreenToGifで読み込んで加工しています。

iphone/ipadの録画方法

iphoneやipadの撮影方法も簡単に解説しておきます。

設定 > コントロールセンター > コントロールをカスタマイズ > 画面収録 を追加する

すると、コントロールセンターに録画ボタンが追加されます。

iOS11以降実装された機能です。

コントロールセンター > 「録画」ボタン

3秒経つと録画が開始

停止する方法は以下のとおりです。

録画中赤いバーが表示されるため、タップ

もしくは

コントロールセンター > 「録画」ボタン

をもう一度押します。

長押しで音声の収録も可能です。コントロールセンターの「◎」ボタンをタップせず長押し(プレス)すると出現します。

保存場所は写真があるいつものとおりの場所です。

MACの録画機能とコマンドラインのあわせ技もある

長くなっため別記事にしました。最近はScreenToGifよりこちらの方法を使っていますね。Macがある方はどうぞ。

【macで録画】ffmpegでgifが汚いを避けるためpngパレットを使う!
macで録画、ffmpegでgif生成の方法をまとめておきます。 macで録画ffmpegでgif生成 iPhoneやMacの画面を録画する方法 iPhoneはyosemite以降、Macと接続して録画できます。 Mac...

個人的に使っているものは?

gif生成はどのサービスがおすすめなの?

ScreenToGifを使うか、もっと精度をあげたいときは、コマンドプロンプト上でffmpegとimagemagickの合わせ技です。

ITが得意な人やエンジニア向けになってしまうのかもしれませんが、慣れれば結局コマンドの方が楽なのかもしれません。gif生成は結構奥が深いですね。

詳細はこちらの記事になります。

【macで録画】ffmpegでgifが汚いを避けるためpngパレットを使う!
macで録画、ffmpegでgif生成の方法をまとめておきます。 macで録画ffmpegでgif生成 iPhoneやMacの画面を録画する方法 iPhoneはyosemite以降、Macと接続して録画できます。 Mac...

ScreenToGifは初心者におすすめの方法です。

動画編集ソフト比較 最良はDaVinci Resolve!?

動画編集ソフトとしてはScreenToGifよりDaVinci Resolveを使うことが最近多いです。Youtube向けの動画が簡単に作れます。またYoutubeぐらい無料版でOKです。

撮影だけScreenToGifで行い、そのあと、編集はDaVinci Resolveで行う方法もあることを覚えておきましょう。

こちらの記事内で詳しく解説しました。

動画編集/プログラミング/資産運用などUdemyのおすすめコース
プログラミング、動画編集、資産運用などudemyのすべて実経験でおすすめコースをまとめていきます。Udemyは日本に来る前から愛用しています。 udemyはセールがあるため、とりあえず会員登録してお気に入りに登録しておくことがおすすめ...

参考になれば幸いです。

スポンサーリンク
PC・ソフトウェア・ブラウザ
neruをフォローする
スポンサーリンク
ebookbrain

コメント

タイトルとURLをコピーしました