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.
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.
3. Drag the screenshot from your desktop onto the corresponding device listed there.
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.