Tutorial: Visitenkarten in Photoshop

By Woj // Tutorials // No Comments

Gelegentlich wird man ja immer wieder darauf angesprochen; die gute alte Visitenkarte. Mir ist es in letzter Zeit öfter vorgekommen, dass ich einen neuen Kontakt kennengelernt habe und leider keine Visitenkarte dabei hatte. Eine blöde Situation wenn man dann ein altes Kaugummipapier aus der Hosentasche kramt und darauf seine Telefonnummer kritzeln muss, geschweige man hat überhaupt einen Stift dabei. Ein Werbemittel das von vielen unterschätzt wird. Dabei sind Visitenkarten schnell hergestellt und lassen sich Kostengünstig realisieren.

Mit diesem Tutorial zeig ich euch wie ihr in wenigen schritten eine Visitenkarte in Photoshop gestaltet und druckfertig speichert.

Zuerst erstellen wir ein neues Dokument in Photoshop. In diesem Beispiel bleiben wir bei dem gängigen Visitenkarten Format 85x 55 mm. Da bei der Verarbeitung von Druckprodukten eine schneidebedingte Toleranz entsteht, müssen wir diese bei der Erstellung beachten. Je nach Druckerei können die Toleranzen unterschiedlich ausfallen. Ihr solltet euch deshalb vorher die Dateivorgaben eurer Druckerei anschauen. In unserem Beispiel erhält unser Dokument an jeder Seite eine Beschnittzugabe von 1,5 mm. Somit ist unsere Dateigröße inklusive Beschnitt 88 x 58 mm. Druckprodukte brauchen eine Mindestauflösung von 300 dpi und werden im CMYK Farbraum gedruckt.

Nachdem wir das Dokument erstellt haben, sollten wir diesem Hilfslinien hinzufügen. Diese benötigen wir für die genaue Platzierung von Texten und Bildern.

Über Ansicht >> Neue Hilfslinie.. haben wir die Möglichkeit unsere Hilfslinien genau zu platzieren. Die ersten die wir hinzufügen sind die Hilfslinien für die Beschnittzugabe. 1,5mm auf jeder Seite.

Die zweite Hilfslinie dient uns als Sicherheitsabstand und wird auf allen Seiten 3mm entfernt platziert. Der Sicherheitsabstand verhindert, dass wichtige Elemente nicht abgeschnitten werden. Kein Text darf diese Linie überschreiten.

Nachdem das Dokument erstellt und mit den Hilfslinien versehen ist, können wir uns mit der Gestaltung beschäftigen.

In diesem Beispiel gestalten wir eine recht einfache Karte mit Logo und den Kontaktdaten. Eurer Kreativität sind keine Grenzen gesetzt; es ist vieles möglich: Prägungen, Ausschnitte oder Kaschierungen.

Als erstes wähle ich das Füllwerkzeug (G) und fülle unseren Hintergrund mit der Farbe C:33 % M:7 % Y:0 % K:85 %.

Im nächsten Schritt erstelle ich ein abgerundetes Rechteck in dem ich das Logo platzieren möchte. Das Rechteck soll vom rechten Rand in die Visitenkarte hereinragen. Damit es nach dem Druck und dem Schneiden sauber am Rand der Visitenkarte beginnt, platziere ich das Element im Dokument über unsere Anschnittmarke herraus. Dafür benutze ich das Abgerundete-Rechteck-Werkzeug (U), wähle als Füllfarbe C:13 % M:19 % Y:79 % K:0 % und stelle einen Radius von 20px ein.

Jetzt erstelle ich mit dem Textwerkzeug (T) Schriftzüge die als Logo dienen. Dabei achte ich darauf, dass der WEB&DESIGN Schriftzug nicht zu nah an der 3mm Randlinie liegt und ich auf der fertig gedruckten Visitenkarte genug Abstand zum Rand habe.

Das wichtigste an einer Visitenkarte sind die Kontaktdaten. Für welche ihr euch entscheidet ist Geschmackssache. Ich bevorzuge in diesem Beispiel nur den Namen, die e-mail Adresse, die Telefonnummer und die Url meiner Internetseite. Auch diese erstelle ich mit dem Textwerkzeug (T).

Um die Kontaktdaten optisch zu unterstützen, platzier ich in diesem Beispiel noch icons aus dem Set von brsev, welches ich bei Deviantart heruntergeladen habe.

In meinem Beispiel ist die Visitenkarte jetzt reif für den Druck. Jede Druckerei ermöglicht den Druck vom JPG Format solange die Datei im CMYK Farbmodus erstellt und gespeichert wurde. Natürlich ist JPG nicht das beste Ausgangsmaterial für den Druck. Wer auf Nummer sicher gehen will, speichert die Datei im PDF Format nach dem PDF/X-1a Standard (CMYK). Dieser garantiert dass alle Schriften eingebettet sind und das Produkt farbgetreu gedruckt wird.