Flag creation tool

Xietanu
Type III Robot
Type III Robot
Posts: 92
Joined: Tue Mar 13, 2012 12:37 pm

Flag creation tool

Postby Xietanu » Sun Sep 29, 2013 5:46 pm

I was playing around with creating a new flag for a new country, and trying to recreate the look of the current Democracy 3 ones. With a little messing around and following a similar method to the one Cliffski shared in creating the Democracy 2 flags, I managed to come up with something I think works rather well, and I thought I would share in case anyone else wants to make use of it. Note that I did this with Photoshop, and so that's what the instructions apply to. EDIT: I've now added GIMP instructions too, a few posts down.

First of all, download flag_blank.jpg (see attached), which looks like this:

Image

Open this up in Photoshop. The first step is to save a copy of this as a .psd file (this is needed for a later step). For simplicity, I recommend flag_blank.psd.

Now get a copy of whatever flag you want to use (I'm using this Greek flag from Wikipedia as an example):

Image

Copy this and paste it as a new layer on top of flag_blank.jpg. Now stretch this layer so that it covers the area of the flag. This actually works best if it overlaps the top and bottom borders by a few pixels.

Now, with this new flag layer selected, go to FIlter > Distort > Displace, and in the dialog box that pops up make sure says 'Horizontal Scale: 10' and 'Vertical Scale: 10' and click okay. Now you'll be asked to pick a file, so pick the flag_blank.psd you created earlier.

You'll now have a distorted looking flag, but it doesn't have the highlights/shadows you want. To get those, look over to your list of layers and (making sure you still have the flag layer selected) look for a drop-down menu that currently says 'Normal'. Click on this, and select 'Overlay'. If you've done it right, the result should look something like this:

Image

Now just save it as 'flag_<your country name>.jpg' and there you have a country flag that fits in with the rest of the Democracy 3 ones.

I hope this helps!
Attachments
flag_blank.jpg
Flag template
flag_blank.jpg (208.86 KiB) Viewed 14549 times
Last edited by Xietanu on Sat Oct 05, 2013 7:47 am, edited 1 time in total.
Thimorin
Type II Robot
Type II Robot
Posts: 66
Joined: Mon Feb 04, 2013 8:18 am
Location: Germany

Re: Flag creation tool

Postby Thimorin » Thu Oct 03, 2013 1:42 pm

Your result is perfect, but the way to get this result...hard...I failed...
Xietanu
Type III Robot
Type III Robot
Posts: 92
Joined: Tue Mar 13, 2012 12:37 pm

Re: Flag creation tool

Postby Xietanu » Thu Oct 03, 2013 6:24 pm

Which part didn't work right? Maybe I can make a suggestion/explain what I did a bit better?
Thimorin
Type II Robot
Type II Robot
Posts: 66
Joined: Mon Feb 04, 2013 8:18 am
Location: Germany

Re: Flag creation tool

Postby Thimorin » Sat Oct 05, 2013 7:04 am

Well, unfortunately I don't have Photoshop, but GIMP.
But I assume that some tools in GIMP have other names.

Do you have GIMP?
Xietanu
Type III Robot
Type III Robot
Posts: 92
Joined: Tue Mar 13, 2012 12:37 pm

Re: Flag creation tool

Postby Xietanu » Sat Oct 05, 2013 7:46 am

Right, with a little messing around I've managed to recreate this effect in GIMP as well.

Creating this effect in GIMP:

First of all, download and open up flag_blank.jpg (see attachement on the first post). Make sure you've got a downloaded copy of the flag you want to apply the effect to too, such as the Greek flag above.

Now, click File > Open As Layers... and open up your flag as a new layer. Stretch it so that it covers the rippled flag area in the original flag_blank completely, with a couple of pixels overlap at the top and bottom.

Once you've done that, this is important: on your list of layers, right click on your flag layer (so on the layer containing the Greek flag for me) and click 'Layer To Image Size'.

To get the rippled, distorted look on your flag, you can use Filters > Map > Displace, which is effectively identical to the Photoshop filter. For the X and Y displacement, set the displacement to 10.00 and click on the drop down menu on the right and select the background, flag_blank layer. On Edge Behaviour, select Smear and leave Displacement Mode as Cartesian. Once this is set up, click OK.

You'll now have rippled looking flag, so the last step is to go back to the layer window, making sure you still have your flag's layer selected, click on the drop down menu at the top that says 'Mode: Normal' and select 'Overlay'. Now you should have a flag that looks like my final product in the openning post that you can save as flag_<yourcountry>.jpg

Hope that that helps!
Puffy
Senior Line Worker
Senior Line Worker
Posts: 5
Joined: Tue Oct 08, 2013 1:14 pm

Re: Flag creation tool

Postby Puffy » Tue Oct 08, 2013 2:12 pm

That's awesome, thanks alot.

Here's my South African flag:

Image
Xietanu
Type III Robot
Type III Robot
Posts: 92
Joined: Tue Mar 13, 2012 12:37 pm

Re: Flag creation tool

Postby Xietanu » Tue Oct 08, 2013 6:27 pm

Glad to hear the guide has been helpful, though unfortunately it seems the link to your flag is broken?
User avatar
cliffski
Positech Staff
Positech Staff
Posts: 7969
Joined: Sat Feb 11, 2006 10:27 am
Location: UK
Contact:

Re: Flag creation tool

Postby cliffski » Tue Oct 08, 2013 9:54 pm

I've stickied this thread, because I'm pretty sure once the game is released a lot of people will find it useful :D
Puffy
Senior Line Worker
Senior Line Worker
Posts: 5
Joined: Tue Oct 08, 2013 1:14 pm

Re: Flag creation tool

Postby Puffy » Wed Oct 09, 2013 9:23 am

Xietanu wrote:Glad to hear the guide has been helpful, though unfortunately it seems the link to your flag is broken?

Weird, it seems to be showing up just fine for me, even after a forced refresh.
Xietanu
Type III Robot
Type III Robot
Posts: 92
Joined: Tue Mar 13, 2012 12:37 pm

Re: Flag creation tool

Postby Xietanu » Wed Oct 09, 2013 6:32 pm

I think my computer was just having a funny 5 minutes... I can see it now, and it looks great, nice one.
User avatar
Archduke Astro
Positech Staff
Positech Staff
Posts: 1654
Joined: Sun Aug 30, 2009 10:09 pm
Location: Building The Future.

Re: Flag creation tool

Postby Archduke Astro » Thu Oct 10, 2013 5:22 pm

Xietanu, that's a wonderful flag-creation method you've shared with us. Well done! :)
.
•• Positech Global Moderator & Forum Sheriff ••
GSB "Combined-Arms Combat" Advocate & Analyst
Enemy of Forum Lulz | Defender of Faction Diversity

