Skip to content

2. Malen & Anpassung

Jetzt, da Ihre Karte geladen ist, ist es Zeit, sie zum Leben zu erwecken! Dieser Abschnitt behandelt die grundlegenden Mal- und Anpassungsfunktionen, die PaintMyMap so leistungsstark machen – und genau das widerspiegeln, was Sie im Editor sehen.

Wie das Malen funktioniert

Das Malen in PaintMyMap funktioniert, indem Kartenmerkmale (Länder, Regionen usw.) Legendengruppen zugewiesen werden. Jede Gruppe hat ihre eigene Farbe, ein optionales Muster und eine Beschriftung.

Malen, Radieren und Pinselgröße ändern

Grundlegendes Malen

  1. Wählen Sie eine Legendengruppe aus: Klicken Sie auf eine Gruppe in der Legende (deren Farbe wird zur aktiven Malfarbe).
  2. Wählen Sie Ihren Pinsel: Wählen Sie Einzel oder eine Kreisgröße (S/M/L/XL).
  3. Malen: Klicken oder ziehen Sie auf Kartenmerkmale, um sie der ausgewählten Gruppe zuzuweisen.
  4. Radierer: Wechseln Sie zum Radierer, um Farbe von Merkmalen zu entfernen.

Tastenkürzel: B (Pinsel), E (Radierer), ⌘/Strg+Z (Rückgängig), ⇧+⌘/Strg+Z (Wiederholen)

Legendenverwaltung

Die Legende ist das Herzstück der visuellen Organisation Ihrer Karte. Jede Farbe auf der Karte, mit der Sie malen möchten, muss einer Gruppe (Legendenpunkt) zugewiesen werden.

Legendenpunkte auswählen, neu anordnen, ein-/ausblenden, Legendentitel hinzufügen, Größe ändern und Legende verschieben

Legendengruppen erstellen

  • Gruppen hinzufügen: Klicken Sie auf + Element hinzufügen, um eine neue Gruppe zu erstellen.
  • Gruppenfarben & Muster: Klicken Sie auf das Farbfeld, um das Farb-/Mustermenü zu öffnen.
  • Gruppenbeschriftungen: Geben Sie direkt in das Beschriftungsfeld jeder Gruppe ein.
  • In der Legende anzeigen/verbergen: Sichtbarkeit für jede Gruppe umschalten.
  • Neu anordnen: Ziehen Sie mit dem Griff oder verwenden Sie die Auf-/Ab-Tasten.
  • Löschen: Entfernen Sie eine Gruppe (dies löscht keine bemalten Bereiche; sie werden in unbemalte zurückgesetzt).
  • Legendentitel: Aktivieren Sie „Legendentitel anzeigen“ in den Optionen und bearbeiten Sie dann den Titeltext.

Legendenpositionierung

  • Ziehen zum Verschieben: Ziehen Sie die Legende an eine beliebige Stelle auf der Karte (am einfachsten im Vorschau-Modus).
  • Größe ändern: Verwenden Sie den Eckgriff, um den Legendenblock zu skalieren.
  • Hintergrund: Legen Sie die Hintergrundfarbe und Transparenz der Legende in den Optionen fest.

Choroplethenkarten – Farbverlauf generieren

Mit dem Choroplethen-Generator können Sie in nur einem Klick einen perfekten Farbverlauf erstellen! Wählen Sie Start- und Endfarbe, Anzahl der Schritte und fertig!

Farbverlauf mit dem Choroplethen-Generator erstellen

Pinselwerkzeug

Um den Pinsel auszuwählen, klicken Sie auf das Pinselwerkzeug. Um die Größe zu ändern, verwenden Sie das Dropdown-Menü daneben. Um die Farbe zu ändern, erstellen oder wählen Sie eine neue Gruppe aus der Legende aus.

Pinselwerkzeug und seine Größe auswählen

Pinseltypen

  • Einzeln: Malen Sie ein Merkmal pro Klick (präzise Kontrolle).
  • Kreis: Malen Sie alle Merkmale unter dem Pinselradius.
    • S/M/L/XL Größen für schnellere Füllungen.

Pinselsteuerung

  • Aktive Gruppe: Die derzeit ausgewählte Legendengruppe.
  • Pinselgröße: Wählen Sie S/M/L/XL; ein Vorschaukreis zeigt den genauen Radius.
  • Farbvorschau: Zeigt die aktive Gruppenfarbe/das Muster.
  • Radierer: Entfernt Farbe von Merkmalen (E).

