あられっちさんのご要望で開始したバナー講座ですが、
姐さんのブログでのご紹介もありまして大盛況です。
バナーの作り方・貼り方講座 １
バナーの作り方・貼り方講座 ２
バナーの作り方・貼り方講座 ３
バナーの作り方・貼り方講座 ４
ありがとうございます。
↓あられっち姐さんのブログはコチラ↓
★あられっち★
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
↓ 記事はここから ↓
今回のアニメ化でバナーの作成は完了します。
次回からはブログへの貼り付け方を説明していきます。
前回はコチラです →バナーの作り方・貼り方講座４
第５章．静止画像をアニメにする
前回までに７枚の画像が完成しました。
今回はこの画像をＧｉａｍを使って１つのファイルにまとめます。
まず、Ｇｉａｍのアイコンをダブルクリックし起動させます。
まず、アニメの１枚目に来る画像ファイル、ファイル名「黒」を開きます。
図１ Ｇｉｍａ操作画面
青○のアイコンをクリックし、無地画像のファイル名「黒」を開きましょう。
開くとその下の枠内に表示されます。
次に表示される時間を設定します。
赤四角のウェイトで表示させたい時間を入れます。
このバナー例では１００分の３０秒にしたので、ここには「３０」と入れます。
この表示時間は後でも変えられるので、色々試して適当な時間を見つけてください。
次に２枚目のファイル名「右」をその後に加えます。
紫○のアイコンをクリックしファイル名「右」を開きましょう。
「右」の画像が枠内に表示され、その下の白枠に「２コマ」めが作成されましたね。
１枚目と同様に、時間設定します。
今回は２枚目から７枚目まですべて「２０」としました。
順に７枚目まで、同様の作業を繰り返します。
途中に画像を追加したいときは、白枠で入れたいコマのところをマウスでクリックし（コマ名が青くなる）、緑○のアイコンをクリックしファイルを挿入します。
コマを削除したいときは、コマを選択して、右クリックで「選択したコマの削除」を選んでください。
一まとめにできたら、このアニメ表示を何回繰り返すかを設定します。
茶色四角の「繰り返し回数」に数字を入れるか、ずっと繰り返す場合は「永久に繰り返す」にチェックを入れます。
最後にこの７コマを１つのファイルとして保存します。
黄色四角の｢ファイル」をクリック →「名前を付けて保存」をクリック →ファイル名を決めて自分がわかる適当な場所に保存します
これでついに完成しました。
できたファイルをダブルクリックしてみてください。
絵が動いていればＯＫです。
最後に注意点ですが、以前に説明したとおり、コマとして使うには画像がＧＩＦ形式で保存されていないといけません。
色んなブログで動くバナーを見ると思いますが、基本的な原理は同じです。
面白そうなバナーがあれば、自分のＰＣに保存して、このＧｉａｍで開くとコマの作り方がわかって参考になると思います。
単純なバナー作りでしたが、フォトレタッチとＧＩＦアニメソフトの機能をもっと使えばこったバナーも作成可能です。
以上でバナー作成編は終わりです。ここまでお付き合いいただきありがとうございました。
次回からは、バナーをブログに貼り付ける方法を説明します。
他のブログサービスでは操作方法が若干違うかと思いますが、わからないのでアメブロでの作業でご説明します。
基本的なことは同じだと思います。
では、今回は終了といたします。