0364352835
メールでお問合せ

YouTubeから簡単にGIFアニメーションを作成できる方法

2016年09月26日(月)メルマガ

いつも週刊メルマガをご覧頂き、誠にありがとうございます。
今週は、CMSproサポート担当の沖野が担当させていただきます。

今回は、写真でもなく動画とも少し違う不思議なGIF(アニメーション)
についてご案内させていただきます。

******************************************************
YouTubeから簡単にGIFアニメーションを作成できる方法
CMSproサポート担当: 沖野直人
******************************************************

写真や画像のデータ形式は、JPGやPNG。
動画では、MPEGやMP4などがファイル形式として使われますが、
それではGIFとは!?

簡単に説明すると、GIF画像とは、
画像なんだけど、多少の動き(少しのアニメーション)を表現できる画像のことを指します。

例えば、ネットショップなんかで新商品のところに
【NEW】という文字がチカチカ点滅したり、横に揺れていたりしたのみたことありませんか?

動画まではいかないまでも、画像を簡単にシンプルな動作で動かしたいと思ったら、
GIFが最適です。

今回は、YouTube動画から抜粋してGIF画像を簡単に作成できるツール「https://gifs.com/」を
ご紹介いたします。

○さっそくこちらのURLから「https://gifs.com/」へアクセス
https://gifs.com/

○GIF画像にしたいYouTube動画のURLを、
Search or Paste URL の入力欄に貼り付け後、Create Gif をクリック。

○しばらくすると画面が切り替わり、ムービーの編集画面が表示されます。
ここで動画下にある時間軸で青い帯を左右に動かしたり、両端を伸縮させることで、
GIFにしたい動画の時間箇所や、動画範囲も決めることができます。

○動画時間や、動画範囲を決めたのち、Create Gif をクリック。

○しばらく時間がかかる場合がありますが、少し待つと次画面にて
右側に「gif url」「gif file」「Embed」の3つの各下側にURL
のような文字列が表示されます

主に使用するのは、「gif file」「Embed」です。

▽「gif file」ではご自身のパソコンにGIFデータをダウンロード
「gif file」のURL先にアクセスすると、範囲選択したGIF画像が繰り返し
表示されます。そこで右クリックから【名前をつけて画像を保存】をクリック
するとご自身のパソコンに、GIF画像がダウンロードされます。

「Embed」では、ご自身のHPにGIF画像を埋め込むことが可能です。

▽【「Embed」ではホームページにGIF画像を埋め込み 】
「Embed」のURL(<iframe srcからはじまる)を全選択でコピーして、
WordPress管理画面内で上部のアイコンから【動画を挿入/編集】をクリック。

動画を挿入/編集画面から埋め込むを選択し、下の白いスペースに
先ほどコピーしておいた<iframe src から始まるコードを全て張り付け、OKボタンで完成!

※【動画を挿入/編集】アイコンが無い場合は、下記URLをご参照いただき追加してみてください
http://bazubu.com/tinymce-advanced-23845.html/

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

いかがでしょうか?
ついでに、GIF画像についてのメリット・デメリットをご紹介しておきたいと思います。

・ホームページに動きが出るのでパッと見た時に目をひきやすい
・動きがあるので、短い説明などは分かりやすく伝わる
・画像を小さくすればかなり軽い
・「再生ボタン」を押す必要がない
・無限にループで動作する
・どのブラウザでも見られる

YouTubeでいいんじゃないか?という意見もありますが、
「再生ボタン」を押す必要がないことや、無限にループしてくれるなどは、
内容によっては、GIFのほうがユーザーに優しかったりします。

・音声は入れられない
・長時間は無理(長時間であればYouTubeを埋め込みましょう)
・画像が粗くなる(色数が256色まで)
・作成が難しい

GIFはあくまで画像の形式となるので、音声を入れることはできません。
作成が難しいというのは、通常GIF画像は、イラストレーターなどで制作するため、
専門的な知識が必要となってくるためです。

しかし、YouTube動画内限定となってはしまいますが、
今回ご紹介した「gifs.com」で簡単に作成が可能です。

動画・GIF・写真などそれぞれ一長一短はありますが、
ぜひ1度お試しいただき、充実したホームページ作りをしてみてください!

今回も最後までお読みいただき、ありがとうございました。

 

沖野直人

関連記事

  • 衝撃的な本 こんばんは。 谷口です。 「伸びる会社は「これ」をやらない」 という本を読みました。 衝撃的でした。 伸びる会社が、「これ」をやらない という「これ」を自分は、やりまくっているので だから自分の会社は伸びないのか!!と合点がいきました。笑 特に印象的だったのは、 […]
  • ジェイ・エイブラハムさん 「マネー・コネクション あなたのビジネスを加速させる「戦略」の見つけ方」について こんばんは。 谷口です。 今、読んでいるジェイ・エイブラハムさんの 「マネー・コネクション あなたのビジネスを加速させる「戦略」の見つけ方」 という本が、かなりいいです。 まだ、途中なのですが、数ページ読むだけで、 […]
  • ダン・ケネディのマーケティングの3MとMessageの実践 こんばんは。 谷口です。 今日もまたまた仕組み作りに関して お届けします。   ダン・ケネディのマーケティングの3Mという考え方は マーケティングの枠組みとして非常に優れています。   3Mとは下記の3つのMのことです。 Market 対象とする人はどんなことに困っ […]
  • 発リンクはSEOにどのように影響する? こんにちは! CMSproの長谷川です。 Webサイトに関するお役立ち情報を ブログ形式で分かりやすくお届けしています。 本日のテーマは 『発リンクはSEOにどのように影響する?』 です! 他のHPからリンクを貼ってもらう(被リンク)と、 Googleからの評価が上がり […]
  • 【8月10日】メルマガはじめました! お疲れさまです。 CMSproの谷口です。 先週水曜日からCMSproご利用のお客様、ご検討して頂いているお客様向けに ホームページの運営に役立つ濃い情報をお届けするメルマガをはじめました。 ウェブマーケティング、山田と中田が参加しているビジネスセミナーのダイジェスト、成功しているサイトの 事例 […]
  • サイトに動画を載せるメリット いつもCMSpro週間メルマガをご覧いただき、ありがとうございます。 今週はマーケティングチームの磯田が担当させていただきます。 お盆休みは如何だったでしょうか? お仕事でお休みなく働かれた方も多いかもしれません。 私は劇団四季のミュージカル「パリのアメリカ人」を観てきました。 時代 […]

東京都港区芝浦3-14-8芝浦ワンハンドレッドビル2F運営:リンヤ株式会社
© 2021 CMSpro All Rights Reserved.