UI Texture Editing - Creative Chat - WarpPortal Community Forums

Jump to content


Photo

UI Texture Editing


  • Please log in to reply
260 replies to this topic

#1 Nanition

Nanition

    I made it Off Topic

  • Members
  • 26 posts
  • Playing:Ragnarok Online
  • Server:Chaos

Posted 12 June 2013 - 09:56 PM

Are we allowed to edit the UI Textures in the VDK files listed under the Data folder?

If we are then we can make a less cluttered UI based texture, because I for one do not like the brown everywhere.

 

 

I've had a few players ask me if this is allowed.

 

You won't get banned for changing your UI, but we don't support it because if something changes in the files and breaks your game, we can't support it.

 

So, we won't punish you for making changes, but we can't be responsible when it breaks.

 

Otherwise, these look cool!

 

 

We have gotten permission to edit the UI, However they will not give support if we break or mess up the VDK files.

(Mods will not give support if you mess up your client. Reinstall the game if you did not keep a back up.)

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

VDK files are located in

 

Normal Installation

C:\<Directory you installed in>\Ragnarok Online 2\Data\

or 

Steam Users

C:\<Directory you installed in>\Steam\steamapps\common\Ragnarok Online 2\Data

 

378a504ab5.png

 

The VDK is called "UI.VDK" 

 

You can extract the vdk using a VDK unpacker.

 

!The program you can find on your own, Search google or pm someone.!

 

Inside the UI.VDK you will find a number of folders and files.

Most UI texture files you will find under UI.vdk\UI\Texture and the names will start with Rag2_<Base/Btn/Con/Damage/Hud/Icon/Option/OutGame>_<Number>.tga

 

abdca91370.png

These files can be edited with free art applications such as Gimp, and Paint.net.

 

Lets see what everyone can come up with!

 

PS: Make sure you repack as version 1.1 and not version 1.0 otherwise it will not work and not display the hud.

 

~Texturing Tutorial~

We will be focusing on the menu button

First of all we will open the file Rag2_Hud_001.tga

Down in the bottom right you will see

a3ed36074b.png

^Normal                                       ^Hover                                      Click Down^                                    Inactive^

From here we can assume that these buttons are triggered by mouse events

 

Now we need to find the bounding boxes by trial and error.

be8ca986bd.png

 

Red is unviewable, Black and inwards is viewable.

So any edits shall be done at black and inwards.

We will add the mouse event names over the menu buttons so that we have a base to work from.

 

6105893b75.png

 

And then we remove the Menu buttons.

 

2bbf08bb68.png

 

Make sure to also check the top left of the image file where the menu button is embeded into the hud, find the bounding box and remove it like so.

261a96ed24.png

The black is the area that matches the black bounding box of our previous edits

 

And when it all matches up you get

 

d5f52b6b76.jpg

 

You can change the inside of the bounding box to anything you like!

Hopefully this was informative enough to give a small intro to texture editing.

If you have any questions please feel free to PM me.

Also when you repack you can replace the original UI.VDK as long as you make a backup of said file.

From what I have seen "UI2.VDK" or "UICustom.VDK" Isn't read by the game file system.

 

~List of Edited Huds~

 

 

 

~Other UI Editing Resources~

http://forums.warppo...h/#entry1324762 - Flashes VIP Patch

 

http://forums.warppo...ting/?p=1427838 - AmiiMii's Photoshop tutorial 


Edited by Nanition, 10 July 2013 - 12:58 PM.

  • 1

#2 AmiiMii

AmiiMii

    Too Legit To Quit

  • Members
  • 1537 posts
  • LocationWarpportal Forums (RO2)
  • Playing:Nothing

Posted 12 June 2013 - 09:58 PM

Though It's technically a Violation of The Terms of Service To Modify Files In the VDKs, as long as it's not being used to your own advantage/unfair play, i doubt it'll raise flags enough to be bannable, though you should be-careful what you do, otherwise you CAN get in trouble doing this stuff, in many other MMO's it's bannable to even be editing models or other stuff, BUT if you take this approach, that is up to you, trouble may follow however.

Edited by AmiiMii, 12 June 2013 - 10:02 PM.

  • 0

#3 Nanition

Nanition

    I made it Off Topic

  • Members
  • 26 posts
  • Playing:Ragnarok Online
  • Server:Chaos

Posted 12 June 2013 - 10:03 PM

