PhotoShop for Web-developers-3
Tags: photoshop, webdev, design, tutorial
Published: 2019-09-13 04:44:23

Welcome to Part-3 of the series. Most of the things in this series are from the great Photoshop course on Udemy by [Dan](https://www.udemy.com/adobe-photoshop-cc-essentials-training-course/learn/lecture/10717740#overview).

### Make image Black and White

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.

![Goa beach](https://cdn-images-1.medium.com/max/8320/1*bvaFqKz4oW_46JDK9t6xLw.jpeg)*Goa beach*

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

![Black & White](https://cdn-images-1.medium.com/max/2880/1*Ztvx4JtBWCet2t_b8i6Gug.png)*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.

![The Black & White](https://cdn-images-1.medium.com/max/2880/1*80olesaAq9Zg96BFz6x1ew.png)*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.

![Sky is Blue](https://cdn-images-1.medium.com/max/2880/1*ED7ELG-toUc7nfBVwH559A.png)*Sky is Blue*

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

![Red and Blue](https://cdn-images-1.medium.com/max/2880/1*sVaUcDFjxZweJmaaRdNy2g.png)*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.

![Drag to change](https://cdn-images-1.medium.com/max/2880/1*h0wogSulFxqrzifweEZaMw.png)*Drag to change*

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

![](https://cdn-images-1.medium.com/max/3840/1*dPSZRPTwQlqT8hCURY7ocA.jpeg)

Photo by [Engin Akyurt](https://www.pexels.com/@enginakyurt?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels) from [Pexels](https://www.pexels.com/photo/abstract-acrylic-arts-background-1667646/?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels)

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

![Classic Black and White](https://cdn-images-1.medium.com/max/2880/1*LeNumge2oWiAtYFtujCAtQ.png)*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.

![The Yellow effect](https://cdn-images-1.medium.com/max/2880/1*8i8ZwfYDmegOGwjnLzlpFg.png)*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.

![The Blue effect](https://cdn-images-1.medium.com/max/2880/1*JgjLRB1tkbwtQmeI7wOmWw.png)*The Blue effect*

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