Entries

バナーを作ってみたよ!!

当blogは
主にアニメの感想をメインにしているのですが・・・

裏でもいくつかのテーマを持って書いておりまして
その1つが「webの研究」です。

最近、blogのサイドをいじっているのも
その実験を兼ねています(笑)


アクセスもおかげさまで
40000アクセスを超えることになりましたので・・

「何か・・blogを充実させる、新しいことをしたい!」と思いました。

そこで、blogの方向性をあまり変えないで
何かできないか・・・

その中で新しい勉強ができれば・・
それなら・・せっかく覚えたHTMLとCSSを使ってみたい

と思い・・・

blogと相互関連したモノで、
新しくHPを作ろうと決めました。


そして、現在、製作しております。


私はいろいろとやろうと思っても
中途半端になることが多いもので・・
(PHPやXMLも多少できるのですが・・・)

ですので、すでにスペースを確保し
「とりあえず、10月1日に開設するぞ!!」という目標で作成しております。





ただ・・

HPはするけれど、blogは更新しない
blogは更新するけれど、HPは更新しない

となっては、いけないし・・・


私は基本的にイラストは描かないし
小説も書いたりしないしな・・・

なんて思って、いろいろと考えた結果・・・


blog製作をする際・・・

キャラクターの名前を調べたり、作品について調べる

という作業を行うことが多いことに気づきました。


その中でも
公式HPとウィキペディアを使うことが多いので・・・

「じゃあ、アニメHPとウィキペディアへの超シンプルなリンク集っぽいのを作ろう」

ということで、
自分がblog製作の際に便利になるようなものを作っております。


そこから、いろいろと膨らませていければ・・と考えております。




さて、今回の本題・・

そういうわけでHPづくりのため・・・
ここ最近、いろいろなHPを見てきたのですが・・

今まであまり感じてこなかった
すご~く初歩的なお話・・・になります。

それは・・・

HPやWeb上での視覚効果というのは
思いのほか大きいな~と・・・

バナーやアフェリエイトの写真とか・・
そういう効果ってすごいのかも・・・

と改めて思った次第であります。

blogでも・・・
イラストは無理でも
文章を面白くするために写真とか・・

そういうのを多用していくというのは
やはり必要なんだろうな~と思いました。


その中で私はバナーというものに
目が行くようになっていました。

それは
新しく作るHPで、アニメ公式HPのURLを整理していたからです。


現在、当blogのサイドにも
いくつかのアニメ作品のバナーを新しく貼ったのですが・・・


現在、放映されて、
私がチェックしている10本くらいのアニメの中では
「あそびにいくヨ!」と「みつどもえ」くらいしかバナーがありませんでした。

もっと多いと思っていたので、意外な結果です。



ちなみに・・


来期のアニメでは
「侵略!イカ娘」のバナーをすでに確認しております。

bn_ikamusume_180_b.jpg

(あ、侵略されちゃった・・・)




そういうのをいろいろと見てみると・・・なんとなく・・
「ネットの多くの人がすなるバナーといふものを、私もしてみむとて、するなり」
(土佐日記冒頭をオマージュ・・・)


つまり・・・

自分もバナーを
(へたくそなりにシンプルでもいいから・・)
作ってみたいと思って・・・



作ってみました!!


blogbanner.jpg

イラストは自作です。
(何気に初イラスト公開!)

私はイラスト描きではないので
へたっぴですが・・(笑)
(基本的にイラストは描かないので・・・)

このキャラクターは・・・

以前、年賀状で描いた
DCⅡの朝倉音姫さん(のつもり)を使って
バナーを作ってみました。


otome.jpg



これが元絵です
素人が色塗りしたのですごく荒いです(笑)


やはり美術1の実力では
色のセンスも含めて、こういうのは難しいな~と・・(笑)



ちなみに
イラストの絵を塗るのには・・・

「PictBear」を使用しました。

バナー作りの参考にしたのは・・・
「とほほのwww入門(バナーの作り方)」

さらには・・
バナー作り用のソフトウェア・・
「BIDEN」と「TEON」のフリーソフトを使用しています。
(TOPページからどうやって入っていいかがわからなかったので、ダウンロードページにリンクさせています)

「BIDEN」と同じような画像縮小には
「縮小専用」というフリーソフト・・・もあります。


