ブログのタイトルバナー画像の作り方

ブログ名やサイト名などブログの顔になるタイトルバナーですが、アイコンや画像を作成しておしゃれバナーを作成している人が多いようです。

このブログでもいちおうはタイトルバナーをフッターに画像として作っているのですが、まず、フッターにおいている時点で間違いだと思いますし、普通の文字をキャプチャーした画像なんで普通に見た感じではアイコンってわかんないと思うんでなんか違うって思っちゃいます。

グーグルにしろヤフーにしろ、たいていどのサイトでもサイト名がわかるタイトルバナーのアイコンを作成しているようですので、おしゃれな感じのブログ名をアイコン化する簡単な方法について考えてみたいと思います。結論からいうとできばえはこんな感じです。シネマ風フォントなんです。

正直あんまりって感じですが、フォントはダウンロードしているので、１分ぐらいで簡単に作成できてしまうんです。枠をつけたり背景画像をつけたりと、もっとスマートな方法があると思いますが、とりあえずでもタイトルバナーのアイコンを作成したい場合にはいいと思います。

おしゃれなフリーフォントでブログタイトル作成

ブログタイトルの作り方としてはまず、おしゃれなフリーフォントをネット上で拾ってきます。

フリーフォントとか無料日本語フォントなどで検索してみると膨大な数が出てきますので、著作権を良く読んでダウンロードしましょう。ブログタイトルがローマ字の場合は海外サイトの方がかっこいいおしゃれフォントがあると思います。

ダウンロードしたら、あなたのパソコンの「コントロールパネルーフォントーファイルー新しいフォントのインストール」（WINDOWS）でダウンロードしたフォントファイルを指定してインストールします。

フォントをインストールしたら、メモ帳などでおしゃれフォントを指定して文字を入力します。元にもどすときのためにデフォルトで指定しているフォント名（FixedSys？）は覚えておいた方がいいです。文字の太さや大きさも変えちゃいます。

適当にいい感じのフォントになったら開いているメモ帳をキーボードのプリントスクリーンボタンなどを押して画像をキャプチャーし、WINDOWSのペイントで加工したりして自分のブログにアップロードすれば完成です。（キャプチャー方法や画像加工に関しては字数が足りないのでここでは省略します。キャプチャー画像の作り方 ）

ペイントの操作に慣れている場合は、メモ帳ではなく、ペイントをそのまま使って文字を入力すると色彩なども入るので簡単です。

グーグルっぽく、文字ごとに色違いでのフォント使いにするとなかなかかっこいいと思います。

ペイントで範囲を選択してテキスト入力する際に、「表示 - 書式」の箇所をクリックすると、フォントや大きさの選択ができます。

ペイントで画像を加工する際には、背景や外枠なども自分のブログに合わせて作成すればいいと思います。背景の色彩などは色彩ツールを使用して同じ数字を指定してやればいいです。

cssでヘッダー背景に指定してもいいでしょうし、ブログタイトルとしてトップページへリンクするような形にしてもいいかと思いますが、画像の alt 属性の入力は必ず入力しましょう。

通常はタイトルバナーをトップページへのリンクとしているブログが多いようですが、記事タイトルのブログカスタマイズあれこれでやりずらい場合は、ブログヘッダーの背景画像に指定したり、フッター？にもっていってもいいんじゃないかなと思います。