Photoshopで描画色を変更する方法

Adobe Photoshopでは、描画色はペイント、塗りつぶし、ストロークやオブジェクトの作成に使用されます。 描画色は、選択された主要な色として機能します。 背景色は、背景レイヤー上で消しゴムツールを使用した際に、背景レイヤーが変換される色です。 Photoshopで描画色を選択する方法はたくさんあります。このWikiHowでは、Adobe Photoshopで新しい前景色を選択する方法を説明します。

方法1

カラーピッカーを使用する

1. Photoshopを開きます。 Photoshopには、真ん中に「Ps」と書かれた青い四角形のアイコンがあります。 PhotoshopアイコンをクリックしてPhotoshopを開きます。

   • Photoshopを使用するには、PhotoshopまたはAdobe Creative Cloudのサブスクリプションが必要です。 .comで7日間の無料トライアルにサインアップすることもできます。
2. 新しいプロジェクトを開くか作成します。 既存のPhotoshopプロジェクトを開くには、タイトルページで「開く」をクリックし、開きたいプロジェクトを選択します。 新しい Photoshop ファイルを作成するには、タイトル ページで [新規作成] をクリックし、Photoshop ファイルの高さと幅を入力します。次に、新規作成をクリックします。

   • Photoshop でいつでも新しいファイルを開いたり作成したりできます。 これを行うには、上部のメニューバーでファイルをクリックし、新規作成または開くをクリックします。
3. 現在の前景色の四角をクリックします。左側のツールバーの下付近にある2つの重なった色の四角は、現在の前景色と背景色を示しています。前景色は上にある正方形です。これをクリックするとカラーピッカーが開きます。

   • デフォルトの描画色と背景色は黒と白です。
4. 縦のスライダーバーをドラッグして色相を選択します。カラーピッカーウィンドウの中央付近にある虹色の細い帯がそれです。スライダーをドラッグすると、左側の大きなボックス内の色相が変化します。

   • また、カラーピッカーウィンドウの外でPhotoshopプロジェクトにカーソルを合わせると、カーソルがスポイトアイコンに変わります。 これにより、Photoshop画像内の選択したい色をクリックして色を選択することができます。
5. 左側のカラーフィールドボックスでシェードをクリックします。色の濃淡が表示されている一番大きな四角です。色をクリックすると、前景色ボックスが更新され、変更が反映されます。

   • カラーピッカーウィンドウの上部にある "現在の "と "新しい "ボックスで、新しく選択した色と、前に選択した色を比較することができます。
   • ウェブセーフな色のみを表示したい場合は、カラーピッカーウィンドウの下部にある「ウェブカラーのみ」ボックスをチェックしてから色を選択してください。
   • H"(色相)、"S"(彩度)、"B"(明度)、"R"(赤)、"G"(緑)、"B"(青)、"L"(輝度)、"a"(赤/緑値)、"b"(青/黄値)の横にあるラジオオプションのいずれかをクリックすることで、カラーフィールドでの色の表示方法を変更することもできます。
6. 数値を入力して色を選択します（オプション）。このステップは、RGB、CMYK、LAB、16進数、またはHSB値を指定して色を選択する必要がある場合にのみ適用されます。すべてのカラー値オプションは、カラーピッカーの右下隅にあります。 カラー値を選択するには、文字ボックスの横にある数値を入力します。 以下は、各カラー値ボックスの説明です。

   • HSB値は色相、彩度、明度のパーセンテージで、0から360の範囲です。カラーホイール上の位置に対応しています。 HSBパーセントを使って色を選択するには、"H"、"S"、"B "の横に正確な数値を入力します。
   • RGBスケールでは、赤、緑、青の値を個別に入力できます。RGB値は、コンピュータ・モニター、テレビ、モバイル・デバイスなどのディスプレイ画面に色を表示するために使用されます。 0は色がなく、255は純粋な色です。 RGB値を使って色を選択するには、「R」「G」「B」の横に数字を入力します。
   • LABモデルでは、ルミナンス（0～100の範囲）、A（色の赤または緑）、B（色の青または黄）を指定できます。AとBの値の範囲は-128から127です。
   • CMYKはカラー印刷物に使用され、カラーに含まれるシアン、マゼンタ、イエロー、ブラックインクの割合を指定できます。 パーセンテージの範囲は0～100です。 CMYK値を使用してカラーを選択するには、「C」、「M」、「Y」、または「K」の横に、カラーに使用するインクの量を入力します。
   • 下部の「#」の隣にある16進数フィールドでは、色の16進数コードを入力できます。16進カラーコードは、ウェブブラウザが表示する正確な色を決定するために、ウェブデザインで使用されます。これは6桁のコードで、それぞれ00（最小輝度）からff（最大輝度）までの3組の数字を使用します。
