YouTubeなどのムービーから簡単にアニメーションGIFを作ってサイトに埋め込める「gifs.com」
![](https://i.gzn.jp/img/2016/05/09/gifs/00_m.png)
YouTubeやVimeoなどのムービーからアニメーションGIFを作成したいときは、ムービーに簡単な編集・加工を施すことができ、また、作成したアニメーションをブログなどに埋め込める「gifs.com」が便利です。gifs.comを使えば、YouTubeのムービーから好きなシーンを指定して、サイトに埋め込むという作業を簡単にすることができました。
gifs.com - Make GIFs from Youtube
https://gifs.com/
![](https://i.gzn.jp/img/2016/05/09/gifs/a01_m.png)
上記のgifs.comサイトで、アニメーションGIFを作成したいYouTubeやVineのムービーURLをテキストボックス内に入力します。今回は、エアレース・パイロットの室屋義秀選手のアクロバット機に同乗したムービーを使ってみました。
![](https://i.gzn.jp/img/2016/05/09/gifs/a02_m.png)
しばらくすると、ムービーの編集画面が表示されます。この画面でアニメーションGIFの簡単な編集が可能です。
![](https://i.gzn.jp/img/2016/05/09/gifs/a03_m.png)
まずは、アニメーションの範囲を時間で指定してみます。画面下の時間の横の「▲」をクリック。
![](https://i.gzn.jp/img/2016/05/09/gifs/a04_m.png)
アニメーションを作りたい範囲を青色のバーの長さをマウス操作で調整すればOK。また、下の「Start Time」と「End Time」で開始時間と終了時間を数字で指定することもできます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a05_m.png)
時間が決まったら、最下部の「Create Gif」をクリック。
![](https://i.gzn.jp/img/2016/05/09/gifs/a06_m.png)
アニメーションが作成されるまで、しばらく待ちます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a08_m.png)
SNSへの投稿を促されますが、とりあえず「No thanks」をクリックしておけばOK。
![](https://i.gzn.jp/img/2016/05/09/gifs/a09_m.png)
こんな感じでアニメーションGIFのページが開きました。
![](https://i.gzn.jp/img/2016/05/09/gifs/a10_m.png)
右にある「gif file」内のテキストをコピーしてブラウザに貼り付ければ……
![](https://i.gzn.jp/img/2016/05/09/gifs/a11_m.png)
アニメーションGIFが再生されました。
![](https://i.gzn.jp/img/2016/05/09/gifs/a12_m.png)
このサムネイルを右クリックして、画像を保存すれば、GIFファイルをダウンロードできます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a13_m.png)
また、「Embed」内のテキストをコピーしてウェブサイトに貼り付けることで、アニメーションGIFを作ったムービーを埋め込むことも可能。
![](https://i.gzn.jp/img/2016/05/09/gifs/a14_m.png)
埋め込むとこんな感じで表示されます。以上の通り、gifsを使えばアニメーションGIFを簡単に作ったり、ムービーをサイトに埋め込んだりできます。
アニメーションGIFは簡単な加工が可能です。編集画面で、「Add Caption」をクリックすると……
![](https://i.gzn.jp/img/2016/05/09/gifs/a15_m.png)
アニメーションGIF内に、文字を入力できます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a16_m.png)
文字のサイズや配置場所は自由に変更できます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a17_m.png)
また、画面下の「Font」や「Color」をクリックしてフォントや文字の色を変えることも可能です。
![](https://i.gzn.jp/img/2016/05/09/gifs/a18_m.png)
ただし、日本語は文字化けしてしまい、うまく表示できませんでした。
![](https://i.gzn.jp/img/2016/05/09/gifs/a33_m.png)
文字だけでなくロゴなどの画像を挿入することもできます。「Add Sticker」をクリックして……
![](https://i.gzn.jp/img/2016/05/09/gifs/a19_m.png)
「Upload」をクリックして、挿入したい画像ファイルを指定。
![](https://i.gzn.jp/img/2016/05/09/gifs/a20_m.png)
画面に画像が現れました。
![](https://i.gzn.jp/img/2016/05/09/gifs/a21_m.png)
もちろん、画像のサイズや配置場所も変更できます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a22_m.png)
表示範囲を指定したい場合は、「Crop」をクリック。
![](https://i.gzn.jp/img/2016/05/09/gifs/a23_m.png)
画面に現れた破線のサイズを調整して、表示する範囲を制限できます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a24_m.png)
「ぼかし」をかけたい場合は、「Blur」をクリック。
![](https://i.gzn.jp/img/2016/05/09/gifs/a25_m.png)
ぼかしを入れる時間を指定することも可能です。
![](https://i.gzn.jp/img/2016/05/09/gifs/a27_m.png)
なお、編集効果を無効にする場合は、画面下の「ゴミ箱」アイコンをクリックすればOKです。
![](https://i.gzn.jp/img/2016/05/09/gifs/a28_m.png)
「Hue」をクリックすれば、カラーバランスを変えられます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a29_m.png)
画面下の「Amount」のスライダーで色を調整できます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a30_m.png)
「Flip Vertical」でアニメーションの上下を反転させることが可能。
![](https://i.gzn.jp/img/2016/05/09/gifs/a31_m.png)
「Flip Horizontal」で左右を反転させることもできます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a32_m.png)
なお、作ったアニメーションGIFを管理したい場合は、アカウントを作成してログインしておけばOK。アカウントを作るには、gifs.comのホーム画面上の「Register」をクリック。
![](https://i.gzn.jp/img/2016/05/09/gifs/a34_m.png)
メールアドレスと、パスワードを2回入力して、「Register」をクリック。
![](https://i.gzn.jp/img/2016/05/09/gifs/a35_m.png)
ユーザーネーム、名前を入力して、「Save Changes」をクリックすれば、登録完了です。
![](https://i.gzn.jp/img/2016/05/09/gifs/a36_m.png)
gifs.comのホーム画面上にある「画像アイコン」→「My Gifs」の順にクリックすると……
![](https://i.gzn.jp/img/2016/05/09/gifs/a37_m.png)
作成したアニメーションGIFの一覧が表示され、アニメーションGIFを削除することもできます。
![](https://i.gzn.jp/img/2016/05/09/gifs/a38_m.png)
・関連記事
動画から簡単に好きなサイズや長さのGIFアニメを作れる「Movie To GIF」 - GIGAZINE
YouTubeのURLをコピペするだけでGIFアニメが作れる「GIF YouTube」 - GIGAZINE
動画ファイルを簡単にGIFアニメに変換できるフリーソフト「openAviToGif」 - GIGAZINE
無限ループのGIFアニメをウェブカメラの映像で簡単に作れる「face to gif」 - GIGAZINE
重いGIFアニメを軽いムービーに変換してファイルを10分の1以下に圧縮して埋め込みもできる「Gfycat」 - GIGAZINE
・関連コンテンツ
in レビュー, ネットサービス, ウェブアプリ, 動画, Posted by darkhorse_log
You can read the machine translated English article "Gifs.com" that you can easily create an….