ネットビジネスをはじめよう!バナーの作り方 > ペイントを使ってタイトルバナーを作る

ペイントを使ってタイトルバナーを作る

完成図↓
タイトルバナーの作り方その1
これをマスターしたら、アイコン、バナーとかも自作で作れるようになります。
ほとんどのパソコンにインストールされている「ペイント」を使います。
また、機会を設けてバリエーションも紹介していきます。

作り方!

まず、 ペイントを起動します。
貴方のパソコンの「すべてのプログラム」→「アクセサリー」→「ペイント」で起動します。
できましたか?

画像のサイズを指定します。
楽天のトップ画像のサイズは、760×90です。
ペイントを開いたら、上のツールバーから「変形」→「キャンバスの色とサイズ」を開きます。
タイトルバナーの作り方その2


タイトルバナーの作り方3
↑のように指定して、OKを押します。

タイトルバナー04
↑こんな風になりましたね?


この白紙画像に好きな絵とかを描いていく訳ですが、
ペイントで色々やったことのある方は、好きにして結構です。アハ
ていうか、説明するまでもないでしょう。

じゃあ、ペイントに慣れてない方の為に、超簡単な作り方を説明していきます。

色で塗りつぶします。
画面左のツールボックスから、塗りつぶしツールを選択します。
上から二番目、インクがこぼれ落ちるようなアイコンです。
それをクリックして、次は色の選択です。
下のカラーボックスから好きな色を選択してください。
「好きな色がないわ~?」と言う方は、上のツールバーから「色」→「色の編集」→「色の作製」ボタンで好みの色を選択してください。
選択できたら、OKを押します。

マウスを白紙(←紙ではないですけどね) の上でクリックします。
色が変わりましたね?

タイトルバナーの作り方その5
↑こんな風になりましたか?


文字の入力をします。

タイトルバナーの作り方

「A」(テキスト)というアイコンをクリックします。

文字を入れたいところ大まかにマウスをクリックとドラッグして場所を決めます。

次に、上のツールバーで「表示」→「書式バー」を押すと書式バーが出てきます。お好みのフォントとサイズを入力します。

ここでは、サイズ[36」 フォント「MS明朝」を選択しています。

英字の場合、MSP明朝を選択した方がいいと思います。
無駄な文字間隔ができないので。

文字の色を決めます。
色決めはさっきの要領と同じです。
下のカラーボックスから選択します。
注意:背景色と文字色が同じになると文字が見えません。

文字を入力します。選択範囲に対して文字数が多いと途中で表示されなくなりますので、応急処置として選択範囲を横にドラッグして広げます。

入力中に文字の色が気に入らない時は、カーソルがピコピコしている状態で、カラーボックスの色をクリックしみ見てください。 文字がクリックした色に変化します。

注意:この作業中に、ツールバー下の赤丸の所を選択しておくと文字以外の背景は透明になります。

文字の位置がしっくり来ない時は、選択線(点線)にちょうど良くカーソルを合わせクリックすると文字がドラッグします。
ここだー!と言う場所で、ドロップ(マウスから指を離す)します。

それでも配色が気に入らない、位置が変と言う場合は、「編集」→「元に戻す」で前の動作まで戻ることができます。

タイトルバナーの作り方 その6
こんな感じに文字が入りましたか?




画像に枠を付ける。

タイトルバナーの作り方その7 線ツールを選択し、
下の線の太さで好みの太さを選択する
タイトルバナーの作り方 その8 今回は、かどの丸い四角を選択します。
この時、四角でも丸でも選択は自由です。



枠を入れたいところでドラッグドロップします。

タイトルバナーの作り方 その10
↑こんな風にできたでしょうか?


1回目で説明したテキスト(文字)の入れ方で、「*」の記号をちょっと大きめに入れる。文字色も変えた方がいいかも。

ペイントによるタイトルバナーの作り方その11



部分コピー貼り付け

ペイントによるタイトルバナーの作り方

選択ツールで、「*」マークを囲む。
右クリックで「コピー」を選択、クリックする。

画像のどこかの場所(どこでもいい)で、右クリックで「貼り付け」を選択クリック。

すると画面左上にコピーした画像が現れる。

↓こんな風に。

ペイントによるタイトルバナーの作り方 その13

これを好きな場所にドラッグドロップする。

また画像の上で、右クリックで「貼り付け」を選択クリック。
また同じ画像が出てくる。
これを繰り返すと、何度も同じ画像が得られる。
好きなだけ効果的に使ってみよう!

★マークについて。
テキスト入力時に星を★に変換してみる。
画像の上で★マークを出してみる。
同じくハートマークも使ってみよう!

コピー画像を大きくする事も出来ます。
貼り付けで現れた画像をドラッグしてちょうど角のところにカーソルを合わせると矢印が斜めになった状態になります。
画像を少し大きく、または小さくできます。
この場合、あまり大きくするのはおすすめしません。画像の質が落ちるからです。
フォントサイズを少し大きめにして再挑戦してみましょう。

手描きで描いたハートも同じようにコピー出来ます。いくらでも。
マウスを使って描くのはちょっと難しいですが、それはそれで味があると思うのです。

色々な形を作って、コピー貼り付けを繰り返してみましょう。

気に入らなければ、ツールバーの「編集」→「元に戻る」で、前に戻れます。

いかがでしょうか? 思い通りできましたか?

保存の仕方
ツールバーの「ファイル」→「名前を付けて保存」
今回の画像は、「GIF」ファイルで保存します。

ペイントでタイトルバナーの作り方 その14

ペイントによるタイトルバナーの作り方

↑のような警告が出てしまったら?

まず、一度、24ビットマップ(bmp)形式で保存します。
それで、「マイピクチャー」に入れたとして、そのbmpファイルを開きます。

上のツールバーから「作業ウインドウ」→「表示」にします。

画面右側一番下の「画像のエクスポート」をクリックします。

そこで「エクスポートするファイル形式」の矢印をクリックすると「GIF形式」と言うのがあります。

それを選択して、「OK」します。

これで、画質落ちのないファイルが出来ます。

バナーの作り方 :他の記事