Hilfe:Erstellen einer Karte mit Inkscape

Aus Wikivoyage

Dieser Artikel soll Hilfe leisten.

---

Hier wird dir gezeigt, wie man eine Karte mit dem Programm Inkscape erstellt. Die hier gezeigt Screenshots stammen vom Stadtplan von Siem Reap bearbeitet mit der Inkscape-Version 0.44.

Inhaltsverzeichnis 1 Was brauche ich? 2 Das Ebenenkonzept 2.1 Verwaltung der Ebenen 2.2 empfohlene Ebenenaufteilung 3 Die Zeichnung anlegen 4 grundlegende Funktionen und Werkzeuge 5 Zeichnen der einzelnen Elemente 5.1 Rahmen und Hintergrund 5.2 Straßen 5.3 Häuserblocks 5.4 Symbole einbinden 5.5 Texte erzeugen 6 Export im PNG-Format 7 Weblinks

[Bearbeiten] Was brauche ich?

Ausgangspunkt der Karte ist sicher eine Vorlage, da ein Reisender kaum selbst zum Vermessungsgerät greifen wird, um eine Karte zu erstellen. Rein praktisch gesehen, kann jedes Kartenmaterial, welches in einem gängigen Bildformat vorliegt (z.B. *.JPG) genutzt werden.

• eingescanntes vorhandenes Kartenmaterial - Die Auflösung ist vom Prinzip her egal, da die Karte ja lediglich hochgezeichnet wird und die hinterlegte Bitmap danach wieder verschwindet. Bei 300dpi kann man alles gut erkennen.
• Luftbilder (z.B. Google-Maps; Landesbetriebe für Vermessung)
• Von Online-Anbietern automatisch erzeugtes digitales Kartenmatetrial.

[Bearbeiten] Das Ebenenkonzept

Um seine Grafik zu strukturieren bietet Inkscape die Möglichkeit, die Grafik in mehreren Ebenen abzulegen. Diese kann man an- und abschalten, sperren und ihre Reihenfolge ändern. Dieses Konzept erleichtert die Arbeit erhelblich. Bestimmte Elemente wie Häuserblocks und Parkanlagen können großflächig gezeichnet werden und erstrecken sich nicht nur von Straße zu Straße. Die Straßen werden später auf einer darüber liegenden Ebene abgebildet und zerlegen diese großen Flächen. Die einzelnen Elemente wie Häuserblocks und Straßen müssen nicht genau passend aneinander gezeichnet werden, da sie sich geschickt überlagern. So bleibt einem das Ausrichten und Fangen von Gitternetz und Objekten erspart.

[Bearbeiten] Verwaltung der Ebenen

• Eine Ebene Anlegen kannst du über das Ebenenmenü. Der erste Menüpunkt läßt eine Dialog öffnen, in welchem du einen Namen eingeben kannst. Zusätzlich kannst du angeben, wo die neu Ebene bezüglich der aktuellen Ebene eingeordnet werden soll.
• Das Löschen einer Ebene funktioniert auch über das Ebenenmenü.
• Um die Elemente einer Ebene vor ungewollten Veränderungen zu schützen, kannst du eine Ebene sperren. Am einfachsten ist es, wenn du sie in der Ebenenleiste am unteren Rand auswählst und über das Symbol mit dem Schloß links daneben sperrst.
• An selbiger Stelle - mit dem Augensymbol daneben - kannst du die Ebene an- und ausschalten. So kannst du auch mal nach unten gucken. (z.B., wenn du die Bitmap beim Zeichnen nicht mehr siehst, da du schon die Häuserblocks erzeugt hast)
• Das Verschieben von Ebenen erfolgt über das Ebenenmenü oder die Tastatur (Shift+Ctrl+PgUp bzw. Shift+Ctrl+PgDown)
• Über den letzten Menüpunkt des Ebenenmenüs oder Shift+Ctrl+L kannst du die Ebenenverwaltung aufrufen. Hier kannst du alles organisieren: Anlegen, Löschen, Verschieben und Umbenennen. Dort kannst du auch jeder Ebene auch eine Deckkraft zuweisen. So werden Ebenen (teilweise) durchsichtig.

Über die Ebenenleiste am unteren Rand kannst du eine gewünschte Ebene aktuell setzen. In dieser werden alle neu erzeugten Elemente abgelegt. Auch beim Markieren von Elementen in der Grafik werden bevorzugt Elemente der aktiven Ebene ausgewählt.

[Bearbeiten] empfohlene Ebenenaufteilung