Tipp: Verwenden Sie Rückgängig/Wiederholen frei, während Sie mit Größen experimentieren.

Pinsel-Farben

Sie können mit einer einzelnen Farbe malen oder ein Muster aus zwei oder drei Farben auswählen.

Einfarbige Pinsel oder Muster aus zwei oder drei Farben auswählen

Formenwerkzeug

Verwenden Sie das Formenwerkzeug, um Anmerkungen hinzuzufügen, Bereiche hervorzuheben oder zusätzliche Bedeutungen über Ihre bemalten Regionen zu legen.

Formen zeichnen, Farbe ändern, Text hinzufügen, drehen und bearbeiten

Verfügbare Formtypen

FormZweck
LinieEinfacher Zeiger / Unterstreichung; klicken und ziehen zum Zeichnen.
PfeilRichtungsweiser (automatischer Pfeilkopf).
RechteckStandard-Box-Hervorhebung.
Abgerundetes RechteckWeichere Hervorhebung / Beschriftungscontainer (abgerundete Ecken).
KreisBetonungsring oder Markierung.
KommentarAbgerundeter Sprechblasen-Stil (ovaler Körper + Schwanz).
KommentarfeldRechteckige Sprechblase (eckige Variante) mit beweglichem Schwanz.
HinweisBox + Pfeilschwanz (Pfeilschwanz ist ein Dreieck/Pfeil, der auf das Ziel zeigt).

Formen zeichnen

  1. Wählen Sie das Formen-Werkzeug (Tastenkürzel: S).
  2. Wählen Sie einen Formtyp aus der Mini-Palette.
  3. Klicken und ziehen Sie auf der Karte, um zu zeichnen.
  4. Halten Sie Shift während des Ziehens gedrückt, um einzuschränken: perfekter Kreis, Quadrat oder 45°-Schritte für Linien/Pfeile.
  5. Halten Sie Option/Alt gedrückt, um von der anfänglichen Klickposition aus nach außen zu zeichnen (von der Mitte aus für Kreise/Rechtecke).

Formen-Styling & Optionen

  • Strichbreite & Farbe: Passen Sie die Umrissstärke und Farbe an.
  • Mit Zoom skalieren: Umschalten, ob Strich/Text beim Zoomen skaliert wird (aktivieren für relative Größenanpassung, deaktivieren für konstantes visuelles Gewicht).
  • Füllung: Füllung aktivieren; einfarbige Farbe oder Muster auswählen; Transparenz über Schieberegler anpassen.
  • Muster: Gleiche Musterauswahl wie bei Legendengruppen (Linien, Punkte, Streifen, Dreifarbmuster).
  • Text: Textüberlagerung aktivieren; Schriftart, Größe, Farbe und optionalen Schatten + Schattenfarbe festlegen.
  • Schlagschatten: (Pro Form) Schatten aktivieren, Unschärfe, Deckkraft, Versätze und Farbe für Tiefe/Kontrast anpassen.

Formen bearbeiten

  • Verwenden Sie das Auswahl-Werkzeug (V), um eine Form auszuwählen.
  • Ziehen zum Verschieben; Griffe erscheinen für Größe ändern (Ecken) und Drehen (Drehsteuerung / R-Taste bei Auswahl).
  • Doppelklicken Sie auf den Text der Form, um ihn zu bearbeiten.
  • Drücken Sie Löschen / Rücktaste (oder das Löschen-Symbol), um zu entfernen.
  • Kommentar / Kommentarfeld / Hinweisschwanz: Ziehen Sie den runden Schwanzgriff, um den Zeiger unabhängig vom Blasen-/Boxkörper neu zu positionieren.

SVG-Werkzeug (Import / Platzieren)

Das SVG-Werkzeug öffnet den SVG-Bibliothek-Dialog zum Importieren wiederverwendbarer Vektorgrafiken.

SVGs laden und platzieren, Farbe, Größe, Drehung ändern und bearbeiten

Arbeitsablauf

  1. Klicken Sie auf SVG (Import / Platzieren), um den Dialog zu öffnen.
  2. Fügen Sie rohen SVG-Code ein oder wählen Sie eine oder mehrere .svg-Dateien aus. Sie können auch einige der integrierten SVGs unter dem Themen-Dropdown erkunden.
  3. Drücken Sie Zur Liste hinzufügen, um eine analysierte Version unter „Ihre SVGs“ zu speichern (im lokalen Speicher gespeichert, bis gelöscht).
  4. Wählen Sie einen Eintrag aus und drücken Sie Platzieren, dann klicken und ziehen Sie auf der Karte, um in einer Geste zu positionieren und zu skalieren.
  5. Verwenden Sie anschließend Auswahl (V), um zu verfeinern: verschieben, drehen, skalieren, löschen.

