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. stageview

    アニメの登場キャラクターを一括で変換するテクニック

  2. 中国語

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

  3. loop拝啓

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

  4. アニメにビデオを追加

    ビデオファイルをVyondに追加する方法

  5. 半回転

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

  6. キャプションを固定したい

    ズームやパンの時でもキャプション(字幕)を固定して表示するには

  7. 手描きアニメ

    手描きアニメーションの作り方

  8. コミック表現

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

  9. 過去バージョンに戻す方法

    古いバージョンのアニメを復元して再利用する方法

最近の記事

  1. コンテンポラリーサンプル
  2. ビジネスフレンドリー
  3. ホワイトボードアニメ事例
  4. 1216ワークショップ
  5. 1216ワークショップ
  6. 1216ワークショップ
  7. タイムライン編集

マスタートレーニング

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

イベント情報はこちら

セミナー情報

おすすめエントリー

  1. ビジネスアニメの5つのポイント ビジネスPRアニメを作るための5つのポイント
  2. YouTubeの使い方 YouTubeを使ってアニメ動画を拡散する
  3. 女性キャリアセンター 埼玉県女性キャリアセンター 紹介アニメーション
  4. シナリオの作り方 アニメーション制作で重要な「シナリオ」について

アクセスランキング

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