楽しむYahoo!ブログの作り方♪

【祝! 3,150,000 アクセス達成!感謝ヽ(・∀・)ノ】

全体表示

[ リスト ]



超簡単!!動くアイコン・バナーを作ろう♪【2】


http://oyaji3.com/enews01.swf
         上に表示される記事タイトル ↑ をクリックすると表示された記事が開きます

 私の名前アイコン https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/home/imgnick?1111514713のように、動くアイコンを作るには
 まず 表示させたい枚数分のGIF画像 を作り、それらを繋げてアニメーション化させる為の
 アニメGIFファイルとして保存する事が出来るアニメGIF作成ソフトが必要です。

 つまり、パラパラ漫画のように1枚ずつ少しず違う複数の画像を
 1つの画像ファイルとして連続して表示する事で、
 動く(ように見える)GIF画像ファイルの事をアニメGIFファイルと言うのです。


 まず、元となる同じサイズのGIF形式の画像を作りましょう。



★この方法を覚えれば、あなただけのオリジナルなアイコンやバナーだけでなく

 いろんな画像や写真を動かして表示させることが出来ます♪

 トップページ用の写真(GIF形式のみ)を、切り替わるようにも表示可能です。
 (動く写真が作れます)



 ★例として7つのGIF画像で「名前アイコン用」のアニメGIFファイルを作ります。

  https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/180830/img_180830_15596859_1?.gif

アニメGIFファイルの作り方


 元となる画像を作ったら、次にソフトを入手します。
 色々なフリー(無料)のアニメGIF作成ソフトがありますが、
 ここでは私の使っている Giam というフリーソフトを紹介します。
 まずは Giam ダウンロードのページ へ行って、
インストーラ版ダウンロードで、Giam***.EXE をダウンロードし実行しましょう。
(***の部分は数字です。バージョンアップにより数値が変わります)

https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/826769/img_826769_45965545_0?.gif


 インストールが終わったら、実行ファイルをクリックし、ソフトを起動します。

https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/180830/img_180830_15596859_3?.gif

 ,海海らアニメ化したい画像ファイルを選んで下さい
 画像の挿入−2コマ目以降の画像はここから選びます
 2織灰淕椶選ばれているか表示されます(図では1つ目の画像が選択表示されている)
 ぅΕДぅ函複吋灰淤茲良充待時間)を、プレビュー画面Δ鮓ながら決めます。
 ゥ廛譽咼紂蕊充┘椒織鵑任
 Α岾始」を押すと、で選ばれている画像をアニメーション表示します
 Р菫が重なって表示される場合は画像1枚ごとにここを「背景色でつぶす」にして下さい。
 ┣菫の白い部分などを透過色にすると、画像ファイルサイズを小さく抑える事が出来ます。
 好みの変化速度になるように1コマ(画像)ごとにい離ΕДぅ班耽瑤鯆汗阿
 Δ離廛譽咼紂爾杷柴製侏茲譴弌▲侫.ぅ襪鯡樵阿鯢佞韻栃歛犬靴泙靴腓Α
ずっと動かしたい場合は「永久に繰り返す」に必ずチェックを入れて下さい

 ※Yahooブログでは名前アイコン(とバナー)のサイズは5KB以下でなければなりませんので
  ファイルサイズに注意して作成しましょう。
  ファイルサイズが5KBよりも大きくなってしまう場合は、色数を減らして保存したり
  動かす画像の枚数を減らすなどしてサイズが5KB以内に収まるように作らなければなりません。
  
保存した画像を、ブログ設定→画像情報→名前アイコン
に登録し OK決定 を押せば完了です!

■注意点■
表示の際に、画像が重なって表示されてしまう方は、
各画像の『消去手段』の項目を変えてみて下さい。
「背景色でつぶす」を選択すると、画像が重ならなくなります

※ソフト画面の使用・再配布(転載)については Giam 作者の了承を得ております

■関連記事



動くアニメバナーについてはコチラ!!

■ 超簡単!!アニメGIF画像についての説明♪
動くアニメバナー作成についてはこちらも参考にしてみて下さいね♪



お役に立てましたら「傑作」ボタン押! もよろしく!!

 傑作について



ご協力頂けると励みになります♪

