簡単アバターアニメ（中級）

アバター静止画像をGIF形式で保存できることは皆さんやっておられるますよね。
それで、同じ方法で動いているアバターを保存してみると、なんとそこには白い画像しか保存されません。みんな経験済みかもしれませんが。

和美は静止画をフォトショップで加工してアニメを作ってきましたが、もっと簡単な方法を発見しました。というより、あまり画像ソフトで加工をしない方法です。

さてさて、簡単なGIFアニメの作成方法について、これからご説明します。

まず、自分のアバター設定できるページに入ってください。

そして、お気に入りの服装にお着替えくださいね。

今回の和美は「がんばっていきまっしょい」の一高の制服を選択しました。

お着替えしたら、まず、アルバムに保存して、基本の画像を保存してください。
ここでは「制服１.gif」として保存しておきます。保存方法は右クリック＞「画像に名前をつけて保存」でおこなってね。

　がんばっていきまっしょいの一高の制服、制服１.gifに保存

そのときに、フォルダーを作成しておくことと、ファイルの名前は短めが良いですよ。

次に、目を閉じた画像と、正面を見ている画像の2枚を取り込む必要があります。これができなくて悩んでいたのですが、お着替えしているときにときどき目を閉じたままになることを発見しました。それは、画像が変わったときに服装を変えたりするときになるようでした。でも、これではせっかくのお気に入りの服装ではなくなってしまいます。それで、ブラウザーの×ボタン（読み込みを停止させるボタン）を押す方法を試したところ、思ったとおり静止してくれました。
目を閉じた瞬間を静止させるのは、ほとんどゲーム感覚です。×ボタンで停止、うまくいかなければ、再読み込みボタンを押して、また、停止させる。やってみてください。

静止させることができたら、画像の保存ですが、パソコン画面の画像取り込みを行います。キーボードの右上にあるPrt Scボタンでクリップしてください。ボタンを押しても無反応に見えますが、押した後、画像を扱えるソフト上に「貼り付け」を行うと、パソコン画面がそのままコピーできてしまいます。

さて、大きな画像からアバターの部分を切り出します。和美はIrfanViewというフリーソフトを使用しています。切り取る際の注意はきちんと横100×縦180に切り取ってください。それと、位置がずれないようにしてくださいね。結構、面倒かもしれませんが、ここでずれると、アニメがぶれてしまいますから、注意してね。

上手く切り取れれば、保存してください。

制服２.gif	制服３.gif

ここまでできましたか。

いよいよアニメ化です。和美はいつもはAnimation GIF Makerというフリーソフトを使用してましたが、入手不可能になりました。そこで、同じ開発者がCGIでアニメ製作できるページを提供しております。これを使えば和美と同じようにGIFアニメができます。

まず、参照ボタンで、先ほど保存した制服1.gifを画像０１に指定します。次は目を閉じた画像の制服3.gifを画像０２に、正面目の画像の制服2.gifを画像０３に、そして最後、もう一度目をとじた画像制服3.gifを指定します。

指定できたら、ページの下の方にあるGIFアニメ作成ボタンを押します。

そしてら、とりあえずのアニメが完成します。しかし、一定の時間間隔（デフォルトでは1秒）のままなので不自然ですよね。

時間間隔がすべてデフォルトの1000msの場合

ご心配なく、それぞれの画像が示されているところで、それぞれの時間の設定ができちゃいますので大丈夫です。1000msは1秒のことですから、それぞれの画像の時間を適切に設定してください。

　設定画面、画像１枚ずつアニメ時間の設定をしてください

和美は、
画像０１　5000ms
画像０２　200ms
画像０３ 600ms
画像０４ 200ms
と設定しました。

設定できたら、「設定を適応」ボタンをおしてアニメ画像を作成します。
完成画像を右クリックで画像保存してくださいね。

完成画像です。

少なくとも必要なのが画像の取り込み、保存、カット＆ペーストの知識は入りますが、難しい画像処理の知識は不要ですし、高価なフォトショップなどもいりません。
いかがでしたか。
試した方、ご意見いただければうれしいです。

[-]

かずみちゃんのPC術、すごいですね〜、私なんかひとみねえさんに、自分のアバター送るんで大変でしたよ。お帽子脱いだら、自分のブログのアバターまで、帽子がなくなってしまいました。結局もとに戻したんですよ！、名は体を表す、、、アバターも同じ、かずみちゃんは、おめ目がクリクリしてて可愛いのでしょうね。

さっちゃん、これ、初級じゃないですね、中級にします。もっと、アバターアルバムの作成方法や送付方法なんかも紹介しますね。アバターを送るのって、和美も悩みましたよ。リアル和美は一重でぼてっとした感じ、アバターとはぜんぜん違います。それにど近眼なんです。ようやくコンタクトを購入しました。

制服、ドラマのものがモチーフだったんですね（かわいい☆） 本日の記事、とても整理されていて、わかりやすいですね。それで、やはり気になるところは、アバちゃんの切り取りですが、ここは最大のポイントですよね。もし、100×180より小さく切り取りたい場合に、いい方法ってあるんですか？（始点の取り方が難しい気がします）

TOMOさん、ファイルサイズを小さくしたいのかな。100×180より小さく切り取ってアニメ化する場合、座標合わせが必要になります。CGI版ではそこまで対応できていないのが現状なんです。始点を合わせるは、やっぱり、レイヤー機能のあるソフトを使用して、合わせるのが手っ取り早いかも。透明化も含め、今度、まとめて見ますね。

ブラウザ×ボタンを使うとは和美さん鋭い！ しかも解りやすい！ PrintScreenって画像ソフト上で貼り付けして使うって事がやっと解りました！ スッキリ♪スッキリ♪ 傑作ポチっとナ。

ありがと、金髪さん。意外と知らないのかな〜、PrtScボタン。もう少し加筆しますか〜〜。

またまた、すごお〜〜い！！ 姉さん…脱帽(;´Д`A ``` パソコン音痴な神魅子には無理かも・・……(-。-) ボソッ ｡･ﾟ･(ﾉД`)･ﾟ･｡びえええええん 今度頑張って挑戦してみようかなぁ〜・・……(-。-) ボソッ 和美姉さん、制服似合ってるわよ♪ ヾ(＠⌒▽⌒＠)ノ

ありがとう、ロリ系も勉強になるね。これ初級だたんですけど、さっちゃんのコメントで中級にしました。分からなかったらいつでも質問してぇ〜〜。