What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

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

  • subtle-toggle.png
    subtle-toggle.png
    56.4 KB · Views: 30

Paul

Former Member
Messages
12,879
Likes
7,023
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

  • butt.jpg
    butt.jpg
    3.4 KB · Views: 32
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,879
Likes
7,023
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
22,721
Likes
13,258
Here's my version.

Screen Shot 2014-09-07 at 10.45.37 AM.png

Will write up a tut a bit later,
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
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
22,721
Likes
13,258
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
22,721
Likes
13,258
Thanks Paulie, it's your description with a little more detail.......that's all.
 

Top