Make a Better Screenshot Preview

The iPhone screenshot can be much more beautiful with the help of Photoshop. The method introduced here is widely available in several forums. Here are some examples of the final preview (I inverted the background from white to black to suit my blog, but didn’t adjust the image and the reflection accordingly, so it may look a little weired):

PreviewPreview

The needed package: iPhone Screenshot Preview Package

Take the following steps to make a screenshot preview.

1. Fire up your Photoshop CS2, and load the template file SSTemplate.psd

2. Load a screenshot of your iPhone

3. In the iPhone screenshot, choose Select -> All from the menu, then choose Edit -> Copy

4. Now in the template, select the layer named PLACE YOUR IMAGE HERE OR IN A NEW LAYER, as shown below:

Photoshop CS2 Layer Panel

then choose Edit -> Paste in the menu. Your screenshot should be pasted into the selected layer.

5. Now look at the Action panel:

Photoshop CS2 Action Panel

Click the triangle at the top right corner, a popup menu appears, choose Load Actions…:

Photoshop CS2 Action Menu

Browse to load the IPHONEWARP.atn, there should be an iPHONEWARP item (expanded with 2 items) appearing in the Action panel, choose the SCREEN SHOT item, and then click Play selection button (the triangle at the bottom):

Photoshop CS2 Screen Shot Action

Your screenshot will be stretched/rotated to fit into the iPhone’s screen, that’s it.


Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*