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
show more
Please sign in to reply.

New reply