Erstellung individueller Symbole in Inkscape für die...

49
1 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS Katrin Hannemann FOSSGIS 2018, Bonn 23.03.2018

Transcript of Erstellung individueller Symbole in Inkscape für die...

Page 1: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

1 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Erstellung individueller

Symbole in Inkscape für die

Verwendung in QGIS

Katrin Hannemann

FOSSGIS 2018, Bonn 23.03.2018

Page 2: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

2 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Vorstellung gis-trainer.de und QGIS.pro

Durchführung von Standard-/Individualschulungen in GIS, Web-mapping, Fernerkundung, Programmierung, GDI, Geostatistik u.a.

Beispiele: ArcGIS, QGIS, SAGA, PostgreSQL/PostGIS, gvSIG, OSM, OpenLayers, GeoServer, Leaflet, D3, Bootstrap, R, Mapserver, GDAL/OGR, Python, ArcPy, PyQGIS, HTML/CSS, JavaScript, PHP u.a.

Support und Wartung von QGIS-Produkten (QGIS, QGIS Server, QGIS Webclient, QGIS Android) und zugehörigen Geodateninfra-strukturen (Kartenserver, Datenbanken)

Individualentwicklung (QGIS Plug-Ins, Webmapping, GDI)

Page 3: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

3 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

QGIS & Inkscape

Open Source Desktop-GIS (GPL)

auf verschiedene Betriebssysteme nutzbar

https://www.qgis.org/de/site/forusers/download.html

Open Source Vektorgrafikprogramm (GPL)

auf verschiedene Betriebssysteme nutzbar

Version 0.92

https://inkscape.org/releases

Page 4: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

4 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Was sind SVG-Graphiken?

Scalable Vector Graphics (Dateiendung *.svg)

standardisiertes Dateiformat für Vektorgrafiken

frei und quelloffen

offener Standard

W3C-Empfehlung

zweidimensional

basiert auf XML-Format (von Menschen lesbar)

mit Texteditor bearbeitbar

Page 5: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

5 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Rastergraphiken

bestehen aus Pixeln angeordnet in Zeilen und Spalten (Raster)

Pixel haben feste Kantenlängen

jedes Pixel besitzt einen Wert (fester Farbwert)

ab bestimmter Zoomstufe „pixelig“, unscharf

4 4 1 1 1 2

2 2 1 1 1 2

3 2 2 1 1 2

2 3 2 2 2 2

2 2 3 3 2 2

Page 6: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

6 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Vektorgraphiken

Objekt wird mit Punkten und verbindenden Linien abge-speichert (komplexeres Datenmodell)

mindesten ein Punkt

beim Zoomen verlustfrei skalierbar

Farben und Transparenz veränderbar

Page 7: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

7 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Was sind SVG-Graphiken?

Beispiel Quadrat

Page 8: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

8 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Individuelle Symbole in QGIS erstellen

umfangreiche Möglichkeiten für die Erstellung von Symbolen in QGIS

Aufbau komplexerer Symbole

funktioniert nach dem Ebenenprinzip

Page 9: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

9 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Layerstruktur:

1. Ebene

2. Ebene

Größenverhältnis für jede Ebene (Element) direkt einstellbar

Gesamtsymbol kann skaliert werden (Größenverhältnis der Einzelelemente zueinander bleibt erhalten)

Individuelle Symbole in QGIS erstellen

Page 10: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

10 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Individuelle Symbole in QGIS erstellen

Page 11: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

11 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Individuelle Symbole in QGIS erstellen

Page 12: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

12 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Bibliothek in QGIS

wird mit QGIS installiert

in Stil-Einstellungen für Vektorlayer

zusätzlich eigene SVG-Grafiken bzw. Bibliotheken nutzbar

Page 13: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

13 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Punktsymbol in QGIS zuweisen

Layereigenschaften > Stil

Page 14: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

14 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Punktsymbol in QGIS zuweisen

Farbe, Größe, Platzierung etc. einstellbar

Page 15: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

15 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Verwendung von SVG-Grafiken in QGIS

Punktsymbol

Linienmarkersymbol

Punktmusterfüllung

flächenhafte SVG-Füllung

Vektorgrafik in der Druckzusammenstellung (z.B. Nordpfeil, Logo)

Page 16: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

16 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Grafik in Inkscape erstellen

Objekte zeichnen, bearbeiten, klonen, Pfadbearbeitung

Formen erstellen lassen, verformen

Füllung, Kontur festlegen

Fangwerkzeuge

Zeichenreihenfolgen festlegen, Objekte ausrichten, verteilen, gruppieren

Boolesche Operatoren (wie im GIS)

Text einfügen

Einbindung von Rastergrafiken, vektorisieren

Page 17: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

