May 06, 2024, 02:32:56 AMLatest Member: gamedolye
BoutCheetah » Forum » Other » GFX » HP/Trans Gauge Bar

HP/Trans Gauge Bar

Started by kev453, December 31, 2013, 12:04:44 PM

Previous topic - Next topic

kev453

December 31, 2013, 12:04:44 PM Last Edit: January 17, 2014, 11:57:12 PM by kev453
Here's my first "draft". I tested it in game but certain areas were cut off which I don't know how to fix, the bar seems to have specifically assigned dimensions.

I'll also be looking towards changing the Life and Trans dynamic bars.
(click to show/hide)

(click to show/hide)

UPDATE 1:
-Added text (subject to be improved on)
-Added gray background to the HP area
-Replaced three white lines on the left with more suiting visuals
-Added markers indicating 25%, 50% and 75% HP which will be displayed on top of your current HP
-Added a small blue bar on the right for aesthetic purposes

(click to show/hide)

(click to show/hide)
(click to show/hide)
(click to show/hide)

Still haven't found a fix for the dimensional issue. Would really appreciate it if anyone could tell me :)

UPDATE 2:
- Added inner white lining to the HP section
- Increased the size of the lone blue part on the right
- Increased text size of "TRANS"
- Added dynamic trans gauge with flashing effect when full

(click to show/hide)

(click to show/hide)
(click to show/hide)

UPDATE 3:
- Made a few minor adjustments to the bar
- Fixed dimensional crop thanks to mikenny (FINALLY)
- Included download link due to high demand

(click to show/hide)

(click to show/hide)

UPDATE 4 (final update for a while):
- Added brushed metal texture to top section
- Updated "life" files to adjust to above change
- New Download link as of thread modified date.

(click to show/hide)

(click to show/hide)


Download link: https://www.mediafire.com/folder/zpc9aihjvrytc/TGA%20files

To those who don't know how to install the files into the client:
1. Download and save the files attached in the link.
2. Go to C:/Zylon Gaming/Boutcheetah/data/ui/gameui.
3. Find the following 6 files and save backup copies of each:
ui_play_int_back.tga
ui_play_int_life.tga
ui_play_int_life2.tga
ui_play_int_life3.tga
ui_play_int_tg_trans.tga
ui_play_int_tg_trans1.tga
4. Drag and drop the files you downloaded into the folder and replace the existing ones. (Only do this once you've made the backup copies).
- Note that the files you backup have identical names to the files you've downloaded.
5. Log on and enjoy!

If anyone finds major bugs or graphical errors with the mod please PM me or post them here with a screenshot (if possible) and description of the error.




gif



Meteor

Hi there kev. I like what you've got going there, certainly better than your last one. ;)

(click to show/hide)

Cooky


mic99

looks dope af

really nice job





qolderman

It's awful, sorry. Keep working on it
IGN: Caustic



^thanks cooky <3
Quote from: Cooky on August 03, 2014, 12:05:07 AM
whats wrong with eating a sock

kev453




JustRK

Quote from: qolderman on December 31, 2013, 06:07:03 PM
It's awful, sorry. Keep working on it

heh troll.   I think it looks awesome  8)

Godz

Quote from: kev453 on January 01, 2014, 02:49:44 AM
Quote from: qolderman on December 31, 2013, 06:07:03 PM
It's awful, sorry. Keep working on it

Specific parts to work on?

Don't listen to him it's very impressive!

qolderman

Quote from: JustRK on January 01, 2014, 02:51:50 AM
Quote from: qolderman on December 31, 2013, 06:07:03 PM
It's awful, sorry. Keep working on it

heh troll.   I think it looks awesome  8)
I don't like it. Everyone has their own opinion?
IGN: Caustic



^thanks cooky <3
Quote from: Cooky on August 03, 2014, 12:05:07 AM
whats wrong with eating a sock

kev453

Progress has been updated with screenshots.



Cooky

looks pretty neat but I just wanna point out that text is way too small its unreadable

kev453

Quote from: Cooky on January 02, 2014, 05:28:30 AM
looks pretty neat but I just wanna point out that text is way too small its unreadable

Yeah I noticed that, it should look better when the fixed dimensions get removed otherwise I'll remove it altogether.



Thornz


IGN: FM Thornz [Lv 270]
Quote from: cyc0828He destroy my guild
Not pants

qolderman

Now I like the first one :D

If you want to fix BC icon, just make it smaller
IGN: Caustic



^thanks cooky <3
Quote from: Cooky on August 03, 2014, 12:05:07 AM
whats wrong with eating a sock

kev453

Quote from: qolderman on January 02, 2014, 04:14:58 PM
Now I like the first one :D

If you want to fix BC icon, just make it smaller

That's my last resort, I wanted to keep the pop-out effect though.



mikenny

you can't fix the dimension thing u would need the source for that and make it accept your form of object what you could do is make it smaller and make the borders transparrent until you reach the original size but it would look stupid because it is smaller.

i don't like the second one too much on there, it just doesn't fit BC as it is.
idk i'd leave it alone i think

Experiences





IGN: Rapidash/Experiences/Expeh.
=-Lvl 270-=

mikenny

Here's how it turned out the word trans is still very small


kev453

Quote from: mikenny on January 03, 2014, 02:37:56 PM
Here's how it turned out the word trans is still very small



Could you show me a screenshot of it with the entire window?

And I found that the dimensional thing could be bypassed but...




kev453

Quote from: nanak tatum on January 03, 2014, 10:05:26 PM
The second picture looks really awesome. Btw if you want to get rid of the white parts I can show you how/do it for you.

How?



qolderman

Quote from: nanak tatum on January 03, 2014, 10:05:26 PM
Quote from: kev453 on January 03, 2014, 09:54:19 PM
Quote from: mikenny on January 03, 2014, 02:37:56 PM
Here's how it turned out the word trans is still very small



Could you show me a screenshot of it with the entire window?

And I found that the dimensional thing could be bypassed but...



The second picture looks really awesome. Btw if you want to get rid of the white parts I can show you how/do it for you.
It's simple to do in PS.  ::)
IGN: Caustic



^thanks cooky <3
Quote from: Cooky on August 03, 2014, 12:05:07 AM
whats wrong with eating a sock

kev453

Quote from: qolderman on January 03, 2014, 10:11:42 PM
It's simple to do in PS.  ::)

Making the file transparent triggers the dimensional crop, if that's what you were suggesting.



kev453

Quote from: nanak tatum on January 03, 2014, 10:29:08 PM
Quote from: kev453 on January 03, 2014, 10:25:47 PM
Quote from: qolderman on January 03, 2014, 10:11:42 PM
It's simple to do in PS.  ::)

Making the file transparent triggers the dimensional crop, if that's what you were suggesting.

Well I dunno what any of that means but I know how to remove the white and only the white. If you want I can do it and send you the file without the white.

Haha I can remove the white in the file, just not in-game without it being cropped.



KillerPig

Oh my god
kev knows how to remove the white

the game is putting the white on itself since it doesn't fit the dimensions

IGN: KillerPig (H) | NinjaPig (H) | ShadowPig (H) | KillerPig (L)
LVL: 225 | 225 | 225 | 44
GUILD: ZeaL | CourageCrew | Lil Optis | -



KillerPig

Quote from: nanak tatum on January 04, 2014, 04:44:49 PM
Quote from: KillerPig on January 04, 2014, 02:29:37 PM
Oh my god
kev knows how to remove the white

the game is putting the white on itself since it doesn't fit the dimensions

I know I am just saying my way of doing it .-. Please go get muted again
u: i know how to remove the white in PS
kev: me 2 but thats what makes it white
u: ya im just saying tho i know how to remove
kev: ya i know i know how to do that too
u: heres how u remove the white

wtfffffff

IGN: KillerPig (H) | NinjaPig (H) | ShadowPig (H) | KillerPig (L)
LVL: 225 | 225 | 225 | 44
GUILD: ZeaL | CourageCrew | Lil Optis | -



mikenny

January 04, 2014, 09:06:29 PM #26 Last Edit: January 04, 2014, 09:17:22 PM by mikenny
well idk how to explain how i do it cuz its almost the same as nanak, i'll hypercam how i do it when i'm not sick anymore ;) (sorry man) i'll give u a fullscreenshot tomorrow cuz now it's 1am over here and actually I should be sleeping :p

I'll try to do it ASAP.


EDIT: i'll go out of my way and give u the fullscreen now :D

Allie

Quote from: mikenny on January 04, 2014, 09:06:29 PM
well idk how to explain how i do it cuz its almost the same as nanak, i'll hypercam how i do it when i'm not sick anymore ;) (sorry man) i'll give u a fullscreenshot tomorrow cuz now it's 1am over here and actually I should be sleeping :p

I'll try to do it ASAP.

once again, to both of you, the white in this case is not possible to remove.
It is added by the client to stop people from manipulating dimensions.
You cannot remove this white even if the image is transparent. The white in the image is gone, the client simply cannot handle such an image.

mikenny

Quote from: Allie on January 04, 2014, 09:09:01 PM
Quote from: mikenny on January 04, 2014, 09:06:29 PM
well idk how to explain how i do it cuz its almost the same as nanak, i'll hypercam how i do it when i'm not sick anymore ;) (sorry man) i'll give u a fullscreenshot tomorrow cuz now it's 1am over here and actually I should be sleeping :p

I'll try to do it ASAP.

once again, to both of you, the white in this case is not possible to remove.
It is added by the client to stop people from manipulating dimensions.
You cannot remove this white even if the image is transparent. The white in the image is gone, the client simply cannot handle such an image.

sorry but with some files u can make it transparent (see my prev post, like 2 up), but in some cases the game makes it white or black :)

kev453

January 04, 2014, 10:47:38 PM #29 Last Edit: January 04, 2014, 11:01:53 PM by kev453
Quote from: Allie on January 04, 2014, 09:09:01 PM
once again, to both of you, the white in this case is not possible to remove.
It is added by the client to stop people from manipulating dimensions.
You cannot remove this white even if the image is transparent. The white in the image is gone, the client simply cannot handle such an image.

Quote from: mikenny on January 04, 2014, 09:20:06 PM
sorry but with some files u can make it transparent (see my prev post, like 2 up), but in some cases the game makes it white or black :)

Pretty much sums up what I'm seeing on my end.

Although I'd still like to see how you're getting results with a smaller version mikenny.

EDIT: Progress has been updated.



mikenny

January 05, 2014, 01:19:50 PM #30 Last Edit: January 05, 2014, 02:00:44 PM by mikenny
Quote from: kev453 on January 04, 2014, 10:47:38 PM
Quote from: Allie on January 04, 2014, 09:09:01 PM
once again, to both of you, the white in this case is not possible to remove.
It is added by the client to stop people from manipulating dimensions.
You cannot remove this white even if the image is transparent. The white in the image is gone, the client simply cannot handle such an image.

Quote from: mikenny on January 04, 2014, 09:20:06 PM
sorry but with some files u can make it transparent (see my prev post, like 2 up), but in some cases the game makes it white or black :)

Pretty much sums up what I'm seeing on my end.

Although I'd still like to see how you're getting results with a smaller version mikenny.

EDIT: Progress has been updated.

how do you mean? smaller? if it were smaller than yours the lifebar(the fill in bar)  would exceed the form of the borderbar(idk what to call it) it probably looks smaller cuz its windowed and full resolution of the game and my laptopmonitor.

could you PM me the pic's that fill in your bars? so i could make the full result.

The vid is being uploaded now, the end is long cuz i forgot hypercam still was on and didn't know how to turn it off :p

mikenny

sorry for making a new post for it but here's the vid

HP bar help for Kev

Iridion

its very nice, gj
can anyone explain me all the white thing crap


Quote from: Madproxyes because Iri & Kp can change the rules!
thats how we roll maddie

qolderman

Quote from: mikenny on January 05, 2014, 03:35:07 PM
sorry for making a new post for it but here's the vid

HP bar help for Kev
Muuuch easier to do with rubber .-.
IGN: Caustic



^thanks cooky <3
Quote from: Cooky on August 03, 2014, 12:05:07 AM
whats wrong with eating a sock

kev453




Allie

Quote from: kev453 on January 06, 2014, 03:26:19 AM
(click to show/hide)

