「ECキャンパス」は全国のネットショップを運営する店長さんに学びの場となるWEBキャンパスを提供します。「売上を伸ばしたいけどやり方がわからない」「セミナーに参加したいけど高い」「地方なのでまわりに相談する人がいない」といったお悩みを解決します。共通の悩みを持った仲間と学び、助け合い、ノウハウを共有し、それぞれの目標に向かってがんばって行きましょう！ http://ec-campus.tv/

1. 〜～ 撮った後の、その⼀一⼿手間があなたの写真を３倍魅⼒力力にする！
WEB時代の画像処理理のきほんを学ぶ 〜～
撮った後が勝負！
商品撮影のためのPhotoshopレタッチ⼊入⾨門
studio9 中原 ⼀一雄

2. ! ただ撮っただけで終わってしまうのはもったいない。。
次の写真、左が撮っただけ。
右がレタッチ後。
はじめに

4. 撮った後、ちょっと⼀一⼿手間かけることで
こんなに違うなら、
レタッチしてみようかな？
って思いませんか？

5. ! レタッチ、画像処理理とは？
! 商品撮影のためのレタッチ⽅方法
! WEB⽤用途向けの画像の仕上げ⽅方
! デモンストレーション
本⽇日のコンテンツ

6. ! 撮った後に⼿手を加える、これみな”レタッチ”
レタッチとは何か？
レタッチ(Retouch)
RAW現像
⾊色調補正
合成
切切り抜き

7. ! 世の中の商業写真でレタッチがされていないものはほぼ”ゼロ”です
どうしてレタッチをするの？
u より完成度度を⾼高めるため
→どんなに良良い写真を撮っても、ライティングとスタイリングだけでは不不
⼗十分なことがあります。
u コスト削減のため
→ライティング、スタイリングを追い込むにはお⾦金金も時間もかかりますが、
レタッチならPC１台で⼿手軽に修正できることがあります。（過信は禁物）
u 失敗写真をカバーするため
→暗すぎる写真、⾊色がおかしい写真、不不要なものが写った写真。。レタッ
チで救える写真がいっぱいあります。（過信は禁物）

8. ! 必ず必要なもの
必要な機材、ソフト
u パソコン
→ノートでもデスクトップでもいいですが、サクサク動かしたいなら中級以上のス
ペックを。特にメモリー容量量が⼤大事。できれば４GB以上欲しいところ。
u ソフト
→PhotoshopかLightroomがオススメ。趣味で使う程度度ならPhotoshop Elements、
GIMPなどの選択もあり。
! できれば欲しいもの
u 外付けディスプレイ
→24inchくらいのIPS液晶がオススメ（15,000円〜～）
u ペンタブレット
→ある程度度精密なレタッチをするときに効率率率が⾼高まります。

9. Adobe写真家向けプログラム
! ⽉月額980円でPhotoshop、Lightroomが使い放題
u LightoomとPhotoshop CC (+ Bridge CC)が使⽤用可能。
u Lightroom mobile が使⽤用可能。
u 20GBのオンラインストレージが使⽤用可能。
u メジャーバージョンアップしても最新版を使⽤用可能。
u 毎⽉月のお布施が必要。。
毎⽉月980円で⾼高品質なレタッチが出来るなら⾼高くはない。。はず。。

10. PhotoshopとLightroomの違い
! ”編集”に特化したPhotoshopと、”写真”に特化したLightroom

11. ! RAW
RAW現像とは？
u センサーに⼊入ってきた光の情報をそのまま記録したもの
u 「写真」になる前の状態
u 最も⾼高画質な状態
! JPEG
u RAWデータをカメラが勝⼿手に圧縮して「写真」にしたもの
u どんなパソコンからでも⾒見見れる
u 不不要なデータを捨てている（画質が劣劣る）
図で⾒見見てみよう

12. DIGIC、EXPEED、TruePic etc.
圧縮無圧縮
そのままでは⾒見見れないので現像
が必須！
そのまま⾒見見れるので現像は
任意。

13. ! レタッチ、画像処理理とは？
! 商品撮影のためのレタッチ⽅方法
! WEB⽤用途向けの画像の仕上げ⽅方
! デモンストレーション
本⽇日のコンテンツ

14. ! 参考書通りにやれば出来るのに、⾃自分の写真を前にすると出来ない。。
それは「どこがヘン」なのかが分からないから。
これだけ覚えればOK！
明るさ、コントラスト、⾊色の関係
u 明るさ
→写真全体の明るさ。輝度度とも。やや明るめに仕上げるのか基本。
u コントラスト
→明るい部分と暗い部分の差のこと。明るさとコントラストは別で考える！
u ⾊色（⾊色味、彩度度）
→商品写真の⾊色は⾮非常に重要！できるだけ忠実に、商品の良良さを伝えよう。

