Photoshopのマスク完全ガイド:レイヤーマスク・クリッピングマスク・輝度マスク
Photoshopのマスク完全ガイド:レイヤーマスク・クリッピングマスク・輝度マスク
Photoshopのマスクとは、ピクセルを完全に消さずにレイヤーの一部を隠したり見せたりするためのツールです。隠した部分はいつでも元に戻せますし、境界を修正したり、変化をなだらかにしたりもできます。だからこそマスクは非破壊編集と呼ばれ、本格的なレタッチではマスクなしに仕事が成り立ちません。
このガイドでは、実務で使うすべてのマスクを取り上げます。レイヤーマスク、ベクトルマスク、クリッピングマスク、輝度マスク、透明マスクです。それぞれの作り方、反転、ぼかし、Select and Maskによる境界の追い込み、適用、無効化、コピーの方法を示します。そして必ず実践的なシナリオも扱います。マーケットプレイス向けの商品の切り抜き、部分的なレタッチ、背景の差し替え、トーニングです。
内容は簡単なものから難しいものへと積み上げる構成です。まったくの初心者なら順番に読んでください。最初の2章だけで、マーケットプレイスの商品カードに必要なことの90パーセントが身につきます。すでにブラシに慣れていてトーンと色をさらに磨きたいなら、輝度マスクの章に直接進んでください。末尾には、初心者がつまずきやすい8つのよくある質問と典型的なミスの解説をまとめています。
マスクとは何か、なぜ消しゴムより重要なのか
スニーカーの周りの余分な背景を消しゴムで消したと想像してください。ピクセルは削除され、ファイルは保存され、ソフトは閉じられました。1時間後、靴ひもを削ってしまったことに気づきます。もう元には戻せず、撮り直すか手作業で復元するしかありません。マスクはこの問題を根本から解決します。何も削除せず、ただ隠すだけだからです。
マスクの正体は、レイヤーに取り付けられた白黒の画像です。マスクが黒い部分ではレイヤーが見えなくなり、白い部分では完全に見えます。灰色のトーンは部分的な透明度を与え、50パーセントの灰色は半透明になります。
90パーセントのケースで役立つ大原則を覚えてください。黒は隠し、白は見せる(black conceals, white reveals)。これ以外はすべてこの応用にすぎません。マスクを黒いブラシで塗ると、ブラシでレイヤーを消しているように見えても、実際には壊していません。ブラシを白に塗り替えればまた戻せます。この可逆性こそ、プロのレタッチャーが消しゴムをほとんど使わず、ほぼ常にマスクを使う理由です。
マスクが扱うもの:256階調のグレー
マスクは0から255までの8ビットのスケールで動作します。純粋な黒は値0でレイヤーの表示はゼロ、純粋な白は値255で100パーセント表示です。その間に254段階の灰色があり、それぞれが透明度のパーセントを決めます。灰色128(ちょうど中間)はおよそ50パーセントの表示になります。
これは実践で重要です。不透明度30パーセントのブラシでマスクを塗ると、黒ではなく灰色を置いていることになり、レイヤーは部分的にしか隠れません。このブラシで何度も重ねると濃度が蓄積されるので、影や煙の境界は一発の強い塗りより、軽いストロークを何度も重ねるほうがうまくいくことが多いのです。
マスクと消しゴム、選択範囲の削除の比較
画像の一部を取り除く方法は3つありますが、可逆的なのはそのうち1つだけです。正直に比較しましょう。
| 方法 | ピクセルはどうなるか | 可逆性 | 使いどころ |
|---|---|---|---|
| 消しゴム(Eraser) | 完全に消える | ヒストリー経由のみ、保存後は不可 | 本格的な仕事ではほぼ使わない |
| 選択範囲のDelete | 完全に削除される | ヒストリー経由のみ | コピー上での下書き修正 |
| レイヤーマスク | その場に残り、隠れるだけ | 完全、いつでも可 | 常に。業界標準 |
結論は単純です。ファイルに一度でも戻る予定があるなら、マスクで作業してください。マーケットプレイスの商品カードでは特に重要で、同じ商品を新しいセールのたびに撮り直すことが多く、生きたマスクは何時間も節約してくれます。
マスクはレイヤーのどこに保存され、どう失わないか
マスクは特定のレイヤーに紐づき、ファイルの中に直接保存されます。ただしレイヤーに対応した形式で保存する場合に限ります。PSD、PSB、TIFF(Layersオプションを有効にした場合)です。画像を統合したりJPGで保存したりすると、レイヤーとマスクは平坦な1枚の絵につぶれ、可逆性は失われます。
そこで実務上のルールは単純です。元データは常にすべてのマスクを保持したPSDで持ち、JPGにはマーケットプレイスへアップロードする最終コピーだけを書き出します。そうすれば1か月後、影を動かしたりラベルを塗り替えたりする必要が出ても、PSDを開いて1分で直せます。商品を撮り直す必要はありません。
調整レイヤーのマスクは無料でついてくる
初心者が見落とす大事な点があります。すべての調整レイヤー(Curves、Levels、Hue/Saturationなど)は、最初から自分専用の白いマスクを持って生まれます。別途作る必要はありません。つまり、どんな色補正も、この用意されたマスクを塗るだけで必要な範囲に限定できます。レイヤーを複製したり切り抜いたりする必要はなく、部分的な補正はすべて補正マスクへのブラシ一本で行えます。
以下では各種のマスクを、ショートカット、典型的なミス、商品撮影の実例とともに詳しく見ていきます。
レイヤーマスク:基本の基本
レイヤーマスクの作り方
レイヤーマスク(Layer Mask)は、もっとも頻繁に使われ、もっとも汎用的なマスクです。作り方はいくつかあります。
- レイヤーパネルで目的のレイヤーを選びます。
- レイヤーパネル下部のAdd Layer Maskボタン(中に円のある四角形のアイコン)を押します。
- あるいはメニューから、Layer, Layer Mask, Reveal All(白いマスク、レイヤーは完全に見える)またはHide All(黒いマスク、レイヤーは完全に隠れる)を選びます。
レイヤーのサムネイルの隣に2つ目のサムネイルが現れます。これがマスクです。白い四角はレイヤーが完全に見えていることを意味します。Altを押しながらマスク作成ボタンをクリックすると、最初から黒いマスクになり、レイヤーは隠れます。効果を一箇所だけ出したいときに便利で、黒いマスクを作り、白いブラシで必要な場所だけ出していきます。
もう1つよくあるシナリオがあります。すでにアクティブな選択範囲がある場合(たとえばObject Selectionで商品を囲んだとき)です。この状態でAdd Layer Maskを押すと、Photoshopは選択範囲をそのままマスクに変えます。内側はすべて見えたまま、外側は隠れます。これが実践編で説明する最速の切り抜き方法です。
黒は隠し、白は見せるを実践で体感する
マスクの理屈を体で覚えるには、簡単な練習をしてください。写真の上に鮮やかな色の塗りつぶしレイヤーを作ります。それに白いマスクを追加します。レイヤーが写真を完全に覆っています。次に、
- ブラシ(B)を取り、描画色が黒になっていることを確認します(Dで描画色と背景色を初期の黒と白に戻せます)。
- 画像の上を塗ってみます。黒で塗った部分では色レイヤーが消え、下から写真が現れます。
- Xを押して描画色と背景色を入れ替えます。今度はブラシが白になり、色の塗りつぶしを元に戻せます。
この、隠すには黒で塗り、戻すには白で塗るというサイクルが、マスク作業のワークフローそのものです。マスク作業ではXキーを1セッションで何百回も押します。ブラシを瞬時に「隠す」と「見せる」の間で切り替えるためです。
ブラシ、硬さ、不透明度
マスクの品質は80パーセントがブラシで決まります。重要なパラメータは次のとおりです。
- 硬さ(Hardness)。柔らかいブラシ(0から20パーセント)はなめらかな変化を生み、影、煙、髪に向いています。硬いブラシ(80から100パーセント)は、箱、ボトル、瓶のようなくっきりした境界向けです。
- 不透明度(Opacity)。数字キーの1から9でブラシの不透明度を10から90パーセントに設定でき、0は100パーセントです。半透明のブラシは灰色を描き、部分的に隠します。
- サイズ。角カッコ [ と ] でブラシを小さく、大きくできます。Shiftと組み合わせると硬さが変わります。
- 流量(Flow)。Opacityと違い、Flowは1ストロークあたりの色の乗る速さを決めます。低いFlow(10から20パーセント)で何度も重ねる方法は、繊細な影のぼかしに最適です。
ブラシによる切り抜きの手順をゼロから
グレー背景のシャンプーボトルを例に、基本サイクルを見てみましょう。
- 背景レイヤーを複製(Ctrl+J)し、オリジナルを無傷で残します。
- 複製に白いレイヤーマスクを追加します。
- 硬いブラシ(Hardness 85パーセント)、色は黒を取り、ボトルの外側の輪郭に沿って丁寧になぞり、背景を隠します。
- 塗りつぶしに移ります。レイヤーの下に新規レイヤーを作り、白で塗ります(Shift+F5, Use: White)。
- 200から300パーセントに拡大し、境界をなぞって粗を直します。内側に入りすぎたらXを押し、白いブラシでボトルの一部を戻します。
- Alt+クリックでマスクを確認します。白い面の中、つまり対象の内側に黒い点があってはいけません。
マスクにグラデーション
マスク上のグラデーションツール(G)は、なめらかな変化を作る強力な手段です。白黒のグラデーション(Foreground to Background)を選び、マスクの上に線を引きます。グラデーションが白い部分ではレイヤーが見え、黒い部分では隠れ、中間ではなだらかに溶けます。これは次のような場面の定番テクニックです。
- 空や画面上部をなだらかに暗くする
- 2枚の写真を柔らかく合成する
- ビネットを作る
- 商品の影を背景に溶かす
コツ。Shiftを押しながらグラデーションを引き、線を厳密に垂直か水平にします。変化の向きが逆になったら、描き直さずに逆方向にもう一度グラデーションを引けば、マスクが反転します。
マスクの元になる選択:どのツールを取るか
マスクは、ブラシよりも用意した選択範囲から作るほうが便利なことが多いです。ツールの選び方は対象によります。
| ツール | 得意な対象 | 使いどころ |
|---|---|---|
| Object Selection | コントラストの高い背景上の一体の商品を、ワンクリックで | 一発選択 |
| Quick Selection | 複雑な形の対象、ブラシで描き足し | 手動の追い込み |
| Magic Wand | 単色の背景を選び反転する | 背景選択→反転 |
| Pen Tool | 直線的な面を持つ形状、極めてクリーンな境界 | 幾何学的な形 |
| Color Range | 色による選択、たとえば均一な青背景 | Selectメニューから |
作業の流れはこうです。いずれかのツールで選択範囲を得たら、Add Layer Maskを押し、選択範囲がすぐにマスクになります。あとはブラシとSelect and Maskで追い込みます。均一なホリゾント背景での撮影なら、最速はMagic Wandで背景を選び、Ctrl+Shift+Iで商品側に反転し、そのままマスクにする方法です。
ベクトルマスクとクリッピングマスク
ベクトルマスク:ピクセルに依存しないシャープさ
ベクトルマスク(Vector Mask)は、ピクセルではなく、ペン(Pen Tool、P)や図形で描いた輪郭(path)で定義されます。最大の利点は、どんな拡大率でも完璧になめらかな境界が得られることです。輪郭がラスターではなく数学的だからです。使いどころは、
- 直線的で幾何学的な境界を持つ対象。パッケージ、スマートフォン、書籍、家具、家電。
- ギザギザやノイズのない、絶対的な境界のシャープさが必要なとき。
- 形を何度も変える予定があるとき。輪郭はアンカーをドラッグして簡単に動かせます。
ベクトルマスクを作るには、対象の周りをペンで囲み、Layer, Vector Mask, Current Pathを選びます。輪郭の内側はすべて残り、外側は隠れます。ベクトルマスクはPropertiesパネルのFeatherスライダーで、ベクトルの性質を失わずにぼかせます。
ペンを5ステップで:クリーンなパッケージの輪郭
Pen Toolは初心者を怖がらせますが、箱やボトルにはもっともクリーンな結果を与えます。
- Pen Tool(P)を取り、上部バーでPathモードを選びます。
- 対象の角をクリックしてアンカーポイントを置きます。直線的な面では単純なクリックで十分です。
- 曲線ではクリックしてドラッグし、ハンドルを引き出して線を弧に沿わせます。
- 最初の点をクリックして輪郭を閉じます(近くに丸印が出ます)。
- Direct Selection(A)でアンカーを微調整し、ベクトルマスクとして適用します。
ベクトルマスクはごくわずかな容量で解像度に依存しません。同じスマートフォンの切り抜きを、900x1200pxの商品カードにも、3000pxのバナーにも、境界のシャープさを失わずに使えます。
ラスターかベクトルか:商品ごとの選び方
短いルール。定規でなぞれるものはペンとベクトルマスクで、ふわふわしたものや半透明のものはレイヤーマスクで。実際には次のように分かれます。
- ベクトルのみ:スマートフォン、ノートPC、書籍、段ボール箱、タイル、直線的な面の家具。
- ピクセルマスクのみ:ぬいぐるみ、毛羽のあるセーター、ウィッグ、花束、煙や湯気。
- 組み合わせ:スニーカー(本体はペン、靴ひもとベロはレイヤーマスク)、香水瓶(ガラスは半透明マスク、キャップはペン)。
ベクトルマスクとピクセルマスクは1つのレイヤーに同時に持てます。PhotoshopはLayer MaskとVector Maskの併存を許します。本体は輪郭で切り、柔らかい影は隣のピクセルマスクに描き足せます。
クリッピングマスク(Clipping Mask)
クリッピングマスクはまったく別の仕組みで、初心者はレイヤーマスクとよく混同します。ここでは、1つのレイヤーが真下のレイヤーの形で切り取られます。上のレイヤーは、下のレイヤーの不透明ピクセルがある部分にだけ見えます。
作り方は、
- 切り取りたいレイヤーを、ベースのレイヤーのすぐ上に置きます。
- 2つの境界にカーソルを合わせ、Altを押すと、カーソルがクリッピングのアイコンに変わります。
- クリックします。またはCtrl+Alt+Gを押します。上のレイヤーが右にずれ、下向きの矢印がつきます。これがクリッピングの印です。
これが不可欠な場面は、
- 形の中にテクスチャや色を入れる。ロゴの上に模様のレイヤーを置いてクリップすると、模様は文字の中にだけ見えます。
- 対象の範囲内での部分補正。商品にクリップしたCurves調整レイヤーは、背景に触れず商品だけに効きます。
- 一部のトーニング。色レイヤーを選択範囲にクリップし、そこだけを塗ります。
クリッピングとレイヤーマスクを組み合わせる
真の力は両方を組み合わせたときに生まれます。典型的なレタッチの構図はこうです。商品のベースレイヤーは、すでに白背景に対してレイヤーマスクで切り抜かれています。その上にCurves調整レイヤーを置いてクリッピング(Ctrl+Alt+G)にします。これで補正が商品の外に出ません。さらに、このCurvesのマスク上で、白いブラシによってラベルだけに明るさを出します。二重の制御ができます。クリッピングが領域を対象に限定し、内側のマスクが具体的な部分に限定します。
マスクの種類の比較
| マスクの種類 | 基礎 | 使いどころ | 境界 |
|---|---|---|---|
| レイヤーマスク | ピクセル(白黒) | あらゆる対象、なだらかな変化、髪、影 | ブラシ次第 |
| ベクトルマスク | 輪郭(path) | 幾何学、パッケージ、家電 | 完璧になめらか |
| クリッピングマスク | 下のレイヤーの形 | 形の中のテクスチャ、部分補正 | 下のレイヤーの形に沿う |
| 輝度マスク | ピクセルの明るさ | トーン、コントラスト、dodge and burn | もっとも柔らかく、トーンに沿う |
輝度マスク(Luminosity Mask)とは
輝度マスクとは、ピクセルそのものの明るさをもとに作られる選択範囲です。明るい部分ほど強く選択され、暗い部分ほど弱く選択されます(反転すれば逆になります)。このマスクは、写真の実際のトーンに沿うため、粗いブラシではなく、極めてなめらかで目立たない変化を生みます。
基本的な輝度マスクを得るもっとも簡単な方法は、
- Channels(チャンネル)タブに移ります。
- Ctrlを押しながらRGBチャンネルのサムネイルをクリックします。Photoshopがハイライトによる選択範囲を読み込みます。
- 調整レイヤー(たとえばCurves)を作ると、選択範囲が自動的にそのマスクになります。
これでこのレイヤーを通した補正は、明るい部分により強く効きます。影を扱うには、レイヤーを作る前に選択範囲を反転(Ctrl+Shift+I)するか、マスク自体を反転(Ctrl+I)します。
商品撮影で輝度マスクが必要な理由
- 繊細なコントラスト。影のディテールを潰さず、ボトルのハイライトだけコントラストを上げる。
- 白飛びの救済。本体に触れず、光沢パッケージの飛んだハイライトだけを暗くする。
- トーンごとのトーニング。ハイライトに暖色、シャドウに寒色という、定番のスプリットトーン。
- 自然なdodge and burn。粗いレタッチだと分かってしまう硬い境界のない、明暗調整。
範囲を狭める
もっとも明るいハイライトだけのマスクを得るには、ハイライトの選択範囲を読み込んだあと、もう一度Ctrl+Shift+AltでRGBをクリックします。これで選択範囲が交差し、もっとも明るいトーンだけが残ります。繰り返すほど、範囲は最も明るいピクセルの細い帯まで狭まります。こうしてBrights、Brighter、Brightestといったマスクや、シャドウ用の同種のマスクを作ります。
輝度マスクの3つのファミリー
熟練のレタッチャーは、用途ごとに用意した3グループのマスクセットを持っています。
| ファミリー | 選択するもの | 用途 |
|---|---|---|
| Lights(L1からL6) | 明るいトーン、広い範囲から狭いハイライトまで | ハイライトのコントラスト、光沢の白飛び救済 |
| Darks(D1からD6) | 暗いトーン、影と潰れ | 影の持ち上げ、暗い商品の質感の描き出し |
| Midtones(M1からM3) | 中間トーン、極端な明暗を除く | モデルの肌の色補正、布の柔らかいトーニング |
番号が大きいほど範囲は狭くなります。L1はほぼすべての明るい部分を捉え、L6は最も明るい点だけを捉えます。これにより、スポイトのように補正を投与できます。たとえば布の中間トーンだけ彩度を上げ、ハイライトも深いしわも触らない、といったことができます。
透明マスク
透明マスクという言葉は通常、別々の2つのことを指すので混同しないでください。
- レイヤー自体のピクセルの透明度。レイヤーに半透明の部分がある場合(たとえばアルファチャンネルを持つPNG)、Photoshopはそれをクリッピングや合成の際に考慮します。レイヤーの不透明度による選択範囲は、レイヤーサムネイルをCtrl+クリックで読み込めます。
- アルファチャンネル。これはChannelsタブに保存された選択範囲です。任意の選択範囲を保存(Select, Save Selection)し、それを通常の白黒画像として編集し、また読み込めます。アルファチャンネルは、複雑な切り抜き(髪、毛、透明なガラス)をファイル内に保存して再利用したいときに便利です。
ガラス、グラス、香水にはアルファチャンネルと半透明マスクが不可欠です。商品が透明で、背景が部分的に透けて見えるべきだからです。ここではマスクの灰色のトーンがまさに透明度の度合いを表します。
透明なガラスを切り抜く手順
ガラス瓶は、通常のブラシでは歯が立たず、半透明のマスクが必要な例です。
- 瓶を大まかに選択し、新規レイヤーにコピーします。
- 本体(不透明なプラスチック、金属のキャップ)は通常のレイヤーマスクで別に処理します。
- ガラス部分には、ハイライト用にScreen、ガラスの影用にMultiplyの描画モードのレイヤーを作ります。こうすれば新しい背景でも自然な屈折が保たれます。
- ガラスが背景を透過する部分と、濃いハイライトを出す部分を、マスクで調整します。
- そのすべての下に新しい背景を敷けば、ガラスの透明感がリアルな透け感を生みます。
これは手間がかかり、だからこそマーケットプレイス向けの香水や食器のカタログは、通常はレタッチの専門家に任されます。
Apply Image:既存のチャンネルからマスクを作る
正確な輝度マスクを作る上級者向けの方法が、Image, Apply Imageコマンドです。これはアクティブなマスクを、任意のチャンネルや別のレイヤーの内容で塗ることができます。たとえば調整レイヤーのマスクに、写真の明るさの分布そのものを得たい場合、
- マスクをクリックしてアクティブにします。
- Image, Apply Imageを開きます。
- Channel欄でRGB(トーンの分離がよりきれいなら特定のチャンネル)を選び、OKを押します。
- マスクが画面の輝度マップで満たされ、明るい部分は白、暗い部分は黒のまま残ります。
さらにこのマップをカーブ(マスク上でCtrl+M)で強め、範囲を狭めたり広げたりできます。Apply Imageは、何度もCtrl+クリックするより清潔な結果を与え、余計な選択範囲を増やしません。
マスクを反転する
反転は黒を白に、白を黒に変えます。マスクを選び(サムネイルをクリック)、Ctrl+Iを押します。これは基本テクニックです。効果を全体に出したマスクを作り、反転して効果を全体で隠し、白いブラシで一点ずつ出していきます。調整レイヤーと組み合わせると特に便利です。
ぼかし(Feather)と境界をなじませる
マスクの硬い境界は合成であることを露呈します。なじませる方法はいくつかあります。
- Properties, Feather。マスクをクリックし、Propertiesパネルを開き、Featherスライダーを動かします。非破壊で、いつでも取り消せます。
- マスクにGaussian Blur。マスクを選び、Filter, Blur, Gaussian Blurを適用します。マスクのぼかしが変化をなじませます。破壊的ですが正確です。
- Density。PropertiesのDensityスライダーは黒の最大濃度を下げ、隠しを不完全にします。マスク全体が半透明になります。
ぼかしを何ピクセルにするか
具体的な目安があると時間を節約できます。値は長辺1000から1500px前後のマーケットプレイス用カードを想定しています。
| 対象 | Feather, px | 理由 |
|---|---|---|
| 箱、書籍、家電 | 0.3から0.8 | 境界はシャープに、ただしギザギザなく |
| 衣類、布 | 1から2 | 少し柔らかく、切り貼り感を出さない |
| 髪、毛、毛羽 | Featherではなく Select and Mask | スライダーでは救えず、境界の再計算が必要 |
| 商品の下の影 | 8から25 | 影はもともと常に柔らかい |
Select and Maskで境界を追い込む
複雑な境界(髪、毛、羽、草)にもっとも強力なのがSelect and Mask(旧称Refine Edge)という作業環境です。開き方は、マスクをクリックしてPropertiesパネルのSelect and Maskを押すか、Select, Select and Mask(Ctrl+Alt+R)です。
- 表示モード(View)を選びます。結果を見るにはOn LayersかOverlayが便利です。
- Refine Edge Brushを取り、問題のゾーン、たとえば髪や毛羽の輪郭をなぞります。Photoshopが境界を再計算し、細部を引き出します。
- スライダーを調整します。Smooth(ギザギザの平滑化)、Feather(ぼかし)、Contrast(境界のシャープさ)、Shift Edge(境界を内側に縮めるか外に広げる)。
- 古い背景の色かぶりが境界に残っているなら、Decontaminate Colorsを有効にします。
- Output欄でLayer Maskを選び、結果をマスクに戻します。
小技。Select and Maskに入る前に、粗いマスクを用意しておくのがよいです。この環境は既存の境界を再計算するのであり、ゼロから選択を作るわけではありません。下地がきれいなほど、Refine Edge Brushの手作業は減ります。
マスクの適用、無効化、削除
- 一時的に無効化。マスクのサムネイルをShift+クリック。赤いバツが出て、マスクは切れ、レイヤーが完全に見えます。もう一度Shift+クリックで戻ります。
- マスクを単独で表示。サムネイルをAlt+クリックすると、マスク自体が白黒で全画面表示されます。穴や汚れを探すのに便利です。もう一度Alt+クリックで画像に戻ります。
- 赤いフィルムとして表示。Shift+Alt+クリックで、マスクが画像の上に赤いオーバーレイ(クイックマスクモード)として表示され、何が隠れているか一目で分かります。
- 適用(焼き込む)。マスクを右クリック、Apply Layer Mask。隠れたピクセルが完全に削除され、マスクは消えます。確信があるときだけ行ってください。可逆性が失われます。
- 削除。右クリック、Delete Layer Mask、またはサムネイルをゴミ箱へドラッグします。
マスクのコピーと移動
- 別のレイヤーへコピー。Altを押しながらマスクのサムネイルを目的のレイヤーへドラッグすると、マスクがコピーされます。
- 反転してコピー。コピー時にAltを押し、新しいレイヤーでCtrl+Iを押します。効果をちょうど反対のゾーンに欲しいときによく使います。
- コピーせず移動。Altなしでサムネイルを別のレイヤーへドラッグするだけです。
- レイヤーとの連結。レイヤーとマスクのサムネイルの間に鎖のアイコンがあります。これをクリックすると連結が切れ、レイヤーとマスクを独立して動かせます。
マスクのショートカット早見表
これらの組み合わせがもっとも時間を節約します。無意識でできるようになるまで手元に置いてください。
| 操作 | Windows | Mac |
|---|---|---|
| 描画色を黒と白に戻す | D | D |
| ブラシの色を入れ替える | X | X |
| マスクを反転 | Ctrl+I | Cmd+I |
| クリッピングマスクを作る | Ctrl+Alt+G | Cmd+Opt+G |
| Select and Maskを開く | Ctrl+Alt+R | Cmd+Opt+R |
| マスクやレイヤーから選択範囲を読み込む | サムネイルをCtrl+クリック | Cmd+クリック |
| マスクを無効化 | Shift+クリック | Shift+クリック |
| マスクを白黒で表示 | Alt+クリック | Opt+クリック |
| 選択範囲を塗りつぶす | Shift+F5 | Shift+F5 |
| ブラシを小さく/大きく | [ と ] | [ と ] |
ペンタブレットでの作業
髪や毛のマスクにはマウスはほぼ役立たず、筆圧のあるタブレットが助けになります。ブラシ設定でPen PressureをOpacityかSizeに割り当てると(上部バーのペンのアイコン)、軽く触れば透明な灰色が、強く押せば濃い黒が乗ります。これが、均一なマウスでは再現できない、ふわふわした境界のあのなめらかさを生みます。安価なタブレットでも十分で、高価なものとの差はエルゴノミクスであって、マスクの結果ではありません。
マーケットプレイス向けの商品切り抜き
多くのマーケットプレイスは、清潔で多くは白い背景を求めます。標準的な商品(箱、ボトル、靴)のアルゴリズムはこうです。素早い選択(Object SelectionまたはQuick Selection)をし、Add Layer Maskを押すと、境界がすぐ選択範囲で切り取られます。次にSelect and Maskに入り、Refine Edge Brushで難しい部分(靴ひも、取っ手、透明な要素)をなぞり、Decontaminate Colorsを有効にし、結果をマスクに出力します。商品レイヤーの下に白い塗りつぶしレイヤーを敷きます。これで完成、商品は清潔な背景の上にあり、元のピクセルは無傷です。
マーケットプレイスの背景要件
カードが却下されないよう、各プラットフォームの目安を頭に入れておいてください(要件は随時変わるので、アップロード前に最新のヘルプで確認してください)。一般的な傾向としては、
- メイン画像には単色の明るい背景か白背景が求められることが多い。
- 形式はJPGまたはPNG、最小辺は700px程度から。
- 推奨される縦横比は3:4程度。
- 商品がフレームの大部分を占め、余計な物、透かし、コラージュ、1枚目の文字は避ける。
実践的な結論。マスクの白背景は、明るい灰色ではなく、まさに白(255,255,255)でなければなりません。フレームの隅をスポイトで確認してください。背景が少し灰色なら、商品の下にSolid Colorレイヤーで純白を敷きます。
調整レイヤーによる部分レタッチ
ピクセルを直接いじらないでください。調整レイヤー(Curves、Hue/Saturation、Selective Color)を作ると、自分専用のマスクがついてきます。それを反転(Ctrl+I)し、必要な場所だけ白いブラシで補正を出します。ロゴを明るくする、布の色を鮮やかにする、映り込みを取る、といった具合です。どんな補正もレイヤーの不透明度で弱めたり、マスクから消したりできます。
背景の差し替え
新しい背景を、マスク付きの商品レイヤーの下に置きます。境界に古い背景の縁取りが残ったら、Select and Maskで境界を縮め(Shift Edgeを内側に1から2px)、Decontaminate Colorsを適用します。商品の影は別レイヤーで移し、マスク上のグラデーションで溶かして、新しい背景との継ぎ目が自然に見えるようにします。
背景差し替え時に自然な影を作る方法
影のない切り抜き商品は、貼り付けたように見えます。接地影の手早いレシピは、
- 商品の下に新規レイヤーを作ります。
- 柔らかい黒いブラシ(Hardness 0パーセント、Opacity 30パーセント)で、商品の接地点の真下に染みを描きます。
- Free Transform(Ctrl+T)で染みを縦方向につぶし、面の上の影を模します。
- レイヤーにマスクを追加し、グラデーションで影の遠い縁を溶かします。
- 影がインクのように黒くならないよう、レイヤーのOpacityを40から60パーセントに下げます。
トーニング
輝度マスクでスプリットトーンをかけます。ハイライトに暖色、シャドウに寒色です。Color BalanceまたはCurvesレイヤーに輝度マスクを組み合わせると、変化部分に濁りの出ない柔らかい結果が得られます。
200枚のカードのバッチ:正気を保つには
商品が数十、数百になると、一枚ずつ手で切り抜くのは燃え尽きへの道です。作業の流れを本当に速くするのは、
- 同じ背景で撮る。すべてを同じグレーのホリゾントで同じ光で撮れば、背景の選択が繰り返しになり、テクニックがそっくり移せます。
- アクション(Action)を記録する。Window, Actionsの記録ボタンで、背景を選ぶ、反転する、マスクを追加する、白いレイヤーを敷く、という手順を固定します。あとはボタン一つで実行します。
- File, Automate, Batchでバッチ。記録したアクションをフォルダ全体に向け、Photoshopが全ファイルを順に処理します。
- PSDテンプレート。白背景、影の下地、必要なキャンバスサイズを用意したファイルを持ち、そこに商品を差し込みます。
複雑な境界(毛、ガラス)を完全に自動化することはできませんが、単純な箱やボトルの70から80パーセントはアクションで片づき、手作業は問題のあるものだけの追い込みに残ります。
そもそもマスクが不要なとき
すべての課題がPhotoshopを要するわけではありません。背景が均一でコントラストが高く、商品にふわふわした境界がないなら、自動ツールで背景を外すほうが速く、ペンに30分かける必要はありません。マスクが正当化されるのは、半透明、細い毛、複雑な影、多段階のレタッチが重要な場面です。フレームの難易度を冷静に見極めることが、もっとも時間を節約します。まず、ここにそもそも手作業が要るのかを自問してください。
よくあるミス
- レイヤーを塗っていて、マスクを塗っていない。描く前に必ずマスクのサムネイルをクリックし、角に白い枠が出ていることを確認します。枠がレイヤー側にあると、ピクセルを壊しています。
- ブラシが黒でも白でもない。色や灰色のブラシは濁りを生みます。Dを押して黒と白に戻します。
- シャープな境界に柔らかすぎるブラシ。輪郭のぼやけた光沢ボトルは切り抜きが下手に見えます。Hardnessを上げます。
- マスクを早く適用しすぎた。Apply Layer Maskは可逆性を殺します。急がず、最後までマスクを生かしておきます。
- 縁取りを忘れる。暗い商品に残る古い背景の明るい縁は典型的なミスです。Decontaminate ColorsとShift Edgeで解決します。
- 白ではなく灰色の背景。マーケットプレイスがカードを却下することがあります。フレームの隅をスポイトで確認し、背景は255,255,255であるべきです。
- マスクがレイヤーと連結されているのに商品を動かす。鎖を切らないと、マスクがレイヤーと一緒に動き、見当違いの場所を切ります。別々に動かしたいときは鎖のアイコンをクリックします。
実際のフレームの解説:スニーカーを白背景に
すべてを、典型的な課題でまとめましょう。与件は、グレーのテーブルの上のスニーカーの写真、横に影、白い靴ひも、メッシュのアッパー。清潔な白背景のカードが必要です。
- 元データの複製。Ctrl+J、オリジナルは触りません。
- 粗い選択。Object Selection(W)でスニーカーをクリック。本体は囲まれますが、靴ひもの結び目とメッシュはでこぼこに拾われます。
- 選択からマスク。Add Layer Mask、背景が消え、レイヤーの下にSolid Colorの白(255,255,255)を敷きます。
- メッシュと靴ひも。Select and Mask、Refine Edge Brushでメッシュのアッパーの輪郭と飛び出た靴ひもの先端をなぞり、Smooth 3、Shift Edgeを内側に1px、Decontaminate Colorsを有効に。
- 輪郭の清掃。300パーセントに拡大、硬いブラシで、境界がシャープであるべき靴底の粗を仕上げます(Hardness 90パーセント)。
- 接地影。スニーカーの下に新規レイヤー、柔らかい黒いブラシOpacity 30パーセントで靴底の下に、高さをつぶし、レイヤーのOpacity 50パーセント。
- 仕上げ。全レイヤーを持つPSDを保存し、アップロード用に必要なサイズのJPGを別途書き出します。
手順が固まれば、こうしたフレームは4から7分で済みます。最初の10枚ほどはゆっくりですが、そのうち手が慣れ、同種のペア50足のバッチは、手順の反復性のおかげでずっと速く処理できます。
FAQ
マスクと消しゴムはどう違いますか
消しゴムはピクセルを不可逆に削除し、保存後は戻せません。マスクはピクセルを隠すだけです。黒が隠し、白が見せます。隠したものはブラシを白に塗り替えればいつでも戻せます。だからマスクは非破壊編集、消しゴムは破壊編集です。
Photoshopでレイヤーマスクを作るには
レイヤーを選び、レイヤーパネル下部のAdd Layer Maskボタン(中に円のある四角形)を押します。白いマスクが現れ、レイヤーは完全に見えます。Altを押しながらクリックすると黒いマスクになり、レイヤーは隠れます。メニューのLayer, Layer Mask, Reveal AllまたはHide Allからも作れます。
マスクを反転するには
マスクのサムネイルをクリックしてアクティブにし、Ctrl+Iを押します。黒い部分が白に、白い部分が黒になります。効果を全体で隠しておき、あとで白いブラシで一点ずつ出したいときに便利です。
クリッピングマスクとは何で、レイヤーマスクとどう違いますか
クリッピングマスク(Ctrl+Alt+G)は、上のレイヤーを下のレイヤーの不透明ピクセルの形で切り取ります。一方レイヤーマスクは、白黒の画像に従ってレイヤーの一部を隠します。クリッピングは、テクスチャを形に収めたり、背景に触れず一つの対象だけに補正をかけたりするために使います。
マスクの境界をなじませるには
もっとも簡単なのは、マスクをクリックしてPropertiesパネルを開き、Featherスライダーを動かす方法で、これは非破壊のぼかしです。別法として、マスクを選びFilter, Blur, Gaussian Blurを適用します。髪のような複雑な境界には、Refine Edge Brushを備えたSelect and Mask環境を使います。
マスクを削除せず一時的に無効化するには
Shiftを押しながらマスクのサムネイルをクリックします。赤いバツが出てマスクが切れ、レイヤーが完全に見えます。もう一度Shift+クリックでマスクが戻ります。マスク適用の前後を見比べるのに便利です。
輝度マスクとは何で、何のためにありますか
輝度マスクはピクセルの明るさをもとに作られます。明るい部分ほど強く、暗い部分ほど弱く選択されます。基本的なものはChannelsタブでRGBチャンネルをCtrl+クリックすると読み込めます。極めてなめらかな変化を生み、繊細なコントラスト、白飛びの救済、トーンごとのトーニング、自然なdodge and burnに使われます。
マスクを別のレイヤーにコピーするには
Altを押しながらマスクのサムネイルを目的のレイヤーへドラッグすると、コピーされます。Altなしでドラッグすると、コピーせず移動します。用意した切り抜きや補正範囲をレイヤー間で移すのに便利です。
ブラシで描いているのに何も変わらないのはなぜですか
おそらくマスクではなくレイヤー自体がアクティブか、ブラシの色がマスクのトーンと一致しています。確認してください。マスクのサムネイルをクリックし(周りに枠が出るはず)、Dで色を戻し、ブラシのOpacityとFlowが0でないこと、描画モードがNormalであることを確かめます。もう一つの原因は、レイヤーの表示範囲の外を塗っているか、マスクがShift+クリックで無効化されていることです。
スマホでマスク作業はできますか
はい。モバイル版PhotoshopやPhotoshop Expressアプリでは基本的なレイヤーマスクが使えます。レイヤーにマスクを追加し、指かスタイラスで範囲を出したり隠したりできます。チャンネル経由の本格的な輝度マスクや細かいSelect and Maskは、マウスとタブレットの精度があるコンピュータ(WindowsまたはMac)のほうがまだ快適です。写真1枚の素早い切り抜きならスマホでも十分ですが、数百枚のカードのカタログにはデスクトップのほうが実用的です。
難しい商品を自分でうまく切り抜けない場合
透明なガラス、毛、なびく髪、光る金属は、マスクにとってもっとも難しいケースで、熟練のレタッチャーでも時間がかかります。マーケットプレイス向けの大きなカタログがあり、一枚ずつ手で仕上げる余裕がないなら、切り抜きとレタッチを商品撮影のスタジオに任せ、カードを一様に清潔で売れる見た目にするのが理にかなっています。手早い作業には、当サイトの無料オンラインツールを試してください。Photoshopでの手作業が過剰なとき、数クリックで背景を外します。