Share
Im heutigen Quick Tip-Tutorial zeigen wir Ihnen, wie Sie mit Photoshop und Illustrator in wenigen Schritten eine realistisch aussehende Kreditkarte erstellen. Lass uns anfangen!
Um den Vorgang zu beschleunigen, werden wir zunächst einige grundlegende Grafiken in Illustrator zusammenstellen. Erstellen Sie ein abgerundetes Rechteck von 3,5 Zoll x 1,9 Zoll, und füllen Sie dann das Objekt mit einer Farbe oder einem Farbverlauf Ihrer Wahl.
Zeichnen Sie einige kurvige Linien wie gezeigt mit dem Stiftwerkzeug. Gehen Sie dann zu Objekt> Überblenden> Überblenden> Überblendoptionen> Bestimmte Schritte, geben Sie 30 ein und klicken Sie auf OK. Machen Sie zwei verschiedene Linien mit unterschiedlichen Farben.
Wählen Sie die soeben erstellte Strichgrafik aus und wenden Sie eine Schnittmaske mit der Form der Kreditkarte an. Vergewissern Sie sich, dass die Kreditkartenform auf Ihrer Liniengrafik platziert ist und dass Sie auch Ihren Kreditkartenhintergrund dupliziert haben.
Hinweis: Wenn Sie Illustrator CS5 verwenden, wählen Sie die Kreditkarte aus und klicken Sie auf die Option Nach innen zeichnen, um die Objekte (Cmd / Strg + V) in die Objekte einzufügen.
Verwenden Sie das Stiftwerkzeug, um das Farbband wie gezeigt zu zeichnen.
Wir sind jetzt mit Illustrator fertig. Beginnen wir damit, Photoshop zu öffnen, eine neue Leinwand zu erstellen, die etwas größer als das Illustrator-Dokument ist, und dann jedes Element, das Sie in Illustrator erstellt haben, einzeln zu kopieren und einzufügen. Zu diesem Zeitpunkt sollten Sie bereits einige Logos und Grafiken haben, die Sie auf die Karte setzen möchten. Wenn nicht, fahren Sie fort und erstellen Sie einige. Fügen Sie Ihrer Grafik Ihre Grafik wie gezeigt hinzu. Sie können auch die folgenden Schriftarten in Ihrer Karte verwenden. Laden Sie sie hier und hier herunter.
Jetzt ist es Zeit, Ihren Text hinzuzufügen. Wählen Sie die ovale Schrift mit # f1efed. Geben Sie einige Zufallszahlen und einen Namen ein. Wenden Sie dann die folgenden Ebenenstile an.
Jetzt sieht es eher wie eine Kreditkarte aus. Fügen wir einige Schatten hinzu, um es realistischer zu gestalten. Duplizieren Sie jede Ebene, ändern Sie die Farbe der Schrift in Schwarz und deaktivieren Sie die Ebenenstile. Dadurch erhalten Sie den Basisschatten. Verschieben Sie nun die Schattenzahlen um 3-5 Pixel nach rechts und 3 Pixel nach unten (tun Sie dasselbe auch mit dem Namen). Gehen Sie nun zu Filter> Weichzeichnen> Bewegungsunschärfe und geben Sie dann Winkel: -34 und Abstand: 10px ein. Stellen Sie die Ebenenmischung auf Multiplizieren und 50% Deckkraft ein. Um die Vorderseite noch zu vervollständigen, schauen Sie sich Ihre Referenz-Kreditkarte an und fügen Sie ein Verfallsdatum hinzu, wo immer Sie möchten, und Sie werden mit der Vorderseite fertig sein. Erstellen Sie einen neuen Ordner, legen Sie alle Ebenen darin ab und benennen Sie sie VORDERSEITE.
Lassen Sie uns nun auf der Rückseite der Kreditkarte arbeiten. Duplizieren Sie die Kreditkartenbasis, verschieben Sie die Ebene in den Ordner FRONT, klicken Sie mit der rechten Maustaste auf die Ebene und rastern Sie sie, wählen Sie sie aus und füllen Sie sie mit einer Farbe aus, die Sie auf der Vorderseite verwendet haben (ich habe das helle Rot oben verwendet.) links von der Kreditkartenvorderseite). Hinweis: Verwenden Sie keine Farbverläufe für den Rücken.
Wechseln Sie in den Ordner FRONT, duplizieren Sie die von Ihnen verwendeten Layer-Ebenen (in meinem Fall Kreditkartennummern, Name und Ablaufdatum), ziehen Sie sie in den Ordner BACK, drehen Sie sie horizontal um und ändern Sie die Farbe des Texts in wie die Kreditkarte auf der Rückseite.
Jetzt müssen wir die Ebenenstile der Textebenen ändern, damit sie aussehen, als wären sie gestempelt, und sie sehen aus wie die Referenzkreditkarte. Doppelklicken Sie auf die Ebene und ändern Sie die Werte wie unten gezeigt, und machen Sie dasselbe für die anderen Ebenen.
Jetzt sieht die Kreditkarte wie Ihre Referenz aus, und ordnen Sie die restlichen Elemente für die Rückseite der Kreditkarte.
Einige Elemente wie das Signaturrechteck können in Photoshop erstellt werden. Wenn Sie ein eigenes Logo haben, können Sie es um 45 Grad drehen und mehrere Male duplizieren und ein Muster erstellen. Wählen Sie dann jedes aus und ändern Sie die Farbe mit Farbton und Sättigung ( Cmd / Ctrl + U), dann Alle zusammenführen, in einer anderen Ebene ein Rechteck mit der gewünschten Größe für die Signatur erstellen und mit Weiß füllen. Wählen Sie ein Rechteck aus.> Wählen Sie die Musterebene aus und klicken Sie auf (Cmd / Ctrl + Shift) + I), um die Auswahl umzukehren und zu löschen und dann beide Ebenen zusammenzuführen.
Um die Signatur zu einer anderen Ebene zu machen, wählen Sie einen harten schwarzen Pinsel aus und erstellen Sie eine zufällige Signatur. Fügen Sie schließlich die Sicherheitscodes hinzu.
Wenn Sie möchten, können Sie das Tutorial hier beenden, aber jetzt werden wir der Karte eine Perspektive hinzufügen. Doppelten Sie jeden Ordner, klicken Sie dann mit der rechten Maustaste auf den Gruppenordner, und wählen Sie Gruppe zusammenführen. Führen Sie dasselbe für jeden Ordner aus. Jetzt haben wir zwei Ebenen, eine der Vorder- und eine für die Rückseite der Kreditkarte. Wählen Sie beide Ebenen aus und klicken Sie auf Cmd / Ctrl + T, um sie zu transformieren, und verkleinern Sie sie. Drehen Sie dann ein wenig und klicken Sie mit der rechten Maustaste, um Perspektive und Transformation als auszuwählen erwünscht.
Wählen Sie eine Schicht der Kreditkarte aus (egal, ob sie sich auf der Vorder- oder Rückseite befindet) und kopieren Sie sie, wählen Sie sie aus und füllen Sie sie mit einem hellen Grau, und verschieben Sie sie um etwa 2 Pixel nach rechts. Um den Schatten der Karte zu erzeugen, duplizieren Sie die Kreditkarte, wählen Sie eine aus und füllen Sie sie mit Schwarz aus. Klicken Sie dann zum Umwandeln auf Cmd / Ctrl + T> Rechtsklick und wählen Sie Verzerren und Transformation wie gewünscht. Gehen Sie zu Filter> Weichzeichnen> Gaußscher Weichzeichner> 10 px Radius; Stellen Sie die Ebenenmischung auf 30% Deckkraft auf Multiplizieren.
Um die Reflexion zu erstellen, duplizieren Sie beide Kreditkartenebenen, wählen Sie beide Ebenen aus und drehen Sie sie vertikal (Befehlstaste + T> Rechtsklick> Vertikal spiegeln), und ordnen Sie sie auf der Spitze der Kreditkarte an. Wählen Sie einen weichen Radierpinsel mit 30% Deckkraft aus und löschen Sie jede Ebene, um die Reflexion vorzunehmen.
Machen wir Licht und Schatten, wählen Sie eine Kreditkarte aus, erstellen Sie eine neue Ebene, wählen Sie einen weißen weichen Pinsel, Normalmodus bei 20% Deckkraft und oben links etwas Licht, ändern Sie dann die Farbe in Schwarz und fügen Sie hinzu einige schatten in der rechten unteren ecke.
Machen Sie einen Hintergrund und Sie sind fertig! Um Bilder von jeder Seite der Kreditkarte zu erstellen, deaktivieren Sie einfach die vordere Seitenschicht. Denken Sie daran, auch die entsprechende Reflexionsschicht ein- oder auszuschalten. Sie können dieses Lernprogramm verwenden, um ein Kreditkarten-Symbol zu erstellen. Denken Sie daran, dass Sie Kreditkarten mit unterschiedlichen Farben erstellen können, indem Sie mit Farbton und Sättigung spielen.
Accentsconagua