フォトショで画像を編集していると、色を反転させたい場面があります。色反転は、写真の印象を大きく変えたり、ポスターやデザインにインパクトを与えたりできる便利な機能です。「色反転」や「白黒反転」といった呼び方でも知られています。
なお、色反転と画像の向きの反転はまったく別の機能です。
この記事では、色を反対の色に置き換える「階調の反転」について、複数の操作方法の違いやショートカットキー、部分的に反転させる方法まで順に紹介します。
フォトショで色反転させる方法|階調の反転編

フォトショで色反転させる方法として、最初に紹介するのは「階調の反転」という機能を使う方法です。もっともシンプルで、初心者でも迷わず操作できます。

【手順】
①色を反転させたい画像レイヤーを選択
②上部メニューの「イメージ」をクリック
③「色調補正」から「階調の反転」を選択
これだけで、画像に含まれるすべての色が反対の色に置き換わります。
たとえば、鮮やかな青い空は明るいオレンジ色に、みずみずしい緑の草原はマゼンタに変わります。白は黒に、黒は白になり、写真全体がネガフィルムのような雰囲気に仕上がります。抽象的な作品やフォトコラージュ、少し不気味な雰囲気を演出したいデザインなどによく使われる表現です。
【色反転前のイメージ】

【色反転後のイメージ】

この方法では、階調の反転が画像レイヤーに直接適用されます。元の画像データを書き換えるため、あとから調整レイヤーのようにオン・オフを切り替えることはできません。再度同じ操作を行えば色を元に戻せますが、作業を進めた後では修正が難しくなる場合もあるため、必要に応じて事前に画像を複製しておくと安心です。
また、階調の反転は、メニューバーの「イメージ」からだけでなく「ウィンドウ」から「色調補正パネル」を開き、パネル内の「個々の調整」から「階調の反転」アイコンをクリックして適用することもできます。色調補正パネルを常に表示しておけば、メニューをたどる手間が省けるため、頻繁に補正作業を行う方には便利な方法です。
操作方法は異なりますが、どちらを選んでも適用される効果は同じです。普段の作業スタイルに合わせて、使いやすい方法を選びましょう。
さらに、Photoshopでは、画像のカラーモードによって色反転後の見え方が変わる場合があります。RGBのカラー写真では、各色が色相環の反対側にある色へ置き換わります。一方、印刷用に使用されるCMYKデータも同様に反転しますが、表現できる色の範囲が異なるため、RGBとまったく同じ仕上がりにはなりません。
特に、ポスターやチラシなどの印刷物を制作する場合は注意が必要です。入稿前のCMYKデータを反転すると、画面で確認した色味と実際の印刷結果に差が生じることがあります。印刷を前提としたデータを扱う際は、反転後の色の変化を事前に確認しておくことが大切です。
色反転は、単なる加工にとどまらず、表現の幅を広げる手法としてもよく使われています。写真全体を反転させると、見慣れた風景が幻想的な雰囲気に変わったり、人物写真がミステリアスな印象になったりします。ハロウィンをテーマにしたデザインや、抽象的なアート作品、フォトコラージュなど、インパクトを与えたい場面で積極的に取り入れられている表現方法です。
なお、文字を入力したテキストレイヤーに対しては「階調の反転」がグレーアウトして選択できないことがあります。この場合は、対象のレイヤーをスマートオブジェクトに変換すると、階調の反転を適用できるようになります。テキストを使ったデザインで色反転がうまくいかないときは、この点を確認してみてください。(※スマートオブジェクトで階調の反転をすると「スマートフィルター:反転」が適用されるため、元の画像やテキストの情報を維持したまま色反転ができます。)
フォトショで色反転させる方法|レイヤー編
続いて紹介するのは、調整レイヤーを使って色反転させる方法です。先ほどの階調の反転編とは異なり、元の画像データを残したまま反転の効果を加えられるため、実務での作業に向いています。

【手順】
①色を反転させたい画像レイヤーを選択
②上部メニューの「レイヤー」をクリック
③「新規調整レイヤー」から「階調の反転」を選択
すると、画像レイヤーの上に「階調の反転」専用のレイヤーが新たに重なり、画像の色が反転した状態で表示されます。

