ペイントを使ってタイトルバナーをオリジナルに！

　私は日頃、フォトショップで（仕事上持ってるだけだが…）このブログの画像を編集している。
　しかし「そんなの持ってないモ～ン」とか「くそぉーっ！でも、自分だけのタイトルバナーにしたいんだよなぁ」というチャレンジ精神旺盛な方々の為に（偉そう？）今回はWindowsに添付されている『ペイント』を使って
タイトルバナーを作成してみたいと、実際にあれこれと試行錯誤してみた。

　いゃあ～、正直な話『ペイント』は私も初心者なのだ。
　フォトショップがあるのに、何もわざわざ、そんなローカルなものを…と思っていたのである。

　だが意外にも、写真を載せるならコレで充分じゃないか?! という気がした。
　フォト素人だから、そう思うのかもしれないが。

　確かに、本格的に絵を描こうとしたら、『ペイント』はお話にならない。
が、タイトルやサブタイトルの文字を、オリジナルのに置き換えたり、写真をバナーにしたりと、シンプルな作業ならいける！

　　ただし、blogで『ペイントを』有効利用しようとするなら、デザインフォントと画像編集ソフトは、やはり外せない。

　
◆デザインフォント

　ココログでは通常、日本語の選択肢が少ない。

　もっとおしゃれな字・カッコイイ字、と思ったら、やはりインターネット上で公開されているフリーフォント集から、好みの物をダウンロードする方がいい。「はっさくノート」のタイトル・サブタイトルも拝借しているものだ。参考にフリーフォント最前線辺りで探してみると気に入ったのがあるかも。

　ちなみに現在の「はっさくノート」のタイトルバナーはchipheadさんの“しねきゃぷしょん”である。


◆画像編集ソフト

　パソコンやデジカメに付属しているソフトで構わない。
実は『ペイント』で画像を縮小してみたら、、とんでもなく荒れてしまった。
　だから、縮小したり、切り取り（トリミング）をしたりは、
はっきり言って無理！

　私は今回 Microsoft Offce Picture Managerを使用。
　　　（PCに付いてたから…。）
　言ってしまえば、ペイント・フォント挿入・編集の全てが フォトショップ１つで済むという事である。

　
では、実際に加工してみよう～。


　　　１．画像の用意。

　上記のような編集のできるソフトで幅600px 高さ170pxの画像を用意する。

　＊）今回はサイドバーが１つ・本文が400px（推奨）の、デフォルト・テンプレートを使用。
　　　両サイドバー/本文400pxなら、幅は800px。高さは任意で。


　　　２．好きなフォントを入手しておく。

　XPの場合だと、ダウンロードして解凍。
解凍したファイルを開いたまま→「コントロールパネル」→「フォント」→解凍したフォントのアイコンをドラッグ＆ドロップで移動するだけ。


　　　３．ペイントを起動させる。

　「全てのプログラム」→「アクセサリ」→「ペイント」
ツールバーにある「変形」→「キャンパスの色とサイズ」で、
幅600px / 高さ170px にする。単位はピクセルで。


　　　４．画像を貼り付ける。

　「編集」→「ファイルから貼り付け」→画像を選択。

　

　＊）画像のサイズが大きいと、画像に合わせた高さで表示されるが、
　　　ここで慌てて高さを直そうと「キャンパスの色とサイズ」で編集すると、下の方がバッサリ切れてしまうので注意！

　事前に作りたいタイトルバナーのサイズにしておく方が無難。

　位置をずらしたい場合は、左縦のツールボックスにある
四角い点線のアイコンで範囲を選択して、ドラッグする。


　　　５．フォントの記入。

　ツールボックスにある「Ａ」ボタンをクリックすると画像の背景を透明にするアイコンが出現、下の方を選択。詳しくはペイントのヘルプ、「画像を作成する」→「文字を入力し、書式を整える」参照。

　これで、文字が写真の上にのる。→ 文字を置きたい場所の左上に、アイコンを置いてクリックすると、選択範囲が表示される。矢印を点線の右下角に置いてドラッグ。
　範囲を決める。

　『ペイント』の枠の外に、フォントの種類・大きさ等が表示される。

　文字を書き込んで、「Enter」を押す前に、カラーボックスから色を選択。

　＊)　書き込んでいる時には黒でも「Enter｣を押すと、色が変換されるので、あわてずに。

成功すると、写真の上にちゃんと文字がのる。

　失敗すると……こんな事にッ！
　

　　　６．出来上がったら保存。

　｢ファイル」→｢名前をつけて保存」
　＊)名前は、英数文字で)


　　　７．ココログでの手順。

　◆ココログ・フリー
　　「デザイン｣ → ｢テーマ｣ →「カスタム編集｣ →
　　「タイトルバナー｣ →「画像を使用する｣にチェック→「参照」から選択してアップロード。

　◆ベーッシック・プラス・プロ
　　私が使用していないので、本を参考にしながらだけど…。
　　　｢デザイン｣ →「スタイル｣ →「タイトルバナー」→「画像を使用する｣にチェック →「参照」から選択してアップロード。

　＜余談＞
　　黒い背景で作りたい時は、「３」でサイズを決めた後に、
　　塗りつぶしツール（左のツールボックス上から二番目）
　　で黒くしておく。

　　　　で、こんなの出来ました～↓

フォト
アトリエ夏夢色さん
　今回はほとんどがコチラのサイトでお世話になりました
　（アトリエ夏夢色さんの名誉の為に言っておくけど
　　　　　　黄色いバラは私の手描き…）

文字
chiphesdさん
すずとこんぺいとうさん
idfontさん
あくび印さん