無料会員制サイト

動画からGifアニメを作成するオンライン無料サービス

Gifアニメーション

あなたは、こんな事で困った事はありませんか?

読者に分かりやすく伝えるために動画を作成してYoutubeにアップしたい。

しかしアフィリエイト初心者にとっては、動画編集は意外にハードルが高かったりします。

そんな時に活躍してくれるのがGifアニメーションです。

Gifアニメーションの効果的な使い方
  • 動画をGifアニメーションに変換して記事に貼り付ける
  • サービス説明をキャプチャーした画像をGifアニメーションに変換
  • 商品のイメージを伝えるためにGifアニメーションを使用する

今回はオンラインサービスでGifアニメーションを作成し、読者が理解しやすい記事の書き方について紹介していきます。

キャプチャー画像

最初に紹介するのはキャプチャー画像をGifアニメーションに変換するサービス。

Gifアニメーション無料オンラインサービス
  1. サイト名もズバリ「アニメーションGIFを作ろう!」
  2. 万能画像加工サービス「バナー工房」

以上2つのサービスを紹介していきます。

Gifアニメを作成する前に画面キャプチャーをしよう

最初に画像を用意しなければなりません。

例えば何かのサービスを紹介するために、画像をキャプチャーする必要があります。

画像をキャプチャーするソフトは以前に紹介したWin Shotを使いましょう。

Win Shot の設定方法
ソフト起動

  1. Win Shot を起動しましょう
  2. タスクバーのアイコンを右クリックしてください
  3. 環境設定をクリックすると環境設定画面が表示されます
  4. 環境設定から「その他の設定」をクリック
連続キャプチャー設定
連続キャプチャー

  1. プレビュー表示「矩形範囲指定」を選択
  2. 時間差キャプチャーの設定をしてください
  3. 設定画面を一度閉じてください
  4. タスクバーアイコンを右クリックして「定期実行キャプチャー」を選択
  5. 保存先を設定してください
  6. 前回の矩形「設定」をクリックしてください
  7. キャプチャーしたい矩形範囲指定を指定して開始をクリック

以上で3秒毎(今回の設定)に画面がキャプチャーされます。

終了したいときは「F11」キーをクリックしてください。

キャプチャーされた画像が連番で先程指定したフォルダに保存されています。

これで準備は整いました。
キャプチャー画像をGifアニメに変換しましょう。

「アニメーションGIFを作ろう!」でGifアニメ作成

アニメーション変換結果

上の画像が今回作成したGIFアニメーションの画像になります。

それではGifアニメーションを作成してみましょう。

サイトにアクセス
アクセス

出典:「アニメーションGIFを作ろう!」

無料で登録不要、画像は最大で30枚までアップロードできます。

画像を追加していこう
画像の追加

キャプチャーした画像を番号順にアップロードしていきましょう。

表示する時間は1枚ごとに個別で指定できます。

設定方法
Gifアニメーション設定

  1. ここで表示する時間を一括で設定する事ができます
  2. リピート回数は「0」に設定すると無限にループします
  3. 画像のサイズを指定する事もできます
  4. 設定が終わったら「アニメーションGIF画像作成」をクリック
  5. 完成したGIFアニメを右クリックして保存してください

注意点としてはアップロードする画像の順番を間違えないことです。

間違えてしまうと完成したGIFアニメーションもおかしな事になってしまいますので。

バナー工房でGifアニメーションを作成してみよう

知らない人はいないくらい有名な「バナー工房」で、今回はGifアニメーションを作成してみました。

バナー工房にアクセス
バナー工房

出典:バナー工房

バナー工房で追加できる画像の総容量は「20MB」までです。

最大で40枚の画像がアップロードできます。

使い方は非常にシンプル
使い方

  1. 一枚一枚順番を間違えずに画像をアップロード
  2. アップロードが終了したら一番下「GIFアニメを作成」クリック
  3. GIFアニメが完成したら「ダウンロード」をクリック
  4. GIF画像を任意の場所に保存してください

非常にシンプルで動作も軽い印象でした。
バナー工房はサービスが充実していますので、GIFアニメが完成したらトップページも見るようにしてください。

色々なサービスがありすぎて目移りしそうです。

以上、バナー工房の紹介でした。

動画をGIFアニメーションに変換するサービス

Gifアニメーション変換サービス

長い動画の一部だけ紹介したい。
そんな時に活躍してくれるのが、動画をGifアニメーションに変換してくれるサービスです。

10分以上の動画をGifアニメーションに変換するのは現実的ではありません。

あくまでワンポイントで使用するようにしてください。

今回紹介するGifアニメーション変換サービス
  1. gifs
  2. EZGIF.COM

どちらも無料で登録も不要で使用できますが「gifs」は有料版もあるようです。

