fbpx

注目記事ピックアップ

GIFアニメーションを活用するヒント

GIFアニメ

GIFアニメーションとは

GiFアニメーションとは256色という限られた色数で作られるGIF画像を使ったパラパラアニメのこと。拡張機能をもったGIFファイルです。これは1990年代のインターネットに生れています。もともと回線が細く、ネット動画など再生できない環境がほとんどだった時代に「動く画像」として多くのウェブサイトで使われていました。

GIFアニメが注目されているわけ

その後がサイズも小さく、インタラクティブ性の高いFlashムービーがウェブでは普及し、GIFアニメは数を減らしていきます。しかし、スマートフォンの登場とともに、脆弱性の観点からflashの数は激減、開発元のadobeもサポートを終了してしまいました。
ところがGIFアニメはその後 twitter Facebook instagram等で、スマートフォンでも見れるようになり、データ速度による問題も無くなったことで、写真でもビデオでもないショートアニメの表現が注目されてきています。
こちらの画像もGIFアニメです。 Wordpressの場合「サイズ変更なし」で貼り付けて使用します。画像と同じようにリンクを設定することが可能です。アニメをクリックするとセミナーページに移動します
秋葉原5月28日
こんな今注目のGIFアニメですが、VYONDを使うと簡単に量産できてしまうのです。
覧の通り、VYONDの出力メニューから GIFアニメが選べます。
GIFアニメ

GIFアニメの注意点

GIFアニメはHTMLで作成されたサイトに画像のように貼り付けることができます。開くと自動で再生スタートして、繰り返し再生します(ループ)
意点1: ループされることを考慮しよう
動画が見られないポイント
何度も自動ループすることを考えてアニメを考えます。動きやメッセージをシンプルにすると「うるさく」ないです。
注意点2: 表示長さは5秒くらいがオススメ
上記の5秒ほどのコンテンツは640X340ほどのサイズですが2.4MBほどあります。GIFアニメは画像ファイルとしてはサイズが大きいのです。GIFは一旦ダウンロードしてから再生を開始しますので、ファイルサイズが大きいと読み込みに時間がかかります。
また、サウンドが入らない、停止などのコントロールができないなど制限があります。さらにGIF画像は色数が256色と限られているため、あまり綺麗には表示できません。長いGIFアニメを見せるのであれば映像(MP4)として再生する方がいいでしょう。
注意3:使いすぎ、並べすぎに注意!
GIF画像のメリットはウェブサイト上に「目立つ」とゆうことです。GIFアニメを使ってクリック率を上げる効果があります。ただし、ウェブサイトで多用しすぎると、賑やかすぎるウェブサイト ネオンだらけの繁華街(笑)のようなイメージにもなりかねません。
全体のバランスも考えてご使用ください。

センスのいいGIF(参考)

動く浮世絵 これは面白いですね

via GIFMAGAZINE

インスタグラムのCM

GIFアニメの編集方法

オンラインでGIFアニメを作成、編集できるサイト https://ezgif.com/
GIF編集サービス
新規でGIFアニメを作る。 既存のGIFアニメのトリミング(CROP)、サイズ圧縮(REsize)なども簡単にできます。
vYONDでGIFアニメを作ったらこちらのサイトで微調整してみてください。

GIFアニメも無尽蔵に作れるVYOND
VYONDならMP4だけでなく、GIFアニメも制限無く作成できます。ウェウサイトをお持ちの方、SNSを活用している方は是非、GIFアニメも活用してください

関連記事

  1. VYOND 使い方基本編

    VYOND Studioの始め方

  2. YouTubeの使い方

    YouTubeを使ってアニメ動画を拡散する

  3. 最新アップデート

    サンプルテンプレートを使う Vyond11月のアップデート情報

  4. シェアを使おう

    複数でVYONDを使う場合 便利なグループ機能

  5. フォントをアップロード

    日本語のフォントを入れて、テキストを変えてみる

  6. 雨のシーン

    シーンの中で紙吹雪、雨や雪を降らす方法

  7. インフォグラフ

    インフォグラフのカスタマイズ

  8. アニメとビデオの合成

    透過形状が挿入できる

  9. 効率化

    テンプレートを保存して効率的にアニメを作る

最近の記事

  1. 歯医者専門のPRアニメ
  2. 売り売上を上げるには伝える技術が必要
  3. 7月1日 無料セミナー
  4. ハンドジェスチャーコンテンツ
  5. ワークショップ横浜
よくあるしつもん

アニメ製作もご相談ください

製作サービス
14日無料体験

イベント情報はこちら

おすすめエントリー

  1. 動画が見られないポイント 動画の再生回数が増えない3つの理由
  2. シナリオ アニメーション作りに役立つ 読むべき2冊の参考書
  3. グラフをアニメ化 データをビジュアルに魅せるインフォグラフアニメーション
  4. ビジネスアニメの5つのポイント ビジネスPRアニメを作るための5つのポイント

アクセスランキング

  1. vyiondとは?
  2. ビジネス向けのアニメーション
  3. 7月1日 無料セミナー
  4. VYOND 使い方基本編
  5. 手描きアニメ
  6. PR活用事例
  7. カスタマイズ
  8. 新しい機能4月
  9. キャラクター登録
PAGE TOP