Mobile app version of vmapp.org
Login or Join
Miguel516

: Find image object perspective and rotation I'm not a graphic designer and my photoshop/illustrator knowledge are near to zero. I have an image like this one: And I need to find the screen

@Miguel516

Posted in: #AdobeIllustrator #AdobePhotoshop

I'm not a graphic designer and my photoshop/illustrator knowledge are near to zero.

I have an image like this one:



And I need to find the screen (not monitor) perspective, perspective origin and xyz rotation angles.

What I try to achieve is to fit onto monitor screen some html block transformed with css.

Is there a way to find this info using photoshop/illustrator?
Can someone explain how to do this if possible or point me to a good tutorial that will explain.
What I found on google is how to rotate an image but not how to get the info mention above.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Miguel516

1 Comments

Sorted by latest first Latest Oldest Best

 

@Samaraweera207

You should do it with CSS perpective properties.
Simply you need a DIV and an Iframe inside.
Both using same Class with same perspective properties.
Then call your html page inside Iframe then it will be displayed in 3d.
Transform properties of perpective values should be determined with working with the image you gave.
You can just use trial-error method to find angles.



Here is a good guide to CSS perspective information
CSS 3d
I hope it helps.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme