西澤リュウジの宇宙(セカイ) -35ページ目

Webマーケティング 注文方法、送料、納期は分かりやすくしよう。



こんばんは、ウインさんです。

お店に入って気にいった商品があったとしても、

以下の項目が明確でないと購入に踏み込めないときがあります。



送料

商品到着までの納期

配送方法(どこの運送会社を使うか)

支払い方法



お客様にとっては、

商品も重要だけど、送料を払うのはいや!

離島に住んでいるので、商品の何倍もの送料がかかってしまう。


運送業者のこだわりがあり、

○○ヤマトはいいけど、○○急便はいや。

その逆のお客様もいます。


代引きはいいけど、クレジット決済はいや。

クレジットカード以外の決済はいや!


領収書を切ってほしい。

プレゼント用にラッピングをしてほしい。

メッセージカードをつけてほしい。


実に様々な、お客様がいます。

どのお客様もこだわりを持っています。


このようなお客様の要望にどこまでこたえられるか

ページの分かりやすいところに表示しましょう。


ウインさんでした。


【目次】OFFICE Win代表 東啓一のWebマーケティング

ヘッダー画像作成チュートリアル ①


ビジュアルの伝道師が行うデザイン集客(TM)-ヘッダー画像作成チュートリアル①




今回はGIMP(グラフィック編集ソフト)を使って、このブログで使用しているヘッダー画像作成を


チュートリアル形式で数回に分けながらお届けしていきたいと思います。


・オリジナル画像を作成しよう!【GIMPってどんなソフトなの?】


・GIMPのインストール方法


ビジュアルの伝道師が行うデザイン集客(TM)-s-新ヘッダー画像



まず、GIMPを下記のように起動させたらヘッダー画像のキャンバスサイズを指定します。



ビジュアルの伝道師が行うデザイン集客(TM)-GIMP起動後



今回は【横幅900px】 【縦幅400px】で指定して【OK】をクリックします。




ビジュアルの伝道師が行うデザイン集客(TM)-ファイルサイズ



