Silkroad Online Forums
http://www.silkroadforums.com/

[GUIDE] Editing your UI
http://www.silkroadforums.com/viewtopic.php?f=116&t=93553
Page 1 of 1

Author:  penfold1992 [ Wed May 21, 2008 8:15 pm ]
Post subject:  [GUIDE] Editing your UI

The following is a guide archive for your browsing pleasure.
Should you wish to post comments, suggestions, or simply a thank you, the following link will take you to the main, unlocked, guide:
- Original Guide -


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

Image

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

Spoiler!


Ok now you need to go to interface > underbar

Spoiler!


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

Spoiler!


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

Spoiler!


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

Spoiler!


Ok now I will explain some things
Spoiler!

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

Spoiler!


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)
Spoiler!


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

Spoiler!

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

Spoiler!


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 :D

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

Author:  JanChlpik [ Sat May 24, 2008 8:06 am ]
Post subject:  Re: [GUIDE] How to PK2 Edit your underbar

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

Nice guide :wink:

Author:  piXie_niXie [ Sun May 25, 2008 6:30 am ]
Post subject:  Re: [GUIDE] How to PK2 Edit your underbar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Image 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!

Image 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!

Image 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!

Image 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!

Image 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!

Image 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!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Author:  nguoitinhoi [ Tue May 27, 2008 6:38 pm ]
Post subject:  Re: [GUIDE] How to PK2 Edit your underbar

can some1 let me get those underbar
i edit but missing some hehe
:)
thanks you
Image
Image
Image

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/