バナー上で使っているフォントは
フリーフォントの1つである・・・「ふい字」です。


「PictBear」はフォトショップみたいなソフトです。

他には「GIMP」とか「SAI」とかもあるのですが
「PictBear」はずっと使っていて、慣れているということで・・・


「BIDEN」は画像縮小ソフトですね。

「TEON」はボタンのように加工するソフトです。

どちらもなかなか面白いソフトでした。

どちらもbmp形式で使用します


ただ・・・bmpだと、このFC2blogではアップできないみたいなので
「ペイント」や「Photo Editor」でbmpをjpgやgifに変換するか・・・

「BIDEN」と同じようなソフトである画像縮小用ソフトの
「縮小専用」でbmpから直接jpgにすると良いと思います。
(普段から「縮小専用」はかなり多用しているソフトです。)


たぶんもっとうまく作る方法はあると思いますが・・


ちなみに・・・
「とほほ~」では
イラスト使わない、文字と色、柄で
バナーを作る方法が書かれておりました。


元々、こういうフリーのソフトウェアを組み合わせて使うのが
得意なほうなので、結構楽しかったです。




HP用にもバナーを作りたいとは思ってます。

キャラは・・・
手持ちイラストのAIRの観鈴ちん、恋姫の朱里ちゃん
かな~。

バナー用に
ちょろっとイラストを描いてみるのもいいかな~
なんて思ったり・・・(笑)






改めて、リンクについては書くつもりですが・・

上記のバナーで相互リンクしていただける方は・・

サイトURLは・・「http://moecognitive.blog110.fc2.com/」
バナーURLは・・「http://blog-imgs-44.fc2.com/m/o/e/moecognitive/blogbanner.jpg」

ですね。

後はHTMLのタグが必要になりますが・・・

<div>
<a href="http://moecognitive.blog110.fc2.com/">
<img src="http://blog-imgs-44.fc2.com/m/o/e/moecognitive/blogbanner.jpg" />
</a></div>

上のタグの「<」と「>」を半角入力にして
blogのサイドなんかに入力すると・・・



↑ 表示されると思います。
(HTMLのタグをそのまま書くと表示されないから、blogにタグを書くのが意外に大変だ・・・)

(上記の方法はFC2のヘルプにありますね~。)


ちなみに・・
相互リンクはいつでも募集中で~す。
(これも今まで書いたことがなかった・・・)




こういうのを考えている昨日、今日だったのですが・・・

サイドバナーに貼ってある
「もえくり」の「もきゅソフト」さんも
バナーがチェンジしているのにびっくりしてしまいました(笑)


ちなみに・・・

「もきゅソフト」さんのバナーイラストの子は
コウちゃんという子で・・・

初期からいるアタック系の女の子ですね(笑)

もちろんお気に入りですよん。
スポンサーサイト



0件のコメント

コメントの投稿

新規
投稿した内容は管理者にだけ閲覧出来ます

0件のトラックバック

トラックバックURL
http://moecognitive.blog110.fc2.com/tb.php/836-23e872e9
この記事に対してトラックバックを送信する(FC2ブログユーザー)

Appendix

プロフィール

にもたころ

Author:にもたころ
私の性格は・・ほぼ「こなた」?

アニメや二次元は
私の活力源です!!

このblogでは、主に・・

・アニメの感想
・漫画の感想
・ゲームの感想
・動画の感想
・テレビ番組の感想
・歴史について

・・・など

自分の思ったことを中心に
書いています。

最近はツイッターでの
更新が多くなっています。
(さぼり気味・・)

文章が下手なので
他の方には伝わらない部分も
多いと思います。

それでも・・
blogを見て、少しでも
楽しんでいただけたら幸いです!
m(_ _)m

当blogは
リンクフリーです。

コメント、なんでも大歓迎で~す。


相互リンクも大募集です!
一応、バナーもあります、詳しくは・・・
↓↓↓
こちらのページ

最新記事

リンク(バナー)

もえくり

かわいい女の子クリーチャーが出てくる フリーゲームのシュミレーションRPG!  奥が深く、やり応えがあります!!

カテゴリー

Web拍手

かわいいので置いてみました。

FC2カウンター

アニメのバナー

