キャンプとスキーへGo！

タイトルアイコンのアニメ化の説明。

Snowpeakのランタン″天″でライトが点滅するアニメを作成しました。


このアニメの元ネタはコヒさんのblogです。
なので、残念ながらオリジナリティーはありません。。。
見ていてカッコいいなと思って、マネしてみました。
（コヒさん、すみません。）

”天”もフリーの画像を使用させてもらっているので、
自分が作ったところは光が点滅するとこだけです。
ちょー手抜きなのですが、でもそれなりに出来ていると思います。

自分が作った部分のみの説明で物足りないとは思いますが、
アニメ化を考えている方に参考になればと思います…。
　
（キャンプネタでは無いので、興味のない方はスルーして下さい。）

１．ソフトの入手

アニメ作成するためのフリーソフトを入手する。

①visualG（フリーソフト）をダウンロード

②インストールする。




２．元画像の作成

①今回、元画像はフリー画像（SPランタン天）をダウンロード。

②ペイント系のソフトで上記ファイル（画像）を開く。

　

③元画像に合わせ”光”の動画部分を作成する。
　光以外の部分は白（黒でも可）で塗りつぶしておく。
　（下記画像は見やすいように黒にしています）

　




３．アニメの作成

①visualG++を起動

②”ファイル登録”で、元画像「ランタン」と動画「光」の順に登録。
　　光等の動画部分が複数枚ある場合は、更に追加登録。



③”ディレイ”を設定。
　ここでは100（1秒）に設定。
　今回は動画が1枚なので、1秒ごとに元画と動画が切り替わる。

　”透過”を「する」に設定

　”透過色”を「white」に設定
　　光以外の塗りつぶしたところが透過される。

　

⑥”GIFアニメ化”をクリック。

⑦ファイル名を記入して、GIFファイル（アニメ）が作成される。

　

⑧このファイルをアップロードしておく。




４．変更箇所（スタイルシート）の確認

①naturumの管理画面の　ブログの設定＞テンプレート　をクリック。

②編集欄のカスタマイズをクリック。

③スタイルシートの中身（ソースコード）を編集します。

　ソースコードの真ん中あたりの

　 background-image: url(/_img/outdoor01/entry_icon01.gif);

　を探します。

　

④このurlの（）内を変更すれば、画像が変わります。




５．画像の変更

①管理画面の画像一覧をクリック。

②「３．」でアップロードした画像をクリック。

③この画像のurlが表示されるのでコピーしておく。

　

④「４．」のurl（）内にペースト。

⑤プレビューをクリックしてちゃんと変更されているか確認。
　（光が点滅しています。）

　

⑥登録　をクリックして完了。