Verhalten & Hinweise

  • Dialogumschaltung: Ein erneuter Klick auf das SVG-Werkzeug schließt den Dialog und kehrt zur Auswahl zurück.
  • Bereinigung: Skripte, Ereignishandler und foreignObject-Knoten werden aus Sicherheitsgründen entfernt.
  • Seitenverhältnis wird während der Platzierung automatisch beibehalten.
  • Bibliothekspersistenz: Mit der Schaltfläche „Alles löschen“ alles löschen; einzelne Elemente können entfernt werden.
  • Leistung: Extrem komplexe SVGs (tausende Pfade) können die Interaktivität und Exportzeit beeinträchtigen.

Anwendungsfälle

Logos, Abzeichen, Piktogramme (Bevölkerung, Klimasymbole), Einfügungsmarkierungen, Kompassrosen, dekorative Rahmen.

Auswahlwerkzeug

Das Auswahl-Werkzeug (V) ermöglicht es Ihnen, gezeichnete Formen und platzierte SVGs zu manipulieren.

Auswahlwerkzeug

Auswahl & Mehrfachauswahl

  • Klicken Sie auf eine Form/SVG, um sie auszuwählen; ziehen, um zu verschieben.

Transformationsgriffe

  • Eckgriffe: Größe ändern (halten Sie Shift gedrückt, um Quadrat/Kreis bei Bedarf einzuschränken).
  • Drehgriff oder drücken Sie R, während ausgewählt, um zu drehen.
  • Kommentarfeld-Schwanzgriff: Positionieren Sie den Anker des Sprechblasenschwanzes neu.

Textbearbeitung

  • Doppelklicken Sie auf den Text der Form (Kommentar/Kommentarfeld/jede textfähige Form), um ihn inline zu bearbeiten.
  • Verwenden Sie die Stilsteuerungen (Schriftart, Größe, Farbe, Schatten) für Verfeinerungen.

Löschen

  • Rücktaste / Löschen oder Löschen-Symbol in der Benutzeroberfläche entfernt ausgewählte Form(en).

Erweiterte Anpassung

Bringen Sie Ihre Karten mit diesen Funktionen auf die nächste Stufe. Öffnen Sie Optionen, um darauf zuzugreifen:

Beschriftungen und Kartentitel anpassen

Legendeneinstellungen

  • Legende: Legende auf der Karte ein-/ausblenden.
  • Legendenhintergrund: Hintergrundfarbe und Transparenzeinstellung der Legende festlegen.
  • Legendentitel festlegen: Legendentitel festlegen oder vollständig ausblenden.

Karte

  • Nur bemalte Bereiche: Unbemalte Bereiche für saubere Exporte ausblenden.
  • Gitternetzlinien anzeigen.
  • Geografische Linien anzeigen.
  • Zeitzonenlinien mit oder ohne Beschriftungen anzeigen.

Beschriftungen & Titel

  • Kartentitel: Titel umschalten, Text bearbeiten, ziehen, um die Position zu ändern, und über den Eckgriff die Größe ändern.
  • Länderbeschriftungen: Länderbeschriftungen anzeigen, Abkürzungen wählen, Schriftart, Farbe und optionalen Schatten ändern. Wählen Sie aus, ob nur auf bemalten Ländern angezeigt werden soll oder ob der Ländername durch den Wert aus der Legendengruppe ersetzt werden soll.

Visuelle Verbesserungen

  • Kartenhintergrundfarbe: Hintergrund der Leinwand festlegen.

  • Randfarbe: Farbe der Ländergrenzen festlegen.

  • Kartenthema: Inspiration benötigt? Wählen Sie ein Kartenthema aus integrierten Farbpaletten.

  • Gitternetzlinien: Breiten-/Längengradgitter anzeigen.

  • Geografische Linien: Äquator, Wendekreise, Polarkreise, Nullmeridian anzeigen.

  • Zeitzonen: Optionale Zeitzonen-Polygone und Beschriftungen (für unterstützte Karten).

Farbstrategien

  • Kategorisch: Verwenden Sie unterschiedliche Farben für verschiedene Kategorien.
  • Sequenziell: Verwenden Sie Farbverläufe für Datenbereiche.
  • Divergierend: Verwenden Sie Farbschemata, die Extreme hervorheben.

Muster-Malen

