個人的な覚書を兼ねていますが、ScreenToGifの使い方を解説していきます。
普通の使い方を解説してくれているサイトはたくさんあるため、その解説は簡単にとどめ、ffmpegでmp4出力、gif分割、ipadやandroidアプリと連携してインポートなどもう少しマニアックな使い方を解説しますね。
目次
- 1 ScreenToGifの普通の使い方
- 2 ScreenToGifの最近のプロジェクトが便利
- 3 ScreenToGifのエンコーダー
- 4 ScreenToGifのffmpegでmp4出力/ffmpegでgif作成
- 5 ScreenToGifの分解・分割・わける
- 6 ScreenToGifのリサイズ
- 7 ScreenToGifのモザイク処理
- 8 ScreenToGifのFAQ
- 9 ScreenToGifのインポートはすごい!
- 10 AZ スクリーン レコーダーとScreenToGifと連携が便利
- 11 iphone/ipadとScreenToGifと連携が便利
- 12 結局、gif生成はどのサービスがおすすめなの？個人的に使っているものは?
ScreenToGifの普通の使い方
起動 > レコーダー > サイズを決める(リサイズは後ほど可能なので撮りたい画面に枠をおさめる) > 画面右下の[●録画]
横幅などのサイズ設定が数字で直打ちできるところがよいです。
録画ボタンをおすため、録画ボタンから録画したい場所までマウスを移動します。その間、どうしても最初に不要なフレームができます。止めるときも同様です。つまり、必ず前後のフレームをカットするという作業が必要でしょう。
編集 > フレームを選択 > 以前の削除
同様に終了フレームもカットします。
編集 > フレームを選択 > 以後の削除
編集が終わったら保存します。
ファイル > 名前をつけて保存(エンコーダーの設定はのちほど解説。)
ファイル名が同じ場合は上書きのチェックをいれましょう。
ScreenToGifの最近のプロジェクトが便利
エディター > ファイル > 最近のプロジェクト
デフォルトでは5日間ぐらい自動バックアップを取っているようです。ソフトを終了させても復帰できます。この機能は便利です。
ScreenToGifのエンコーダー
エンコーダーの設定は考えるところになりますね。テスト結果は以下のようになりました。
- エンコーダー１.0：綺麗だけど容量が大きい
- エンコーダー2.0：普通で容量が小さい
- FFmpeg：FFmpegは昔から有名なコーディック。FFmpegのダウンロードが必要(無料)、綺麗で容量が小さい、noteにアップロードするとなぜかエラーがでることが多いっぽいのが残念
- Gifski：試していない
エンコーダー2.0とFFmpegはどちらが容量が小さいかですが、ものによって変わります。エンコーダー2.0は色数を指定できます。色数は結構容量が変わります。エンコーダー１.0は確実にかなり容量が多いです。
ScreenToGifのffmpegでmp4出力/ffmpegでgif作成
インストール
ffmpegは別ソフトのためインストールしないと使えません。
しかし、ffmpegのインストールはScreenToGif上から簡単にできます。直リンクが張られているようです。
保存する際にコーディックがないと言われるので、そのフローからダウンロードするか設定画面からもいけます。ffmpeg.exeをダウンロードしてパスを通す形ですね。クリックすると勝手にできあがるためまったく難しくありません。
設定画面から行く方法は以下のとおりです。
起動 > オプション > 外部ツール
コマンドプロンプトによるインストールではありません。
ソフト上に簡単にインストールできるよう流れをつくってくれているため、初心者にもおすすめです。あとは保存するだけでOKです。
インストール後の変更点
保存する際の選択肢が増えるわけですね。
中級者向きに保存する際にカスタマイズ設定もあるようです。デフォルトは以下のとおりになっています。
-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本目の動画を作成します。
- 落ち着いて保存します。
- ホームにある「元に戻す」、あるいはすべてのアクション内容をリセットするボタンで「リセット」 削ったフレームが元どおりになります。
- 「以前を削除」、「以後を削除」で不要なフレームを削除します。2本目の動画を作成します。
- 落ち着いて保存します。
この繰り返し動作で何本かのgifに分割できます。
なお、この作業を行う前に、バックアップとして事前に全体のフレームを保存することにしています。ソフトが強制終了する可能性もありますから。
ScreenToGifのリサイズ
撮影時からリサイズが必要な場合もあるますよね。
画像 > リサイズ
インポート時もリサイズができます。
ScreenToGifのモザイク処理
モザイク処理までできるんですね。すごい。
画像 > 難読化
あまり詳しく試していないため、あとはお試しください。範囲指定してモザイクをかけて、次は時間の尺を決める流れのような気がします。
ScreenToGifのFAQ
ScreenToGifの公式サイトは?
公式サイトはこちらです。
ScreenToGifはapngをサポートしている?
ScreenToGifはapngをサポートしています。
ScreenToGifのインポートはすごい!
撮影した動画ではなく既存のmp4やgifもインポートできます。
ファイル > ロード
ScreenToGifはインポートもすごいと思います。
- インポート時にフレームレートの指定
- インポート時にリサイズの指定
- 不要なフレームを削除
- 出力する際もffmpegを使ったり、エンコードで減色したりできます。
大きなmp4ファイルを普通にgifに変換すると、60932kbだったのですが、ScreenToGifでコンバートすると1593kbまで圧縮することに成功しました。もちろん、もっと軽くも余裕でできますね。
AndroidやiPhone、iPadで撮影した動画はmp4のため便利です。ScreenToGifはよくできたソフトなので、ついScreenToGifを介したくなるかもしれませんね。
ScreenToGifのgifのインポートとエクスポート!
ScreenToGifはgifのインポートもできます。リサイズ等もできますので便利です。
ちょっと詳しく調べていませんが、エンコーダー2で出力すると黒背景がついてしまうようです。。透明で抜きたい場合はffmpegで書きだすと透明になります。
ScreenToGifは拡張子movをインポートできない!
残念ながらmovはインポートできないためコンバートする必要があります。オンラインコンバーターACONVERTはmovからmp4の変換ができます。オプションでビデオサイズ、ビット率、フレームレート、アスペクト比なども変換できます。
変換後に削除もできるため心配がいりません。
他にもACONVERTはmp4からgifに変換できます。オンライン版では機能が充実していますし、わかりやすいです。
AZ スクリーン レコーダーとScreenToGifと連携が便利
Android撮影アプリ「AZ スクリーン レコーダー」とScreenToGifの連携が便利です。
「AZ スクリーン レコーダー」のファイル出力がmp4のため、Dropsyncでdropboxにアップロード後、ScreenToGifで読み込んで加工しています。
AZ スクリーン レコーダーの使い方
AZ スクリーン レコーダーの使い方はやってみるとすぐわかるレベルですが停止方法がやや迷うため、そこだけ解説しておきます。
デフォルトの「通常バーをタップして停止」は最後に余計な動画が入ってしまいます。そこであとから余計な編集を行わなくていいようフリックで撮影終了をするに設定します。
設定アイコン > 停止オプション > フリックで止める > シェイクして停止
他には「画面オフで停止」も使えるかもしれません。
iphone/ipadとScreenToGifと連携が便利
ipad標準搭載の撮影方法「画面収録」とScreenToGifの連携が便利です。
「画面収録」のファイル出力がmp4のため、Dropboxにアップロード後、ScreenToGifで読み込んで加工しています。
iphone/ipadの録画方法
iphoneやipadの撮影方法も簡単に解説しておきます。
設定 > コントロールセンター > コントロールをカスタマイズ > 画面収録 を追加する
すると、コントロールセンターに録画ボタンが追加されます。
コントロールセンター > 「録画」ボタン
3秒経つと録画が開始
停止する方法は以下のとおりです。
録画中赤いバーが表示されるため、タップ
もしくは
コントロールセンター > 「録画」ボタン
をもう一度押します。
長押しで音声の収録も可能です。コントロールセンターの「◎」ボタンをタップせず長押し(プレス)すると出現します。
保存場所は写真があるいつものとおりの場所です。
結局、gif生成はどのサービスがおすすめなの？個人的に使っているものは?
個人的にはScreenToGifを使うか、もっと精度をあげるためにコマンドプロンプト上でffmpegとimagemagickの合わせ技です。
gif生成は結構奥が深いですね。ITが得意な人やエンジニア向けになりますが、ffmpegとimagemagickの合わせ技はまた別の機会に紹介しますね。
ScreenToGifは初心者からおすすめの方法です。
おまけ EZGIF.COMなどScreenToGif以外のオンラインgif作成サービス
gif生成サービスはいろいろとあります。
オンラインなら、iLoveIMG、Compressor.io、EZGIF.COMなどです。EZGIF.COMは減色で有名です。
おまけ iPhoneやMacの画面を録画する方法
iPhoneはyosemite以降、Macと接続して録画できます。
MacはMojave以降、画面の録画ができます。Appleが簡単に解説してくれています。
そのあと、picgif lite(未検証だけどたぶんffmpegじゃない?)、コマンドラインでffmpeg(編集できない)で変換となります。仮想環境のParallels DesktopがあればScreenToGifを使ってもよいです。
FF MpegのMACのインストール
ターミナルを起動し、インストール。
$ brew install ffmpeg
バージョン確認。
ffmpeg -version
変換。
$ ffmpeg -i test.mov -vf scale=1280:-1 -r 10 test.gif
なお、FF Mpegでフレームのトリミングもできますけど、ちょっと面倒くさいです。Parallels Desktopが入っているため、ついmp4に変換し、ScreenToGifを使ってしまいます。
動画編集比較
こちらの記事内で詳しく解説しました。
参考になれば幸いです。
コメント