Introducing the Device Art Generator


Nathan Osman's Gravatar

Nathan Osman
published Oct. 8, 2014, 11:26 p.m.


Our goal here at 2buntu is to bring relevant up-to-date Ubuntu news to you along with tutorials and the occasional tip. (Okay, and the odd rant, but we keep them to a minimum.) With that in mind, we are about to introduce something new today.

Ubuntu Touch is continuing to grow and things are happening at an incredibly fast pace. Developing apps for the platform is becoming easier every day thanks to well-implemented integration with Qt Creator among other things. One tool that Android developers have had access to for a long time is the Device Art Generator.

This tool, when provided with a screenshot, renders an image of the screenshot running on an actual Nexus device. (The current list includes the Nexus 5, the Nexus 7, and the Nexus 10.) Ubuntu users, on the other hand, must either use one of these or come up with something themselves.

Not any more. Introducing... the Ubuntu Touch Device Art Generator!

Device Art Generator

What are you waiting for? Try it now!

So how does it work? Well, if you have a screenshot of your app, you can simply upload it using the form and a beautiful image will be rendered depicting a device with your screenshot displayed on it. (With alpha-blending and glossy reflection on the screen!)

Here's a sample of the 2buntu Ubuntu Touch app (which I highly recommend installing if you have an Ubuntu Touch device):

Sample Device Art

We currently have only a single phone model available - the Meizu MX3. You may notice that there is an option to either include or not include the Unity panel in the final image. If your screenshot includes the Unity panel, then choose the "Meizu MX3 without Unity Panel" option. Otherwise, the panel will be added to the final image.

As always, this tool is open-source and you can find the code that generates the image here: https://github.com/2buntu/2buntu-Django-Blog