Altes Papier selber machen mit GIMP (Tutorial)

Hallo,

Ich möchte ein kleines Mini-Tutorial machen, als Vorbereitung für mein richtiges Karten-Tutorial. Hier seht ihr erst einmal was wir herstellen wollen, einen schönen Hintergrund für handgezeichnete Karten oder Handouts, der auch als Ebene für Karten in GIMP benutzt werden kann.

Schritt Eins: Neues Dokument

Wir starten GIMP und öffnen ein neues Dokument in der Größe die wir brauchen, ich verwende hier einfach einmal A4, da ich dieses Format am häufigsten benutze. Achtet darauf das dieses neue Dokument einen transparenten Hintergrund haben sollte!
Dann öffnen wir den Ebenen-Dialog und erschaffen vier weitere Ebenen, diese nennen wir im folgenden einfach: Papier, Textur, Flecken und Schmiere, die Ebenen sollten dann in der Reihenfolge so angelegt sein:

Schmiere
Flecken
Textur
Papier
Hintergrund

Schritt Zwei: Eine Auswahl anlegen

Nun möchten wir für unser Dokument einen unregelmäßigen Rand haben, weil das künstlerischer (und vor allem älter) wirkt. Dazu befolgen wir einfach nacheinander die folgenden Schritte:

Wir wechseln auf die Ebene Papier, dann alles auswählen (entweder Strg+A oder Oben in der Leiste: Auswahl > Alles Auswählen). Dann verkleinern wir die Auswahl (Auswahl > Verkleinern > 10 mm) dadurch rückt unsere Auswahl vom Bildrand weg.
Jetzt wollen wir den Rahmen unregelmäßig wirken lassen, dazu gehen wir wieder in die Leiste in den Unterpunkt Auswahl und wählen (> Verzerren). Hier könnt ihr jetzt ein wenig mit den Einstellungen spielen um den gewünschten Effekt zu erhalten. Ich habe für dieses Beispiel, die folgenden Einstellungen benutzt:

Achtet nicht darauf das ich noch nicht die Ebenen angelegt habe, ich kann nicht einmal mein eigenes Tutorial befolgen, ich Depp. ;)

Wenn wir dann unsere Auswahl schön verzerrt haben, kann es weitergehen.

Schritt Drei: jetzt kommt die Farbe ins Spiel

Dieser Schritt ist schnell abgehandelt, füllt eure Auswahl auf der Ebene Papier mit einer Farbe die ungefähr eurem Papierfarbton entsprechen soll, ich verwenden: e3ce9f.

Schritt Vier: It's magic, really!

Nun wechseln wir auf die Ebene Textur. Jetzt ratet einmal wofür diese da ist, genau hier legen wir die Textur fest die unser Papier haben soll. Also fangen wir an, wir wählen Filter> Render> Wolken> Plasma, in dem erscheinenden Dialog können wir jetzt ein wenig rumspielen um ein schönes Plasma zu bekommen, ich verwende meist eine Turbulenz zwischen 2 und 4, das sieht ganz gut aus. Macht aber wie es euch gefällt.

Jetzt sieht das ganze natürlich ein wenig bunt aus, aber das kann (und sollte)  man ändern, deswegen wählen wir Farben > Entsättigen. Prima jetzt ist es schön grau, das ist gut aber reicht uns das? Nein, genau deswegen machen wir folgendes, wir gehen unter Filter >Abbilden > BumpMap und wählen da die Textur-Ebene aus, dann könnt ihr wieder ein bißchen mit den Reglern spielen, bis euch euer Ergebnis gefällt.

Edit: Wenn ihr das gemacht habt, solltet ihr den Ebenen-Modus auf "Überlagern" ändern.

So meins sieht bisher so aus:

Schritt Fünf: Flecken

Dieser Schritt könnte etwas mehr Zeit in Anspruch nehmen, da euch vermutlich die passenden Werkzeuge fehlen. Doch diese bekommt ihr einfach und legal im Internet!
Wir brauchen neues Brushes (Pinselspitzen), die benötigten findet ihr hier, gebt im Suchfeld Grunge Brushes ein und sucht euch welche aus, die euch für euer Pergament passend erscheinen.

