無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

こんにちは、NEOです。記事をご覧いただきましてありがとうございます。

 

ブログを訪問してくれたユーザーに満足してもらうためには、

 

  • 質の高い記事
  • 居心地の良い環境

を提供する必要があります。

 

「居心地の良い環境を提供する」とは、ユーザーに、

 

「綺麗なブログだな」

「他のブログとは違うな」

「世界観が好きだな」

 

と思ってもらえるブログデザインにするということです。

 

そして、そのためには、ブログを見た時に真っ先に目に入る「ヘッダー画像」を工夫することが必須となります。

 

ですので、今回は、無料画像編集ソフト「PhotoScape」を使用して、簡単に綺麗なヘッダー画像を作る方法についてご説明します。

 

※「PhotoScape」のインストールがお済みでないあなたは、こちらの記事を参照してインストールしてください。

 

無料画像編集ソフト「PhotoScape」のインストール方法と操作方法

 

Sponsored Link

 

元画像を用意する

まずは、ヘッダー画像の元となる画像を用意します。

 

無料画像素材サイトから、あなたのブログのコンセプトに合う画像を探してみてください。

 

例えば、「写真AC」は、無料会員登録が必要ですが、豊富な素材を提供しているのでお勧めです。

 

写真AC

 

「写真AC」以外のお勧め無料画像素材サイトは、こちらでご紹介しています。

 

ブログを彩る無料画像素材サイトを厳選してご紹介!

 

ヘッダー画像を作る方法

画像を選択する

元画像を用意しましたら、画像編集ソフト「PhotoScape」を起動して、画像を編集していきます。

 

1. デスクトップに作成された[PhotoScape]ショートカットアイコンなどから、PhotoScapeを起動してください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

2. PhotoScapeを起動しましたら、画面上の[画像編集]タブ、もしくは画面中央の[画像編集]アイコンをクリックしてください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

3. 画像編集モードに入りましたら、以下のいずれかの方法で画像を選択してください。

 

  1. 画像を直接ドラッグアンドドロップする
  2. 左下ウィンドウに表示される画像をクリックする

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

画像のサイズを調整する

画像を選択しましたら、画像のサイズをヘッダー画像用に調整します。

 

1. [ホーム]タブ→[リサイズ]をクリックしてください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

2. [幅(ピクセル)]にご希望の幅を入力し、[OK]ボタンをクリックしてください。

 

※[高さ(ピクセル)]は、幅に合わせて調整されます。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

画像の下に画像サイズが表示されているので、調整したサイズになっていることを確認してください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

3. 続けて、高さを調整するために、[トリミング]タブをクリックしてください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

4. 画像上で範囲を選択できるようになるので、ご希望の高さになるように選択してください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

赤丸で囲った部分で高さを調整することもできます。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

5. 範囲を選択しましたら、[トリミング領域を保存]ボタンをクリックして、お好きな場所に画像を保存してください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

画像の品質ウィンドウが表示されましたら、[OK]ボタンをクリックしてください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

画像に文字を入れる

画像のサイズを調整しましたら、文字を入れていきましょう。

 

1. 先ほどトリミングした画像を読み込み、[オブジェクト]タブ→[T(テキスト)]をクリックしてください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

2. [テキスト]ウィンドウが表示されましたら、①~④(必要に応じて⑤、⑥)を設定して、[OK]ボタンをクリックしてください。

 

⑤アウトライン・・文字を縁取りします

⑥シャドウ・・文字に影をつけます

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

例えば、以下のように設定した場合は、

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

こういった仕上がりになります。赤丸で囲った部分で「複製」「回転」「リサイズ」「削除」が可能です。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

アイコンやシンボルを入れる

画像にアイコンやシンボルを入れることができます。

 

1. [オブジェクト]タブ→[アイコン](シンボル)をクリックし、アイコン(シンボル)を選択します。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

画像に本のアイコンを入れました。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

効果を施す

画像に効果を施すことができます。

 

1. 例えば、[ホーム]タブ→[フィルム効果]→[シネマ]をクリックして、[OK]ボタンをクリックします。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

画像に[フィルム効果]→[シネマ]を施しました。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

画像を保存する

ヘッダー画像が出来上がりましたら、[保存]ボタン→[名前をつけて保存]ボタンをクリックして保存してください。

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法

 

Sponsored Link

 

まとめ

今回は、無料画像編集ソフト「PhotoScape」でヘッダー画像を作る方法についてご説明しました。

 

ヘッダー画像は、ブログを見た瞬間に目に入りますから、ブログデザインの中でも、かなり重要です。

 

ですので、ユーザーに「なんか居心地が良いな」と思ってもらえるような、綺麗でオリジナリティがあり、世界観を打ち出したヘッダー画像を作っていきましょう。

 

 

この記事が少しでもあなたのお役に立てれば幸いです。

 

ご不明な点などございましたら、いつでもお問い合わせくださいね。

この記事を読んだ方は、こちらも読んでいます。

Sponsored Link

 

コメントを残す

ページトップへ