ScreenToGifについて
下記の画像のように範囲を指定(点線)し録画ボタンを押下することで簡単にGifを作成することができます。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/e5314d65aa02f2072add7b0c2c26f30d.webp)
実際に撮ってみたものが下記Gif
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif.gif)
インストール方法
下記サイトにアクセスして「ScreenToGif」をダウンロードします。
![](https://kanki2kei.com/blog/wp-content/uploads/cocoon-resources/blog-card-cache/04bfb033af655b61fac271ae6492dc66.png)
下記画像の「パッケージ」を選択しダウンロードします。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/af0971f9de0187d6f1ee5ec4d701c471.webp)
ダウンロードした「ScreenToGif.2.38.1.Package.x64.msix」をダブルクリックします。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif12.png)
あとは「インストール」を押下するだけで完了です。
使い方詳細
まず起動すると下記のような画面が起動します。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif1.webp)
画面を録画したい場合は「レコーダー」、編集などをしたい場合は「エディター」を選択します。
筆者はあまり使いませんが「Webカメラ」はWebカメラをGifで録画し、「ボード」は描いた図形や文字などをGif化するモードになります。
設定
最初に「オプション」を開き「レコーダー」設定の一番上にある「新モード」に切り替えます。
※デフォルトで旧モードになっていますが旧モードを使うメリットはあまりないと思います。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif2-1024x784.webp)
右下の「OK」は忘れないようにしましょう。
レコーダーモード
「レコーダー」を選択すると下記画像のようなメニューが開きます。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif3.webp)
左側の秒ごととなっている部分は1秒間に何コマ撮るかを設定できます。
右側の選択で録画する範囲を設定します。今回は例として「エリア」を選択します。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif4-1024x557.webp)
全体がグレーアウトするのでその中から録画する範囲を選択します。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif5.webp)
そうすると白い点線に囲まれたエリアが出てくるのでこの枠の中が録画されるイメージです。
エディターモード
録画を終わらせると強制的に「エディター」モードに移ります。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif6.webp)
上の帯に各種設定、下がタイムラインになっています。ここで選択したフレームにテキストを入れたりgif自体を短くしたり、スローにしたり色々編集することができます。
主に「切り抜き」などを行うには「画像編集」のタブ
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif8.webp)
長さの変更などを行いたい場合は「フレーム操作」
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif10.webp)
追加で録画、書き出しなどを行う場合は「ファイル」のタブを使用します。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif9.webp)
軽く加工してみたものを例として下記に載せます。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif2.gif)
- キャプション
- 進捗
- 影
などを追加するとこのようになります。進捗はわかりやすくていいですね!
名前を付けて保存
続いて書き出しに進みたいと思います。
書き出しは「ファイル」のタブから「名前を付けて保存」を選択します。選択すると下記画像のメニューが画面右側に出てきます。
![](https://kanki2kei.com/blog/wp-content/uploads/2023/09/ScreenToGif11-1.webp)
基本はデフォルトのままでいいと思うのですが1つ変えなければいけないのが「Encoder options」にある「サンプリング」という項目です。デフォルトだと真ん中のあたりになるのですが画像サイズが大きいとよく崩れてしまうので一番左にしたほうがミスが少ないです。
まとめ
これで以上になります。こんな便利なツールがあるならもっと早く気づきたかった…
コメント