Die folgende Tabelle gibt dir eine Empfehlung zu den benötigten Ebenen und ihrer Reihenfolge. Die Ebene Bitmap liegt also ganz unten. Ebenengruppen können auch angelegt werden, da man bei der Definition von Ebenen auch Unterebenen anlegen kann.

Ebenengruppe	Ebenenname	Inhalt
Rahmen	Rahmen	Dies ist der äußere schwarze Rahmen der Karte
Legenden	Legende x	Hier werden die einzelnen Legenden abgelegt. So kann man sie einzeln an- und ausschalten, wenn man einen Kartenausschnitt exportieren will.
	Legende 2
	Legende 1
Symbole	Shops	Hier werden die einzelnen Symbole mit ihrer Beschriftung abgelegt. Man kann auch alles in eine Ebene legen, oder sehr detailliert trennen. Das ist einem selbst überlassen.
	Transport
	Restaurants
	Hotels
Straßen/Wege	Hauptstraßen	Hier werden die Straßen und Wege mit ihren Bezeichnungen abgelegt.
	Nebenstraßen
	Wege
Bebauung	Parks	Hier erscheint alles, was zwischen den Straßen liegt.
	Einkaufszentren
	Häuserblocks
	sonst. Flächen
Hintergrund	Hintergrund	Die vorherrschende Farbe (Häuserblocks oder unbebaut) kann man in den Hintergrund legen. Dann kann man sich diese Elemente komplett sparen.
Bitmap	Bitmap	Hier liegt die hinterlegte Kartengrundlage

[Bearbeiten] Die Zeichnung anlegen

Konzeptionell gut vorbereitet kannst du dich jetzt ans Werk machen und mit der Erstellung der Karte beginnen. Ein neues Dokument ist schnell angelegt. Hier stellt sich nur die Frage über die Größe des Arbeitsblattes. Da es sich um eine Vektorgrafik handelt, ist dieses prinzipiell egal, da Skalierungen verlustfrei erfolgen. Wenn man aber nicht mit zehntel Pixelangaben hantieren will, sollte man ruhig etwas mehr nehmen. Die hier in einigen Beispielen zu sehende Musterkarte hatte im Original eine Größe von etwas unter A4. Das SVG-Dokument in dem Beispiel hat eine Größe von ca. 1600x2300 px. Wenn im Verlauf des Artikels Größenangaben, Strichstärken usw. als Beispiel auftauchen, beziehen sich diese immer auf dieses Muster.

Der erste Schritt danach ist die Erzeugung der untersten Ebene namens Bitmap. Du kannst auch die vorhandene pauschal angelegte Ebene mit dem Namen Ebene 1 umbenennen. Über den Befehl Importieren aus dem Datei-Menü (Strg+I) kannst du die Bitmap mit deiner Vorlage einlesen. Mit den Änderungsgriffen an de Bitmap bringst du sie genau auf deine Dokumentengröße und schiebst sie paßgenau über deine Zeichnung. Jetzt kann es mit dem Zeichnen losgehen.

[Bearbeiten] grundlegende Funktionen und Werkzeuge

• Markieren: Um ein Zeichnungselement zu markieren, brauchst du es nur bei aktiviertem Markierungswerkzeug (in der linken Symbolleiste ganz oben) anzuklicken. Um mehrere Elemente zu markieren, hälst du beim Anklicken zusätzlich Shift gedrückt. Wenn du einen Rahmen aufziehst, werden alle innenliegenden Elemente markiert. Die Tastenkombination Strg+A markiert alles. Außerdem kannst du mit TAB alle Elemente nacheinander durchlaufen (rückwärts: Shift+TAB)

• Gruppieren: Hast du mehrere Objekte markiert, kannst du sie zu einer Gruppe zusammenfassen (obere Symbolleiste, Str+G). Alle Änderungen (z.B. verschieben) betreffen dann immer alle Elemente. Einzelne Element lassen sich bis zur Auflösung der Gruppe (obere Symbolleiste, Shift+Str+G)auch nicht anwählen. Dadurch besitzt diese Funktion auch eine gewisse Schutzfunktionalität.

• Skalieren: Ist ein Zeichenelement markiert, kannst du seine Größe mit den äußeren Markierungsgriffen skalieren. Hältst du dabei STRG gedrückt, werden die Seitenproportionen bei diesem Vorgng beibehalten.

• Duplizieren: Benötigst du von einem Zeichnungsobjekt eine Kopie, kannst du es einfach duplizieren (Bearbeiten->Duplizieren; Strg+D) und weiter verarbeiten.

[Bearbeiten] Zeichnen der einzelnen Elemente

