Conquer Club

Simple method for making perfect army circles

How to make a map. Official Handbook, Guides, Tutorials and more...

Moderator: Cartographers

Forum rules
Please read the Community Guidelines before posting.

Simple method for making perfect army circles

Postby natty dread on Wed Jan 06, 2010 7:22 pm

These instructions can be applied for any image editing software (Photoshop, GIMP, Paint.NET, etc.) that uses layers.


OK, here's how I usually make my army circles. This might be obvious to many, but I think it's a good tip for beginners.

First, you will need a copy of the army number 88:s. If you don't have one you can use this:

Image

Then, we'll make a new image. It doesn't have to be large, 100x100 will do fine. We'll colour our background layer with a convenient colour, say, grey. You can also use whatever colour your map's land area will be, so that you'll know approximately how the circle will look in the map... but, for this example, I'm using grey.

Image

Now, pick your favorite colour, and copy one of the army numbers, and paste it on a new layer:

Image

Grey Background on 1st layer, the army number on 2nd layer which is transparent except for the number.

Then create a new layer, but move the layer underneath the layer that has the army numbers.

On this layer, you draw the circle around the army number. The most common way is to use white and adjust the opacity into 50%. You can also use black, or do something fancy like a coloured edge, but for this example I'm drawing a simple white circle with reduced opacity.

Image

So now you should have: background on 1st layer, army circle on 2nd layer, army number on 3rd layer.

Now you'll just resize (stretch) and move the army circle so that the army number looks good, and is in the middle.

Image

Finally, delete layers 1 and 3, leaving only the layer with your army circle. Now you know the circle will be the right size for 88:s, so all that's left is copypasteing it all over your map!

Image

Now, you can use the same method, and make a smaller circle for your small version of the map. If your small version is 25% smaller, make the circle approximately 25% smaller too.

Happy mapmaking!
Last edited by natty dread on Wed Jan 06, 2010 7:38 pm, edited 1 time in total.
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Re: Simple method for making perfect army circles

Postby the.killing.44 on Wed Jan 06, 2010 7:26 pm

That's for Photoshop? It's a bit tedious, but works.

viewtopic.php?p=842047#p842047

Nice job anyway.
User avatar
Captain the.killing.44
 
Posts: 4724
Joined: Thu Oct 23, 2008 7:43 pm
Location: now tell me what got two gums and knows how to spit rhymes

Re: Simple method for making perfect army circles

Postby natty dread on Wed Jan 06, 2010 7:36 pm

the.killing.44 wrote:That's for Photoshop? It's a bit tedious, but works.

viewtopic.php?p=842047#p842047

Nice job anyway.



This works for any image editing software that uses layers. GIMP, Paint.net, Photoshop, any will do. I purposefully wrote the instructions in a general sense, so that they can be applied for any software.
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Re: Simple method for making perfect army circles

Postby sully800 on Fri Jan 08, 2010 11:36 pm

Army numbers are the same size on the small and large map, so why would you use different size circles/shadows?

Just use 20px or 22px circles for both small and large. They will fit well every time.
User avatar
Major sully800
 
Posts: 4978
Joined: Wed Jun 14, 2006 5:45 pm
Location: Bethlehem, Pennsylvania

Re: Simple method for making perfect army circles

Postby natty dread on Fri Jan 08, 2010 11:57 pm

sully800 wrote:Army numbers are the same size on the small and large map, so why would you use different size circles/shadows?

Just use 20px or 22px circles for both small and large. They will fit well every time.


