Add Galaxy Nexus, Nexus 4, Nexus 7 Frames to your App Screenshots

You must have seen a lot of devices (phone or tablet) featuring beautiful artworks, showcased on various sites. Well, those aren’t real photographs of a device depicting its interface or other software functionalities. This is apparently done through editing in Photoshop, etc. where the screenshots captured on device are embedded to real device frames afterwards. This surely provides a better visual context to the app screenshots but at the same time it’s a cumbersome job for bloggers and app developers, who wish to add device art to original image for promotion on their website. However, it’s certain that most companies use specialised tools to generate real device artwork.

Screenshot_2012-09-01-01-46-53      webtrickz2

Google has now officially made available ‘Device Art Generator’ on Android Developers website. This online tool is very easy-to-use and handy, as it lets you easily add your mobile phone or tablet screenshots to some latest Google Android devices. You can add frames of devices such as Nexus S, Galaxy Nexus, Nexus 7 and Motorola XOOM to your screenshots in just a few clicks without requiring any skills or Photoshop.

The device art generator allows you to quickly wrap your app screenshots in real device artwork. This provides better visual context for your app screenshots on your web site or in other promotional materials.

1. Simply take a screenshot of your device and move it to desktop on your computer.

Note: The screenshot should be in .PNG format and its image resolution should exactly match the relevant device resolution.

Tip: Use Volume down + Power key to take screenshot on Galaxy Nexus & Nexus 7.

2. Next, visit http://developer.android.com/distribute/promote/device-art.html

3. Drag the screenshot from your desktop onto the corresponding device listed there.

01-09-2012 01-41-41

The device art will generate instantly. You can also customize the generated image (add shadow, screen glare). Click to download or drag the image to desktop to save it.

Hope you found this tip useful. 🙂

Update: Now you can add frames for Nexus 4 and Nexus 10 as well.

Mayur

Mayur Agarwal is the founder and editor-in-chief of WebTrickz. As a Technology enthusiast and an Internet addict, he loves sharing useful How To’s and Tips & Tricks. Follow him @mayurjango on Twitter where he is extremely active.

Leave a Reply

Your email address will not be published. Required fields are marked *