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. VyondStudio パスワードの変更方法

  5. シナリオの作り方

    アニメーション制作で重要な「シナリオ」について

  6. 吹き出し

    アニメーションに吹き出しを入れる方法

  7. 手描きアニメ

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

  8. 動画活用

    アニメ動画の活用方法(多くの人に見てもらうには?)

  9. シナリオ

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

最近の記事

  1. 画像の使用について
  2. 3分割法
  3. BGMが16曲
  4. 半回転
  5. テーブルマナー
  6. 中国語
  7. 子どものアクション
よくあるしつもん

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

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

イベント情報はこちら

おすすめエントリー

  1. YouTubeの使い方 YouTubeを使ってアニメ動画を拡散する
  2. 選べる3つのスタイル
  3. 女性キャリアセンター 埼玉県女性キャリアセンター 紹介アニメーション
  4. 社員教育 アニメの長さはどのくらいがいいのか?

アクセスランキング

  1. vyiondとは?
  2. ビジネス向けのアニメーション
  3. 手描きアニメ
  4. VYOND 使い方基本編
  5. 複数購入時の仕組み
  6. ウェブ制作 ウェブ集客ならソフトアシスタンス
  7. カスタマイズ
  8. PR活用事例
  9. フォントをアップロード
PAGE TOP