ペイントでホームページバナーの作り方

ホームページやブログのタイトルバナーを作成しておくと、デザイン的な印象も違ってきます。

バナーなどの画像加工ツールとしては、GIMPが有名ですが、若干使い方が難しいかと思います。

ネット上では無料で公開されている個性的なフリーフォントがたくさんあるので、それらをダウンロードしての初心者簡単なタイトルバナーの作り方のご紹介します。

タイトルバナーの作り方としては、フォントをダウンロードしてペイントでホームページタイトルなどの文字を記入し、それを切り取ったりなどの加工をしてから保存すると簡単です。

フォントのダウンロード

フォントは無料でダウンロードできるサイトがたくさん公開されていますが、主に日本語フォントと英字フォントに分かれると思います。

ベクターなどのサイトを参考に、気にいったものをダウンロードしてみるといいと思います。

各種OS用フォント - Vector


フォントをダウンロードしたら、あなたのパソコンにインストールするのですが、「スタート - コントロールパネル - フォント」の箇所でインストールすることができます。

こちらはウィンドウズXPでの例です。

フォントのインストール

たいていはデスクトップだと思いますが、ダウンロードしたフォントの場所を探して指定すると、簡単にインストールができます。

ファイルを指定してインストール

インストールしたら、ウィンドウズにデフォルトで付属の「ペイント」で、インストールしたフォントを使ってあなたのホームページタイトルを書いてみましょう。

ペイントでタイトル作成

「A」というアイコンをクリックし、範囲を指定すると、テキストを入力できますが、その際に「表示 - 書式」でフォントの種類や文字の太さ、大きさなどを指定することができます。

下部にあるパレットで色彩なども指定して、いい感じになったら、その部分を選択して切り取りましょう。

切り取ったら、新規で小さめのサイズに設定してページを開き(設定 - キャンパスの色とサイズ)、貼り付けて保存すると簡単です。

できあがったタイトルバナーは、そのままタイトルとして表示してもいいですし、ホームページロゴとして、トップページにリンクする形でもいいかと思いますが、画像の alt の部分には説明文を記入しておくといいです。

ホームページのリンクタグ作り方

ホームページに画像の貼り方

テキストだと、検索エンジンの方でもキーワードとして認識されますが、画像の場合だとロボットでは理解できないので、alt の説明文はなるべく記入するようにしましょう。

戻る:ホームページのcss(スタイルシート)でデザイン変更