Wenn ihr Brushes gefunden habt (ihr wollt Flecken und ähnliches), könnt ihr diese in euren Ordner Brushes verschieben, den findet ihr in eurem GIMP-Ordner (denn müsst ihr alleine finden;)).  Wenn ihr die  Brushes in den Ordner verschoben habt, müsst ihr sie in eure Werkzeugleiste laden.
Dazu wählt ihr euren Pinsel aus und klickt auf das Feld in dem ihr die Spitze auswählen könnt, unten rechts seht ihr ein Pinsel, darauf klicken, dann öffnet sich der folgende Dialog.

Klickt auch hier wieder unten rechts auf den blauen Pfeil, dadurch werden eure Pinsel aktualisiert und ihr solltet jetzt Zugriff auf alle Pinsel haben die ihr in den Ordner Brushes verschoben habt.

Wechselt nun auf die Ebene Flecken und wählt euch passende Pinselspitzen aus und verziert euer Papier mit Flecken wie es euch richtig erscheint. Spielt dabei mit der Größe und der Deckkraft der einzelnen Flecken, ihr könnt sogar am Modus herum spielen, wenn ihr wollt. Am Ende solltet ihr ein ordentlich gebrauchtes Stück Papier haben, das Flecken aufweist.

Stellt dann den Modus der Ebene auf Überlagern.

So mein Ergebnis bisher:

Wenn euch die Flecken zu schwach erscheinen, könnt ihr diese Ebene auch Duplizieren, wenn ihr möchtet.

Schritt Sechs: Rand und Schmiererein

Nun wählt Bearbeiten > Auswahl nachziehen und lasst dann die Auswahl mit einer schönen breiten Linie, (6-10 mm) nachziehen. Dann wendet ihr einen Gaußschen Weichzeichner an (Filter > Weichzeichne > Gaußscher Weichzeichner), dieser sollte 100 Pixel haben.

Jetzt wechseln wir auf die Ebene Schmiere und wenden erneut ein Plasma an (Filter> Render> Wolken > Plasma) diesmal einfach ein zufälliges. Danach wieder Farbe (>Entsättigen). Jetzt ändert den Pinsel auf die Spitze Circle Fuzzy 19, die Farbe auf Schwarz und skaliert die Größe auf 5 hoch, die Deckkraft sollte bei 60& liegen. Dann wählt ihr Bearbeiten> Auswahl nachziehen > mit Werkzeug (Pinsel) nachziehen.

Dann stellt ihr den Ebenenmodus auf Überlagern und ihr seid fertig. Meines sieht so aus:

So ich hoffe es war alles verständlich und ihr könnt zumindest einen kleinen Nutzen daraus ziehen.

Grüße

Cordovan

Karten die noch übrig sind!

Hallo,

da ich ja immer noch ein wenig übe um meine Kartentechniken zu verbessern und so zu vereinfachen das ich in einem Tutorial erläutern kann, wie man selber solche anfertigt, habe ich zwei weitere Karten die ich nie verwenden werde.

Vielleicht kann aber jemand anderes was damit anfangen.

Hier noch einmal die gleiche Karte, aber ich habe ein wenig mit dem Pergament gespielt.

Naja, ich hoffe sie gefallen. :)

Grüße

Cordovan

Tobrienkarte Improved!

Hi,

habe die Tobrienkarte noch einmal ein wenig überarbeitet.

Hat als Handout heute Abend gut geklappt.

Grüße

Cordovan

Tobrien: Eine Karte für meine Runde

Hi,

ich habe hier mal eine neue Karte gemacht, die Tobrien darstellt.

Ich habe mal eine neue Technik ausprobiert.

Hoffe sie gefällt.

Grüße

Cordovan

Gewölbekarten anfertigen für Unbedarfte - Teil Drei!

Teil 3: Die Aussagekraft der Symbole

Symbole auf die Karte bringen

Unsere Karte sieht nun schon relativ gut aus, oder nicht? Doch so irgendwie fehlt ihr die richtiges Aussagekraft, es sind ein paar Räume auf einer Karte, aber was ist in den Räumen? Sind die Räume leer? Nein, natürlich nicht, Räume brauchen Türen, Fallen, Stauen, Säulen und andere Dinge die man zertrümmern oder hinter denen man Deckung suchen kann, ist doch klar. Ich verwende für meine Karten recht einfache Symbole, die ich mit Hilfe von Inkscape erschaffe und dann in meine GIMP-Datei importiere.

