I’m trying to make a sort of rounded rectangle card with a slight 3D effect.
Below is a basically what I have now. I make 3 rounded rectangles, and skew the “shadow” layers towards the bottom right.
It looks okay, but I just designed by eye and have no idea how the angles on any of the skews should be. Does anyone have reference or technique how to get this pixel perfect?
Start with your rounded rectangle:
Then draw three lines that converge in the same spot somewhere to the bottom right of the rectangle:
Now, using the pen tool, draw a shape like this (make sure the corners line up nicely).
Now add a gradient to the new shape, reduce the opacity and change the angle to match the angle of the middle perspective line. Here’s the settings that worked for mine.
Create a new rounded rectangle below the shaded extruded layer but above the perspective lines:
Go to the layer panel and clip the extrusion layer to the new rectangle by holding ALT and clicking between the layers, the layer panel should look like this:
And here’s the final product: