Layout-Raster erstellen (PNG, SVG und Hilfslinien)

So funktioniert es

Die Ränder begrenzen den Satzspiegel. Spalten und Zeilen teilen ihn in gleich große Teile, getrennt durch die Abstände, die du festlegst; wo sich eine Spalte und eine Zeile kreuzen, entsteht ein Feld.

Bei Doppelseiten (Bücher, Magazine, Broschüren) heißen die Ränder innen (zum Bund) und außen und werden zwischen linker und rechter Seite gespiegelt. Die Dateien zeigen dann die ganze Doppelseite.

Das Grundlinienraster beginnt am oberen Rand. Richten sich die Zeilen nach dem Grundlinienraster, wird jede Zeile und jeder Zeilenabstand eine ganze Zahl von Linien; was übrig bleibt, kommt zum unteren Rand.

Bei quadratischen Feldern sind die Zeilen so hoch, wie die Spalten breit sind, und der Zeilenabstand ist gleich dem Spaltenabstand. Die Zahl der Zeilen ergibt sich aus Format und Rändern: so viele, wie hineinpassen; der Rest kommt zum unteren Rand.

Das PNG ist transparent und enthält die gewählte Auflösung, damit es die Größe des Dokuments hat. Lässt sich die Breite in Pixeln nicht genau teilen, sind manche Spalten ein Pixel breiter; das Werkzeug zeigt das an.

Das SVG ist ein Vektor in Originalgröße (zum Beispiel 210 mm) und in der gewählten Einheit. Felder und Grundlinienraster sind eigene Gruppen, die sich einzeln ein- und ausblenden lassen.

Alles wird im Browser berechnet; keine Daten verlassen dein Gerät. Der Link der Seite enthält die Einstellungen und lässt sich speichern oder teilen.

Echte Hilfslinien in Photoshop, Illustrator und InDesign

Das Skript (.jsx) legt das Raster als Hilfslinien im geöffneten Dokument an: Linien, an denen Objekte einrasten und die nicht gedruckt werden. Öffne zuerst ein Dokument in der Größe des Rasters; bei einer anderen Größe meldet das Skript das und ändert nichts. Die Menünamen sind die der englischen Programmversion.

• Photoshop: File > Scripts > Browse… und die Datei wählen. Die Hilfslinien gelten für das ganze Dokument.
• Illustrator: File > Scripts > Other Script… und die Datei wählen (Illustrator kann vorher eine Sicherheitswarnung zeigen). Jede Zeichenfläche in der passenden Größe bekommt das Raster, auf der Ebene „Grid guides“.
• InDesign: Window > Utilities > Scripts, Rechtsklick auf „User“ > Reveal in Finder (bzw. Explorer), die Datei in den Ordner kopieren und das Skript im Bedienfeld doppelklicken. Die Hilfslinien kommen auf die Musterseiten und damit auf alle Seiten; das Skript setzt auch Ränder, Spalten und das Grundlinienraster.