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. アニメ

    アニメに使用するおすすめのフォント

  2. マスク機能

    Vyond 編集テクニック マスクの使い方

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

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

  4. シナリオ

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

  5. loop拝啓

    ループする背景を使って動きを表す方法

  6. 新しい機能4月

    手描きアニメ-ション プロップの色を変更する

  7. 中国語

    グローバルなコンテンツに使える!音声合成で多言語を使ったサンプル

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

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

  9. VYOND 使い方基本編

    VYOND Studioの始め方

最近の記事

  1. 11月のワークショップ
  2. 会話をイメージ
  3. アニメ
  4. 11月1日セミナー
  5. キャラクター変更
  6. 富山 アニメ制作
よくあるしつもん

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

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

イベント情報はこちら

おすすめエントリー

  1. 女性キャリアセンター 埼玉県女性キャリアセンター 紹介アニメーション
  2. 記憶に残る動画 記憶に残るPRアニメ 3つのポイント
  3. シナリオ アニメーション作りに役立つ 読むべき2冊の参考書
  4. 選べる3つのスタイル

アクセスランキング

  1. vyiondとは?
  2. 手描きアニメ
  3. VYOND 使い方基本編
  4. 11月1日セミナー
  5. ビジネス向けのアニメーション
  6. 複数購入時の仕組み
  7. VYONDpartners
  8. 11月のワークショップ
  9. PR活用事例
PAGE TOP