FC2ブログ
2019年10月 / 09月≪ 12345678910111213141516171819202122232425262728293031≫11月

2008.04.28 (Mon)

バナーを作りました

気付いていただけたか分かりませんが、昨日の朝と今とでは、若干ここの様子が違っています。
あずきこちら
ちょっと左下あたりをご覧になって下さい。

人気ブログランキングのバナーを、
「あずき日記。」 のオリジナルにしてみました。

まあ、たったそれだけのことなんですけど・・・・
ワタクシ的には、長年の夢。

よそのサイトでよく見かけるので、ずっと 「いいなぁ」 と思っていてね・・・。

特にあずきサンを描くようになってからは、彼女でぜひ作りたいと思っていたのです。

でも、やり方が分かりません。
今まで使っていた既成のバナーでさえ、最初貼り方が分からず、
めっさ苦労してやったのです。


「落ち着いて検索すれば、絶対どこかにやり方が書いてある。
人間やれば出来るのだ!」

そうは思うのですが、普段は記事をアップするのにアップアップ・・・・。
そこまで手が回りません。
ようやく昨日、チャンスが訪れました。

店が休みで、かつ旦那さんが留守。 半日、PCに没頭できます。


で、必死になって作ったのが、左のバナーです。
・・・・いかがでしょうか?

こんな単純なモノなのに、皆さんが想像するより、ずっと苦労しました。 落ち込み

まず、ランキングのバナーと言うのは、ルールがあるんですよね。
「人気ブログランキング」 の場合ですと、

オリジナル画像を使用する場合は横150px、縦60px以内の画像で、"人気blogランキング"の文字の表記が必要

となっています。

ふむふむ・・・・。
「そのサイズのあずきサン画像を作り、今まで使っていた既成のバナーを重ねてあげればいいんだ」
頭でイメージするのは簡単です。

が、恥ずかしながらワタシは、画像加工の 「レイヤー」 という機能を使ったことがありません。
この機会に覚えりゃいいんでしょうが、触っているだけでは上手くいかないので
すぐにあきらめてしまった。

出来ることだけでやろうとしたため、結局は 「やり直しに次ぐやり直し」 。
こんな手順でやっていたのです・・・・。 ハズカシイ。

バナー失敗手順1
  ①まず、60×60pxくらいに画像を縮小し

バナー失敗手順2 ②それを横長にする
 
 (切り取って、テキトーな横長サイズの新キャンバスに貼り付けただけ)

バナー失敗手順3 ③それをまたテキトーに
 トリミングで短くして
 あずきサンには、端っこに寄ってもらう。 

で、⑤以前使っていた既成品のバナー画像を、この画像に 「貼り付け」る。

が、「貼り付け」 は、あくまで、中心に入ってしまう。
勘だけを頼りにここまで作ったので、実際やってみると・・・・・

バナー失敗手順4 あらら・・・・、ちょっと頭にかぶってしまった。
 サイズさえ整えれば使えないこともないけど
 ちょっと納得がいかない。

成功バナー結局、微調整を繰り返し
⑥規定内にサイズを整え
やっと、バランス・サイズともOKな画像が完成。→

ね? 全部テキトーにやっているから、無駄な作業が多いでしょ。

ここまで出来たら、⑦この画像をいつも通りにアップロードします。

ちなみに、このピンクのバナーは、今回説明として載せているだけなので
押してもらってもランキングのサイトにリンクしません。
「サイズがデカイ」 とか、通報しないでね

あとは、⑧タグ・・・・。 (;-_-) =3 フゥ

ワタシは、この「タグ」 というのが全く覚えられないので、毎回理解するのに
すんごく苦労しています。

今回も、自分ではうまく説明できないので、参考にしたページのリンクを貼っておきます。FC2ユーザーズフォーラム FAQ よくある質問 
「バナーを作り(貼り)たいのですが」
(FC2ブログのフォーラムなので、他のブログサービスの方はごめんなさい)

なんとか、出来た模様。

ちゃんと、このバナーでランキングのポイントが入るのか不安ですが、
的が大きくなった分、押す方としてはイイ感じ。

調子に乗っていろんなバリエーションを作ってみたので、
今後、どんなバナーが登場するか楽しみにしててね。

さあ、みなさん「どーにも押したくなってきた」 でしょう?
そういう方は、このすぐ下のバナーを押してみて下さい。

バナー 
  ランキングに参加しています。
  応援してくださる方は、クリックお願いします♪

