XWidgetSoft Forum

1.0 Photoshop Xwidget creation script
Page 1 of 1

Author:  yereverluvinuncleber [ 2017年 Jun 4日 16:28 ]
Post subject:  1.0 Photoshop Xwidget creation script

This is the original script created by Arlo Rose that takes a Photoshop design and makes a working Xwidget with it. I have modified it so that it is compatible with Xwidgets. Changes include respecting the layer ordering of an Xwidget, using .top and .left instead of .voffset and .hoffset, it creates a widget.xwl instead of a widget.xml and it also creates a main.xul instead of a .KON file.


This makes the process of creating Xwidgets much easier as it graphically composes your Xwidget for you automatically. All you have to do is double click on the resulting widget.xwl file to run the widget, then you add your code and/or cores.

This download is for a script only, in zip format, you'll need to unzip the file and extract it before you can use it.

You simply place it in the following folder: DRIVE:\Program Files\Adobe\Photoshop CS\Presets\Scripts

The script functions with Photoshop CS ver 8.0. It should function with later versions of Photoshop as well. A PSD with 15-20 layers will process within 5 mins. Note that a PSD with hundreds of layers will take a long time to process, if you have one of these large PSD files it is best to make a copy of your PSD and to merge as many layers as you can in order to obtain the barest minimum number of objects that you'll need for your Xwidget to operate.

Restart Photoshop, open your PSD file and run the script which is called from the scripts menu.

On a 2.5ghz core2duo, a small PSD file with one or two layers will take no longer than 30 seconds to a minute to render into a Xwidget. When done, copy the whole widget into your Xwidget default folder, which should be something like this:

C:\Program Files (x86)\XWidget\AppData\Widgets

Note that each time you run the script it will overwrite the output, move the results so that you don't accidentally overwrite it whenever you re-run the script.

The end result is a widget folder with the same name as your photoshop design, all the PNG images that comprise the various layers are contained within a \Resources folder. Two files, main.xul and widget.xwl will be created. This widget.XWL file is the file you double-click upon. If the Xwidget engine is already installed, it will then use the Xwidget runtime engine to run your Xwidget. It will run on your Windows desktop, it will be moveable but at this stage it won't actually do a whole lot as there will be no logic attached. However, it will have a right click menu and will be moveable, it will also appear on the widget dock.

By using this script in conjunction with the Yahoo widget version you can create both a Xwidget and a Yahoo widget simultaneously. That script is here: http://yereverluvinuncleber.deviantart. ... -684468399

A small PSD file with one or two layers will take no longer than 30 seconds to a minute or two to render into a Xwidget or a Yahoo widget.


I've added some sample widgets created using the script. These show how easy it is to create a Xwidget directly from a Photoshop PSD design.



File comment: the conversion script, download it, unzip it and place it in the following folder: DRIVE:\Program Files\Adobe\Photoshop CS\Presets\Scripts
Create XWidget 1.0.zip [6.48 KiB]
Downloaded 25 times
File comment: another example widget
steampunk_volume_gauge.xwp [281.98 KiB]
Downloaded 24 times
File comment: example widget
testf.xwp [284.38 KiB]
Downloaded 25 times

Author:  yereverluvinuncleber [ 2017年 Nov 13日 04:27 ]
Post subject:  Re: 1.0 Photoshop Xwidget creation script

Has anyone used this script successfully with photoshop? Any issues?

Page 1 of 1 All times are UTC - 8 hours
Powered by phpBB® Forum Software © phpBB Group