forum

Sword Art Online & Sword Art Online II Health bar (Open)

posted
Total Posts
500
Topic Starter
IA42
Changelog:
10/12/2014 05:30 AM UTC + 07:00
- Add SAO font in archive
05/11/2014 08:02 PM UTC + 07:00
- Change the *.rar file to *.zip to fix some problem on another PC
05/11/2014 05:38 PM UTC + 07:00
- Add tutorial (not complete yet :cry: )
29/10/2014 09:29 AM UTC +07:00
- Added secondary scorebar colour
29/10/2014 08:30 AM UTC +07:00
- removed rar password
28/10/2014 08:09 AM UTC +07:00
- re-added linked avatar
28/102014 06:28 AM UTC +07:00
- Added psd file for both scorebar
28/10/2014 04:57 AM UTC +07:00
- Removed linked avatar and use osu! avatar(don't worry just tell me if you have external source)
27/10/2014 10:28 AM UTC +07:00
- Added health bar SAO II episode excalibur
- Added Avatar support (only SAO II episode excalibur)
screenshot
Sword Art Online

Sword Art Online II
Tutorial "How to use the .psd file" (Not complete yet)
- First: How to edit the name
download the file from the download section and open it with photoshop CC (i dunno the file will work on another photoshop i never try it :cry: )
Next after you open it with your photoshop click text editor choose SAO font and edit the text by clicking my username and click "confirm: " to done like this:

(if you wanna the font just search by googling it or contact me via "in-game chat")
- Second: How to add avatar
Same like before just open it with photoshop CC then find the avatar you wanna to use, drag n drop the file and resize it by hovering your mouse to the side of avatar image and click n drag, click "confirm:" to done the resizing move it with move tool and go to layer tab right click the avatar layer and click "create clipping mask"

done you got the scorebar :D don't forget to save it by click "File>Save as>and choose format .png

And now the scorebar colour :D
Pick a colour you want by click this tool: and choose the colour
Then use "Paint tool" click a layer you wanna to colouring and click again in "Canvas" to paste the colour you pick before like this

You can reduce the lightness by press ctrl+u and reduce the value to "-10" and "-20" for the darker colour

don't forget to save it by click "File>Save as>and choose format .png

Then after you done those step neeeeeeeeeeeeeexxxt how to resize it XD
Drag n drop the file you save before to photoshop and press Alt+Ctrl+I then you will see this window

Change the scale mode to percent like the pic and reduce the value to 50 then press "ok" and save it and change the name without @2x...

Sorry i made it in fast so i didn't know it's good or not but i hope you can understand what i wrote here and thank you for read this tutorial :)
Download *.PSD file here: Sword Art Online & Sword Art Online II
(Extract the file using winrar or 7-zip & Use photoshop CC to open the PSD file)
Open for request :D (only can request 5 scorebar for now :o )

