サイトデザイン

ヘッダー画像の作り方(photoscape) 【動画でわかる】

今回はphotoscapeを使ったヘッダー画像の作り方について紹介します。
動画では僕が実際に見本ヘッダー画像を作る工程を紹介しています。

 

3つ見本ヘッダーを用意しました。

各見本バナーごとに動画を分けましたので作り方を知りたい
ヘッダーバナー画像の作り方の工程のみを見ることができます。

(見本ヘッダーをクリックすると拡大表示されます)

[colored_bg color=”light‐yellow” corner=”r”][icon image=”check-b-b”]以下の動画講義はchapter1のphotoscapeの導入から使い方とういう講義の知識を前提とした上で進めています。
そちらを見ていない方は先に見ることをオススメします[/colored_bg]

ヘッダーバナーの作り方(photoscape) 動画

見本ヘッダー1
ヘッダー1

見本ヘッダー2
ヘッダー2

見本ヘッダー3
ヘッダー3

「ヘッダーバナーの作り方」動画講義の中で使用した素材

見本ヘッダー2の素材壁紙はこちら↓

壁紙2

見本ヘッダー3の素材壁紙↓

壁紙3

 

ヘッダー画像の最適サイズはお使いのテンプレート
によって異なります。

 

refine snowテンプレートを使っている方は
ヘッダー画像の最適幅は1000pxです。

 

refine snowテンプレートを使っている方は
photoscapeでヘッダー画像を作る際は、
横幅1000px、縦幅300pxぐらいで作って
みるといいでしょう。

 

Top