How to Get this gradient effect?

[dineshtendulkar]

Dear All,

Please help how can i get this effect (attached image) in photoshop? Does a shape with a gradient overlay could do?

Someone please share a downloadable gradient file for this effect. Thanks in advance

 

[IamSam]

Is this a black and white shot of a watch dial marker?

Are you referring to the chrome look?

Something like this?


Added a layer style.


Lowered opacity on gradient.

 

[dineshtendulkar]

woow... you are a master... exactly the same effect... can i get the psd file plz

 

[dineshtendulkar]

but the image i shared has a more curve in the bottom portion.. if you could add that effect too... plz

 

[IamSam]

but the image i shared has a more curve in the bottom portion

What do you mean? Please explain.

 

[dineshtendulkar]

What do you mean? Please explain.

if you see from the top to the bottom in the image i shared , where the black shade ends, it has more depth and it creates a effect that the metal bends much till the end...

 

[dineshtendulkar]

Also what i should do to get the plastic effect of the same, like the one shown in this image

thanks for your help

 

[IamSam]

OK.

can i get the psd file plz

A PSD file won't help here. We are dealing with multiple effects.The first example and your second example are different.
Not to mention that the effect changes with each marker as their position changes on the dial in the same lighting. The gradients would have to be edited for each indicator, you could not use just one gradient for all.

if you see from the top to the bottom in the image i shared , where the black shade ends, it has more depth and it creates a effect that the metal bends much till the end...

Ok............this is just a matter of adjusting the gradient until it looks right to you.



What you need to know is how to create the effect. I can give you a brief tutorial if you like?

 

[dineshtendulkar]

This is what exactly i need, you nailed it... Thank you so much... If you could share the PSD file, i will go through the layer style to learn how you applied the effect...

Also, please share the brief tutorial which will be very helpful... if your brief, please include that plastic effect also...

 

[IamSam]

please include that plastic effect also...

I don't know what you mean by "plastic effect". Please explain.

 

[dineshtendulkar]

See the first image i shared and you have done better than that (the chrome effect)... The second image i shared is also having watch dial marker, but it is not metallic, it looks like plastic (Shared the image highlighting the same), i meant that... You didn't shared the PSD..

 

[IamSam]

First step is to create the dial marker.

Use the Shape Tools to create one half of the marker.


Duplicate and position.


Merge the two layers. Rasterize the resulting merged layer.
Create a new layer.
Clip the new layer to the marker layer.
Select the Gradient Tool. Begin to adjust the gradient to match the reference. I linked you to some videos on how to use the Gradient Editor in post #8.


On the marker layer, add a drop shadow layer style.....



And a bevel and emboss....



Very simple once you have learned to use the Gradient editor.

 

[IamSam]

he second image i shared is also having watch dial marker, but it is not metallic, it looks like plastic

Yeah.........I'm not seeing the difference between metal and plastic. I'm not sure what to tell you here.

 

[dineshtendulkar]

Mr. Sam, Thank you so much. I will try as you briefed, if i face any issues will come back to you for help.. Thanks a lot

 

[IamSam]

You're very welcome!

 

[dineshtendulkar]

I followed what you said, i get almost 75% result, i have to play around to get exactly yours... Will practice... Thanks

 

[IamSam]

I followed what you said, i get almost 75% result

Not quite! I see where you used a gradient overlay in the layer style instead of a clipped gradient layer. Glad you found it!

This is a good technique that I would normally use, but I have become accustomed to smart objects and multiple clipped layers on these types of effects for edit-ability and masking in my daily work so that's why I chose the clipped gradient layer method. You can't mask a gradient overlay in a layer style (unless you create layers). You can also easily influence the gradients color with an adjustment layer without editing in the gradient editor when you use a clipped gradient layer. Sorry I did not explain this.

Normal black & white...


With Hue & Sat Adjustment layer. Quick adjustments.




Layer mask on the clipped gradient layer. Sometimes you need to mask...



But there's nothing wrong with using a gradient overlay in a layer style!! It's a very edit-able technique as well, maybe a bit more troublesome that's all!!

 

[dineshtendulkar]

wow amazing... thanks for this and i understand the use in layers... will you also please open the gradient layer and show us the values...

 

[dineshtendulkar]

Mr. Sam, My Final output... What i should do to add more depth and looks like a real 3D?

Also I tried to add a Hue Saturation layer to change the colour as you described, but it is not working?

 

[IamSam]

What i should do to add more depth and looks like a real 3D?

Proper lighting is always what makes 2D objects appear 3D.

The lighting of your dial markers is off. They are too uniformly bright all the way around. The rest of the dial has suggested lighting from top to bottom.


With an added gradient and highlight on the markers below the horizontal midline.
Much more convincing!!


Also, the lighting of the dial face will help once it's added...

Also I tried to add a Hue Saturation layer to change the colour as you described, but it is not working?

Yep..................I suspect you used the layer style for the gradient effect on the markers. Adding a H&S layer wont work...............try using a color overlay in the layer style.