Though It's technically a Violation of The Terms of Service To Modify Files In the VDKs, as long as it's not being used to your own advantage/unfair play, i doubt it'll raise flags enough to be bannable, though you should be-careful what you do, otherwise you CAN get in trouble doing this stuff, in many other MMO's it's bannable to even be editing models or other stuff, BUT if you take this approach, that is up to you, trouble may follow however.


I will most likely hold off till I get confirmation from VM/CM on whether or not I can edit the VDKs for UI without being banned.
  • 0

#4 SuperGlue

SuperGlue

    Amateur Blogger

  • Members
  • 302 posts
  • LocationOceania (servers are sooo far away)
  • Playing:Nothing

Posted 13 June 2013 - 12:02 AM

Blue/White like the old interface 8D
  • 2

#5 ZeroTigress

ZeroTigress

    My Offline Life is Nonexistent.

  • RO1 Member
  • 15198 posts
  • Playing:Ragnarok Online
  • Server:Sakray->Iris->Ymir->Chaos

Posted 13 June 2013 - 12:16 AM

It'd be nice if we could customize our UI like we can in RO1. Biggest problem is how many designers are willing to make custom skins for RO2. (Aside from the obvious developer programming to make it possible.)
  • 0

#6 RayMD

RayMD

    I made it Off Topic

  • Members
  • 32 posts

Posted 13 June 2013 - 01:18 AM

custom UI skins would be awesome.
  • 1

#7 AmiiMii

AmiiMii

    Too Legit To Quit

  • Members
  • 1537 posts
  • LocationWarpportal Forums (RO2)
  • Playing:Nothing

Posted 13 June 2013 - 04:11 AM

I can edit them, they're really just simple images within a bounding box. (Literally each icon has a bounding box, so you can't go beyond certain limits of size)

But meh, It's Up to the staff whether they allow you to do such thing.
  • 0

#8 AlexaWhite

AlexaWhite

    Amateur Blogger

  • Members
  • 100 posts
  • Playing:Nothing

Posted 13 June 2013 - 04:26 AM

I want back my lunatic's dream skin! Everywhere carrots and rabbits!
Posted Image
  • 0

#9 AmiiMii

AmiiMii

    Too Legit To Quit

  • Members
  • 1537 posts
  • LocationWarpportal Forums (RO2)
  • Playing:Nothing

Posted 13 June 2013 - 04:28 AM

U STOLE MAH KERRERTZ!

Posted Image
  • 1

#10 fuzzy715

fuzzy715

    Amateur Blogger

  • Members
  • 100 posts
  • LocationCanada
  • Playing:Ragnarok Online
  • Server:Odin

Posted 13 June 2013 - 04:30 AM

omg the rabbits gonna rage O.o !! not the carrotz!!!
  • 0

#11 AmiiMii

AmiiMii

    Too Legit To Quit

  • Members
  • 1537 posts
  • LocationWarpportal Forums (RO2)
  • Playing:Nothing

Posted 13 June 2013 - 04:32 AM

RABBIT RUUUUUUSH! FOR TEH KERRERTZ
  • 0

#12 AlexaWhite

AlexaWhite

    Amateur Blogger

  • Members
  • 100 posts
  • Playing:Nothing

Posted 13 June 2013 - 05:41 AM

Posted Image
  • 0

#13 Nereida

Nereida

    Too Legit To Quit

  • Members - No Sig
  • 1106 posts
  • Playing:Ragnarok Online 2

Posted 13 June 2013 - 06:01 AM

Posted Image
  • 0

#14 AmiiMii

AmiiMii

    Too Legit To Quit

  • Members
  • 1537 posts
  • LocationWarpportal Forums (RO2)
  • Playing:Nothing

Posted 13 June 2013 - 06:49 AM

Posted Image


Haiyore, Nyaruko!
  • 0

#15 VModSushi

VModSushi

    Community Lurker

  • VMod Retired
  • 851 posts
  • Playing:Ragnarok Online 2
  • Server:Odin

Posted 13 June 2013 - 07:19 AM

Please keep on topic. Spamming the forums with images is not being on topic. Okay? <3

And I hope for customization of the interface as well, but there's not a lot to customize other than the hotkey bar.
  • 0

#16 AmiiMii

AmiiMii

    Too Legit To Quit

  • Members
  • 1537 posts
  • LocationWarpportal Forums (RO2)
  • Playing:Nothing

Posted 13 June 2013 - 07:28 AM

Meh. It's easy to customize. it really is... Nvidia plugins needed though.
  • 0

#17 5821130524091526807

5821130524091526807

    I made it Off Topic

  • Members
  • 52 posts
  • Playing:Nothing

