Inkscape tips - Revision history

Fizzer at 02:35, 18 April 2026

2026-04-18T02:35:42Z

← Older revision		Revision as of 02:35, 18 April 2026
Line 1:		Line 1:
	This page gives tips on how to perform common tasks in Inkscape related to ~~Warzone~~ map development. Also check out [[SVG workarounds]] if you're having problems having your SVG file show up correctly.		This page gives tips on how to perform common tasks in Inkscape related to War.app map development. Also check out [[SVG workarounds]] if you're having problems having your SVG file show up correctly.

	==Unioning==		==Unioning==

	It's possible to have one player-controllable [[territory]] that spans several objects in Inkscape. This can create islands off the coast of a territory, which is used in several ~~Warzone~~ maps.		It's possible to have one player-controllable [[territory]] that spans several objects in Inkscape. This can create islands off the coast of a territory, which is used in several War.app maps.

	To accomplish this, first make all of the objects as individual territories. Then select them all at once, and select Path -> Union.		To accomplish this, first make all of the objects as individual territories. Then select them all at once, and select Path -> Union.
Line 23:		Line 23:
	== Cutting holes ==		== Cutting holes ==

	Sometimes maps call for having territories inside of other territories. It may be logical to just make both territories and put the outer one behind the inner one, but this doesn't work since in ~~Warzone~~ player-controllable territories should never overlap. Instead, a hole should be cut in the bigger territory so the smaller one can persist in the hole.		Sometimes maps call for having territories inside of other territories. It may be logical to just make both territories and put the outer one behind the inner one, but this doesn't work since in War.app player-controllable territories should never overlap. Instead, a hole should be cut in the bigger territory so the smaller one can persist in the hole.

	To accomplish this, we use the Path -> Difference command. To begin, select both territories (the inner and outer one) at the same time using Shift+Click		To accomplish this, we use the Path -> Difference command. To begin, select both territories (the inner and outer one) at the same time using Shift+Click
Line 43:		Line 43:
	https://d32kaghj56y4ei.cloudfront.net/static/img/Simplify.png		https://d32kaghj56y4ei.cloudfront.net/static/img/Simplify.png

	Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting ~~Warzone~~ map which makes it load faster and allows you to fit more objects into your map.		Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting War.app map which makes it load faster and allows you to fit more objects into your map.

	==Making clean map borders==		==Making clean map borders==

54.91.6.221: Corrected spelling mistake in the Making Clean Map Borders section.

2018-04-08T02:05:34Z

Corrected spelling mistake in the Making Clean Map Borders section.

← Older revision		Revision as of 02:05, 8 April 2018
Line 47:		Line 47:
	==Making clean map borders==		==Making clean map borders==

	This section will teach you how to make clean map ~~boarders~~.		This section will teach you how to make clean map borders.

	Draw the entire map outline. Ignore bonuses for now.		Draw the entire map outline. Ignore bonuses for now.

Fizzer at 03:39, 13 November 2017

2017-11-13T03:39:27Z

← Older revision		Revision as of 03:39, 13 November 2017
Line 1:		Line 1:
	This page gives tips on how to perform common tasks in Inkscape related to ~~WarLight~~ map development. Also check out [[SVG workarounds]] if you're having problems having your SVG file show up correctly.		This page gives tips on how to perform common tasks in Inkscape related to Warzone map development. Also check out [[SVG workarounds]] if you're having problems having your SVG file show up correctly.

	==Unioning==		==Unioning==

	It's possible to have one player-controllable [[territory]] that spans several objects in Inkscape. This can create islands off the coast of a territory, which is used in several ~~WarLight~~ maps.		It's possible to have one player-controllable [[territory]] that spans several objects in Inkscape. This can create islands off the coast of a territory, which is used in several Warzone maps.

	To accomplish this, first make all of the objects as individual territories. Then select them all at once, and select Path -> Union.		To accomplish this, first make all of the objects as individual territories. Then select them all at once, and select Path -> Union.