Symbole in Inkscape machen

Wir öffnen also wieder Inkscape und fangen mit einer Tür an. Dazu ändern wir die Dokumenteneinstellung auf 50x50 Pixel und machen ziehen einen quadratischen Rahmen auf, ungefähre in der Größe von 40x40 pixel. Ihr solltet schauen das der Rahmen der Tür mindestens 3 Pixel dick ist, das könnt ihr unter links ändern, wenn ihr euer Rechteck mit dem Auswahl-Tool auswählt. Schaut auf den Screenshot um die Einstellungen zu sehen, die ich verwendet habe.

Dann speichert ihr das ganze wieder als Tür.svg und wechselt wieder zu Gimp. Dort erstellt ihr eine neue Ebene die ihr SymboleTüren nennt. Dann klickt ihr auf (Datei > Öffnen) und wählt euer Tür.svg aus, dieses wird in einem neuen Fenster geöffnet. Schaut ob eure Ebene SymboleTüren ausgewählt ist (wenn nicht, dann wählt sie jetzt aus) und kopiert dann eure Tür aus dem neuen Fenster in euer aktuelles Dokument.

Dann könnt ihr die Tür an Ort und Stelle schieben, achtet darauf das nicht der Anker zu sehen ist, denn sonst verankert GIM eure Tür auf der Ebene und ihr könnt sie nicht mehr verchieben, wenn euch das aus versehen passiert, benutzt Strg+Z und ihr könnt eure Tür wieder verschieben. Dann könnt ihr mit Copy And Paste weitere Türen herein kopieren, positioniert erst eine Tür bevor ihr eine neue kopiert, denn die alte Tür lässt sich sonst nicht mehr verschieben, da sie in der Ebene SymboleTüren verankert wird.

Kopiert ein paar Türen, bis euer Bild so aussieht:

Toll, oder?

Im Endeffekt könnt ihr so mit allen weiteren Symbolen fortfahren! Schmückt euren Dungeon mit Türen, Fallen, Tischen, Statuen und anderen was ihr benötigt!

Am Ende bekommt ihr dann so eine Karte:

 So, damit ist dieses kurze Tutorial zum Thema Dungeon-Pläne mit GIMP und Inkscape fertig. Ich hoffe ihr habt alles verstanden und könnt mir bald eure fertigen Dungeons präsentieren.

Links: Teil Eins, Teil Zwei

Grüße

Cordovan

Gewölbekarten anfertigen für Unbedarfte - Teil Zwei!

Hallo,

Fortsetzung von Teil Eins! Ohne Symbole dafür mit optionalen Schritt Spielerkarte und Pergament-Hintergrund anfertigen. Ich verwende für meine Runden nämlich drei Arten von Karten, diese sind:

Die simple Schwarz-Weiß-Karte:

Diese ist nur für mich, zur Orientierung und zum Notizen machen, zudem schiebe ich da meist Monster-Counter hin und her.

Dann die Spieler-Karte diese sieht dann meist so in der Richtung aus:

Diese Spielerkarte wird verwendet wenn die SC eine Karte des Dungeon finden oder danach suchen, sie kommt also nich immer zur Anwendung. Hin und wieder enststelle ich diese Karten noch weiter, so das ganze Räumen fehlen, oder ähnliches.

Schließlich gibt es noch die Karte am Ende des Dungeons, diese gibt es zur Belohnung, von mir wenn man einen Dungeon überlebt hat und wird dann zum entsprechenden Charakter geheftet.

Diese sieht dann so aus:

Dazu kommen dann noch Text wie: "Kampf gegen die Orks!" oder "Epische Schlacht gegen den Hexerkönig!".

Wie mache ich die Karten?
Schön und gut, doch wie bekomme ich die oben gesehenen Effekte auch hin, das werde ich euch in diesem optionalen Schritt erklären. Dazu ist es wichtig das man das System der Ebenen verstanden hat, also das jedes Dokument aus verschiedenen Ebenen besteht, die übereinander liegen und die alle einzeln bearbeitet werden können (und sollten).

Stellt euch das Prinzip einfach vor, wie mehrere Lagen von Pauspapier die ihr übereinander legt, ihr könnt dann ja erkennen, was auf den unteren Ebenen zu sehen ist.  Wenn ihr jetzt jedoch ein normales weißes Blatt dazwischen legt, sehr ihr nicht mehr was sich darunter befindet.

