Photoshop how to: Print-Anzeige erstellenArtikel

Teil 2: Erstellung einer Photoshop-Datei & des Erstentwurfs

Das folgende dreiteilige Tutorial soll anhand eines praktischen Beispiels die Funktionsweise Photoshops näherbringen und Schritt für Schritt zeigen, wie man eine simple DIN-A4-Print-Anzeige in Photoshop erstellt. Gleichzeitig werden die wichtigsten Aspekte in der Gestaltung erklärt. Die Anzeige ist Anfang April in der Zeitschrift hakin9 - Einmonatsmagazin über IT-Security erschienen.

Der Artikel ist vor allem für Anfänger geeignet, die sich an die Welt der Gestaltung mit Photoshop heranwagen möchten, dies wird mit einem kleinen Crashkurs der Gestaltung und der technischen Aspekte begleitet.
layout_ita_anzeige_a4_v0.1.jpg

Der Erstentwurf: Noch sehr roh und bedarf noch einiger Änderungen.


Entstehungsprozess: Erstentwurf
Der Erstentwurf sollte nicht zu viel Zeit verschlingen - dennoch bildet dieser den ersten Eindruck und sollte bereits eine Richtung aufweisen, beziehungsweise empfehlen. Der Erstentwurf darf gern etwas kreativer sein - hier sollen vor allem Grenzen überschritten werden, Text und exakte Positionierung, auch Proportionen müssen noch nicht perfekt sein. Diese können und müssen in den nächsten Phasen in Zusammenarbeit mit dem Kunden überarbeitet werden.


photoshop_create_file.jpg

Entstehungsprozess: Dateierstellung
Wie bereits im ersten Teil beschrieben, müssen wir bei der Erstellung einer Photoshop-Datei auf die korrekte Auflösung, Maße und den verwendeten Farbraum achten. Wir gehen hierzu im Photoshop-Menu auf File->New... und versehen die Datei zunächst mit einem Namen, z.B. ITA Anzeige. Als Farbmodus wählen wir CMYK, die Auflösung legen wir auf 300 DPI fest. Da es sich um eine DIN-A4-Anzeige handelt, können wir nun die Vorlage A4 unter Preset wählen. Ein Klick auf OK erstellt nun diese Datei, die wir der Sicherheit halber sofort abspeichern.

Im weiteren Verlauf ist darauf zu achten, möglichst oft zwischenzuspeichern (z.B. per Tastendruck: STRG + S) - nichts ist ärgerlicher, als dass aufgrund eines Programmabsturzes alle Fortschritte verloren gehen. Bei größeren Änderungen sollte man die Datei unter einem neuen Namen abspeichern, um jederzeit einen früheren Zustand wiederherstellen zu können.


Entstehungsprozess: Arbeitsplatzeinrichtung
workspace_preferences.jpg
workspace_preferences_units_and_rulers.jpg
workspace_preferences_guides_grid_and_slices.jpg
workspace_show_grid_and_rulers.jpg
workspace_window.jpg
Zunächst richten wir uns den Arbeitsplatz ein: Hierzu gehen wir auf Edit->Preferences->Units & Rulers.
Die Lineale (Rulers) sollten cm als Wert haben, als Type wählen wir points. Bei der Spaltenbreite (Column Size) ist 1cm sinnvoll, die Zwischenabstände (Gutter) können bei 0,25 cm Breite liegen.

Als nächstes wird das Raster (Guides, Grid & Slices) eingerichtet. Wichtig ist es, hier einen vernünftigen Wert für das Raster und das Unterraster zu wählen. In jedem Fall sollte als Längenmaß cm eingestellt werden. Als Wert für die Gridline und die Subdivisions ist jeweils der Wert 3 sinnvoll. Mit einem Klick auf OK schließen wir das Fenster.

Um das Seitenlinieal und ein Hilfsraster zu aktivierten, auf View->Rulers und View->Show->Grid klicken. Über View->Snap und View->Snap To lässt sich einstellen, ob und an welchen Elementen sich die späteren Objekte anhaften werden. Das Hilfsraster lässt sich später jederzeit mit der Tastenkombination STRG + H an- und abschalten.

Nun werden die wichtigsten Fenster geladen, die zum Arbeiten nötig sind: Hierzu einfach auf Window klicken und nacheinander mit Linksklick alle Fenster aktivierten (mit Häkchen versehen), die angezeigt werden sollen. Für uns wichtig sind folgende: Zeichen (Character), Ebenen (Layers), Optionsleiste (Options) und die Werkzeugleiste (Tools).

Wir sind nun mit der Arbeitsplatzeinrichtung fertig. Die wichtigsten Tools sind geladen, Umgebungsvariablen, Maße und Längeneinheiten sind einheitlich und auf den Print-Bereich hin optimiert.

Der Design-Marathon kann beginnen

Antwort hinzufügen

Dein Name:

bold italic underlined line-through insert-url insert-image quote code indent align-left align-right align-center align-justify insert-email spoiler BBCode Hilfe

editor-maximize editor-minimize mark manage-attachments clear-textarea process-stop

Smileys deaktivieren?

Spam Protection

Code Bit

Sie sind nicht eingeloggt.