それでは最初に「gifs」から紹介していきます。

「gifs」で動画をGifアニメーション変換

動画変換以外にも「gifs」には色々なサービスがありますが、今回は動画をGifアニメーション変換する方法だけを紹介します。

「gifs」にアクセス
gifs

出典:https://gifs.com/

  1. 最初にアクセスしましょう
  2. 変換したい動画をドラッグ・アンド・ドロップ
  3. Gifアニメーションへの変換が始まります
Gifアニメーション変換
アニメーション変換結果

さきほど紹介したキャプチャー画像をGifアニメーションしたのが上の画像です。

  1. 動画をアップロードすると変換が始まります。
  2. プレビュー画面が表示されたら左上の「Create Gif」をクリック
  3. 途中、変な画面が表示されますが閉じてください
  4. 動画からGifアニメーションに変換が完了しました
リンクの方法
ダウンロード

  1. 「Optimized Link 」直接「gifs」のページが表示されます
  2. 「Direct Link」画像としてページに貼り付けることができます
  3. 「Embed」動画のように「ifram」で表示されます
  4. 「Responsive」レスポンシブ対応の「ifram」
  5. 「Play Sound」個人的には非推奨です
  6. 「Remove Logo」ロゴ削除は有料プランのみです
  7. 「DOWNLOAD」ログインしないと出来ないようです
動画のようなGifアニメーション

出典:https://gifs.com/

Gifアニメーションの見本です。

まるで動画を見ているのと変わりませんね。

これは「iframe」で表示してありますので、音声も再生することができます。

侍仕事塾のオープニング

侍仕事塾のオープニングテーマをGifアニメーションに変換してみました。

こちらも「iframe」で表示してありますので、音声も再生することができます。

「Direct Link」
Gifアニメーション

「iframe」ではなく「Direct Link」で表示したのが上の画像です。

この場合は音声は出力されません。

以上が「gifs」の紹介でした。

広告表示は我慢しましょう。
ほとんど動画と見間違える程の出来栄えですので文句は言えませんね。

画像関連総合サービスの「EZGIF.COM」

今回は動画をGifアニメーションに変換する方法について紹介していますが、「EZGIF.COM」はそれ以外にも様々なサービスがあります。

「EZGIF.COM」主なサービス一覧
  1. 「GIF Maker」Gifアニメーションの作成
  2. 「Video to GIF」動画からGifアニメーションに変換
  3. 「Resize」Gifアニメーションをリサイズ
  4. 「GIF Optimizer」Gifアニメーションの容量を圧縮
  5. その他にも色々なサービスがあります
「EZGIF.COM」にアクセス
EZGIF.COM

出典:「EZGIF.COM」

  1. メニューから「Video to GIF」をクリック
  2. 動画をアップロード「Max file size: 120MB 」
  3. 「参照」から動画ファイルを選択して「Upload video」クリック
設定画面に切り替わります
設定画面

  1. 画像をスクロールすると設定項目があります
  2. 設定が完了したら「convert to GIF」をクリック
Gifアニメーションに変換が終了
Gifアニメーション変換終了

  1. 変換が終了すると上の画面が表示されます
  2. 様々なエフェクトがありますが今回は無視
  3. 「save」をクリックして画像を保存してください
変換されたGifアニメーション
Gifアニメーション

画像のように動画からGifアニメーションに変換されました。

音声はありませんが、かなり滑らかな動きで個人的には満足です。

この「EZGIF.COM」というサービスはかなり使えますので、余裕がある時に色々と試してみてください。

以上で「EZGIF.COM」の紹介は終了です。

Gifアニメーションまとめ「画像容量」には注意を!

画像容量に注意

今までGifアニメーションに関するサービスを紹介してきましたが、Gifアニメーションは画像容量が大きくなりがちです。

あまり使いすぎると表示速度にも影響しますし、記事のあちらこちらで画像が動いているのも気持ちの良いものではありません。

適材適所、
これだけは充分に注意して使用するようにしましょう。

使い方さえ間違えなければ、非常に有効な手段になるのではないでしょうか?

今回も長々と書いてしまいましたが、最後まで読んでいただいて感謝です。

ありがとうございました!

あなたも正しい方法でメルマガ始めてみませんか?

前代未聞の超絶価格破壊。こんな価格で会員制サイトが作成できるなんて!

“動画からGifアニメを作成するオンライン無料サービス” への2件のフィードバック

  1. Riri より:

    動画よりもGIFアニメーションのほうが簡単なんですね!
    とても詳しく解説くださっているので、
    今度是非試してみたいと思います☆

    • さっとまん より:

      Ririさんへ
      コメントありがとうございます。
      Gifアニメはアイディア次第で色々な場面で使用できると思います。

      Gifアニメを使って素敵な記事を書いてください!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください