Create a Bevelled Effect Frame Rectangle Button Shape in Photoshop

[StaceyCochrun]

I am a designer who primarily uses InDesign and Illustrator and have a client that wants to recreate this gold and black gradient beveled embossed looking rectangle... however they want it in Photoshop. I for the life of me, can't remember how to do this with the gradients and changing colors. Is there someone out there that wouldn't mind giving me a step by step process on how to create that background box? I've attached the image. I know how to add the text, and all of the rest of the info, just needed help creating that outer border.

Thank you!
Stacey

 

[IamSam]

Hey Stacey and welcome to PSG.

This is done the old fashioned way.

Create your document.
Add in your guidelines.



Choose your Polygonal Lasso Tool and set it's feather to about 1.2px
Use the tool to create a selection.



Now grab the Gradient Tool, set your foreground color, set your preset to Foreground to transparent.
While holding the shift key, create a gradient in the selection.



Repeat all the way around.



I did this fast.....you take your time!

 

[StaceyCochrun]

Re: How to create a beveled/embossed gradient box in Photoshop

Thank you so much, you are a life saver!!