[Bearbeiten] Rahmen und Hintergrund

• Arbeitsgänge: Als erstes zeichnest du den Hintergrund - nachdem du eine Ebene dafür angelegt hast. Zweckmäßigerweise solltest du als Füllfarbe entweder die Farbe für die Häuserblocks oder die für die unbebauten sonstigen Flächen (somit brauchst du diese später gar nicht mehr zeichnen) und als Kontur keine Kontur wählen. Man könnte als Kontur eigentlich den Rahmenstift mit der entsprechenden Farbe nehmen. Dieser muß allerdings ganz oben liegen. Deshalb wird er in einem zweiten Gang extra erzeugt. Dafür erzeugst du eine Ebene Rahmen. Jetzt markierst du das Rechteck welches den Hintergrund darstellt und duplizierst es (Ctrl+D oder Bearbeiten -> Duplizieren). Bei diesem Duplikat stellst du ohne Füllung und als Kontur eine schwarze Linie mit eine Breite von 20px ein. Diese Linie bildet nicht nur den Rahmen. Hinter ihr kann man dann auch die ganzen eckigen Enden der Straßen verstecken. Achte darauf, dass der Rahmen auch auf dieser Ebene gelandet ist. Die Ebenen Rahmen und Hintergrund kannst du jetzt sperren und den Hintergrund zusätzlich abschalten, damit du die Bitmap für die weitere Arbeit wieder siehst. Alle neuen Elemente kommen jetzt immer zwischen diese beiden Ebenen.

• Werkzeuge:
  • Rechteck: Das benötigte Werkzeug findest du in der linken, senkrechten Symbolleiste unter dem Lupensymbol oder nutzt die Tastatur (F4). Das Rechteck wird einfach aufgezogen. Wenn es markiert ist, kannst du es verschieben und vergrößern/verkleinern; nach einem erneuten Klick darauf, kannst du es drehen und verzerren.
  • Füllung und Kontur: Ist ein Objekt markiert kannst du seine Füllung bzw. seine Kontur ändern. Den Dialog erreichst du über die obere Symbolleiste (links neben dem "T"-Symbol), die Tastatur (Shift+Ctrl+F) oder das Menü (Objekt -> Füllung und Kontur). Der Dialog besitzt drei Seiten:

1. Füllung: Hier kannst du die Füllfarbe festlegen. Markiere zunächst die Option einfache Farbe. Dann kannst du die Farbe einstellen. Unter dem Regler kannst du auch den Farbcode eingeben, wie bei den Farbvorgaben vorgesehen ist. In unserem Beispiel ist es die unbebaute Fläche (RGBA: 3BD549FF). Willst du keine Füllung, markiere das entsprechende Symbol (das "X").

2. Farbe der Konturlinie: Hier stellst du Farbe der Kontur ein. Die Optionen entsprechen denen bei der Füllung. In unserem Beispiel ist es Schwarz (RGBA: 000000FF).

3. Muster der Konturlinie: Hier kannst du ein Muster für die Kontur einstellen. Bei uns bleibt es eine einfache, durchgezogene Linie, 20px breit und mit eckigen Enden. Hier kannst du auch ein bißchen experimentieren und die Gestaltungsmöglichkeiten ausprobieren.

[Bearbeiten] Straßen

• Arbeitsgänge: Nachdem du eine Ebene dafür angelegt hast, kannst du jetzt die Straßen zeichnen. Wenn du einen Linienzug gezeichnet hast, verbindet Inkscape gedanklich den Anfangs- und Endpunkt und zeichnet auch eine Flächenfüllung. Genau wie beim oben genannte Hintergrund rufst du jetzt den Dialog Kontur und Füllung auf. Als Füllung stellst du keine Füllung ein. Als Kontur eine durchgehende Linie mit der in den Linienvorgaben vorgegebenen Farbe ein. Da es sich um eine Vektorgrafik handelt ist die Breite auch wieder abhängig von deiner Dokumentengröße und dpi-Angabe beim Export. Willst du dich an dieses Beispiel halten, beträgt die Breite 8px mit runden Linienenden (Fußwege: 3px; Hauptstraßen: 12px). Wenn du die oben vorgeschlagene Reihenfolge einhältst, brauchst du die Nebenstraßen nicht an den Hauptstraßen zu unterbrechen, da letztere immer über den Nebenstraßen liegen.

