オンラインPS チュートリアル 海水を爽やかなブルーに調色

読了時間 約5分

ホーム/ PSチュートリアル/ オンラインPS チュートリアル 海水を爽やかなブルーに調色

海水を爽やかな水色にする鍵は「色の置き換え」です。レイヤーを複製し、自動選択ツールで水面を選んで好みの青に置き換え、描画モードをスクリーンにすると、色が透きとおって不自然になりません。オンラインPS で作業する前に、必ずバックアップ用のレイヤーを複製しておきましょう。

1 – 初期設定と選択範囲

① オンラインPS(zaixianps.cc) を開き、ファイル → 開く をクリックして素材画像を読み込みます。

② Ctrl + J で背景レイヤーを複製し、「レイヤー 1」という新しいレイヤーを作ります。

③ 左側ツールバーの 自動選択ツール(ショートカット W)を選び、海の部分を一度クリックします。

④ 選択範囲を広げたいときは Shift を押しながら続けてクリックし、狭めたいときは Alt(Windows)/ Option(macOS)を押します。

2 – 色の置き換え

① 左側ツールバーで 色の置き換えツール に切り替えます(ショートカット B、ブラシツールのグループ内)。

② ツールバー下の描画色の四角をクリックしてカラーピッカーを開き、色を設定します:

  • R: 26 G: 116 B: 163
  • #1A74A3(16進)の入力欄に直接貼り付けるか、数値を入力してもかまいません。

③ 色の置き換えツールの サイズ(ピクセル) を調整します。キーボードの [(小さく)と ](大きく)で素早く切り替えるのがおすすめです。

④ 選択しておいた海の範囲を、全体が新しい青で覆われるまで往復させながら塗ります。

3 – 描画モードの調整と選択範囲の解除

① 塗り終えたら、いまも「レイヤー 1」が選ばれていることを確認します。右側のレイヤーパネル上部で 描画モード を スクリーン に変更します。

② 必要に応じて 不透明度 と 塗り を微調整します。80%~95% にすると、より自然な淡いブルーになります。

③ Ctrl + D で選択範囲を解除します。

  • Ctrl + J → 現在のレイヤーをコピーします。
  • Ctrl + D → 選択範囲を解除します。
  • 自動選択ツールでは、Shift で選択範囲を追加、Alt/Option で削除できます。
  • クイック選択ツールや色の置き換えツールでは、[ / ] でブラシのピクセルサイズを調整できます。
  • スクリーンの描画モードは、明るい部分をより明るくし、暗い部分はそのままにします。「色を乗せる」効果によく使われます。

参考資料

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