海水を爽やかな水色にする鍵は「色の置き換え」です。レイヤーを複製し、自動選択ツールで水面を選んで好みの青に置き換え、描画モードをスクリーンにすると、色が透きとおって不自然になりません。オンラインPS で作業する前に、必ずバックアップ用のレイヤーを複製しておきましょう。
1 – 初期設定と選択範囲
① オンラインPS(zaixianps.cc) を開き、ファイル → 開く をクリックして素材画像を読み込みます。
② Ctrl + J で背景レイヤーを複製し、「レイヤー 1」という新しいレイヤーを作ります。
③ 左側ツールバーの 自動選択ツール(ショートカット W)を選び、海の部分を一度クリックします。
④ 選択範囲を広げたいときは Shift を押しながら続けてクリックし、狭めたいときは Alt(Windows)/ Option(macOS)を押します。
2 – 色の置き換え
① 左側ツールバーで 色の置き換えツール に切り替えます(ショートカット B、ブラシツールのグループ内)。
② ツールバー下の描画色の四角をクリックしてカラーピッカーを開き、色を設定します:
- R:
26G:116B:163 #1A74A3(16進)の入力欄に直接貼り付けるか、数値を入力してもかまいません。
③ 色の置き換えツールの サイズ(ピクセル) を調整します。キーボードの [(小さく)と ](大きく)で素早く切り替えるのがおすすめです。
④ 選択しておいた海の範囲を、全体が新しい青で覆われるまで往復させながら塗ります。
3 – 描画モードの調整と選択範囲の解除
① 塗り終えたら、いまも「レイヤー 1」が選ばれていることを確認します。右側のレイヤーパネル上部で 描画モード を スクリーン に変更します。
② 必要に応じて 不透明度 と 塗り を微調整します。80%~95% にすると、より自然な淡いブルーになります。
③ Ctrl + D で選択範囲を解除します。
- Ctrl + J → 現在のレイヤーをコピーします。
- Ctrl + D → 選択範囲を解除します。
- 自動選択ツールでは、Shift で選択範囲を追加、Alt/Option で削除できます。
- クイック選択ツールや色の置き換えツールでは、[ / ] でブラシのピクセルサイズを調整できます。
- スクリーンの描画モードは、明るい部分をより明るくし、暗い部分はそのままにします。「色を乗せる」効果によく使われます。
参考資料
- Adobe Photoshop 公式ドキュメント
- HTML5 とモダンなフロントエンドによる画像処理の仕組み
- オンラインPS