Silkroad Online Forums

http://img99.imageshack.us/img99/9130/u ... morcc7.jpg

This is a guide for editing the underbar (which is the bar at the bottom with the skills exp and sp ect.)

images are in spoilers so it makes it a little more easier to read



First step, Backup your Media.pk2 file, this is what you will be editing
It will be found in your Silkroad folder. Save it in a folder and don’t touch this one as it will be a clean one you can copy if you have gone wrong somewhere in the line. Also don’t forget to quit the game as editing whilst your in game will corrupt the file.

Ok, now open up PK2Extractor.exe (this is in PK2 tools)
File > Open > [Your Silkroad folder] > Media.pk2



Ok now you need to go to interface > underbar



You will need to extract
ub_window_01.ddj
ub_window_02.ddj
ub_deco_left.ddj
ub_deco_right.ddj

We will deal with these for now but you may want to extract more, later. Use the same way as this.
They will be found in the PK2 Tools folder (where you extract the pk2 tools)
PK2 Tools > Media > interface > underbar



We need to turn the DDJ files into DDS files which is done by using Jan’s converter



Now browse the folder (PK2 Tools > Media > interface > underbar)
And click convert to DDS



Ok now I will explain some things

As you can see there is only a certain amount u can edit, you can’t edit “outside the box”
This is where you get creative and make your own underbars (or copy from other people’s lol)

Open up ub_window_01.dds



I have labeled a bit which is also part of another edit
Use this and the helper tool in the quoted post to design an underbar.
You could also save one of the examples and copy and paste them over DON’T FORGET THESE MAY NEED TO BE CHANGED SOME MAY HAVE SP OR XP ALREADY YOU NEED TO EDIT THESE OUT.
When you save them, save them as a DDS please check out viewtopic.php?f=5&t=87733

If you would like to just edit one first to see if it works that isn’t a problem.
If you want to edit all of them then you must check what you are editing, refer to the originals and use common sense.

This is what all the DDJ's represent. the black can represent the ALPHA layer
usually images are made up of the primary colours red green and blue (RGB)
alpha layer is transparency (ARGB)


Once editing is finished we need to change them back to ddj.


you do not have to change everything, just what you would like changed.

Look for the folder again (PK2 Tools > Media > interface > underbar)
And click convert to DDJ

Now we are ready to put the files into the media.pk2

Open up PK2 Editor.exe (in PK2Tools)
File > Open > [Your Silkroad folder] > Media.pk2



Find the DDJ files (or file) and press open.
Finally press import
Close the editor down (you must close it down or it will corrupt)
run silkroad!

First time you may experience some problems (like images not matching up right) if you follow by what the original ones are, you shouldn’t see a problem. If you have a problem please show me it with screenshots and what stage you are stuck at.

Unless someone has tried and tested this I will not be posting templates out yet.
If someone would like to offer templates (as dds or ddj files) please send me a pm and I will add it to the tutorial

Credit also goes to Jan my first guide

Links for Guide


PK2 Tools: http://rapidshare.com/files/79703126/PK2Tools.zip
Jan’s DDJ/DDS Converter: http://files.filefront.com/DDS+DDJzip/; ... einfo.html
Please take a look at this: viewtopic.php?f=5&t=87733
XVI Editor: http://www.chmaas.handshake.de/delphi/f ... /xvi32.htm
DDS plugin for adobe photoshop http://developer.nvidia.com/object/phot ... ugins.html
Underbar Templates: http://rapidshare.com/files/98537520/Un ... ar.html%22
(This is not pre done ddj files these are photoshop files of original underbar for making your own)

any alterations please say and ill make them

EDIT 1: links now working fine and images reuploaded
EDIT 2: Correct link to photoshop plug-in does not lead you to another plug-in
EDIT 3: Gray = 0% EXP (After 6 hours playing per 24 hour)
Orange = 10% EXP (After 5 hours playing per 24 hour) THANKS TO Sjo3rd for this information.

Thanks, im gonna try it, im gonna pimp my skill bar(8)

omg i'm tryin these h4x

< Dont forget to clear this area if you want make transparent underbar(as there is item mall button in window 2).

Nice guide

how do u implement the add on to ps?

sorry about that it is now updated so the link is the right one.

sorry for the inconvenience

In order to actually make your own under bar you have to edit all of the files in the under bar sub-folder.


Here is a .jpg of each of the .ddj files and a description of what they are

[image] name.ddj

ub_window_01.ddj
The actual texture of the under bar, with the other textures overlaying on top of this.