Posted 13 June 2013 - 07:46 AM

I took a look at the texture files and it's quite easy to change the colors. Not so easy to make transparencies though.

One thing that would be great would be someone with patience to go through that massive XML knot (I tried, I lost my patience after it started giving me headaches. Horrid, messy coding) that is being used for the interface and make the UI SMALLER. This UI is way too big.

One other thing would be to locate where the coordinates for that stupid combo gauge is and move it somewhere to a side.

Also, remove the self portraits because there's simply no need for them to be there. They just bloat the screen.

Honestly, who came up with this crap UI?

Edited by 5821130524091526807, 13 June 2013 - 07:51 AM.

  • 1

#18 OhManOhGod

OhManOhGod

    I made it Off Topic

  • Members
  • 16 posts

Posted 13 June 2013 - 07:48 AM

Would be nice to make the chatbox not transparent.
  • 0

#19 AmiiMii

AmiiMii

    Too Legit To Quit

  • Members
  • 1537 posts
  • LocationWarpportal Forums (RO2)
  • Playing:Nothing

Posted 13 June 2013 - 07:50 AM

it is easy enough to make transparencies actually.

GIMPSHOP-TRANSPARENT-Photoshop-Modify, Then Fill With Original Color of CERTAIN FILE CTRL+Click Texture Layers (Transparent, you want to fill another layer with the color) Selection Tool+Save Selection, New, Type Alpha Channel in channel name, Or Alpha 1, save Image as Original file format it came in. JOBS A GOOD UN.

Alpha channels are easy. :P

Edited by AmiiMii, 13 June 2013 - 07:52 AM.

  • 1

#20 5821130524091526807

5821130524091526807

    I made it Off Topic

  • Members
  • 52 posts
  • Playing:Nothing

Posted 13 June 2013 - 07:53 AM

it is easy enough to make transparencies actually.

GIMPSHOP-TRANSPARENT-Photoshop-Modify, Then Fill With Original Color of texture file, CTRL+Click Texture Layers (Transparent, you want to fill another layer with the color) Selection Tool+Save Selection, New, Type Alpha Channel in channel name, Or Alpha 1, save Image. JOBS A GOOD'UN.

Alpha channels are easy. :P

I use photoshop CS3 and I did that, repacked the files, loaded up and ended up with black where the transparency should have been when in-game. Will go about another method when I have patience again.

Edited by 5821130524091526807, 13 June 2013 - 07:54 AM.

  • 0

#21 AmiiMii

AmiiMii

    Too Legit To Quit

  • Members
  • 1537 posts
  • LocationWarpportal Forums (RO2)
  • Playing:Nothing

Posted 13 June 2013 - 07:54 AM

You have to fill the original color it was in the file type before you edited it.
E.G Brown in second layer, and place the second layer under the certain transparent image layer

Edited by AmiiMii, 13 June 2013 - 07:55 AM.

  • 2

#22 5821130524091526807

5821130524091526807

    I made it Off Topic

  • Members
  • 52 posts
  • Playing:Nothing

Posted 13 June 2013 - 07:59 AM

You have to fill the original color it was in the file type before you edited it.
E.G Brown in second layer, and place the second layer under the certain transparent image layer

Hmm... now that you mention it, I don't remember if I aligned the transparency layer to be on top or not. I'll give another shot later tonight or so.
  • 0

#23 AmiiMii

AmiiMii

    Too Legit To Quit

  • Members
  • 1537 posts
  • LocationWarpportal Forums (RO2)
  • Playing:Nothing

Posted 13 June 2013 - 08:05 AM

Posted Image

Here's a example render of my character from ages ago before it changed., i've placed the transparent colour below the actual layer of herself, save selection ,alpha channel, the RED represents a alpha channel, while the color acts as the transparent bit for a certain thing.

You also have to be careful with what color bit you use.

Edited by AmiiMii, 13 June 2013 - 08:08 AM.

  • 1

#24 jdmtouch

jdmtouch

    Too Legit To Quit

  • Members - No Sig
  • 1535 posts
  • LocationCalifornia
  • Playing:Nothing
  • Server:Aranzeb

Posted 13 June 2013 - 08:07 AM

I am praying they let us do so
  • 0

#25 Nanition

Nanition

    I made it Off Topic

  • Members
  • 26 posts
  • Playing:Ragnarok Online
  • Server:Chaos

Posted 13 June 2013 - 09:35 PM

It would be nice to get an answer from an official on whether this is ok or not.
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users