【デザイン】GIFアニメーションを作ろう【アニメーション】

今日も1日お疲れ様です。

＜余談＞

先日お話ししていたLINEスタンプのアイデアが出来上がりました。

名付けて、「効果線で表現する動物」シリーズです。
全く急いでない雰囲気のカバのイラストも、効果線をつけることでものすごい迫力を出すことができます。

発売の予定はまったくないので、本当に余談程度に捉えていただければ…

GIFアニメーション

GIFアニメーションというものをご存知でしょうか？
WEB上でアニメーションを見せることのできる手法で、複数枚のGIF画像を高速で切り替えることでパラパラマンガのようにアニメーションを見せることができます。

FLASHや3DCGを用いたアニメーションとは違い、非常に処理が軽いので
ゲームなどにも用いられることが多いです。

今回は、このGIFアニメーションを作ってみようと思います。

準備

必要なものは、素材
以上です。

そして、今回は作成にwww.bannerkoubou.com
こちらのサイトを使用していきましょう。

こちらのサイトでは、30枚までなら画像を送ることで自動で作成してくれます。
早速素材を作っていきましょいう。

「左を向く人」と「右を向く人」です。
こいつを切り替えて、左右をぴょこぴょこ向くアニメーションを作成します。

サイトの使い方

非常に簡単に扱えます。

ここに、先ほど作った素材を順番通りにアップロードして

点滅の間隔や、ループの有無を設定していきます。

あとは、作成ボタンを押すだけで…

できあがりです。

すごいですね。こう…
なんというか、必死なものを感じます。

これは、点滅間隔を0.1秒にしています。
いろいろと試してみてください。
（私のものより素晴らしいものができることは保証できますので）

失礼します。