Sign up ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have a screen shot image for my app. What I am trying to do is insert it into a nice image of the actual device.

So I downloaded this image:

enter image description here

but I am clueless about how I can cut out just the front-facing ipad image, and place my screenshot instead of its screenshot.

Could someone please explain the process?

Thank you!

share|improve this question

3 Answers 3

up vote 2 down vote accepted

In the PSD, the layers for the iPad images are arranged into folders. Inside each of these top level folders is a layer called "Screen design", this is the smart object you'll need to edit to change the display:

Screen design

To edit this layer, right click on it and choose Edit Contents. This will open up the smart object in a new window. Insert whatever artwork you'd like to be displayed on the screen in this document:

new image

When you've finished, save and close the Screen design document. The new artwork will be displayed in the original document.

finished product

This will only update one screen, you will need to rinse & repeat for each group.

share|improve this answer
thank you. I was able to delete the two ipads on the side using the layers area. But I am not sure how to get of all the gray background. Could you please suggest how I can do that? – Genadinik Mar 19 '13 at 15:40
@Genadinik, the grey background is just a layer called "bg". It is the very bottom layer, just hide or delete it – JohnB Mar 19 '13 at 15:46
Thank you! I almost got it. – Genadinik Mar 19 '13 at 15:50
I have one last question. I am trying to resize the image, but it still shows it as pixels: 3285 by 2000. Is there a way I can get rid of the background as it seems that it is still effecting the image? – Genadinik Mar 19 '13 at 16:01
@Genadinik The canvas, which is what the image is painted on, is the same size no matter what you add or remove. To adjust the canvas size, making the image smaller, you have to go Image -> Canvas size and adjust it there, or more convenient choose the marquee tool (M) make a rectangle selection of how big you want the image to be and choose Image -> Crop. – AndroidHustle Mar 19 '13 at 18:36

If you downloaded the psd and not just an image inside there should be a smart-object. Double click this and it will open a psd of their mock-up image - simple place your mockup inside this psd save and go back to the original psd and it should be replaced.

share|improve this answer
I am a little bit confused. I opened the psd, but then I am not sure how to get to the tools you mention. Could you please clarify what I need to do inside photoshop? Thank you :) – Genadinik Mar 19 '13 at 15:00

What you need to do is:

Step 1: Open your frame in adobe photoshop.
Step 2: Choose your screenshot and put it on your frame image.
Step 3: Right click on the screenshot and choose 'Distort'.
Step 4: Click & hold on each corner of screenshot and place it in its position.
Step 5: After you're done, hit Ok.

We wrote this step-by-step tutorial that explains it into more detail (with images) on our company blog :

share|improve this answer
Please disclose if the link you're posting is your own. – Ryan Sep 16 at 8:56
Hi Diana, welcome to GDSE and thanks for your answer. If you have any questions, please see the help center or ping one of us in the Graphic Design Chat once your reputation is sufficient (20). Keep contributing and enjoy the site! – Vincent Sep 16 at 8:57
Yes @Ryan, is my post, but i didn't want to advertise myself. – Diana Alexescu Sep 16 at 11:01
@DianaAlexescu its StackExchange Guidelines and we received flags from some members concerned about your post along with Raluca's as spam because they saw you both post the same link with no disclosure ( You're allowed to link your website if its on topic, but need to disclose it. If you'd rather not then you can edit your Answer to remove the link entirely and just leave the steps. – Ryan Sep 16 at 11:46
Great! Please, according to these user guidelines, add this disclosure to all answers in which you refer to the blog. Be warned that the community tends to see repetitive self-promotion (even disclosed) as spam and will flag and downvote you accordingly. Thanks for your understanding! – Vincent Sep 16 at 12:04

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.