Typografie mit Perspektive Lernen Sie, das Perspektivenrasterwerkzeug von Illustrator einzusetzen

Wir werden heute einen Blick auf die Verwendung des Perspektivenrasters in Adobe Illustrator werfen. Mit diesem fantastischen und relativ neuen Werkzeug können Sie Vektorelemente automatisch in ein vorgefertigtes dreidimensionales Gitter einfließen lassen.

Sie können denken, dass Sie ein Künstler sein müssen, um dieses Werkzeug zu verwenden, aber es gibt praktisch alle Arten von praktischen Anwendungen, die es in der täglichen Gestaltung des Computers gibt. Wir werden es verwenden, um einen Typ wie im obigen Beispiel darzulegen.

Was ist das Perspektiventool?

Das Perspective Grid Tool wurde als Teil von Illustrator CS5 veröffentlicht. Um zu sehen, was es ist, öffnen Sie ein neues leeres Dokument und drücken Sie die Umschalttaste + P, um das Werkzeug auszuwählen. Es sollte automatisch ein Fenster erscheinen, das aussieht wie die Ecke eines großen Würfels in der Mitte Ihres Dokuments.

Diese Ebenen machen das Erstellen perspektivischer Kunstwerke zu einem Kinderspiel. Es ist wichtig zu wissen, dass es sich nicht um Guides handelt, die lediglich visuelle Hinweise bieten. Dieses Raster ist tatsächlich ein Live-Element, das Ihr Kunstwerk in Echtzeit für Sie neigt. Es ist ein wirklich fantastisches Werkzeug, das Ihnen den Ärger erspart, wenn Sie versuchen, etwas manuell in eine realistische Perspektive zu bringen.

Wie benutze ich es?

Als erstes sollten Sie wissen, dass das Raster vollständig einstellbar ist. Wenn Sie das Perspective-Grid-Tool ausgewählt haben, können Sie auf einen der vielen Ziehpunkte der Grid-Überlagerung klicken und ihn nach Ihren Wünschen anpassen. Sie können den Fluchtpunkt verschieben, die Flugzeuge rollen, alles unter Ihrer Kontrolle.

In der unteren Mitte des Gitters befinden sich die Griffe, um die einzelnen Ebenen vorwärts und rückwärts in den 3D-Raum zu bewegen. Jeder dieser Ziehpunkte verfügt über drei mögliche Zustände, die über eine Wahltaste (Klicken + Klicken auf einem PC) umgeschaltet werden können. Die drei Zustände sind Volltonfarbe, Raster oder unsichtbar. Hier habe ich für jeden Griff einen anderen Status festgelegt, damit Sie den Unterschied sehen können. Die linke Ebene ist einfarbig, die rechte ist unsichtbar und die untere Ebene ist auf Raster gesetzt.

Zeichnen auf dem Raster

Das Zeichnen im Raster ist ziemlich einfach, aber der Prozess ist etwas skurril, sodass Sie leicht frustriert und verwirrt werden können, wenn Sie nicht wissen, was Sie tun. Angenommen, wir möchten ein Rechteck entlang einer der Ebenen platzieren. Zuerst müssen Sie die richtige Ebene auswählen, indem Sie im kleinen Perspective Grid-Widget darauf klicken, das Sie über Ihrer Zeichenfläche schweben lassen sollten. In der Abbildung unten habe ich die richtige Ebene ausgewählt, sodass alles, was ich zeichne, automatisch diesem Winkel entspricht.

Wenn ich mir mein Rechteckwerkzeug schnappe und mit dem Erstellen einer Form beginne, wird es automatisch zum Raster geneigt. Beachten Sie, dass ich die Form wie immer zeichne. In Illustrator werden 100% der Gesamtbelastung für die perspektivischen Berechnungen und Anpassungen ausgeführt.

Dies funktioniert bei allem, was Sie erstellen möchten. Rechtecke, Kreise, Sterne und sogar benutzerdefinierte Formen. Alle Ihre Vektorgrafiken können sich leicht an die dreidimensionale Szene anpassen, die Sie erstellen möchten.

Elemente auf das Raster ziehen

