Jump to content

How to make a rounded corner with a gradient background

Recommended Posts

I'm trying to figure out how to make a rounded corner that will have the shade affect of the background gradient color. I know how to make a gradient background. And as far as the rounded corner, its just using the "Rounded Rectangle" button. My problems is how to add a shade that is also gradient like the background but a little darker. I've included a sample (just one side to show what i mean)


Im only interested in the outer rounded corner with the bluish gradient.


Link to comment
Share on other sites

This is based on my belief that you are referring to the

drop-shadow effect around the white rounded rectangle.

Make the background gradient.

On a new layer, make a white rounded rectangle in the size and shape that you want.

Duplicate the layer.

In the Layers window, click the lower white rounded rectangle layer, then:

Adjustments > Invert Colors


Effects > Blurs > Gaussian Blur --- Radius: 2 to 4

Press F4, and move the Opacity slider to adjust the darkening effect.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...