当サイトは広告が含まれています

【3分で作るGIFアニメ】キャプチャから画像・文字入れの編集まで

【3分で作るGIFアニメ】ScreenToGifの使い方

こんにちは、ikuzo(いくぞう)です。

今回はブログなどに使えるGIFアニメの作り方を紹介します。

先日、当サイトの別記事で作ったGIFアニメがこちらです。

ホバー時にメニューにアンダーラインが出てくる

作ったといってもデスクトップ上の動きをGIF形式でキャプチャ(取り込んで保存)しただけですが、

ただの画像よりも動きが分かりやすいので、作り方を覚えておくと何かと便利だと思います。

それでは早速いってみましょう!

スポンサーリンク

GIFアニメを作るなら「ScreenToGif」がおすすめ

GIFアニメを作るためのキャプチャツールは「ScreenToGif」がおすすめです。

以前は別のパソコンで「GifCam」というツールを使っていましたが、今のパソコンでダウンロードしようとしたら、こんな表示がでてきました。

「WindowsによってPCが保護されました」という画面

おそろしいですね。ビビリなので何か別のいいツールがないか探したところ、

Microsoft Storeで配布されていた「ScreenToGif」というツールを発見しました。

GIF形式キャプチャツール「ScreenToGif」

Microsoft Storeで配布されているなら安心ですし、評価もかなりいいソフトです。

ScreenToGifの評価(4.6)

スポンサーリンク

ScreenToGifの使い方

画面をキャプチャ(録画)する

ScreenToGifをダウンロードして起動させるとこのような画面が出てきます。

ScreenToGifの起動画面

GIF形式で画面を取り込むには「レコーダー」を押します。

ScreenToGifの「レコーダー」を押す

すると、ScreenToGifのウィンドウが現れます。

「ScreenToGif」のウィンドウ

録画したい画面の上にウィンドウを移動して、キャプチャしたい大きさにウィンドウを調整します。

ウィンドウの内側が録画エリアで、大きさは枠をドラッグするか、数字を入力して変更します。

ウィンドウの大きさは枠をドラッグするか、数字を入力して変更する

あとは毎秒何フレームにするかを設定して「録画」ボタンを押すとキャプチャが始まります。

録画ボタンを押してキャプチャ開始

録画をやめたいところで「停止」ボタンを押します。

録画エリアが大きかったり、フレーム数が多くなるほど録画したGIFアニメのファイルサイズも大きくなるので注意して下さい。

編集① ファイルサイズを小さくする

「停止」ボタンを押すと編集画面に遷移します。

ScreenToGifはキャプチャするだけでなく、編集もできるところが素晴らしいですね。

ScreenToGifの編集画面

録画したGIFアニメは編集せずに「ファイル」タブにある「名前を付けて保存」を押してそのまま保存することも可能ですが、

録画したGIFアニメは「名前をつけて保存」を押して保存する

保存したあとで思ったよりもファイルサイズが大きい場合は、フレーム数を減らしてファイルサイズを下げることも可能です。

フレーム数を減らすには「フレーム操作」タブの「フレーム数削減」を押します。

フレーム数を減らすには「フレーム数削減」を押す

例えばここで「枚数」と「削除数」をそれぞれ「1」にして「適用」を押すとフレーム数が半分になります。

GIFアニメのフレーム数を半分にした

フレーム数を減らすと当然ながらGIFアニメの滑らかさは減少しますが、どんな動きになるかは「再生制御」タブの「再生」を押すと確認できます。

GIFアニメを再生して動きを確認する

あとはフレームをひとつ選択して、それよりも前や後ろのフレームを全て削除することも可能です。

フレームを選択して、それよりも前や後ろのフレームを全て削除する

どちらも「ホーム」タブの「リセット」を押すと元に戻るので、どんどんやってみるといいと思います。

「ホーム」タブの「リセット」

編集② 文字や画像の挿入

GIFアニメに文字を入れるには「画像編集」タブの「テキスト入力」を使います。

「画像編集」タブの「テキスト入力」を使ってGIFアニメに文字を入れる

画像を追加するには「透かし」を押してファイルを選択します。

画像を追加するには「透かし」を押してファイルを選択する

しかし画像の回転ができなかったり、いまいち使い勝手が良くないので、

文字や画像の追加については別のツールを使った方がいいかもしれません。

おすすめは、Gifntext.comというWebツールです。

GIFアニメ編集ツール「Gifntext.com」

メニューの一番上にあるボタンを押すと文字の挿入ができます。

GIFアニメに文字を入れる

Gifntext.comのテキスト編集画面

画像の挿入も可能です。

GIFアニメに画像を挿入する

挿入した画像は角度を変えることが可能

編集が終わったら「GENERATE GIF」を押します。

編集が終わったら「GENERATE GIF」を押す

少し待つと編集したGIFアニメが完成するのでダウンロードを押します。

編集したGIFアニメをダウンロードする

エラーが起きる場合もありますが、その場合は表示されたURLを別タブなどで開いてGIFアニメを保存しましょう。

表示されたURLを別タブなどで開いてGIFアニメを保存する

適当に作ったものですが、こちらが完成したGIFアニメです。

完成したGIFアニメ

やってみるととても簡単です。ぜひ素敵なGIFアニメを作ってみて下さい。

コメント