The B is still a bit sketchy. Try a smooth tool.

Thornz


IGN: FM Thornz [Lv 270]
Quote from: cyc0828He destroy my guild
Not pants

Iridion

the "hp" part is too plain imo


Quote from: Madproxyes because Iri & Kp can change the rules!
thats how we roll maddie

kev453

Quote from: Allie on January 06, 2014, 06:27:35 AM
The B is still a bit sketchy. Try a smooth tool.
Gonna try using vector circles first, then if that fails I'll try smoothing.

Quote from: Thornz on January 06, 2014, 06:36:39 AM
Send me the new fil plz
Thread has been updated with download links, although this version is not final.

Quote from: Iridion on January 06, 2014, 06:40:34 AM
the "hp" part is too plain imo
Yeah I see what you mean, got any suggestions?



Iridion

Quote from: kev453 on January 06, 2014, 06:59:44 AM
Quote from: Allie on January 06, 2014, 06:27:35 AM
The B is still a bit sketchy. Try a smooth tool.
Gonna try using vector circles first, then if that fails I'll try smoothing.

Quote from: Thornz on January 06, 2014, 06:36:39 AM
Send me the new fil plz
Thread has been updated with download links, although this version is not final.

Quote from: Iridion on January 06, 2014, 06:40:34 AM
the "hp" part is too plain imo
Yeah I see what you mean, got any suggestions?

personally i'd make it like brushed metal, like the trans part


Quote from: Madproxyes because Iri & Kp can change the rules!
thats how we roll maddie

kev453

Quote from: Iridion on January 06, 2014, 08:31:46 AM
personally i'd make it like brushed metal, like the trans part

Blue one seems a bit too blue.
Gray one seems to fiber-y.
Will experiment a little more tomorrow.





Cooky


Iridion

Quote from: kev453 on January 06, 2014, 08:56:24 AM
Quote from: Iridion on January 06, 2014, 08:31:46 AM
personally i'd make it like brushed metal, like the trans part

Blue one seems a bit too blue.
Gray one seems to fiber-y.
Will experiment a little more tomorrow.




the second one is my fav
it also fits the bc logo's color scheme completely


Quote from: Madproxyes because Iri & Kp can change the rules!
thats how we roll maddie

mo9

looks pretty ****ing good mate , i agree with iri 2nd one is my fav the brushed metal fits perfectly
good job ;)
ZeaL Rank 1 BvB, just because


vv secks box

qolderman

Quote from: nanak tatum on January 06, 2014, 12:59:48 AM
Quote from: qolderman on January 06, 2014, 12:51:13 AM
Quote from: mikenny on January 05, 2014, 03:35:07 PM
sorry for making a new post for it but here's the vid

HP bar help for Kev
Muuuch easier to do with rubber .-.

Or you could take 10 seconds and 2 clicks by using magic eraser .-.
ye, I meant that .-.
IGN: Caustic



^thanks cooky <3
Quote from: Cooky on August 03, 2014, 12:05:07 AM
whats wrong with eating a sock

kev453

Quote from: Iridion on January 06, 2014, 10:39:37 AM
the second one is my fav
it also fits the bc logo's color scheme completely
Quote from: mo9 on January 06, 2014, 01:33:13 PM
looks pretty ****ing good mate , i agree with iri 2nd one is my fav the brushed metal fits perfectly
good job ;)


Alright cool I'll probably stick with that then, going overseas tomorrow so I won't be able to work more on it for a week.
The only issue now is the roughness of the B-area in game but using vectors and smoothing didn't make it any better.

Allie can put up with it..right?

And thread has been updated with new download links.



kev453

Quote from: qolderman on January 06, 2014, 07:56:33 PM
ye, I meant that .-.

LOL it wasn't removing the white that fixed it, it was saving it as a .png first then renaming it to a .tga. My PSD file was always transparent.

Apologies for the double post.



mygodZzZ

Wow kev, really nice work you've done, boy will i ever know how to do that.. prob not haha.

@mikenny hey could you send me download file to CS5? I tryed to find it, ANY possible way, couldn't find the download
Becuase I got that old CS2 and i'm dying to change it already.
i would appriciate if you sent me the download link..