ub_window_02.ddj
The right side of the under bar that contains the textures that surround the Menu button, Community button(U), System button(Esc), and Item Mall button(F10).

ub_deco_left.ddj
The decoration that is to the left of the under bar.

ub_deco_right.ddj
The decoration that is to the right of the under bar.

ub_number_1.ddj
The number "1" on the under bar that is in the bottom right of skill slot 1.

ub_number_2.ddj
The number "2" on the under bar that is in the bottom right of skill slot 2.

ub_number_3.ddj
The number "3" on the under bar that is in the bottom right of skill slot 3.

ub_number_4.ddj
The number "4" on the under bar that is in the bottom right of skill slot 4.

ub_number_5.ddj
The number "5" on the under bar that is in the bottom right of skill slot 5.

ub_number_6.ddj
The number "6" on the under bar that is in the bottom right of skill slot 6.

ub_number_7.ddj
The number "7" on the under bar that is in the bottom right of skill slot 7.

ub_number_8.ddj
The number "8" on the under bar that is in the bottom right of skill slot 8.

ub_number_9.ddj
The number "9" on the under bar that is in the bottom right of skill slot 9.

ub_number_0.ddj
The number "0" on the under bar that is in the bottom right of skill slot 0.

ub_number_m.ddj
The letter "m" on the under bar that is in the bottom right of mouse slot.

ub_slot_arrow.ddj
The yellow square that surrounds the skill slots 1~9 when the corresponding number is clicked.

ub_up_arrow.ddj
The up arrow(pertaining to changing from F1, F2, F3, F4) when the mouse isn't over it.

ub_up_arrow_focus.ddj
The up arrow(pertaining to changing from F1, F2, F3, F4) when the mouse is hovered over it.

ub_up_arrow_press.ddj
The up arrow(pertaining to changing from F1, F2, F3, F4) whilst it is being clicked.

