『本をめくるアニメーション』(アニメーションGIF作成 その22)

11月21日


秋といえば、
食欲の秋
読書の秋(もう11月も下旬なので秋ではなく冬といった方が適切かも)
といいます。


さて、今回のアニメーションGIFは
本をめくる動作を表したアニメーションGIF画像です。



画像

(↑本をめくるアニメーション)


本を開いてページをめくるという動作を
アニメーションGIF画像にしたものですが、


いや~、制作するのに結構時間がかかりました


理由としましては、
皆様、ご存知のとおりアニメーションGIFとは


パラパラ漫画の要領で表現するアニメーションですので、
表現の為に要した画像の枚数が何と30枚もあったからです。


つまり30枚分の画像をいちいち作る必要があるので、
時間もかかるし、根気も必要でした


しかも画像が30枚分もある分、
データの容量がでかくなるのでしょう。

カラーをつけないで作成したのですが、
それでも約300KBはありました。


でも、今回のアニメーションGIF画像をみると、
色々と改修する点はあるかと思いますが、


なめらかに本をめくっている動作をしているので、
苦労して作ったかいがあったかなと思います。


(追記)

『本をめくるアニメーション』について、
違うバージョンを作成してみましたので、
ブログに掲載してみたいと思います。

(1)『本をめくるアニメーション(色違いバージョン)』
ページをめくると色違いのページがでるというバージョンの
アニメーションです。

作成方法について、ごく簡単に述べると

イラストレーターでページをめくる30枚の画像を作成、
フォトショップで、画像の一部を複製して色違いのページを
加工しました。 尚、このアニメーションは、
ループにはなっていません。

画像



(2)『本をめくるアニメーション(文字がでるバージョン)』

ページをめくると、文字が書かれているページがでるという
バージョンのアニメーションです。

この文字を書かれているページをめくるという
アニメーションの作成が、思いのほか、難しかったです。
尚、このアニメーションは、ループにはなっていません。


画像



※このアニメーションgif画像を携帯電話のサイトから閲覧する場合、
携帯電話の機能によっては、上手く閲覧できない場合がございます。
その場合はパソコン、またはフルブラウザ搭載の携帯電話で閲覧された方が
いいかと思われます。



尚、パソコンやフルブラウザ搭載の携帯電話から
このアニメーションgif画像を閲覧される場合、
定額でインターネット通信ができるプランに加入された方がいいかと思われます。

"『本をめくるアニメーション』(アニメーションGIF作成 その22)" へのコメントを書く

お名前
メールアドレス
ホームページアドレス
コメント