Line 23:		Line 23:
	== Cutting holes ==		== Cutting holes ==

	Sometimes maps call for having territories inside of other territories. It may be logical to just make both territories and put the outer one behind the inner one, but this doesn't work since in ~~WarLight~~ player-controllable territories should never overlap. Instead, a hole should be cut in the bigger territory so the smaller one can persist in the hole.		Sometimes maps call for having territories inside of other territories. It may be logical to just make both territories and put the outer one behind the inner one, but this doesn't work since in Warzone player-controllable territories should never overlap. Instead, a hole should be cut in the bigger territory so the smaller one can persist in the hole.

	To accomplish this, we use the Path -> Difference command. To begin, select both territories (the inner and outer one) at the same time using Shift+Click		To accomplish this, we use the Path -> Difference command. To begin, select both territories (the inner and outer one) at the same time using Shift+Click
Line 43:		Line 43:
	https://d32kaghj56y4ei.cloudfront.net/static/img/Simplify.png		https://d32kaghj56y4ei.cloudfront.net/static/img/Simplify.png

	Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting ~~WarLight~~ map which makes it load faster and allows you to fit more objects into your map.		Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting Warzone map which makes it load faster and allows you to fit more objects into your map.

	==Making clean map borders==		==Making clean map borders==

Fizzer at 04:30, 5 March 2015

2015-03-05T04:30:14Z

← Older revision		Revision as of 04:30, 5 March 2015
Line 44:		Line 44:

	Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting WarLight map which makes it load faster and allows you to fit more objects into your map.		Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting WarLight map which makes it load faster and allows you to fit more objects into your map.

	~~==Path Division==~~
	One way of building WarLight maps is to divide larger areas into smaller territories with the path division operation. It can be used to divide a single region into two according to another path that defines the border between the new regions.

	To split a region, you naturally first have to have drawn this region as a proper Inkscape path. Begin by drawing the desired border as a new path using, for example, the Pen tool. It does not matter if the path defining the border extends outside the territory you wish to split, as it disappears when this operation is complete.

	After drawing the new border, select the region with the Selection tool, and then also simultanously select the dividing path while pressing the Shift key. Then select the Division operation from the Path menu, or press its shortcut Ctrl+/. You now have two regions that you can modify separately, and perhaps split again to make smaller regions. It is a good idea to simplify the dividing path before doing this, as simplifying the two new regions afterwards separately usually changes their border shapes in different ways.

	When splitting a large continent into bonus regions, you can make use of the Inset operation after making all the divisions. Using an inset of half a pixel (set by going to Inkscape Preferences and opening the Steps tab) on each of the bonus regions should make their borders appear adjacent in [[ Map_guidelines \|the recommended way. ]] After defining all the bonus regions, no further insets are needed, as inside each bonus region the recommended way is to have the borders overlap. Because of this, the bonus regions and their insets should be done first when mapping a larger continent.

	~~<!-- TODO: Add screenshots to clarify the steps-->~~

	==Making clean map borders==		==Making clean map borders==

DanWL60: /* Making clean map borders */ typo

2015-02-10T17:06:40Z

Making clean map borders: typo

← Older revision		Revision as of 17:06, 10 February 2015
Line 67:		Line 67:

	Do the following. You can get quite quick at it after a while:		Do the following. You can get quite quick at it after a while:

	Select the path		Select the path

	Press CTRL+ALT+C		Press CTRL+ALT+C

	Select the path and the map outline you drew earlier		Select the path and the map outline you drew earlier

	Press CTRL+-		Press CTRL+-

	Press CTRL+SHIFT+K		Press CTRL+SHIFT+K

	http://i44.tinypic.com/2wlt26g.png		http://i44.tinypic.com/2wlt26g.png

DanWL60: /* Making clean map borders */ spaces before pics.

2015-02-10T17:05:30Z

Making clean map borders: spaces before pics.