すると下記のように背景が白(#ffffff)のキャンバスが現れます。


ビジュアルの伝道師が行うデザイン集客(TM)-s-背景ホワイト



始めにヘッダー画像の背景画像を作成していきます。


ツールボックスから【グラデーションツール】を選択し


ビジュアルの伝道師が行うデザイン集客(TM)-グラデーションツール


ビジュアルの伝道師が行うデザイン集客(TM)-ツールボックス



描画色を #003468 背景色を #278ae7 に設定します。



ビジュアルの伝道師が行うデザイン集客(TM)-描画色&背景色


ビジュアルの伝道師が行うデザイン集客(TM)-描画色パレット



グラデーションの設定が完了したら下記のように


左下から右上へとマウスカーソルをドラッグさせます。


ビジュアルの伝道師が行うデザイン集客(TM)-s-グラデーション方向



すると描画色の #003468 から 背景色の #278ae7 へとグラデーションがかかります。


ビジュアルの伝道師が行うデザイン集客(TM)-s-背景グラデーション


さて次のステップでは背景画像にザラついた質感を出すためにノイズをかけます。


【フィルタ】から【ノイズ】【HSVノイズ】を選択。


ビジュアルの伝道師が行うデザイン集客(TM)-s-フィルタノイズ



そうするとHSVノイズパレットが開きますので下記の設定に合わせます。


ビジュアルの伝道師が行うデザイン集客(TM)-HSVノイズ設定

保存度  2

色相 3

彩度 10

明度 10


を設定し【OK】をクリック。


ビジュアルの伝道師が行うデザイン集客(TM)-s-背景グラデーションノイズ


画像ではわかりにくいですがノイズのかかった背景が出来上がりました。


次に下記の画像(レイヤー名をプロフィール画像に設定)を加工していきます。


ビジュアルの伝道師が行うデザイン集客(TM)-s-プロフ画像


仕上がりイメージは下記のように画像の周りに白いオーラのようなものを施します。

ビジュアルの伝道師が行うデザイン集客(TM)-プロフィール画像レイヤー入れ替え後


では設定方法です。


レイヤーパレットのプロフィール画像レイヤーの上にカーソルを合わせ


右クリックをし、【不透明部分を選択範囲に】を選択します。


ビジュアルの伝道師が行うデザイン集客(TM)-不透明部分



すると下記のように」画像の周りに破線が表示されました。

ビジュアルの伝道師が行うデザイン集客(TM)-不透明部分選択



次に【選択】から【選択範囲を拡大】をクリック。


ビジュアルの伝道師が行うデザイン集客(TM)-s-選択範囲拡大


選択範囲パレットが開きますので【3px】に設定。


ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲拡大3px



選択範囲が【3px】分広がりました。

ビジュアルの伝道師が行うデザイン集客(TM)-選択範囲拡大3px2



次にまた【選択】から【境界をぼかす】をクリック。



ビジュアルの伝道師が行うデザイン集客(TM)-s-境界をぼかす


選択範囲パレットが開きますので【5px】に設定。


ビジュアルの伝道師が行うデザイン集客(TM)-境界をぼかす5px



選択範囲の境界が【5px】分ぼかされました。

ビジュアルの伝道師が行うデザイン集客(TM)-s-境界をぼかす5px2


次にそのままの状態で【レイヤー】から【レイヤーを追加】をクリック。


ビジュアルの伝道師が行うデザイン集客(TM)-s-レイヤー追加



新規レイヤー追加パレットが開きますので下記にように


レイヤー名を【プロフィール画像背景】に設定し【OK】をクリック。


ビジュアルの伝道師が行うデザイン集客(TM)-レイヤー追加パレット



次に【塗りつぶしツール】を選択し描画色、白(#ffffff)で


【プロフィール画像背景レイヤー】の選択範囲内を塗りつぶします。


ビジュアルの伝道師が行うデザイン集客(TM)-塗りつぶしツール

ビジュアルの伝道師が行うデザイン集客(TM)-塗りつぶしツールボックス


ビジュアルの伝道師が行うデザイン集客(TM)-プロフィール画像塗りつぶし

【プロフィール画像背景レイヤー】【プロフィール画像レイヤー】の順番を入れ替えます。


ビジュアルの伝道師が行うデザイン集客(TM)-プロフィール画像レイヤー入れ替え


そうすると下記の画像が出来ました。

ビジュアルの伝道師が行うデザイン集客(TM)-プロフィール画像レイヤー入れ替え後



では次に、画像にコントラストをつけることで少し眠い画像にメリハリをつけましょう。


【色】から【トーンカーブ】を選択。

ビジュアルの伝道師が行うデザイン集客(TM)-s-トーンカーブ


するとトーンカーブ調整パレットが開きますので


ビジュアルの伝道師が行うデザイン集客(TM)-トーンカーブ調整


下記のようにゆるやかなS字に変更し【OK】をクリック。


※上のカーブで画像の明るいところをさらに明るくします。

※下のカーブで画像の暗いところをさらに暗くします。

ビジュアルの伝道師が行うデザイン集客(TM)-トーンカーブ調整後

これで画像に明暗のハッキリした加工が出来上がります。


ビジュアルの伝道師が行うデザイン集客(TM)-プロフィール画像トーンカーブ加工



次にまた下記の設定のように【HSVノイズ】をかけ質感を出します。

ビジュアルの伝道師が行うデザイン集客(TM)-プロフィール画像ノイズ



こんな感じ↓です。


ビジュアルの伝道師が行うデザイン集客(TM)-プロフィール画像ノイズ加工


では出来上がったプロフィール画像を移動させます。


【移動ツール】を選択しレイヤーパレットの


【プロフィール画像背景レイヤー】【プロフィール画像レイヤー】を同時に


移動させるために目のアイコンの横にある鎖マークをチェックします。

ビジュアルの伝道師が行うデザイン集客(TM)-移動ツール


ビジュアルの伝道師が行うデザイン集客(TM)-レイヤーロック



そのまま【プロフィール画像レイヤー】を下記のように左下へとドラッグながら


移動させましょう。


ビジュアルの伝道師が行うデザイン集客(TM)-s-プロフィール画像移動後


うまく出来たでしょうか?


今回はここまでにしておきますね。


次回はこの続きをお届けいたします☆





【目次】プロフェッショナルGIMP




137 物理学者パウリの錬金術・数秘術 ①

ビジュアルの伝道師が行うデザイン集客(TM)-詩的脳内メモ記事背景画像


・微細構造定数(ギリシア文字のαで表す)

 

 分裂したスペクトル線どうしの間隔を定めている量


 値は0.00729


ビジュアルの伝道師が行うデザイン集客(TM)-362e3bc4a8fcf75d6fb02144f8841998




・微細構造定数は3つの基礎物理学から構成されている。


 電子の電荷(電気素量) e


 相対性理論を特徴づける真空中の光速 c


 量子論を特徴付けるとともに微視的世界の境界となる微小な大きさ


 (問題にしているのがエネルギーや質量であろうと、さらには空間そのものであろうと)


 を定めるプランク定数 h


 の3つである。(πは円周率)




137 物理学者パウリの錬金術・数秘術・ユング心理学をめぐる生涯