: Photoshop : how to create a menu button subtly pushed I found the following question : Photoshop: how to create buttons that look "subtly pushed"? and I fell in love with the menu

I found the following question : Photoshop: how to create buttons that look "subtly pushed"?
and I fell in love with the menu (Dashboard, contacts, deals, mail).

I tried to reproduce it but I can't. I'm a photoshop noob. I made a rectangle with gradient overlay, picked the colors from the picture itself. Then I made shape, tried inner shadows and white dropped shadow. Still, not as good as the original.
The green ribbon has 1 pixel lines on the top and the bottom. I d'ont understand how their color has been chosen (or maybe it's just playing with layers and opacity).
For the CONTACTS button that looks pushed, I tried inner shadow and also noise and a subtle light that seems to come from the bottom, still, not as good as the original.

I exactly need that kind of menu for a personnal app.
Can anyone tell how to make it ?

Here is what I made so far (I 'duplicated' the DASHBOARD icon with the pen tool).

10.02% popularity Vote Up Vote Down

: In InDesign can a picture box object's effects (drop shadow) be copied to a different picture box? When I select an object and apply a drop shadow from the effects menu, then select a different

@Speyer780

Posted in: #AdobeIndesign

2 Comments

: Affinity designer - reveal layer in layers on element click I got two probably primitive questions 1) when you cmd + click on layer in your canvas, it gets selected. But how do you achieve

@Speyer780

Posted in: #AffinityDesigner

2 Comments

: What is the texture used in this image? Could someone tell me what is the texture used in this image (Venue and Time portion of the image)? https://d13yacurqjgara.cloudfront.net/users/52035/screenshots/576187/new-dribbble.png

@Speyer780

Posted in: #AdobePhotoshop #Texture

1 Comments

: How to get all supported opentype settings for a font? I’m using often open source fonts from the web for my web projects. One thing I’d like to do, is activating opentype settings like

@Speyer780

Posted in: #FontDesign #FontManagement #Fonts #Opentype #WebFonts

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Nimeshi706

I made a sample:

One base layer with a color.

Two type layers, both set with black type.

I then made a new layer, made a rectangular selection, filled it with RGB 128,128,128 and then still selected, I applied a render > lighting effect to it. I set it to overlay and moved it above the type type layer. I then duplicated this layer, INVERTED the color of one layer, and arranged it over the other type layer. One will be for the highlight, one will be for the "lowlight."

One type layer I applied a drop shadow at 90degrees and set the opacity low. I set the color overlay to white.

One type layer, I set an emboss with downward direction, 1% depth 1px size 0 soften, 90degree angle. I added an inner shadow, low opacity, and a color overlay that is the same color as the base color layer but slightly darker.

And bob's your uncle.

10% popularity Vote Up Vote Down

Feed

: Photoshop : how to create a menu button subtly pushed I found the following question : Photoshop: how to create buttons that look "subtly pushed"? and I fell in love with the menu

More posts by @Speyer780

: In InDesign can a picture box object's effects (drop shadow) be copied to a different picture box? When I select an object and apply a drop shadow from the effects menu, then select a different

: Affinity designer - reveal layer in layers on element click I got two probably primitive questions 1) when you cmd + click on layer in your canvas, it gets selected. But how do you achieve

: What is the texture used in this image? Could someone tell me what is the texture used in this image (Venue and Time portion of the image)? https://d13yacurqjgara.cloudfront.net/users/52035/screenshots/576187/new-dribbble.png

: How to get all supported opentype settings for a font? I’m using often open source fonts from the web for my web projects. One thing I’d like to do, is activating opentype settings like

Login to post a comment!

1 Comments

Back to top | Use Dark Theme