What's new

Which effects are used here?


photoshopy

New Member
Messages
2
Likes
0
Which effects are used here ? That shadow inside, those lines inside that button? Let me know then I will try to remake it, I already tried but totaly failed.. tried like inner shadow and similar things :banghead:
 

Attachments

Paul

Former Member
Messages
12,881
Likes
7,024
New layer filled with off white i used a grey colour, new layer rounded rectangular tool made the button shape, rad set at 50%.
Drop shadow applied in normal blend mode just play with the sliders to get the look you need, applied a dropped shadow used white.
New layer same as before only make it smaller and place inside original button shape, bevel and emboss inner bevel with gloss contour set to cove deep all on a smooth setting.
Another new layer i painted in the white highlight and shadow with a slight blur.

Looking at it now i noticed i forgot the top dark shadow, my bad - same application as the bottom white one.
 

Attachments

Last edited:

photoshopy

New Member
Messages
2
Likes
0
New layer filled with off white i used a grey colour, new layer rounded rectangular tool made the button shape, rad set at 50%.
Drop shadow applied in normal blend mode just play with the sliders to get the look you need, applied a dropped shadow used white.
New layer same as before only make it smaller and place inside original button shape, bevel and emboss inner bevel with gloss contour set to cove deep all on a smooth setting.
Another new layer i painted in the white highlight and shadow with a slight blur.

Looking at it now i noticed i forgot the top dark shadow, my bad - same application as the bottom white one.
Thanks! One more thing, what about that color? Green in first button, do you see that it has some kind of shape inside it? How it's that done?
 

Paul

Former Member
Messages
12,881
Likes
7,024
Another new layer use the rounded rectangular tool again but make it just inside the white one, and then apply the same effects as the first two.
 

IamSam

Administrator
Staff member
Administrator
Messages
19,682
Likes
12,091
Create a new document.
Set the Background color to OFF WHITE.

Create a new layer.
Select your ROUNDED RECTANGLE TOOL.
Set the tool to shape, fill to green, stroke off, and the radius to 70px.
Create your green button.

Screen Shot 2014-09-07 at 9.36.53 PM.png

On the green button layer, open up a LAYER STYLE and select Bevel & Emboss.
Set to the following settings or how you like it.

Screen Shot 2014-09-07 at 9.44.14 PM.png

Screen Shot 2014-09-07 at 9.50.14 PM.png

On the green button layer, in the same LAYER STYLE, select Inner Shadow.
Set to the following settings or how you like it.

Screen Shot 2014-09-07 at 9.46.43 PM.png

Screen Shot 2014-09-07 at 9.50.27 PM.png

On the green button layer, in the same LAYER STYLE, select Pattern Overlay.
Set to the following settings or how you like it.
If you don't have the pattern that you like, you can make it or download one from the net.

Screen Shot 2014-09-07 at 9.47.42 PM.png

Screen Shot 2014-09-07 at 9.50.38 PM.png

On the green button layer, in the same LAYER STYLE, select Drop Shadow.
Set to the following settings or how you like it.

Screen Shot 2014-09-07 at 9.52.28 PM.png

(the change here is very subtle)
Screen Shot 2014-09-07 at 9.52.37 PM.png

This does it for the outer button.
 

IamSam

Administrator
Staff member
Administrator
Messages
19,682
Likes
12,091
Now for the WHITE SLIDER BUTTON.

Create a new layer.
Again, select your ROUNDED RECTANGLE TOOL.
Set the tool to shape, fill to white, stroke off, and the radius to 70px.
Create your white slider button just inside to the left or right side of the green button.

Screen Shot 2014-09-07 at 9.59.44 PM.png

On the white button layer, open up a LAYER STYLE and select Bevel & Emboss.
Set to the following settings or how you like it.

Screen Shot 2014-09-07 at 10.00.33 PM.png

Screen Shot 2014-09-07 at 10.01.03 PM.png

On the white button layer, in the same LAYER STYLE, select Gradient Overlay.
Set to the following settings or how you like it.

Screen Shot 2014-09-07 at 10.01.37 PM.png

Screen Shot 2014-09-07 at 10.01.13 PM.png

On the white button layer, in the same LAYER STYLE, select Drop Shadow.
Set to the following settings or how you like it.

Screen Shot 2014-09-07 at 10.01.53 PM.png

Screen Shot 2014-09-07 at 10.02.00 PM.png

Done
 

IamSam

Administrator
Staff member
Administrator
Messages
19,682
Likes
12,091
Thanks Paulie, it's your description with a little more detail.......that's all.
 

Top