*

動画からアニメーションgifへ自動で変換してくれるフリーソフト「動画GIF変換」

公開日: : 最終更新日:2017/01/16 ネットショップ, フリーソフト

gif-movie

gif と言えば透過に対応した画像形式の一つですが、gif はアニメーションにも対応しています。ただの画像でありながらパラパラ漫画の要領で動く画像が作れるわけです。アニメーション gif はインターネット上で動画が普及していない頃から比較的軽量にアニメーションを実現できる手段として使われてきました。

そしてインターネットも高速になり動画も普及した現在においても、アニメーション gif は廃れる事無く残っています。それは動画を見る為にはプラグインだのコーデックが必要な場合もありますし、見る人が再生ボタンを押さなくては動画は再生されません。アニメーション gif は最も簡単に動きを見せる事ができる画像です。動画にはこの手軽さはありません。

ネットショップ業界では今でも積極的にアニメーション gif を活用しています。静止画ではわかりにくい事でも簡単な動きがあれば多少はわかりやすくなる事があります。閲覧者に動画を再生させる事はハードルが高いですが、アニメーション gif なら見るだけで勝手に再生させるので商品の良さを訴求するには有効な手段です。

gif アニメーションはパラパラ漫画と同じ要領ですから一から作るのは大変です。複数の画像を用意してつなぎ合わせるのです。動画からアニメーション gif が作ることができればいいのに…。そんな事を思ったことはありませんか?

動画からアニメーションgifを作る方法

実は動画からアニメーション gif を作る事は可能です。その為には以下のフリーソフトを使います。

動画 GIF 変換 – 無料で動画からアニメGIFを作成

動画をわざわざ短くしなくてもアニメーション gif にしたい所をカットする機能を備えていたり、解像度、フレームレート調整、明るさ調整、切り抜き機能まで備えた高機能です。日本語にも対応しておりわかりやすいフリーソフトです。

使い方

gif-movie2

これがソフトを起動した時の最初の画面です。ファイルを追加ボタンをクリックしてアニメーションgifにしたい動画を選択しましょう。MP4/AVI/MOV/WMV/FLV/M4Vなど様々な動画形式に対応しています。

gif-movie3

動画を読み込んだ状態です。このまま変換すると動画全てがアニメーション gif となってしまうので必要な部分だけをカットします。カットボタンをクリックしましょう。

gif-movie4

赤枠部のスライダーを動かして動画の必要な部分を指定します。そして確認ボタンをクリックします。

gif-movie5

するとカットした動画が生成されました。アニメーション gif にする動画は左側にチェックボックスにチェックが入っていますが、元動画のチェックは外しておきましょう。(赤枠部)

次に緑色のスパナボタン(青枠部)をクリックして設定を変更します。

gif-movie6

主に設定する箇所は、「フレームレート・解像度・ループアニメーション」の3点です。

まず、フレームレートは動画の滑らかさの指標です。数値が高ければ元動画に近い滑らかさになりますが、あまりフレームレートが高いとアニメーション gif の容量も大きくなってしまいます。おおよそ10fpsもあれば十分でしょう。

解像度はアニメーションgifのサイズです。元動画の解像度のままアニメーション gif を作ってしまうと当然容量も大きくなってしまいます。容量を抑える為に仕上がりサイズを小さくします。

最後にループアニメーションは、アニメーションgifを最後まで再生したら最初に戻るかどうかの設定です。最初に戻してループ再生したい場合はチェックを入れましょう。

そして確認ボタンをクリックします。

gif-movie7

最後に変換ボタンをクリックするとアニメーション gif への変換が始まります。

gif-movie8

動画からアニメーション gif を作る事ができました!

おわりに

動画からアニメーションgifを作れると手間も時間も圧倒的に削減できます。ネットショップでより商品を訴求する為にまだ gif を取り入れていないのであれば商品ページに取り入れる事を検討してみてはいかがでしょうか。

上部広告

  • Pocket

おすすめトピックス

関連記事

楽天会社概要
楽天ショップ会社概要ページもCSSを使って若干のデザイン付けが可能です

楽天ショップで買い物しようとするとき、送料や支払い方法、納期、利用規約等を調べるために会社概要ページを見る事もあると思います。 その会社概要ページ、字ばかりでダラダラと書き連ねられており読むのも辛いほど読みづらい構成とな […]

線画に変換
写真や画像から綺麗なベクター線画に変換してくれるツールが便利

「この画像から線画にできる?」 この前そんな事を言われました。その画像とはある物の設計図のようなものでした。線画に出来るか?と問われれば出来ます。Adobe Illustrator で縁をなぞって線を書けばいいわけです。 […]

メール
楽天メルマガR-Mailが週1回なら配信無料に!2015年9月から(※条件付)

楽天の各ショップから送る事ができるメールマガジン(R-Mail)が2015年4月から配信が有料になりました。お客様が求める最適なメールマガジンが届くような環境づくりの為の有料化でしたが、ここにきて手のひらを返したかのよう […]

楽天ショップのカテゴリページで売り切れ商品を表示しないリンク方法

楽天ショップで商品の種類ごとにまとめられたカテゴリページというものがあります。楽天で買い物をした事がある人なら一度は目にした事があるでしょう。あるカテゴリに属する商品を一覧で見る事ができるので便利です。 そのカテゴリペー […]

ダンボール
楽天の商品ページの納期情報の文字色やサイズを変更する方法

「楽天商品ページにある納期情報の文字色変えれる?」 突如放たれるその言葉。全く無茶を言ってくれますねと思いつつも、試行錯誤を始めます。試しに google で検索しても特に情報はありません。しかし、google の検索予 […]

カートボタン
2015年末版、楽天の商品ページのカートボタンを画像にしてクリックしやすくしよう

楽天と言えば有名なショッピングモールの一つです。楽天で買い物をした事がある方もいらっしゃるでしょう。 ネットショップで買い物をする場合、商品ページを見て内容に納得してほしいと思ったら「カートに入れる」ボタンを押すのが普通 […]

上部広告

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

上部広告

       
スマートフォン
僕はそっとWordPressのAMPをやめた

AMP とは、Google が中心となって進める Accele

安全靴
カジュアルで疲れにくく痛くない!安くて履きやすいおすすめ安全靴【喜多】

倉庫や工場、建設業の方ならお馴染みの物かと思いますが、安全靴と

CapsLockキー
CapsLockキーにイライラ、いらないので無効化してさしあげた

キーボードの CapsLock キーって知ってますか?あなたの

AMP
WordPressを簡単にAMPに対応するテーマやテンプレートを紹介

ウェブサイトの SSL 対応と同様に、いずれ AMP にも対応

Photoshopで写真の一部の色を変える色の置き換え機能の使い方

この写真のこの部分だけ色を変えたい!この商品画像の色を変えたい

→もっと見る