Design Visitenkarte Frontvorlage Photoshop CC
In diesem Tutorial fügen wir die Designelemente unserer Visitenkartenvorlage hinzu. Im letzten Tutorial haben wir bereits die Grundlage für die Visitenkartenvorlage in Photoshop CC erstellt. Daraus resultiert eine Vorlage mit einer separaten Zeichenfläche für die Vorder- und Rückseite der Visitenkarte. Wir haben auch Linien für die Bereiche Entlüften, Trimmen und Sicherheit hinzugefügt.

Die Vorlage enthält jedoch keine Gestaltungselemente (siehe Screenshot), z. B. Hintergrundgrafiken, Text oder Formen. In diesem Tutorial fügen wir zunächst eine Platzhalter-Hintergrundgrafik als intelligentes Objekt hinzu, um das Ersetzen des Platzhalters durch die Designgrafik zu vereinfachen. Als Nächstes fügen wir Platzhalter für Text hinzu, der normalerweise auf einer Visitenkarte enthalten ist. Auf der Vorderseite der Karte werden der persönliche / geschäftliche Name und der Slogan angegeben, und auf der Rückseite der Karte können Kontaktinformationen angegeben werden.

Wenn wir Designelemente hinzufügen, kann das Ebenenbedienfeld unorganisiert werden. Wir werden also einige Ebenen in Gruppenordnern organisieren. Beispielsweise können die Textebenen zu einem Gruppenordner zusammengefasst werden. Wenn Sie mehr als eine Hintergrundgrafik haben, z. B. mehrere verschiedene Texturen, können wir diese in einem Gruppenordner kombinieren. Schließlich können wir diese Ebenen und Ordner farblich kennzeichnen. Natürlich können Sie eine beliebige Farbkombination verwenden, aber in diesem Beispiel verwenden wir Rot für Text, Grün für Grafiken und Formen und Blau für die Anweisungen.

Fügen Sie Hintergrunddesign oder Texturgrafik hinzu

Ich verwende eine einfache Gittergrafik als Platzhalter-Hintergrundgrafik. Der Vorlagenbenutzer kann die Grafik leicht ändern, da es sich um ein intelligentes Objekt handelt. Fügen wir die Hintergrundgrafik für die Kartenfront hinzu.

  1. Wählen Sie die Zeichenfläche für die Visitenkartenfront aus.

  2. Fügen Sie Ihre Platzhaltergrafik hinzu (siehe Screenshot).

  3. Ziehen Sie die neue Ebene unter die Ebene "Linien", damit wir die Linien sehen können, wenn wir Designelemente hinzufügen.

    Da der Künstler diese Grafik möglicherweise für sich selbst wechseln möchte, lassen Sie uns ihm sagen, dass dies durch die Bezeichnung möglich ist, die wir dieser Ebene geben.

  4. Benennen Sie die Ebene in [IHR HINTERGRUNDDESIGN HIER] um.

  5. Klicken Sie mit der rechten Maustaste auf die Ebene und wählen Sie In Smart Object konvertieren aus dem Einblendmenü.

Text hinzufügen

Jetzt können wir unseren geschäftlichen oder persönlichen Namen und Slogan auf die Kartenvorderseite setzen. In diesem Beispiel habe ich die Schriftart Raleway Typekit verwendet, die bei jeder Creative Cloud-Mitgliedschaft oder kostenlosen Testmitgliedschaft kostenlos ist. Da der Name die wichtigste Information ist, setzen wir den Schriftstil auf Fett und die Größe auf 18 pt (siehe Screenshot). Wir werden auch den Text zentrieren.

Hinweis: Die endgültige Platzierung, Schriftart und der Stil des Textes werden geändert, da dies vom Hintergrunddesign beeinflusst wird.

  1. Wählen Sie das Textwerkzeug und fügen Sie den Platzhaltertext hinzu Firmenname (siehe Screenshot).

  2. Ändern Sie den Namen der Ebene in [IHR NAME HIER]

  3. Wiederholen Sie den vorherigen Schritt, um den Platzhaltertext für den Slogan oder Beruf hinzuzufügen. Stellen Sie die Schriftart auf eine kleinere Größe von 14 pt ein und fügen Sie den Platzhaltertext hinzu Slogan.

  4. Ändern Sie den Namen der Ebene in [IHRE TAGLINE HIER] (siehe Screenshot) und ziehen Sie ihn unter die Ebene [IHR NAME HIER].

    Als nächstes werden wir den Text zentrieren.

  5. Wechseln Sie bei Auswahl beider Textebenen zum Verschieben-Werkzeug. Verwenden Sie im Bedienfeld Optionen (siehe Screenshot) die Schaltflächen Vertikale Zentren und Horizontale Zentrenverteilung, um den Text horizontal und vertikal zu zentrieren.

    Beide Textzeilen befinden sich an derselben Position. Verschieben wir den Namen über den Slogan (siehe Screenshot).

  6. Wählen Sie die Ebene [IHR NAME HIER] und verschieben Sie den Namen mit dem Verschieben-Werkzeug über den Slogan.

    Zuletzt kombinieren wir die Textebenen zu einem Gruppenordner (siehe Screenshot).

  7. Fügen Sie dem Ebenenbedienfeld einen neuen Gruppenordner hinzu und benennen Sie ihn Text.

  8. Ziehen Sie beide Textebenen in den Ordner.

Optional: Möglicherweise möchten Sie eine Form hinter dem Text hinzufügen, z. B. ein weißes Rechteck mit einem schwarzen Strich. Wir werden eine Vektorform hinzufügen, damit der Benutzer die Füll- und Strichfarben nach Bedarf im Eigenschaftenfenster ändern kann (siehe Screenshot).

  1. Wählen Sie die Hintergrundebene aus, damit die neue Ebene oben hinzugefügt wird.

  2. Zeichnen Sie mit dem Rechteck-Werkzeug ein Rechteck auf die Zeichenfläche. Im Optionsfeld sollten Sie Folgendes einstellen (siehe Screenshot).

    Modus: Form
    Formfüllung: Weiß
    Formstrich: Schwarz
    Form Strichbreite: 5 px
    Form Strich Typ: Fest

  3. Benenne die Ebene um [BOX FILL & STROKE COLOR EINSTELLEN]

Optional: Wir können unsere Ebenen farblich kennzeichnen (siehe Screenshot).

  1. Wählen Sie die Gruppenebene Anweisungen aus und klicken Sie mit der rechten Maustaste auf das Augensymbol. Stellen Sie die Farbe auf blau ein.

  2. Wählen Sie im Ordner "Visitenkartenfront" die Ebene "Linien" aus und setzen Sie die Farbe auf "Blau".

  3. Wählen Sie den Ordner Textgruppe im Ordner Business Card Front aus und stellen Sie die Farbe auf Rot ein.

  4. Wählen Sie die Form- und Hintergrundebenen aus und setzen Sie die Farbe auf Grün.

Im nächsten Tutorial werden wir die Visitenkarte zurück entwerfen.

Zurück | Weiter

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Nachdruck der Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder eine eingetragene Marke oder eine Marke von Adobe Systems Incorporated in den USA und / oder anderen Ländern.


Video-Anleitungen: How to Make a Minimalistic Business Card | Photoshop Tutorial (March 2024).