Ähmm... ja, ich hoffe ihr wisst was ich meine.

Wir haben ja im vorherigen Schritt ein Bild mit zwei Ebenen (Raster und Mauern) erstellt. Jetzt kommen weitere Ebenen hinzu, als erstes beginnen wir mit dem Pergament-Hintergrund.

Pergament-Hintergrund erstellen mit GIMP

Wir erstellen eine neue Ebene, diese nenen wir Pergament. Wenn noch etwas ausgewählt sein sollte, machen wir dies rückgängig, indem wir auf aus (Auswahl > Nichts auswählen) klicken. Die neue Ebene füllen wir dann mit einer hellen braunen Farbe nach unserer Wahl, ich habe in meinem Beispiel die Farbe e3b36e gewählt.

Wenn wir mit dem einfärben fertig sind, erstellen wir eine weitere Ebene über dieser Ebene und nennen sie Pergament-Rauschen. Dann wählen wir (Filter > Render > Wolke > Plasma), und wählen eines der bunten Bildchen, das uns besonders gut gefällt (hier 4.0). Unser Ergebnis sieht folgendermaßen aus.

Funky, nicht wahr?

So kann das natürlich nicht bleiben! Deswegen wählen wir jetzt (Farbe > einfärben) und setzen die oberen beiden Regler auf Null, das wird unser schönes buntes Plasma in Graustufen darstellen, mit der Helligkeit könnt ihr spielen wie ihr wollt, ich habe nichts geändert. Bestätigt eure Einstellungen und dann geht folgendermaßen vor.

Im Ebenen-Dialog sollte immer noch die Ebene Pergament-Rauschen ausgewählt sein, bei dieser müsst ihr nun den Modus ändern, das könnt ihr ganz oben machen. Setzt den Modus auf Überlagern.

Jetzt habt ihr einen ganz ordentlichen Pergament-Look, toll oder? Doch dummerweise verdeckt er den Rest des Bildes, das wollen wir natürlich nicht! Deshalb vereinen wir erst einmal unsere beiden Pergament-Ebeben, indem wir im Ebenen-Dialog unsere Ebene Pergament-Rauschen mit einem Rechtsklick anklicken und dann die Option nach unten vereinen auswählen. 

Dann können wir im selben Dialog die Ebene Pergament unter die Ebene Mauern schieben, so das dieses Pergament nun hinter unseren Mauern liegt. Jetzt deaktivieren noch die Ebene Hintergrund, indem wir auf das Augen-Symbol daneben klicken und unser Bild sollte so aussehen.

Mauern verblassen lassen

Ich habe oben auf der Karte noch ein wenig die Mauern verblassen lassen, dazu habe ich die Ebene Mauern dupliziert (Rechtsklick im Ebenen-Dialog) und die eigentliche Ebene Mauern ausgeblendet. Auf der Kopie haben ich dann den Radiergummi benutzt um der Karte ein abgenutzten Look zu verschaffen. Dazu wählte ich die Spitze CircleFuzzy (maximale Größe) und setzte die Deckkraft auf irgendwas um die 50% und die Breite auf 10. Dann wischte ich ein paar mal mit dem Radiergumm über das Bild, so das ich das oben gezeigte Bild hatte.

Wenn ihr das ganze nun als Handout verwenden wollt, solltet ihr die Ebene mit dem Raster mit Hilfe des Auge-Symbols aublenden und euer Dokument als PNG speichern (Speichern unter), in dem Dialog wählt ihr dann aus, das nur die sichtbaren Ebenen gezeigt werden sollen. Fertig ist euer Handout.

Textebene und Texhintergrund

Für Das Handout mit der Schrift habe ich einfach eine Ebene Text eingefügt, diese sollte über allen anderen Ebenen liegen. Und dann den Text eingegeben den ich wollte. Dadurch entsteht eine Extra-Ebene die dann den selben Titel trägt wie der Text den ihr eingefügt habt, ihr solltet die neue Ebene mit der darunter liegenden Ebene Text vereinen, dafür Rechtsklick auf die Ebene und nach unten vereinen wählen.

