Photoshopで写真の色を置き換える方法【初心者でもできた!】

Photoshop(フォトショップ)で【色の置き換え】を初心者でも簡単にできる方法を解説した記事です。記事を読めば、写真の一箇所だけ色を変える処理がすぐにできるようになります。色相を調整して複数の色にする応用編の紹介もあり。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

監修してくれたメンター

メンターOM

Webデザイン勉強のためロサンゼルスに留学。その後、現地のWeb制作会社に就職し、Webデザイナーとしてのキャリアをスタート。現在もロサンゼルスで働く傍ら、フリーランスとして日本からの仕事も請け負う。

CMなどで、形が同じで色違いの商品の画像が出てくるのを、見たことはないでしょうか?

実はあのような画像の撮影は1回だけで、編集で色違いの画像を作っている場合が多くあります。

 

例えば、Photoshopの「色を置き換える」機能を使うことで実現できます。
今回は初心者のための、写真の特定の色だけを置き換える方法をご紹介します。

 

(※今回の作業はすべてAdobe PhotoShop CCのバージョンで行っています)

目次

 

大石ゆかり

田島メンター!!ある画像の一部分だけの色を変えるっていうことはできるんですか~?

田島悠介

一部分? どんな感じかな?

大石ゆかり

例えば、葉と花があって、花の部分の色だけを変えたいんです。

田島悠介

そういうときは色の置き換えツールを使ってみよう。

簡単に好きな色に変更できるよ。

 

色を変更する処理

Photoshopはいくつかの方法で、特定の色を別の色と置き換えることができます。

「色の置き換え」処理と「色相・彩度」の処理です。

ここでは比較的扱いが簡単な「色の置き換え」処理について説明します。

 

 

まずは画像を読み込みましょう。

元画像

 

 

イメージメニューにある色調補正から「色の置き換え」を選びます。

色の置き換え

 

 

すると調整画面が出てきます。

色の置き換え詳細

 

 

右側矢印の茶色が今選択している色です。

画像を表示を選択し、左の矢印のスポイトツールを選び、修正したい部分を指定してください。

今回は花の色を補正しますので下記の青矢印の位置にスポイトを合わせます。

色の選択

 

 

指定した部分の色が現在選択されている色のところに表示されます。

さらに、下図の矢印の彩度のバーを動かせば花の色が変わります。

OKを押せば画像に処理が適用されます。

色の置き換え詳細

 

 

処理結果はこのようになりました。

処理結果

 

 

また、色相を動かして他の色に変えることもできます。

色相を変える

 

色の調整はこれで完了です。

 

 

大石ゆかり

花の部分だけ色が変わりました!

田島悠介

色の調整はプレビューに反映されるので、それを見ながら好きな色に変えることができるよ。

大石ゆかり

あれ、でもこれって画面の中に花と同じような色のものがあったらその色も変わっちゃいませんか~?

田島悠介

対象物が多い写真のときは、確かにそういうケースもあるかもしれないね。

そういうときは選択範囲と併用して使ってみよう。

 

特定の花の色だけを変える

応用として、特定の花の色だけ変えてみます。

 

まず領域を指定します。

領域指定

 

 

領域指定方法は、画像上の花の領域を含む四角をドラッグ&ドロップで指定するだけです。

あとは先ほどと同じ手順で色相を変えてみましょう。

ドラッグ&ドロップ

 

 

もう1つの花も同じ方法で、領域指定して色を変えてみます。

これで完成です。

完成

 

いかがでしたか?

いっけん難しそうですが、初心者でもできるテクニックですので、ぜひ試してみてください。

 

 

田島悠介

選択範囲を作成してから、色の置き換えを行うんだ。

大石ゆかり

なるほど、これならその部分だけに適用されるんですね!

田島悠介

指定した色が画像内のどこにあるかはプレビューの「選択範囲」で見られるので、関係のないものが対象に入っていないかよく確認して使いましょう。

大石ゆかり

分かりました!ありがとうございます!

 

[PR] Webデザインで挫折しない学習方法を動画で公開中

Photoshopを学習中の方へ

これで解説は終了です、お疲れさまでした。

  • Photoshopを調べたけど分かりづらい
  • 副業や転職後の「現場で使える」知識やスキルを身につけたい

Photoshopの学習や情報収集をしていて、このように思ったことはありませんか?

テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。

合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。