オンラインPS チュートリアル:白い花の色を変える

読了時間 約11分

ホーム/ PSチュートリアル/ オンラインPS チュートリアル:白い花の色を変える

白い花の色を変えるには2つの考え方があります。色相・彩度の調整レイヤーは色をゆっくり試すのに向き、単色レイヤー+乗算は速くて正確です。ここでは両方を紹介します。花びらの選択範囲を先に作り、着色オプションで明度を落として色を正確に見せるコツも含みます。オンラインPS ならどちらも試せます。

方法1:色相・彩度+着色 (より繊細で、明度も調整できます)
  1. 1
    白い花びらの選択範囲を作る

    「クイック選択」ツール(ショートカット W)で花びらの上をドラッグし、白い花びらをすべて選択します。
    ヒント:オプションバー → サンプルサイズ → 「ポイントサンプル」 にすると、細部をすばやく拾えます。

  2. 2
    「色相・彩度」調整レイヤーを作成する

    選択範囲を残したまま、「レイヤー → 新規調整レイヤー → 色相・彩度」をクリックするか、パネル下部の調整レイヤーのアイコンをクリックします。

    このとき調整レイヤーには自動でマスクが付き、選択範囲内の花びらだけに効果がかかります。

  3. 3
    「着色」を有効にして明度を下げる

    開いた「プロパティ」パネルで「着色」にチェックを入れます。「明度」スライダーを左へ(15~30 ほど下げる)動かすと、花びらが純白から「グレー」の下地に変わります。こうしておけば、この後の色相・彩度が白で薄まらずに済みます。

  4. 4
    「色相」と「彩度」を調整する

    「色相」スライダーをドラッグして目的の色(柔らかいピンク、淡い紫、淡いブルーなど)を選び、「彩度」を適度に上げると色が生き生きとします。

ちょっとしたコツ:色にほどよい透明感を残したいときは、調整レイヤーの「不透明度」を少し下げる(80% など)か、描画モードを「ソフトライト」/「オーバーレイ」に変えてみてください。

方法2:単色レイヤー+乗算 (手早く、わかりやすい)
  1. 1
    方法1と同じく、先に白い花びらの選択範囲を作る

    「クイック選択」ツールで選択範囲を作り、そのまま残しておきます。

  2. 2
    「単色」調整レイヤーを新規作成する

    「レイヤー」パネルで「新規塗りつぶし/調整レイヤー」アイコンをクリック → 「単色」を選択 → 確認します。

    ここでもマスクが自動で付き、選択範囲内だけに作用します。

  3. 3
    目的の色を選ぶ

    表示されるカラーピッカーで花びらの色を選び、「OK」をクリックします。

  4. 4
    「単色」レイヤーの描画モードを「乗算」にする

    「レイヤー」パネル上部の「通常」ドロップダウンから「乗算」を選びます。白い花びらが、選んだ色に染まります。

  5. 5
    (任意)コントラストを明るくする

    全体が暗いと感じたら、「乗算」レイヤーの上に「レベル補正」や「トーンカーブ」の調整レイヤーを追加します。上のレイヤーも同じマスクを引き継ぐので、花びらだけに効果がかかります。

メリット:色の調整は一度だけで済み、後から色を変えたいときは「単色」レイヤーの色見本をダブルクリックするだけ。効率は抜群です。

⚡ まとめ:
  • どちらの方法も「選択範囲 → 調整レイヤー」という流れなので、元のレイヤーを壊しません。
  • 元のディテール(花びらの微妙な影など)を残したいなら、「色相・彩度+着色」がおすすめです。
  • 色を頻繁に変える場合や、まとめて処理したい場合は「単色+乗算」がおすすめです。
終わったら忘れずに 保存(ファイル → 書き出し → PNG/JPEG)してください。オンラインPS なら PSD 形式で書き出しておけば(ファイル → PSD として保存)、後から編集を続けられます。楽しんでください! 🎨

参考資料

  • Adobe Photoshop 公式ドキュメント
  • HTML5 とモダンなフロントエンドによる画像処理の仕組み
  • オンラインPS