Ok, I recently saw that a lot of people are having trouble making stat sigs (if a am right) so therefore I as part of the beta team (yay!) decided to make a guide for everyone on how to make one. In this tutorial I will hopefully suceed in getting you to make your very own sig! Hope this helps
_______________________________WYSIWYG___________________________________
(What You See Is What You Get)
Step 0
-Most important step of all
This is the by far most important step of them all. Go to your stat page, remeber to not include your prefix only nickname, and click on "Sig Generator" found in the top right corner
Step 1
-Background
The first thing we need to do is make a background, this can simply be done by clicking on the select button and choosing one, in this case I chose "Green-black.png" You can choose any one you like or enter the URL adress of another one you think fits better. When decided click "Set BG"
Step 2
-Strings
note: A "string" is the text that goes on the sig such as time etc.
This is the fun part in my opinion, why? You get to make the custom strings! For this example I will just add one string and fill in others so I do not use too much space.
First step of strings
1) -Decide what the text is going to be (write it in the "add string" box)
-Decide what size it is going to be (put in a value in the "Size" box)
-Decide what font it is going to be (Choose from the "font" box)
-Decide what color it is going to be (put a value for a color within the "Color" box)
2) -Click "Create String" and to my best knowlege drag and drop after that, place it anywhere you would like it (a feature that seems to be out of order at the moment)
That should give you the general idea
* The color may be difficult to choose so you can use this tool or this thread for help.
Step 3
-Stats (bragging part)
Congratulations, you have reached the almost final step! Now, just select wich stat you want to display and drag and drop (again, this seems to be out of order at the moment.) You can simply click on the stat change color and generally do it like with the strings.
Step 4
-Finishing touches
0) -Click "Generate Code" to show you the code
1) -Align all the strings manually.
Just make things supposed to be on the same line be on the same pixel start and things parallel etc.
2) -Make sure you are done.
3) -Click "Save Sig"
4) -Thank me!
Still having problems? Well you could veiw the video under made by GotMex as a last resort, or just ask me to elaborate more on something!
[google]http://video.google.com/videoplay?docid=-8120203032413709521[/google]
High quality: http://www.gotmex.net/bf2/videos/sig640.avi
__________________-MANUAL CODING-___________________
This is the easy/skilled/fun/l33t/Über way to do things!
Step 1
-Crucial Step
-Don't Panic! This may be the most important step of them all.
Step 2
-Deciding who's stats
-This step is one of the easiest. We will decide who's stats are going to be shown on the sig. This is done by adding a part to the code. For this example I chose my own, if you want one just like the result of this tutorial change it to your own.
Step 3
-Giving a background to the sig
-To give a background we can either choose one provided by chuy, or we put the url of a random image on the net. The code should look something like this:
orThe top one is one of the many standard ones provided by chuy, the bottom is a custom one.
Step 3
-Strings!
-Yay, custom stuff now. there are several aspects of a string, the font, size, color(ur), placement, and ofcourse the actual text on it.
For the first 2 we have an own line "font" and it looks alot like this:Notice the different parts.
"font:" just says what is going to be decided.
"slkscr" tells which font it is.
"6" says what size it is going to be.
it is very important to have the comma indicating a change in data/different type of info
COLORS(ur) are fun. A color deciding line in the code looks like this:"color:" just says that it is going to be a line deciding what colo(u)r of text
The next three numbers are each different values deciding the amount of Red Green and Blue. They are always in that order and get their values accordingly. you can use This tool to find one you like.
Now for the actual text the code looks something like this:"string" indicates that something is going to get written.
"Score :" is what actually is written on the sig
"187" indicates whre on the x axis the text is going to be written
"2" indicates where on the y axis the text is going to be written, this is from the top!
note: The , still seperates all of the different values from eachother so try not to make lines with commas in them
Step 4
-Stats and bragging
-This is the bragging part of the sig! There are many different types of stas and that is why I will not go too deep in to it, you should really check out the Syntax Thread for this, but maybe I will add this part later... Nevertheless a stat code looks like this:You still have the same things basicly as string before (Font and colo(u)r)
Anyways "stat:" decides that the line is going to show stat information
"overall" indicates which category the stat is in
"time tells which one in the category
"null" is a pretty value I'm not sure why is there to be honest but it works out fine
"227" indicates where on the xaxis the stat is going to be displayed
"11" indicates where on the y axis the stat is going to be displayed
note: The , still seperates all of the different values from eachother so try not to make lines with commas in them
The final code availble for you!
Code:## PID ## pid:66034489 ##REMEBER TO CHANGE THIS TO YOUR OWN PID## ## BACKGROUND ## bg:rank_basic ## STRINGS ## color:255,232,5 font:slkscr,6 string:TIME :,195,11 string:Score :,187,2 string:SPM :,276,2 string:K/D :,278,11 ## STATS ## color:28,215,56 font:slkscr,6 stat:overall,time,null,227,11 stat:overall,kdr,null,305,11 font:slkscr,6 stat:overall,score,null,227,2 stat:overall,score_per_minute,null,305,2 color:255,232,5 font:DirtyEgo,14 stat:overall,nick,null,18,0
______________________PIXEL RULER THINGY______________________
As promised just a series of pixel measurments wich can help you align strings etc.
1px: Very little eh? But it makes a big difference whete a sig is neat or not!
5px:
10px
20px
50px
100px
I HOPE THIS HELPED!
_______________________________WYSIWYG___________________________________
(What You See Is What You Get)
Step 0
-Most important step of all
This is the by far most important step of them all. Go to your stat page, remeber to not include your prefix only nickname, and click on "Sig Generator" found in the top right corner
Step 1
-Background
The first thing we need to do is make a background, this can simply be done by clicking on the select button and choosing one, in this case I chose "Green-black.png" You can choose any one you like or enter the URL adress of another one you think fits better. When decided click "Set BG"
Step 2
-Strings
note: A "string" is the text that goes on the sig such as time etc.
This is the fun part in my opinion, why? You get to make the custom strings! For this example I will just add one string and fill in others so I do not use too much space.
First step of strings
1) -Decide what the text is going to be (write it in the "add string" box)
-Decide what size it is going to be (put in a value in the "Size" box)
-Decide what font it is going to be (Choose from the "font" box)
-Decide what color it is going to be (put a value for a color within the "Color" box)
2) -Click "Create String" and to my best knowlege drag and drop after that, place it anywhere you would like it (a feature that seems to be out of order at the moment)
That should give you the general idea
* The color may be difficult to choose so you can use this tool or this thread for help.
Step 3
-Stats (bragging part)
Congratulations, you have reached the almost final step! Now, just select wich stat you want to display and drag and drop (again, this seems to be out of order at the moment.) You can simply click on the stat change color and generally do it like with the strings.
Step 4
-Finishing touches
0) -Click "Generate Code" to show you the code
1) -Align all the strings manually.
Just make things supposed to be on the same line be on the same pixel start and things parallel etc.
2) -Make sure you are done.
3) -Click "Save Sig"
4) -Thank me!
Still having problems? Well you could veiw the video under made by GotMex as a last resort, or just ask me to elaborate more on something!
[google]http://video.google.com/videoplay?docid=-8120203032413709521[/google]
High quality: http://www.gotmex.net/bf2/videos/sig640.avi
__________________-MANUAL CODING-___________________
This is the easy/skilled/fun/l33t/Über way to do things!
Step 1
-Crucial Step
-Don't Panic! This may be the most important step of them all.
Step 2
-Deciding who's stats
-This step is one of the easiest. We will decide who's stats are going to be shown on the sig. This is done by adding a part to the code. For this example I chose my own, if you want one just like the result of this tutorial change it to your own.
Code:
pid:66034489
-Giving a background to the sig
-To give a background we can either choose one provided by chuy, or we put the url of a random image on the net. The code should look something like this:
Code:
bg:rank_basic
Code:
bg:http://img221.imageshack.us/img221/9413/bg01rt9.jpg
Step 3
-Strings!
-Yay, custom stuff now. there are several aspects of a string, the font, size, color(ur), placement, and ofcourse the actual text on it.
For the first 2 we have an own line "font" and it looks alot like this:
Code:
font:slkscr,6
"font:" just says what is going to be decided.
"slkscr" tells which font it is.
"6" says what size it is going to be.
it is very important to have the comma indicating a change in data/different type of info
COLORS(ur) are fun. A color deciding line in the code looks like this:
Code:
color:255,232,5
The next three numbers are each different values deciding the amount of Red Green and Blue. They are always in that order and get their values accordingly. you can use This tool to find one you like.
Now for the actual text the code looks something like this:
Code:
string:Score :,187,2
"Score :" is what actually is written on the sig
"187" indicates whre on the x axis the text is going to be written
"2" indicates where on the y axis the text is going to be written, this is from the top!
note: The , still seperates all of the different values from eachother so try not to make lines with commas in them
Step 4
-Stats and bragging
-This is the bragging part of the sig! There are many different types of stas and that is why I will not go too deep in to it, you should really check out the Syntax Thread for this, but maybe I will add this part later... Nevertheless a stat code looks like this:
Code:
stat:overall,time,null,227,11
Anyways "stat:" decides that the line is going to show stat information
"overall" indicates which category the stat is in
"time tells which one in the category
"null" is a pretty value I'm not sure why is there to be honest but it works out fine
"227" indicates where on the xaxis the stat is going to be displayed
"11" indicates where on the y axis the stat is going to be displayed
note: The , still seperates all of the different values from eachother so try not to make lines with commas in them
The final code availble for you!
Code:## PID ## pid:66034489 ##REMEBER TO CHANGE THIS TO YOUR OWN PID## ## BACKGROUND ## bg:rank_basic ## STRINGS ## color:255,232,5 font:slkscr,6 string:TIME :,195,11 string:Score :,187,2 string:SPM :,276,2 string:K/D :,278,11 ## STATS ## color:28,215,56 font:slkscr,6 stat:overall,time,null,227,11 stat:overall,kdr,null,305,11 font:slkscr,6 stat:overall,score,null,227,2 stat:overall,score_per_minute,null,305,2 color:255,232,5 font:DirtyEgo,14 stat:overall,nick,null,18,0
______________________PIXEL RULER THINGY______________________
As promised just a series of pixel measurments wich can help you align strings etc.
1px: Very little eh? But it makes a big difference whete a sig is neat or not!
5px:
10px
20px
50px
100px
I HOPE THIS HELPED!
Last edited by WilhelmSissener (2006-11-03 12:34:50)