アニメのバナーです!
俺の妹がこんなに可愛いわけがない 桐乃ちゃんかわいいです 「まおゆう魔王勇者」TVアニメ公式サイト 魔王かわいい・・・

ゲームのバナー

ゲームのバナーです
「千里朱音」ちゃんです

新キャスターさん萌えます!

月別アーカイブ

カレンダー

06 | 2020/07 | 08
- - - 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 31 -

ブログ内検索

ブログランキング

ポチっと、応援していただければ嬉しいです!

メールフォーム

名前:
メール:
件名:
本文:

ブログ翻訳

Amazon広告

etc

面白そうなので置いてみました

ユーザータグ

風間千景 張松 斉藤一 天条院沙姫 バッファローベル 青山美生 千羽様 サテライザー=エル=ブリジット 孔明 西連寺春奈 桂小五郎 新選組 高坂桐乃 霧崎恭子 産業振興 けいおん! 今川ヨシモト 土方歳三 沙織・バジーナ 夕崎梨子 諸葛亮 金色の闇 キュアビート 真田雪村 ハートキャッチプリキュア! 西王母桃 唯野嵐子 文醜 日向夏美 諸葛謹 周瑜 慚愧 汐宮栞 司馬懿 クゥ・オルラ お静 ヴィンス・ガラルディ 西連寺秋穂 超級覇王電影弾 シンディー アーニャ・ヘルシング 涼宮ハルヒ 南冬馬 フェリス・エリス 高町なのは 飛鳥空 袁紹 アーネット=マックミルラン 相沢千鶴 張允 工藤真由 エルシィ ティシー 鷲宮神社 ファイナルファンタジー ルン 夏候連 雪洞・鬼灯 フィギュア 水樹奈々 籾岡里紗 結野嵐子 偽イカ娘 古手川結 徐庶 魏延 魯粛 樊氏 オカモト・ミドリ 夏候惇 原田左之助 ホウ統 黒川エレン 及川氷麗 ライナス&ルーシー セイレーン 藍沢光 キュアフラワー カン沢 新田晴子 凰鈴音 鳥居夏実 ToHeart2 張飛 榎本武揚 暁美ほむら 孔明リ・ガズィ 梨子 神戸 キュアムーンライト キュアマリン キュアリズム 豊郷 南野奏 不知火匡 池田彩 古手川唯 神無月ミヤビ 劉曼 木戸孝允 織姫 大鳥圭介 紗倉清美 美柑 高原歩美 涼子 山南敬助 イリス・エリス 永倉新八 斎藤渚 ナナ キュアサンシャイン 北条響 呂蒙 坂本龍馬 南夏奈 結城美柑 蒋幹 黄蓋 長月早苗 厳顔 西島和音 魔法少女リリカルなのは 田村ゆかり 上杉景勝 近藤勇 藤堂平助 ハミィ ララ 西郷隆盛 インデックス 花咲つぼみ 小喬 斎藤一 孫小香 松平容保 黒猫 上杉景虎 玉錦 姜維 雪村千鶴 馬超 孫権 周喩 男の娘 北高 ラナ=リンチェン 張遼 スヌーピー とがめ 藍澤光 薄蛍 石動美緒 葉山辰吉 高坂佳乃 馬謖 郭嘉 曹操 中川かのん 御門 アゲマキ・ワコ 九条凛 ドラゴンクエスト 神崎そなた 有田しおん 南雲薫 ミラン・フロワード らき☆すた お靜 キュアメロディ 日向秋 タマ姉 劉備 ガネッサ 顔良 ガネッサ=ローランド 天宮りずむ エナ・アストー 田村麻奈実 キファ・ノールズ キュアブロッサム 千里朱音 関羽 西連寺春菜 月影ゆり チャーリー・ブラウン 間宮由美 向坂環 シナダ・ベニオ イカ娘 相沢栄子 南千秋 沖田総司 明堂院いつき 高杉晋作 ニチ・ケイト 古手梨花 韓遂 芳乃さくら フリージング リューネ・ゾルダーク セリーヌ 蔡瑁 原田佐之助 イングリッド=バーンシュタイン けいおん!! ミルク・カラード 呂布 徳島 サソリーナ モモ ルキア 上杉謙信 クレオ=ブランド サテライザー 坂上智代 桂木麻里 ダークプリキュア 周姫 来海えりか シフォン 趙雲