• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

create Qt UI with Photoshop

New Here ,
Apr 04, 2019 Apr 04, 2019

Copy link to clipboard

Copied

HEllo

I am new to Photoshop and Qt and I'd like to know how to create a Qt User Interface with Adobe Photoshop

I've heard it was possible, can you help me ?

Views

6.9K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Apr 04, 2019 Apr 04, 2019

Copy link to clipboard

Copied

What is Qt?

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 04, 2019 Apr 04, 2019

Copy link to clipboard

Copied

it's a sdk name Qt (or "Cute") with langage C++

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 04, 2019 Apr 04, 2019

Copy link to clipboard

Copied

When I think of UI/UX design, I think of  Adobe XD (Experience Design) and vector graphics created in Illustrator.

Download free Adobe XD | UX/UI design and collaboration tool

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 04, 2019 Apr 04, 2019

Copy link to clipboard

Copied

Exporting Designs from Adobe Photoshop | Qt Design Studio Manual

this link gives an example

I am looking for users who have already tested this, not only for QML in Qt but also Desktop C++ Qt

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 04, 2019 Apr 04, 2019

Copy link to clipboard

Copied

It looks like you have to install the Qt Bridge extension for Photoshop before you can export image layers.

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 25, 2019 Apr 25, 2019

Copy link to clipboard

Copied

The Adobe Photoshop Bridge is a part of Qt Design Studio, which is for Designing QML. The Photoshop Bridge generates QML from Photoshop files and C++ is not supported in Design Studio itself.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 25, 2019 Apr 25, 2019

Copy link to clipboard

Copied

LATEST

In order to generate UI's from your Photoshop File you will need both the Qt Bridge Plugin for Photoshop, an up to date version of Photoshop CC and Qt Design Studio (the plugin and PS for exporting your PSD's and Design Studio for importing them and developing the UI screens.) The plugin itself allows you to define how parts of your design should be interpreted by Design Studio and export your artwork assets. On import into Design Studio the exported metadata from the photoshop files will be converted in QML - Qt's declarative language used for creating UI's. You can sign up for an evaluation license here - Qt UI Design Tools and after installing the Design Studio package you will have the plugin as well. Instructions for setting up the bridge can be found here: Exporting Designs from Adobe Photoshop | Qt Design Studio Manual  and a Webinar focusing on how to use the plugin can be found here - From Photoshop to Prototype with Qt Design Studio {On-demand webinar} - YouTube 

Hope this helps somewhat

Brook  - Senior UX Designer for the Qt Company.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines