Silkroad Online Forums :: View topic - [GUIDE] How to PK2 Edit your underbar

Author:

penfold1992 [ Wed May 21, 2008 8:15 pm ]

Post subject:

[GUIDE] How to PK2 Edit your underbar

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

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

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.

Author:	LaloHao [ Sat May 24, 2008 2:58 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
Thanks, im gonna try it, im gonna pimp my skill bar(8)

Author:	magisuns [ Sat May 24, 2008 6:11 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
omg i'm tryin these h4x

Author:	JanChlpik [ Sat May 24, 2008 8:06 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
< Dont forget to clear this area if you want make transparent underbar(as there is item mall button in window 2). Nice guide

Author:	ranger4life [ Sat May 24, 2008 12:22 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
how do u implement the add on to ps?

Author:	penfold1992 [ Sat May 24, 2008 3:48 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
sorry about that it is now updated so the link is the right one. sorry for the inconvenience

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

[GUIDE] How to PK2 Edit your underbar http://www.silkroadforums.com/viewtopic.php?f=5&t=88263	Page 1 of 6

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

Author:	penfold1992 [ Sun May 25, 2008 10:37 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
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?

Author:	piXie_niXie [ Sun May 25, 2008 2:16 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
penfold1992 wrote: 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

Author:	penfold1992 [ Sun May 25, 2008 2:21 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
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

Author:	piXie_niXie [ Sun May 25, 2008 2:38 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
penfold1992 wrote: 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

Author:	penfold1992 [ Sun May 25, 2008 9:42 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
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

Author:	piXie_niXie [ Mon May 26, 2008 5:58 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
i just need a theme now

Author:	Ger_slayer [ Tue May 27, 2008 1:36 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
i dont get the how to open up the thing PLZ HELP

Author:	piXie_niXie [ Tue May 27, 2008 1:51 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
Ger_slayer wrote: i dont get the how to open up the thing PLZ HELP what "thing" are you trying to open

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

Author:	piXie_niXie [ Tue May 27, 2008 5:31 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
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?

Author:	penfold1992 [ Tue May 27, 2008 10:03 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
if you read the guide it says the black is alpha. alpha is transparency in-game it also says ARGB Jan wrote: Saving DDS Recomended formats: Picture without transparency: R5G6B5 this is used for loading screens ect. Picture with one invisible area A1R5G5B5 what i use always (i have partial transparency in all) Fully transparent picture A8R8G8B8 what you need to use if you want to make the whole thing 50% opaque or 90% w.e

Author:	Ger_slayer [ Tue May 27, 2008 11:55 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
sorry for the not telling u the part that says open up window 1

Author:	penfold1992 [ Tue May 27, 2008 1:23 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
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?

Author:	JanChlpik [ Tue May 27, 2008 6:10 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
piXie_niXie wrote: 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? 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).

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

Author:	penfold1992 [ Tue May 27, 2008 6:50 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
if you follow my guide you can make them that is what the guide is for. otherwise i dont understand what your asking

Author:	Ger_slayer [ Tue May 27, 2008 9:31 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
[quote="JanChlpik"]< this part i dont know how to get the program to open it....

Author:	penfold1992 [ Tue May 27, 2008 10:27 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
do u have photoshop CS2 or photoshop CS3? if you do download this

Author:	Ger_slayer [ Wed May 28, 2008 2:38 am ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
HELP still need it now when i open it with photoshop is invalid format

Author:	piXie_niXie [ Thu May 29, 2008 1:32 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
penfold1992 wrote: if you read the guide it says the black is alpha. alpha is transparency in-game it also says ARGB Jan wrote: Saving DDS Recomended formats: Picture without transparency: R5G6B5 this is used for loading screens ect. Picture with one invisible area A1R5G5B5 what i use always (i have partial transparency in all) Fully transparent picture A8R8G8B8 what you need to use if you want to make the whole thing 50% opaque or 90% w.e thats because the alpha is set near the black, u can change up the alpha layer

Author:	penfold1992 [ Thu May 29, 2008 2:08 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
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

Author:	piXie_niXie [ Thu May 29, 2008 3:56 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
penfold1992 wrote: 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

Author:	Ger_slayer [ Thu May 29, 2008 10:15 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
i have photoshop but when i try to open window_1_dds it says invalid fileformat

Author:	penfold1992 [ Thu May 29, 2008 10:22 pm ]
Post subject:	Re: [GUIDE] How to PK2 Edit your underbar
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