私ひでsanのプロフィールアイコンに使用されている写真がアニメーションGifです。
これが[フワムー]の世界で「どうやって作るの~?」と話題になりまして私なりの作成した方法を
説明させていただきます。
簡単にかつ、わかりにくい所は詳細に説明させていただくつもりですが、わからないところはコメントでお尋ねください。
最初にアニメーションGifファイルを作成するには、ひとつアプリケーションをダウンロードしてインストールしなければいけません。
個人のパソコンでインストールが可能な場合は良いですが駄目な場合はあきらめてくださいね。
もうひとつ
アニメーションGifは複数の画像データをパラパラ漫画のように次々と切り替えていく仕様のものです。
私の使用している画像のようにスライドショー的に変わるものは作りやすいのですが、本当のアニメーションのように、徐々に変化していくファイルの作成は、ほかに画像そのものを編集するソフトがないと満足のいくアニメーションGifは作れないと思います。
では始めますね。
1.インストールするアプリケーション
私が使ったものは「GIAM」というソフトです。
現在ダウンロードできるサイトはいくつかあるようですが取り合えず下記リンクで、、、
http://giam.softonic.jp/ インストール方法は各自でお調べください。
不明なときはお尋ねください。
2.使用する画像ファイルを準備します。
画像のサイズが問題になります。
ピクセル数で言いますと
横:250 × 縦:230 で作りました。
また、アメーバはアップロードできるファイルサイズが500Kb以下となっています。
取り合えず気にせず続けますね。
3.アニメーションGif作成
☆その1
今回はサンプルとして面白くないかもしれませんがA、B、C、D、E、F、G と書かれた画像ファイルを用意しました。
それぞれのアニメーションをさせたい画像ファイルをいくつでも良いので用意してください。
練習用でやってみるときも少なくとも3種類あったほうがよいかな?
また、ファイルは元のデータは置いといて、決めたフォルダーにコピーして表示させたい順番に名前をつけたら分かりやすいですよ。
上記7種類のファイル名は今回、言うまでも無くA.jpg~G.jpgにしました。
☆その2
インストールされたGIAMのプログラムを起動してください。
こんな画面が出たらインストールは上出来ですね!
準備した写真データを入れてあるフォルダーを開いて(このようにね)
A~Gのファイルを選択し、Giamの画面の左よりのところにドロップしてください。
↓このようになると思います。
あら?よく見るとドロップした順番が違ってますね!7番目が「G」にならないといけないのに6番目に来ています。7番目が「F」。
こんな場合も大丈夫です。表示する順番を後から変更できます。
左下の枠のところで順番を変更したいデータを選択して[上移動][下移動]をクリックする事で変更が出来ます。
順番を整えたら試しに右上のほうにあるプレイボタンを押してみましょう。
別窓が開いて、そこに目にも止まらぬ速さでA~Gに変化して繰り返していると思います。
☆その3
ここからが仕上げたい表示に加工していく作業になります。
下の図を見てください。
上赤丸は全体の設定で今回の作成目的ですと図のように[繰返しセット]と[永久に繰り返す]にチェックを入れます。
先ほど目にも止まらぬスピードで変化していったのですが、これをスピード調整するのが下の赤丸部分です。
ウエイト有りにチェックを入れて各コマ毎に[100]と入れていきます。
100を入力した場合は1秒間表示して次のコマに変わります。
長く表示したい好きな写真があれば200とかお好きな時間に調整してください。
プレイボタンを押してみてください。
気に入った動きになっているようでしたら保存しましょう。
左上の[ファイル]メニューから「名前をつけて保存」を選択し、保存場所をお好きなところに変更して、適当な名前を付けて保存します。
この練習ではAtoG.gifと名前を付けました。
作成したAtoG.gifがこれです。
どうでしょう、如何ですか?
いろいろな写真を用意してぜひ試してみてください。
間違いなどがありましたらご指摘ください。
あれ?記事の中ではアニメーションしてない?!