Sometimes you may want to use different shapes of circles (although then they're not necessarily circles anymore), depending on the visual style of the map. In these situations the 20/22 rule doesn't always apply... But when you draw the circle around the number, then you will know from the start that the circles are the right size for the numbers.

Also sometimes circles may be used as graphic elements, to better fit the theme and visual style of the map. In these situations you may also want to make the circles different sizes than 20/22.

Following from this, if you're using larger circles for your large map, you may need to shrink them for the small map. However, even if the circle looks good in the large version, it might not in the small... Say, you have a 30px circle in your large map, which looks great, but you need to shrink your map 25%. This would make the small circle 22,5px, which rounds to 23px. Which is not good. Thus, you prevent this problem by making separate circles for both versions.


Also the 20/22 rule doesn't allow much tweaking: what if you want to outline your circles with colour, for example? The antialiasing of the outline may make the circle look "wrong" even though it is the right size. Again, this problem can be prevented by making the circles around the numbers from the start.
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Re: Simple method for making perfect army circles

Postby isaiah40 on Sat Jan 09, 2010 12:19 am

I start a new canvas at 22 pixels by 22 pixels, then draw a white circle and make sure it touches the edges of the canvas. Done! I then transfer it to what ever map I'm playing around with and reduce the opacity to where you can just see it. It's that easy! If you want a 20x20 circle, just make your canvas 20x20.
Lieutenant isaiah40
 
Posts: 3990
Joined: Mon Aug 27, 2007 7:14 pm

Re: Simple method for making perfect army circles

Postby natty dread on Sat Jan 09, 2010 12:34 am

isaiah40 wrote:I start a new canvas at 22 pixels by 22 pixels, then draw a white circle and make sure it touches the edges of the canvas. Done! I then transfer it to what ever map I'm playing around with and reduce the opacity to where you can just see it. It's that easy! If you want a 20x20 circle, just make your canvas 20x20.


Yes, but read my previous post.
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Re: Simple method for making perfect army circles

Postby the.killing.44 on Sat Jan 09, 2010 12:40 am

isaiah40 wrote:I start a new canvas at 22 pixels by 22 pixels, then draw a white circle and make sure it touches the edges of the canvas. Done! I then transfer it to what ever map I'm playing around with and reduce the opacity to where you can just see it. It's that easy! If you want a 20x20 circle, just make your canvas 20x20.

No, just set the ellipse marquee tool to a fixed size of 20x20 pixels.
User avatar
Captain the.killing.44
 
Posts: 4724
Joined: Thu Oct 23, 2008 7:43 pm
Location: now tell me what got two gums and knows how to spit rhymes

Re: Simple method for making perfect army circles

Postby Lone.prophet on Sat Jan 09, 2010 9:01 am

the.killing.44 wrote:
isaiah40 wrote:I start a new canvas at 22 pixels by 22 pixels, then draw a white circle and make sure it touches the edges of the canvas. Done! I then transfer it to what ever map I'm playing around with and reduce the opacity to where you can just see it. It's that easy! If you want a 20x20 circle, just make your canvas 20x20.

No, just set the ellipse marquee tool to a fixed size of 20x20 pixels.


this is the best way to do it but ofcourse 22*22 works too
Image
Captain Lone.prophet
 
Posts: 1467
Joined: Thu Oct 12, 2006 4:37 pm
Location: Your basement Muahaha

Re: Simple method for making perfect army circles

Postby natty dread on Sat Jan 09, 2010 9:20 am

Let's say you're drawing an army circle that needs to have a coloured backdrop to distinguish continents or something... And let's say you make it so that it is 1px wide on the upper left side but 2px wide on the lower right side, to give an impression of depth. Now if you make this circle 22px, the actual area inside the coloured circle will be 3px smaller, 19px, and the army number will point at you and laugh and say "tough shit, man". Now if you had done it so that you draw it around the army number, you'd be certain that the army number is having fun inside the circle and it won't run away and hit on your girlfriend.

Is everything clear to you all now?
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Re: Simple method for making perfect army circles

Postby the.killing.44 on Sat Jan 09, 2010 12:07 pm

natty_dread wrote:Let's say you're drawing an army circle that needs to have a coloured backdrop to distinguish continents or something...

Colored drop shadow / outer glow.
natty_dread wrote:And let's say you make it so that it is 1px wide on the upper left side but 2px wide on the lower right side, to give an impression of depth.

Vector mask.
natty_dread wrote:Now if you make this circle 22px, the actual area inside the coloured circle will be 3px smaller, 19px, and the army number will point at you and laugh and say "tough shit, man". Now if you had done it so that you draw it around the army number, you'd be certain that the army number is having fun inside the circle and it won't run away and hit on your girlfriend.

If you have to use inner glow, just make it fixed at 25x25…

Jus' sayin'
User avatar
Captain the.killing.44
 
Posts: 4724
Joined: Thu Oct 23, 2008 7:43 pm
Location: now tell me what got two gums and knows how to spit rhymes

Re: Simple method for making perfect army circles

Postby natty dread on Sat Jan 09, 2010 12:42 pm

Oh, you're always "just saying" ...


Look, if you don't want to use the method, if you have your own ways that you think work better, by all means, it's not my headache. I just thought to share a bit of how I do things.

This was mainly meant for beginner mapmakers anyway, hopefully they at least can find something useful out of this thread.

I just feel that repeating "make it a 22px white circle with X % opacity" like a mantra isn't always the answer. There are other ways of doing things, and depending on the circumstances, one way may work better than the other.


Also: what if you want to make army circles to accommodate 3 numbers?
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Re: Simple method for making perfect army circles

Postby sully800 on Sat Jan 09, 2010 1:57 pm

natty_dread wrote:Also: what if you want to make army circles to accommodate 3 numbers?


Then every army number will be grossly off center except for the 3 digit ones. 3 digit numbers don't center around the same spot as other numbers - the third character is tacked onto the right.
User avatar
Major sully800
 
Posts: 4978
Joined: Wed Jun 14, 2006 5:45 pm
Location: Bethlehem, Pennsylvania

Re: Simple method for making perfect army circles

Postby Lone.prophet on Sat Jan 09, 2010 2:10 pm

resizing and stretching tend to not evenly distort pixels so you can end up with an uneven looking circel/oval
Image
Captain Lone.prophet
 
Posts: 1467
Joined: Thu Oct 12, 2006 4:37 pm
Location: Your basement Muahaha

Re: Simple method for making perfect army circles

Postby natty dread on Sat Jan 09, 2010 2:29 pm

sully800 wrote:
natty_dread wrote:Also: what if you want to make army circles to accommodate 3 numbers?


Then every army number will be grossly off center except for the 3 digit ones. 3 digit numbers don't center around the same spot as other numbers - the third character is tacked onto the right.


I know, but it might be changed in the future.

Lone.prophet wrote:resizing and stretching tend to not evenly distort pixels so you can end up with an uneven looking circel/oval


It depends on the method you use for resizing. Bicubic resampling works fairly well.
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Re: Simple method for making perfect army circles

Postby Lone.prophet on Sat Jan 09, 2010 4:03 pm

it works but not perfect and if you can make a perfect circle in a different way why not? just trying to make your skills with the programs even better.
Image
Captain Lone.prophet
 
Posts: 1467
Joined: Thu Oct 12, 2006 4:37 pm
Location: Your basement Muahaha

Re: Simple method for making perfect army circles

Postby natty dread on Sat Jan 09, 2010 4:37 pm

Lone.prophet wrote:it works but not perfect and if you can make a perfect circle in a different way why not? just trying to make your skills with the programs even better.


The thing is, that the different way doesn't work every time.

Take a look at all the different army circles in my lunar war map for example, or the shaped capital "circles" in my nordic countries map. These can't be done with simple ellipse tools with fixed width settings...

The advantage in my method is that it works every time, no matter what shape, size, colour, etc. you want to make your army circles.
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Re: Simple method for making perfect army circles

Postby Lone.prophet on Sat Jan 09, 2010 5:52 pm

i took a look at them and tried them with my method, you have to take 1 or 2 extra steps but than you get a perfect pixel ratio for your goal. if you want to know how i can show you only not now too late :)
Image
Captain Lone.prophet
 
Posts: 1467
Joined: Thu Oct 12, 2006 4:37 pm
Location: Your basement Muahaha

Re: Simple method for making perfect army circles

Postby natty dread on Sat Jan 09, 2010 6:14 pm

Lone.prophet wrote:i took a look at them and tried them with my method, you have to take 1 or 2 extra steps but than you get a perfect pixel ratio for your goal. if you want to know how i can show you only not now too late :)


Maybe someday, but we probably use different software...
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked

Re: Simple method for making perfect army circles

Postby Lone.prophet on Sun Jan 10, 2010 5:24 am

photoshop cs4?
Image
Captain Lone.prophet
 
Posts: 1467
Joined: Thu Oct 12, 2006 4:37 pm
Location: Your basement Muahaha

Re: Simple method for making perfect army circles

Postby natty dread on Sun Jan 10, 2010 6:47 am

Lone.prophet wrote:photoshop cs4?


I use paint.net
Image
User avatar
Sergeant 1st Class natty dread
 
Posts: 12877
Joined: Fri Feb 08, 2008 8:58 pm
Location: just plain fucked


Return to Tools & Guides

Who is online

Users browsing this forum: No registered users