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

会社概要お問い合わせ法人のお客様へ就業中スタッフ専用ログイン
ホーム お仕事を探す スキルアップ研修 ウェブ・モバイルプチノウハウ お仕事情報メルマガ 初めての方へ
職種からお仕事情報を探す  WebディレクターWebデザイナーコーダーネットショップ運営モバイルサイトその他   今週の特集
ネットショップでのPhotoshop活用術
クイックマスクで選択範囲を作ってみよう♪(その2)

本当につい最近のことですが、

フォトショップのコツが分かってきたのは、

トーンカーブ、レイヤー、選択範囲、パスがど〜言うものか、

分かってきてからかな〜と思います。



その中で、今回は選択範囲を作る方法の中の1つ、

クイックマスクについて、前回の補足をお話したいと思います。



「選択範囲」は、

「何か加工したい範囲」を「選択」してあげることと思います。

1)パスを引いて、選択範囲を作成する、

2)レイヤーを選択して、選択範囲を作成する、

3)シェイプを選択して、選択範囲を作成する・・・

などなどの選択範囲の作成方法の中で、



クイックマスク(Q)での選択範囲の作成は、

ブラシやグラデーションなどで、

塗ってあげた部分を選択範囲にすることが出来るので、

塗り絵のように、選択範囲を作成したり、

選択範囲自体をグラデーション化できるので、

非常に、便利な方法です。





前回の、グラデーションを使った合成と同じ方法で、

実務的な、画像の補正を行って見たいと思います。



自分の担当している、ネットショップさんをはじめ、

基本的には、写真撮影のプロではありませんので、

物撮りの為のスタジオで撮影ということでなく、

倉庫の片隅や事務所で撮影ということが多いと思います。



そこで、撮影された写真は、

光量不足から、どちらか一方が暗い画像というものが多くあります。

右上が暗くなっています



このような画像を補正する際に、画像全体を補正する前に、

部分的に、補正した後に、全体を補正することで、

よりキレイで魅力的な画像にすることが出来ます。



上の例で実際に作業して見ますと、

暗い右上の部分だけを選択範囲にして、

トーンカーブ(Ctrl+M)で明るくしてあげることで、

部分的な補正を行います。



クイックマスクツール



【注意】

作業前の確認として、

クイックマスクツールをダブルクリックして下さい。

フォトショップの初期の状態では、

「マスク範囲に色をつける」となっていることがありますが、

「選択範囲に色をつける」にチェックしてください。

「マスク〜」では、塗っていない部分が選択範囲になってしまいます。





クイックマスクツールを選択した後は、

ブラシやグラデーションで塗った部分が、

選択範囲になります。

今回の場合には、暗くなっているところの境界がはっきりしないで、

段階的に暗くなっているので、

グラデーションツール(G)を使って選択範囲にしたい部分を塗って行きます。



グラデーションツールで塗り塗り



選択範囲にしたいところを塗ったら、

画像描画モード(クイックマスクツールの左のボタン)に戻すと、

塗った部分が選択範囲になっています。

選択範囲になっています



選択範囲の点線がお邪魔なときは、Ctrl+Hで選択範囲の表示が表示されなくなるので

トーンカーブ(Ctrl+M)で画像の明るさを変えてあげます。



webtant_user_12_1210660499.jpg



これで、画像補正の下準備の部分補正が完了します。



あとは、明るさや、コントラスト、色合いをトーンカーブで補正することで、

画像の補正が完了します。

画像補正完了



それでは〜




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

担当ショップ様、来店するお客様のイメージに合ったデザインを作る事を常に心掛け、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法人 キープラネット / 全国イーコマース協議会

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