7. OKをクリックします。カラーピッカーの右上にあります。これで、新しい前景色で描画、ペイント、オブジェクトの作成ができるようになります。

方法2

スポイトツールを使う

1. Photoshopで画像を開きます。スポイトツールを使用すると、既存の画像から正確な色を選択できます。 スポイトツールを使うには、作業中の画像をPhotoshopで開いておく必要があります。 Photoshopで写真を開くには、いくつかの方法があります。 以下のいずれかの手順で開いてください：

   • Photoshopで開きたい画像を右クリックし、「Open with」を選択します。 次にPhotoshopを選択します。
   • Photoshopを開き、タイトルページで「開く」をクリックします。 開きたい画像ファイルを選択します。 次に「開く」をクリックします。
   • Photoshopの上部にあるメニューバーの「ファイル」をクリックします。 次に「開く」をクリックします。 開きたい画像ファイルを選択します。 次に「開く」をクリックします。
2. スポイトツールをクリックします。スポイトに似たアイコンがあります。 Photoshopの左側にあるツールバーにあります。

   • または、キーボードの i キーを押して、スポイトツールを選択することもできます。
3. スポイトツールのオプションを調整します（オプション）。 Photoshopの上部にあるメニューバーに、スポイトツールの機能を調整するオプションがあります。 オプションは次のとおりです：

   • サンプルサイズ： 上部の「サンプルサイズ」ドロップダウンメニューを使用して、サンプルサイズを選択します。 "ポイントサンプル "は、クリックした正確なピクセルの色を選択します。 また、このドロップダウンメニューを使用して、Photoshopが平均色を選択するために使用する正方形のピクセル領域を選択することもできます。 選択できる正方形のピクセル領域は、3×3から101×101までです。
   • サンプル 上部の「サンプル」ドロップダウンメニューを使用して、スポイトでサンプリングするレイヤーを選択します。 "現在のレイヤー"、"現在のレイヤーとその下"、"すべてのレイヤー"、"すべてのレイヤー調整なし"、"現在のレイヤーとその下調整なし "を選択できます。
   • サンプリングリングを表示： 上部の「サンプリングリングを表示」の横にあるチェックボックスをクリックすると、新しい色を選択した時にスポイトツールの周りにサンプリングリングが表示されます。 サンプリング・リングの上半分には選択中の色が表示されます。 サンプリング・リングの下半分には、古い前景色が表示されます。
4. 前景色に設定したい色をクリックします。これにより、以前の前景色が選択した色に自動的に置き換えられます。

   • または、スポイトツールをクリックしてドラッグし、希望の色を見つけることもできます。ドラッグすると、ツールバーの前景色マスの色が更新されます。
   • スポイトツールを使って背景色を選択するには、AltまたはControlを押しながら、背景色として選択したい色をクリックします。

方法3

HUDカラーピッカーを使う

1. プロジェクトを開くか、新規プロジェクトを作成します。 既存のPhotoshopプロジェクトを開くには、タイトルページで「開く」をクリックし、開きたいプロジェクトを選択します。 新しいPhotoshopファイルを作成するには、タイトルページで「新規作成」をクリックし、Photoshopファイルの高さと幅を入力します。次に、新規作成をクリックします。

   • Photoshop でいつでも新しいファイルを開いたり作成したりできます。 これを行うには、上部のメニューバーで「ファイル」をクリックし、「新規作成」または「開く」をクリックします。
2. Macの場合はControl+⍢ Option+⌘ Command、Windowsの場合は⇧ Shift+Altを押したままにします。 これはHUDカラーピッカーを表示するキーボードショートカットです。
3. キーボードショートカットを押しながら右クリックを押し続けます。 これで右クリックした場所にHUDカラーピッカーが表示されます。 HUDカラーピッカーは、マウスの右ボタンを押し続けている間、画面に表示されたままになります。
4. 虹色のスライダーを使って色相を選んでください。 マウスの右ボタンを押したまま、右側の細いスライダーにカーソルを合わせると、色相を選択できます。

   • HUDカラーピッカーを使用している間、スポイトのようなアイコンの周りにリングが表示されます。 リングの上半分は現在選択している色です。 リングの下半分は古い色です。
