[Tutorial] How to edit GUI

[Zoubek]

Regarding Client Customization

So here its my tutorial on how to edit GUI in PokeMMO, it will show you some basic things and tips.

If you have any suggestion, question, etc just ask.

Also I am not native English speaker so there probably will be some "unique" sentences or errors, sorry for that.

List of Editable Files

List of editable files

\data\gui\login.xml - Contains all data about GUI

\data\gui\cursors.xml - cursors...

\data\gui\res\icons\ - Icons in games like cross when you are deleting friend or taking away hold item.

\data\gui\res\arrow-black-down

\data\gui\res\arrow-down

\data\gui\res\arrow-up

\data\gui\res\battle-hud.png - Battle Hud

\data\gui\res\bg.png - Login Background

\data\gui\res\monster-types.png - Types - fire, normal, water, etc

\data\gui\res\status-ailments.png - Status Ailments - Burned, frozen, etc

\data\gui\res\user-interface.png - more bellow

Image 1

This is main part, it contains some tips and how to change buttons, windows and stuff via TWL Theme Editor. Pretty big image.

Image 2

Here its list of what is what in user-interface.png.

Image 3

How to edit GUI without TWL only through user-interface.png, + some tips.

Image 4

Here its how to make super simple "plastic" button.

Image 5

And finally how to change fonts.

I hope its not confusing and good luck with your future GUIs :)

[Evesa]

Finish, i have no fucking idea what TWL is.

[Smackman]

Writing a tutorial for people would be really helpfull, Goodluck ;) i like the idea

[Strych]

If you do a tutorial and do it well (even a basic one that doesn't involve TWL and only involves editing the gui resources) you will make Darkshade the happiest man.

[WarOX]

If you do a tutorial and do it well (even a basic one that doesn't involve TWL and only involves editing the gui resources) you will make Darkshade the happiest man.

so true

[Zoubek]

ok i'll finish it in few days

[WarOX]

working myself on a Gui using TWL and paint.net and notepad++

[Zoubek]

Little update, part 2 and 3 are done and there will be 5 in total.

[Zoubek]

And it is done, first post edited.

[acidhammer]

Very nice stuff. Thanks for the tutorials. I'll try these things on my next GUI.

[Darkshade]

Thank you so much for putting one of these up, I've been planning to do a tutorial on everything for a very long time, but other things crop up.

Stickied.

[Olipower509]

What is that purple background in Cs6? (Step 2)
It looks great!

[Zoubek]

Thats transparency indication. Default is grey - more grey, I have changed it to make it more visible (Edit->Preferences->Transparency and Gamut->Grid colors).

[Conker]

Question, what about editing the ISP spities of pokemon in battle? Like the battle pokemon sprites, how can one do that?

[Zoubek]

There is a tutorial from [url="https://forums.pokemmo.eu/index.php?/topic/6586-tutorial-sprite-editing-and-inserting-for-fire-red/"][member='InnerMobius'][/url]: [url="https://forums.pokemmo.eu/index.php?/topic/6586-tutorial-sprite-editing-and-inserting-for-fire-red/"]https://forums.pokem...g-for-fire-red/[/url], however its only for fire red rom (i think). I have no idea how to edit SS/HS rom.

[Conker]

[quote name='Zoubek' timestamp='1362752937' post='222180']
There is a tutorial from [url="https://forums.pokemmo.eu/index.php?/topic/6586-tutorial-sprite-editing-and-inserting-for-fire-red/"][member='InnerMobius'][/url]: [url="https://forums.pokemmo.eu/index.php?/topic/6586-tutorial-sprite-editing-and-inserting-for-fire-red/"]https://forums.pokem...g-for-fire-red/[/url], however its only for fire red rom (i think). I have no idea how to edit SS/HS rom.
[/quote] Thats acutally fine, given the fact ss/hs look better then the other one, I can use it as a set one.

thanks for that

-------------------------

EDIT: I noticed thats just for trainers, it didnt go into how to do so with pokemon, it was kinda confusing as well.

I tried editing a pokemon sprit in but it went all werid colors, I think there may be some color limit to the program that the other thread is suggesting.
that or i didnt follow it right as its a little confusing.


Perhaps you could make a new one?

[Zoubek]

Most of it is outdated now, but it still should give you idea what to do. Ill update it when I have some time.

[Toira]

Most of it is outdated now, but it still should give you idea what to do. Ill update it when I have some time.

 

Awesome, I'm excited to attempt editing the GUI, mostly for themes and such. The new look is sexy, but I would definitely like to play around with it.

[RoarArrogance]

All i wanna do it make the colors brighter without changing the text. yet, ever try at it the IV cal stops working :/

[XelaKebert]

All i wanna do it make the colors brighter without changing the text. yet, ever try at it the IV cal stops working :/

That's because the IV calc is designed to read the default font. If you want it to read a brighter color it would need to be reprogrammed.

[MrSeverO]

Does this work with the update? Cuz I've been trying to do one for some time and got nothing  <_<

[Zoubek]

Yes and No, general use is same but you need to edit different files - instead of user-interface.png you are editing monster-info.png, main-hud.png and battle-hud.png. I am trying to kick myself into finishing new tut but... it may take a while.

[VenomExareo]

Hey guys, just download a theme, but the part where it shows your money and the time is white: [spoiler][/spoiler]. I can easily replace it with the default theme file but i dont know what file it is. 

[Greck]

Hey guys, just download a theme, but the part where it shows your money and the time is white: [spoiler][/spoiler]. I can easily replace it with the default theme file but i dont know what file it is. 

 

Its not easy to replace, because this part is on one of the image files, so you must edit the whole image, with the new icons.

Also after the newest update, the matchmaking dont work too, you must replace the theme.xml file for it, and some other file from the ui folder (one called "matchmaking.xml"), anyways if you dont know how to edit the image with the icons, you cant do anything

(I think this question need a new topic and no an post on this tutorial)

[VenomExareo]

Its not easy to replace, because this part is on one of the image files, so you must edit the whole image, with the new icons.

Also after the newest update, the matchmaking dont work too, you must replace the theme.xml file for it, and some other file from the ui folder (one called "matchmaking.xml"), anyways if you dont know how to edit the image with the icons, you cant do anything

(I think this question need a new topic and no an post on this tutorial)

Thats what i figured. That theme has soo much wrong with it. SimpleBlack is my current. Really like your work as well man. Keep it coming!