• Werkzeuge:
  • Bézier-Kurven und gerade Linine zeichnen: (in der linken Symbolleiste oder Shift+F6) Mit diesem Werkzeug kannst du jetzt die Straßen zeichnen. Jeder Knickpunkt wird nacheinnander mit der Maus gezeichnet. Wenn du die Knickpunkte nur mit einem Mausklick setzt, werden alle Knicke eckig gezeichnet. Durch Festhalten der Maustaste kannst du zwei Ankerpunkte aufziehen und domit runde Linien zeichnen. Nach einer gewissen Probezeit bekommt man ein Gefühl für das Verhalten des Werkzeugs. Den letzten Knickpunkt setzt du mit einem Doppelklick. Dadurch wird das Objekt erzeugt und das Werkzeug beendet.
  • Knoten bearbeiten: (linke Symbolleiste unter dem Markierungswerkzeug oder F2). Damit kannst du später jeden Knickpunkt und Ankerpunkt von Linienzügen und Flächen bearbeiten (verschieben, einfügen, löschen).

[Bearbeiten] Häuserblocks

• Arbeitsgänge: Dies beginnt auch wieder mit dem Anlegen der entsprechenden Ebene. Der Arbeitsablauf entspricht dem der Straßen. Da die Ebene unter den Straßen liegt, braucht man nicht genau am Straßenrand entlang zeichnen - sondern nur grob der Straße mittig folgen. Als Füllung wird jetzt die entsprechend vorgegeben Farbe gewählt. Eine Kontur bekommt die Fläche nicht. So werden alle Flächen zwischen den Straßenzügen gezeichnet (Parks, Einkaufszentren, Seen ...)
• Werkzeuge: Hierfür wird das selbe Werkzeug wie für die Straßen verwendet. Hier wird nur zusätzlich die Fläche geschlossen, indem man als letzten Knickpunt den Anfangspunkt nochmals anklickt. Der Punkt wird von Inkscape automatisch gefangen, sobald man ihm nahe kommt.

[Bearbeiten] Symbole einbinden

Die Symbole liegen in der Regel bereits als eigene SVG-Datei vor. Über die Funktion Datei importieren (Strg+I) kannst du sie in die aktuell gesetzte Ebene deiner Zeichnung übernehmen. Oft bestehen die Symbole aus mehreren Zeichenelementen. Wenn diese Elemente noch nicht in einer Gruppe zusammengefaßt sind, solltest du das jetzt unbedingt nachholen. Danach kannst du die Größe des Symbols an deine Zeichnung anpassen und an die gewünschte Stelle schieben. Benötigst du ein Symbol mehrere male, kannst du es einfach duplizieren.

[Bearbeiten] Texte erzeugen

• Arbeitsgänge: Eigentlich fehlt nur noch die Beschriftung. Im genannten Beispiel ist es die Scriftart Bitstream Vera Sans bei einer Größe von 8px. Hauptstraßen sind zusätzlich fett geschrieben. Im Prinzip ist jede normale serifenfreie Schrift anwendbar.
• Werkzeuge: Erzeugt werden die Texte mit dem Textwerkzeug in der linken Symbolleiste (zu erkennen an dem 'T'). Danach klickt man in die Zeichnung und erzeugt seinen Text. Verschieben, Drehen, Vergrößern funktioniert wie bei jedem anderen Zeichenelement. Über das Symbol (auch zu erkennen an dem 'T') in der oberen Symbolleiste kann man Schriftart und -größe einstellen. Ähnlich wie bei den Kurven und Linien kann man auch die Einstellungen des gerade aktivierten Textes als Standard übernehmen (siehe Tipp oben).

[Bearbeiten] Export im PNG-Format

Wenn du fertig bist kannst du die Karte als Bitmap exportieren (Datei->Bitmap exportieren; Shift+Strg+E). Da die Media-Wiki-Software inzwischen SVG-Dateien selbstständig in PNG-Dateien umwandelt, muß es für diese Artikel nicht unbedingt nötig sein. Trotzdem sei es hier erklärt. Man kann beim Ausgeben den Umfang des Exports eingeben. Die Option Zeichnung dürfte hier die beste Wahl sein. Die auszugebende dpi-Größe hängt jetzt von den Ausmaßen deiner Zeichnung ab. Zur Not mußt du experimentieren. In diesem Beispiel reichen 150dpi.

[Bearbeiten] Weblinks

• Dokumentation und Tutorials auf der Inkscape-Seite

siehe auch:

• Expedition 'Karten'
• Farbvorgaben für Karten
• Symbolvorgaben für Karten
• Linienvorgaben für Karten

---

Eine Übersicht über alle Artikel zur Arbeit an Wikivoyage findest du im Index für den Wikivoyage-Namensraum.