Dreamweaver/Photoshop経験者優遇。WEBデザイナー/WEBディレクター/ネットショップ店長など【WEB・モバイル業界専門の求人情報サイト】
お仕事情報カタログ ウェブタント サポタント株式会社 人材派遣サポートセンター:0120-317-133 社団法人日本人材派遣協会 / WEB広告研究会 / EC協議会賛助会 / 東京商工会議所 会員 プライバシーマーク
一般労働者派遣:(般)13-302759 / 有料職業紹介:13-ユ-302233

会社概要お問い合わせ法人のお客様へ就業中スタッフ専用ログイン
ホーム お仕事を探す スキルアップ研修 ウェブ・モバイルプチノウハウ お仕事情報メルマガ 初めての方へ
職種からお仕事情報を探す  WebディレクターWebデザイナーコーダーネットショップ運営モバイルサイトその他   今週の特集
ネットショップでのPhotoshop活用術
素材からバナーを作成まで その8(ぼやけた画像をくっきりと、しかも意図的に)

多くのネットショップさんでは、

モニターに写る写真がとても大切です。

(その商品に付いての「語り」の部分も非常に大切です。)



特に、食品を販売するネットショップさんでは、

単価が手頃(言い方を変えると失敗しても諦めの付く単価)で、

お得企画商品(もちろん、送料込)が主力販売商品になる場合、



いわゆる、「反射買い」と言った、

「あっ、これ美味しそう!送料込みでお得!」と

その商品(食べ物)に興味を引いてもらうため、



各ショップさんともに、

商品画像は大きめで力を入れて撮影、加工していると思います。





画像の色補正については、以前にも説明しましたが、

画像に目を引いてもらうためにも、



見せたいところはしっかりシャープ、

その他の部分はぼかして、

焦点を見せたいところに集中してもらう画像
の補正を行っています。



■実践

ショップさんから送られてきた画像(2400X1800ピクセル)を

400X300に縮小すると、どうしても画像全体がぼけてしまいます。

特に、この商品は表面の「ホロホロ、サクサク」の感じがぼけてしまい、

商品の良さをアピール出来ない画像となります。



【元画像】

元の画像は縮小でボケています。



画像をシャープに見せる方法は何通りかあるみたいですが、

マツイは簡単、把握しやすい、修正も簡単な

フィルタ効果の「シャープ」を使います。


フィルタでシャープを掛けます。

しかも、このツールは一度選択するとショートカットで作業可能なので、

同じような加工を1日何回も行うときは非常に効率的です。



【画像全体にシャープを掛けた画像】

シャープを掛けると商品がくっきり

シャープで、商品の表面のサクサク感も分かりやすくなりました。



もし、シャープを掛けた時に効果が強すぎて画像が荒れてしまったときは、

効果をフェード(弱める)させて、調整してください。

ショートカットは、Ctrl+shift+Fです。

シャープは掛けすぎると画像がアレアレ



画像全体にシャープを掛けた後に、

見せたい点はシャープなまま、

その他の部分はぼかしてしまいます。




ここからは、画像全体に加工をするわけではないので、

ぼかしツール(R)でぼかしたいところに

ブラシを掛ける要領で、ぼかしてゆきます。

ココで意図としたぼかしが生まれます。

ココで意図としたぼかしが生まれます。





【ぼかし加工で周囲をぼかして見せたいところに視線を集める加工】

やりすぎですが、ご参考に

(分かりやすいように、派手めに加工しています)











画像のシャープとぼかしに関しては、

ファッション雑誌をやグルメ雑誌の記事を見ると

モデルさん(の着ている服)の周りは意図的に

ぼかして、視線を服に視線を集めるような加工をはじめ、

非常に積極的な加工を行っていますので、

参考にしてみると、良いと思います。



それでは〜〜〜



※注意

シャープを掛けたり、ぼかしたりする画像の加工に関しては、

アパレルやグルメ業界では有効な手法と思いますが、

部品メーカーなど、画像に正確性を求める業界では、

余計な加工になりますので、ご注意くださいっ




松井@和博
有限会社フューチャーワークス
オンラインショップ様のパートナーとして、担当するオンラインショップ様の売上に応じて、成功報酬での運営、管理、コンサルティングを行う、有限会社フューチャーワークス在籍。

担当ショップ様、来店するお客様のイメージに合ったデザインを作る事を常に心掛け、WEB制作業界以外、過去5社での、製造、営業、小売での経験から商品の見せ方、デザインに限らず制作、広告、イベント等での工程管理も得意する。仕事は段取り8割がモットー。

現在、担当ショップ様2(8サイト)
過去の新規制作案件2社。

