まずは無料キャリア相談へ!
転職実績No.1🔰エンジニアスクール

【Photoshop入門】色の置き換えツールの使い方!できない時の対処法も

更新: 2023.08.17

画像の一部の色を置き換えたいが、上手くいかない
いろんなツールがあって、何を使えばいいか分からない

このようなお悩みを持つ方向けに、この記事ではPhotoshopで色の置き換えを行う方法について、詳しく解説していきます。

画像の色の置き換えができると、一つの画像で表現できる幅がぐっと広がります!

※本記事は、現役デザイナーが監修した記事です(2021年11月)

Photoshopの色の置き換えツールの使い方

以下のシーン別に、色の置き換え方法を紹介します。

  • 写真の同系色を全て置き換えたい場合
  • 指定した部分の色のみを置き換えたい場合
  • モノトーンの色を置き換えたい場合

同系色を全て置き換える

まず以下の写真の「赤色」を「青色」に変えてみましょう。

この画像では、傘だけではなく、スカートも「赤色」となっています。

まず、Photoshopで画像を開きましょう。

「イメージ」メニュー>「色調補正」>「色の置き換え」を選択します。

すると、調整画面が表示されます。

「画像を表示」と調整画面左上のスポイトのアイコンを選択し、変更したい色をスポイトで選択します。

調整画面右上では、現在選択している色を確認できます。

調整画面右下では、変更したい色を選択することができます。

「プレビュー」にチェックを入れて、変更後の画像を確認しましょう。

「許容量」の値を調整することで、変更したい色を適用する範囲を調整できます。

「OK」をクリックすると編集が終了します。

指定した部分の色を置き換える

特定の領域だけ色を変えたい場合の色の置き換え方法を紹介します。

「選択ツール」を選び、色を変えたい範囲をドラッグして指定します。

「イメージ」メニュー>「色調補正」>「色の置き換え」を選択し、1つ目と同様の手順で色を置き換えます。

範囲を指定した箇所のみ、色が変化してしていたら成功です。

モノトーン(白黒グレー)の色を置き換える

ここまで、赤色や青色など色彩がある色の置き換え方法について紹介しました。

しかし、上記の2つの方法では白・黒・グレーなどモノトーンのカラーは変更できません。

このような場合は、以下の手順で色を置き換えましょう。

  1. モノトーンカラーの上に同じ形のレイヤーを作成する
  2. 1のレイヤーを好みの色で塗りつぶす
  3. モノトーンカラーのレイヤーと2のレイヤーの色を合算する

それでは詳しいやり方を紹介します。まずは、「選択」>「色域指定」を選択。

それぞれの項目を以下の画像のように設定します。

モノトーンカラー(今回は白)を抽出したあとOKを押します。

新規レイヤーを作成し、描画色に好みのカラーを選択します。

「編集」>「塗りつぶし」を選択し、「描画色」を選択してからOKを押します。

白色の部分が、描画色で塗りつぶされたら成功です。

新しく作成したレイヤーを「乗算」モードにし、不透明度を調整することで色の調整が可能です。

\ パソコンがなくても大丈夫 /

「学習費用を抑えたい。でも給付金は対象外…」

とお悩みの方へ!無料でPCプレゼント中🎁

※学生、新卒以外の方も専門実践教育訓練給付金の対象外であればプレゼントの対象です

色の置き換えができない・グレーになる時は

ここからは、色の置き換えがうまくいかない場合の対処法について紹介します。

  • レイヤーの設定を確認
  • カラーモードを確認

レイヤーの設定を確認

色の置き換えをしたいレイヤーが選択されていない場合や、対象のレイヤーがスマートオブジェクトになっている場合は、色の置き換えができません。

この場合、以下の手順で確認ができます。

  1. レイヤーが正しく選択されているか確認
  2. 対象のレイヤーがスマートオブジェクトになっているか確認

レイヤーが正しく選択されているか確認

色の置き換えをしたいレイヤーが正しく選択されているか確認します。

対象のレイヤーがスマートオブジェクトになっているか確認

レイヤーが正しく選択されていても編集ができない場合は、スマートオブジェクトになっていないか確認します。

以下の画像のようなアイコンが表示されていたら、スマートオブジェクトです。

スマートオブジェクトである場合、レイヤーを右クリックし「レイヤーをラスタライズ」を選択します。

カラーモードを確認

Photoshopのカラーモードが「グレースケール」モードになっている場合は、色の置き換えができません。

「グレースケール」モードとは、白と黒の2色で画像が表現される設定のことです。

この場合の確認方法を2つ紹介します。

  • 「イメージ」>「モード」
  • カラーモードをRGBカラーまたはCMYKカラーに変更する

「イメージ」>「モード」

「イメージ」メニュー>「モード」>「グレースケール」にチェックが入っていることを確認します。

グレースケールチェックが入っていたら、設定を変更する必要があります。

カラーモードをRGBカラーまたはCMYKカラーに変更する

カラーモードをRGBまたはCMYKに変更すると、上記で紹介した方法で任意の箇所の色を置き換えることができます。

色の置き換えをマスターしてPhotoshopを使いこなそう

本記事では、Photoshopで色を置き換える方法について紹介しました。

特定の色を置き換える方法特定の範囲の色のみを置き換える方法を活用し、画像を使用した表現の幅を広げてみてください。

↑目次へ戻る

最先端のITスキルが学び放題!AI時代で勝ち残る人材になる。

\テクノロジー時代に活躍できる人材になりませんか?/

あらゆる業界でIT化が進んでいる今、
エンジニアではなくともテクノロジーへの理解が不可欠な時代になりました。

プログラミングを活用して新しい価値を生み出すことで、
あなたの人材価値を高めることができます。

プログラミングを学ぶと、
・キャリアアップ、年収アップを目指せる
・テクノロジーを活用した課題解決ができる
・業務効率化ができるようになる
・自分でサービスを作れるようになる

テックキャンプは、テクノロジースキルが定額で学び放題。

プログラミング、AI、デザイン、DXスキル、
そして、話題のChatGPTも学ぶことができます。

これからの時代で必要とされるスキルを学び、
市場価値を高め、個人で活躍できる人材を一緒に目指しましょう。

詳しくはこちら

この記事を書いた人

キム クナ
新卒では人材大手のパーソルキャリアに入社しキャリアアドバイザーとして、就活のサポートしていました。その後はフリーランスのWebデザイナーを経て、現在は株式会社divのデザイナーコースのコンテンツ制作を担当しています。異色なキャリアに挑戦したい方を応援したく日々有益なコンテンツ制作に奮闘中です!

あなたの理想のキャリアに合わせた、テックキャンプの2つのサービス

Advertisement