Home > Free Tutorials > Workflow > How to Color, Sharpen, and Save for Web in Photoshop

How to Color, Sharpen, and Save for Web in Photoshop

  • Easy
  • 15
  • Add to

How to Color Images for Web

In this episode we use a couple of different Adjustment Layers to color the image before saving it out to the Web. We start with a Color Balance Adjustment Layer and add green and blue into the waves. Then we add another Color Balance layer to bring some red and yellow into our subject and the Background, adding a nice Contrast to the blue. After getting our Color right, it is time to work on the Exposure. We use a Curves Adjustment Layer to bring up the Shadow Level and keep the Highlights where they are. then we mask that layer to only be visible over the subject.

Share this tutorial

How to Sharpen Images for Web

After getting our Color perfect, it is time to Sharpen your image. It is important to resize your image before you sharpen, so the image will be sharp at the display Size. Avoid resizing your original image, it is much better to make a copy and resize the copy. To do this we create a New Layer on the top of everything, and go to Image > Apply Image. Use the default settings in the dialog box and you will get an exact copy of your image on the New Layer. From there, right click on the layer and select Duplicate Layer, and select a new document.

Once you have a new document, resize it to the output resolution, in this case we use 1200 px wide.

Now it is time to sharpen. Go to Filter > Sharpen > Unsharp Mask. Choose a radius that provides the optimum Level of sharpening without going overboard. My recommendation is to go a little too far then back it off to get the right amount.

How to Save Images for Web

Once you have your image colored, resized and sharpened, it is time to Save for Web. Go to File > Export > Save for Web. You want to make sure you have “Convert to srgb” checked, this is the Color space that most internet browsers use, and converting to this Color space will ensure your Colors look great on the Web.

If you want to see a preview of your image online, click on the Preview button on the bottom left of the dialog box, it will open your default internet browser and display your image. This is the best way to see how your image looks online!

30% Off SALE

Save 30% on all individual purchases & subscriptions now through March 22nd.
Shop the Sale!


How to Master Blending Modes in Photoshop
In this tutorial, we break down all 27 blending modes that Photoshop offers, providing in-depth explanations and practical examples that are bound to help you get your creative work done faster and with impressive results.
Join us as we equip you with everything you need to know about shooting and editing in monochrome.
With over 4 hours of step-by-step instruction, we cover the tools and methodology required to make any color change appear realistic and natural.
While it may seem like magic, the ability to make anything disappear in Photoshop isn’t a trick – it’s a skill that anyone can learn.
Photoshop Compositing
In this tutorial, we cover several tools and techniques that, when combined, will allow you to create perfect masks of anything from the precision curves of designer products to the messy detail of a head of hair.

Watch hundreds of PRO Tutorials and download Lightroom Presets, Photoshop Actions and more.
Learn More


There are no reviews yet.