Inkscape tips

From Warzone Wiki
(Difference between revisions)
Jump to: navigation, search
(In my Inkscape, it's Ctrl and +, not ctrl+shift+=. If it varies based on version, it shouldn't be here since it'll confuse people. They'll see the hotkey written right next to it when they pull down the drop-menu the first time.)
(Corrected spelling mistake in the Making Clean Map Borders section.)
 
(8 intermediate revisions by 2 users not shown)
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 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 ==
  
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
  
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 Warzone map which makes it load faster and allows you to fit more objects into your map.
  
==Path Division==
+
==Making clean map borders==
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.
+
This section will teach you how to make clean map borders.
  
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.
+
Draw the entire map outline. Ignore bonuses for now.
  
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.
+
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
 +
 
 +
Do the following. You can get quite quick at it after a while:
 +
 
 +
Select the path
 +
 
 +
Press CTRL+ALT+C
 +
 
 +
Select the path and the map outline you drew earlier
 +
 
 +
Press CTRL+-
 +
 
 +
Press CTRL+SHIFT+K
 +
 
 +
http://i44.tinypic.com/2wlt26g.png
 +
 
 +
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.
 +
 
 +
http://i40.tinypic.com/ftde15.png
 +
 
 +
Select both the path and the bonus, and press CTRL+/.
 +
 
 +
http://i43.tinypic.com/2ylr3n9.png
 +
 
 +
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]]

Latest revision as of 02:05, 8 April 2018

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.

Contents

[edit] 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.

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

[edit] Fixing small territories

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:

Baja1.png

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

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:

Baja3.png

[edit] 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.

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

CutTutorial1.png

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

CutTutorial2.png

Since this deletes the inner object, you should consider making a duplicate of it, and perform the operation with the duplicate.

[edit] Simplify

Sometimes territories can contain way more data than they need. One example is after drawing territories with the pencil tool, if you view the vertices (F2) you'll see it has an excessive amount.

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:

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.

[edit] Making clean map borders

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

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.

v5anq1.jpg

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

Select the path

Press CTRL+ALT+C

Select the path and the map outline you drew earlier

Press CTRL+-

Press CTRL+SHIFT+K

2wlt26g.png

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.

ftde15.png

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

2ylr3n9.png

There you go! A clean territory border! Now do it until all territories are separate paths.

Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox