ブログ収益化の最初の一歩をお助けします
ブログを始めて月100万円以上の利益を得た

元特定派遣サラリーマンがブログの収益化をレクチャー

最短でブログの収益化できることをお約束します

副業アフィリエイト10万稼ぐノウハウブック

photoscapeでヘッダー画像を作成する方法

Pocket

今回はブログでのヘッダー画像を作成する方法についてせつめいしたいと思います。

ヘッダー画像とはブログの上部にあるこのブログでいうところの↓の画像です。

button-only@2x photoscapeでヘッダー画像を作成する方法

photoscapeというソフトで簡単にヘッダー画像を簡単に作ることができるので、今回しっかりヘッダー画像の作り方を覚えてしまいましょう。

photoscapeをダウンロード・インストール

まずはphotoscapeをダウンロードしましょう。photoscapeとは写真を簡単に加工できる画像処理ソフトです。

こちらのソフトを使えばブログのヘッダー画像を簡単に作成できるので、ダウンロード、インストールしておきましょう。

photoscapeのダウンロードはコチラ

photoscapeでヘッダー画像を作成

それでは早速photoscapeで画像を作成してみましょう。

button-only@2x photoscapeでヘッダー画像を作成する方法

photoscapeを起動して「画像編集」クリック。

button-only@2x photoscapeでヘッダー画像を作成する方法

画像編集画面が表示されるので何でもいいので、パソコンにある画像ファイルを選択します。

button-only@2x photoscapeでヘッダー画像を作成する方法

左下のメニューから「オブジェクト」から矩形モード(赤枠で囲った四角いアイコン)にして画像を元の画像を覆いかぶせるように選択しましょう。

button-only@2x photoscapeでヘッダー画像を作成する方法

画像を覆いかぶせたら赤枠の「写真+オブジェクト」をクリック。

「オブジェクトがフレームの範囲を超えています。すべてを含める為には、写真を拡大する必要があります」にチェックを入れてOKをクリック。

button-only@2x photoscapeでヘッダー画像を作成する方法

右下の「ホーム」の項目にあるリサイズをクリック。
リサイズのウィンドウが出てくるので幅と高さを選択しましょう。

私はリファインSNOWのテンプレートを使っているので幅は1000ピクセルに設定しています。テンプレートによって幅は異なるのでリファインSNOW以外のテンプレートを使用している方は自分のテンプレートの幅を合わせて設定しましょう。

高さに関しては余りに大きくしていると不格好になるのであまり高くないようにしましょう。個人的には高さは150ピクセル~250ピクセルが妥当かと思います。
(このブログの画像は高さ250ピクセルで作成しているます)

これでヘッダーの下地が完成しました。これに画像を追加します。

今回このブログのヘッダー画像は写真ACというフリー画像サイトから手に入れた画像を使用しています。(↓の画像です)

button-only@2x photoscapeでヘッダー画像を作成する方法

こちらの画像を使ってヘッダー画像を作っていきます。

button-only@2x photoscapeでヘッダー画像を作成する方法

まずオブジェクトの項目にあるPhoto(赤枠の写真の絵アイコン)をクリックして、今回使用する画像を選択します。

Photoのウィンドウが出てきたらその中の「リサイズ」をクリック。
リサイズのウィンドウが出てくるので、幅を下地と同じ1000ピクセルに設定しましょう。

高さに関しては画像に合うように調節して頂ければOKです。(今回は437ピクセルにしてあります)

button-only@2x photoscapeでヘッダー画像を作成する方法

それが終わったらphoto項目にあるアンカーをX「0」Y「0」に設定します。
これをすると下地のところに画像がピッタリくるようになります。

このままだと下地の上に画像があり、下地と画像がどのような感じになっているかわからないので、不透明度を下げると下地と画像のバランスを確認します。

button-only@2x photoscapeでヘッダー画像を作成する方法button-only@2x photoscapeでヘッダー画像を作成する方法

OKだったら透明度を元の「255」に戻しましょう。

そして下メニューの真ん中にある「写真+オブジェクト」をクリックし、ウィンドウが出てきますので「写真をオブジェクトに結合」を選択し、OKをクリック。

button-only@2x photoscapeでヘッダー画像を作成する方法

これで1000×250ピクセルのヘッダー画像が完成しました。
次はこの画像に文字を入れていきましょう。

button-only@2x photoscapeでヘッダー画像を作成する方法

オブジェクト項目にある文字(赤枠のアルファベットのTのようなアイコン)クリックして自分のブログと説明文をそれぞれ入力しましょう。

button-only@2x photoscapeでヘッダー画像を作成する方法

画像が完成したら最後に右下の「保存」を押して画像を保存しましょう。

以上でヘッダー画像の作成は終了です。お疲れさまでした。

私が仕事終わりに副業ながら月10万円稼いだノウハウが完成しました!

ブログ初心者でも0からブログ立上げ・構築・収益化をメール講座に従うだけで可能になっています♪

下記より期間限定で全て無料でダウンロードできます(^^

button-only@2x photoscapeでヘッダー画像を作成する方法 期間限定ですので、興味があればこちらからダウンロードしてください。

この記事を書いた人:アキ button-only@2x photoscapeでヘッダー画像を作成する方法

好き:お酒(ビール党)、野球(見る専)、温泉(一人で行くことも)

嫌い:パワハラ上司、飲み会で説教する奴、海藻類

会社なしワーキング管理人のアキと申します。

実際に私は年収270万円の正社員型派遣(特定派遣)の電気技術系エンジニアとして勤めていました。 しかし年収270万円&平気で嘘をつくブラック派遣会社だったため会社を辞めるためにネットビジネスの勉強を開始。

会社から脱出するための知識&収入を得たためブラック派遣会社から脱出し、現在はブログやアフィエイトで月200万円以上の売上を上げることができました。 脳梗塞で倒れた母の介護をしながら悠々自適に暮らしています。

「会社なしワーキング」に興味のある方は是非、私のプロフィールをご覧ください。

自己紹介を見る

私が仕事終わりに副業ながら月10万円稼いだノウハウが完成しました!

ブログ初心者でも0からブログ立上げ・構築・収益化をメール講座に従うだけで可能になっています♪

下記より期間限定で全て無料でダウンロードできます(^^

button-only@2x photoscapeでヘッダー画像を作成する方法 期間限定ですので、興味があればこちらからダウンロードしてください。

あなたのクリックが更新の励みになります! この記事が少しでも役立ったと思ったら、ブログランキングへ 投票頂けるとありがたいです(^^

button-only@2x photoscapeでヘッダー画像を作成する方法 button-only@2x photoscapeでヘッダー画像を作成する方法

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です