Photoshop のレイヤー完全ガイド:種類、描画モード、レタッチでの使い方
Photoshop のレイヤー完全ガイド:種類、描画モード、レタッチでの使い方
レイヤーは、あなたが Photoshop で行うすべての作業の土台です。レイヤーを理解していれば、画像全体をコントロールできます。いつでも修正を巻き戻せるし、背景を塗り替えたり、必要な部分だけシャープネスを強めたり、十数個の要素から複雑なシーンを組み立てても、元データを壊さずに済みます。逆に理解していなければ、あらゆるレタッチはマウスを動かすたびに後戻りできない、運任せの作業になってしまいます。
このガイドでは、レイヤーを具体的に、手順を追って解説します。どんな種類があるのか、パネルはどう構成されているのか、描画モードは実際に何をしているのか、マスクは消しゴムとどう違うのか、なぜスマートオブジェクトが必要なのか、そしてプロが周波数分解やダッジ&バーンで商品写真をどうレタッチするのか。無駄なく、数値・ショートカット・マーケットプレイス向けの撮影例を交えて説明します。
内容は易しいものから難しいものへと構成しています。初心者の方は上から順に読んでください。マスクの章にたどり着く頃には、パネルの中で自信を持って動けるようになっているはずです。経験者の方は、目次と表をカンニングペーパーとして使ってください。ここで紹介する手法はすべて、私たち自身の商品撮影スタジオで毎日使っているものです。ですから、すべての数値・ぼかしの半径・不透明度の値は教科書からではなく、マーケットプレイス向け商品ページの実作業から取った実数です。
レイヤーとは何か、なぜレイヤーなしにレタッチは成り立たないのか
一枚一枚を重ねた透明フィルムの束を思い浮かべてください。一番下に背景、その次に商品、三枚目に影、四枚目に価格の文字が乗っています。上から見ると一枚の絵に見えますが、物理的にはこれは四枚の独立したレイヤーです。どのフィルムも抜き出して描き直したり、順番や明るさを変えたりでき、ほかのフィルムは影響を受けません。Photoshop のレイヤー(layers)はまさにこう動きます。
各レイヤーは、独自の内容・不透明度・描画モード・マスクの組み合わせを持つ、画像の一つの層です。ピクセルがない部分では透明になり、そこを透かして下のものが見えます。このシンプルな考え方こそが、プロの編集の最大の利点、つまり非破壊の作業をもたらします。あなたは元の写真を直接いじるのではなく、その上に補正を積み重ねていくのです。補正はいつでもオフにしたり、弱めたり、削除したりできます。
商品撮影ではこれが決定的に重要です。商品ページは一度で通ることはほとんどありません。依頼者は背景をもっと明るく、ロゴをもっと大きく、パッケージのテカリを消して、と求めてきます。レタッチがすべて一枚に統合されたレイヤーで行われていると、どの修正もゼロからのやり直しになります。作業がレイヤーごとに分かれていれば、修正は三十秒で済みます。順を追って見ていきましょう。
レイヤーの順番が画像にどう影響するか
レイヤーパネルでは、上のレイヤーが常に下のレイヤーを覆います。つまり、背景は束の一番下、商品はその上、影は背景の上だが商品の下、そして文字や価格のプレートは一番上に置くべきだということです。順番を入れ替えると絵は破綻します。影を商品の上に置くと、パッケージの真上に汚いシミのように乗ってしまいます。レイヤーの論理的な階層を保つ習慣は、何かが見えない理由を探す時間を何時間も節約してくれます。たいていの答えは一つ、そのレイヤーが上の別のレイヤーに覆われているだけ、なのです。
ラスターグラフィックとベクターグラフィック
どのレイヤーが画質を失い、どのレイヤーが失わないかを理解するために、ラスターとベクターの違いを頭に入れておきましょう。ラスター画像はピクセルの格子でできています。2000 × 2000 ピクセルの写真は四百万個の点を保持し、拡大しても新しい点はどこからも取れないので画像がぼやけます。ベクターグラフィックは点ではなく、形や線の数学的な記述を保持するので、無限に拡大しても劣化しません。ピクセルレイヤーはラスター、テキストレイヤー・シェイプ・パスはベクターです。スマートオブジェクトは賢いハイブリッドで、外から見るとベクターのように振る舞い(拡大しても劣化しない)、内部にはラスターを保持できます。商品ページで言えば、価格やアイコンはベクターレイヤーで持っておいた方が、どんな倍率でもくっきりしたままになります。
非破壊の作業は実際どういうことか
破壊的な手法と非破壊的な手法の違いは、数値で見るのが一番わかりやすいです。たとえば、ピクセルレイヤーの上で直接カーブを使って背景を明るくして保存したとします。一時間後、依頼者から明るくしすぎだと言われます。あなたには二つの選択肢があります。取り消しを何度も押して、その後にした修正をすべて失うか、元データからやり直すかです。しかし明るさの補正が調整レイヤーに乗っていれば、ダブルクリックで開いてカーブを数パーセント下げるだけ、三十分ではなく三十秒です。一日 50〜100 枚の商品ページを流す現場では、この差が黒字の案件と赤字の作業の差になります。
レイヤーの種類:ピクセルレイヤーからスマートオブジェクトまで
Photoshop にはいくつかの根本的に異なる種類のレイヤーがあります。パネル上では似て見えますが、振る舞いは異なり、解決する課題も違います。違いを理解しておくと作業時間を何時間も節約できます。
ピクセル(ラスター)レイヤー
基本かつ最も一般的な種類です。普通のピクセル、つまり色と透明度を持つ点の集まりでできています。写真を開くと、まさにピクセルレイヤーとして読み込まれます。このレイヤー上ではブラシ、コピースタンプ、スポット修復ブラシ、塗りつぶし、フィルターが働きます。最大の欠点は破壊性です。ピクセルを消せば消え、小さな画像を拡大すればぼやけます。ですから本格的なレタッチは、元データのピクセルレイヤー上で直接行わず、その複製やその上で進めるようにします。
背景レイヤー(Background)
JPEG を開いたときに Photoshop が作る特殊なピクセルレイヤーです。ロックされていて(鍵のアイコン)、透明度を持たず、常に一番下にあります。ロックされている間は動かすことも透明度を有効にすることもできません。背景を通常のレイヤーに変えるには、ダブルクリックして OK を押すか、鍵のアイコンをクリックします。多くのレタッチャーが最初にすることは、背景のロックを解除するか、すぐに複製して(Ctrl+J)、手つかずのオリジナルを下に残しておくことです。
テキストレイヤー
横書き文字ツール(T)で作成します。ピクセルではなく文字そのものをベクター形式で保持するので、画質を落とさずに拡大でき、いつでも編集できます。単語を書き換えたり、フォント・級数・色を変えたりできます。商品ページではテキストレイヤーは欠かせません。価格、割引、型番、セールスポイントなどです。レイヤーがテキストである間は、ほとんどのピクセル系フィルターを適用できません。Photoshop はまずラスタライズ(ピクセルに変換)することを提案しますが、これはよほどの場合だけにすべきです。ラスタライズ後はもうテキストを編集できなくなるからです。
調整レイヤー(Adjustment Layer)
レタッチで最も重要な種類の一つです。これはピクセルではなく、その下にあるすべてのレイヤーの見え方を変える命令です。カーブ、レベル、色相・彩度、カラーバランス、明るさ・コントラスト、白黒などです。調整レイヤーは何も破壊しません。フィルターとして上から重なり、いつでもオフにしたり、ダブルクリックで設定し直したりできます。下部パネル(半分塗られた円のアイコン)またはメニューのレイヤー → 新規調整レイヤーから作成します。各調整レイヤーには自動的にマスクが付いていて、それを通じて修正を画面の一部だけに適用できます。
実務では、商品撮影で最もよく使う調整レイヤーは三つです。カーブ(Curves)は明るさとコントラストの万能ツールで、全体の露出も、RGB の各チャンネルごとのホワイトバランスも、これで整えます。レベル(Levels)は黒点と白点をすばやく調整し、マーケットプレイスが求めるように背景を本当に白い 255,255,255 にするためのものです。色相・彩度(Hue/Saturation)は特定の色をピンポイントで強めたり弱めたりします。たとえば赤いパッケージが写真ではくすんだピンクに見えるときなどです。この三つを商品の上に積み重ねて、それぞれ独立して設定します。
塗りつぶしレイヤー(Fill Layer)
領域を単色・グラデーション・パターンで塗りつぶします。要は、あとから手で塗り直さずに簡単に変えられる、均一な色を置く便利な方法です。商品ページの背景差し替えによく使われます。塗りつぶしレイヤーを白で置き、マスクを追加すれば、マーケットプレイスが求める完璧に均一な白背景の上に商品が乗ります。
シェイプレイヤー(Shape Layer)
長方形・円・線・任意のパスといった幾何形状を持つベクターレイヤーです。画質を落とさずに拡大でき、塗りと線を持ちます。テキストの下敷きプレート、枠、割引バッジ、商品ページのインフォグラフィックの区切り線などに役立ちます。
スマートオブジェクト(Smart Object)
一つまたは複数のレイヤー、あるいは外部ファイルをまとめて格納するコンテナです。スマートオブジェクトは中身を破壊から守ります。何度でも縮小・拡大・回転でき、内部の元データは手つかずのまま残ります。スマートオブジェクトに適用したフィルターはスマートフィルターになり、オフにしたり設定し直したりできます。これは非破壊編集の要であり、下で専用の章を設けています。
グループ(レイヤーのフォルダー)
厳密にはレイヤーではなく、レイヤーを入れるコンテナ、フォルダーです。レイヤーが増えてきたときに整理するのに役立ちます。グループには共通の不透明度・描画モード・マスクを設定でき、それらは中身全体に一度に効きます。
| レイヤーの種類 | 保持するもの | 破壊的か | 主な用途 |
|---|---|---|---|
| ピクセル | ピクセル | はい | 写真、ブラシとスタンプでの手作業レタッチ |
| テキスト | 文字(ベクター) | いいえ | 価格、型番、文字入れ |
| 調整 | 補正の命令 | いいえ | 色、明るさ、コントラスト |
| 塗りつぶし | 色・グラデーション・パターン | いいえ | 背景の差し替えと均一化 |
| シェイプ | ベクター | いいえ | プレート、枠、バッジ |
| スマートオブジェクト | 内包レイヤー・ファイル | いいえ | 拡大縮小、スマートフィルター、テンプレート |
種類にまつわる初心者のよくある失敗
- 背景レイヤーの上で直接レタッチしてしまう。スタンプで欠陥を消し、保存して閉じると、元データが失われます。修正の前に必ず Ctrl+J でレイヤーを複製してください。
- 必要もないのにテキストをラスタライズする。一つのフィルターのためにラスタライズを承諾すると、価格を書き換えられなくなります。どうしてもフィルターが必要なら、先にテキストをスマートオブジェクトに変えれば、編集は使えるまま残ります。
- 補正を調整レイヤーではなくピクセルに適用する。メニューのイメージ → 色調補正はピクセルを後戻りできない形で変えます。レイヤーパネルからの同じカーブは可逆です。ルールはシンプルで、補正は常に別レイヤーで、です。
- 塗りつぶしレイヤーと塗りつぶし済みのピクセルレイヤーを混同する。バケツで白を流し込むと、色はピクセルに貼り付きます。塗りつぶしレイヤーは色をパラメーターとして保持し、ダブルクリックで一秒で変えられます。
レイヤーパネル:管理、順番、グループ化、リンク
レイヤーに関するすべての作業は、レイヤー(Layers)パネルを通じて行います。見当たらない場合は、メニューのウィンドウ → レイヤーを開くか、F7 を押します。ここはレタッチャーの作業台であり、我が家のようにくつろげるべき場所です。
パネルは何で構成されているか
- レイヤーのリスト、上のレイヤーが下を覆う束です。アクティブなレイヤーがハイライトされます。
- サムネイルの左の目のアイコンは、レイヤーの表示・非表示を切り替えます。Alt を押しながら目をクリックすると、そのレイヤーだけを表示状態にします。
- サムネイルは内容のプレビューです。隣にマスクのサムネイルが並ぶこともあります。
- 描画モードは上部のドロップダウンリストです(初期値は通常)。
- 不透明度と塗りは右上の二つの欄です。
- 鍵のマークは、透明度・位置・ピクセル全体のロックです。
- 下部のボタン列は、レイヤーのリンク、スタイルの追加、マスク、調整レイヤー、グループ、新規レイヤー、ゴミ箱です。
基本操作
- レイヤーを作成、Ctrl+Shift+N またはパネル下のプラスのボタン。
- レイヤーを複製、Ctrl+J。レタッチで最も多用するコマンドで、修正の前に必ず元データを複製します。
- レイヤーを削除、ゴミ箱にドラッグするか、レイヤーを選んだ状態で Delete キー(ブラシツールがアクティブでないとき)。
- 名前を変更、名前をダブルクリック。レイヤーに意味のある名前(背景、商品、影、価格)を付ける習慣は、複雑なファイルで神経をすり減らさずに済みます。
- 順番を変更、マウスでドラッグするか、Ctrl+](上へ)と Ctrl+[(下へ)。
- 複数を選択、Shift でクリックして範囲を、Ctrl でクリックして個別のレイヤーを選びます。
不透明度と塗りの違い
この二つのパラメーターは最も混同されます。不透明度(Opacity)はレイヤー全体の透明度を、それに適用されたスタイル(影、境界線、光彩)も含めて管理します。塗り(Fill)はレイヤーの内容だけの透明度を管理し、スタイルには触れません。実務では、テキストに境界線が付いていて、文字自体を半透明にしつつ境界線は濃いまま残したいなら、不透明度ではなく塗りを回します。スタイルのない通常のレタッチでは、両方のパラメーターは同じように振る舞います。
便利な小技として、移動ツール(V)を選んでいるとき、アクティブなレイヤーの不透明度をキーボードの数字で指定できます。5 を押せば 50 パーセント、0 を押せば 100 に戻り、2 と 5 をすばやく続けて打てば 25 パーセントになります。マウスでスライダーを引っ張るより速く、特に影やダッジ&バーンの強さを調整するときに便利です。
フォルダーへのグループ化
レイヤーが十数個を超えると、ファイルはぐちゃぐちゃになります。必要なレイヤーを選んで Ctrl+G を押すと、グループフォルダーにまとまります。フォルダーは畳んだり、名前を変えたり、共通の描画モードとマスクを設定したりできます。商品ページには次の構造が理にかなっています。背景グループ、商品グループ、影グループ、テキストグループ。グループ解除は Ctrl+Shift+G です。
カラーラベルとレイヤーの検索
重いファイルではカラーラベルが役立ちます。レイヤーを右クリックしてラベルの色を選びます。自分の中でルールを決めておきましょう。たとえば、まだ仕上げが必要なレイヤーを赤、完成したものを緑にする、など。パネルの上部にはレイヤーのフィルターがあり、テキストだけ、調整だけ、あるいは特定の色のレイヤーだけを表示できます。百枚のレイヤーがある複雑な商品ページでは、これが目的の要素を探す時間を一分から一秒に変えてくれます。
レイヤーのリンク
リンク(link)は複数のレイヤーを結び付け、一緒に移動・変形させつつ、個別のままにします。レイヤーを選んでパネル下の鎖のアイコンを押します。商品とその影を同期して動かしたいが、加工は別々にしたいときに便利です。グループと違い、リンクはフォルダーを作らず、描画にも影響せず、一緒に移動させるだけです。
ロック
パネル上部の鍵の列は、うっかりした修正からレイヤーを守ります。透明ピクセルのロック(最初のアイコン)は、すでに内容がある部分だけに描けるようにします。オブジェクトの塗り替えではみ出さないために欠かせません。完全なロックはあらゆる変更を禁じます。完成したレイヤーはロックする習慣を付け、うっかりした動きで崩さないようにしましょう。
整列と分布
商品ページに複数のオブジェクトやアイコンがあるとき、それらをきれいに整列させる必要があります。レイヤーを選んで移動ツール(V)を取ると、上部パネルに左揃え・中央・右揃え、そして等間隔で分布させるボタンが現れます。これは商品ページのインフォグラフィックを、購入者が無意識に雑さと受け取って商品への信頼を下げる、ゆがんだ余白から救ってくれます。
描画モード
描画モード(blending mode)は、レイヤーのピクセルが下にあるものと数学的にどう混ざり合うかを決めます。これは Photoshop で最も過小評価され、最も強力なツールです。モードは二十種類以上ありますが、実際の商品レタッチでは五つか六つを常に使います。グループごとに見ていきましょう。
通常とディザ合成
通常(Normal)は初期値のモードで、レイヤーは自分の不透明度に応じて下を覆うだけです。混ぜ合わせの数学はありません。すべてはここから始まります。
暗くする系のモード
このグループは画像を暗くし、白がその中で消えます(効果として透明になります)。
- 乗算(Multiply)はレイヤーの値を掛け合わせ、結果は常に暗くなります。白は消え、黒は残ります。商品撮影での主な用途は影の合成です。商品の影を白い紙の上で撮り、乗算モードのレイヤーで置くと、白い背景が消えてオブジェクトの下に柔らかい影だけが残ります。同じように、明るすぎる部分を暗くするのにも使います。
- 焼き込みカラー(Color Burn)は影の中のコントラストと彩度を強め、乗算より効果が強めです。
明るくする系のモード
鏡写しの反対で、明るくし、黒が消えます。
- スクリーン(Screen)は結果が常に明るくなり、黒が消えます。ハイライトや光彩の追加、暗い背景での煙や湯気の効果、露出不足のカットの明るさ補正に使います。
- 覆い焼きカラー(Color Dodge)は彩度の上昇を伴う強めの明るさ補正で、光の効果や火花に向きます。
コントラスト系のモード
このグループは暗いところを暗く、明るいところを明るくと同時に行い、コントラストを高めます。50 パーセントのグレーがこの中では中立(効果として透明)になり、これがダッジ&バーンの技法に理想的な理由です。
- オーバーレイ(Overlay)はコントラストと彩度を強め、テクスチャや局所コントラストを加える基本のモードです。
- ソフトライト(Soft Light)は同じですが、より繊細で、急な変化がありません。自然さが求められる商品写真の丁寧なダッジ&バーンの主力モードです。
- ハードライト(Hard Light)はオーバーレイより強く、コントラストが高めです。
比較系・コンポーネント系のモード
- 差の絶対値(Difference)はレイヤー間の差を示し、二つのカットを正確に重ねる実務的な手法です。完全に一致すると画像が黒くなります。
- カラー(Color)は上のレイヤーの色と下の明るさを取ります。こうしてオブジェクトの陰影を保ったまま塗り替えます。カラーモードで色の面を置けば、赤いパッケージが立体感を失わずに青くなります。
- 輝度(Luminosity)は逆に、上の明るさと下の色を取ります。シャープネスやコントラストが色をずらさないようにするために使います。
| モード | 何をするか | 商品撮影での典型的な用途 |
|---|---|---|
| 乗算 | 暗くし、白を消す | 商品の下に影を合成 |
| スクリーン | 明るくし、黒を消す | ハイライト、光彩、煙 |
| オーバーレイ | コントラストを強める | テクスチャ、局所コントラスト |
| ソフトライト | 柔らかいコントラスト | ダッジ&バーン、立体感 |
| カラー | 色だけを変える | 商品を塗り替える |
| 輝度 | 明るさだけを変える | 色をずらさないシャープネス |
グループの論理:丸暗記ではなく理屈で覚える
リストの中の描画モードはすべて細い線でグループに分けられていて、この区切りは偶然ではありません。上には暗くする系(乗算、焼き込みカラー)があり、その中では白が見えません。その下に明るくする系(スクリーン、覆い焼きカラー)があり、その中では黒が見えません。さらにコントラスト系(オーバーレイ、ソフトライト、ハードライト)があり、その中では 50 パーセントのグレーが見えません。この三つのルール、白は上で透明、黒は真ん中で透明、グレーはコントラスト系で透明、を覚えれば、当てずっぽうをやめて、課題に合わせて意識的にモードを選べるようになります。
実践解説:乗算モードの影
商品撮影で最も多い場面は、切り抜いた後の商品に影を戻すことです。手順はこうです。商品を白い背景で、その下に自然な柔らかい影が見えるように撮ります。レイヤーを複製し、複製では長方形で選択して影のゾーンだけを残します。レイヤーを乗算モードに切り替えると、影の周りの白が一瞬で消えます。乗算では白が透明だからで、グレーの影の面だけが残ります。次に影を商品の下に動かし、必要ならガウスぼかし 3〜8 ピクセルで少し柔らかくし、不透明度を 35〜45 パーセントに下げます。こうして、商品を面に固定し、貼り付けたような印象を消す、自然な接地影ができます。同じ手法は、ゼロから描いた影でも使えます。白いレイヤー上の柔らかい黒ブラシ、プラス乗算モードです。
焼き込みカラーと覆い焼きカラーの危うさ
焼き込みカラーと覆い焼きカラーは美しく鮮やかな結果を出しますが、色を印刷可能な範囲の外へ簡単に押し出し、滑らかなグラデーションを壊します。JPEG に圧縮されるマーケットプレイスの商品ページでは、これが光沢ボトルのような単色の面に汚い縞(ポスタリゼーション)となって出てきます。柔らかい結果が欲しければ乗算とスクリーンにとどめ、強い焼き込み・覆い焼きはマスク経由で局所的に、不透明度を 20〜40 パーセントに下げて使ってください。
すばやく切り替える小技
便利な小技として、描画モードをすばやく切り替えて効果を見るには、移動ツール(V)を選んで Shift+プラスと Shift+マイナスのキーでモードを送っていきます。こうすれば目的のモード選びが、リストを開くのではなく数秒で済みます。加えて、各レイヤーの独自のモードは不透明度と組み合わせられることを覚えておきましょう。モードは混ぜ合わせの性格を決め、不透明度はその強さを調整します。正しい結果は、フルの強さで効かせた同じモードではなく、不透明度 60〜70 パーセントの必要なモードであることがよくあります。
マスクとスマートオブジェクト
ここはプロの作業の心臓部です。マスクとスマートオブジェクトを身に付ければ、どの操作ももう最終的なものではなくなるので、修正を恐れなくなります。
レイヤーマスク
レイヤーマスク(layer mask)は、レイヤーに取り付けられた白黒の透明度の地図です。ルールはシンプルで、黒が隠し、白が見せ、グレーが半透明にします。マスクはピクセルを削除せず、ただ隠すだけなので、いつでもマスクを白に塗り戻して、隠したものを取り戻せます。
- レイヤーを選んでパネル下のマスクのアイコン(円の入った長方形)を押します。白いマスクが現れ、レイヤーは完全に見えます。
- 黒いブラシを選び、隠したい場所を塗ります。たとえば商品の周りの余分な背景を消します。
- 間違えて消しすぎた? ブラシを白に切り替えて(X キーで色が入れ替わります)取り戻します。
- 柔らかい境界が欲しければ、硬さの低いブラシかグレーの色を使います。
これは消しゴムより根本的に優れています。消しゴムはピクセルを永久に削除しますが、マスクは可逆です。商品ページではマスクが、被写体を背景から切り離す主な方法です。オブジェクトを切り抜き、白背景をマスクで消し、下に必要な色の塗りつぶしレイヤーを置きます。マスクは一時的にオフにしたり(マスクのサムネイルを Shift+クリック)、単独で見たり(Alt+クリック)できます。
選択範囲を作ってマスクに変える方法
たいていの場合、マスクはゼロから手で描くのではなく、できあがった選択範囲から作ります。商品撮影の実務的な手順はこうです。
- クイック選択ツール(W)または境界を自動で見つけるオブジェクト → 被写体を選択で、商品を大まかに選択します。
- 選択とマスク(Select and Mask)を開きます。境界を追い込むための専用ウィンドウです。
- 境界線調整ブラシで、毛皮・透明なガラス・毛先・房飾りといった難しいゾーンをなぞります。スムーズ・ぼかし・エッジをシフトのスライダーで境界をきれいに追い込みます。
- ウィンドウ下部の出力先の欄でレイヤーマスクを選んで OK を押します。選択範囲が商品レイヤー上のマスクに変わります。
マーケットプレイスでは、境界が古い背景の明るい縁取りのない、きれいなものであることが重要です。縁取りが残ったら、選択とマスクのウィンドウでエッジをシフトをマイナス 1〜3 ピクセル、オブジェクトの内側にずらします。これが輪郭沿いの背景の縁を削ってくれます。
ベクトルマスク
通常の(ラスター)マスクのほかに、ベクトルマスクがあります。これはパス(ペン)で定義され、どんな倍率でもギザギザのない完璧に滑らかでくっきりした境界を出します。箱・スマートフォン・ボトル・家電といった、まっすぐな幾何的な面を持つオブジェクトに向きます。直線や滑らかな曲線では、ペンによる手描きのなぞりが、どんな自動選択よりも明らかにきれいな境界を出すので、高価な家電や瓶入りの化粧品をプロはまさにペンで切り抜きます。
クリッピングマスク
クリッピングマスク(clipping mask)は通常のマスクとよく混同されますが、別物です。これは上のレイヤーを、下のレイヤーの不透明ピクセルの範囲内だけに現れさせます。下のレイヤーが型紙のように働きます。
- 型紙になるべきレイヤー(たとえば商品のシルエットや文字)を置きます。
- その上に、制限したいレイヤー(テクスチャ、色、写真)を置きます。
- パネルで二つのレイヤーの境界にカーソルを合わせ、Alt を押しながらクリックします。または Ctrl+Alt+G。上のレイヤーが下で切り抜かれ、パネルに矢印が現れます。
商品撮影での用途は、文字の中に木目のテクスチャを入れる、背景に触れずに商品だけ塗り替える、ちょうど一つのオブジェクトにだけ効く調整レイヤーを追加する、などです。クリッピングマスクにした調整レイヤーは、色補正を全体ではなく商品だけに効かせる定番の手法です。
マスクとクリッピングマスク:どちらをいつ使うか
| 基準 | レイヤーマスク | クリッピングマスク |
|---|---|---|
| 何で定義するか | ブラシで描く白黒の地図 | 下のレイヤーの不透明ピクセルの形 |
| どこに存在するか | レイヤー自身の上 | 上のレイヤーを下に結び付ける |
| 向いていること | オブジェクトを切り抜く、画面の一部を隠す | 補正やテクスチャを一つのオブジェクトに限定する |
| ショートカット | パネル下のマスクボタン | Ctrl+Alt+G |
スマートオブジェクトと非破壊編集
スマートオブジェクトは、ピクセルグラフィックの最大の悩み、変形時の画質低下を解決します。通常のレイヤーを 20 パーセントまで縮小してから元に戻すと、画像はぼやけます。ピクセルはすでに捨てられているからです。スマートオブジェクトは元データを内部に保持するので、行ったり来たり拡大縮小しても劣化しません。
作り方、レイヤーを右クリックしてスマートオブジェクトに変換(Convert to Smart Object)。レイヤーのサムネイルの角に特有のアイコンが付きます。
- スマートフィルター。スマートオブジェクトに適用したどんなフィルター(シャープ、ぼかし、ノイズ軽減)も、設定し直せるものになります。レイヤーの下にフィルターのリストが現れ、それぞれをオフにしたり、ダブルクリックで設定し直したり、マスクで弱めたりできます。つまりシャープネスの強化はもう最終決定ではなく、一時間後に戻って直せるのです。
- リンクした複製。スマートオブジェクトを Ctrl+J で複製すると、複製はリンクしたままです。片方の中身を直すとすべてが変わります。オブジェクトだけ差し替えて装飾は共通、という商品テンプレートに欠かせません。独立した複製が必要なら、右クリックしてコピーによる新規スマートオブジェクト(New Smart Object via Copy)です。
- 中身の差し替え。右クリックして内容を置換で、新しい商品を入れると、適用済みのスタイル・フィルター・変形はすべて残ります。こうして数分で同型の商品ページのシリーズを組み立てます。
欠点が一つ、スマートオブジェクトはブラシで直接描けません。そこに描くには、中に入り(サムネイルをダブルクリックすると別タブが開きます)、内包レイヤーを編集して保存する必要があります。ですから手作業のレタッチはピクセルレイヤーで行い、スマートオブジェクトは拡大縮小・フィルター・テンプレート用に取っておきます。
商品ページシリーズの下地としてのスマートオブジェクト
現場でのスマートオブジェクトの最大の利点はテンプレートです。正しい背景・影・プレート・装飾を持つ商品ページを一枚組み立て、商品の場所をスマートオブジェクトにします。あとは新しい商品ごとに右クリックして内容を置換し、新しいファイルを指定すれば、同じ光・影・グリッドで商品ページが十秒で組み直されます。同型の商品 30〜40 点のラインナップ(たとえば一つのブランドの容量違いのクリームのシリーズ)では、これが一日の作業と一時間の差になります。
実践的なレタッチ手法
理論は実践なしには死んでいます。すべてがレイヤーに支えられている、商品レタッチの二大手法を見せ、ショートカットのカンニングペーパーをまとめます。
周波数分解
周波数分解(frequency separation)は画像を二つのレイヤーに分けます。低周波(色、立体感、なめらかな階調の変化)と高周波(テクスチャ、細部、毛穴、傷)です。狙いは、色と質感を別々に直し、一方をレタッチしてもう一方を壊さないことです。
- 商品レイヤーを二回複製します(Ctrl+J を二回)。下の複製を「低周波」、上を「高周波」と名付けます。
- 「低周波」レイヤーにフィルター → ぼかし → ガウスぼかしを、テクスチャは消えて形は残る程度に適用します(商品撮影では通常 4〜12 ピクセル、解像度によります)。半径を覚えておきます。
- 「高周波」レイヤーを選び、イメージ → 画像操作(Apply Image)を開きます。「低周波」レイヤーを選び、モードは減算、拡大縮小 2、オフセット 128(8 ビットの場合)。16 ビットのファイルではモードは加算、階調の反転、拡大縮小 2、オフセット 0 です。
- 「高周波」レイヤーに描画モードのリニアライトを設定します。画像は再び正常に見えますが、今や色は下のレイヤーに、テクスチャは上のレイヤーに宿っています。
- 「低周波」レイヤー上で、柔らかいブラシやスタンプで色の面や階調のむらを均します。「高周波」レイヤー上では、スタンプで傷・ほこり・パッケージの欠陥を、色に触れずに消します。
結果は、自然な質感を保ったまま、プラスチックのようにぼやけた見た目にならない、きれいで均一な商品表面です。
周波数分解が正当化されるとき、されないとき
周波数分解は強力ですが手間のかかる手法です。革のバッグ・ラベル付き化粧品・テキスタイル・家具といった、素材の構造が見える質感の面のクローズアップでは正当化されます。商品ページで高さ 600〜800 ピクセルしか占めない小さな商品では、周波数分解後の差はほとんど見えず、複製レイヤーの上で直接スポット修復ブラシ(J)とスタンプ(S)で済ませた方が速いです。二分の局所的な清掃で足りるところで、どの商品ページも一時間のレタッチに変えないでください。
ダッジ&バーン(覆い焼きと焼き込み)
ダッジ&バーンの技法は、陰影を手で造形し、シミを消して立体感を強めます。別のグレーレイヤーを使う非破壊のやり方はこうです。
- 新規レイヤーを作り(Ctrl+Shift+N)、作成ウィンドウでモードをソフトライトにして、中性色で塗りつぶす(50 パーセントのグレー)にチェックを入れます。ソフトライトモードではグレーは見えません。
- 不透明度 5〜10 パーセントの柔らかい白ブラシで、くぼみ・ハイライト・明るい面を明るくします。黒ブラシで余分な明るすぎる部分を暗くし、階調を均します。
- やりすぎたら、50 パーセントのグレーで塗り、やり直します。立体感はすべて一枚のレイヤーで直せて、不透明度で弱められます。
商品撮影ではダッジ&バーンが、光沢のむらを消し、マットな面の光を均し、パッケージにおいしそうな立体感を加えて、商品ページのクリック率を上げます。
マーケットプレイス向けの背景差し替えと白抜き
マーケットプレイスはきれいな背景、多くは白を求めます。レイヤーを使うと、これをきれいかつ可逆に行えます。
- 元データを複製し(Ctrl+J)、マスクの章の方法で商品をマスクで切り抜きます。
- 商品レイヤーの下に白の塗りつぶしレイヤーを置きます。厳密な白背景には色を 255,255,255 に指定します。
- 商品の縁に暗い、または明るい縁取りが見えたら、商品だけにクリッピングマスクにした調整レイヤーのレベルを追加して縁を整えます。
- 影を忘れずに。影のないきれいに切り抜かれた商品は貼り付けたように見えます。乗算モードのレイヤーで柔らかい影を、不透明度 30〜50 パーセントで商品の下に置きます。
Photoshop なしで背景をすばやく消したいなら、無料のオンライン背景削除ツールがあります。商品を自動で選択し、透明度付きの PNG を返すので、あとからレイヤーで仕上げやすくなります。
ファイル納品前の統合
マーケットプレイスは多層の PSD ではなく JPEG を受け付けます。書き出しの前には必ず全レイヤー付きの作業用 PSD を保存し(これがあなたの保険の元データです)、納品用にはファイル → 書き出し → Web 用に保存、または書き出し形式で、品質 80〜90 と長辺の必要なサイズで JPEG を選びます。画像そのものは書き出し時に自動で統合され、PSD の元レイヤーはそのとき手つかずのまま残ります。統合した唯一のコピーを渡すのは絶対にやめましょう。修正の可能性を失います。
レイヤーのショートカット
- Ctrl+J、レイヤーを複製、または選択範囲を新規レイヤーにコピー。
- Ctrl+Shift+N、ダイアログ付きの新規空レイヤー。
- Ctrl+G / Ctrl+Shift+G、グループ化 / グループ解除。
- Ctrl+E、下のレイヤーと結合。Ctrl+Shift+E、すべてを統合。
- Ctrl+Shift+Alt+E、ファイルを統合せずに、すべての表示レイヤーのコピーを新しいレイヤーに集める(全レイヤーのスタンプ)。
- Ctrl+] / Ctrl+[、束の中でレイヤーを上げる / 下げる。
- Ctrl+Alt+G、クリッピングマスクを作成または解除。
- X、ブラシの色を入れ替える(マスク作業での黒/白)。
- Shift+プラス / Shift+マイナス、描画モードの送り。
- Alt+クリックでマスクを単独表示。Shift+クリックでマスクをオフ。
- Ctrl+クリックでサムネイルを、レイヤーやマスクの内容を選択範囲として読み込む。
- 移動ツールのときの数字 0〜9、アクティブなレイヤーの不透明度を指定。
商品ページ一枚の作業手順
- 元データを開き、背景レイヤーを複製し(Ctrl+J)、オリジナルは下に残します。
- 商品を選択し、マスクで切り抜き、下に白の塗りつぶしレイヤーを置きます。
- 複製の上でスポット修復ブラシとスタンプで欠陥をピンポイントに清掃します。
- 必要な場所で周波数分解して質感を仕上げます。
- ソフトライトモードのグレーレイヤーでダッジ&バーンして立体感を造形します。
- 調整レイヤーのカーブと色相・彩度で色と明るさを整えます。
- 乗算モードで商品の下に柔らかい影を置きます。
- その上にテキストレイヤーと、価格・セールスポイントのプレートを乗せます。
- PSD を保存し、掲載先の要件に合わせて JPEG を書き出します。
よくある質問
背景レイヤー(鍵のアイコン)を編集できないのはなぜですか?
背景レイヤー(Background)は初期状態でロックされていて、動かすことも透明にすることもできません。ダブルクリックして OK を押すか、鍵のアイコンをクリックすると、通常のレイヤーに変わります。ただ、すぐに Ctrl+J で複製し、オリジナルを下に手つかずで残して、複製の上で作業する方がよいです。
レイヤーマスクが消しゴムより優れているのはなぜですか?
消しゴムはピクセルを永久に削除し、取り消し以外では戻せません。レイヤーマスクは何も削除せず、ただ隠すだけです。黒で隠し、白で戻します。作業中いつでもマスクを描き直して、隠したものを復元できます。レタッチやオブジェクトの切り抜きには常にマスクを使い、消しゴムは使い捨ての下書き作業に取っておきましょう。
不透明度と塗りの違いは何ですか?
不透明度(Opacity)はレイヤー全体を、スタイル(影、境界線、光彩)ごと半透明にします。塗り(Fill)はレイヤーの内容だけの透明度を変え、スタイルには触れません。テキストに境界線が付いていて、境界線だけを見せて文字自体を弱めたいなら、塗りを回します。スタイルがなければ、両方のパラメーターは同じように働きます。
スマートオブジェクトとは何で、なぜ必要ですか?
スマートオブジェクトは、レイヤーの元データを変わらない形で保持するコンテナです。何度でも画質を落とさずに拡大・回転・変形でき、適用したフィルターを設定し直せるスマートフィルターにします。これは非破壊編集の基礎であり、商品だけを差し替える商品テンプレートに便利な仕組みです。
影にはどの描画モードを使えばよいですか?
影の合成には乗算(Multiply)モードを使います。下のレイヤーを暗くし、白い背景を見えなくします。影を白の上で撮るか描き、商品の上にレイヤーで置いて乗算に切り替えると、柔らかい半透明の影だけが残ります。強さはレイヤーの不透明度で 30〜50 パーセントあたりに調整します。
商品の立体感とハイライトを保ったまま塗り替えるには?
新規レイヤーを作り、必要な領域を必要な色で塗り、描画モードをカラー(Color)に切り替えます。このモードは色だけを置き換え、元の明るさと陰影を残します。塗り替えが商品の縁からはみ出さないよう、レイヤーをオブジェクトのシルエットのクリッピングマスクかレイヤーマスクで制限します。
レイヤーを結合しつつ、個別に修正できる状態も残すには?
Ctrl+Shift+E でファイルを統合しないでください。すべてを後戻りできない形で貼り合わせてしまいます。代わりに Ctrl+Shift+Alt+E を使います。すべての表示レイヤーのコピーを新しい最上位レイヤーに集め、元のレイヤーは手つかずに残します。こうして次のフィルター用の統合レイヤーを得つつ、いつでも下の個別レイヤーに戻れます。
一つのファイルに何枚のレイヤーを作れますか?
現代の Photoshop はレイヤー数を実質的に制限しません。数千枚になることもあります。実際の制限はメモリとファイルサイズにかかります。レイヤーが多く重いほど、動作は遅く PSD は重くなります。整理のためにレイヤーをフォルダーにグループ化し、意味のある名前を付け、不要なものは削除しましょう。
縮小して拡大したらレイヤーがぼやけたのはなぜですか?
通常のピクセルレイヤーは縮小時に余分なピクセルを永久に捨てます。元に戻して拡大するとき、復元するものはもうなく、Photoshop は足りない分を補間で作るので、そこからぼやけが生じます。解決策は一つ、変形の前にレイヤーをスマートオブジェクトに変えることです(右クリックしてスマートオブジェクトに変換)。そうすれば元データが内部に保持され、行き来する拡大縮小が画質を落とさずに通ります。
マーケットプレイス向けに真っ白な背景を作るには?
商品をレイヤーマスクで切り抜き、その下に色 255,255,255 の塗りつぶしレイヤーを置きます。これが各プラットフォームが求める完全な白です。縁に古い背景の縁取りがないか確認し、必要ならマスクの縁を 1〜3 ピクセル内側にずらします。商品の下には乗算モードのレイヤーで柔らかい影を必ず加えてください。そうしないとオブジェクトが貼り付いたように見えます。手作業の時間がなければ、無料のオンライン背景削除ツールで背景を消し、その結果を Photoshop でレイヤーを使って仕上げられます。