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

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

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

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

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

 

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

 

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

目次

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

田島悠介

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

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

 

色を変更する処理

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

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

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

 

 

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

元画像

 

 

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

色の置き換え

 

 

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

色の置き換え詳細

 

 

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

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

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

色の選択

 

 

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

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

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

色の置き換え詳細

 

 

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

処理結果

 

 

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

色相を変える

 

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

 

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

田島悠介

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

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

 

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

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

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

 

まず領域を指定します。

領域指定

 

 

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

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

ドラッグ&ドロップ

 

 

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

これで完成です。

完成

 

いかがでしたか?

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

 

 

田島悠介

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

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

さらにPhotoshopを使いこなしたい場合は、Photoshopで写真をセピアカラーにする方法も合わせてご覧ください。

[お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。