How Do I Edit/Customize This Lifebars Portraits

[ArcBeast]

Hey guys! 
this is the first time I try to make my own Portrais on this lifebars:

 

The question is since I'm still a newbey on this stuff.  can you guys teach me how to make the render pitcure I had become fit or can be use on Character DEF with this Lifebars Portraits

plus I only had Photoshop to make a portraits should I use another edit application beside Photoshop?

your help would be so appreciate if you guys can teach me~

[Sergal]

Hi, You have several elements that need to be separated and specified in different files, Portraits must go in SFF of your character and is configured in file fight.def in the section [Face]

 

[Face]

 

; Player 1
p1.pos = 38.38
p1.bg0.spr = 50.0
p1.bg1.anim = 51
p1.face.spr = 8999.0
p1.face.facing = 1
p1.face.offset = 0.0
p1.face.layerno = 0
p1.face.scale = 0.75,0.75

 

Sprites to life bars and power bars are usually located in the figth.sff file and are set in the [Lifebar] && [Powerbar] sections on the  fight.def. file.

 

[Lifebar]

 

; Player 1
p1.pos = 590.90; 590.40
p1.bg0.anim = 14
p1.bg0.offset = -16.15
p1.bg0.layerno = 0; 
p1.bg1.offset = -3.15
p1.bg1.spr = 10.1
p1.bg2.offset = -3.15
p1.bg2.anim = 10.0
p1.mid.anim = 13
p1.mid.offset = -3.15
p1.front.anim = 12.0
p1.front.offset = -3.15
p1.front.layerno = 0; 
p1.range.x = -391, -5; -386

[Powerbar]

 

; PLAYER 1
p1.pos = 480,630
p1.bg0.spr = 40.0
p1.bg0.offset = -6.4
; p1.bg0.layerno = 2

; p1.bg1.anim = 41
; p1.bg1.offset = -6.4
; p1.bg1.layerno = 2
; p1.mid.spr = 42.0

p1.front.anim = 41.0
p1.front.offset = -6.4
; p1.front.layerno = 2

p1.range.x = -8, -330
p1.counter.offset = -256.15
p1.counter.font = 4.0, 0, 242,242,255

 

If you don't want to separate these elements and you know how to program in .CNS files, the best thing would be to create a custom bar, that is; you would not manipulate system files but instead character files CNS .SFF .AIR 

 

P.S My English is barely acceptable but I wanted to inform you in any way.