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

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

Yahooブログ修行室

[ リスト ]

ブログバナー 作成 ガイド 作り方 動くバナー バナー アニメGIF画像 作成方法
★ このブログをあなたの MY Yahoo! に追加♪

ブログバナー 作成 ブログバナーの作り方 動くバナー


★ 大きなシステム改善がありました♪

Yahooブログに登録出来るブログバナーのサイズと形式が、大幅に変更となりました!!

詳しくは Yahoo!ブログからのお知らせ ←こちらの
最新のお知らせを見ていただくと判りますが、

これまで、

・形式、GIF画像のみ
・画像サイズ、148×38ピクセルまで
・ファイルサイズ、5KB まで

という制限のあった ブログバナー ですが、

なんと、それが


ファイル形式 GIF形式 JPG形式 PNG形式 に対応

画像サイズ(大きさ) 148×200ピクセルまで

ファイルサイズ 64KBまで


というように、改善されました♪


当ブログでは3年前、2005年3月25日に投稿した


大変長らくの間、569コメント、66トラックバック、傑作数525ポイントという凄い記事で

ブログ初心者の皆様に、ブログバナーの作り方をお伝えしてきたのですが

動くバナー(アニメGIFバナー)を作ろうとすると、

どうしてもファイルサイズ 5KBまで というのがネックになって
楽しいブログバナーを作成するのは、非常に苦労しましたが、
今回の改訂で、様々な楽しいアニメGIF画像のバナーが登場するでしょうし、
写真などのJPG画像も、大きなサイズで表示することが出来るようになった事は
大変に嬉しいことです!!

Yahooブログカスタマーサービスの皆様、並びにYahooブログスタッフの皆様、
本当にありがとうございます!!(感謝)


★基本的には、もちろん従来通りに上の記事でご紹介している方法で
ブログバナーは作成出来ますが、

一応、もう一度作り方を説明しておきます。

■ ブログバナーの作り方


ブログバナーはベース素材から選んで文字や設定値(位置など)を入力するだけで
自動作成をしてくれる素材サイトさんがありますので、
そこで画像を作成して、パソコン内に保存してから
ブログに設定して下さい。

■ 超簡単!!ブログバナーを作ろう♪

↑ この記事で、図解説明付きの解説記事をご覧いただければ
一目瞭然で判り易く手順通りに作れば
すぐに作成出来ますのでよろしければ参考にして下さいね。

上記の記事はオートロゴさん
というバナーやアイコン素材のサイトさんの利用方法の記事です。

★ブログへのブログバナーの登録は、「ブログ設定」→「画像情報」欄の
「ブログバナー」入力欄の横にある「参照」を押して
パソコン内にある作成したブログバナー画像を選んで「OK決定」をクリックすれば
メニュー欄に表示されるようになります。

オリジナルな動くブログバナーも無料のソフトで作成出来ます♪

■ 超簡単!!動くアイコン・バナーを作う♪

■ 超簡単!!アニメGIF画像についての説明♪

■ 超簡単!!アニメGIF画像についての説明♪(2)



◆ 基本はこれまでと同じです。
今現在(2008.04.18 現在)のうちのブログのブログバナーは
上の記事のアニメGIF作成ソフト Giam で作成したものです。

上にリンクしたこちらの記事
見てもらえれば、初心者さんでも簡単に 動くブログバナー が作成出来ます♪


★自分でオリジナルを作る場合はWindows付属のペイントソフトでも作成出来ます。
(スタートボタン→プログラム→アクセサリ→ペイント)
ペイントの画面で、「変形」→「キャンバスの色とサイズ」のところで

幅 148 高さ 200 (単位→ピクセル)

を選んで、その大きさのキャンバスに自由に色つけや文字を入力すれば
自作のブログバナー画像が作れます。

それを「名前を付けて保存」・「ファイル形式→gif」として
gif画像形式で保存し、ファイルサイズが 64KB以内のもの であれば
上に書いた方法でブログ設定画面で登録すればいいですよ。


上の記事で紹介しているオートロゴさん以外でも
無料バナー作成工房
というサイトさんもあります。


★GIF形式の意味については
http://www.mb.ccnw.ne.jp/kontoshi/papa/gimon/keisiki.htm
こちらのサイトが詳しいです。

ペイントの使い方は下記のサイトなどで詳しい使いかたを説明していますので
参考にしてみて下さい
http://hamachan.fun.cx/windows/peint2.html
http://www5a.biglobe.ne.jp/~color2/lesson/paint/p_save.html
http://www.wanichan.com/beginner/mspaint/