Nun erstellen wir eine weitere Ebene diese nennen wir Text-Hintergrund, diese Ebene schieben wir sofort unter die Ebene Text. Wir arbeiten danach, aber vorerst auf der Ebene Text weiter, auf dieser Ebene wählen wir oben aus dem Menü die Funktion (Auswahl > Nach Farbe) und klicken auf das schwarze unserer Schrift, dadurch erscheint eine Auswahl die nur um den Text herum blinkt. Nun wählt ihr oben (Auswahl > Vergrößern) und nehmt eine Größe von 2 bis 4 Pixel, ich habe vier gewählt bei einer Schriftgröße von 35 Pixel. 

Nun wechselt ihr auf die Ebene Text-Hintergrund und zieht die weiße Farbe mit der Maus in euer Dokument, dadurch füllt sich die Auswahl mit der weißen Farbe und ihr habt eine schöne Umrandung. Danach vereint ihr die Ebenen Text und Text-Hintergrund und schon könnt ihr alle der oben gezeigten Karten anfertigen, das war ja gar nicht schwer, oder?

So im nächsten Beitrag geht es dann (wirklich) um die Symbole für die Karte, dazu brauchen wir wieder Inkscape und GIMP.

Links: Teil Eins, Teil Drei

Grüße

Cordovan

Gewölbekarten anfertigen für Unbedarfte!

Hallo,

ich versuche mich mal an einem kleinen Tutorial, wie man möglichst einfach, eine Karte für einen Dungeon machen kann. Dazu benutze ich die beiden Programme Inkscape und GIMP, diese sind beide kostenlos (und legal) im Internet erhältlich.. Da sogar ich das hin bekomme, sollte das auch euch gelingen, wenn ihr bereit seid, die Zeit aufzuwenden. Unser Ziel ist eine Karte, wie die untere:

Das Dokument erstellen

Wir fangen mit GIMP an und öffnen ein neues Dokument mit einer Größe von 800x800 Pixeln, das sollte für viele kleiner Gewölbe reichen. Die Hintergrundfarbe solle weiß sein, ihr könnt aber auch einen transparenten Hintergrund verwenden, ich finde es jedoch einfacher auf einem weißen Hintergrund zu arbeiten.

Dann brauchen wir ein Raster, GIMP hat die Funktion das man sich ein Raster anzeigen lassen kann, das könnte man nachzeichnen, wenn man wollte, aber wer möchte das schon? Deswegen benutzen wir einen kleinen Trick und zwar erstellen wir ein Muster. Dazu wechseln wir nach Inkscape.

Einen Rahmen mit Inkscape erstellen

Dort öffnen wir ein neues Dokument und verändern seine Größe auf 50x50 Pixel (Datei > Dokumenteneinstellungen). Dann zeichnen wir mit Hilfe des Rechteck-werkzeug einen rechteckigen Rahmen. Dann ändern wir dessen Größe in dem wir ihn mit dem Auswahltool auswählen und in der Bildschirmleiste oben, die Größe auf X 0, Y 0, H 50 und B 50 setzt. Achtet darauf, das der Rahmen keine Füllung haben sollte, das könnt ihr unten links einstellen.

Dann solltet ihr das folgenden Bild haben:

Den Rahmen speichern wir als svg ,das ist normalerweise die Standardeinstellung von Inkscape, wenn das nicht so sein sollte. Speichert das ganze als Rahmen.svg an einem Ort wo ihr es schnell wieder finden könnt. Mit Inkscape seid ihr jetzt erst einmal fertig, wechselt von daher wieder zu GIMP.

Ein Rahmen-Muster erstellen

In GIMP öffnen wir unseren so eben erstellten Rahmen (Datei > Öffnen), das geschieht in einem neuen Dokument (und ist auch so gewollt). Dieses Dokument muss man eigentlich nicht mehr weiter bearbeiten, sondern kann es direkt als Rahmen.pat im Ordner patterns, den findet ihr im GIMP-Ordner. Ihr solltet an den Einstellungen nichts ändern müssen, gebt dem Muster einen Namen den ihr wieder erkennt (ich habe hier 50x50 Felder gewählt). Wenn wir das gemacht habe, gehen wir zurück zu unseren ursprünglichen Dokument.

Den Rahmen auf das Dokument bringen

