I would like to create something like this in Photoshop. Any hints? :)

enter image description here

  • 1
    Hi loft, welcome to GD.SE! Do you have a more specific question on where you're getting stuck? This looks to be a solid square on the top layer with 2 gradient layers below it.
    – AndrewH
    Jul 31, 2017 at 20:59
  • Hi AndrewH, Thank you for your feedback. I am getting stuck with the background layers. How can I create the two gradient background layers, which fit the 3d effect?
    – loft
    Aug 1, 2017 at 8:16

2 Answers 2

  1. Create a rectangle shape layer, duplicate it, move it down and to the left.
  2. Select the bottom shape layer. Add an anchor point, convert it to a corner point.
  3. Click and drag the points to make the back shape.
  4. Add a gradient fill, and adjust the angle.

enter image description here


For multi-gradient shapes you will need to use multiple gradient layers.

gradient layer

So have your foreground rectangle on the top layer.

Have the horizontal gradient at the bottom.

Place the vertical gradient in the middle and use a layer mask to hide the left side of the layer to show the gradient layer below it.

brush gif

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.