画像編集のためのフリーソフト(無料ソフト)もあります。
参考
http://www5f.biglobe.ne.jp/~ayum/ring/jtrimring.html
http://www.pixia.jp/
http://www.vector.co.jp/soft/win95/art/se161523.html


拡張子に関してはこの記事 で説明しています。


★皆さんも、色んなアイデアと工夫をこらして

オリジナルの楽しいブログバナーを作ってみて下さいね〜!!

よろしければ、作ったブログバナーの記事を
こちらの記事にトラックバックでつなげて下さい!

(トラックバックの方法は記事の下のトラックバックの文字リンクから見れます)



★ ブログ初心者の皆様はまずコチラをよく読んで下さいね★



 ★Yahooブログテクニック★INDEX :お勉強・解説記事はコチラ♪ 初心者必見です!


便利サイト登場♪





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

ブログランキング にほんブログ村

人気ブログランキングへ  ←クリックご協力下さい♪


http://www.tokyovalley.com/yahoo_blog/article/article.php

★記事作成元★

楽しむYahoo!ブログの作り方♪
作成者 http://oyaji3.com/icon
 (引用についてトラックバック自由・■当ブログ記事の転載条件←必ずお読み下さい)

【作成元記事】
ブログバナー 作成
記事作成日 : 2008.04.18
http://oyaji3.com/c2.gif


閉じる コメント(26)

アバター

◆(←今後、このマークがメニューのコメント欄に
表示されている場合は、1つのコメントで複数の方に
返信をしているマークだと思ってください)

こころさん : お知らせを見て、とり急ぎ簡単に作成しました♪
い・ち・お・う、うちのブログは初心者ブロガーさんのための
解説ブログですから・・・(苦笑)

chikenさん : そうですね、久々の革新的な改善ですね!

2008/4/19(土) 午前 1:12 OYAJI

アバター

◆(連コメ返信マーク)
chiisaiyoruさん : そうですね。最初の頃はそういう事が
とても楽しいですし、力を入れるものですよね♪
うちのブログ記事が色んなアイデアのきっかけになっていただければ
嬉しく思います♪

