Online PS Tutorial: Grade Seawater to a Fresh Light Blue

About 5 min read

Home/ PS Tutorials/ Online PS Tutorial: Grade Seawater to a Fresh Light Blue

Getting that fresh light blue out of seawater comes down to colour replacement. Duplicate the layer, select the water with the Magic Wand, replace it with the blue you want, then switch the blending mode to Screen so the colour stays bright and never looks pasted on. In Online PS, duplicate a backup layer before you grade anything.

1 – Set up and make a selection

① Open Online PS (zaixianps.cc) and click File → Open to import your source image.

② Press Ctrl + J to duplicate the background layer; the new layer is called “Layer 1”.

③ Pick the Magic Wand tool (W) from the toolbar on the left and click once on the water.

④ To grow the selection, hold Shift while clicking further; to shrink it, hold Alt (Windows) / Option (macOS).

2 – Replace the colour

① Switch to the Color Replacement Brush in the toolbar on the left (B, inside the Brush tool group).

② Click the foreground colour swatch at the bottom of the toolbar to open the picker and set the colour:

  • R: 26 G: 116 B: 163
  • You can also paste or type the value straight into the #1A74A3 (hex) field.

③ Adjust the Color Replacement tool’s Size; [ (smaller) and ] (larger) are the quick way to change it.

④ Paint back and forth inside the water selection you made until the whole area is covered with the new blue.

3 – Change the blending mode and deselect

① When you have finished painting, make sure you are still on “Layer 1”. At the top of the Layers panel on the right, change the blending mode to Screen.

② Fine-tune Opacity and Fill as needed; 80%–95% usually gives a more natural pale blue.

③ Press Ctrl + D to deselect.

  • Ctrl + J → copies the current layer.
  • Ctrl + D → deselects.
  • With the Magic Wand, Shift adds to the selection and Alt/Option subtracts from it.
  • With the Quick Selection or Color Replacement tool, [ / ] change the brush size in pixels.
  • The Screen blending mode brightens the highlights and leaves the shadows alone, which is why it is the usual choice for “colouring in”.

References

  • Adobe Photoshop official documentation
  • HTML5 and the principles of modern front-end image processing
  • Online PS