「ポイントを入れたくない」という冷静なお方は、ピンクの ”偽バナー” でも
押してちょうだいな。
今日のところは、”素振り” でも勘弁してあげるわ。 (^0^*オッホホ  

11:26  |  パソコン奮闘記  |  トラックバック(0)  |  コメント(12)

Comment

祝!!オリジナル・バナー完成~♪♪

記念の“ポチ”しましたヽ(゜∀゜)ノ
押し心地サイコーです(笑)

私、バナー・オタですので、これからも楽しみにしていま~す(=^▽^=)
kuririn |  2008.04.28(月) 11:49 | URL |  【編集】

すごい!!

私も、バナー貼るのに苦労しました。
だから、作る方にまで、
頭が回りません・・
この前、娘に作ってもらっていました。
でも、まだ貼れていません。
( ̄▽ ̄;

あずきさん  すごい!!
とんぼ |  2008.04.28(月) 12:33 | URL |  【編集】

昨日から気づいてましたとも!!
着実に進化しているあずきさん、スゴイです。
そのうちカータンさんのようにいろんなキャラのバナーが登場でしょうか。
このバナーのあずきさん 違反かも。
だって大丈夫?って思わせる 頼りなさ気な雰囲気で
確実にランキングアップですから。v-218
lei |  2008.04.28(月) 13:29 | URL |  【編集】

訂正 今朝でした。
lei |  2008.04.28(月) 13:30 | URL |  【編集】

あずきはんが記事にしてくれたおかげで、
わたくしもオリジナルバナーデビューが出来ましたーーッ!
ヾ( ̄∇ ̄=ノ バンザーイ♪ヾ(_ _)ノ モヒトツヾ= ̄∇ ̄)ノ バンザーイ♪

ずーーっと、わたくしも憧れていたので、
出来て嬉しいですッ!
女将さまさまです♪
(●´∀`)ノ+゜*。゜喜+゜。*゜+

あずきはんがリアルに色々考えながら作ってみたやり方だからこそ、
わたくしにはとっても分かりやすかったです~♪
(でももちろん、相当時間かかりました^^;)

出来る事が増えて、嬉しいです♪
犬バナーですけど。( ̄∀ ̄)
はちみつココア |  2008.04.28(月) 16:07 | URL |  【編集】

しつも~ん

バナーのあずきさんの空をさまよう手は
フラダンスですか?(意地悪
まゆ |  2008.04.28(月) 21:11 | URL |  【編集】

バナー可愛い♪本当に進化してるよね!
ランキング18位だし。
はっちーのところで読んだんだけれど、
PCの調子まだ悪いんだって?
うちの旦那に相談してみたら、
バックアップ取って、初期化するといいって。要は、買ったときに戻すんだって。
mimi |  2008.04.28(月) 23:19 | URL |  【編集】

スマン!!気付かなかった。左のバナー、クリックしたことないからなぁと自己弁護。
オリジナルバナーって大変なんですね。あずきさんの説明を見ても、ワタクシにはさっぱり解らん。150pxだの、レイヤーだの解らない言葉が…。FC2を見たら見たでチンプンカンプン。あずきさんすごいv-237まあ必要になったら、ここを参考にするということで。

ランキング17位でした。これもすごい!!


ひろくん |  2008.04.29(火) 00:42 | URL |  【編集】

コメントありがとうございます

kuririnさん
ええ。大きくなったせいか、押した感触がイイ気がしますね~。

バナーは何パターンか作ったので、乞うご期待。
バナーフェチのハートを、鷲づかみにしたいわ!

とんぼサン
タグの説明とかは、読んでも全然頭に入ってこないのです。
とんぼサンも、そうですか?

けど、もう画像が出来てるなら、あともう少し。
人間やれば出来まっせ~!

leiさん
うふふ、気づいてくださった? 嬉しいなぁ。

>>違反かも。
ああビックリした。マジで、サイズ間違えたかと思いましたよ。

leiさんの予感通り、ポイントは・・・・( `pq´)ゥシシ

はっちー
あらま、速攻ね。
こんな記事でも役に立って良かったわ。

ここは「打てば響く」という親切なサイトだから、コメントし続けてれば
たまにはイイこともあるの。
もっと、みんな飛び込んで来ればいいのにね・・・┐(´ε`)┌

まゆさん
そう見えたなら、それでも結構。
もちろん下半身は、いつもの「ネズミ色ズボン」だけどね。

mimiさん
やった~♪ mimiさんにも、カワイイって言ってもらえた。
ランキングも、過去最高順位ですよね?(・・・と、mimiさんに確認する)

PCは、今もたまに固まります。
次は、そっちの方を落ち着いて解決しなければ!
旦那さんに聞いてくださって、ありがとうございました。

ひろくん
いやいや、とんでもない!
ひろくんだって、ブログをやってみれば理解できますよ。
ワタシ、本当に何も分からず始めたのに、ブログをやりながらだと
楽しくスキルアップ出来るんです。
こんな風に褒めてもらえると、ますますヤル気になるのだ♪
あずき |  2008.04.29(火) 00:59 | URL |  【編集】

出遅れました・・・

ワタシが下痢と嘔吐に見舞われている間にあずきさんがこんなに進化していたなんて!
ワタシがそのレベルになるまであと何年・・・
キャワイイバナーをワンポチ!
akiko |  2008.04.29(火) 11:51 | URL |  【編集】

あずきさんi-237スゴイ!!

イラストもバナーもi-179ものにした!
新バナーで初・応援ポチ!しますi-200
プチトマ |  2008.04.29(火) 11:52 | URL |  【編集】

コメントありがとうございます

akikoさん
あらら、ゲロッパv-535だったんですか?
そりゃあ大変でしたね。

ワタシはセコセコ活動することを好むので、バナー作りはハマりそうです。
しばらくはバナーをメインに見て下さい。

プチトマさん
やった! また、「つい押した」人が・・・。

「モノにした」かどーかは分かりませんが、非常に楽しんでいます。

ワタシみたいなアホでも「人間、やれば出来る」のだ。
あずき |  2008.04.29(火) 13:15 | URL |  【編集】

コメントを投稿する

Url
Comment
Pass  編集・削除するのに必要
Secret  管理者だけにコメントを表示  (非公開コメント投稿可能)
 

▲PageTop

Trackback

この記事のトラックバックURL

→http://azukizuki34.blog110.fc2.com/tb.php/360-66552b34

この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

▲PageTop