∞∆……CURATOR OF CREATIVE CONCEPTS for GSB's Friendly Community Mod Squad……∆∞
MadnessFreddy
Senior Line Worker
Senior Line Worker
Posts: 8
Joined: Tue Oct 15, 2013 10:34 pm

Re: Flag creation tool

Postby MadnessFreddy » Tue Oct 15, 2013 10:48 pm

Thanks alot!

This tutorial was very helpful and very easy to follow, nice work.
dirkjan23
Junior Line Worker
Junior Line Worker
Posts: 3
Joined: Fri Oct 18, 2013 12:32 am

Re: Flag creation tool

Postby dirkjan23 » Fri Oct 18, 2013 12:39 am

looks awesome but i tryed it many times but my adobe photoshop says that it cant perform the action because it isnt an valid photoshop document (psd)
Holm
Junior Line Worker
Junior Line Worker
Posts: 1
Joined: Fri Oct 18, 2013 8:49 am

Re: Flag creation tool

Postby Holm » Fri Oct 18, 2013 9:33 am

Works great, thanks man!

EDIT: Added some more flags after getting a request from someone to add a dutch and EU flag.
Again feel free to grab them!
Attachments
dutch-flag.jpg
dutch-flag.jpg (28.89 KiB) Viewed 14194 times
eu-flag.jpg
eu-flag.jpg (30.42 KiB) Viewed 14194 times
dansk-flag.jpg
dansk-flag.jpg (30.77 KiB) Viewed 14205 times
Last edited by Holm on Fri Oct 18, 2013 1:10 pm, edited 1 time in total.
FaJ
Junior Line Supervisor
Junior Line Supervisor
Posts: 10
Joined: Mon Oct 21, 2013 5:13 pm

Re: Flag creation tool

Postby FaJ » Thu Oct 24, 2013 4:41 am

Xietanu wrote:I hope this helps!


Can you make video tutorial?

Return to “modding”

Who is online

Users browsing this forum: No registered users and 3 guests