2013/07/19こんにちはハカセです。楽天やYahoo!のみならず、自社サイトでのネットショップ運営において、無くてはならないと言っていいほどに重要なものの一つが「写真」でございます。前職でも売上げを伸ばせた要因の一つに写真の力があると思っています。楽天の三木谷社長もその力を判っていたからこそpinterestに出資したのだと思います。その後なんかアレな感じで音沙汰ないですが・・・。ネットショップでは写真が無いと商品が何なのか全くと言っていいほどわからない事すらあります。食品やファッションなんかのジャンルでは重要です。例)結構大きめでかまぼこみたいな形のカッコイイかばんポイント10倍!カバンだって事は理解出来ますし、大きめなのはわかりますが、それ以外の情報はかなり曖昧です。これじゃあ欲しいと思うどころか、何なのかを理解する前にページを見るのを辞めてしまいそうです。誰もが知っている様な商品なら写真がいらないかと言えば、そんな事はありません。明らかに写真があった方がその商品をイメージ出来ますし、その商品を手にする事を想像しやすくなり、衝動買い・ついで買いなどがおこりやすくなり、購入へのハードルが下がります。型番商品を大量に販売しているショップさんで、商品画像まで手が回らずに型番と価格と最低限の情報だけで販売していたのを、バイトを雇って全商品に画像を入れたところ他に何もしていないのに売上げが1.5倍ほどになったという実例もあるそうです。写真が残念でもどうにか出来る!Photoshopがあれば。この様に非常に重要な商品の写真ですが、「プロのカメラマンを雇ってきちんと撮影している」って店舗さんはかなり限られているのではないでしょうか。私の前職では店舗の規模もそこそこ大きかったので、ほとんどの商材はプロのカメラマンさんに撮ってもらっていましたが、知り合いのショップさんでは、店長さんや運営スタッフなどが苦労しながら撮影していました。私はカメラマンでは無いので、撮影に関してはたいしたアドバイスは出来ませんが、デザイン畑出身の私には非常に強い武器があります。Photoshopです。Photoshop(アドビ・フォトショップ)主に写真編集(フォトレタッチ)としての役割を担うソフトウェアとして、画像加工、イラストレーション、印刷業界などあらゆる画像分野で使用されており、この分野では代表的な存在である。写真などの加工に適しており、さまざまなフィルタやプラグインを追加することによって、機能を拡張することができる。いった同社の他のソフトとは、シームレスな連携がはかられている。標準画像ファイルフォーマットはPSD形式であり、レイヤーやパス、印刷情報や著作権情報などを付加して保存できる。多くの画像フォーマットに対応しており、ビットマップ画像だけでなくベクターイメージを扱うこともできる。Photoshop」よりこれだけ聞くとなんだか良くわかりませんが、画像に関する事なら何でも出来ると思っておいて間違いありません。Photoshopにできない事は他のソフトでも出来ないのです。(大げさです)私はもう十年以上使ってますが、未だに良くわからない事もありますし、バージョンアップの度に新機能がどんどん追加されるので、Photoshopのパワーを100%使いこなせている人って居ないんじゃないかってくらいに奥の深いソフトですが、世間が思っているほどハードルは高くありません。店舗運営をされている方は導入をご検討下さい。Cloudというダウンロード販売に統合され、Photoshop単品なら月額3,000円で使用出来る様になりました。ちなみに全シリーズ使用可能なフルバージョンでも月額5,000円なので単体で使用するより断然お得です。Weaverや、映像編集のPremiere、その他Illustrator、Flashなど総額ウン十万円分(CS6までのパッケージ販売換算)のソフトが使える事や、バージョンアップに費用が掛からない事、必要なくなったら契約解除すればOKって事を考えると、むしろお得なのかも知れません。一つのライセンスで2つのパソコンにインストール出来ます(同時使用不可)ので、MacとWindowsなどの使い分けにも便利ですし、オフィスのパソコンとノートパソコン両方に入れたい方にもおすすめです。ちなみに私はデスクトップPC(Windows)とノートパソコン(Mac)で使い分けてます。実際にやってみようPhotoshopで画像を合成するやりかたはいくつもありますが、今回は初歩の初歩と言う事で見本の様なものを作る事を想定します。画像はここから拝借しました。WEB制作向け無料写真素材/ぱくたそ必要な画像のサイズの書類を作るまずはPhotoshopで必要なサイズの新規書類を作ります。「ファイル」から新規(N)を選びます。プリセット℗はwebを選んどきましょう。幅(W)と高さ(H)に必要なサイズを入力して「OK」をクリック。元となる写真を開く元になる写真を選びドラッグしてPhotoshop画面の図のあたりで離す。(または「ファイル」開く(O)から該当ファイルを選択)開きました。「イメージ」画像解像度(I)を選択。幅(D)に必要なサイズを入力。(縦横比を固定するマークにチェックが入っているのを確認)この時PhotoshopCS6までバージョンを使っている場合、再サンプルをバイキュービック法(シャープ)を選んでおきましょう。縮小時の写真のボケを抑えてくれます。保存先-ドキュメントは先程作った書類を選択して「OK」を押す。猫のレイヤーを選択したまま、レイヤーウインドウ下部にある「レイヤーマスクを追加」のボタンをポチッと。なんか出来た!出来たレイヤーマスクが選択選択された状態でグラデーションツールで「描画色から透明に」のグラデを選んで画像の上を図の様にドラッグ。キーボードが見えた!さらに白い部分を消す様に調整。位置や大きさを調整する直感に基づいて大きさや位置を調整。feel!)適当に文字とか入れてみる。いえ、そんな事はありません。覚えてさえしまえば1分もかからず合成自体は可能です。レイアウトや調整などには時間が掛かるかと思いますが、非常に早いスピードで合成が可能です。2枚の画像を重ねるより幾分かは「プロっぽい」仕上がりになるはずです。今回は説明していませんが、レイヤーマスクの形を工夫すれば応用方法は無限にあります。合成だけじゃなく「不要な部分を自然に切り取る」時にもこのテクニックは非常に役に立つはずです。ページのレイアウトにあわせてカメラマンに撮影してもらう事は、現実的に難しいと思います。この記事がお客さんにとって「見やすい」「わかりやすい」ページ作りの手助けになれば幸いです。今回もまた面白いことがひとつも言えなかったので、次回こそは「でっち上げ面白エピソード」でも披露しようと思っています。コメントをキャンセルメールアドレスが公開されることはありません。ハカセの研究室ページ先頭に戻る。