Tutorial Colors In a Nice Way

Status
Not open for further replies.

Dimaspy

New Member
Reaction score
19
Many times when you're doing your own map, you want colors on unit names, in triggers, loading screen etc etc..
So, here I will explain how you get all colors EXACTLY as you want them!
(Credits to WarLuvr3393, sorry for stealing your art of tutorial display, but I've changed it now :D )

-- Remember to reply a comment about what you think, and +rep if you think it's of any use for you! :) --

1. Text displays - An example

In the campaign, and also in custom games, there will be a big text on the left of your screen telling you something.
You might have noticed that in custom games, the whole text will be one or many colors, or just plain white.
In the campaigns though, will they have a 'title' before the text, like this one below:

As you can see, the title is light blue, and the text plain white. Myself, I think this looks much better.

Now, let's get an example. Let's say that we want the following text;

We want the title in orange, and the rest in white.
We have now opened the trigger, and ready to type:

|cffff8c00Notice:|r You may now build Banshees.
Okay, so let's walk through this text.
In the beginning, theres the start tag '|c'. This is the start of the 'color' tag. You WILL need this one.
The first 'ff' Means 'Full'. "Full of what?" you say? In this part of the tag, they decide the transparency of the part, here, the text.
The next 'ff' means 'Full' too. "Full of what now?" You say? Roll down to part two. This part decides how much of the red color you want. 'ff' is also full red.
The third part, 8c, is the green color. also here, 'ff' is full green.
The last part, 00 is the blue color.
Now comes the text that will be orange, then |r. What does that part mean you say? 'Return'.

Now you know, |c is color, ff, tansparency, ff red, 8c green, 00 blue, and |r return.

2. Colors and their letters - A walkthrough

You have already learned that 'F' is Full. But what about the others?
The color codes are written 0-F, zero to f. And the letters between them are listed below:
0 1 2 3 4 5 6 7 8 9 A B C D E F
Now you might understand it, dont you? I will go through them anyway.
0 is zero. in RRGGBB, and its 000000, it'll turn black. black and ugly. Doing it with full color, FFFFFF it'll turn white.
If you make them the same all the way from black to white, you'll have diffirent gray colors. example; 050505 is very very dark gray, while FEFEFE is very very light.
FF0000 is red, 00FF00 green, and 0000FF blue. And as another example, if you mix red with blue, what will you get? purple of course! FF00FF.
You can mix as much as you want. If you have problems finding the yellow color, it's FFFF00, red mixed with green.

Try mixing some of these in paint or photoshop, and you will learn it perfectly.

3. Objects - Hotkeys at it's best

When editing or making new units, you want to have hotkeys. Fine, Text - Hotkey "A". Now what?
In most maps you will be told the hotkeys for each unit. How? In their names when training them!
But how is this possible? Well, open up the Text - Tooltip - Basic and take a look.
Doing a colored hotkey can be done in diffirent ways, you can make one of the letters in the name be colored, or you make one next to the name.
How?
You have already seen it. As in the first part of this tutorial, you saw that you could make display texts in diffirent colors, so why shouldn't it work with unit names?
Does it work with more than just the tooltip? Yes, actually it does! Try doing it with unit names, and everything else writeable.
Example, example.. Well, here you are: Train |cffffcc00B|ranshee

For special items, such as unique and artifacts, these colours and names are to be placed first in the Text - Description, with a "next" ( |n ) tag in its end. This next tag jumps to next row, for those who didn't know. Yep, another example for you: |cff8b00ffUnique|r|nA Kul Tiras navy commander's shield.

4. Useful colors - already made, and good for usin'

As diffirent titles most often got diffirent colors, I'll now give examples on what's good using.

Some special item colours, to save some time finding. Do keep in mind that 'Good' and 'Superior' are not Warcraft 3 original. I took them from World of Warcraft. However, they could be handy in an ORPG.

To save you time, I will also give you the player colors:

With this, I hope you best of luck, and paint your maps nicely with beautiful colors!
 
Last edited by a moderator:

Dimaspy

New Member
Reaction score
19
Before you tell me, yes there ARE a tutorial with colors. But I saw so much stuffs in it which.. wasn't real good.
 

martix

There is no spoon
Reaction score
49
Actually F doesn't mean anything. Its just part of the hexadecimal numbering system.
like: A=10, B=11... F(hex)=15(dec)
 
C

Chevron8

Guest
very good

a nice and simple guide, maby could you add what the colors actully look like?
ex: Player 1, red - #ff0202

good job
 

Dimaspy

New Member
Reaction score
19
martix said:
Actually F doesn't mean anything. Its just part of the hexadecimal numbering system.
like: A=10, B=11... F(hex)=15(dec)

I am just making it easier to understand, F is full, 0 is nothing.
 

WarLuvr3393

Hmmm...too many things to play (WoW, COD4, WC3)
Reaction score
54
Lawl, he copied my post name type "[Tutorial]" and he copied my colors. But whatever lol, pretty good tutorial, I'll rep ya, just try to be more creative before you copy my whole tutorial style. (JK)

_______________
Tauren Tag​
A new tag map with Taurens as the taggers! Same gameplay ideas, not the same map as Sheep Tag. Runners have to build a base to survive against the Taurens and must last 30 minutes to win. Taurens must pulverize all the Runners within 30 minutes to win. Download Tauren Tag here. Want to learn how to make a tag map? Go to my Tutorial to learn how!
 

WarLuvr3393

Hmmm...too many things to play (WoW, COD4, WC3)
Reaction score
54
No, what I meant is, if you look at the colors of his sections, it's orange, bold, size 4. If you look at my tutorial, it's the same exact thing. But my tutorial is older, meaning he got it from me. Also, if you look at the name of my tutorial, it's "[Tutorial] Making A Tag." His is "[Tutorial] etc..." He clearly looked upon my tutorial and copied it. I'm not saying this is bad in any way but I mean like he jacked my style lol. It had nothing to do with an arrangement of colors. Btw, all the tutorials don't have to have bold, size four, orange titles, they can be whatever you want, just to let you know. :eek:

_______________
Tauren Tag​
A new tag map with Taurens as the taggers! Same gameplay ideas, not the same map as Sheep Tag. Runners have to build a base to survive against the Taurens and must last 30 minutes to win. Taurens must pulverize all the Runners within 30 minutes to win. Download Tauren Tag here. Want to learn how to make a tag map? Go to my Tutorial to learn how!
 
M

Masterfrog

Guest
I wasn't specifically talking to you. I was just saying how needless (in general) it is to give examples of a few colors when you can link to a site such as that instead :)
 

Dimaspy

New Member
Reaction score
19
WarLuvr3393 said:
Lawl, he copied my post name type "[Tutorial]" and he copied my colors. But whatever lol, pretty good tutorial, I'll rep ya, just try to be more creative before you copy my whole tutorial style. (JK)
But it looked so nice! :D
I'll be more creative next time then :p

Read your tutorial, it was great. +rep :shades:
 

lllidan

New Member
Reaction score
22
FF doesn't stand for full, it's just colors uses hexadecimal (base 16) numbering.

since in number bases you can't use 2 numbers to represent one place they did it liek this:

0 - 0
1 - 1
2 - 2
3 - 3
4 - 4
5 - 5
6 - 6
7 - 7
8 - 8
9 - 9
A - 10 < But now since you can't use two characters in one place, you need soemthing to represent '10' so we used A, a recognizable character.
B - 11
C - 12
D - 13
E - 14
F - 15

SO in Hexadecimal it's base 16 so it's liek this:

16^3 || 16^2 || 16^1 || 16^0
-------------------------------
__0______0_______F______F

So this means it's (F * 16^0) + (F * 16^1)
Also translated as (15 * 1) + (15 * 16) = 255, the full amount of coloring.

Don't make a tutorial if you think F stands for full, lol. :)
 

martix

There is no spoon
Reaction score
49
Lol, I told him that already... He probably knows it anyway, just speaks figuratively.
 

stavious

New Member
Reaction score
24
Wow Illidan thanx for clearing all of that up on your last post. Dimaspy maybe you should add this to the tutorial; just so it would be more 'complete' ;) .
________________________
Pandaren Adventures
 

