【動画メール】1分で完成!超簡単GIFアニメの作り方

【動画メール】1分で完成!超簡単GIFアニメの作り方

  • このエントリーをはてなブックマークに追加

動画広告の盛り上がり

11208_ext_07_0ご存じのとおり、国内のインターネット広告界隈では、動画を活用した広告サービスが活況を迎えています。
オンラインビデオ総研調べによると、2020年には動画広告の市場規模が、現在の2倍以上にまで拡大が予想されています。※1

メールマーケティングにおいても、動画を使った「動画メールマーケティング」が、徐々に国内に浸透してきました。

(図)メールマーケティングのスタイル変動
2016-12-09_13h09_51

文字だけのテキストメールマガジンから始まり、メールソフトやネット通信の整備が進んだことにより、HTMLメールが登場しました。そして、近年、HTMLメールの中に動画情報を埋め込んで配信する動画メールにまで進化してきました。

みなさまの中にも、既に動画メールを配信している、もしくば動画メールの配信を検討している、といった方もいらっしゃるのではないでしょうか。

動画メールの最もポピュラーな配信方法は「GIFアニメ貼り付け型」です。※2

今回はその、GIFアニメそのものの作り方を中心に、動画メールの配信方法まで紹介していきます!

超簡単にGIFアニメが作れる無料ウェブサービス


GIFアニメとは(アニメーションGIF)

画像形式の一つであるGIF(Graphics Interchange Format)の拡張仕様の一つで、動画を保存することができる形式。
一つのGIFファイルの中に複数(多数)の静止画像を保存し、これを次々に連続して描画することにより動画として表示することができるあくまでGIF画像を連結しただけの簡易な仕様であるため通常の動画形式のように音声を扱うことはできない。


ここで、GIFアニメを簡単に作ることができるウェブサービス、『gifs』を紹介します。

2016-12-08_14h45_18
gifsは、オンライン上でGIFアニメが作成できる海外ウェブサービスです。

このサイトが便利なのは、既にYoutubeに上がっている動画情報を使ってGIFアニメが簡単に作成できる点です。さらに、GIFのデータのダウンロードには会員登録(メールアドレス等の情報提供)が求められますが、サーバー上に保存された保存先のURLの取得の場合は、会員登録の必要なく利用できるので、その手軽さもナイスです!

さっそく、GIFアニメを作ってみましょう!

ステップ① YoutubeのURLの貼り付け

2016-12-08_14h45_18

赤枠の部分に、YoutubeのURLを張り付けるだけ。

今回は、弊社が運営するメール配信ツールのプロモーション動画を使ってGIFアニメを作ってみたいと思います。

2016-12-08_11h52_01

上記のYoutube動画を使います。該当のYoutubeのURLをコピーして貼り付けます。

2016-12-08_14h45_18

ステップ② 動画尺の編集

2016-11-18_20h37_21
URLの貼り付けが終わると、編集画面に移ります。ここでは動画にエフェクト効果を付けたり、テキストを挿入したりすることもできます。

2016-11-18_20h37_21

この赤い枠の幅を伸ばしたり、移動させたりすることで、GIFアニメの長さを調整したり、動画の中のどこの部分をGIFアニメにするかを決めることができます。

最大15秒のようなので、今回はフルの15秒のGIFアニメを作ってみます。

2017-11-18_20h35_28GIFアニメ化する場所が決まったら、「Create Gif」ボタンをおします。
2016-12-08_16h02_51
どのSNSでシェアしますか?という案内が出ますので、今回は「No Thanks」をおします。

ステップ③ GIFアニメの保存

2016-12-08_16h03_24

待つこと、約15秒。。。。。出来ました!!めちゃくちゃ早いです。

サイトにアクセスしてからGIFアニメの作成完了まで、1分もかかっていません。
動画を持っていない場合は動画制作に時間がかかりますが、既に動画がYoutubeに公開されている場合は、ほんの数分でGifアニメの取得まで容易にできるでしょう。

2016-12-07_15h02_47この赤枠の中のURLをコピーしておきます。
gifsではGIFアニメデータのダウンロードも可能ですが(要会員登録)、それと合わせて、gifsサーバー上に保存されたGIFアニメデータを参照することができます。
HTMLメールの配信時は、サーバー上に保存したデータの保存先URLを、絶対パスで指定して画像などを読み込むのが基本ですので、gifsのように既にサーバー上に上がっているのはすごく便利ですね!

ちなみに、出来上がったGIFがこちら

動いてますね~!元気に動いてます。
マウスオーバーすると「gifs」のロゴマークが右上に入りますが、メール作成業務のスピードを重視する場合には、気にならないレベルの存在感でしょう。

GIFアニメが手元に用意できたので、あとはこれをメール配信システムにセットして送ってみましょう!

ステップ④ HTMLメールの作成

2016-12-08_11h29_51※操作画面は配配メールの画面です

今回は、HTMLメールの編集エディタ機能を使って、上記のHTMLをベースにGIFアニメをあて込んでいきます。

2016-12-08_11h26_35

先程コピーしておいた、GIFアニメの保存先URLを指定し、メール本文に挿入します。

2016-12-08_11h41_01

こんな感じで貼り付きました。

ちなみにGIFアニメは動画にはなりますが、通常の画像と同じように、コンテンツにリンクを貼ることも可能です。ですので、このGIFアニメ部分をクリックして、特定のサイトへ遷移した場合は、そのクリック数クリック率も取得できるということです。便利ですね!

ここで作った動画メールは、下記のよう見た目で配信されます。

【動画メール】1分で完成!超簡単GIFアニメの作り方
 
GIFアニメーションテスト中
【動画メール】1分で完成!超簡単GIFアニメの作り方
 
発行人:○○○○株式会社(配信元会社名) 〒000-0000 東京都渋谷区千駄ヶ谷0-0-0(住所)
E-mail:xxx@mailaddress.co.jp  URL:http://www.url.co.jp
Copyright(c) ○○○○株式会社(配信元会社名) All Rights Reserved.

あとは、メール配信を行うだけ。クリック率などの効果測定が楽しみになりますね!


以上、GIFアニメの作成~メール配信まで紹介してきました。

動画メールは、通常のメールと比べて、メールを開いた瞬間から画が動き出すので、目に止まりやすいですし、表現の幅が格段に広がります。

実際のところ通常のメールと比べて、クリック率が6倍に伸びた、というデータも出ています。※3

既に動画コンテンツを持っている場合は、GIFアニメへ変換して、メールマーケティングに活用されてみてはいかがでしょうか?

【出典】
※1 サイバーエージェント、国内動画広告の市場調査を実施/サイバーエージェント社
※2 メルマガにも使える!動画メールの作り方5種類と、それぞれの特徴を解説/メールマーケティングラボ
※3 どんな動画メールが効果的?これまで配信された動画メールの調査結果を大公開!/ピーシーフェーズ社
メール配信のお悩み配配メールで解決!無料資料をプレゼント
The following two tabs change content below.

メルラボ編集部

「Mail Marketing Lab(メルラボ)」編集部。メールマーケティングの効果を上げるためのさまざまな情報を発信します。
  • このエントリーをはてなブックマークに追加

関連するおすすめ記事

  • 配配メールバナー