Mit isometrischer Projektion in Inkscape spielen, um eine Minecraft-Szene zu erstellen

Inkscape verfügt über ein wirklich sauberes Raster, mit dem sich isometrische Konstruktionen sehr einfach realisieren lassen. Es wird als axonometrisches Gitter bezeichnet und wir werden es verwenden, um ein von Minecraft inspiriertes isometrisches Design zu erstellen. In diesem Lernprogramm werden vier verschiedene isometrische Blöcke erstellt, die dann zum Erstellen einer Szene platziert werden können.


1. Richten Sie das Dokument ein

Schritt 1

Lass uns gehen Datei> Dokumenteigenschaften um unsere Seitengröße auf 970 x 1000 Pixel.

Schritt 2

Klicken Sie jetzt auf Gitter Tab und erstellen Sie ein Axonometrisches Gitter. In der Abbildung unten finden Sie die Einstellungen. Vergewissern Sie sich, dass alles in diesem Fall dem Ihres entspricht. Andernfalls können Probleme auftreten. Ich habe auch die Rasterlinienfarben nach meinen Wünschen geändert, was Ihnen auch die Sache erleichtern kann.

Schritt 3

Stellen Sie schließlich die Einrastoptionen so ein, wie ich es unten gezeigt habe. Dies erleichtert das Arbeiten mit Gittern. An diesem Punkt sehen Sie das axonometrische Raster (es ist ziemlich ordentlich). Ich habe die wichtigsten Gitterlinien unten in Form eines 3D-Würfels umrissen, der die Grundlage dieses gesamten Lernprogramms bilden wird. Lass uns anfangen!


2. Erstellen Sie einen Schmutzblock

Schritt 1

Schnapp dir das Stift Werkzeug, denn das wird so ziemlich das einzige Werkzeug sein, das Sie verwenden werden. Da die Knoten beim Zeichnen einrasten, erstellen Sie eine 3D-Cube-Kontur (oder ein Sechseck) auf den Hauptgitterlinien. Loswerden Schlaganfall und gib es braun Füllen.

Hinweis: Sie fragen sich vielleicht, warum ich eine feste Form für einen 3D-Würfel verwende, anstatt die drei separaten Seiten zusammenzusetzen. Nun, wann immer ich das axonometrische Raster verwende, scheint nichts pixelgenau zu sein (vielleicht wegen des 30-Grad-Winkels und der Unfähigkeit, Zahlen ohne Dezimalzahlen zu erhalten). Das Ergebnis sind immer weiße Linien, an denen sich alle Seiten treffen. Wenn Sie eine feste Form als Basis für den Würfel verwenden, werden mindestens die weißen Linien entfernt.

Schritt 2

Wir werden anfangen, unserem Schmutzblock ein paar Details hinzuzufügen. Wenn Sie die Ansicht vergrößern, werden die kleineren Gitterlinien angezeigt. Dies ist die Größe der einzelnen Detailfarben. Zeichnen Sie also vier der unten gezeigten Farben. Geben Sie ihnen außerdem vier verschiedene Brauntöne.

Schritt 3

Das ist jetzt der langweilige Teil. Beginnen Sie einfach, jedes der kleinen Quadrate einzeln zu kopieren und einzufügen, um die Minecraft-artige Textur zu erhalten. Wenn Sie an den Ecken der Begrenzungsbox ausrichten, rastet das ein, solange Sie sie verschieben, indem Sie die oberen linken oder rechten unteren Ecken anfassen. Sie können sogar einige der Minecraft-Blöcke durchsuchen und als Referenz verwenden. Natürlich können Sie sie immer genau so platzieren, wie ich sie unten habe. Die Hotkeys zum Kopieren und Einfügen sind der beste Freund für diesen.

Das ist zwar langweilig, aber es ist sehr einfach und dauert nur ein paar Minuten.

Schritt 4

