Difference between revisions of "Tutorial:Create custom flags!"

From Kerbal Space Program Wiki
Jump to: navigation, search
(Saving progress)
m (Fixed categories)
(19 intermediate revisions by 11 users not shown)
Line 1: Line 1:
[[Tutorial:Custom Flags]]
+
{{Underlinked|date=April 2014}}
  
 
+
Creating custom [[Flag (Image)|flags]] is simple; It's all about sizing and placing the file in the right area. For this demonstration I shall be using paint.net to customise my flag, but you may use any art tool you feel comfortable with, like [http://gimp.org GIMP] (all OS), [http://firealpaca.com/ FireAlpaca] (Windows, MacOS X), [http://getpaint.net paint.net] (Windows) or PaintToolSAI (Windows). Microsoft Paint is not recommended but work too.
Creating custom flags is simple; It's all about sizing and placing the file in the right area. For this demonstration I shall be using paint.net to customise my flag, but you may use any art tool you feel comfortable with. If you only have Microsoft Paint, it is recomended you upgrade to a better editing program such as paint.net, FireAlpaca, or painttoolSAI, which are all free.
 
  
 
== Stage one: Design stage! ==
 
== Stage one: Design stage! ==
[[File:Flag_dimentions.png|thumb|The dimentions of a flag]]
+
[[File:Flag dimensions.svg|thumb|The dimensions of a flag]]
Alright, first you will need a blank canvis with the dimentions (256x160) You may then find the center by using the selection tool to make a line at 128 pixles in and proceeding to cut the line at 80 pixles up. You should be left with a 2x2 mark on the flag. You may also download the file on the next stage. I have made mine more target-like in appearence in order to improve accuracy.
+
Alright, first you will need a blank canvas with the dimensions (256x160) You may then find the center by using the selection tool to make a line at 128 pixels in and proceeding to cut the line at 80 pixels up. You should be left with a 2x2 mark on the flag. You may also download the file on the next stage. I have made mine more target-like in appearance in order to improve accuracy.
  
 
==Stage two: Inserting the design==
 
==Stage two: Inserting the design==
[[File:Flag_center.png|thumb|The correctly sized flag with a small center node]]
+
[[File:Flag center.png|thumb|The correctly sized flag with a small center node]]
At this point you have two options: Draw the design straight on or attatch a logo. If you wish to draw it straight on; great! You can do that and you can skip ahead to Stage Four, if not: Read on!
+
At this point you have two options: Draw the design straight on or attach a logo. If you wish to draw it straight on; great! You can do that and skip ahead to Stage Three, if not: Read on!
  
 
Assuming you are using a program with layering enabled, change the white to transparent (on Paint.net you can do this by using the magic wand on the white and pressing delete). You should then create a new layer and make it white; set this layer below the previous layer. You may then color this white layer to match the logo/photo you want to put over it.
 
Assuming you are using a program with layering enabled, change the white to transparent (on Paint.net you can do this by using the magic wand on the white and pressing delete). You should then create a new layer and make it white; set this layer below the previous layer. You may then color this white layer to match the logo/photo you want to put over it.
  
Going to the logo you wish to add, find the center. If it's dimentions are indivisable by two (e.g. 1, 3, 5, 109, etc.) then stretch the image by one pixel in either direction, if it is divisable by two then great! You're half way there! Now, insert it over the design. You may need to scale it as the flag is rather small in comparison to most logos. For my example I am using a photo of a corgi.
+
Going to the logo you wish to add, find the center. If its dimensions are indivisible by two (e.g. 1, 3, 5, 109, etc.) then stretch the image by one pixel in either direction, if it is divisible by two then great! You're half way there! Now, insert it over the design. You may need to scale it as the flag is rather small in comparison to most logos. For my example I am using a photo of a corgi.
 +
 
 +
