ORG – Skin Editor Guide

• Create a new skin/Edit existing skin
• Skins structure
• App sections
• File types
• Create a Skin Project and build a normal or protected Skinz file


• Create a new skin/Edit existing skin

First design or edit a skin in Photoshop software and save it as a JPG file. Then open JPG file in Skin editor and set the general settings. Then set the properties and location for items. Save the files. Finally copy JPG, Skin, PNG (If exists), and Part (If exists) files into the device.

• Skins structure

Pages: Each skin might contain a main and some part pages.

A skin with two parts

Sections: Each page contains 2 main sections. Main and Tab sections. (Tab section appears after tapping on Tab button).

A page containing one Tab

A page containing four Tabs

Blocks: Each page contains some blocks. The blocks define width and height. Each block includes a square or rectangle of the screen.

Items: Each page contains some items. Each item defines some blocks in a rectangle. Ex: Monitor item, Joystick item, Style pad buttons item, etc.

Sub-items: Items might contain child items that are arranged horizontally, vertically, or in a rectangle. Ex: Style pad button item includes Pad1 to Pad 4 sub-items.

LED: Some sub-items have one or two LEDs to display the status. The layout and color of the LEDs can be adjusted on each page of the skin, or the LEDs of each item can be adjusted individually.

• App sections

1- Create/Open/Save a page in skin
2- Move items
3- Set the number of the blocks in the page
4- Set the number of the blocks in the Tab section
5- Choose the current item to be set
6- Set the number of sub-items in the selected item
7- Set the start item and the number of sub-items in the selected item
8- Default settings for LEDs on the screen
9- LED settings of an item
10- Adjust the primary and secondary color of the LEDs on the screen
11- The page and items
12- Zooming
13- Tools for selecting and drawing items and page scrolling
14- Overview of items on the screen
15- Set the way blocks are displayed
16- Displays the number and size of the image and blocks
17- Skin project/Skinz preparation section

• File types

Skin: Main page skin
Part: Secondary pages skin
JPG: Skin page images
PNG: Moving components image such as sliders, volumes, joystick, etc.
SkinProject: Skin project, containing the main page and parts paths, to be used for exporting as Skinz file.
Skinz: The compressed version of a skin, part, JPG, and PNG files in a single file.

• Create a Skin Project and build a normal or protected Skinz file

Skin project, containing the main page and parts paths, to be used for exporting as Skinz file.

1- Views the list of the added Skin and Parts
2- Opens a project file
3- Saves the project file
4- Adds skin and part files
5- Removes the selected added files in the list
6- Clears the list
7- Sets the order of part files
8- Exports as Skinz file
8-1- Title and path of Skinz file to be exported
8-2- Exports as a normal Skinz file (Can be used and edited by other users)
8-3- Exports as a protected Skinz file (Can be used but not edited by other users)
8-4- Exports as a protected Skinz file (Can be used only for the device with the defined ID)
8-5- A custom text included in the zip file to be shown in the comments section.
9- Opens the current skin for editing.