ヘッダー画像が横長になってしまうのを回避する方法(ペイント or エクセル編) | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。


ヘッダー画像をご自分で作成されている方・・・

手持ちの画像をそのまま980px×300pxにサイズ変更してしまうと、画像が横長になったりして、縦横比のバランスが崩れてしまいます。

ですので、ヘッダー画像のようにあらかじめサイズが980px×300pxと決まっている場合は、下に配置する四角形やキャンバスサイズを980px×300pxにしておいてから、作り始めていかなければなりません。


ペイント編

Windowsに無料で入っている「ペイント」でどんな感じにするか、お伝えしますね。

まず、ペイントを起動します。

川上雄大のワンポイントレッスン

川上雄大のワンポイントレッスン

まず、「サイズ変更」をクリックします。

川上雄大のワンポイントレッスン

そして、①単位を「ピクセル」にして、②「縦横比を維持する」のチェックを外して、③水平方向に「980」、垂直方向に「300」と入力します。
④「OK」を押します。

川上雄大のワンポイントレッスン

すると、980px×300pxのサイズのキャンバスになります。

川上雄大のワンポイントレッスン

そして、お手持ちの画像を挿入しますので、「貼り付け▼」をクリックして、「ファイルから貼り付け」をクリックします。

川上雄大のワンポイントレッスン

挿入したい画像を選択すると、画像が挿入されます。

川上雄大のワンポイントレッスン

挿入した画像を好きな場所に配置したり、サイズ変更したりします。
(その際、縦横比を変更しないで、角をShiftキーを押しながらドラッグして変更します。)

川上雄大のワンポイントレッスン

両サイドの白い部分に色を塗ってみます。

(A)塗る色は自分の選んだ色でもいいのですが、画像の中にある色を使うと一貫性がでますので、スポイトのマーク(「色の選択」ボタン)を選択します。

川上雄大のワンポイントレッスン

(B)そして、欲しい色のところでクリックします。
すると色が取得されます。

川上雄大のワンポイントレッスン

(C)その後、バケツのマーク(「塗りつぶし」ボタン)をクリックして、

川上雄大のワンポイントレッスン

(D)背景をクリックします。
すると、スポイトでもらった色で塗りつぶすことができます。

川上雄大のワンポイントレッスン

この操作(A~D)を納得いくまで何度か繰り返します。

川上雄大のワンポイントレッスン

完成したら、[ファイル]-[名前を付けて保存]-[PNG画像]をクリックして保存します。

川上雄大のワンポイントレッスン

完成した画像をアメブロにアップロードして、ヘッダー画像として配置するとよいですね。




もちろん、他の画像ファイルを挿入して配置することもできますし、文字を入力することもできます。

ただし、画像にシャドウをつけたり、周りをぼかしたり、立体的にしたり、といったことをしたい場合は、レイヤーが使える他の画像ソフトを使うか、エクセルをお使いになるとよいと思います。


エクセル編


また、エクセルですと・・・
(先に背景の長方形を980px×300pxで作ってから、画像や文字をのっけます。)

川上雄大のワンポイントレッスン

こんな感じで作成して、こんな感じで出来上がったりします^^;


川上雄大のワンポイントレッスン 
 

 
エクセルで何したかというと・・・

・[書式]-「四角形、ぼかし」

川上雄大のワンポイントレッスン

・[書式]-[修正]-「明るさ:+20% コントラスト:+20%」

川上雄大のワンポイントレッスン

・背景をグラデーションにして、ワードアートをのせた

だけです。

エクセルで画像を作成した場合は、こちらの記事『エクセル(Excel)でヘッダー画像を作るには』で画像を保存してアップロードしてくださいませ。



<補足>
Windowsやエクセルのバージョンが古かったりすると、ピクセル単位で設定できなかったりしますね。
そうした方が画像加工するには

オンラインで無料でできる画像編集ソフトが便利です↓↓↓

pixlr(ピクセラー)

http://pixlr.com/editor/


登録もインストールも不要ですし、日本語にも対応しているので、気軽にチャレンジできますよ~^^!



以上、パソコンワンポイントレッスンでした。


LIDS澄川・ライフデザインスクール
川上 雄大