Der Einsatz von Gestaltungsrastern (Grids) ist aus dem modernen Webdesign nicht mehr wegzudenken. Um in der Layoutphase mit Rastern arbeiten zu können, stehen zwei Optionen zur Verfügung. Entweder greift man auf ein vordefiniertes Grid-System wie beispielsweise 960.gs zurück, oder man berechnet sich ein eigenes Raster. Ich persönlich bevorzuge die Arbeit mit einem selbst erstellten Raster, da ich so alle Inhalte der Website bestmöglich berücksichtigen kann.
Nicolaj Kirkgaard Nielsen hat nun einen Online-Grid-Generator für Photoshop und Illustrator entwickelt, der alle Funktionen abdeckt, die ich bei der Arbeit mit Gestaltungsrastern benötige.

Wie funktioniert der Grid-Generator?

Über eine Online-Maske werden alle relevanten Daten eingegeben. Neben der Breite des Dokuments in Pixeln, muss die Spaltenzahl, der Abstand zwischen den Spalten und der Außenabstand angegeben werden. Besonders gut gefällt mir, dass immer erkennbar ist welches Element im Moment bearbeitet wird. Auch eine Warnung wird angezeigt sobald die Eingabe zu ungeraden Ergebnissen führen würde.

Das fertige Raster exportiert ihr als Photoshop- bzw. Illustrator-Script. Per Drag and Drop kann das Raster anschließen auf ein geöffnetes Dokument angewendet werden. Öffnet ihr das Script mit dem jeweiligen Programm, so wird eine neue Datei erzeugt.
In beiden Fällen wird das Raster in Form von Hilfslinien umgesetzt.

• gridcalculator.dk

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

In den Adobe Labs wurde ein neues Illustrator CS5-Plugin veröffentlicht was es ermöglicht in Illustrator erstellte Grafiken als HTML5 Canvas, CSS3 oder SVG-Grafiken zu exportieren.
Dieses Plugin ist meiner Ansicht nach ein wichtiger Schritt in die richtige Richtung. Auch für Photoshop wurden in der Vergangenheit "HTML-Layers" diskutiert die es ermöglichen sollen grafische Stile direkt webfähig zu exportieren und somit den Workflow zu beschleunigen.

Das Illustrator Plugin kann in den Labs heruntergeladen werden.

• Adobe Illustrator CS5 HTML5 Pack

Was haltet Ihr von Plugins dieser Art, sei es in Illustrator oder in Photoshop?

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Adobe bietet im Marketplace eine Air-Application an die für Euch eine vollständige Liste aller Shortcuts der Creative Suite 4 bereit hält. Nach der Installation könnt Ihr alle Shortcuts von Illustrator, Photoshop Extended, InDesign, Flash Professional, Dreamweaver, SoundBooth, Fireworks, Contribute, After Effects, Premiere Pro, Encore und Acrobat für Mac sowie für PC nachschlagen.
Die Shortcuts können in zwei Kategorien (Essentials, All) betrachtet sowie zu den Favoriten hinzugefügt werden. Eine Suchfunktion hilft dabei schnell den gesuchten Shortcut zu finden. Besonders praktisch finde ich, dass alle Listen direkt als PDF-Cheetsheat angezeigt werden können.

Download: Adobe Shortcut App

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.