S60v5 Theme editing tutorial [Freezed]

S60v5 Theme editing tutorial

REMEMBER - this tutorial is for personal purposes only - DO NOT release edited themes without consent of author!

--------------------------------------------------------
In Process.
--------------------------------------------------------
--------------
Overview
--------------
Allright, Let's take a look - what we got in theme installation package(*.sis)
Download latest version of SisContents (Official Webpage)
Openup SisContents, browse theme file, open it.(pic)
Now press "Contents" button(see pic) to see contents of package.

There's *.skn file, *.mbm file, *.mif file

Actually there are 2 mbm's and 2 mif's but they're just copies, so don't worry

*.mbm files keep bitmap graphics(*.bmp)
*.mif files keep vector graphics(*.svg)
*.skn file keeps all info about theme(where what color, which graphic used)

--------------
Theme background changing (Idle and menu)
--------------
Double click on *.skn file - new window comes up - then go to "Resources" tab

First two resources are called "Background" and "Idle Background"
Background - is a menu background graphic
Idle Background - is a HS background graphic
To change needed graphic - rightclick on it and press "edit resource" than browse your brand new wallpaper and also there's you can choose stretch mode(stretch or keep aspect ratio)
Click ok, then save your theme.
Done

--------------
Work with SVG
--------------
SVG files can be viewed in browsers(Internet Explorer, etc)
SVG graphics can be edited in simple text redactors(Notepad, etc) or in Adobe Illustrator or something like that.
I attached two tools for converting svg to svgb and vise-versa.
--------------
SVGB to SVG got GUI and easy to use(supports batch converting)
--------------
SVG to SVGB: drag and drop *.svg files on SVGTBINENCODE.exe to convert(NOTE. drag only one file at time, batch is not supported)

--------------
Buttons and Softkeys
--------------
This is little tricky.
Almost all buttons are sliced into nine pieces, so to replace/edit them you need to edit all nine pieces see pic.

So they're called top left, top, left etc... 9 pieces
General Softkey buttons are located in Popup windows/touch nine piece(see pic)

General graphic called "Softkey...blablabla"
And the pressed one - "Softkey_pressed_blablabla"
Slim buttons(Media Player control buttons, etc) - "Control Buttons"

--------------
Widget
--------------
To locate widget graphics go to "all resources" and search for "widget"

Here's everything like in softkeys(nine piece, etc)

--------------
Theme name
--------------
To change theme name, just doubleclick on *.skn file, new window will open, and there will be textbox filled with current theme name, just change it

Also you might change package name, it's in first menu of SisContents

Change Theme UID
--------------
Theme UID must consist of 0-9 and A-F (Maybe A-Z, not sure, must be tested)
To change theme UID right-click on every file in list, press "edit" and edit UID in marked places to new one(see pic)

Done
--------------
F.A.Q.
--------------
Q: Can I convert *.bmp, *.jpg, *.png images into SVG(SVGB)?
A: Nope, SVG(and SVGB) graphics are vector based graphics, so there's no way to convert bitmaps into svgs.
Q: Can I use *.bmp, *.jpg, *.png images instead of SVG(SVGB)?
A: You can use *.bmp images, anyway it's not recommended, because theme will transform into giant weight, and phone will slow down
--------------
Replace SVG graphic
--------------
To replace SVG graphic with new one - find out desired SVG name (for example - 0125.svg(b)), open *.mif file, find there 0125.svg(b) - right-click and press replace, then browse new svg(b) and save.
--------------
To be continued


<a href="http://www.4shared.com/file/JIalBKP8/SVGtoSVGB.html" target=_blank>SVGtoSVGB.zip</a>
<a href="http://www.4shared.com/file/GD3ClcUy/SVGBtoSVG.html" target=_blank>SVGBtoSVG.zip</a>