Wenn Sie schon einmal versucht haben, Kunstwerke mit einer dreidimensionalen Perspektive zu erstellen, wissen Sie, dass es oft einfacher ist, das zu erstellen, was Sie in einer flachen Version wünschen, und anschließend in die Perspektive zu neigen. Zum Glück können Sie diese Route auch in Illustrator verwenden.

Um zu sehen, wie das funktioniert, erstellen wir zunächst einige einfache Vektorelemente. Hier ist eine Gruppe von Stars, die perfekt funktionieren wird:

An diesem Punkt sollten Sie sicherstellen, dass Ihr Layout ungefähr so ​​ist, wie Sie es in der endgültigen Version wünschen. Sie können Teile im Perspektivmodus bewegen, aber von hier aus ist es viel einfacher. Sobald Sie Ihre Sterne ausgerichtet haben, drücken Sie die Tastenkombination "Befehl + Umschalttaste + I", um das Perspektivenraster aufzurufen.

Wenn das Perspektivenrasterwerkzeug ausgewählt ist, denken Sie vielleicht, dass Sie die Elemente einfach ziehen können, aber das funktioniert nicht. Sie müssen die Befehlstaste gedrückt halten, um das Perspektivenauswahl-Werkzeug zu aktivieren (oder Sie können dieses Werkzeug manuell in der Palette auswählen). Jetzt können Sie auf Ihr Bild klicken (stellen Sie sicher, dass die richtige Ebene ausgewählt ist) und ziehen Sie es auf das Raster. An diesem Punkt wird es automatisch in den 3D-Raum versetzt.

Um zurück zu gehen und das Bildmaterial zu optimieren, nachdem Sie es angelegt haben, stellen Sie sicher, dass Sie erneut das Perspektivenauswahl-Werkzeug verwenden. Mit dem Direktauswahl-Werkzeug erweitern Sie das Bildmaterial in der ursprünglichen Perspektive, die wir an dieser Stelle nicht wünschen . Von hier aus können Sie die Vektorgrafiken durch Klicken und Ziehen mit den Pfeiltasten verschieben. Wenn Sie wie ich mehrere Einzelteile platziert haben, werden diese automatisch gruppiert. Klicken Sie einfach dreimal auf ein Element, um es unabhängig von der Gruppe einzeln zu bearbeiten.

Mit Typ arbeiten

Eine meiner Lieblingsthemen bei diesem Werkzeug ist, dass es den Neigungswinkel so einfach macht. Selbst wenn Sie in Photoshop einen schiefen Typ verwenden möchten, kann es einfacher sein, hier zu beginnen und das Objekt als Smart-Objekt zu übernehmen.

Um ein Gefühl für diesen Prozess zu bekommen, erstellen wir das Titelbild für diesen Beitrag. Beginnen Sie damit, das Wissen zu nutzen, das Sie bereits erworben haben, um eine 3D-Box wie die folgende zu zeichnen. Im Grunde nahm ich mein Rechteckwerkzeug, zeichnete eine Kiste über die rechte Ebene und machte dann ein weiteres, etwas dunkleres Rechteck über der linken Ebene.

Beginnen Sie in einer separaten Ebene oder in einem Dokument mit der Arbeit an einem schönen Textsperrvorgang. Ich habe Franchise Bold und Adobe Garamond Pro Italic für meine beiden Schriften verwendet und eine einfache Trennlinie eingefügt. Beachten Sie, dass es sich hierbei um wählbaren Text handelt, der mit Vektorgrafiken gemischt werden kann. Alle diese Objekte können auf einmal in die Perspektive gerückt werden.

Fügen Sie die Textsperrung mit dem Cube von vorher in Ihr Dokument oder Ihre Ebene ein und aktivieren Sie das Perspective Grid Tool. Bevor Sie fortfahren, klicken Sie im kleinen Widget auf die richtige Ebene.

Aktivieren Sie nun Ihr Perspektivenauswahl-Werkzeug (halten Sie die Befehlstaste gedrückt) und klicken Sie auf den Text, oder ziehen Sie ihn auf die Ebene. Voila, dein Text sollte direkt in deine Würfelform fließen.

