FC2ブログ

動くイラストと猫漫画

鉄道・猫・イラスト・音楽のブログ。#刺さる人にだけ刺さればいい

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

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

猫漫画と父の日イラスト素材 Jun 20, 2021
今日はポールマッカートニーの誕生日 Jun 18, 2021
乗り鉄「SL人吉臨時列車に乗車」 Jun 14, 2021
撮り鉄「特急かわせみやませみ/いさぶろうしんぺい」送り込み回送動画と車内 Jun 12, 2021
名鉄ミュースカイのイラストフリー素材と「妄想トレイン6/7」 Jun 11, 2021
6/9はロックの日 Jun 10, 2021
猫にかじられないように花を飾るには Jun 06, 2021
キハ66.67形引退と記念乗車券発売ニュース Jun 04, 2021

ブロとも申請フォーム

シンプルアーカイブ


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

プロフィール

ちいこ

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

FC2ブログカウンター

ランキング参加中

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

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