【Photoshop】色の置き換えを使った背景色の変更方法forフォトショ初心者

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Photoshop（フォトショップ）の色の置き換えの機能と使い方をフォトショ初心者の方に解説します。
対象となる色を別の色に置き換えできる便利な機能です。
当機能を活用し、背景色を別の色に変更する方法をゼロから学習できます。

Photoshopを始められる方、更にフォトショップを使いこなしたい方にオススメのコンテンツです。

この記事の目次

何ができるの？

Photoshopの色の置き換えを使えば上記のように特定の色を別の色に置き換える事ができます。
人物の切り抜きをせずに背景色だけを変更したいなど、サクッとした画像編集を加えたい時に便利な機能！
サンプルの制作時間は約1分、初めての方にも扱えるフォトショを使ったレタッチの入門が学べます。

色の置き換えの使い方

Photoshopの色の置き換えの操作方法ををゼロから解説します。
フォトショ初心者の方にも再現できるように順を追って解説いたします！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はフォトプラン公式サイトから入手可能。（月額は最安の1,078円、7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

STEP.1

編集画像を開く

Photoshopに編集したい画像を読み込みます。
サンプルはコチラの画像を活用しました。

色変更を行うと元に戻せません。
念のために [ Ctrl + J ] (Mac：⌘ + J) でレイヤーをコピーしておきましょう。

※レイヤーはラスタライズしておきます。スマートオブジェクトの場合はレイヤーパネルの右クリックメニューから [ レイヤーをラスタライズ ] を適用します。

STEP.2

色の置き換えを実行

[ イメージ ] → [ 色調補正 ] → [ 色の置き換え ] をクリックします。

[ 色の置き換え ] のダイアログ画面が開きます。

色を置き替えたい場所をクリックし、プレビューにチェック
許容値：増減させると色の置き換え範囲を変更
右下の結果をクリックするとカラーピッカーが開き、置き換えの色が設定可能

設定後は [ OK ] をクリックしましょう。

STEP.3

色の置き換えが完成

以上でPhotoshopの色の置き換えを使った背景色の変更が完了しました。

人物の切り抜きを使わなくても簡易的に背景色を変更する事も可能です。

人物を一瞬で切り抜く方法

【Photoshop】被写体を選択で人物を一瞬で切り抜く方法

被写体を選択を使ってあっという間に精度の高い人物の切り抜きを実現する方法をフォトショ初心者の方に詳しく解説します。併せてチェックされてみませんか？

写真を大変身させる高品質エフェクト

単なる写真を超短時間で全く違った表現にできる高品質なエフェクトです。
全て商用利用可能！
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのフォトショエフェクトです。

#01 Hacker Digital Manipulation Effect Mockup

ただの1枚絵を簡単にハッカー風にできるエフェクトです。
0と1の模様が非常にカッコいいです。

ダウンロード

#02 Movie Style Glitch Effect Mockup

テレビの走査線や色ずれを見事に再現できるフォトショ用のエフェクトモックアップです。
ブラウン管のテレビの枠にはめると昔風の画面の出来上がり！

ダウンロード

#03 Autumn Color Grading Effect Mockup

どんな季節も一瞬で秋にできるフォトショエフェクトです。
青々とした夏であろうが関係無し！

ダウンロード

#04 Mosaic Pixel or Dot Effect Mockup

ドットで表現できるPhotoshop用のエフェクトモックアップです。
単なるカラーハーフトーンでは無く、ドットに質感が付与されているのでより高クオリティな表現が可能です。

ダウンロード

#05 Image Overlay Rain Effect Mockup

雨を簡単に降らせることができるエフェクトです。
リアルな雨表現もこのエフェクトなら一瞬！

ダウンロード

Photoshop用の高品質なエフェクト集

Photoshopで使える商用利用可能な高品質エフェクトをピックアップしました。
フォトショ初心者の方でもプロの品質を圧倒的短時間で実現できるチートアイテムです。

【Photoshop】写真を超短時間で大変身させる高クオリティなエフェクト51選【商用可】

【Photoshop】写真を全く違うグラフィックに変える高品質なエフェクト50選【商用可】

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Photoshop（フォトショップ）の色の置き換えを使った背景色の変更方法についてでした。
当機能を活用すれば人物などの切り抜きを行わくても手軽に背景色や対象物の色を変更できます。

ただしスマートオブジェクトには適用できないので、色を戻したり再編集する事はできません。
事前にレイヤーをコピーしてから操作する事をオススメします。

上手く活用してPhotoshopを使ったクリエイティブを加速させて下さい！

ではまた！

写真の雰囲気を激変させよう

写真の雰囲気を激変させるチュートリアル集です。
フォトショの中級～上級テクニックを網羅的に学習できます。

【Photoshop】写真をアメコミ風のイラストにする方法を徹底解説

【Photoshop】写真を水彩画風に加工する方法を徹底解説

【Photoshop】昼間の写真を夜に変更する方法を徹底解説【初心者向けラナルータ】

【Photoshop】RGBずらし（色ずれ）を使ったTikTok風ロゴや印象的な画像の作り方

【Photoshop】写真をワンランク上の油絵風にする方法【フォトショ初心者】

【Photoshop】写真をミニチュア風に加工する方法【チルトシフト】

InDesignは活用されていますか？

Photoshopだけでなく、InDesign（インデザイン）も活用されていますか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はInDesign公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート40選はコチラ！

Photoshopの操作方法

フォトショ基本操作