この方法の大きなメリットは、非破壊編集ができることです。調整レイヤーは元の画像レイヤーの上に重ねられているだけなので、反転をやめたいときはレイヤーを非表示にしたり削除したりするだけで、いつでも元の画像に戻せます。デザインの試行錯誤を重ねたい場合や、あとから修正が入る可能性がある場合には、こちらの方法を選ぶと安心です。
調整レイヤーは、いわば透明なフィルムのようなものです。元の写真の上にフィルムを重ねているだけなので、フィルムを外せばいつでも元の写真が現れます。前半の『階調の反転編』で紹介した方法が画像そのものに直接手を加える編集だとすれば、レイヤー編は画像の上に効果を重ねる編集だとイメージするとわかりやすいでしょう。
色を反転させただけでは、画像がやや平坦な印象になってしまうこともあります。そのようなときは、さらに「レベル補正」の調整レイヤーを追加し、明暗のバランスを調整すると、立体感のある仕上がりになります。
あわせて「明るさ・コントラスト」の調整レイヤーを重ねれば、よりメリハリのある印象に整えることも可能です。単に色を反転するだけでなく、こうした補正を組み合わせることで、デザインの完成度をさらに高められます。
また、調整レイヤーは、レイヤーパネルの目のアイコンをクリックするだけで表示・非表示を切り替えられます。反転前後の見た目をその場で見比べられるため、クライアントへの提案時や、デザインの方向性を検討する段階で重宝するでしょう。
こちらの記事では、彩度と明度の違いについて解説しています。 デザインの質を変える色の三属性や活用のコツも取り上げているため、ぜひあわせてご覧ください。
フォトショで色反転させる際に役立つショートカットキー
フォトショで色反転させる操作は、メニューから選ぶ方法のほかにも、ショートカットキーを使うとより効率的に行えます。マウスで何度もメニューをたどる手間が省けるため、作業のスピードが大きく変わります。
ただし、ショートカットキーによる色反転は、階調の反転で紹介した方法と同様に、画像レイヤーへ直接適用される点に注意が必要です。反転後の色は元のデータに上書きされるため、編集内容によっては元に戻せなくなる場合があります。
なお、階調の反転は色を反対色に変換する処理のため、連続して2回実行すると元の状態に戻ります。そのため、反転直後であれば、同じショートカットキーを再度押すことで簡単に元の色へ戻せます。
一方で、色反転後に別の編集作業を行うと、元の状態に戻すことが難しくなることがあります。反転を取り消したい場合は、できるだけ早めに操作しましょう。
また、色反転のオン・オフを頻繁に切り替えたい場合や、あとから修正する可能性がある場合は、レイヤー編で紹介した調整レイヤーを利用する方法がおすすめです。
Macの場合
色を反転させたい画像レイヤーを選択した状態で「Command」キーと「I」キーを同時に押します。これだけで、階調の反転が即座に適用されます。
Windowsの場合
色を反転させたい画像レイヤーを選択した状態で「Ctrl」キーと「I」キーを同時に押します。Macと同様に、すぐに階調の反転が適用されます。
ただし「Ctrl」キーと「I」キーはキーボード上で少し離れた位置にあるため、手の大きさやキーボードの種類によっては押しにくいと感じるかもしれません。
もし操作のしづらさを感じる場合は、キー配置を変更できるツールを活用したり、TourBoxのような市販の左手デバイスを取り入れたりするのがおすすめです。
よく使うショートカットをボタンに割り当てておけば、片手だけで色反転などの操作を完了できるため、デザイン作業に集中しやすくなります。プロの現場でも取り入れられている工夫のひとつです。
フォトショで色反転させる方法|部分的な色反転編
画像全体ではなく、一部分だけを色反転させたい場面もあります。ロゴや見出し部分だけをスタイリッシュに見せたいときや、テキストの一部を強調したいときなど、部分的な色反転は応用力の高いテクニックです。バナーやポスターの一部を強調したいときにも役に立ちます。
ここでは、これまで紹介した2つの方法をもとに、部分的な色反転のやり方を紹介します。基本的な流れは共通しているため、階調の反転編・レイヤー編の内容を思い出しながら読み進めてみてください。
1.色反転させたい部分を選択範囲で囲う

