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

    そのテンプレートそのまま使ってない?オリジナリティを意識したアニメの作り方

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

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

  4. キャラクターに表情を

    キャラクターに表情を付ける

  5. 多彩なアクション

    感情を表すアクションを選ぶ方法

  6. 大きくする

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

  7. 雨のシーン

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

  8. 保護中: チラシやカタログからアニメーションを作成する方法

  9. 中国語

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

よくあるしつもん

最近の記事

  1. VYOND 使い方基本編

オンライントレーニング

オンライントレーニング
14日無料トライアル

VYOND:重要事項

  1. VYOND サポートについて
  2. VYONDの編集作業を快適にする方法(遅いと感じたら)
  3. 商業利用件譲渡 VYOND映像の商業的利用の権利についてよくある質問
  4. VYONDのセキュリティ VYONDのセキュリティについて
  5. 保護中: VYOND 延長申込は大幅プライスダウン!
  6. 複数購入時の仕組み 複数シートとライセンスの考え方について
  7. vyondでできないこと VYONDでできないこと(機能 規約)

アクセスランキング

  1. vyiondとは?
  2. VYOND 使い方基本編
  3. 手描きアニメ
  4. ビジネス向けのアニメーション
  5. 複数購入時の仕組み
  6. YouTubeの使い方

イベント情報はこちら

セミナー情報
ユーザー限定記事
PAGE TOP