ub_up_arrow_disable.ddj
The up arrow(pertaining to changing from F1, F2, F3, F4) when it is disabled.(not sure when it actually is disabled though.

ub_down_arrow.ddj
The down arrow(pertaining to changing from F1, F2, F3, F4) when the mouse isn't over it.

ub_down_arrow_focus.ddj
The down arrow(pertaining to changing from F1, F2, F3, F4) when the mouse is hovered over it.

ub_down_arrow_press.ddj
The down arrow(pertaining to changing from F1, F2, F3, F4) whilst it is being clicked.

ub_down_arrow_disable.ddj
The down arrow(pertaining to changing from F1, F2, F3, F4) when it is disabled.(not sure when it actually is disabled though.

ub_menu_button.ddj
The big Menu Button(C, I, S, A, P, Q, L) at the right of the under bar when the mouse isn't over it that. Chinese characters ONLY!

ub_menu_button_focus.ddj
The big Menu Button(C, I, S, A, P, Q, L) at the right of the under bar whilst it is being clicked. Chinese characters ONLY!

ub_menu_button_press.ddj
The big Menu Button(C, I, S, A, P, Q, L) at the right of the under bar when the mouse is hovered over it. Chinese characters ONLY!

eu_ub_menu_button.ddj
The big Menu Button(C, I, S, A, P, Q, L) at the right of the under bar when the mouse isn't over it that. European characters ONLY!

eu_ub_menu_button_focus.ddj
The big Menu Button(C, I, S, A, P, Q, L) at the right of the under bar whilst it is being clicked. European characters ONLY!

eu_ub_menu_button_press.ddj
The big Menu Button(C, I, S, A, P, Q, L) at the right of the under bar when the mouse is hovered over it. European characters ONLY!

ub_community_button.ddj
The community button(U) most top and right of the under bar when the mouse isn't over it.

ub_community_button_focus.ddj
The community button(U) when the mouse is hovered over it.

ub_community_button_press.ddj
The community button(U) whilst it is being clicked.

ub_option_button.ddj
The system button(Esc) in the middle on the far right when the mouse isn't over it.

ub_option_button_focus.ddj
The system button(Esc) in the middle on the far right when the mouse is hovered over it.

ub_option_button_press.ddj
The system button(Esc) in the middle on the far right whilst it is being clicked.

ub_mall_button.ddj
The Item Mall button(F10) at the bottom right of the under bar when the mouse isn't over it.

ub_mall_button_focus.ddj
The Item Mall button(F10) at the bottom right of the under bar when your mouse is hovered over it.

ub_mall_button_press.ddj
The Item Mall button(F10) at the bottom right of the under bar whilst it is being clicked.

ub_mall_button_disable.ddj
The Item Mall button(F10) at the bottom right of the under bar when it is disabled.(not sure how you disable it)

ub_exp_bar.ddj
The green Exp bar that represents 10%.(The game reuses this 10 times and cuts of the right of it depending on how much of the current 10% you are on.)

ub_exp_bar_0.ddj
Supposed to be for 0% Exp, but I have yet to see where it is in game.

ub_exp_bar_50.ddj
An orange version of the Exp bar but I don't know where this is used either.

ub_sp_bar.ddj
The yellow SP bar that shows how much Skill Experience Points you have out of the total 400.(The whole bar is 1 SP and the game cuts off the right side pertaining to the percentage of 1 SP you have.)






Phew that took awhile, but I hope it helped some of you.

you do not have to edit all of them, just the ones you want.
for example... ive left the exp bar green and sp yellow and the numbers as they are because it looks ok like that.
you dont have to change it all to get it to work.

thanks very much for the descriptions. please may i add them to my guide as another spoiler?

certainly



you do want to edit them all so it fits in with your theme, instead of just having it like a skin


i would suggest editing the number as their color was with the silkroad theme and u need to edit the left and right deco.

The only hard thing to edit would be the buttons as those are likce pics but u coulds always go the simple route and just do the shortcut letter in the theme you have


during this next inspection i think ill try and make my own complete one

yes mine was quite lazy, when you rollover the buttons... they are the origional ones and i guess the numbers are just... what i felt like having at the time. personal preference

when making a origional design. make one as a whole in photoshop using the templetes and save it as a jpg.
then open the jpg and just copy over dragging and deleting what you dont want, it is what i did to test it out and it will be clean if you have a good sense of judgement.

i will update the guide now. thanks

i will make each peace separately

and even update arrows and buttons with focus and press too

if you have a complex background and you make it seperate the pattern might not match up but as long as you know the simple problems you should be fine. just talk if you have any problems im here to help

i just need a theme now

i dont get the how to open up the thing PLZ HELP

what "thing" are you trying to open

ok figured something out


The black isn't the transparency in the texture. The transpareny comes from an alpha layer in channels.

My first problem concerns this


When i try and save it as .dds i get the error of too many channels, so im confused on how im going to edit them


also saving with the .dds photoshop plugin always freezes, do u know what settings to save as?

if you read the guide it says the black is alpha.

alpha is transparency in-game
it also says ARGB

what you need to use if you want to make the whole thing 50% opaque or 90% w.e

sorry for the not telling u the part that says open up window 1

once you have extracted it you need to change it from ub_window_01.ddj to
ub_window_01.dds which is done using the converter i have put up for download.

once it is in .dds format you can open it with photoshop cs2 or cs3 (those are the ones im sure of) providing you download the add-on.

which part are you stuck with?

1. Open picture and copy visible contents
2. Make new picture with white background with same size as original
3. Paste copied contens into new picture
4. Unlock and delete white background layer(double click will unlock background layer)
5. Now the area around contens is invisble(alpha), you can make contents layer transparent as well too just with setting up contens layer.
6. Save it as DDS A1 R5G5B5 (or A8R8G8B8 for partial transparency if you created one).

can some1 let me get those underbar
i edit but missing some hehe

thanks you

if you follow my guide you can make them that is what the guide is for. otherwise i dont understand what your asking

[quote="JanChlpik"]<

this part i dont know how to get the program to open it....

do u have photoshop CS2 or photoshop CS3?

if you do download this

HELP still need it now when i open it with photoshop is invalid format

thats because the alpha is set near the black, u can change up the alpha layer

Ger do u have photoshop cs2 or 3 and pixie what are u talking about?

alpha isnt black it is just black to show you the transparency.

if the alpha layer was transparent you wouldnt know what to edit! so its black so you can see it

i have the whole Creative Suite 3

ok the alpha layer is in channels pallete

The alpha layer is way defines the transparency, they just put make it black on layers so u can see, but if u go into channels and select the alpha layer all the black that surrouns a button is selected. The reason that just black alone is transparency wouldn't work because there is some black within buttons that show up

i have photoshop but when i try to open window_1_dds it says invalid fileformat

yes thats because you have to download the dds add-on
its in the guide

dl the plug-in
run it (its a exe)
then save it all ect....
then open with photoshop cs2/cs3

if its not working try using screenshots to help me out.
ps. dont post a screenshot of the error. post pics of the add-on u dl'd