0 Kommentare
Tags: Photoshop-Tutorials, selbst gestalten, Tutorial, Visitenkarten
Kennt ihr noch diese tollen, auf richtig dicker Pappe gedruckten Bahnsteigkarten, wie man sie früher auf dem Dresdner Hauptbahnhof benötigte, um überhaupt auf den Bahnsteig gelangen zu können? Ich hatte vor Kurzem mal wieder so ein kleines Kunstwerk in der Hand und dachte mir, dass man in diesem Stil auch eine tolle Visitenkarte erstellen könnte. Praktisch natürlich, dass wir bei Saxoprint.de gerade eine tolle Aktion für Visitenkarten anbieten. Wie ihr mit Hilfe von Adobe Photoshop in zirka einer Stunde ein solch tolles, persönliches Werk erstellen könnt, das will ich euch heute hier zeigen.
Für alle, die sich unter solchen Bahnsteigkarten rein gar nichts mehr vorstellen können, hier mal ein Anschauungsexemplar:
Step 1
Zunächst benötigt ihr unsere Dokumentenvorlage für Visitenkarten, welche ihr euch im Service-Bereich von Saxoprint.de kostenlos herunterladen könnt. Diese Vorlage öffnet ihr dann in Adobe Photoshop (Strg+O) und fügt über den Menüpunkt Datei->Platzieren die Textur „Grunge Paper Texture 02“ hinzu, welche ihr euch hier heruntergeladen habt. Danach dreht und transformiert ihr diesen Hintergrund bis er in etwa so positioniert in eurem Dokument erscheint. Die Ebene „Meine Ebene“ könnt ihr hier dann auch schon einmal löschen.
Step 2
Mit dem Textwerkzeug (T) und der Schriftart „Palatino Linotype“ schreibt ihr nun zunächst mit folgenden Spezifikationen eine Ziffernfolge auf, wie hier zu sehen. Um zu überprüfen, dass euer Text nicht aus dem Textbereich herausragt, könnt ihr kurz mit Klick auf das Augensymbol im Ebenenfenster die Vorlagen-Ebene aus- und einblenden. Mit dem Verschieben-Werkzeug (V) dreht und verschiebt ihr die Textebene.
Step 3
Die Textebene dupliziert ihr nun über Ebene->Ebene duplizieren (Strg+J) und verschiebt sie anschließend mit dem Verschieben-Werkzeug (V) nach rechts. Dann dreht ihr diese Ebene mit dem gleichen Werkzeug noch um 180°. In dem ihr mit gedrückter Strg-Taste die Textebene und die Vorlagen-Ebene markiert, das Verschieben-Werkzeug aktiviert und oben in der Steuerungsleiste auf das markierte Symbol klickt, könnt ihr die Textebene vertikal zentrieren.
Step 4
Jetzt macht ihr euch an das Nachbilden der Leiste zum Entwerten der Bahnsteigkarte. Dazu verwendet ihr erneut das Text-Werkzeug (T) mit der Schriftart „Palatino Linotype“, jedoch dieses Mal mit etwas abgewandelten Spezifikationen. Damit die zweistelligen Ziffern am Ende auch den richtigen Abstand haben, müsst ihr hier den Zeichenabstand auf 80 verringern bzw. damit etwas herumexperimentieren und einige Leerzeichen einfügen.
Step 5
Nun ladet ihr euch die beiden EPS-Dateien für die
itten-primarfarben1 und die
hell-dunkel-kontrast herunter und fügt diese beiden Dateien nacheinander über Datei->Platzieren in euer Dokument ein. Dann rückt ihr sie noch an die richtige Stelle, wie hier im Bild zu sehen:
Step 6
Mit dem Linienzeichner-Werkzeug (U) plus gedrückter Umschalt-Taste und einer Linienstärke von 5 px zeichnet ihr euch nun einen vertikalen Strich. Die Strichfarbe spielt hierbei keine Rolle. Dann dupliziert ihr diesen Strich viermal und verschiebt die Kopien so, dass am Ende dieses Schrittes folgendes Bild entsteht:
Step 7
Nun gruppiert ihr alle Ebenen mit Strichen mit Strg+G und dupliziert die entstandene Gruppe (Ebene->Gruppe duplizieren). Die Kopie verschiebt ihr mit dem Verschieben-Werkzeug (V) zwischen die oberen Zahlen.
Step 8
Mit dem Linienzeichner-Werkzeug (U) und gedrückter Umschalt-Taste zieht ihr euch nun drei weitere, horizontale Linien auf.
Step 9
Diese gruppiert ihr nun ebenfalls mit Strg+G. Dann wendet ihr wieder das Text-Werkzeug (T) an und schreibt euren Namen zwischen die beiden oberen Linien.
Step 10
Mit einer auf 12 pt verkleinerten Schriftgröße fügt ihr nun alle weiteren, wichtigen persönlichen Daten hinzu.
Step 11
Damit euer Text und alle anderen, bisher eingefügten Bildelemente auch wirklich wie eingestanzt wirken, kommen nun ein paar wichtige Schritte. Zunächst einmal senkt ihr die Füllung für alle Ebenen außer der Vorlagen- und der Hintergrundebene auf 0 % ab. Dadurch verschwinden zunächst einmal scheinbar alle Bildelemente bis auf die Textur.
Step 12
Dann klickt ihr für die oberste Textebene auf Ebene->Ebenenstil->Schatten nach innen und bearbeitet diesen und die zwei anderen Stile (Schein nach innen & Farbüberlagerung) wie unten zu sehen.
Step 13
Damit nun auch die anderen Ebenen wieder sichtbar werden und den gleichen Ebenenstil erhalten, klicken wir zunächst mit rechts auf die oberste Ebene, bei der wir gerade die verschiedenen Ebenenstile eingestellt haben und auf „Ebenenstil kopieren“. Dann markieren wir mit gedrückter Strg-Taste und Klick auf jede einzelne Ebene alle weiteren Ebenen. Mit Rechtsklick darauf gehen wir auf „Ebenenstil einfügen“, so dass danach alle Ebenen über ein und denselben Ebenenstil verfügen.
Step 14
Da auf einem so rauen Untergrund auch nicht alles gleichmäßig eingestanzt wurde, müsst ihr eure Schriftelemente noch ein wenig aufrauen. Dazu ladet ihr euch bei deviantart.com (©ShadyMedusa-stock, deviantart.com) ein Pinsel-Set herunter, welches ihr auf eurem Computer speichert. Ihr fügt nun zunächst der obersten Ebene eine Ebenenmaske hinzu, in dem ihr diese Ebene markiert und auf das hervorgehobene Symbol unten im Ebenenfenster klickt. Dann wendet ihr darauf den Pinsel „grunge28-03.jpg“ mit dem Pinsel-Werkzeug (B) aus dem soeben heruntergeladenen Set an. Mit diesem schwarzen Pinsel bearbeitet ihr die Ebenenmaske, so dass die Schrift danach in etwa so aussieht:
Step 15
Dann fügt ihr auch allen weiteren Ebenen jeweils eine solche Ebenenmaske hinzu und bearbeitet diese mit dem schwarzen Pinsel, den ihr natürlich auch in Größe oder Winkel variieren könnt.
Step 16
Als schicken Abschluss eurer Visitenkarte könnt ihr entweder euer Firmenlogo einfügen und auch dieses mit Hilfe der Ebenenmaske und des Pinsels verfeinern oder aber ihr fügt wie in den folgenden Schritten ein Original-Ornament von einer alten Bahnsteigkarte ein. Hierfür zieht ihr euch zwei Hilfslinien aus der Linealleiste (Strg+R), welche genau in der Bildmitte ihren Schnittpunkt haben. Dann erstellt ihr euch mit dem Rechteck-Werkzeug (U) und gedrückter Umschalt- und Alt-Taste von diesem Mittelpunkt aus ein Quadrat. Das Quadrat erhält als Farbe ein helles Rot (#FF5E5E).
Step 17
Mit den gleichen Vorgaben zieht ihr euch nun von der Bildmitte aus ein zweites Quadrat auf. Dabei achtet ihr allerdings darauf, dass die Option „Vom Pfadbereich subtrahieren“ oben in der Steuerungsleiste aktiviert ist, damit das zweite, kleinere Quadrat eine Fläche des Größeren ausschneidet.
Step 18
Mit dem Verschieben-Werkzeug (V) und gedrückter Umschalt-Taste dreht ihr dieses Quadrat nun um 45°.
Step 19
Über Ansicht->Hilfslinien löschen entfernt ihr nun die Hilfslinien. Dann fügt ihr dieser Formebene noch eine Ebenenmaske hinzu, die ihr wieder mit dem Pinsel aus den vorangegangenen Schritten bearbeitet. Die Deckkraft der Ebene senkt ihr auf 75 % ab.
Step 20
Nun blendet ihr noch die Vorlagen-Ebene aus, vereint alle eure Ebenen mit Strg+E zu einer einzigen Ebene und speichert alles PDF-, JPG-, TIFF-, EPS- oder PSD-Datei ab und schon kann eure fertige Visitenkarte bei Saxoprint.de in den Druck gehen.
Fertig!
Um das Tutorial noch besser nachvollziehen zu können, könnt ihr euch kostenlos die komplette
hell-dunkel-kontrast1 herunterladen.
