Tag: web site

Make Your Images Web Perfect with Photoshop

Make Your Images Web Perfect with Photoshop

They say a picture paints a thousand words: thus, the better the picture, the better story it tells.  You may have come across a beautifully written article but with a picture that doesn’t seem to complement what has been written. If it were a picture of a tourist spot that you had on your bucket list, you might have second thoughts about going ahead with the trip.

Conversely, if you were the one to do the post, you would want to have an image that can elicit a positive reaction.  So how do you make your images web perfect? After doing your general make-over, let me help you make your images alive with the following easy steps:

1. Make the colors come out. Select the image you want to enhance and open it in Adobe Photoshop. With your image in the background, right click on the “Layer Window” and click on ‘Duplicate Layer’. Click on the newly created layer and then select ‘Multiply’ from the ‘Blend Mode’ located on the drop down box at the upper left corner of the “Layer Window”. The resulting image will be one of darker, more striking colors.

You may now go to Image>Adjustments>Shadows/Highlights and drag the Shadow slider all the way back to the right: after doing this, hit OK. Notice that the only the darker parts of the duplicated image are reduced. If the resulting image is still too dark, you can remedy this by reducing the opacity to your preference: try experimenting between 50-60% opacity to see what would look better.

2. Boost colors by area. You might feel that some parts of the image may look pale and some parts too colorful to look normal. To boost a color, you may press ctrl+alt+shift+e to combine the 2 layers of images you are working on (creating a third image) without necessarily “erasing” the other 2 you were working on originally.

You will then have to go to Image>Adjustment>Color Balance. To boost your colors, you have to determine the specific color you want to boost and move the slider to the desired hue. Click on Midtones if you want just a color boost; otherwise, click on highlights to add more pomp.

When you boost a color in an image, the color you are boosting will affect all parts of the picture so that there will be portions that will be darker than needed. To remedy this, you may use the eraser tool to erase the portion of the image that you would want retained in its original color. Do as many tweaks on the image as you wish to attain the “correct” color you wish. Then, adjust the brightness of the image.

3. Flatten, Resize and Sharpen. With the many layers you have, you would want to create that one “perfect” image. Thus, you need to flatten your layers into one picture. Layer>Flatten Image. After you have your “Image”, select the size by going to Image>Image Size. Standard dpi for web images is 72. Select your width and this would automatically adjust the height. Lastly, do your final touch by clicking Filter>Sharpen>Unsharp Mask tool! Picture perfect!