|
超簡単!!ブログバナーを作ろう♪ の記事で アニメＧＩＦバナーを作成する時に、「同じように動きません」とのご質問がありましたので アニメＧＩＦ画像というものを、まずは理解してもらうために説明しておきます。 ★まずは知っておくべきこと Yahooブログにバナーとして登録出来るものは Yahooブログヘルプの http://help.yahoo.co.jp/help/jp/blog/blog-18.html の説明にもありますが 画像はGIF形式のみで、ファイルサイズは148×38ピクセルまで、かつ 64KB までです。 つまり、横幅１４８ピクセル 高さ ２００ピクセル の大きさまでのもので ファイルサイズが 64KB ＝ 65536バイト までのサイズのものだけです。 それ以上のサイズ（大きさ）やファイルサイズのものを登録する事は出来ません。 ※ブログバナーの登録は「ブログ設定」画面の「画像情報」のところで パソコン内に保存したバナー画像を選んで「OK決定」を押せば登録出来ます。 ★次に、当ブログではアニメＧＩＦファイルでバナーや名前アイコンを作成するために ■ 超簡単!!動くアイコン・バナーを作ろう♪ という記事で フリーソフト（無料で使えるソフト）として、 Giam というフリーソフト をご紹介し 動く名前アイコン や 動くバナーの作り方をご紹介しています 【著作権許諾表示】
当ブログでは Giam の作成者さんにも、オートロゴの管理者さんにも ちゃんとメールでサイトの画像や、ソフトの起動画面の 使用許可を戴いております。 オートロゴさんの リンク用ミニバナー作成 ページで 動いているバナー素材を使って、Yahooブログ用のバナーを作ろうとすると どうしてもファイルサイズが大きくなってしまって５ＫＢを超えてしまい、 Yahooブログ用のバナーとしては使えなくなってしまいます。 なので、 ファイルサイズを自分で減らす努力をしなければなりません ★アニメＧＩＦ画像のファイルサイズを減らす方法 ・バナーの色数を減らしてサイズを落す ・動くコマ数（使う画像数）を減らしてファイルサイズを落す アニメＧＩＦファイルは、複数の画像を順番に次々に表示させて アニメのように動いているように見せる画像ファイルの事です。 そのコマ数（画像数）が増えれば増えるほど、動きは細かくなめらかになりますが ファイルサイズはその分、大きくなってしまいます。 なので、ファイルサイズを小さくするためには、コマ数（画像数）を少なくするか 使われている色数を減らすしか方法がありません。 ★下に１つの「例題バナー」の例を挙げて説明します。 例題にしているバナーはオートロゴさんのサイトで そのまま作成してみたバナー画像を、フリーソフトの Giam で分割したものです。 作成した「動くバナー」は、そのままでは ９．７２ＫＢ のファイルサイズになるので 「Yahooブログバナー」としては登録出来ません。 （※現在は上限が64KBにアップしたので登録可能） なので、Giam のソフトを使ってコマ数（画像数）を減らして、 保存する時に「色数」も減らしてファイルサイズを５ＫＢ以内にする必要があります。 ★オートロゴでそのまま作成したバナー画像
このバナーのファイルサイズは 9.72KB です  ★保存時に色数を減らす  この画像は Giam でアニメＧＩＦ画像を保存する時に
保存時の色数を選択する画面です。 最初は２５６色になっていると思いますが ６４色に減らすことでファイルサイズが小さくなります 上の図のように、アニメＧＩＦ画像というのは これだけのコマ数（画像数）が合わさって出来たものです。 ファイルサイズを減らすには、その中から少しずつコマ（画像）を減らしてから 保存してやれば、ファイルサイズが小さくなります。 当初、２２コマあったコマ数（画像数）を１０コマ（１０画像）に減らして作ったのが 下に表示させたアニメＧＩＦで作ったバナーです。 ★ファイルサイズを減らして、4.58KB になったYahooブログバナーとして登録可能になったバナー
※現在は64KBが上限となりました ★これで無事にYahooブログバナーとして登録が可能なアニメＧＩＦバナーが出来上がりました♪ この記事を参考に素敵なオリジナルバナーを作って下さいね♪ ▼ご注意▼オートロゴさん では、代行作成や受注作成は厳禁されています
心無いルール・マナー無視の一部のYahooブロガーさんのせいで、せっかく用意していただいた ヤフー専用アイコン作成ページ が昨年、閉鎖されました。 くれぐれも提供サイトさんのルールを守ってご利用下さいね http://www.tokyovalley.com/yahoo_blog/article/article.php ★記事作成元★文責楽しむYahoo!ブログの作り方♪ (c)OYAJI 作成者 http://oyaji3.com/icon (引用について・トラックバック自由・■当ブログ記事の転載条件←必ずお読み下さい） 【作成元記事】
|
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
実は私も動く虹を使いたかったけどファイルが大きくてあきらめていました。色減でかなり違うんですね、やってみます。有難うございます。傑作ぽちです。
2007/1/6(土) 午後 9:31 [ リエ ]
内緒2007/1/6(土) 午後 7:29さん : ありがとうございます♪苦心して作ったこの記事が、皆様のお役に立ててもらえて喜んでいただければ、私もとても嬉しいです♪
2007/1/17(水) 午後 9:02
リエさん : はい、アニメGIF画像は色々と工夫しなければ、ファイルサイズはなかなか減りませんので色を減らすだけでもかなり変わってきます。頑張って楽しいバナーなどを作って下さいね♪
2007/1/17(水) 午後 9:02
★お知らせ★用意されているアニメバナー画像の改変についての件を、 オートロゴ管理者のちゃらくさんに質問した時の回答を念のために書いておきますね。 自分で利用するために、用意されているアニメGIF画像を加工するのは全く大丈夫なので安心して加工利用して下さいね。
2007/1/17(水) 午後 9:08
【ちゃらくさんの回答内容】→『さて、ご質問の件ですが、記事の頁拝見しました。いやー、大変 よく書けてますねー。非常に解りやすいです。（略）ご質問の件はＯＫです。自分が一番やって ほしくないのは、「素材としての単体配布」と「受注作成」です。 これ以外は何ら問題ありません。どうぞ、加工なりご自由にして頂いてけっこうです。』
2007/1/17(水) 午後 9:08
■最近やっと アニメができるようになったおばさん初心者です。
詳しく説明してあり 勉強になります♪
またいろいろ参考にさせてくださいませ！！
ファン登録 させてくださいませ ポチ★
2007/9/30(日) 午後 0:06
動くブログバナーを作成したいので記事を参考にさせて下さい。
挫折しないよう頑張ります＾＾；
傑作ポチ☆
2008/6/9(月) 午前 8:37
アニメ・・・よく分からないけど・・・やってみたい。
HPビルダーを貰ったのですが、その場では出来るのですがブログには貼り付けできません・・・・。何故なんでしょう・・・
あっ！すいません。 いろいろ、勉強させて下さい。
また、おじゃまします。ありがとうございました。
2008/9/4(木) 午後 6:31 [ 水玉 ]
水玉さん ： ビルダーで作成したとの事ですが、
その画像が、独自のファイル形式の場合でしたら無理ですし、
アニメGIFファイルだとしても、ファイルサイズが規定よりも
大きい場合も貼れません。
Yahooブログに投稿出来る、ファイル形式・ファイルサイズで
投稿してくださいね。
2008/9/5(金) 午前 1:51
おぉありがとぅござぁいまぁすぅ
2009/7/18(土) 午後 6:22 [ - ]
ありがとうございます。このアイコンつくれました
2009/9/6(日) 午後 3:24 [ 姫神 茜 ]
分りやすいです＾＾ ありがとうございましたぁ。。
2009/9/27(日) 午前 7:04 [ とろろこんぶ ]
凄いです！！以前から見てましたがとても分かりやすいです！！
現在中１です！！ファンポチしときますｗｗｗ
2009/10/9(金) 午後 7:49 [ JOKER ]
初めまして！
2時間格闘の末、やっと出来ました。
ありがとうございます！（*＾ワ＾*）
2010/1/23(土) 午後 2:27
はじめまして。ヤフーで検索してきました。
時々見に来て勉強したいと思います。ポチポチポチ
2010/7/18(日) 午前 6:43
おかげでネームアイコン作れました♪
ありがとうございます♪
2011/1/3(月) 午後 8:12 [ y♪u♪r♪a♪r♪i♪n ]