← Older revision		Revision as of 17:05, 10 February 2015
Line 63:		Line 63:

	Draw a line where you want your first bonus border to be. Set the line width to 0.8 pixel.		Draw a line where you want your first bonus border to be. Set the line width to 0.8 pixel.

	http://i44.tinypic.com/v5anq1.jpg		http://i44.tinypic.com/v5anq1.jpg

Line 76:		Line 77:

	Draw a line where you want your first territory border to be. The width of the line doesn't matter now.		Draw a line where you want your first territory border to be. The width of the line doesn't matter now.

	http://i40.tinypic.com/ftde15.png		http://i40.tinypic.com/ftde15.png

	Select both the path and the bonus, and press CTRL+/.		Select both the path and the bonus, and press CTRL+/.

	http://i43.tinypic.com/2ylr3n9.png		http://i43.tinypic.com/2ylr3n9.png

DanWL60: /* Making clean map borders */ removed no.s

2015-02-10T17:04:32Z

Making clean map borders: removed no.s

DanWL60 at 17:00, 10 February 2015

2015-02-10T17:00:16Z

← Older revision		Revision as of 17:00, 10 February 2015
Line 53:		Line 53:

	When splitting a large continent into bonus regions, you can make use of the Inset operation after making all the divisions. Using an inset of half a pixel (set by going to Inkscape Preferences and opening the Steps tab) on each of the bonus regions should make their borders appear adjacent in [[ Map_guidelines \|the recommended way. ]] After defining all the bonus regions, no further insets are needed, as inside each bonus region the recommended way is to have the borders overlap. Because of this, the bonus regions and their insets should be done first when mapping a larger continent.		When splitting a large continent into bonus regions, you can make use of the Inset operation after making all the divisions. Using an inset of half a pixel (set by going to Inkscape Preferences and opening the Steps tab) on each of the bonus regions should make their borders appear adjacent in [[ Map_guidelines \|the recommended way. ]] After defining all the bonus regions, no further insets are needed, as inside each bonus region the recommended way is to have the borders overlap. Because of this, the bonus regions and their insets should be done first when mapping a larger continent.

			<!-- TODO: Add screenshots to clarify the steps-->

	==Making clean map borders==		==Making clean map borders==
Line 81:		Line 83:
	There you go! A clean territory border! Now do it until all territories are separate paths.		There you go! A clean territory border! Now do it until all territories are separate paths.

	~~<!-- TODO: Add screenshots to clarify the steps-->~~
	[[Category:Map Making]]		[[Category:Map Making]]

