FC2ブログ

動くイラストと猫漫画

鉄道・猫・イラスト・音楽のブログ。15年目に突入。

Entries

Yahoo!ブログの名前アイコンの作り方解説


ヤフーブログの名前アイコンには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

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

猫漫画「カツラ猫とチコちゃん」 May 18, 2022
美しく変身「銀釜EF81 303」動画・写真・イラストgif鉄 May 15, 2022
猫漫画「エコ暖房でくつろぐ猫」 May 14, 2022
描き鉄GIF鉄「ガンダムと九州新幹線など(ららぽーと福岡)」 May 13, 2022
生観戦「東浜投手ノーヒットノーランおめでとう!」 May 12, 2022
描き鉄GIF鉄「若桜鉄道観光列車3両編成イラスト素材」 May 10, 2022
描き鉄GIF鉄「若桜鉄道その3若桜号のイラスト」フリー素材 May 09, 2022
描き鉄GIF鉄「若桜鉄道気動車 八頭号のイラスト素材」 May 08, 2022

ブロとも申請フォーム

シンプルアーカイブ

シンプルアーカイブの使い方
2007~2012ヤフーブログ

プロフィール

ちいこ

Author:ちいこ
ホームページ「動くイラストフリー素材」で3000点以上のフリー素材配布中

FC2ブログカウンター

ランキング参加中

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

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