5. 色を保持するには、Spaceを押し続けます。 HUDカラー・ピッカーを使用している間、スライダーまたはカラー・フィールド・ボックスでカーソルを合わせている色が自動的に選択されます。 色をホールドして変更しないようにするには、スペース・バーを押したままにします。
6. カラーフィールドの四角を使用して、色の濃淡を選択します。 マウスの右ボタンを押したまま、左側の大きなカラーフィールドにカーソルを合わせ、色の濃淡を選択します。
7. マウスボタンを離します。 マウスボタンを離すと、選択した新しい色が、HUDカラーピッカーで最後にカーソルを合わせた色になります。

方法4

カラーパネルを使う

1. プロジェクトを開くか、新規プロジェクトを作成します。 既存のPhotoshopプロジェクトを開くには、タイトルページで「開く」をクリックし、開きたいプロジェクトを選択します。 新しい Photoshop ファイルを作成するには、タイトルページで新規作成をクリックし、高さと幅を入力します。次に、新規作成をクリックします。

   • Photoshop でいつでも新しいファイルを開いたり作成したりできます。 これを行うには、上部のメニューバーでファイルをクリックし、新規作成または開くをクリックします。
2. カラーパネルを探します。 デフォルトでは、カラーパネルは画面の右上隅にあります。 カラー・スライダーとカラー・フィールド・スクエアがあり、カラー・ピッカーと同じように、色を調整するためのスライダー・バーがあります。 閉じている場合は、右側のメニューにペインターズパレットのようなアイコンで表示されます。

   • カラーパネルが表示されていない場合は、上部のメニューバーで「ウィンドウ」をクリックします。 次に「カラー」をクリックしてカラーパネルを表示します。
3. 描画色を選択します。 カラーパネルに2つの色の四角が重なっているはずです。 左上の四角が描画色です。 この四角をクリックして描画色を選択します。
4. カラーパネルのモードを選択します（オプション）。 これを行うには、カラーパネルの右上隅にある4本の横線が入ったアイコンをクリックします。 次にモードを選択します。 選択できるモードは以下の通りです：

   • 色相キューブ：このモードはカラーピッカーに似ています。 薄い虹色のスライダーがあり、色相を選択できます。 また、色相の濃淡を選択できる大きなカラーフィールドもあります。
   • ブライトネスキューブ：ブライトネスキューブは、色相キューブの逆のようなものです。 大きな正方形にさまざまな色相が表示される。 横の小さくて細い帯は明るさスライダーです。 このスライダーで、大きな正方形の色相の濃淡を調整できます。
   • グレースケール・スライダー： このモードでは色を選択することはできません。 グレーの濃淡のみを選択できます。 0（真っ白）から100（真っ黒）までの値を選択できる1本のスライダーバーを使用します。 その中間はすべてグレーの濃淡です。
   • RGBスライダー： RGBカラーは、コンピュータ・モニター、テレビ画面、モバイル機器などのデジタル・ディスプレイで使用されます。 このモードでは、R（赤）、G（緑）、B（青）の3つのスライダーバーを使用します。 各スライダーは、0から255の間で値を選択できます。 これら3色のさまざまな値をミックスすることで、ほぼすべての色を選択できます。
   • HSBスライダー： HSBとは、色相、彩度、明度のことです。 このモードでは3つのスライダーバーが表示されます。 Hスライダーバーは虹色で、色相を選択できます。 Sスライダーバーでは、色相の彩度を純白から非常に豊かな色相まで調整できます。 Bスライダーバーでは、純黒から純色までの明るさを調整できます。
   • CMYKスライダ： CMYKカラーは印刷で使用されます。 印刷で使用される4つの原色インクを表す4つのスライダーバーが表示されます。 C（シアン）、M（マゼンタ）、Y（イエロー）、K（ブラック）です。 各スライダーは0から100の間で値を選択できます。 この4色を組み合わせることで、ほぼすべての色を選択できます。
   • Labスライダ： Labカラー用の3つのスライダーバーが表示されます。 Lスライダで輝度を調整できます。 0（黒）から100（白）の間で値を選択できます。 Aのスライダーバーでは、-128（緑）から128（赤）の間で値を選択できます。 bスライダーバーでは、-128（青）から128（黄）の間で値を選択できます。
   • ウェブ・カラー・スライダー： WebカラースライダはRGBスライダと全く同じように動作しますが、インターネット上で安全な色のみを選択できます。
