Erstellen Sie in Illustrator ein modulares Rastersystem

  • Software: Illustrator CS4 und höher
  • Projektzeit: 5 Minuten (nur Gitter)
  • Kompetenzen: Strukturtyp und Darstellung effizienter. Erstellen Sie in Illustrator ein modulares Rastersystem

Bereits in den 1920er und 30er Jahren durch Schweizer Grafikdesigner wie Josef Müller-Brockmann und Wim Crouwel bekannt geworden, kann die Verwendung eines Rastersystems für alle Kreativen, insbesondere für Designer und Illustratoren, von großem Nutzen sein. Gitter können als Hilfe dienen, um eine geordnete Struktur innerhalb Ihres Entwurfs zu erreichen.

In diesem Tutorial werde ich Ihnen meinen persönlichen Ansatz zur Anwendung eines modularen Rastersystems in Illustrator erläutern, bei dem mit einfachen geometrischen Elementen in a gearbeitet wird Poster Design.

Obwohl das in diesem Lernprogramm erstellte Raster für die Verwendung im Druck vorgesehen ist, sind ähnliche Rastersysteme im Webdesign gleichermaßen vorteilhaft, insbesondere beim Erstellen von Text und Bildern. Das Entwerfen eines Rasters stärkt nicht nur Ihre Typografie Fähigkeiten, wird aber die Art und Weise verändern, wie Sie sich dem Design nähern.



Schritt 01



huion gt-220 v2 (8192)

Richten Sie in Illustrator ein Dokument für einen Flyer ein. In diesem Beispiel erstelle ich ein etwas kürzeres A5-Dokument mit den Maßen 148 x 208 mm (normalerweise 210 mm). Entscheiden Sie sich jetzt für Ihre Ränder - ich gehe mit 10 mm, da dies viel „sicheren Raum“ zwischen den Rändern und dem Kunstwerk bieten sollte.

Schritt 02



Zeichnen Sie zum Erstellen Ihres Rasters zunächst ein 128 x 188 mm großes Rechteck. Um zu berechnen, wie groß dieses Rechteck sein musste, habe ich die Ränder (10 mm pro Seite) von meiner Seitengröße abgezogen. Also in diesem Fall: 148 minus 10 (linker Rand), minus 10 (rechter Rand) entspricht 128 mm. Platzieren Sie dieses Rechteck in der Mitte Ihrer Seite (An Zeichenfläche ausrichten> Horizontale Ausrichtungsmitte> Vertikale Ausrichtungsmitte).

Schritt 03

Gehen Sie bei ausgewähltem Rechteck zu Objekt> Pfad> In Raster teilen. Ich möchte Module mit einer Größe von 4 mm2. Um die Anzahl der Reihen zu ermitteln, nehmen Sie die Höhe (188 mm) und teilen Sie sie durch vier. Dies ergibt 47, geben Sie dies also in das Feld Zeilen> Zahl ein und ändern Sie die Höhe auf 4 mm, die Rinne auf 0 und den Gesamtwert auf 188. Nehmen Sie für die Spalten die Breite (128 mm) und teilen Sie sie durch 4. Dies ergibt 32, Geben Sie dies in das Feld Spalten> Nummer ein. Ändern Sie die Breite auf 4 mm, die Rinne auf 0 und die Gesamtsumme auf 128. Aktivieren Sie Vorschau, um die Unterteilungen anzuzeigen.



Schritt 04

Sobald Sie auf 'OK' klicken, wird ein Rechteck angezeigt, das in 4-mm-Quadrate unterteilt wurde. Um dies in Hilfslinien umzuwandeln, wählen Sie die Quadrate aus (Cmd / Ctrl + A). Klicken Sie dann bei gedrückter Strg- / Strg-Taste auf Hilfslinien erstellen, um Ihr Raster in Hilfslinien umzuwandeln. Jetzt haben Sie ein flexibles modulares Raster, an dem Sie Ihr Design ausrichten können.

Schritt 05

Nachdem Ihr Rastersystem eingerichtet ist, können Sie ein grobes Layout mit 4-mm-Rechtecken nachahmen. Dieses Flyer-Design ist von denselben Linien und Winkeln inspiriert, die auch im BVD-Logo (Bike v Design) verwendet werden. Ziehen Sie jedes Rechteck mithilfe intelligenter Hilfslinien (Befehlstaste / Strg + U) an seinen Platz, um sicherzustellen, dass alle innerhalb des 4-mm-Rasters liegen. Richtlinien können ablenken, daher kann es hilfreich sein, sie während dieses Vorgangs ein- und auszuschalten (Cmd / Ctrl +;).

Schritt 06

Um das Design aufzubrechen und mit dem BVD-Logo fortzufahren, möchte ich meinem Muster Kreise hinzufügen. Um sicherzustellen, dass diese in meinem Raster sitzen, habe ich meinen ersten Kreis auf eine Größe von 140 mm mit einem Hubgewicht von 4 mm gezeichnet. Mein zweiter Kreis ist mit 124 mm gezeichnet, ebenfalls mit einem Hubgewicht von 4 mm, was bedeutet, dass zwischen den beiden Kreisen jetzt ein proportionaler Leerraum ist. Ich machte so weiter, bis ich fünf konzentrische Kreise hatte, die ich dann zueinander zentrierte.

Schritt 07

Wenn Sie mit Ihrem Design zufrieden sind, überprüfen Sie es anhand des Rasters, um sicherzustellen, dass alles richtig ausgerichtet ist. Konvertieren Sie alle Strichlinien (z. B. die Kreise) in Konturen (Objekt> Erweitern> Füllen und Strich). Wenn Sie überlappende Linien oder Kreise haben, schneiden Sie sie so, dass sie in mein Raster passen. Dazu platzieren Sie ein Objekt wie ein Rechteck über dem Objekt, das Sie zuschneiden möchten, wählen beide Objekte aus und wählen im Pathfinder Minus Front aus.

Schritt 08

Zum Abschluss der Flyer-Vorderseite habe ich einen grauen Hintergrund hinzugefügt, der sich gut vom orangefarbenen Muster abhebt. Ich habe dann Text vertikal auf beiden Seiten des Musters ausgeführt und sichergestellt, dass sich alles auf derselben Grundlinie wie das Raster befindet.

Schritt 09

Nun zum Rücken. Beim Layouten finde ich es nützlich, ein Spaltenraster anstelle eines modularen Rastersystems zu verwenden. In diesem Fall erlaubt das Gitter 11 Säulen mit einer 4-mm-Rinne (in Pink dargestellt). Ich habe den Textabsatz an einer Spalte ausgerichtet und überprüft, ob meine Überschrift zulässt, dass sich der gesamte Text auf demselben Grundlinienraster befindet.

Schritt 10

Fügen Sie weiterhin die letzten Textteile auf der Rückseite Ihres Flyers hinzu. Überprüfen Sie abschließend die Ausrichtung einzelner Elemente zu Ihrem Raster, um sicherzustellen, dass alles perfekt ausgerichtet ist.

Mochte dies? Lese das!