Skew Image

Hi,

I have taken a screenshot of my app and i want to place it on top of the app screenshot in the attached image.

ss
Note the attached image already has a perfectly skewed image (blue app) on the phone.

When i skew an image onto it, my app screenshot looks very jagedy.

I am basically dragging the my flat app image onto it and then holding down CMD on each corner and dragging it into position.

Is this the best way to do this?
oo7mlAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

David BruggeCommented:
As for the method, that is about the best method. In addition to skewing, you have to put a bit of perspective in the screen, which in this case is easy because you have the edges of the screen to work with.

The jaggyness is usually a result of the resolution of the image.

That being said, you will very likely have to either dummy up the screen shot at a higher resolution, or take the existing screen shot and enlarge it, clean it up and make it nice and sharp, then apply your distortion.
0
David BruggeCommented:
I would also point out that in the picture that you attached, that is not an actual photo of the screen. The image has been laid over, the same as you are trying to do.

In this case, the artist has covered up the bezel around the actual screen, probably because there was a reflection on it of an entirely different screen image.

Having done this many times myself, I generally go the "dummy up" route in illustrator,
That way I can control the sharpness regardless of the final size of the image.
0
tailoreddigitalCommented:
D_Brugge has given you great advice.  I also think skewing is the best method.   I created an example for you done completely with skewing.   Basically tweaking it until it's just right (or as close to right as i can get).   I took a screenshot of Google News and skewed it.

My post here is only an example of skewing.  If skewing is your solution D_Brugge has your answer.

News
Google News
0
CompTIA Security+

Learn the essential functions of CompTIA Security+, which establishes the core knowledge required of any cybersecurity role and leads professionals into intermediate-level cybersecurity jobs.

oo7mlAuthor Commented:
Thanks guys, i'll try with a larger resolution image
0
tailoreddigitalCommented:
Here's a quick video i created to show you the tweaking process i did to fit the image.

I used Skewing, Free Transform & the arrows to nudge it a bit.

Skewing, Free Transform & Nudging
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
oo7mlAuthor Commented:
Thanks a million for going to that trouble, much appreciated.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Creative Suite CS

From novice to tech pro — start learning today.