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

Webマーケティング 競合店と違ったアピールポイントを強調する。


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

競合店は必ず存在します。

競合店を一回り見てみ見ましょう。

すると、そのお店がどこにポイントを置いているか分かります。


例えば、

品揃えが豊富
品質にこだわっている
専門性
高級品(ブランド品)
低価格
鮮度が良い
お客様を大切にしている
納期が早い
などです。

しかし、これら全てを満足するお店はありえないのです。

どこか、弱い所があるはずです。


そこを、自店舗では強調しアピールすると競合が避けられます。

競合店が品揃えと、低価格のお店だった場合、
自店も同じ品揃えと、低価格路線を狙えば、価格の下落と利益が得られない結果をもたらします。

そんなときは、
専門性やお客様への対応など、別な切り口をアピールする事が得策です。

これは、あくまでもお客さまの視点に立ってお店を見てみた場合に
確認できることです。

一度、自分のお店をお客様の立ちばでお買い物してみることをお勧めします。

その上でアピールポイントを強調してみましょう。

ウインさんでした。



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



写真にデザイン性の高い影をつけよう!①


ビジュアルの伝道師が行うデザイン集客(TM)-写真にデザイン性の高い影をつけよう!


【GIMP紹介記事】


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


・GIMPのインストール方法



今回はブログに写真を載せる際に他の人とは、ひとあじ違ったデザインで写真を


魅せたい方へ向けてデザイン性の高い影の付け方のチュートリアルをお届けいたします。



完成イメージは下の3種類です。


ビジュアルの伝道師が行うデザイン集客(TM)-完成イメージ


これを覚えるとヘッダー画像やバナー画像(メニューボタン、読者登録ボタン)など


いろいろ使えますので少し写真を飾りたいと思ったときは是非取り入れてみてください☆



それでは始めていきます。


まず影を作成する前に、その下準備として写真にフレームを付ける作り方から紹介していきます。



GIMPを開いて【ファイル】【新しい画像】からキャンバスサイズを任意で指定します。


とりあえず今回は  横幅400px  縦幅300px でキャンバスを開きました。


ビジュアルの伝道師が行うデザイン集客(TM)-白キャンバス


このキャンバスにお好みで使用したい写真をドラッグ&ドロップさせます。


※今回使用した写真はプロカメラマン茅原田さんのブログ より無料素材の中から1点を提供して頂きました。


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


次にレイヤーパレットの中の写真レイヤーを右クリックし【不透明部分を選択範囲に】を選択します。


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


写真の周りに選択範囲が出来ました。


続いてフレームを作成するために【選択】【選択範囲の拡大】をクリック。


選択範囲の拡大パレットが開いたら下記の設定に合わせます。


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


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


そしてレイヤーパレットの中の背景レイヤーをクリックし、【レイヤー】【レイヤーの追加】を選択。


レイヤー名をフレームとし、拡大させた選択範囲内を【塗りつぶしツール】で色(#f6f6f6)を着けます。


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


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

今度はフレームに1pxの枠を付けていきます。


レイヤーパレットの中のフレームレイヤーを右クリックし【不透明部分を選択範囲に】クリック。


そして同じように【選択】【選択範囲の拡大】で選択範囲の拡大パレットが開いたら


下記の設定に合わせます。


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


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


そしてレイヤーパレットの中の背景レイヤーをクリックし、【レイヤー】【レイヤーの追加】を選択。


レイヤー名を枠とし、拡大させた選択範囲内を【塗りつぶしツール】でフレームより少し濃い色


(#efefef)で塗りつぶします。


ビジュアルの伝道師が行うデザイン集客(TM)-写真を枠付き


これで写真にフレームを付ける事が出来ました。


ここから影をデザインしていきます。



では下の写真の左側の影から作っていきます。
ビジュアルの伝道師が行うデザイン集客(TM)-完成イメージ


まず【楕円選択ツール】をクリックします。


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


そして下記の設定に合わせます。


ビジュアルの伝道師が行うデザイン集客(TM)-楕円選択ぼかし20px


【アンチエイリアス】


【境界をぼかす 20.0】


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


バランス良く楕円選択を写真の下に作成します。


そして、レイヤーパレットの中の背景レイヤーをクリックしてから【レイヤー】【レイヤーを追加】


選択しレイヤー名を影と付けます。


次に新しく作成したレイヤーの選択範囲内を影の色 (#a2a2a2)で塗りつぶしたら完成です!


ビジュアルの伝道師が行うデザイン集客(TM)-下楕円影処理


あっという間ですね!



次は真ん中の影の作り方ですよ☆

ビジュアルの伝道師が行うデザイン集客(TM)-完成イメージ


では、【短形選択ツール】をクリックします。


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


ビジュアルの伝道師が行うデザイン集客(TM)-短形選択パレット


【境界をぼかす20.0】に設定し、


ビジュアルの伝道師が行うデザイン集客(TM)-下湾曲選択

写真の下に短形の選択範囲を作成します。


そして、レイヤーパレットの中の背景レイヤーをクリックしてから【レイヤー】【レイヤーを追加】


選択しレイヤー名を影2と付けます。


次に新しく作成したレイヤーの選択範囲内を影の色 (#a2a2a2)で塗りつぶします。


ビジュアルの伝道師が行うデザイン集客(TM)-下湾曲選択範囲ぼかし2

【レイヤー】【レイヤーの自動切り抜き】をクリック。

ビジュアルの伝道師が行うデザイン集客(TM)-下湾曲選択範囲ぼかしレイヤー切り抜き


【フィルタ】【変形】【ひん曲げる】を選択し下記の設定に合わせOKを押したら完成です☆


ビジュアルの伝道師が行うデザイン集客(TM)-s-下湾曲ひん曲げるパレット


ビジュアルの伝道師が行うデザイン集客(TM)-下湾曲影処理


では最後に右側の影の作り方です。
ビジュアルの伝道師が行うデザイン集客(TM)-完成イメージ

これも1番始めの作り方とほぼ一緒です。


【楕円選択ツール】をクリック。


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


そして設定も同じようにします。


ビジュアルの伝道師が行うデザイン集客(TM)-楕円選択ぼかし20px


【アンチエイリアス】


【境界をぼかす 20.0】


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


写真の左横に楕円の選択範囲を作成します。


そして、レイヤーパレットの中の背景レイヤーをクリックしてから【レイヤー】【レイヤーを追加】


選択しレイヤー名を影3と付けます。


次に新しく作成したレイヤーの選択範囲内を影の色 (#a2a2a2)で塗りつぶします。


ビジュアルの伝道師が行うデザイン集客(TM)-横楕円選択範囲影処理


【レイヤー】【レイヤーの自動切り抜き】をクリック。


ビジュアルの伝道師が行うデザイン集客(TM)-横楕円選択範囲レイヤー切り抜き


この影3レイヤーを【レイヤー】【レイヤーの複製】をし、


【移動ツール】で写真の右側に移動させたら完成です☆


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

ビジュアルの伝道師が行うデザイン集客(TM)-両脇影処理

いかがでしたか?


どれもこれも簡単な作業でデザイン性の高い影が作れますので


覚えておいて損はないと思いますよ!



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




ピュタゴラスの復讐 ②

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


・宇宙を最初にコスモスと呼んだのはピュタゴラス。


 コスモスは元来「秩序」を意味するが、同時に装飾も意味しており


 ピュタゴラスに言わせれば世界は秩序によって飾られていたのである。



・宇宙に似た性質を持つ聖なる形の入れ物をピュタゴラスは球で表した。



ピュタゴラスの復讐  数学ミステリー