P.s: Kev, I will download the files and if some prob i post it here, that's right?





kev453

Quote from: mygodZzZ on January 07, 2014, 02:48:37 AM
Wow kev, really nice work you've done, boy will i ever know how to do that.. prob not haha.

@mikenny hey could you send me download file to CS5? I tryed to find it, ANY possible way, couldn't find the download
Becuase I got that old CS2 and i'm dying to change it already.
i would appriciate if you sent me the download link..


P.s: Kev, I will download the files and if some prob i post it here, that's right?

Haha thanks, you'd be surprised of how little I did if you saw the PSD file, ask Met  ::)
Yes, post any issues that arise from the download here or PM me :)



mygodZzZ

Quote from: kev453 on January 07, 2014, 02:55:47 AM
Quote from: mygodZzZ on January 07, 2014, 02:48:37 AM
Wow kev, really nice work you've done, boy will i ever know how to do that.. prob not haha.

@mikenny hey could you send me download file to CS5? I tryed to find it, ANY possible way, couldn't find the download
Becuase I got that old CS2 and i'm dying to change it already.
i would appriciate if you sent me the download link..


P.s: Kev, I will download the files and if some prob i post it here, that's right?

Haha thanks, you'd be surprised of how little I did if you saw the PSD file, ask Met  ::)
Yes, post any issues that arise from the download here or PM me :)
now you see, I know a bit about computers but I don't even know what's a PSD. xD





Xx Itz Ian

Quote from: nanak tatum on January 07, 2014, 04:59:22 AM
Quote from: mygodZzZ on January 07, 2014, 04:55:23 AM
Quote from: kev453 on January 07, 2014, 02:55:47 AM
Quote from: mygodZzZ on January 07, 2014, 02:48:37 AM
Wow kev, really nice work you've done, boy will i ever know how to do that.. prob not haha.

@mikenny hey could you send me download file to CS5? I tryed to find it, ANY possible way, couldn't find the download
Becuase I got that old CS2 and i'm dying to change it already.
i would appriciate if you sent me the download link..


P.s: Kev, I will download the files and if some prob i post it here, that's right?

Haha thanks, you'd be surprised of how little I did if you saw the PSD file, ask Met  ::)
Yes, post any issues that arise from the download here or PM me :)
now you see, I know a bit about computers but I don't even know what's a PSD. xD

It's the file type that Photoshop saves it's photos in. Like png, jpg but photoshop saves them in .psd

Actually psd = photoshop document
It's not an image it's all layers in the psd saved and memorized for next time you open it. Where a normal image would onky save the final uneditable result a psd allows you to edit it at anytime.
League of Legends:
http://euw.op.gg/summoner/userName=ianv
http://euw.op.gg/summoner/userName=smurf+leblanc
http://euw.op.gg/summoner/userName=qqdz


▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬
  Xx ItZ Ian
▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬

Iridion

i tried to fix the white thingy around "bc"


looks a bit less sharpened rite


Quote from: Madproxyes because Iri & Kp can change the rules!
thats how we roll maddie

kev453

Quote from: Iridion on January 07, 2014, 03:37:32 PM
i tried to fix the white thingy around "bc"


looks a bit less sharpened rite

How the heck did you do that?

-from Thailand



Iridion

Quote from: kev453 on January 09, 2014, 08:52:19 AM
Quote from: Iridion on January 07, 2014, 03:37:32 PM
i tried to fix the white thingy around "bc"


looks a bit less sharpened rite

How the heck did you do that?

-from Thailand

really light radial blur ;)


Quote from: Madproxyes because Iri & Kp can change the rules!
thats how we roll maddie

kev453

I slightly resized it and it looks a lot smoother now imo.

Updated download link where only the ui_int_back.tga is new. Probably gonna leave it there if it's working without any bugs.



mygodZzZ

It's a bit blurry, is it suposed to be that way because I have Low quality?





kev453

Quote from: mygodZzZ on January 24, 2014, 04:41:28 PM
It's a bit blurry, is it suposed to be that way because I have Low quality?

Which part are you talking about? And based off your screeny you don't appear to be using the actual bar o.o



Copyright © ZylonGaming 2009 - 2024
-Terms of Use-