部分的に色を反転させる場合は、最初に反転したい範囲を選択します。Photoshopにはさまざまな選択ツールが用意されており、対象の形状や作業のしやすさに応じて使い分けることが大切です。ここでは、代表的な選択方法を紹介します。
囲みたい範囲がはっきりしている場合
長方形選択ツールや楕円形選択ツールを使って、色を反転したい範囲を選択します。四角形や円形などのシンプルな形を素早く指定できるため、写真の一部分だけを反転させたい場合に適しています。
文字や複雑な形を選択したい場合
文字や複雑な形状を選択する場合は、テキストレイヤーのサムネイルから選択範囲を読み込んだり、ペンツールで作成したパスを選択範囲に変換したりする方法が便利です。特にペンツールは、イラストや人物の輪郭など曲線の多い対象でも、細かな部分まで正確に選択できます。
被写体の形に沿って選択したい場合
クイック選択ツールや自動選択ツールを使うと、色や明るさが近い範囲を自動で判別し、被写体の形に沿って選択できます。ドラッグするだけで比較的簡単に選択範囲を作成できるため、細かな輪郭を手早く指定したい場合に便利です。
また、オプションバーの「境界をぼかす」を調整すると、反転部分の境目が自然になじみ、違和感の少ない仕上がりになります。
2-1.階調の反転編の方法で色反転させる

選択範囲を作ったら、階調の反転編で紹介した方法で色を反転させることもできます。
【手順】
①選択範囲を作成
②上部メニューの「イメージ」をクリック
③「色調補正」から「階調の反転」を選択
これだけで、選択した部分だけが反転します。操作はシンプルですが、この方法も画像レイヤーに直接効果が適用されるため、選択範囲内の元の色情報は上書きされます。ちょっとした加工をすぐに終わらせたいときに向いている方法です。
選択範囲を作った状態であれば、ショートカットキーの「Ctrl」(Macは「Command」)+「I」でも同じように部分反転を実行できます。急いで確認したいときや、複数箇所を続けて反転させたいときに使うと、作業をよりスムーズに進められます。
2-2.レイヤー編の方法で色反転させる

一方、レイヤー編で紹介した調整レイヤーの方法を使うと、選択範囲に合わせたレイヤーマスクが自動的に作成されます。
【手順】
①選択範囲を作成
②上部メニューの「レイヤー」をクリック
③「新規調整レイヤー」から「階調の反転」を選択
このようにすると、選択した部分だけに色を反転させる調整レイヤーが追加されます。マスクによって反転の範囲を管理できるため、あとから範囲を微調整したり、反転自体を取りやめたりすることも簡単です。部分的な修正をともなうデザイン作業では、この方法がもっとも扱いやすいといえます。
作成されたレイヤーマスクは、ブラシツールで白黒を塗り足すことで、あとから反転させる範囲を自由に調整できます。マスクを黒く塗った部分は反転が打ち消され、白く塗った部分には反転が適用されるため、境目をなじませたいときにも便利な機能です。
まとめ

色反転は、写真やデザインに印象的なアクセントを加えられる表現方法です。Photoshopでは、階調の反転や調整レイヤー、ショートカットキー、部分反転などを使い分けることで、目的に合わせたデザインを効率よく作成できます。
ただし、ポスターやチラシは印刷して初めて完成します。せっかく作成したデータも、色味やレイアウトに不備があると、期待した仕上がりにならないことも少なくありません。
WAVEでは、豊富な印刷商材や加工オプションに加え、デザイン制作やデータ修正の相談にも対応しています。印刷通販のパイオニアとして培ったノウハウを活かし、データ作成から印刷まで一括でサポートいたします。
「入稿データに不安がある」「印刷までまとめて任せたい」という方は、ぜひWAVEをご利用ください。ご利用ガイドや関連コラムもあわせてご確認いただき、理想の印刷物づくりにお役立てください。
WAVEでは名刺・ポスター・パンフレットをはじめ、チラシ印刷や中綴じ冊子など多彩な印刷物をネット通販で承っています。デザイン制作のご相談も可能ですので、お困りの際はぜひお問い合わせください。
2024年8月5日に公開した記事をリライトしています。
この記事を書いた人:WAVEブログ編集部 デザインチーム
お客様からご依頼いただいたデザイン制作や、自社パンフレット・サンプル等の作成を担当しています。プロの視点から、見映えを良くするコツやデザインに関する役立つアイデアを発信していきます!
» WAVEブログ編集部 デザインチームの記事一覧を見る