Mit dem Auswahl Wählen Sie einfach den gesamten Block aus, den Sie gerade platziert haben. Kopieren Sie, fügen Sie ein und klicken Sie erneut, um die Schiefen Griffe. Halten Sie die Taste gedrückt und ziehen Sie diesen Griff um zwei Kerben nach oben, wodurch er perfekt gerade wird.

Schritt 5

Lassen Sie den Drehknopf los und greifen Sie ihn dann erneut an. Führen Sie dann dasselbe aus. Ziehen Sie die Kontrolle bei gedrückter Maustaste um zwei weitere Kerben. Dadurch erhalten Sie die Textur im richtigen Winkel. Wenn Sie es nur einmal schrägstellen, stimmt der Winkel nicht richtig. Stellen Sie also sicher, dass Sie es zwei Mal wiederholen.

Schritt 6

Wie Sie sehen, ist der Winkel tatsächlich korrekt und Sie können ihn jetzt positionieren. Auch hier sollte das Einfangen der Begrenzungsbox den Trick ausführen. Stellen Sie nur sicher, dass Sie die Auswahl an einer Ecke anfassen.

Schritt 6

Zum schnellen Abschatten nehmen Sie die Stift Werkzeug und zeichnen Sie ein Quadrat über die gesamte rechte Seite. Entferne das Schlaganfall und gib es ein Füllen von schwarz. Stellen Sie dann das ein Opazität dieser Form zu 25%. Das sollte den Trick tun!

Schritt 7

Es ist jetzt Zeit für die Top-Details. Kopieren Sie einfach diese Detailgruppe erneut und verwenden Sie die Drehgriffe, während Sie die Steuerung gedrückt halten, um die Oberseite des Würfels anzupassen.

Schritt 8

Um dieses zu positionieren, möchten Sie wahrscheinlich einstellen Schnappen Sie von und zu Mittelpunkten aus dem Snapping-Menü. Bounding Box Ecken wären hier ziemlich nutzlos.

Schritt 9

Um den schattierten Look beizubehalten, zeichnen wir ein Quadrat für die Oberseite des Würfels. Gib diesem ein hellbraunes Füllen und nein Schlaganfall nochmal.

Schritt 10

Dann stellen Sie das ein Opazität zu 25%. An dieser Stelle möchten Sie wahrscheinlich den gesamten Block auswählen und gruppieren.

Sieht ziemlich gut aus, richtig?


3. Erstellen Sie einen Grasblock

Schritt 1

Okay, das wird leicht sein. Kopieren Sie einfach Ihren Schmutzblock und fügen Sie ihn ein, da wir ihn für die Mehrheit des Grasblocks verwenden. Dann mit der Stift Werkzeug wie üblich, zeichnen Sie eine gesamte Form, die der grasartigen Oberfläche ähnelt. Wieder machen wir es als eine Form (anstelle von drei separaten), um zu vermeiden, dass braune Linien durchkommen.

Schritt 2

Entfernen Sie den Strich und füllen Sie ihn mit Grasgrün!

Schritt 3

Wir werden hier zwei Grüntöne für die Seiten verwenden. Gehen Sie voran und zeichnen Sie diese auf.

Schritt 4

Nun machen Sie weiter und beginnen Sie mit dem Kopieren und Einfügen! Sie brauchen hier nicht zu viele Details, aber Sie können auch ein paar unterhalb der Graslinie platzieren, um eine "grasigere" Textur zu erhalten.

Schritt 5

Wiederholen Sie den Vorgang für die andere Seite. Kopieren Sie Ihre Details und fügen Sie sie ein. Führen Sie das doppelte Schiefmanöver aus, um den rechten Winkel anzupassen. Dann mach weiter und lass das einrasten.

Schritt 6

Nachdem Ihre Angaben vorhanden sind, zeichnen wir diese schwarze Form erneut auf der rechten Seite des Blocks, um schnell ein wenig Schatten zu erzeugen. Das war nur ein Schwarzer Füllen, kein Schlaganfall, Deckkraft 25%.

Schritt 7

