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. 10月のアップデート

    毎月追加されるPROP 10月は200オブジェクト追加

  2. インフォグラフ

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

  3. コミック表現

    マンガチックな表現手法1「comic」

  4. シナリオ

    アニメーション作りに役立つ 読むべき2冊の参考書

  5. 半回転

    デジタルサイネージ用 縦型アニメーションの作り方

  6. 背景の一括変更

    背景を一括で変更する方法

  7. キャラクターを一括変更

    キャラクターを一括で変える方法

  8. VYOND 使い方基本編

    VYOND Studioの始め方

  9. 大きくする

    オブジェクトのサイズを大きくさせるアニメーション

最近の記事

  1. 1216ワークショップ
  2. vyondセミナー
  3. 年末ライセンス発効について
  4. インフォグラフの使い方
  5. マネーアドバイサー
  6. YouTube 集客の王道 ~売上に直結する「投稿」の基本と実践  キャンペーン!

マスタートレーニング

マスタートレーニング
よくあるしつもん
14日無料トライアル

イベント情報はこちら

セミナー情報

おすすめエントリー

  1. シナリオ アニメーション作りに役立つ 読むべき2冊の参考書
  2. 女性キャリアセンター 埼玉県女性キャリアセンター 紹介アニメーション
  3. 選べる3つのスタイル
  4. 3分アニメのサンプル 3分間の解説アニメ 事例

アクセスランキング

  1. vyiondとは?
  2. 手描きアニメ
  3. VYOND 使い方基本編
  4. 12月10日
  5. vyondセミナー
  6. ビジネス向けのアニメーション
  7. 12月18日セミナー
  8. 複数購入時の仕組み
  9. VYONDpartners
PAGE TOP