17 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Grafik in Inkscape erstellen

Page 18: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

18 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Erstellung: Schritte in Inkscape

individuelles Symbol für Trinkwasserpunkte in Berlin erstellen

OSM-Daten (OpenStreetMap und Mitwirkende)

Page 19: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

19 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Inkscape: Wassertropfen erstellen

Kreis-Werkzeug: Halben Kreis erzeugen

Page 20: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

20 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Inkscape: Wassertropfen erstellen

Dreieck hinzufügen

Hilfslinien und Fang nutzen

Page 21: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

21 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Inkscape: Wassertropfen erstellen

Objekte vereinigen

Page 22: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

22 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Inkscape: Wassertropfen erstellen

Form gestalten, Linie bearbeiten, Knoten anpassen

Page 23: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

23 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Inkscape: Wassertropfen erstellen

Füllung bearbeiten

Page 24: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

24 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Inkscape: Wassertropfen erstellen

viele Varianten möglich

Page 25: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

25 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Grafik in QGIS verwenden

Page 26: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

26 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Grafik in QGIS verwenden

Page 27: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

27 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Grafik in QGIS verwenden

Darstellung der SVG-Grafik kann nicht geändert werden!

Page 28: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

28 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Grafik anpassen

In Texteditor öffnen

Parameter eingeben

Damit sind diese Parameter in QGIS editierbar!

Page 29: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

29 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Grafik anpassen

Füllfarbe: fill = param(fill)

Füllfarbe Deckkraft: fill-opacity = param(fill-opacity)

Linienfarbe: stroke = param(outline)

Linienstärke: stroke-width = param(outline-width)

Linienfarbe Deckkraft: stroke-opacity = param(outline-opacity)

Page 30: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

30 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Grafik anpassen

In Texteditor öffnen

Page 31: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

31 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Grafik in QGIS änderbar

Page 32: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

32 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Kategorisierte Darstellung in QGIS

Page 33: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

33 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Abgestufte Darstellung in QGIS

Page 34: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

34 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Dateien minimieren/optimieren

Datei verkleinern, für Nutzung in QGIS überflüssige Elemente in XML-Code entfernen

z.B. SVGOMG - SVGO's Missing GUI

https://jakearchibald.github.io/svgomg/

SVG per Drag & Drop hinzu

auch offline möglich

Weitere Möglichkeiten, Suche nach: svg optimizer Svg minimizer

Page 35: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

35 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Dateien minimieren/optimieren

Page 36: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

36 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Dateien minimieren/optimieren

Page 37: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

37 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

SVG-Dateien minimieren/optimieren

Page 38: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

38 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Verwendung von SVG-Grafiken im Drucklayout

z.B. individuelle Nordpfeile

Page 39: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

39 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Symbole teilen

z.B. GitHub, Plugin Resource Sharing

Page 40: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

40 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Beispiel „German PlanZV“

Page 41: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

41 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Beispiel „German PlanZV“

Page 42: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

42 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Beispiel „Road Signs“

Page 43: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

43 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Beispiel „Road Signs“

Page 44: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

44 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Beispiel „Animal silhouettes “

Page 45: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

45 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Beispiel „Animal silhouettes “

Page 46: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

46 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Workshop zum Thema

„QGIS - Symbole mit Inkscape individuell erstellen“

Freitag, 9:00 Uhr - 10:30 Uhr

Gislabor - Kartographie

Überblick, was wir machen werden: Stil-Funktionalitäten in QGIS SVG in Inkscape erstellen SVG optimieren Verwendung in QGIS SVG aus Raster erstellen

Page 47: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

47 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Hilfestellungen, Foren, Informationen

Mehr zum Thema Inkscape, SVG-Erstellung:

https://inkscape.org/de/lernen

https://inkscape.org/de/community/

https://stackoverflow.com/questions/tagged/svg

https://graphicdesign.stackexchange.com/questions/tagged/inkscape

https://www.w3schools.com/graphics/svg_intro.asp

https://de.wikipedia.org/wiki/Scalable_Vector_Graphics

Page 48: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

48 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Vielen Dank!

Ich stehe gern für Fragen zur

Verfügung.

Katrin Hannemann

Pflügerstraße 56

12047 Berlin

www.qgis.pro

Page 49: Erstellung individueller Symbole in Inkscape für die ...geosysnet.de/custom/downloads/Vortrag_QGIS_Inkscape_FOSSGIS_2018... · Erstellung individueller Symbole in Inkscape für die

49 Erstellung individueller Symbole in Inkscape für die Verwendung in QGIS

Kontakt

http://geosysnet.com Pflügerstraße 56

12047 Berlin

https://QGIS.pro

[email protected]

030 296 899 83

qgis.pro

qgis_pro

https://gis-trainer.de