Perfect orthographic projection/ using perspective filters in photoshop/illustrator

Question

I wan to get a perfect orthographic projection as seen here:

I have tried to use the perspective warp on a page I made myself and achieved the following effect:

As you can see I seem to achieve more distortion and rather than the illusion. Can someone tell me how to use the perspective filters in photoshop to achieve the required result while maintaining the proportions like in the first image. Now I know that illustrator can be used to create orthographic guides but the problem there is the drop shadow. Its too confusing and I tried but simply could'nt get the values right. If someone can guide me to use drop shadow in illustrator that would be highly appreciated. Thank you!

Answer 1

For the perspective, just take your art, rotate it 45deg counter-clockwise, then scale it 50% vertically.

Then do the shadow. I can't see enough of it to guess at the values, but the Drop Shadow effect should do the trick there.

Answer 2

Try not using a filter, go for a custom built shadow by adding a dark color shape to the underside of your lit subject then use a blur filter, copy shape dimensions and paste to layer below, then tweak the edges back under the top layer so exposing a smaller part of the shadow layer. a more natural look you might cause two of these shadows (2 light sources) maybe in slightly different colours