DanWL60: Added info based of a forum post (https://www.warlight.net/Forum/10806-easy-tutorial-making-clean-map-borders)

2015-02-10T07:59:24Z

Added info based of a forum post (https://www.warlight.net/Forum/10806-easy-tutorial-making-clean-map-borders)

@@ Line 53: / Line 53: @@
 When splitting a large continent into bonus regions, you can make use of the Inset operation after making all the divisions. Using an inset of half a pixel (set by going to Inkscape Preferences and opening the Steps tab) on each of the bonus regions should make their borders appear adjacent in [[ Map_guidelines |the recommended way. ]] After defining all the bonus regions, no further insets are needed, as inside each bonus region the recommended way is to have the borders overlap. Because of this, the bonus regions and their insets should be done first when mapping a larger continent.
 <!-- TODO: Add screenshots to clarify the steps-->
 [[Category:Map Making]]

Fizzer at 00:46, 19 December 2014

2014-12-19T00:46:57Z

← Older revision		Revision as of 00:46, 19 December 2014
Line 11:		Line 11:
	The union feature can also be used to ensure players can click on small territories. Take, for example, Baja from the [[Earth]] map. In its raw form, it's way too small to fit an army number or be clickable:		The union feature can also be used to ensure players can click on small territories. Take, for example, Baja from the [[Earth]] map. In its raw form, it's way too small to fit an army number or be clickable:

	~~http~~://~~s3cdn~~.~~warlight~~.net/static/img/Baja1.png		https://d32kaghj56y4ei.cloudfront.net/static/img/Baja1.png

	To rectify this, we draw a circle on top of it:		To rectify this, we draw a circle on top of it:

	~~http~~://~~s3cdn~~.~~warlight~~.net/static/img/Baja2.png		https://d32kaghj56y4ei.cloudfront.net/static/img/Baja2.png

	Then select both the new circle and the Baja territory behind it at the same time. Select Path -> Union, and observe the resulting territory:		Then select both the new circle and the Baja territory behind it at the same time. Select Path -> Union, and observe the resulting territory:

	~~http~~://~~s3cdn~~.~~warlight~~.net/static/img/Baja3.png		https://d32kaghj56y4ei.cloudfront.net/static/img/Baja3.png

	== Cutting holes ==		== Cutting holes ==
Line 27:		Line 27:
	To accomplish this, we use the Path -> Difference command. To begin, select both territories (the inner and outer one) at the same time using Shift+Click		To accomplish this, we use the Path -> Difference command. To begin, select both territories (the inner and outer one) at the same time using Shift+Click

	~~http~~://~~s3cdn~~.~~warlight~~.net/static/img/CutTutorial1.png		https://d32kaghj56y4ei.cloudfront.net/static/img/CutTutorial1.png

	Then select Path -> Difference. This will delete the smaller object and leave the outer one with a hole.		Then select Path -> Difference. This will delete the smaller object and leave the outer one with a hole.

	~~http~~://~~s3cdn~~.~~warlight~~.net/static/img/CutTutorial2.png		https://d32kaghj56y4ei.cloudfront.net/static/img/CutTutorial2.png

	Since this deletes the inner object, you should consider making a duplicate of it, and perform the operation with the duplicate.		Since this deletes the inner object, you should consider making a duplicate of it, and perform the operation with the duplicate.
Line 41:		Line 41:
	This is easy to fix simply by selecting Path -> Simplify (Ctrl+L). This reduces the number of vertices drastically, and in most cases, doesn't alter the appearance of the object at all:		This is easy to fix simply by selecting Path -> Simplify (Ctrl+L). This reduces the number of vertices drastically, and in most cases, doesn't alter the appearance of the object at all:

	~~http~~://~~s3cdn~~.~~warlight~~.net/static/img/Simplify.png		https://d32kaghj56y4ei.cloudfront.net/static/img/Simplify.png

	Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting WarLight map which makes it load faster and allows you to fit more objects into your map.		Not only does this make the object easier to work with and increase the performance of Inkscape, it also reduces the size of your resulting WarLight map which makes it load faster and allows you to fit more objects into your map.

← Older revision		Revision as of 17:04, 10 February 2015
Line 60:		Line 60:
	This section will teach you how to make clean map boarders.		This section will teach you how to make clean map boarders.

	# Draw the entire map outline. Ignore bonuses for now.		Draw the entire map outline. Ignore bonuses for now.

	# Draw a line where you want your first bonus border to be. Set the line width to 0.8 pixel.		Draw a line where you want your first bonus border to be. Set the line width to 0.8 pixel.
	http://i44.tinypic.com/v5anq1.jpg		http://i44.tinypic.com/v5anq1.jpg

	# Do the following. You can get quite quick at it after a while:		Do the following. You can get quite quick at it after a while:
	Select the path		Select the path
	Press CTRL+ALT+C		Press CTRL+ALT+C
Line 75:		Line 75:
	There you go! A clean bonus border! Now do it until all bonuses are separate paths.		There you go! A clean bonus border! Now do it until all bonuses are separate paths.

	# Draw a line where you want your first territory border to be. The width of the line doesn't matter now.		Draw a line where you want your first territory border to be. The width of the line doesn't matter now.
	http://i40.tinypic.com/ftde15.png		http://i40.tinypic.com/ftde15.png

	# Select both the path and the bonus, and press CTRL+/.		Select both the path and the bonus, and press CTRL+/.
	http://i43.tinypic.com/2ylr3n9.png		http://i43.tinypic.com/2ylr3n9.png