Skin Resizer

From Jeremie Leroy - XOJO Controls Wiki
Revision as of 23:05, 3 May 2012 by Admin (Talk | contribs) (Smart Resize)

Jump to: navigation, search

Download tool: http://www.virtualdj.com/addons/7187/Skin_Resizer_Tool.html

Video tutorial: http://www.youtube.com/watch?v=7ZbaTP1Vf8A

Note: As this Tool is available both for Mac OS and Windows, screenshots visible in this user guide are from one or the other Operating Systems.

Resizing a Skin

File:Skin Resizer Mac.png

The main window has four buttons to complete the resizing process:

  • Files
  • Resizing
  • Options
  • Generating


Files

  1. Input XML

This part is used to specify the input XML file. Either you enter manually with the keyboard the path to the file, or you click on this button [img]buttonxf9.png[/img] , to select the input file. If the skin you want to resize is zipped (.zip file extension), you will need to unzip it before using the Tool. Although there is not any place to give the path to the graphics (.bmp file) of the skin, the graphics are automatically fetched when you choose the XML file. Once you have selected an appropriate file, the Input XML GroupBox should look like this:

File:Skin Resizer Input Box.png


The size of the skin is calculated automatically at the opening of a skin. The display format is shown, (4/3 (standard), 16/10 (widescreen), etc).


  1. Output XML

This part lets the user specify an output XML file and location.

File:Skin Resizer Output Box.png

First, select the output size. If Keep Skin in scale is checked, the output Height is automatically calculated when typing the width. Minimum Width is 800 and minimum Height is 480.

Then click on the [img]buttonxf9.png[/img] button to select an output filename. The Tool will automatically rename the file using its original name and change the filename to show the output size, or add the suffix "_resized". You are free to change the default output filename, this is only a suggestion.


Resizing

File:Skin Resizer Resizing.png


Simple Resize

File:Simple Resize.png

This is the default resizing option that is available in the Limited version of this tool.

This option is used to resize a skin to the output size. It should also be active when you want to use one of the options without changing the dimension of the Skin ([i]Make day Skin[/i] for example).

Add Borders

Add Borders.png

This is part of the second set of resizing options that are only available when the Skin Resizer is Activated.

This option is used to add borders around a skin.

The main graphics of the skin are not changed which does not create a blur.

Browser Resize

Browser Resize.png

This option allows the browser to be resized. For example to resize a skin from 1280x800 to 1280x1024 in order to fit your screen.

Smart Resize

This option uses the best of both worlds. The Skin is resized in scale and then the Browser is resized if needed.
If the Skin Resizer is running in Full mode, this option should be used by default.

Options

[IMAGE8]

Browser Options

[IMAGE9]

Enables the user to tweak the Browser part of VirtualDJ (font, font size, background color, ...)

More Options

[IMAGE10]

Some advanced options. If the Font sizes in the Skin are too big on Mac, set the [i]Change font size[/i] to 80%.

Make Day Skin

[IMAGE11]

Inverts the colors of the picture and all fonts in order to make a day skin in bright colors.

Use pre-resized picture

When resizing the picture, the Skin Resizer uses the operating system\'s default function to resize the picture. There are some much more powerful resizing technics such as Lanczos or B-spline. If you wish to resize your picture in Photoshop and use the Skin Resizer to only resize the XML, use this option.

[/List]

Generating

[IMAGE12]

This view is a summary of all options the user has selected to Resize the Skin.

Click on [I]Do the Job[/I] to start the resizing process. When this is finished, you can click on the [I]Preview Skin[/I] button to see how the resized Skin looks like.