5. 色を選択します。 色相キューブを使用している場合は、細い虹色のスライダーで色相を選択します。 次に、大きなカラーフィールドの四角を使って、その色の色合いを選びます。 ブライトネス・キューブを使用している場合は、大きな四角を使用して色相を選択し、次に細いスライダーを使用して色の濃淡を選択します。 その他のモードでは、スライダーバーを使って色相と明るさを調整します。

方法5

スウォッチを使う

1. プロジェクトを開くか、新規プロジェクトを作成します。 既存のPhotoshopプロジェクトを開くには、タイトルページで「開く」をクリックし、開きたいプロジェクトを選択します。 新しいPhotoshopファイルを作成するには、タイトルページで[新規作成]をクリックし、Photoshopファイルの高さと幅を入力します。次に、新規作成をクリックします。

   • Photoshop でいつでも新しいファイルを開いたり作成したりできます。 これを行うには、上部のメニューバーでファイルをクリックし、新規作成または開くをクリックします。
2. 描画色の四角を選択します。 ツールバーの左下とカラーパネルに2つの正方形が重なっているのが見えるはずです。 上の方が描画色です。 これをクリックして描画色を選択します。
3. スウォッチ・パネルを開きます。 左側のスウォッチというタブをクリックします。 異なる色合いのグレーの正方形のパッチワークのようなアイコンで表示される場合もあります。

   • スウォッチ・パネルが表示されない場合は、上部のメニュー・バーで「ウィンドウ」をクリックし、次に「スウォッチ」をクリックします。
4. スウォッチ・ライブラリを選択します（オプション）。 デフォルトのスウォッチ・ライブラリには、選択できる様々な基本色があります。 あらかじめ保存されているスウォッチ・ライブラリのいずれかを読み込むこともできます。 そのためには、4本の横線のようなアイコンをクリックします。 次にロードしたいスウォッチ・ライブラリをクリックします。

   • デフォルトのスウォッチ・ライブラリに戻したい場合は、4本の横線のアイコンをクリックし、スウォッチのリセットをクリックします。
   • また、.
5. 色のスウォッチの一つをクリックします。 これにより、その色が前景色として選択されます。

方法6

ライブラリを使用する

1. プロジェクトを開くか、新しいプロジェクトを作成します。 既存のPhotoshopプロジェクトを開くには、タイトルページで開くをクリックし、開きたいプロジェクトを選択します。 新しい Photoshop ファイルを作成するには、タイトルページで新規作成をクリックし、高さと幅を入力します。次に、新規作成をクリックします。

   • Photoshop でいつでも新しいファイルを開いたり作成したりできます。 そうするには、上部のメニューバーでファイルをクリックし、新規作成または開くをクリックします。
2. 描画色を選択します。 描画色を選択するには、任意の方法を使用します。
3. ライブラリパネルを開きます。 そのためには、左側のパネル上部にある「ライブラリ」タブをクリックします。

   • ライブラリパネルが表示されていない場合は、上部のメニューバーで「ウィンドウ」をクリックします。 次に「ライブラリ」をクリックします。
   • ライブラリは、Photoshopの古いバージョンでは使用できません。
4. ライブラリパネルの下部にある+をクリックします。 それは左下隅にあります。 ポップアップメニューが表示されます。
5. 前景色」がチェックされていることを確認し、「追加」をクリックします。 これで描画色がカラーライブラリに追加され、後でアクセスできるようになります。

   • Adobe ID でログインしている限り、どの Photoshop インストールでもライブラリに保存されたカラーにアクセスできます。
6. ライブラリの色をクリックします。 色は、ライブラリパネルの「色」の下に表示されます。 これで、その色が前景色として選択されます。

この記事は、CC BY-NC-SAで公開されている「 How to Change the Foreground Color in Photoshop 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAで利用可能です。