Skin Resizer - Revision history

Admin: 5 revisions imported

2015-08-07T15:24:36Z

5 revisions imported

Admin: /* Generating */

2012-05-03T22:07:00Z

‎Generating

Admin: /* Smart Resize */

2012-05-03T22:05:48Z

‎Smart Resize

Admin: /* Simple Resize */

2012-05-03T22:04:50Z

‎Simple Resize

Admin at 22:04, 3 May 2012

2012-05-03T22:04:13Z

Admin: Created page with "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 M..."

2012-05-03T21:58:10Z

Created page with "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 M..."

New page

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==

<center>[[File:Skin Resizer Mac.png]]</center>

The main window has four buttons to complete the resizing process:
* Files
* Resizing
* Options
* Generating

===Files===

#'''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]http://img357.imageshack.us/img357/8009/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:

<center>[[File:Skin Resizer Input Box.png]]</center>

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).

#'''Output XML'''

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

<center>[[File:Skin Resizer Output Box.png]]</center>

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]http://img357.imageshack.us/img357/8009/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===

<center>[[File:Skin Resizer Resizing.png]]</center>

====Simple Resize====

[IMAGE5]

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====

[IMAGE6]

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====

[IMAGE7]

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.'''

[/list]

===Options===

<center>[IMAGE8]</center>

====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===

<center>[IMAGE12]</center>

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.

@@ Line 51: / Line 51: @@
 ====Simple Resize====
-[[File:Simple_resize.png]]
+[[File:Simple_Resize.png]]
 This is the default resizing option that is available in the Limited version of this tool.

← Older revision	Revision as of 15:24, 7 August 2015
(No difference)

@@ Line 112: / Line 112: @@
 ===Generating===
-<center>[IMAGE12]</center>
+<center>[[File:Generating.png]]</center>
 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.
+Click on ''Do the Job'' to start the resizing process.<br/>
-When this is finished, you can click on the [I]Preview Skin[/I] button to see how the resized Skin looks like.
+When this is finished, you can click on the ''Preview Skin'' button to see how the resized Skin looks like.

@@ Line 77: / Line 77: @@
 ====Smart Resize====
-This option uses the best of both worlds. The Skin is resized in scale and then the Browser is resized if needed.
+This option uses the best of both worlds. The Skin is resized in scale and then the Browser is resized if needed.<br/>
 '''If the Skin Resizer is running in Full mode, this option should be used by default.'''
 ===Options===

@@ Line 51: / Line 51: @@
 ====Simple Resize====
-[IMAGE5]
+[[File:Simple_resize.png]]
 This is the default resizing option that is available in the Limited version of this tool.
@@ Line 60: / Line 60: @@
 ====Add Borders====
-[IMAGE6]
+[[File:Add_Borders.png]]
 This is part of the second set of resizing options that are only available when the Skin Resizer is Activated.
@@ Line 70: / Line 70: @@
 ====Browser Resize====
-[IMAGE7]
+[[File:Browser_Resize.png]]
 This option allows the browser to be resized.
@@ Line 80: / Line 80: @@
 '''If the Skin Resizer is running in Full mode, this option should be used by default.'''
-[/list]
 ===Options===