15. 明るさ
http://www.ashinari.com/
商品写真の基本は
少し明るめに仕上げること。
「トーンカーブ」がオススメ

16. コントラスト
カチッとしたもの、
⿊黒背景のものはコントラスト
⾼高めがオススメ
「シャドウハイライト」 or 「トーンカーブ」がオススメ
可愛らしさ、優しさを
出したいなら
コントラストは低め！

17. ⾊色（⾊色味、彩度度）
⾊色は出来るだけ正確に。
⾷食べ物の場合はやや暖⾊色系に
仕上げてもOK
「トーンカーブ」
「⾃自然な彩度度」がオススメ
彩度度は上げすぎ
厳禁！
http://www.ashinari.com/
http://www.ashinari.com/

18. 何はともあれトーンカーブ
これだけ覚えればトーンカーブが使えます！
! これだけで「明るさ」「コントラスト」「⾊色」すべてが調整可能
u 上げると明るく、下げると暗くなる
u 左が暗いところ、右が明るいところ
トーンカーブ２つの法則明るくなる
暗くなる
暗い所 明るい所

19. 明るさを変える
真ん中を上にあげた
↓
明るくなった！
真ん中を下にさげた
↓
暗くなった！
http://www.ashinari.com/

20. コントラストを変える
真ん中はそのままに、
明るいところを上げた
↓
明るい所が、
より明るくなった！
真ん中はそのままに、
暗いところを上げた
↓
暗い所が、
明るくなった！
コントラストUP！
コントラストDOWN！
＊コントラスト
明るい所と
暗い所の差のこと
http://www.ashinari.com/

21. ⾊色を変える
レッドを上げた
↓
⾚赤くなった！
ブルーを下げた
↓
⻩黄⾊色くなった！
⻘青の反対（補⾊色）は⻩黄⾊色
http://www.ashinari.com/

22. ３ついっぺんに変える
http://www.ashinari.com/

23. ! トーンカーブ以外にも便便利利な調整項⽬目があります
その他の”使える”調整項⽬目
u シャドウ・ハイライト
→イメージ＞⾊色調補正 から。トーンカーブでコントラストが
決まらないときに。
u ⾃自然な彩度度
→鮮やかさを変えたいときに。必ず調整レイヤーを使おう。
u CameraRAWフィルター
→PhonoshopCC限定。明るさ、コントラスト、⾊色すべてを⾼高いレベルで変更更可能。
スマートフィルターを使おう。

24. CameraRAWフィルターの使い⽅方
いつでも再編集可能！
明るさ、コントラスト、⾊色
すべてを⾼高次元で編集可能！
http://www.ashinari.com/

25. ! レタッチ、画像処理理とは？
! 商品撮影のためのレタッチ⽅方法
! WEB⽤用途向けの画像の仕上げ⽅方
! デモンストレーション
本⽇日のコンテンツ

26. ! WEBに最適な品質で書き出しましょう
WEBで使う画像に求められる条件
デカければいいってもんじゃない
u 適切切なサイズに縮⼩小する
u 適切切なファイル形式で書き出す
u 画質を損なわない範囲で圧縮する
u 誰が⾒見見ても同じ⾊色に設定する
ファイル > WEB⽤用に保存 を使って書き出そう。
＊オリジナルの⾼高画質版はファイル＞保存（別名で保存）で
PSD形式か低圧縮JPEGで保存しておく

27. ! 通常は⻑⾧長辺900pxもあれば⼗十分
適切切なサイズに縮⼩小する
最終的にWEBに掲載される⼤大きさを確認しておく。
不不要に⼤大きなファイルをアップすると
サーバー側で不不要な圧縮がかかることもある。。（画質の劣劣化）
＊デジカメの⾼高画質モードは
⻑⾧長辺3000~∼4000px

28. ! 写真はすべてJPEGでOK
適切切なファイル形式で書き出す
⾊色数が多い写真はすべてJPEGで書き出す。
WEBでよく使われるPNGはロゴやイラストなど写真以外の時
写真はJPEG、それ以外はPNG
これだけ覚えておけばOK

29. ! 画質６０が基本
画質を損なわない範囲で圧縮する
JPEG写真は圧縮をかけることでサイズをかなり⼩小さく出来ます。
＊デジカメの⾼高画質モードは
⻑⾧長辺3000~∼4000px
プログレッシブは
チェックしないのが最近の主流流？

30. 画質100 画質80 画質60
画質40 画質20
152KB 70KB 42KB
26KB 19KB
画質６０が
画質とサイズの
バランスが
最も良良い！

31. ! レタッチ、画像処理理とは？
! 商品撮影のためのレタッチ⽅方法
! WEB⽤用途向けの画像の仕上げ⽅方
! デモンストレーション
本⽇日のコンテンツ