Share
Was Sie erstellen werdenIm heutigen Tutorial begeben wir uns auf eine kreative Reise in das Land von Minecraft und lernen, wie man mithilfe des praktischen Isometric Grid von Affinity Designer einen niedlichen kleinen Charakter erstellt.
Wenn Sie also ein Fan des Spiels sind, holen Sie sich schnell eine Kaffeezubereitung und springen Sie direkt hinein!
Vergessen Sie nicht, dass Sie das Projekt jederzeit erweitern können, indem Sie zu GraphicRiver wechseln, wo Sie eine große Auswahl an Vektor-Pixel-Grafiken finden.
Angenommen, Sie haben bereits Affinity und lassen sich einrichten Neues Dokument durch zu gehen Datei> Neu (oder mit dem Control-N Tastenkombination), die wir wie folgt anpassen:
Sobald wir unser Dokument erstellt haben, möchten wir ein benutzerdefiniertes isometrisches Raster einrichten, das eine visuelle Anleitung für das Zeichnen der Formen unseres Charakters bietet.
Gehen Sie dazu einfach zu Ansicht> Raster und Achsenmanager, wo wir zuerst das aktivieren Raster anzeigen Option und deaktivieren Sie das Kontrollkästchen Automatisches Gitter verwenden eine, damit wir eine benutzerdefinierte wie folgt einrichten können:
Wenn das Raster erst einmal eingerichtet ist, müssen wir sicherstellen, dass unsere Formen tatsächlich einrasten, also fahren Sie mit fort Ansicht> Fang-Manager (oder benutze das kleine Magnet Symbol), in dem wir sicherstellen, dass es aktiviert ist, und deaktivieren Sie alle Optionen mit Ausnahme von Am Raster ausrichten ein.
Normalerweise hätten wir das Pixelausrichtung erzwingen Option aktiviert, aber aufgrund der Winkel der Linien des Gitters erhalten unsere Formen durch Kommas getrennte Werte, die sich, wie Sie wissen, nicht an die fangen lassen Pixelraster.
Wie Sie sehen, besteht das resultierende Raster aus mehreren 16 px große Rhomben, die haben 4 Unterteilung entlang jeder ihrer Seiten (16 insgesamt), die deutlich werden, wenn Sie sie vergrößern. Wir werden uns darauf verlassen, indem wir die Größe jeder einzelnen Form definieren und dabei die äußeren Ränder der Raute verwenden Breite Maßeinheit und seine innere vertikale Höhe als a Höhe ein messen.
Um es einfach zu halten, werde ich eine einfache Anmerkung verwenden R= eine Kante / Höhe der größeren Raute, und ein kleines r = eine Kante / Höhe der kleineren Division.
Sobald wir unser benutzerdefiniertes isometrisches Raster erstellt haben, können wir mit dem eigentlichen Charakter beginnen. Dazu erstellen wir eine leere Version des gesamten Körpers, und zwar Abschnitt für Abschnitt.
Verwendung der Stiftwerkzeug (P), Zeichnen Sie den vorderen Teil der Beine mit einem 6 x 4 R Form, die wir mit einfärben # 596C7B und dann wie im Referenzbild zu sehen.
Fügen Sie den Seitenteil der Beine mit ein 2 x 6 R Form, die wir mit einfärben # 384C57 und dann auf die rechte Seite des vorherigen.
Jetzt, da wir die Hauptformen der Beine haben, können wir uns nach oben bewegen und mit der Arbeit am Oberkörper beginnen, wodurch wir jeweils eine Form erstellen werden.
Erstellen Sie zunächst den Torso mithilfe einer Kopie (Steuerung-C > Steuerung-V) des vorderen Abschnitts der Beine, den wir oben positionieren, und stellen Sie sicher, dass die Farbe in geändert wird # E47145.
Mit dem Torso können wir nun an den Armen und Schultern der Figur arbeiten.
Erstellen Sie die Hauptform für den linken Arm mit a 2 x 6 R Rechteck, mit dem wir einfärben # 96693B und dann neben dem Torso positionieren, wie im Referenzbild zu sehen.
Fügen Sie den vorderen Teil der rechten Hand mit einer Kopie hinzu (Control-C> Control-V) von dem, an dem wir gerade gearbeitet haben, das wir auf der anderen Seite des Torsos positionieren werden.
Erstellen Sie den Seitenteil mit einer Kopie (Control-C> Control-V) der Form, die wir gerade erstellt haben, die wir horizontal reflektieren werden (Rechtsklick> Transformieren> Horizontal spiegeln) und dann auf der rechten Seite.
Fügen Sie die Schultern und den oberen Teil des Torsos hinzu, indem Sie eine einzige Form verwenden, die wir mit Farbe einfärben # E58047 und dann wie im Referenzbild zu sehen. Wenn Sie fertig sind, stellen Sie sicher, dass Sie auswählen und gruppieren (Steuerung-G) alle zusammengesetzten Formen des Oberkörpers zusammen, bevor Sie zum nächsten Abschnitt übergehen.
Da wir zu diesem Zeitpunkt fast alle Teile des Körpers des Charakters haben, können wir uns auf die Hauptformen für den Kopf konzentrieren.
Beginnen Sie mit dem Zeichnen des vorderen Abschnitts mit einem 4 x 4 R Form, die wir mit einfärben # 96693B und dann auf dem Körper positionieren, wie im Referenzbild zu sehen.
Fügen Sie den Seitenteil mithilfe einer Kopie hinzu (Control-C> Control-V) von der Form, die wir gerade erstellt haben, die wir mit Farbe einfärben # 3E2815 und dann auf der rechten Seite positionieren, um es horizontal zu reflektieren (Rechtsklick> Transformieren> Horizontal spiegeln).
Beenden Sie den Kopf, indem Sie a zeichnen 4 x 4 R Form, die wir mit einfärben # 6D4A2D und dann auf den beiden Rechtecken positionieren, wie im Referenzbild zu sehen. Wenn Sie fertig sind, wählen Sie alle drei Formen aus und gruppieren Sie sie mit Steuerung-G Tastaturkürzel.
Kurzer Tipp: An diesem Punkt wäre es eine gute Idee, mit der Organisation unseres Projekts zu beginnen, indem Sie die Schichten Benennen Sie die verschiedenen Abschnitte, die wir gruppiert haben, und benennen Sie sie, damit wir die Körperteile unseres Charakters leichter anvisieren und navigieren können.
Nun, da wir die leere Version unseres Charakters haben, können wir damit beginnen, Details hinzuzufügen, und das tun wir von unten.
Zeichne den Mund mit einem 4 x 2 r Form, die wir mit einfärben # BD9169 und dann in Richtung der unteren Kante des vorderen Abschnitts des Kopfes positionieren, wie im Referenzbild zu sehen.
Erstellen Sie das linke Auge mit zwei 2 x 4 r Formen (eine gefärbt mit #FFFFFF und einer mit # 3E2815), die wir gruppieren werden (Steuerung-G) und dann auf dem oberen linken Abschnitt des Mundes im Abstand von gerade 1 r von seinem oberen Rand.
Fügen Sie das rechte Auge hinzu, indem Sie eine Kopie des gerade gruppierten Auges verwenden, das wir auf der anderen Seite des Mundes positionieren werden, um sicherzustellen, dass die Farben gewechselt werden.
Mit beiden Augen können wir das Haarsegment schnell zeichnen (# 4C341E) unter Verwendung des Referenzbildes als Hauptleitfaden. Nehmen Sie sich Zeit, und wenn Sie fertig sind, fahren Sie mit dem nächsten Schritt fort.
Beenden Sie die Detailierung des aktuellen Abschnitts, indem Sie den kleinen goldenen Ohrring mit a hinzufügen 1 x 2 r Form, die wir mit einfärben # E19B4F Positionieren Sie dann den seitlichen Teil des Kopfes und richten Sie ihn an der unteren Augenlinie aus. Wenn Sie fertig sind, können Sie alle Details des Kopfes zusammenfassen und gruppieren (Steuerung-G) bevor Sie zum nächsten Abschnitt übergehen.
Nun, da wir mit dem Kopf fertig sind, können wir uns auf den Körper der Figur konzentrieren, wo wir allmählich Details hinzufügen werden.
Erstellen Sie den vorderen Abschnitt des linken Ärmels mithilfe einer Kopie (Control-C> Control-V) der Hauptform des Arms, die wir anpassen, indem wir zunächst die Farbe in ändern # E47145 und dann halbieren.
Fügen Sie den vorderen Abschnitt des rechten Ärmels mit einer Kopie hinzu (Control-C> Control-V) von dem, an dem wir gerade gearbeitet haben, das wir auf der anderen Seite des Torsos positionieren werden.
Zeichnen Sie den unteren Abschnitt der Hülse mit dem Referenzbild als Hauptführung, und stellen Sie sicher, dass Sie auswählen und gruppieren (Steuerung-G) die beiden Formen zusammen, wenn Sie fertig sind.
Erstellen Sie den unteren Abschnitt des rechten Ärmels nach dem gleichen Verfahren wie für den linken. Stellen Sie sicher, dass Sie die resultierende Form und den vorderen Abschnitt mithilfe von auswählen und gruppieren Steuerung-G Tastaturkürzel.
Erstellen Sie den Seitenbereich des rechten Ärmels mithilfe einer Kopie (Control-C> Control-V) des Arms, den wir zuerst einstellen, indem wir seine Farbe auf einstellen # C0512A und kürzt dann seine Höhe ab 6 R zu 4 R.
Fügen Sie den Halsausschnitt hinzu, wobei das Referenzbild als Haupthilfe dient, und stellen Sie sicher, dass Sie die resultierende Form mit färben # 96693B.
Trennen Sie den vorderen Teil des Kopfes mit einem 8 x 2 r Block, den wir mit Farbe einfärben # 784A27 und auf dem Ausschnitt positionieren.
Mit dem Füllen Farbe eingestellt auf # 4C341E, Zeichnen Sie die vorderen Haarsegmente mit dem Referenzbild als Hauptanleitung. Nehmen Sie sich Zeit, und wenn Sie fertig sind, fahren Sie mit dem nächsten Schritt fort.
Fügen Sie die Schulterhaarsegmente mit hinzu # 4C341E für den vorderen Abschnitt und # 3E2815 Stellen Sie sicher, dass Sie die beiden auswählen und anschließend mit Hilfe der Tasten gruppieren Steuerung-G Tastaturkürzel.
Ziehen Sie den Gürtel mit einem 16 x 2 r Form, die wir mit einfärben # 343E4C und dann in einem Abstand von 2 r von der Unterkante des Vorderteils des Shirts.
Fügen Sie die unteren vorderen Details des Shirts mit einer Kopie hinzu (Control-C> Control-V) von denen, die wir gerade für die Ärmel erstellt haben, die wir so positionieren, wie sie im Referenzbild zu sehen sind.
Beenden Sie den Detaillierungsprozess des aktuellen Teils der Abbildung, indem Sie den seitlichen Abschnitt des Hemdbodens hinzufügen, den wir mit Farbe einfärben # C0512A. Wenn Sie fertig sind, erstellen Sie einzelne Gruppen (Steuerung-G) der verschiedenen Abschnitte und positionieren sie innerhalb der Hauptformen mit Hilfe der Schichten Panel.
Nachdem wir nun die verschiedenen Details zum Oberkörper hinzugefügt haben, können wir unseren Fokus auf die Beine richten und diesen nach und nach Details hinzufügen.
Beginnen Sie mit dem Erstellen des seitlichen Abschnitts des Startvorgangs mithilfe einer Kopie (Control-C> Control-V) des darunter liegenden Beins, das wir anpassen, indem wir zunächst die Farbe auf einstellen # 152028 und dann seine zu verkürzen Höhe um nur 14 r.
Wenn die Farbe auf eingestellt ist # 343E4C, Zeichnen Sie die Hauptform des vorderen Schuhs des rechten Fußes, wobei Sie das Referenzbild als Hauptführung verwenden.
Beenden Sie die Detaillierung der Beine und damit der Abbildung selbst, indem Sie den linken Stiefel mithilfe einer Kopie hinzufügen (Control-C> Control-V) von dem, an dem wir gerade gearbeitet haben, und wir werden ihn auf der linken Seite der Beine positionieren. Wenn Sie fertig sind, wählen Sie mit der Taste alle Details aus und gruppieren Sie sie Steuerung-G Tastenkombination, bevor Sie auf die Schaltfläche "Speichern" klicken.
An diesem Punkt haben Sie vielleicht bemerkt, dass einige benachbarte Formen unseres Charakters kleine weiße Lücken aufwiesen, was mit der Art und Weise zusammenhängt, wie die Software mit Aliasing umgeht. Dies ist ein Problem, das die Leute von Serif kennen.
Die offizielle Methode zur Behebung dieses ärgerlichen Problems besteht darin, Duplikate der Shapes hinzuzufügen, bei denen dies der Fall ist. Ich habe es getestet und scheint zu funktionieren. Dies ist keine perfekte Methode, aber wir haben alles, bis wir ein Software-Update erhalten.
Dort haben Sie es, liebe Minecraft-Liebhaber, eine niedliche kleine Figur, die mit dem starken isometrischen Gitter von Affinity erstellt wurde.
Wie immer hoffe ich, dass Sie es geschafft haben, jeden einzelnen Schritt zu verfolgen, und vor allem etwas Neues und Nützliches gelernt haben.
Wenn Sie jedoch Fragen haben, können Sie diese gerne in den Kommentaren posten. Ich werde mich so schnell wie möglich bei Ihnen melden!
Accentsconagua