ボタン画像の作成と設置

紹介する作品のページに誘導するためのボタン画像です。

必ずしも必要というわけではないですが、
ユーザーに視的に分かりやすくする方法としては、あったほうがいいです。

簡単なものならば、ペインターで作ることが出来ます。

また、フリーのボタン素材を拾ってきて、
後から文字テキストを足すと、見栄えもよく早いですね。

ペインターで0からボタン素材を作成する方法

ペインターを起動します。

ボタン画像の作成と設置

ボタンの大きさを決定

起動したら、ボタンの大きさを決めます。
設置するときに、大きさを変えることが出来るので、
大体の縦横比率で決めましょう。

ただ、小さすぎると画像が粗くなるので、気をつけましょう。
横幅を400~500ピクセルくらいに決めておけばいいでしょう。

①上のサイズ変更をクリック。
②単位でピクセルを選び、「縦横の比を維持する」のチェックをはずして、
縦横の数値を入力。
③良ければOK。

ボタン画像の作成と設置

目立つ色で塗りつぶし

一目でクリックするところだと分かるように、
目立つ色を使います。

設置するサイトの色によって変わってくるので、
自分の判断でお願いします。

①バケツのマークを選択。
②塗りつぶす色を選択。
③画像をクリックして塗りつぶし。

ボタン画像の作成と設置

好みによって枠を付ける

べた塗りのみがいやなら、枠をつけましょう。

①枠の形を選択。ここは四角で。
②輪郭と塗りつぶしの選択。塗りつぶしだけ無しで。
③線の太さを選択。
④枠の色を選択。
⑤ボタン素材の外枠を狙って、枠をつけます。

ボタン画像の作成と設置

いったん保存

ボタン素材が出来たら、大事をとっていったん保存しておきましょう。

①左上の青いボタンをクリック。
②名前をつけて保存をクリック。
③保存形式は「JPEG」でいいでしょう。

ボタン画像の作成と設置

※ボタン素材は、文字を書き足す前に保存して、
複製して加工するようにすることを推奨します。

ペインターでは厳しいですが、
フォトショップなどがあればこんな感じのものもオリジナルで作れます。

このボタン素材は、私が描いたものなので、使っていただいてOKです。

ペインターでボタンに文字を付け加える方法

文字無しフリーのボタン素材がある方はここから参考にして下さい。

ボタン素材をペインターで開いたら、
「A」のマークを選択して、文字の色も選択。

ボタン画像の作成と設置


①文字を書き足す範囲を選択。
②フォントや文字サイズを選択。
③文字を打ち込む。

ボタン画像の作成と設置

選択範囲の外をクリックすることで決定になりますが、
決定する前は、①②③の調整が可能です。

出来たら、JPEG形式で上書き保存しましょう。

リンクボタン設置方法

出来たボタン画像は、アップロードして、下記のようにHTMLタグに埋め込んで設置します。

<a href=”★アフィリエイトリンクURL★“><img src=”★ボタン画像のURL★” width=”ボタンの横幅” height=”ボタンの縦幅”></a>

詳しい方法はこちら

>>FC2ブログ画像の貼り方

こんにちは、このサイトの管理人「けだま」です。

もしあなたが、

  • 今のままでは、経済的に不安がある
  • ちょっとでも、お小遣いを増やしたい
  • 起業して自由になりたいけど、何をしていいのか分からない

と言った類の悩みをお持ちでしたら、 このサイトが少しお力になれるかもしれません。

このサイトでは、仕事を続けながら、 自宅でパソコンを使い、副業でお金を稼ぐ方法を紹介しています。

あなたはこのメルマガを愛読して初期費用0円で作業するだけで、 知らず知らずのうちに稼ぐための思考やコツが身に付きます。

断っておきますが、ある程度作業しなくては絶対にお金にはなりません。

解除はいつでもできますので、ご興味がありましたら登録してみてください。

今なら
パソコンで文字が打てればOK!
「誰でも確実にただで十万円以上稼げる方法」
プレゼント中!

パソコン一つで178万円稼いだ方法

※フリーメールアドレスでの登録をお薦めいたします。

※メール内容の性質上、迷惑メールに振り分けられやすくなっています。
不達のようでしたら、迷惑メールフォルダもご確認ください。

おもな手法としては、「アフィリエイト」を駆使します。

アフィリエイトは、極めてリスク無く初められるビジネスです。

私は、アフィリエイトの様々な手法を試し、収入を得ていますが、

そのやり方を、このサイトで教えています。

主にアダルトアフィリエイトのやり方が主ですが、 追々一般アフィリエイトのやり方についても、発信していきます。

コメントを残す

メールアドレスが公開されることはありません。

AlphaOmega Captcha Classica  –  Enter Security Code