いつも読んで頂き、ありがとうございます。
前の記事は
→ 5分で出来る、テーマ一覧をカスタマイズでしたが、
本日は印象を大幅UP↑する
オリジナルヘッダー画像の作成方法です。
せっかく訪れてきて頂いたお客様も
第一印象で、読んで頂けるか、
それともすぐ帰ってしまうのかを決めるのは、
ヘッダー画像のインパクトや
何のサイトなのかがきっちり明記されていないと、
お客様の心に響きません。
サイトに訪問は
→印象を判断して、何が書いてあるかを想像させる
→キャッチフレーズを読込み
そして、本文を読んで頂ける時間は
0.5秒と言われています。
とっても短いですよね。
瞬時に判断されるために、
第一印象がとても大切なのです。
また、文字ばっかりのサイトは、
写真やイラストを扱ったサイトに比べて、
インパクトが薄いようです。
また、アメブロはたくさんの綺麗なテンプレートが
用意されているので選び放題だとは思いますが、
2000万人のアメブロブロッガーがいるのなら
多くの同じテンプレートを使われる確率もかなり多いのです。
さらに、ご自身の主張も入れたり、
セールス文句も書いたりできますので、
是非、ヘッダー画像だけはオリジナルに変えて
あなただけのブログを作ることを
オススメします。
それでは本日のSTEPに入りたいと思います。
画像編集ソフトはお持ちでしょうか？
持っていないようでしたら、
期間限定でアドビのサイトから、
体験版をダウンロードしてインストールをいたします。
気に入って頂けたら、購入してくださいね。
Adobe Photoshop Elements 10の無償体験版
Photoshopはプロも愛用する優れたソフトですが、
もう少し簡単に更新したいと言う方は
Adobe Fireworksをオススメします。
どちらも優れたソフトですので
どちらもオススメをしています。
私はPhoshopCSなので少し画面が違いますが、
ほとんど操作方法は一緒ですので、ご説明します。
Step1
ヘッダー画像は800×300pxで作ると良いので
Photoshopを立ちあげて、
ファイル→新規 を押すと
下記のダイヤログが出ますので、
ファイル名 header
幅 800
高さ 300
と入力します。
こんな感じでキャンパスが出来たと思います
Step２
次はこのキャンパスにお好きなように絵を描いていきましょう。
写真を貼り付けても構いませんが、
WEBで使われている写真には版権がありますので、
ご自身の写真、または、Freeの写真を使います。
版権Freeの写真はまた後でご紹介いたします。
私はお花の写真を選んでみました。
画像をつかんでキャンパスの上に置きます。
このようなツールバーから移動ツールを選んで
移動させるまたは拡大させる事ができます。
Ctr（Macはコマンド）+T ※ショートカット
Step3
レイアウトが決まってきたら文字を入れ込みましょう
ツールバーにTのアイコンを選択し、
キャンパスをクリックして文字を打って入れ込んでみましょう。
私はお花教室と入れ込みました
いかがでしょうか？
例えばお花教室やショップのサイトだと、
ここに電話番号を入れたり、自由にカスタマイズしてください。
※版権Freeのサイトをご紹介します。
→ 著作権フリーの画像＆写真集
Step4
画像が完成したら、WEB用の画像に書き出しします。
写真がメインの場合は、jpeg ※画像の形式のことです。
イラストや無地が多い場合は、gifと覚えてください。
私は、綺麗なお花の写真なのでjpegに書き出すようにします。
ファイル → WEBおよびデバイス用に保存を選んで
ファイルを書き出しします。
ファイル名はheader.jpg（.gif)となっていると思います。
書き出された画像を、
ブラウザーにドロップして、
写真を確認してみましょう。
いかがでしたでしょうか？
この操作法を覚えると、
ありきたりなテンプレートもカスタマイズしたくなりますので
是非、試してみてください。
明日は、この続きの、
作成した画像を、ブログに載せるを
お送りします。
・
本日は以上です。
最後まで読んで頂き、
本当にありがとうございました。
必ず、彼方のお店に集客させます。
頑張りましょう。
ここをポチッとお願いします。
↓↓↓
