Exporting QML from Photoshop and GIMP
October 19, 2010 by Jens Bache-Wiig | Comments
Creating QML is incredibly fun, but quite often it can be problematic to split up that shiny Photoshop mockup that your designer sent you into a fully usable Qt Quick interface. Wouldn't it be great if we could automate that process? I thought so too, so I wrote a couple of scripts that might be useful. The first one is a Photoshop script. Just drop it in there with your other scripts and you'll get a shiny new "Export QML" option in the menu. Using this will dump your scene into a single QML-file with an Image or Text element for each layer. Since Adobe illustrator comes with a handy Photoshop export option, you can also use the script with vector graphics.
I made a simple demonstration video to give you a better impression of how it works in practice:
http://www.youtube.com/watch?v=9BRJ1qJkjZM (video has been updated, the original is here)
This is of course work in progress, so use at your own risk, but as you can see it's already quite usable. The code can be downloaded directly from here.
Of course not everyone out there have access to Adobe Photoshop.. Fortunately there is an open source alternative called Gimp which serves more or less the same purpose, and allows you to import from Photoshop as well. So I have also made a similar plugin script for GIMP. That script can be found here.
Edit: I just noticed that someone also put up a video of this in action.
Blog Topics:
Comments
Subscribe to our newsletter
Subscribe Newsletter
Try Qt 6.4 Now!
Download the latest release here: www.qt.io/download.
Qt 6 is the productivity platform for the future, with next-gen 2D & 3D UX and limitless scalability.
Explore Qt World
Check our Qt demos and case studies in the virtual Qt World
We're Hiring
Check out all our open positions here and follow us on Instagram to see what it's like to be #QtPeople.
Näytä tämä julkaisu Instagramissa.Henkilön Qt (@theqtcompany) jakama julkaisu