In GIMP wählen wir jetzt unser Füllwerkzeug aus und dort die Option mit Muster füllen und klickt auf das Auswahlfeld für Muster. Im nun auftauchenden Dialog klickt wir unten rechts auf das Eimer Symbol, woraufhin sich der Muster-Dialog öffnet. Dort benutzt ihr die Schaltfläche Muster neu laden (der blaue Pfeil unten in der Mitte). In der Musterauswahl sollte nun unser Rahmen erscheinen, diesen wählen wir aus und füllen damit nun unser Dokument (indem wir darauf klicken).

Das Ergebnis sollte nun so aussehen:

Ein Magnetisches Raster erstellen

So, das war ja bisher gar nicht so schwer, oder? Dann machen wir also weiter in dem wir die nützliche Funktion des magnetischen Rasters benutzen, dazu klicken wir auf Ansicht und aktivieren das magnetische Raster.

Änderungen seht ihr danach keine, aber jetzt wird ein unsichtbares Raster angelegt dessen Linien und Knotenpunkte magnetisch sind, was eurer späteren Zeichnung erlaubt an diesen Punkten einzurasten. Aktiviert jetzt unter (Ansicht > Raster Anzeigen) die Funktion das euch euer Raster angezeigt wird, dann seht ihr das GIMP ein feineres Raster anlegt normalerweise eines mit einer Breite und Länge von 10 Pixeln. Das bringt uns natürlich wenig, deswegen ändern wir es auf die von uns gewünschten 50 Pixel und zwar unter Bild Raster Konfigurieren.

Dort geben wir Breite und Höhe jeweils 50 Pixel ein und können dann sehen, das sich das Raster genau über unser selbst erstelltes Muster legt.

Anmerkung: Später braucht ihr das Raster nicht mehr anzeigen lassen, ich habe das nur erläutert um ein grundsätzliches Verständnis zu vermitteln.

Unser erster Dungeon

Jetzt beginnen wir damit unseren ersten Dungeon auf unser Dokument zu bringen, ich würde vorschlagen, das ihr erst einmal das Muster nachzeichnet das ich hier unten zeige, ihr könnt natürlich aber auch, direkt ein eigenen Dungeon erstellen. Beim zeichnen des Rahmens arbeiten wir mit Ebenen, ich hoffe das jeder mit dem arbeiten von Ebenen vertraut ist.

Wir öffnen den Ebenen-Dialog (Strg+L oder oben im Menü unter (Fenster > Andockbare Dialoge > Ebenen). In diesem Dialog klicken wir auf das Symbol unten links, um eine neue Ebene zu erschaffen, diese wird über der aktuellen angelegt, wir nennen diese Ebene Mauern. Die Einstellungen müssen normalerweise nicht verändert werden, benutzt die Einstellungen, die ihr auf dem Screenshot unten seht.

Das Zeichnen von Mauern

Jetzt können wir damit beginnen unsere Mauern zu zeichnen, diese geben den Rahmen unseres Dungeon vor. Dazu benutzen wir das Stift-Werkzeug und wählen eine Dicke die uns gefällt (ich benutze Circle 05). Wir können natürlich jetzt freihändig Linien auf unser Dokument schmieren, doch wenn ihr nicht äußerst geschickt mit der Maus seid, werden diese eher krumm und schief.

Von daher hier eine einfache Hilfe. Klickt auf einen Punkt an dem ihr beginnen wollt, dann haltet die Umschalt-Taste gedrückt und bewegt eure Maus in die Richtung wo die Linie hinführen soll, ihr seht jetzt wie eine Linie erscheint, die euch vorzeichnet wie eure Linie verlaufen wird. Wenn ihr einen Endpunkt gefunden habt der euch passt, klickt noch einmal und die Linie wird gezeichnet.

Jetzt wisst ihr das wichtigste, versucht einfach mal die unten gezeigte Form zu zeichnen.

Das ganze sollte euch vielleicht ein bis zwei Minuten kosten.

Weiter beim nächsten mal, dann beschäftigen wir uns mit Füllungen und Symbolen, sowie der Nutzung der Ebenen.

Ich hoffe bis hier hin war alles recht verständlich und es interessiert überhaupt jemanden, wie man so ein Dungeon zeichnet. Feedback wäre schön

Links: Teil Zwei, Teil Drei

Grüße

Cordovan