keiさん : はい、凄いです(汗;
最大の原因は、Yahooブログトップページ
http://blogs.yahoo.co.jp/
にYahoo知恵袋の案内が表示された事によるものですが、
特に一番上の「記事に動画を載せるには?」の回答では
私の回答がベストアンサーで表示されていますので、
そこからの流入が非常に多いのだと思います。
ちなみに、昨日(4/18)のブログの統計欄は

訪問者 2222 1030495
ファン 23 11629
コメント 26 71282
トラックバック 6 5585
ゲスブ投稿 13

でした・・。凄いです(汗;

2008/4/19(土) 午前 1:20 OYAJI

アバター

ちよっぺさん : JPG画像も使えるので、
色んな写真などでもバナー欄に表示出来るのがいいですね♪
ただ、これにより、著作権侵害画像をブログバナー画像として
違反掲載をしてしまうユーザーが増えないか?
という点が一番気がかりです・・・・。

2008/4/19(土) 午前 1:23 OYAJI

新しく大きなバナーにしてみました。
季節のものなどにしても楽しいかも〜。
綺麗になりました。著作権は心配です、大丈夫だと思いますが・・・

2008/4/20(日) 午前 4:55 ☆a−min☆

アバター

今までブログバナーは作っていなかったのですが、これを機に作ってみようかな。
前の記事とともに参考にさせていただきます。ポチ。

2008/4/20(日) 午後 2:06 そにあ♪

アバター

バナー作ってみました
[http://img.blogs.yahoo.co.jp/ybi/1/43/43/appurupairinngo/banner/banner.gif?1208604912]
トラバーさせていただきます

2008/4/20(日) 午後 7:58 リカ

知りませんでした(^_^;)
早速作ってみたのでTBさせて下さいね〜\(^o^)/
ポチっとな♪

2008/4/27(日) 午後 5:49 あっつん

顔アイコン

転送させてくださいd(o^皿^o*)

2008/4/29(火) 午後 9:28 myu*206*ex*z*bne

アバター

この記事を拝見してから、2週間!
やっと、ブログバナーを新しくしてみました♪

まだ、暫定なのですが、TBさせていただきます。
本当は動くバナーにしたいのです(^^)v
もうちょっとがんばります!

2008/5/3(土) 午後 5:51 へなちょこKei

アバター

keiさん : あ・・・そちらに先にコメントしました。

先回りしすぎちゃいました(笑)

アニメGIF画像を、「2、3分で作ったよ♪」と言うと
落ち込むかなぁ・・・(汗;

2008/5/3(土) 午後 6:30 OYAJI

アバター

大丈夫、落ち込みません♪

他人の技術力は、素直に感動し、尊敬するタイプなんですよ!
こう見えても、結構、素直なところもあるのに・・・
理解されない・・・il||li _| ̄|○ il||l

2008/5/3(土) 午後 11:36 へなちょこKei

顔アイコン

知恵袋から来ました!
詳しく説明してくださってありがとうございます。
とても助かりました^^

2008/8/10(日) 午後 10:09 [ きょーまい ]

顔アイコン

こんばんはぁ〜参考文から来ました。。私はバナーを作りたいし、それを自分のHPとリンクさせたい。そして、毎日のページの頭に常駐させたいと考えています。しかし、バナーは出来てもその貼り付けすら、まだ出来ていません。(泣)

2009/4/21(火) 午後 7:11 [ bou*u*a42 ]

顔アイコン

名前のアイコンは作れました♡
でも、それをどうやって設定するんですか??
教えて下さい。

2009/7/25(土) 午前 11:08 [ 佳奈 ]

顔アイコン

参考になりました!
ありがとうございます

2009/11/3(火) 午後 10:33 [ 怪盗K ]

使わせていただきました、ありがとうございます♪^^

2009/11/6(金) 午後 10:30 [ 四柱推命【占いKougetsu】九星気学 ]

顔アイコン

いきなりのコメント失礼いたします

GIFアニメのサイズを小さくするにはどうしたらいいのでしょうか

たとえば↓のようなアニメーションを保存してバナーにしたい場合、サイズが大きいためすることができません

これはどうしようもないのでしょうか・・・

http://www.paraman.net/images/thumbnail/100420/51186_m.gif

以上中三の生意気坊主からの質問でした。答えてくださると嬉しいです。

2010/5/28(金) 午後 2:25 矢吹丈

アバター

だるまさん : その画像はあなた自身の作品ですか?
他人のものを利用する場合は、ちゃんとその元の作者の許可が必要ですよ。

手順だけを簡単に説明すると、
・画像の作者に了解を取る。
・ http://blogs.yahoo.co.jp/uragoe_2ch/43601278.html を参考に
アニメGIF画像の作り方を覚える。
・作者から許可が出たら、
http://help.yahoo.co.jp/help/jp/blog/blog-18.html
にあるように、Yahooブログで利用できるバナーの画像サイズは
148×200ピクセルまでなので、元となっている画像を縮小し、
再度、アニメGIF画像に変換する。

2010/5/28(金) 午後 4:39 OYAJI

アバター

だるまさん : 手順としては、Giamをインストールして
元のアニメGIF画像を読み込んで、コマを全部選択し
「ファイル」→「選択コマの保存」でいったん元画像を保存する。
保存した3枚の画像をバナー用のサイズに合わすために
ペイントなどで縮小保存する。手順はペイントの場合だと
変形→伸縮と傾きの所で、49%にすれば横が147ピクセルになる。
それを3枚とも繰り返して同じサイズにして
再びGiamで読み込んでアニメGIF画像にする。

・・・という手順で出来ます。

2010/5/28(金) 午後 4:48 OYAJI

顔アイコン

ご丁寧にありがとうございます‼
これは自分でつくりました。

やってみますね!

2010/5/28(金) 午後 6:11 矢吹丈

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


.
アバター
OYAJI
男性 / B型
人気度
Yahoo!ブログヘルプ - ブログ人気度について

ブログバナー

スマートフォンで見る

モバイル版Yahoo!ブログにアクセス!

スマートフォン版Yahoo!ブログにアクセス!

検索 検索

日常

登録されていません

グルメ

登録されていません

音楽

登録されていません

他社ブログ

登録されていません

ブログ

登録されていません

経営者

登録されていません

BSP

登録されていません

情報

登録されていません

パン一同好会

登録されていません

基本

登録されていません

国際交流

登録されていません

素材リンク

登録されていません

転載・著作権・ブログ運営

登録されていません

1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

よしもとブログランキング

もっと見る

[PR]お得情報

コンタクトレンズで遠近両用?
「2WEEKメニコンプレミオ遠近両用」
無料モニター募集中!
いまならもらえる!ウィスパーWガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント
お肉、魚介、お米、おせちまで
おすすめ特産品がランキングで選べる
ふるさと納税サイト『さとふる』
いまならもらえる!ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント
ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
11/30までキャンペーン実施中!

その他のキャンペーン


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

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

みんなの更新記事