Publishing a Skin

To publish a skin, use the "Publish Skin" from the "File" menu at the top of the application.

Publish Options

The options presented in the "Skin Details screen" allow you to include authorship details and a skin name.

The authorship details get included in the Project file, which is a text-based XML file. You can edit the authorship information after publishing a skin by opening the _project.xml file with a text editor. For more information on the Project file, see "Open & Save" and "What are all these files".

Other options include:

Submit Skin to Pickle Gallery
When checked, the project data will be automatically sent in for review. Not all skins submitted will be added to the Pickle Gallery. Submitted skins are manually reviewed before being included in the Pickle Skin Gallery.

Launch Preview in Browser
If checked, the _PREVIEW.html file created will automatically open in a new browser window. If you're using the Recommended Setup and saving newly created skins to the "skins" folder in your local Pickle Folder, the _PREVIEW.html file **should** be functional.

If you're not publishing the skin to your local Pickle Folder, the player will not be functional because, by default, Skin Designer set's the URL to the pickle.js file to ../../pickle.js, and the media file to ../../test-audio.mp3.

Open Skin Folder
If checked, the folder that is selected to publish to will open.

NOTE: The "Launch Preview in Browser" and "Open Skin Folder" options are only available on the desktop app, and are not available in the online version.

Selecting An Output Folder

After clicking "OK" a folder dialog will open. Skins consist of a whole bunch of files including images, CSS, and HTML files. Therefore, you should export the skin to a new folder.

We recommend creating the new folder in the "pickle / skins" folder on your local hard drive and giving it a name that matches the Skin Name designated in the Skin Details screen. See "Recommended Setup."

What's Going On?

The process of exporting a skin may take a few moments as Skin Designer goes through each of the objects in the work area.

Next to the "File" menu button, you'll see which object is currently being processed.

You'll also notice objects on the screen blinking as Skin Designer runs through each object to create the different button "states" (e.g. mouse hover and mouse down).

When Skin Designer is finished creating the images and other files, the directory you selected to export to will open. Your browser will also open and display the _PREVIEW.html file to show you the results.

For information on all the files that Skin Designer generates, see "What are all these files?"