Sword art online code request
Copy this code to this thread and fill the information (use HEX or RGB for scorebar colour)
Health bar: SAO
Name:
Scorebar colour:
Sword art online II code request
Copy this to code this thread and fill the information (use HEX or RGB for scorebar colour)
Health bar: SAO II
Name:
Scorebar colour:
Secondary scorebar colour:
Avatar: yes/no
Yousoro
Name: Yikari
Score bar colour: (Hex: #7DF9FF) or (RGB: 125, 249, 255)
Topic Starter
IA42

Yikari wrote:

Name: Yikari
Score bar colour: (Hex: #7DF9FF) or (RGB: 125, 249, 255)
Hi Yikari!!!
Here for the score bar hope you like it
http://puu.sh/cscw4.rar
[ Pustules ]
thank you!!
Yousoro

IA42 wrote:

Yikari wrote:

Name: Yikari
Score bar colour: (Hex: #7DF9FF) or (RGB: 125, 249, 255)
Hi Yikari!!!
Here for the score bar hope you like it
http://puu.sh/cscw4.rar
Thank you very much! :)
VisionS
Could we change the color and name on our own? I was wondering about that since the psd isn't included
Gumpy
The health bar is one of the best parts of the show.
Disconnected_old_1
Could you release the .psd files instead?
Topic Starter
IA42

VisionS wrote:

Could we change the color and name on our own? I was wondering about that since the psd isn't included
Yes you can, just post the code bellow download link in this forum and follow the instruction

Gumpyyy wrote:

The health bar is one of the best parts of the show.
haha yeah i think so...

Disconnected wrote:

Could you release the .psd files instead?
hmm... sorry i'm not using Photoshop for doing this but i will re-make for the *.psd version ASAP
Liam-_old
Hiii! <3

Health bar: SAO II
Name: Liam-
Scorebar colour: #FF0000
Avatar: Yes (Can it just be my own?)
[-Cloud-]
psd would really be appreciated.
Topic Starter
IA42

Liam- wrote:

Hiii! <3

Health bar: SAO II
Name: Liam-
Scorebar colour: #FF0000
Avatar: Yes (Can it just be my own?)
Hi Liam-!!!
Here for the score bar hope you like it
http://puu.sh/ctgkc.rar

[-Cloud-] wrote:

psd would really be appreciated.
Work in progress just be patient.
KoiFishu
Health bar: SAO II
Name: HostileReflex
Scorebar colour: #FF00FF
Avatar: yes, my profile's avatar please :D
Topic Starter
IA42

HostileReflex wrote:

Health bar: SAO II
Name: HostileReflex
Scorebar colour: #FF00FF
Avatar: yes, my profile's avatar please :D
Hi HostileReflex!!!
Here for the score bar hope you like it
http://puu.sh/ctgNI.rar
Liam-_old

IA42 wrote:

Hi Liam-!!!
Here for the score bar hope you like it
http://puu.sh/ctgkc.rar
I love it! Thank you so muuch!~ <3
Yousoro
Err i'm sorry to make another request but the second health bar looks really nice, i couldn't help myself here

Health bar: SAO II
Name: Yikari
Scorebar colour: (Hex: #7DF9FF) or (RGB: 125, 249, 255)
Avatar: yes, my own avatar please

thank you for your cooperation
Topic Starter
IA42

Yikari wrote:

Err i'm sorry to make another request but the second health bar looks really nice, i couldn't help myself here

Health bar: SAO II
Name: Yikari
Scorebar colour: (Hex: #7DF9FF) or (RGB: 125, 249, 255)
Avatar: yes, my own avatar please

thank you for your cooperation
Its okay don't worry ;)
Hi Yikari!!!
Here for the score bar hope you like it
http://puu.sh/ctka5.rar
Yousoro

IA42 wrote:

Its okay don't worry ;)
Thanks a lot! :D
Perished
Health Bar: SAO
Name: Perished
Scorebar colour: #CCCCFF

Tyvm!~
Topic Starter
IA42

Perished wrote:

Health Bar: SAO
Name: Perished
Scorebar colour: #CCCCFF

Tyvm!~
Hi Perished!!!
Here for the score bar hope you like it
http://puu.sh/ctmNV.rar
Piine
Health bar: SAO II
Name: Sulker
Scorebar colour: #add8e6 or RGB 173-216-230
Avatar: Yes and please use This
CookieZed
Health bar: SAO II
Name: CookieZed
Scorebar colour: Hex #: 33CCFF
Avatar: Yep, my own avatar
Nameless
Health bar: SAO II
Name: MintLatios
Scorebar colour: RGB: 0, 159, 255 Hex: 009FFF
Avatar: yes
Topic Starter
IA42

Sulker wrote:

Health bar: SAO II
Name: Sulker
Scorebar colour: #add8e6 or RGB 173-216-230
Avatar: Yes and please use This

CookieZed wrote:

Health bar: SAO II
Name: CookieZed
Scorebar colour: Hex #: 33CCFF
Avatar: Yep, my own avatar

MintLatios wrote:

Health bar: SAO II
Name: MintLatios
Scorebar colour: RGB: 0, 148, 255 Hex: 0094FF
Avatar: yes
Nameless

IA42 wrote:

Sulker wrote:

Health bar: SAO II
Name: Sulker
Scorebar colour: #add8e6 or RGB 173-216-230
Avatar: Yes and please use This

CookieZed wrote:

Health bar: SAO II
Name: CookieZed
Scorebar colour: Hex #: 33CCFF
Avatar: Yep, my own avatar

MintLatios wrote:

Health bar: SAO II
Name: MintLatios
Scorebar colour: RGB: 0, 148, 255 Hex: 0094FF
Avatar: yes
Ty <3
What program do you use if you don't mind me asking?
Topic Starter
IA42

MintLatios wrote:

Ty <3
What program do you use if you don't mind me asking?
Photoshop CC ;)
[-Cloud-]
Health bar: SAO
Name: Cloud
Scorebar colour: #FF0000
Avatar: yes, my own would be awesome!
Topic Starter
IA42

[-Cloud-] wrote:

Health bar: SAO
Name: Cloud
Scorebar colour: #FF0000
Avatar: yes, my own would be awesome!
Hi [-Cloud-]!!!
Here for the score bar hope you like it
http://puu.sh/ctuuZ.rar
MashiroSymphony
Health bar: SAO II
Name: Symphony
Scorebar colour: RGB: 0, 148, 255 Hex: 0094FF
Avatar: yes pls
[-Cloud-]

IA42 wrote:

[-Cloud-] wrote:

Health bar: SAO
Name: Cloud
Scorebar colour: #FF0000
Avatar: yes, my own would be awesome!
Hi [-Cloud-]!!!
Here for the score bar hope you like it
http://puu.sh/ctuuZ.rar
Isn't this the SAO II Healthbar? Thank you though. ^_^
Topic Starter
IA42

MashiroSymphony wrote:

Health bar: SAO II
Name: Symphony
Scorebar colour: RGB: 0, 148, 255 Hex: 0094FF
Avatar: yes pls
Hi MashiroSymphony!!!
Here for the score bar hope you like it
http://puu.sh/ctv3h.rar

[-Cloud-] wrote:

Isn't this the SAO II Healthbar? Thank you though. ^_^
yes is it, because SAO health bar not support avatar but you put "avatar: yes" so i think it's should be right if i'm put SAO II heath bar who support avatar.
[-Cloud-]
Gotcha, didn't read that. Sorry ><
Topic Starter
IA42

[-Cloud-] wrote:

Gotcha, didn't read that. Sorry ><
No prob :D
MashiroSymphony
Thank you!!! :D
daftp
Health bar: SAO II
Name: daftp
Scorebar colour: #70bfe7 or RBG: 112, 191, 231
Avatar: Yes! my profile avatar please

Thanks~ :D
Dznutz
Health Bar: SAO II
Name: Dznutz
Scorebar colour: Hex: #8B0000 or RGB (139,0,0)
Avatar: Yeah, My profile picture

Thank you
Topic Starter
IA42

daftp wrote:

Health bar: SAO II
Name: daftp
Scorebar colour: #70bfe7 or RBG: 112, 191, 231
Avatar: Yes! my profile avatar please

Thanks~ :D

Dznutz wrote:

Health Bar: SAO II
Name: Dznutz
Scorebar colour: Hex: #8B0000 or RGB (139,0,0)
Avatar: Yeah, My profile picture

Thank you
Hi daftp & Dznutz!!!
Here for the score bar hope you like it

Kritzkingvoid
Health Bar : SAO III
Name : Kritz
Scorebar Color : RGB: 0, 148, 255 Hex: 0094FF
Avatar : Yes

Also i'm curious about the buffs on top
Thx
Topic Starter
IA42

Kritzkingvoid wrote:

Health Bar : SAO III
Name : Kritz
Scorebar Color : RGB: 0, 148, 255 Hex: 0094FF
Avatar : Yes

Also i'm curious about the buffs on top
Thx
i didn't mention anything about SAO III (it's the kind of new season of SAO?) but i will do the SAO II health bar if you don't mind
Hi Kritzkingvoid!!!
Here for the score bar hope you like it
http://puu.sh/ctzRL.rar
Heavenly
Health Bar: SAO II
Name: Heavenly
Scorebar Color : RGB: 85,246,246
Avatar: this please! http://puu.sh/ctE1M/dd7b3eb553.png

Looks really nice!
EdgyCuck
I'm not sure on how to get this working as a score bar on a skin. Any help would be good.
Topic Starter
IA42

Heavenly wrote:

Health Bar: SAO II
Name: Heavenly
Scorebar Color : RGB: 85,246,246
Avatar: this please! http://puu.sh/ctE1M/dd7b3eb553.png

Looks really nice!
Hi Heavenly!!!
Here for the score bar hope you like it
http://puu.sh/ctEPg.rar
Topic Starter
IA42

OtakuLegend wrote:

I'm not sure on how to get this working as a score bar on a skin. Any help would be good.
Hmm... i dunno what you mean "how to get this working as a score bar on a skin" but if you download the file from the first page that's maybe the problem, so to solve this just open it with photoshop CC, edit the avatar frame & text, then save it to your skin folder but if you not @2x user just rezise it to 50%.
-T o h s a k a-
Health Bar: SAO II
Name: Fight4ReaL
Scorebar Color : RGB: 85,246,246
Avatar: Yes pls
Topic Starter
IA42

Fight4ReaL wrote:

Health Bar: SAO II
Name: Fight4ReaL
Scorebar Color : RGB: 85,246,246
Avatar: Yes pls
Hi Fight4ReaL!!!
Here for the score bar hope you like it
http://puu.sh/ctVln.rar
acchikocchi_old
SAO 2
Name: acchikocchi
Score bar colour: (Hex: #7DF9FF) or (RGB: 125, 249, 255)
avatar: Yes [My avatar]


Please :3
Jeffrey
Health bar: SAO II
Name: jeff_chong
Scorebar colour: #140ca3
Avatar: Yes, use my avatar pls

Thanks in advance!
Goobiz
What font are you using?
patsan
Health bar: SAO II
Name: patsan
Scorebar colour: RGB: 51, 255, 204 Hex: 33FFCC
Avatar: yes

Thanks!
Myshqa98
Health bar: SAO II
Name: Myshqa98
Scorebar colour: RGB:156, 68 , 201 Hex: 9C44C9
Avatar: Yes

Thank you :3
show more
Please sign in to reply.

New reply