On the subject of the corgi photo: it is an obscure shape! If you are in the same predicament as me then you should consider taking color samples from the center before placing a dot, using that to line it up, and then adding the color back in its place.
 +
 
 +
==Stage Three: Inserting the flag to your KSP directory!==
 +
[[File:corgifla.png|thumb|The flag forementioned]]
 +
This is the part that lets you actually use the flag! Huzzah! First, you must save your image as a PNG. Next, you must go to your KSP [[root directory]]!
 +
 
 +
Find the folder named GameData, inside the root directory, and open it. Inside you should find a folder named Squad, open this also and you will come to a few more folders. Finally, open the Flags folder and move the custom flag into this folder. Congratulations! It is now available to use in your Kerbal Space Program experience! Plant the flag on the Mun, plant it on Kerbol! Plant it on Jool! Plant it on its self! Hit it with a rocket! Put it into orbit!(Little known fact: flags have physics enabled! You can rocket propel a flag into orbit if you plant it just right!) But make sure that whatever you do, you don't kill [[Jebediah Kerman|Jeb]]. Until next time, have fun with your flags!
  
On the subject of the corgi photo: it is an obscure shape! If you are in the same prediciment as me then you should consider taking color samples from the center before placing a dot, using that to line it up, and then adding the color back in it's place.
+
[[Category:Tutorials|Create custom flags!]]

Revision as of 20:12, 2 May 2019

This page needs more links to other articles to help integrate it into the Kerbal Space Program Wiki

Creating custom flags is simple; It's all about sizing and placing the file in the right area. For this demonstration I shall be using paint.net to customise my flag, but you may use any art tool you feel comfortable with, like GIMP (all OS), FireAlpaca (Windows, MacOS X), paint.net (Windows) or PaintToolSAI (Windows). Microsoft Paint is not recommended but work too.

Stage one: Design stage!

The dimensions of a flag

Alright, first you will need a blank canvas with the dimensions (256x160) You may then find the center by using the selection tool to make a line at 128 pixels in and proceeding to cut the line at 80 pixels up. You should be left with a 2x2 mark on the flag. You may also download the file on the next stage. I have made mine more target-like in appearance in order to improve accuracy.

Stage two: Inserting the design

The correctly sized flag with a small center node

At this point you have two options: Draw the design straight on or attach a logo. If you wish to draw it straight on; great! You can do that and skip ahead to Stage Three, if not: Read on!

Assuming you are using a program with layering enabled, change the white to transparent (on Paint.net you can do this by using the magic wand on the white and pressing delete). You should then create a new layer and make it white; set this layer below the previous layer. You may then color this white layer to match the logo/photo you want to put over it.

Going to the logo you wish to add, find the center. If its dimensions are indivisible by two (e.g. 1, 3, 5, 109, etc.) then stretch the image by one pixel in either direction, if it is divisible by two then great! You're half way there! Now, insert it over the design. You may need to scale it as the flag is rather small in comparison to most logos. For my example I am using a photo of a corgi.

On the subject of the corgi photo: it is an obscure shape! If you are in the same predicament as me then you should consider taking color samples from the center before placing a dot, using that to line it up, and then adding the color back in its place.

Stage Three: Inserting the flag to your KSP directory!

The flag forementioned

This is the part that lets you actually use the flag! Huzzah! First, you must save your image as a PNG. Next, you must go to your KSP root directory!

Find the folder named GameData, inside the root directory, and open it. Inside you should find a folder named Squad, open this also and you will come to a few more folders. Finally, open the Flags folder and move the custom flag into this folder. Congratulations! It is now available to use in your Kerbal Space Program experience! Plant the flag on the Mun, plant it on Kerbol! Plant it on Jool! Plant it on its self! Hit it with a rocket! Put it into orbit!(Little known fact: flags have physics enabled! You can rocket propel a flag into orbit if you plant it just right!) But make sure that whatever you do, you don't kill Jeb. Until next time, have fun with your flags!