Wiederholen Sie diese Schritte mit etwas Text für die andere Seite des Würfels, und Sie können loslegen! Wenn Sie fertig sind, blenden Sie das Perspektivenraster mit Command-Shift-I aus (erinnern Sie sich an diese Verknüpfung, es ist wirklich ärgerlich, wenn Sie das Gitter nicht verschwinden lassen können!).

Arbeiten in Photoshop

Unser Artwork sieht großartig aus, aber ich möchte es mit etwas Kontrast auf die nächste Ebene bringen, während der 3D-Effekt mit einer gewissen Tiefenunschärfe übertrieben wird. Fügen Sie Ihren Cube einfach in einen dunklen Hintergrund in Photoshop ein. Um eine schöne Vignette zu erhalten, habe ich einen inneren Schatten auf die Hintergrundebene gelegt.

Kopieren Sie als Nächstes die Würfelebene und gehen Sie zu "Filter"> "Weichzeichnen"> "Linsenunschärfe". Wechseln Sie mit dem Radius, bis Sie die Gesamtintensität des Weichzeichnungseffekts mögen.

Dieser Teil ist etwas knifflig, achten Sie also genau darauf. Sie sollten jetzt eine Würfelebene haben, die alle verschwommen ist und eine, die überhaupt nicht verschwommen ist. Wenden Sie die unscharfe Ebene mit einer Maske an und verwenden Sie einen gespiegelten Farbverlauf, um die Mitte der Ebene auszublenden, sodass nur die Seiten unscharf werden. Ihre Maske sollte ungefähr so ​​aussehen:

Duplizieren Sie von hier aus die nicht verschwommene Ebene erneut, klicken Sie dann mit der Befehlstaste auf die eben erstellte Ebenenmaske, um sie in eine Auswahl zu verwandeln. Drücken Sie bei aktivierter Auswahl die Befehlstaste-F, um den Unschärfefilter erneut auszuführen, diesmal nur für den ausgewählten Bereich. Jetzt legen Sie die ursprüngliche Unschärfeschicht mit der Maske ab.

Der Grund dafür, dass wir dies getan haben, ist, dass das Ausblenden einer Linsenunschärfe einige chaotische Effekte erzeugen kann. Meiner Erfahrung nach ist es besser, eine Auswahl zu erstellen und die Unschärfe nur auf den ausgewählten Bereich anzuwenden.

Alles beendet

Da haben Sie es, Ihr Bild sollte jetzt ungefähr so ​​aussehen wie das unten. Sie haben ein dreieckiges 3D-Objekt erstellt, ohne dass Sie manuell versuchen müssen, Ihre Objekte in eine überzeugende Perspektive zu transformieren. Gute Arbeit!

Fazit

Wenn Sie nicht wissen, was Sie tun, kann das Arbeiten mit dem Perspektivenrasterwerkzeug mehr Probleme darstellen, als es sich lohnt. Schließlich ist eine manuelle Umwandlung in Photoshop nicht so schwierig, wenn Sie die Perspektive gut im Blick haben. Beachten Sie jedoch, dass dies ein einfaches Beispiel ist und dass die Vorteile dieses Werkzeugs exponentiell zunehmen, wenn Ihr Bildmaterial immer komplexer wird.

Das Tolle an dem Werkzeug "Perspektivenraster" ist, dass alle Grafiken und Texte vollständig bearbeitet werden können, sogar bis zu Punkt für Punkt. Es ist auch unglaublich einfach, später zurückzugehen und Ihre Meinung über die Position eines Objekts zu ändern, indem Sie es vorwärts oder rückwärts in die Szene drücken. Bei einem traditionell schief liegenden Objekt ist dies gar nicht so einfach.

Wenn dir dieses Tutorial gefallen hat, hinterlasse einen Kommentar und lass es uns wissen. Haben Sie das Perspective Grid Tool schon einmal benutzt? Hat dieser Artikel Ihnen dabei geholfen, sich mit möglichen Verwendungsmöglichkeiten für dieses Tool auseinanderzusetzen?