ブログランキング にほんブログ村  ←クリックご協力下さい♪





【作成元記事】
超簡単!!動くアイコン・バナーを作ろう♪【2】
記事作成日 : 2005.04.03
最終更新日 : 2008.01.29

閉じる コメント(92)

顔アイコン

初めまして。ブログ初心者の者です。
知恵袋から参りました。 何も分からず、少し自分のブログも停滞してます 汗
また何度か、お邪魔すると思います(^_^;)
ではでは〜

2009/4/9(木) 午後 7:35 [ - ]

顔アイコン

初めまして。
知恵袋からたどり着きました。
ブログ初心者、しかも機械音痴で分からない事だらけなのにブログをはじめました(^^;)
色々やってみてるので、ちょくちょくお邪魔すると思います。

2009/4/20(月) 午前 8:20 [ mina ]

顔アイコン

機械音痴の私でも、何とか名前アイコンの作り方分かりました☆
ありがとうございます。
ブログの中もいろいろアレンジしたいと思います。
分からない事だらけなので、また来たいと思います。
いろいろ教えてください。宜しくお願いします。

2009/4/20(月) 午前 11:03 [ mina ]

顔アイコン

何度もスミマセン。

アイコンできました!って報告に来たんですが、すでに(^^;
応援ポチ☆傑作ポチ☆

2009/4/20(月) 午前 11:43 [ mina ]

はじめまして!

この記事を参考に作らさせていただきました!
ありがとうございました!

ふぁンぽち&傑作ぽち♪

2009/5/7(木) 午後 7:24 [ - ]

顔アイコン

念願の動くアイコン出来ました。
ありがとうございました。
もっと工夫していい物作ります!
ありがとうございました。

2009/5/14(木) 午前 11:53 琉球人

顔アイコン

はじめまして!!教えてくださってありがとうございました!!
でもみら、(私)アニメGIFソフトもってないんですよ〜…
ポチ!!

2009/5/22(金) 午前 9:49 [ みら ]

顔アイコン

このブログ見て名前アイコンやっと出来ました。有難う御座いました。また利用させていただきます宜しくお願いします。

2009/6/4(木) 午後 2:45 wing

顔アイコン

はじめまして凄く勉強になりました。
ありがとうございます。
(可愛い名前がつくれました。)

2009/6/11(木) 午前 0:09 naobu

顔アイコン

名前アイコンを作りたいと思って探していたらコチラにたどり着き
参考にさせていただきました。ありがとうございました。

2009/6/26(金) 午後 10:48 凛

顔アイコン

GIFってどうやってひらくんですかね??

2009/7/16(木) 午後 5:56 [ 仁香 ]

顔アイコン

ありがとうございまーーーーーっす!!!

すぐつくろっと((殴

2009/8/28(金) 午後 3:28 [ - ]

顔アイコン

おはようございます♪
大変参考になりました。ぜひ作ってみようと思います。
どうもありがとうございましたm(_ _)m

2009/8/31(月) 午前 7:00 A子

顔アイコン

動くアイコン
早速つっくてみました

2009/9/22(火) 午後 8:03 [ - ]

顔アイコン

知恵袋からお邪魔しました。
動くアイコン作りたいと思います。
勉強のために転載させてください。

2009/9/28(月) 午後 9:49 [ - ]

顔アイコン

ありがとうございます。
みんなやっているのに、どうやればいいんだろう?と思ってたけど、できました!!
ありがとうございます

2010/1/23(土) 午後 8:46 [ - ]

顔アイコン

はじめまして。
大変参考になり勉強になりました!
ありがとうございます。

また何度か、お邪魔すると思います。

2010/3/1(月) 午前 0:00 [ hinatomo ]

顔アイコン

おはようございます。 出来ましたよ・・・・gif画像だけはつくっておいたので、ご紹介いただいたファイルを開いて20分位で完了、これは兎に角、動くのを確認してちゃんと表示されて・・・・嬉しいですね。ありがとうございました。

2010/3/18(木) 午前 7:11 前田hkgs

顔アイコン

ありがとうございます。おかげで、できました。

2010/5/4(火) 午前 8:23 [ ぷち ]

顔アイコン

転載しました

2010/6/30(水) 午後 6:05 [ LEON ]

開く トラックバック(2)


.


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事