Wie man isometrische Typografie entwirft

Perspektive ist alles im Design. Wenn etwas, das Sie gezeichnet haben, eine perfekte Perspektive hat, hilft es Ihrer Arbeit, realistischer auszusehen. alternativ schrieb Pablo Picasso Geschichte, indem er mit einem sehr verzerrten Gefühl für die Realität um ihn herum zeichnete.

Isometrische Zeichnung ist jedoch genauso eine Wissenschaft wie alles andere. Es gibt sehr strenge Regeln, wenn es darum geht, was wohin geht. Es ist ziemlich schwierig, sich hinzusetzen und sich selbst zu zeichnen, aber wenn es um Photoshop geht, können Sie eine Anleitung für alles erstellen.



In diesem Photoshop-Tutorial Wir werden ein perfektes isometrisches Gitter erstellen, bevor wir eine Welt auf sechseckig ausgerichteten Linien aufbauen. In diesem von London inspirierten Bild werden wir die Themse isometrisch verfolgen und sogar isometrische Versionen von Orientierungspunkten erstellen. Sie werden feststellen, dass in diesem Raster alles erstellt werden kann, da es einfach kubische Formen zusammenhält. Kurven können einfach von Ecke zu Ecke gezeichnet werden.



Alles im Bild wird auch dieser Struktur folgen. Sie können Bilder zum Kopieren verwenden, unsere Schritte religiös befolgen oder Ihre eigenen Symbole nach isometrischen Mustern entwerfen. Es liegt ganz bei Ihnen - natürlich im Rahmen der Isometrie.

01. Starten Sie das Raster

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.



Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Erstellen Sie zunächst ein neues Dokument mit 20 x 20 Pixel. Erstellen Sie mit dem Rechteckigen Auswahlwerkzeug rechts und unten im Dokument einen schwarzen Streifen. Verwenden Sie das Raster, wenn Sie möchten, indem Sie Cmd / Strg + ’drücken.

02. Definieren Sie Ihr Muster

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Gehen Sie zu Bearbeiten> Muster definieren. Benennen Sie es und klicken Sie dann auf OK. Erstellen Sie ein neues 1920 x 1080-Dokument, indem Sie zu Datei> Neu gehen und dann zum Farbeimer (G) gehen. Verwenden Sie die Musterfüllung und füllen Sie auf einer neuen Ebene das von Ihnen erstellte Muster.



03. Transformiere das Muster

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Jetzt machen wir das Muster isometrisch! Machen Sie die Breite und Höhe viel größer, den Winkel 35 Grad und platzieren Sie sie in der Mitte des Dokuments. Das Gitter sollte aus Diamantformen bestehen.

So erstellen Sie ein Raster in Illustrator