Fügen Sie subtile Texturen mit integrierten SVG-Mustern hinzu:

  • Linien/Streifen: Horizontal, vertikal, diagonal; Dreilinien-Varianten.
  • Punkte/Kreuzschraffur: Punktgitter und Kreuzschraffurstile.
  • Drei-Streifen: Primär-/Sekundär-/Tertiärfarben kombinieren.

Wie: Klicken Sie auf das Farbfeld einer Gruppe, aktivieren Sie Muster und wählen Sie einen Typ. Passen Sie Primär-, Sekundär- und (falls verfügbar) Tertiärfarben an. Das Hochladen benutzerdefinierter Musterbilder wird derzeit nicht unterstützt.

Rückgängig & Wiederholen

Verlieren Sie nie Ihre Arbeit mit umfassenden Verlaufskontrollen:

Verlaufskontrollen

  • Rückgängig/Wiederholen: Durch Änderungen navigieren (⌘/Strg+Z, ⇧+⌘/Strg+Z).
  • Alles löschen: Entfernen Sie alle Bemalungen (mit Bestätigung).

Kopieren & Einfügen

Beschleunigen Sie Ihre Arbeit mit der Kopieren/Einfügen-Funktion, die mit SVGs und Formen funktioniert (⌘/Strg+C, ⌘/Strg+V).

Automatisches Speichern

Ihre Arbeit wird im lokalen Speicher Ihres Browsers gespeichert, und Sie werden aufgefordert, sie wiederherzustellen, wenn Sie zurückkehren.

Interaktive Funktionen

Zoomen & Verschieben

  • Mausrad: Zoomen Sie an der Cursorposition ein/aus.
  • Zoom-Tasten: Präzise Zoomsteuerung (+/−).
  • Verschieben: Ziehen, um die Kartenansicht zu verschieben.

Drehung & Orientierung

  • Globus-Rotation: Drehen Sie den Globus (ziehen Sie die Rotationssteuerung).
  • 2D-Drehung: Drehen Sie eine flache Karte (ziehen Sie die Drehsteuerung).
  • Spiegeln: Horizontale und vertikale Spiegeleffekte.

Formen & Anmerkungen

Verwenden Sie das Formenwerkzeug, um visuelle Hervorhebungen hinzuzufügen:

  • Typen: Linie, Pfeil, Rechteck, Abgerundetes Rechteck, Kreis, Kommentar, Kommentarfeld, Hinweis.
  • Stil: Strichbreite/Farbe und Füllfarbe/Transparenz festlegen.
  • Text: Text zu Formen hinzufügen (Schriftart, Größe, Farbe, optionaler Schatten).
  • Mit Zoom skalieren: Wählen Sie, ob Formen beim Zoomen skaliert werden.

Projekte speichern & laden

Zustand exportieren (Projekt speichern)

  • Fortschritt speichern: Exportieren Sie Ihr gesamtes Projekt als JSON-Datei.
  • Enthält: Alle Bemalungen, Farben, Einstellungen und Anpassungen.
  • Dateiformat: .json-Datei, die jederzeit wieder geöffnet werden kann.
  • Verwendung: Sichern Sie Ihre Arbeit oder setzen Sie sie später fort.

Zustand importieren (Projekt laden)

  • Arbeit wiederherstellen: Importieren Sie eine zuvor gespeicherte JSON-Datei.
  • Bewahrt: Alle Ihre Bemalungen und Anpassungseinstellungen.
  • Geräteübergreifend: Funktioniert auf verschiedenen Browsern und Geräten.

Automatisches Speichern

  • Automatisch: Ihre Arbeit wird im lokalen Speicher des Browsers gespeichert.
  • Wiederherstellung: Stellt automatisch Ihre letzte Sitzung wieder her.
  • Keine Aktion erforderlich: Erfolgt im Hintergrund.

Vorschau-Modus

Verwenden Sie den Vorschau-Modus, um Ihre fertige Karte vor dem Export anzusehen:

  • Blendet alle Bearbeitungssteuerungen und die Benutzeroberfläche aus.
  • Zeigt nur die Karte, die Legende und benutzerdefinierte Elemente.
  • Ermöglicht das Ziehen der Legende und des Titels für eine feine Positionierung.
  • Perfekt für abschließende Kompositionsprüfungen.

Nächste Schritte

Sobald Ihre Karte perfekt aussieht, ist es Zeit, sie zu exportieren! Fahren Sie mit dem letzten Abschnitt fort, um zu erfahren, wie Sie Ihre Kreationen speichern und teilen können.