: How do I create a button with two shadows in the bottom? I am not much of a designer. I want to know how I can create Wix like buttons in Photoshop. They offer many kinds of buttons, but

@Voss6371140

Check this amazing tutorial Alternative Drop Shadow Effects in Photoshop on YouTube. I believe you can make something very similar after watching this.

Vote Up Vote Down

@Caterina889

Anymore, with the continued proliferation and support for Cascading Style Sheets rev. 3, you can simply create the shadow with CSS:

CSS shadow code samples

Vote Up Vote Down

@Smith574

This is a common question but usually for code. To create this in Photoshop:


New layer in Photoshop





Draw rectangle slightly smaller below
Fill with black





Filter>Gaussian Blur
radius around 5-7 pixels, play with the settings





Edit > Transform > Warp





Drop opacity around 20%




Another tutorial here.

Free Files

Free .psd files here for shadows.

Code

Personally if it is going to be within a site I would code it. To learn how to code it you can review stack's answer here. A drop shadow generator here and another option here.

EDIT:
After looking at your example be aware that is done twice. The layer is with an opacity of around 80-90% and warped closer to the edge and then duplicated with a wider shadow changed to around 15-20% and stretched.

Vote Up Vote Down

@Vandalay110

It is very likely that the person used a 3D software tool or the rudimentary 3D tools in Photoshop to create the shadow.

However, this particular example can be made by duplicating the blue shape layer, creating a drop shadow on the duplicate, setting the fill to 0%, rendering the layer, and using the warp tool to adjust the shadow shape. The shadow layer would be placed under the blue shape layer.

Vote Up Vote Down

@Reiling762

The image you've given looks like it has a black line that has an opacity filter set against it so that it partly shows. You could create this by carefully aligning a curved line with the bottom of the button.

HTH

Vote Up Vote Down