04. Wählen Sie Ihre Palette

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Wir werden dafür fünf verschiedene Farben verwenden, aber jeweils unterschiedliche Schattierungen. Die Farben sind Königsblau (# 021574), gedämpftes Rot (# f22f50), grüne Minze (# 6ec5cf), Pfefferminze (# 6ecfb0), Hellbraun (# ff935e) und Weiß (#ffffff).

05. Legen Sie Ihren Text an

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Verwenden Sie das Textwerkzeug und erstellen Sie den Text, den Sie im gesamten Dokument verwenden möchten. Wir fahren mit 'London, England'. Dies ist wichtig, da es die Größe, den Abstand und das gesamte Erscheinungsbild Ihres isometrischen Posters bestimmt.

06. Erstellen Sie einige Buchstaben

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Erstellen Sie isometrische Buchstaben mit dem Stiftwerkzeug gemäß der von Ihnen erstellten Anleitung. Dies ist ein Versuch-und-Irrtum-Teil des Prozesses und wird am längsten dauern. Experimentieren Sie mit Formen und füllen Sie sie zunächst mit # 808080.

07. Arbeite an den Briefen

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Die isometrischen Buchstaben müssen eine Seite haben, die überwiegend nach vorne zeigt. Ermitteln Sie, wo sich die Kurven auf jedem Buchstaben befinden, indem Sie die Deckkraft verringern. Es kann einige Zeit dauern, bis Sie es herausgefunden haben, und Sie müssen möglicherweise einige Buchstaben neu zeichnen.

08. Schattiere die Buchstaben

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Gruppieren Sie jeden Ebenensatz für jeden Buchstaben. Erstellen Sie jeweils Schnittmasken und fügen Sie den Buchstaben entweder Licht oder Schatten hinzu, sodass sie in 3D angezeigt werden. Finde heraus, wo das Licht im Bild ist und urteile entsprechend.

09. Farben färben und Brücken bauen

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Erstellen Sie über jedem Buchstaben neue Überlagerungsebenen und füllen Sie diese mit einer Ihrer Farben. Fügen Sie Farbebenen hinzu, schneiden Sie sie ab und bürsten Sie sie in einer anderen Farbe, um sie zu verfeinern. Erstellen Sie als Nächstes Brücken zwischen einigen Buchstaben. Färben Sie dies mit einer anderen Farbe.

10. Erstellen Sie einen Lautsprecher

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Jetzt werden wir der Szene Objekte hinzufügen. Erstellen Sie eine Box mit der isometrischen Hilfslinie, indem Sie beide Seiten der Box aufhellen und abdunkeln, um eine Perspektive zu erstellen. Erstellen Sie zwei Kreise und transformieren Sie diese so, dass sie in das Feld entlang der Hilfslinie passen. Fügen Sie den Kreisen mithilfe von Ebenenstilen einen Strich hinzu.

11. Fügen Sie eine Flagge hinzu

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Als Nächstes erstellen wir eine Flagge. Verwenden Sie erneut das Stiftwerkzeug, um entlang der Führung zu zeichnen, und füllen Sie sie dann mit Weiß. Befestigen Sie Ebenen daran und berühren Sie eine Seite der Flagge mit weichen schwarzen Pinselstrichen, um Schatten zu spenden.

12. Pflanzen Sie einige Bäume

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Bäume können einfach mit dem Stift erstellt werden. Erstellen Sie ein Dreieck, wobei die beiden unteren Seiten entlang der isometrischen Führung ausgerichtet sind, und verdunkeln Sie dann eine Seite. Wiederholen Sie dies zweimal und fügen Sie dann einen Stumpf hinzu. Farbe mit einer Überlagerungsebene.

13. Rolltreppen und Kartenplanung

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Wir haben Rolltreppen mit denselben Methoden erstellt, mit denen wir die anderen Objekte erstellt haben. Dabei haben wir die isometrische Hilfslinie zum Zeichnen verwendet. Danach haben wir eine echte Karte von London verwendet, um die Themse grob zu verfolgen und einen weißen Umriss zu zeichnen, damit etwas Wasser gefüllt werden kann.

14. Biegen Sie die Kanten

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Verwenden Sie das Stiftwerkzeug, um die Kanten der soeben erstellten weißen Struktur zu krümmen und mit # 808080 zu füllen. Verwenden Sie einen weichen, schwarzen Pinsel, um die Illusion eines gekrümmten Raums zu erzeugen, in dem das Wasser sitzen kann.

15. Mit Wasser füllen

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Verwenden Sie das Stiftwerkzeug, um den grauen Bereich in jeder der weißen Strukturen auszuwählen und von den oberen Strukturen zu fallen, und füllen Sie eine neue Ebene mit Blau. Stellen Sie diese Ebene auf 'Hartes Licht', damit sie wie eine echte Flüssigkeit aussieht. Schneiden Sie eine weiße Ebene ab und löschen Sie ein gezacktes Muster in der Mitte, um einen zusätzlichen Effekt zu erzielen.

Gopro Held 4 Silber Cyber ​​Montag

16. Starten Sie den Kronleuchter

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Erstellen Sie eine neue Ebene und fügen Sie Punkte in die Schnittpunkte der Linien ein, wie Sie im Screenshot sehen können. Wählen Sie die hinteren Reihen dieser Punkte aus und reduzieren Sie die Helligkeit mithilfe von Farbton / Sättigung (Cmd / Strg + U) auf -10. Duplizieren Sie dies nach unten, um weitere Punkte zu erstellen.

17. Beenden Sie den Kronleuchter

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Erstellen Sie den gleichen Effekt dreimal mit mehreren Punktreihen und ändern Sie dann die Größe der beiden letzteren. Stapeln Sie diese, um einen Kronleuchtereffekt zu erzielen. Erstellen Sie auf neuen 20% -Schichten weiße Punkte, um darauf hinzuweisen, dass Licht nach außen austritt.

18. Erstellen Sie Big Ben

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Verwenden Sie ein Foto von Big Ben, um die Uhr mit dem Stiftwerkzeug zu zeichnen. Sie müssen natürlich nicht so detailliert sein. Zeichne es in Grautönen; Ziehen Sie den Turm zu einer Seite des Gebäudes und nicht gerade nach oben.

19. Platzieren Sie den Orientierungspunkt

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Färbe Big Ben mit einigen Überlagerungsebenen, dupliziere die Ebene und drehe diese neue horizontal um. Ändern Sie die Größe beider Ebenen und des Versatzes mit der freien Transformation so, dass sie in die von Ihnen erstellte Hilfslinie passen.

20. Feinschliff

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Machen Sie alle endgültigen Schnörkel, die Sie dem Bild mehr hinzufügen möchten. Dies kann Sterne im Hintergrund mit kleinen Punkten, einen Wal in der Themse oder das Ändern der Farbe mit einer Kurvenanpassung umfassen.

21. Rauschen hinzufügen

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Klicken Sie auf das Symbol, um das Bild in voller Größe zu öffnen.

Wählen Sie schließlich in Ihren Farbfeldern Schwarzweiß aus (D). Erstellen Sie eine neue Ebene, füllen Sie sie mit Schwarz (Alt / Opt + Entf) und gehen Sie zu Filter> Rauschen. Wählen Sie 400%, aktivieren Sie Monochromatisch und klicken Sie auf OK. Stellen Sie diese Ebene auf Weiches Licht, 10% undurchsichtig.

Dieser Artikel wurde ursprünglich in Ausgabe 271 des kreativen Webdesign-Magazins Web Designer veröffentlicht. Ausgabe 271 kaufen oder Abonnieren Sie Web Designer .

Zum Thema passende Artikel: