DEV Community

Cover image for PhotoShop for Web-developers-2
Nabendu
Nabendu

Posted on • Updated on • Originally published at thewebdev.tech

PhotoShop for Web-developers-2

Welcome to Part-2 of the series.

Change Color using Hue

We will next learn to change color of something using Hue. This is a very useful trick which can be used when we create ecommerce site items. There are times when we have same t-shirt in different colors. This requires us to have the model wear different color t-shirt and give the same pose. But most of the time it can be done easily with photoshop.

I will be using this red t-shirt image for this part.

Classic Red t-shirtClassic Red t-shirt

Now, Open it in photoshop. Then open the Adjustment panel and take mouse over Hue/Saturation to click.

Hue/SaturationHue/Saturation

Now, dragging the Hue slider is where the magic begins. You can also increase the Saturation a bit to enhance the color. But sliding the Hue, changes the color.

Below, we create an orange t-shirt.

Orange t-shirtOrange t-shirt

Next is Green t-shirt.

Green t-shirtGreen t-shirt

Next is pink t-shirt

Pink t-shirtPink t-shirt

And the last one is Blue t-shirt

Blue t-shirtBlue t-shirt

Change Just One Color using Hue

We will next learn to change just one color in an image using Hue. There are cases when an image have many colorful items, but we want to change color of just one item.

Consider the below image, where we many 3 different colors items.

Different colors itemsDifferent colors items

Now, if we use the earlier technique , it will change color of all three items. Let’s check that first.

Changes color of all — not desiredChanges color of all — not desired

We want to change the color of the left-most cyan item only. For this we have to click on the below dropdown which shows master. It will show all the colors available on the page. Click on cyan.

Select cyanSelect cyan

Now, slide the Hue slider and it will change color only of the Cyan item.

Cyan item changed to blueCyan item changed to blue

Below we change it to Pink.

Cyan item to pinkCyan item to pink

This concludes part-2 of the series.

Top comments (0)