Es ist Zeit für die Oberseite unseres Grasblocks. Zeichne eine Form über die Oberseite und füge eine hellere grüne Füllung hinzu.

Schritt 8

Für die Oberseite verwenden wir vier weitere unterschiedliche Grüntöne. Gehen Sie voran und zeichnen Sie diese auf.

Schritt 9

Zeit für das Kopieren und Einfügen! Stellen Sie für diesen bestimmten oberen Seitenwinkel sicher, dass An den mittleren Punkten ausrichten ist im Fangmenü aktiviert. Wieder können Sie auf einen echten Minecraft-Grasblock verweisen oder diese Quadrate zufällig platzieren.

Zwei Blocks weiter, noch zwei!


4. Erstellen Sie einen Baumblock

Schritt 1

Beginnen wir für den Baumblock einfach bei Null. Zeichnen Sie den Umriss des Würfels (genau wie wir es mit dem Schmutzblock gemacht haben) und geben Sie ihm ein dunkles Braun Füllen, kein Schlaganfall.

Schritt 2

Lassen Sie uns ein paar Farben für unsere Baumstruktur zeichnen.

Schritt 3

Für den Baumblock ist es möglicherweise einfacher, den Baum zu verwenden Stift Werkzeug, um die Textur von Hand zu zeichnen (anstatt die kleinen Quadrate zu platzieren), wenn der Baum nach oben und unten streifen soll. Verwenden Sie dann natürlich diese beiden braunen Farben, um diese auszufüllen.

Schritt 4

Nachdem wir uns alle gefärbt haben, ist es Zeit, unsere Textur und Neigung für die andere Seite zu kopieren. Denken Sie daran, halten Sie die Kontrolle und ziehen Sie den Neigungsgriff um zwei Kerben nach oben, und lassen Sie ihn los. Dann wiederhole es. Dies ergibt den korrekten Winkel.

Schritt 5

Nach dem Platzieren dieser Textur ist es Zeit für die übliche Schattierung. Zeichnen Sie mit einer schwarzen Form über die rechte Seite des Würfels und setzen Sie das Opazität zu 25%.

Schritt 6

Zeichnen Sie für die Oberseite eine hellbraune Form, um die Oberseite unseres Würfels zu bedecken.

Schritt 7

Jetzt für die Baumstruktur einfach Formen zeichnen lassen, einen isometrischen Block, der nach innen kleiner ist. Ein schönes hellbraunes sollte den Trick tun.

Schritt 8

Setzen Sie dieses Muster mit etwas dunklerem Braun fort.

Machen Sie weiter, bis Sie etwas Ähnliches wie unten haben.

Damit ist der Holzblock fertig. Hier sind unsere drei bis jetzt!


5. Erstellen Sie einen Leaf-Block

Schritt 1

Dieser ist ziemlich einfach. Da dies ein transparenter Block ist, müssen wir nicht mit einer Basis beginnen. Zeichnen Sie einfach die drei grünen Farben wie unten gezeigt auf.

Schritt 2

Und weg! Stellen Sie sicher, dass ausreichend Freiraum vorhanden ist, damit er schön und grün aussieht.

Schritt 3

Wenn Sie eine Seite fertiggestellt haben, kopieren Sie, fügen Sie sie ein und verdoppeln Sie die Schrägstellung für die rechte Seite des Blattblocks. Dann lassen Sie das einrasten. Lassen Sie diese Seite für den nächsten Schritt ausgewählt!

Schritt 4

Für die Schattierung können wir nicht einfach eine transparente schwarze Form darüber legen - es würde mit all dem weißen Raum schrecklich aussehen. Wenn die rechte Seite noch ausgewählt ist, gehen Sie zu Erweiterungen> Farbe> Weniger Licht. Führen Sie diese Erweiterung zweimal aus, um die richtige Schattierung zu erhalten.

Durch diese Erweiterung werden alle ausgewählten Farben gleichmäßig abgedunkelt, was in diesem Szenario gut funktioniert.

