Gitterbasiertes Design in Illustrator - Sie benötigen Hilfe beim Einrichten eines Gitters!

Ich versuche, das gitterbasierte Layoutdesign in Illustrator zu untersuchen, um Modelle für Prototypen zu erstellen. Ich habe mich gefragt, ob mir hier jemand helfen kann, ein rasterbasiertes Layout in Illustrator CS6 einfach einzurichten. Ich hatte gehofft, eine Schritt-für-Schritt-Anleitung zu finden, aber ich kann anscheinend nichts finden, wenn ich online schaue!

Verwenden Sie einfach Objekte

Hilfslinien sind in Ordnung, aber ich bevorzuge Linien und Rechtecke. Ich halte sie für eine einfache Aktivierung / Deaktivierung auf ihrer eigenen Ebene isoliert. Intelligente Hilfslinien erleichtern das Einrasten an diesen Objekten.

Ich richte meine grundlegende Rastereinheit ein und positioniere sie in einer Ecke des Layouts. Dann benutze ich a, Transform eachum es zu einem vollen Gitter zu kacheln. Das heißt, wenn Sie ein einheitliches Raster verwenden.

Es funktioniert auch gut für Gitter mit komplizierter Geometrie. Hier ist eine, die ich kürzlich für ein Markenprojekt verwendet habe. Ändern Sie Ihre intelligenten Führungswinkel so, dass sie zu Ihrem Raster passen, und Sie werden Illustrator lieben;)

Das Grid Builder-Skript für Scriptographer

Dies ist eine wirklich coole Lösung (wenn Sie nicht mit CS6 arbeiten). Es generiert Ihr Grundlinienraster sowie Spalten basierend auf den von Ihnen ausgefüllten Variablen.

Vorschaumodus nach Ebene

Beachten Sie auch, dass Sie in Illustrator auf Ebenenebene zwischen Vorschaumodus und Gliederungsmodus wechseln können. Das heißt, wenn Sie Ihr Raster wie oben beschrieben als Formen auf einer dedizierten Ebene erstellen, können Sie in den Gliederungsmodus wechseln, um die Objekte führender zu gestalten. Dann können Sie genauso einfach zu einer farbcodierten oder einfarbigen Ansicht zurückkehren. Ich finde dies oft hilfreich in Rastern wie dem komplizierten Beispiel oben.

Hier sind einige Ressourcen zum Erstellen von Rastern in Illustrator, die ich hilfreich fand:

• http://font.is/grid-systems-making-grids-in-illustrator/
• http://www.creativebloq.com/illustration/create-modular-grid-system-illustrator-5132667

In beiden Artikeln wird Schritt für Schritt erklärt, wie Sie ein Raster in Illustrator CS6 mithilfe der integrierten Option im Illustrator-Menü einrichten. Nachdem Sie ein Objekt ausgewählt haben (dh ein Rechteck mit den gleichen Abmessungen wie Ihre Zeichenfläche), wählen Sie im Menü "Objekt", dann "Pfad" und schließlich "In Gitter teilen", um es anzuzeigen.

Obwohl es durchaus möglich ist, nur Formen und Transformationen zu verwenden und ein Raster ohne Hilfslinien zu haben, finde ich Hilfslinien überlegen, da sie immer noch in separate Ebenen verschoben werden können (die obige Option bedeutet übrigens nicht unbedingt, dass Sie Hilfslinien erstellen müssen - es Erstellt zuerst einfache Linien, die dann durch Klicken mit der rechten Maustaste auf die Objekte und anschließende Auswahl von "Hilfslinien erstellen" zu Hilfslinien gemacht werden können. Hilfslinien lassen sich schneller ein- und ausschalten als Ebenen.

Ich habe oft neue Gitter eingerichtet, wenn ich ein Projekt starte. Ich werde "Guides" für ein zwei-, drei- und vierspaltiges Raster zeichnen. Vertikale Unterbrechungen basieren auf Inhalt und Bildschirmgröße. Ich habe festgestellt, dass ich die größte Flexibilität habe, wenn ich die vertikalen Brüche beim Einlegen des Inhalts einstelle.

1. Wenn ich ein Dokument mit einer Größe von 8 "x 11,5" entwerfe, stelle ich die Zeichenfläche auf diese Größe ein

2. Ich werde die Ränder bestimmen, die ich will. Für Ränder von einem halben Zoll mache ich eine neue oberste Ebene, nenne sie "Hilfslinien" und zeichne dort ein Rechteck von 7,5 "x 10", zentriere es auf der Zeichenfläche und kopiere es.

3. Wählen Sie das Rechteck und dann Objekt> Pfad> In Raster teilen. Machen Sie es 2 Spalten mit einer geeigneten Rinne, wie 1/3 ". Wählen Sie die 2 Spalten und setzen Sie sie keine Füllung und 1pt, innerhalb des Strichs. Färben Sie den Strich Ihre Lieblingsführungsfarbe, etwas Kontrast-ey, meine sind in der Regel hellgrün und lila.

4. Bearbeiten> Einfügen Platzieren Sie das ursprüngliche Rechteck, wählen Sie es aus und teilen Sie es in ein Raster mit 3 Spalten auf. Machen Sie eine andere Farbe. Wiederholen Sie den Vorgang für ein 4-Spalten-Raster, falls erforderlich.

5. Sperren Sie die oberste Ebene "Hilfslinien".

Dies sind Ihre Führer. Da sie sich auf der obersten Ebene befinden, können Sie ihre Sichtbarkeit umschalten.

Wenn Sie "Anschnappen" aktiviert haben, springen Ihre Elemente zu den Richtlinien. Für Text zoome ich ganz hinein und stupse die Buchstabenformen an, bis sie nur noch die Linie berühren.

Wenn Sie die Gitterlinien festlegen, können Sie auch leicht Reihen einfügen, um horizontale Unterbrechungen zu erhalten, aber wie gesagt, diese werden offensichtlich. Mit dieser Methode kann die Zeichenfläche vertikal erweitert werden, sodass sehr lange Seiten angeordnet werden können.

Hier ist meine typische oberste Ebene beim Starten eines Projekts. Ich habe volle Breite, 2 Spalten und 3 Spalten. Wenn ich 4 brauche, schalte ich das ein und aus, weil die Anleitungen unordentlich aussehen. Ich halte ein paar horizontale Bruchführungen schwebend.