FC2ブログ

動くイラストと猫漫画

鉄道・猫・イラスト・音楽のブログ。2007年Yahoo!開設

Entries

ヤフーブログの使い方「動く名前アイコンの作り方」

ヤフーブログの名前アイコンにはGIFアニメーション画像が使えます。
例えば、こんな名前アイコンを設定できます。

  

  
  
  
  
  


これまで1000種類以上の動くアイコンを皆様に作成して参りましたが、目が悪くなってドット単位の画像処理に困難をきたすため、作成は終了させていただきました。

そのかわり、ご自分で動くアイコンを作りたい方のために無料の作成サイトを紹介します。

動く名前アイコンの作り方

1.まず土台を選んで文字入れしておく

土台配布サイトは終了しましたが、鉄道アイコンと無地アイコンのみ
こちらのサイトで配布しています↓

ペイントで縦17ピクセル、横60ピクセルのキャンバスを設定して
文字入れしておく方法が簡単です。
ペイントでの保存はPNG画像がきれいにできます。



2.動く画像作成サイトはこちらです↓



このトップページの下の方に文字入れツールのサイトがありますから
ここで文字入れしておいてもいいですが、ペイントの方が簡単だと思います。
ここで文字入れしたい人は下を参考に。


3.文字入り画像が2.3枚用意できたら「動く名前アイコン」作成作業に入ります

トップページの右側にある「GIFアニメ作成はこちら」をクリック
(動く画像はGIFアニメーション画像といいます)



4.パソコンに保存した文字入り画像アイコンをアップする





1枚目から順に選んでいくとファイルサイズが表示されますので
合計が5120バイト以下になるように選んでアップロードして下さい。
5KB(キロバイト)は5120B(バイト)です。

ヤフーブログの名前アイコンは
60x17ピクセル以内の画像で5キロバイト以下という制限があります。



画面の下の点滅間隔(画像切り替えのタイミング)と
ループ設定(繰り返しするか、しないか)を
お好みに合わせて選択して下さい。



「GIFアニメを作成する」をクリックすると下の画面に切り替わります

5.完成したアイコンをパソコンに保存する

「ダウンロード」をクリックすると長い名前が表示されるので
iconやnamaeなどわかりやすい名前に書き換えて保存してください。
(そのままでも保存出来ます)

6.できたアイコンをブログに設置する


「ブログ設定」から「名前アイコン」の欄の「ファイルを選択」をクリックして
保存したアイコンを選び、開く


7.最後に右下の「OK」をクリック

アイコンはすぐには表示されませんが、どこかにコメントする
新しいアイコンに切り替わります。(過去のアイコンも新しいのに変わります)
アイコンを設定していなかった人もコメント欄の名前がアイコンに変わります。

この他GiamなどのGIFアニメーション画像作成ソフトを使っても動くアイコンは作れます。Giamは無料です。使い方は知りません。

私はホームページビルダーのウェブアニメーターを使っていますが、ホームページビルダーは元々ホームページを作るためのソフトですから、GIFアニメーション画像を作るために買うのは非常にもったいないです。

作成例

例えば下のように肉球が足跡のように現れて名前を表示するアイコンを作る場合を説明します



1.まず下の肉球アイコン4枚をパソコンに保存してください。









2.下の無地アイコンを保存して名前を書き入れておきます


ペイントで記入してください。


3.こちらのサイトで→http://www.bannerkoubou.com/
名前の土台とあわせて5枚の画像をアップして
切り替えタイミングを0.5秒にします
名前アイコンは同じ物を2枚アップすると名前の表示時間が1秒間になるので
よみやすくなります。




4.繰り返し設定を「する」にして作成すると下のようになります



名前を1文字ずつ出したい場合は、下のように1文字ずつ増やした名前画像を3枚用意してください


  
  

※合計ファイルサイズが大きくなってしまう人は、写真画像などの「色数が多い画像」を使っているからです。

イラスト画像のように「ベタ塗りで色数の少ない画像」を使用すると枚数が多くても5KB以内におさまります。

ちなみに見本の肉球アイコンは2KBです。


関連記事

コメント

Comment_form

管理者のみ表示。 | 非公開コメント投稿可能です。

Menu

最新記事一覧(サムネイル画像付き)

フリー素材「長谷川選手アニメーションイラスト」ホークス勝敗カレンダー決定版 Oct 22, 2021
フリー素材「由利高原鉄道アニメーションイラスト」 Oct 21, 2021
ホークス観戦。そして松坂大輔引退。アニメーションフリー素材 Oct 20, 2021
猫漫画「チビハウス2021が完成」 Oct 19, 2021
撮り鉄「コスモスとSL人吉」 Oct 18, 2021
撮り鉄「西鉄電車とキバナコスモス」 Oct 17, 2021
乗り鉄「島原鉄道の旅後編」島鉄バスと有明フェリー Oct 16, 2021
乗り鉄「島原鉄道の旅」キハ2500形 Oct 15, 2021

ブロとも申請フォーム

シンプルアーカイブ


シンプルアーカイブの使い方

プロフィール

ちいこ

Author:ちいこ
「動くイラストフリー素材」で検索して下さい。
運営サイトが出ます。
約3000点のフリー素材があります。

FC2ブログカウンター

ランキング参加中

応援ありがとうございます

鉄道コム にほんブログ村 イラストブログ フリーイラストへ
にほんブログ村