使用PhotoShopバージョン:PhotoShop6(Windows)


■連絡先
〒120-0034
東京都足立区千住3-35シルクビル3階
03-6912-8855
有限会社フューチャーワークス
http://www.future-worx.net/



基本のまとめカレンダー作り
バナーには枠線を引きましょう♪
文字を変形してみよう♪
スライスでGoGo!
文字の装飾イロイロ
大きなバナーを作るとき・・・
クイックマスクで選択範囲を作ってみよう♪(その2)
点線のイロイロ♪
グラデーションで合成♪
フォントの使い方(実践編)
画像を囲って、写真っぽくしてみよう〜
フィルター(そういえばシャープしか使っていない・・・)
管理しやすく画像を作るっ
フォント選びは簡単に〜
クリックされた先のページも考えてみよう〜
良いバナーって何??
録音して、一気にサムネイル作成。(後編)
録音して、一気にサムネイル作成。(前編)
素材からバナーを作成まで その9(パターンを作って塗り絵)
素材からバナーを作成まで その8(ぼやけた画像をくっきりと、しかも意図的に)
----------------------------------------------------
全ての記事を見る

ノウハウコラム
現場で使えるDreamweaver & Fireworksの
「イラストを描く前に、イラストを理解すること」をモットーに
ネットショップでのPhotoshop活用術
デジカメ商品撮影 情報満載図書館
ネットショップに役立つプログラミングを楽しく伝授
【トントンのネットショップ運営繁盛講座】
売るための"サイト構築テクニック
心を動かすお店の作り方
御社の「売り」は何ですか?
スタッフ紹介
とこみゆきの良新日記
大池めぐみブログ
佐藤麻衣子ブログ
笠原華子ブログ
橋和田智子ブログ
平岡典子ブログ
野崎朋子ブログ
高見英作ブログ
松本ひとみブログ
高橋理華ブログ
椎木美由紀ブログ
細畠牧奈ブログ
外薗聖子ブログ

スタッフコラム
ちょっと耳より♪Web/Mobileコラム

 サポタントSTAFFが、現場で感じた
 スキルUP情報を交代でお届け♪
今週のイチオシ企業様

 毎週、コーディネータの
 おすすめ企業様をご紹介します♪
大池めぐみのイチオシ企業様
佐藤麻衣子のイチオシ企業様
笠原華子のイチオシ企業様
高見英作のイチオシ企業様
椎木美由紀のイチオシ企業様
細畠牧奈のイチオシ企業様


お仕事を探す
東京神奈川埼玉千葉 大阪京都奈良兵庫 愛知静岡岐阜

スタッフ登録する
派遣スタッフエントリー 登録から契約までの流れ 派遣スタッフ登録特典

このページのトップへ

ウェブタント運営会社 サポタント株式会社 http://www.supotant.com/
ネット業界で目標実現を目指すお客様を「おブッチギリ」に「愛」たっぷりにお手伝いする【サポート担当】の会社です。
IT業界で、就職・転職を目指している方、人材を募集されている企業の人事採用(雇用)担当者さま、ネットショップを立ち上げられたい方、ネット通販を運営されている経営者の方々のお手伝いをさせていただきます!
主な事業内容
■一般労働者派遣事業:(般)13-302759  ■有料職業紹介事業:13-ユ-302233
WEBデザイナー、WEBディレクター、WEBプロデューサ、WEBマスター、ネットショップ店長・運営者、ブログ編集管理者、ソーシャルネットワーキングの制作・管理業務者、プログラマー・保守、マーケティング企画、メルマガライター、WEB系企業一般事務員など、即戦力スタッフを派遣・紹介いたします。未経験者には、技術研修を行い、スキルアップを図ります。(中途採用もあり)
<主な派遣先企業様実績 最寄り駅>
【関東】東京:銀座、新橋、有楽町、目黒、代官山、渋谷、神谷町、表参道、恵比寿、六本木、飯田橋、大森、 神奈川:横浜、新横浜、茅ヶ崎
【関西】大阪:梅田、本町、心斎橋、なんば、三ノ宮、神戸、京都
■ECサイトセミナーの企画及び運営事務局
サイト開設、売り上げUP、集客UP、SEO、SEM、PPCなど、EC業界の最新情報をお届けするセミナーを企画・運営しております。
参加団体 社団法人 日本人材派遣協会 会員 / 東京商工会議所 / Web広告研究会 / オンラインショップマスターズクラブ / NPO法人 キープラネット / 全国イーコマース協議会

 トップページ会社概要・各拠点連絡先 個人情報保護方針法人のお客様へ