Dimaspy

New Member
Reaction score
19
Chevron8 said:
a nice and simple guide, maby could you add what the colors actully look like?
ex: Player 1, red - #ff0202

good job

I've done that now, though it's not exactly those colors I want.. But it's almost the same :)
 
W

warcraftdude

Guest
Dimaspy said:
But it looked so nice! :D
I'll be more creative next time then :p

Read your tutorial, it was great. +rep :shades:

sweet tutorail d00d,this red guy cant get to the green guy lol :banghead: :nuts:
 
S

ShadowShamen

Guest
heya

hey can any 1 here help me with customizeing hero colours and the way they look if u can culd u plz contact me at [email protected]:) i would realiy aprichiate your thoughts and help
 
Status
Not open for further replies.
General chit-chat
Help Users
  • No one is chatting at the moment.
  • WildTurkey WildTurkey:
    is there a stephen green in the house?
    +1
  • The Helper The Helper:
    What is up WildTurkey?
  • The Helper The Helper:
    Looks like Google fixed whatever mistake that made the recipes on the site go crazy and we are no longer trending towards a recipe site lol - I don't care though because it motivated me to spend alot of time on the site improving it and at least now the content people are looking at is not stupid and embarrassing like it was when I first got back into this like 5 years ago.
  • The Helper The Helper:
    Plus - I have a pretty bad ass recipe collection now! That section of the site is 10 thousand times better than it was before
  • The Helper The Helper:
    We now have a web designer at my job. A legit talented professional! I am going to get him to redesign the site theme. It is time.
  • Varine Varine:
    I got one more day of community service and then I'm free from this nonsense! I polished a cop car today for a funeral or something I guess
  • Varine Varine:
    They also were digging threw old shit at the sheriff's office and I tried to get them to give me the old electronic stuff, but they said no. They can't give it to people because they might use it to impersonate a cop or break into their network or some shit? idk but it was a shame to see them take a whole bunch of radios and shit to get shredded and landfilled
  • The Helper The Helper:
    whatever at least you are free
  • Monovertex Monovertex:
    How are you all? :D
    +1
  • Ghan Ghan:
    Howdy
  • Ghan Ghan:
    Still lurking
    +3
  • The Helper The Helper:
    I am great and it is fantastic to see you my friend!
    +1
  • The Helper The Helper:
    If you are new to the site please check out the Recipe and Food Forum https://www.thehelper.net/forums/recipes-and-food.220/
  • Monovertex Monovertex:
    How come you're so into recipes lately? Never saw this much interest in this topic in the old days of TH.net
  • Monovertex Monovertex:
    Hmm, how do I change my signature?
  • tom_mai78101 tom_mai78101:
    Signatures can be edit in your account profile. As for the old stuffs, I'm thinking it's because Blizzard is now under Microsoft, and because of Microsoft Xbox going the way it is, it's dreadful.
  • The Helper The Helper:
    I am not big on the recipes I am just promoting them - I use the site as a practice place promoting stuff
    +2
  • Monovertex Monovertex:
    @tom_mai78101 I must be blind. If I go on my profile I don't see any area to edit the signature; If I go to account details (settings) I don't see any signature area either.
  • The Helper The Helper:
    You can get there if you click the bell icon (alerts) and choose preferences from the bottom, signature will be in the menu on the left there https://www.thehelper.net/account/preferences
  • The Helper The Helper:
    I think I need to split the Sci/Tech news forum into 2 one for Science and one for Tech but I am hating all the moving of posts I would have to do
  • The Helper The Helper:
    What is up Old Mountain Shadow?

      The Helper Discord

      Staff online

      Members online

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top