Schritt 5

Jetzt ist es Zeit für die Spitze unseres Laubblocks. Kopieren Sie ein weiteres Stück Blattstruktur und fügen Sie es ein Hold-Control Verwenden Sie dazu die Drehgriffe, um diesen richtig zu neigen. Lassen Sie dieses wieder ausgewählt!

Schritt 6

Dieses Mal zum Schattieren möchten wir eine hellere Oberseite Erweiterungen> Farbe> Mehr Licht. Führen Sie diese Erweiterung erneut zweimal aus.

Schritt 7

Nachdem Sie den oberen Teil des Blattblocks eingerastet haben, sind alle vier Blöcke fertig!


6. Bauen Sie eine Welt

Schritt 1

Zeit für den lustigen Teil! Lassen Sie uns zunächst herauszoomen, damit wir unsere Leinwand sehen können (es ist auch weniger überwältigend). Stelle sicher Fange den Mittelpunkt ermöglicht das Platzieren von Blöcken. An diesem Punkt können Sie Blöcke beliebig platzieren. Kopieren Sie einfach die von uns erstellten Blöcke und fügen Sie sie ein.

Da wir mit gefälschtem 3D auf einer 2D-Ebene arbeiten, werden Sie schnell feststellen, dass Tiefe zum Problem wird. Das Bild nach oben, Seite runter, Zuhause, und Ende Schlüssel werden Ihr Freund in der richtigen Position sein.

Alle neu eingefügten Blöcke werden standardmäßig vor allem gesetzt, sodass das Arbeiten von hinten nach vorne optimal ist. Offensichtlich ist dies eine schwierige Aufgabe, also behalten Sie einfach die Hotkeys bei.

Schritt 2

Hier ist meine fertige Dreck- und Grasblockierung. Denken Sie daran, dass die Grasblöcke oben auf den Schmutzblöcken stehen!

Schritt 3

Lass uns einen Baum bauen! Platzieren Sie einfach diese Baumblöcke etwa drei oder vier hoch und legen Sie einige Blattblöcke um ihn herum. Merken, Bild nach oben und Seite runter Für eine korrekte Tiefenposition wird dies viel einfacher.

Schritt 4

Hier ist meine fertige Welt. Dies sollte Ihnen eine ziemlich gute Vorstellung davon geben, wie die Konstruktion funktioniert.

Schritt 5

Jetzt ist es Zeit für ein wenig mehr Details in der Schattierung. Dafür können wir einfach die Stift Werkzeug zum Zeichnen von Schatten (schwarz Füllen mit 25% Deckkraft). Bei mir habe ich den Schattenwinkel ganz nach rechts. Schauen Sie sich das Bild unten für eine Referenz an. Sie müssen nicht 100% ig genau sein, aber gerade genug, um der gesamten Szene etwas mehr Tiefe zu verleihen.

Schritt 6

Hier ist meine komplette Schattierung. Sie könnten feststellen, dass ich am Ende einen linearen Verlauf für den Baumschatten gemacht habe.

Schritt 7

Jetzt können Sie dies beenden, indem Sie eine Art Hintergrund des blauen Himmels darauf setzen. Sieht gut aus, richtig?

Schritt 8

Ich spielte immer wieder mit Dingen herum und stellte fest, dass ich, wenn ich die Szene mit einem transparenten Hintergrund exportierte, einige davon wieder importieren und die Größen und Unschärfen anpassen und sie horizontal umdrehen könnte, um einen ordentlichen unscharfen Hintergrund zu erzeugen.


Und wir sind fertig!

Ein recht langwieriges und etwas langweiliges Tutorial führte zu einem fantastischen isometrischen Projektionsdesign in Inkscape. Nicht nur das, es hat auch eine Menge Spaß gemacht, mit einer zufälligen Welt aus Bausteinen zu kommen! Machen Sie also weiter und spielen Sie damit herum und bauen Sie eine ordentliche Minecraft-Szene. Danke fürs Lesen!