PhotoShop for Web-developers-3

Image for post
Image for post
PhotoShopped by me

Welcome to Part-3 of the series. You can find part-2 here. As told in part-1, most of the things in this series are from the great Photoshop course on Udemy by Dan.

This one is the classic and used very often. Many time websites require Black and white large pictures to blend with the site. We then go out in google and find this nice image but it’s colored. We can turn it into black and white by below method.

We will use this beautiful picture from my Goa trip and make it black and white.

Image for post
Image for post
Goa beach

First open the image in PhotoShop and click on the Black & White icon in Adjustment tab.

Image for post
Image for post
Black & White

The moment you click on it the image will become Black & White. If you are happy with it, you can skip the rest of this part. But if you want to make it more classic then follow along.

Image for post
Image for post
The Black & White

You can see many sliders for different colors in Black & White tab. They are actually the colors from you picture. Turn-off the eye from your Layer for Black & White to see the original picture. We can see a Red cabin in the picture and also the sky is blue.

Image for post
Image for post
Sky is Blue

So, we turn-on the Eye again and drag the slider for Red and Blue, till we find it good.

Image for post
Image for post
Red and Blue

There is another way to darken or lighten black and it is by the Finger and Arrow icon. Click on it and take it to the image and hold the mouse left button and drag in that part, either right or left. We want to change the Green trees in the picture, so we drag over them.

Image for post
Image for post
Drag to change

We will next work the below ink splash and make it classic black and white and more.

Image for post
Image for post

Photo by Engin Akyurt from Pexels

We follow our usual procedure for black and white for this image.

Image for post
Image for post
Classic Black and White

We can do the stuff which we did with earlier beach picture, like adjusting the Red, Yellows and Cyans. If you want then change the Magentas as the ink is mainly Magenta.

But we will learn how to create a tint color from this Black & White image. Click on the Tint, which is next to the hand and it’s changes to a beautiful shade of yellow. We will adjust the Magentas a bit, as you remember our image was originally Magenta.

Image for post
Image for post
The Yellow effect

We can also change this color, by clicking on the color next to Tint. It will open a color palette to choose.

Image for post
Image for post
The Blue effect

This concludes part-3 of the series. See you soon.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store