1

I'm trying to create the image below where a screen (640px x 960px @ 72ppi) is shown on a stock photo of a device. Is there any way to maintain high quality of the screenshot on the device? I used Photoshop skew.

enter image description here

  • Try scaling it down first, then applying the skew in two separate transformations. I've found that can give better results. – Brendan Sep 19 '14 at 15:34
  • What problems are you having, exactly? – DA01 Sep 19 '14 at 19:36
2

I do this quite often and the biggest tip that I can offer you is to always convert the screen image to a Smart Object before you transform it. I say this because it will allow you to open up that smart object and make any changes that you might need to make in the future to the screen image and not have to re-transform the screen.

In the image below, you can see that I have several simulated images, all Smart Objects.

all

Say that I want to update the iPhone screen image.

phone

All I need to do is double-click on the Smart Object inside my Layers Panel and a new window is opened with my (layered in this case) Smart Object.

smart

I can make any changes that I want to the materials here.

edits

And they are committed to the already transformed screen image.

committed

I know this is off-topic from your question, but I really feel like if you are doing this kind of work that you should hear this tip.

Now, as far as the actual transformation is concerned, I prefer to use the Distort option while Free Transforming.

I first turn the opacity (or fill) of the Smart Object that I want to be my new screen image down, until I can clearly see the screen below it.

Then, I use the Distort transform option to align the four corners of my smart object to those of the device's screen.

You can find the Distort feature by right clicking or ctrl clicking inside the object while you are in free transform.

distort

Unfortunately, due to anti-aliasing, the screen image will often have a somewhat jagged appearance and it is especially apparent with text. I've yet to really find an absolute solution to this.

|improve this answer|||||
  • thanks for the tips. So would you say this is simply a photograph – greener Sep 19 '14 at 21:09
  • also had some luck tracing the image in Illustrator before importing it to Photoshop – greener Sep 19 '14 at 21:20
  • @greener That looks simulated to me – Manly Sep 21 '14 at 17:53

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.