Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Product Mockup

Wie kann man ein Stempel-Logo-Modell in Adobe Photoshop erstellen

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Awesome Logo Mockups.
How to Create a Gold Foil Logo Mockup in Adobe Photoshop
How to Create an Embossed Paper Logo Mockup in Adobe Photoshop

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

In diesem Tutorial werde ich Sie durch die Schritte führen, um ein fotorealistisches Heiß-Stempelmodell mit Adobe Photoshop zu erstellen. Der Prozess beginnt bei Null, also schnappen Sie sich Ihre Kamera (Ihr Smartphone ist in Ordnung), schließen Sie Ihren Drucker an und öffnen Sie Ihren Photoshop (CS6 oder höher), denn diese aufregende Reise steht vor der Tür!

Wenn Sie auf der Suche nach einem professionellen Logo-Modell sind oder keine Zeit haben, diesem Beispiel zu folgen, sollten Sie diesen fotorealistischen Logo-Modellpack von Envato Elements ausprobieren.

Photo realistic logo mock up packPhoto realistic logo mock up packPhoto realistic logo mock up pack

Tutorial-Assets

Die folgenden Elemente wurden während der Erstellung dieses Tutorials verwendet:

1. Wie kann man die richtige Perspektive erhalten

Erstens brauchen wir eine reale Perspektive, die die Grundlage für den Aufbau aller Elemente der Szene bildet.

In diesem Kapitel werden wir ein solides Objekt auf einer zweidimensionalen Oberfläche wie der Leinwand von Photoshop zeichnen und dann drucken und in verschiedenen Winkeln aufnehmen, um den richtigen Eindruck von Höhe und Breite zu erhalten Tiefe und Position des Objekts in Relation zueinander, wenn es von einem bestimmten Punkt aus betrachtet wird.

Ich habe diese Arbeit bereits für Sie erledigt, also können Sie .sie einfach herunterladen

Wenn Ihnen danach ist, können Sie Ihre eigene persönliche Perspektive erstellen. Befolgen Sie einfach diese Schritte:

Schritt 1

Erstellen Sie ein 1240 x 1754 px Neues Dokument in Photoshop.

Wählen Sie das Rechteck-Werkzeug (Rectangle Tool).

Rectangle ToolRectangle ToolRectangle Tool

Rechteck-WerkzeugBewegen Sie den Mauszeiger über die Leinwand und klicken Sie auf. Sie öffnen ein kleines Dialogfeld, in dem Sie präzise Abmessungen für Ihre neue Form eingeben können.  Geben Sie 350 x 350 px ein und klicken Sie auf die Schaltfläche OK. Die Form wird rechts unten an dem Punkt erstellt, auf den Sie geklickt haben.

Schritt 2

Suchen Sie das Eigenschaftenfenster. Wenn Sie das Fenster nicht sehen können, öffnen Sie es, indem Sie Fenster > Eigenschaften (Window > Properties) wählen.

Legen Sie den Formfüllungstyp (Shape Fill Type) auf Schwarz, die Formstrichfüllung auf Transparent und die Position des Rechtecks auf 443 px für X und 700 px für die Y-Achse fest:

Properties panelProperties panelProperties panel

Jetzt sollte das schwarze Rechteck in der Mitte der Leinwand sein.

Schritt 3

Schließen Sie Ihren Drucker an und drucken Sie das Dokument. Positionieren Sie Ihr Blatt auf dem Boden in der Nähe einer Lichtquelle wie ein Fenster oder eine Lampe.

Black square printedBlack square printedBlack square printed

Schritt 4

Schnappen Sie sich Ihre Kamera (Ihr Smartphone wird in Ordnung sein) und einige Aufnahmen von dem schwarzen Rechteck. Versuchen Sie, mit der Kamera in der Hand eine Ecke des Rechtecks zu erreichen, um eine intensivere Perspektive zu erhalten.  Nehmen Sie mehrere Bilder mit verschiedenen Winkeln und Positionen und wählen Sie eine, die zu Ihr passt. Sie sollten eine ähnliche Perspektive bekommen:

Black square perspectiveBlack square perspectiveBlack square perspective

Perspektive des schwarzen QuadratsVon nun an werde ich meine Perspektive für das Tutorial verwenden, aber die folgenden Schritte sind in Ordnung, auch wenn Sie sich entschieden haben, Ihre persönliche Perspektive zu verwenden.

2. Wie kann man der Szene eine Gummitextur hinzufügen 

Schritt 1

Öffnen Sie das perspektivische Bild mit Photoshop oder, wenn Sie Ihre eigene Perspektive verwenden, die im vorherigen Kapitel erstellt wurde, importieren Sie es in ein neues Dokument mit 2500 x 1600 px. Wenn Sie Ihr eigenes perspektivisches Bild verwenden, versuchen Sie, die Proportionen zwischen dem schwarzen Rechteck und dem weißen Hintergrund meinem Bild ähnlich zu halten:

Black square perspectiveBlack square perspectiveBlack square perspective

Suchen Sie das Ebenenbedienfeld. Wenn Sie das Fenster nicht sehen können, öffnen Sie es, indem Sie Fenster > Ebenen (Window > Layers) wählen.

Sehen Sie sich die Ebene "Hintergrund" an. Es könnte gesperrt werden (ein kleines Vorhängeschloss erscheint in der Nähe der rechten Kante der Ebene):

Layers panelLayers panelLayers panel

Um die Ebene zu entsperren, wählen Sie Ebene > Neu > Ebene vom Hintergrund (Layer > New > Layer from Background) und drücken Sie OK.

Benennen Sie die Ebene um, indem Sie im Ebenen-Panel auf den Namen der Ebene doppelklicken und sie in "Perspektive" ändern.

Schritt 2

Laden Sie die Gummitextur herunter und öffnen Sie sie mit Photoshop.

Wählen Sie die Textur aus, indem Sie Auswahl > Alle (Select > All) wählen oder Command-A drücken. Kopieren Sie nun den Ebeneninhalt, indem Sie zu Bearbeiten > Kopieren (Edit > Copy) gehen oder Command-C drücken.

Kehren Sie zum vorherigen Dokument (dem mit der Perspektive) zurück, indem Sie auf die entsprechende Registerkarte klicken.

Fügen Sie nun die gerade kopierte Gummitextur ein, indem Sie Bearbeiten > Einfügen (Edit > Paste) wählen oder Command-V drücken.

Benennen Sie die Ebene um, indem Sie im Ebenen-Panel auf den Namen der Ebene doppelklicken und sie in "Gummitextur" ändern.

Layers panelLayers panelLayers panel

Schließen Sie das Gummitextur-Dokument. Speichern Sie keine Änderungen am Dokument vor dem Schließen.

Schritt 3

Die gerade importierte Gummitextur ist für unsere Zeichenfläche zu groß. Wählen Sie also Bearbeiten > Frei transformieren (Edit > Free Transform) oder drücken Sie Command-T und ziehen Sie an einer Ecke, um die Textur zu ändern. Drücken Sie die Shift-Taste, während Sie den Eckpunkt ziehen, um proportional zu skalieren.

Transform the rubber texture Transform the rubber texture Transform the rubber texture

Verschieben Sie die Ebene "Gummitextur" hinter "Perspective", indem Sie direkt auf die Ebene im Ebenen-Panel klicken und ihn ziehen:

Layers panelLayers panelLayers panel

3. Wie kann man das Smart-Objekt erstellen 

Schritt 1

Wählen Sie im Ebenen-Panel die Ebene "Perspektive" und dann das Rechteck-Werkzeug aus:

Rectangle toolRectangle toolRectangle tool

Bewegen Sie den Mauszeiger über die Leinwand und klicken Sie auf sie. Sie öffnen ein kleines Dialogfeld, in dem Sie präzise Abmessungen für Ihre neue Form eingeben können.  Geben Sie 1125 x 1125 px ein und klicken Sie auf die Schaltfläche OK.Die Form wird rechts unten an dem Punkt erstellt, auf den Sie geklickt haben.

Benennen Sie die Ebene um, indem Sie im Ebenen-Panel auf den Namen der Ebene doppelklicken und sie in "Smart-Objekt" ändern.

Schritt 2

Wählen Sie mit der Ebene "Smart Object" im oberen Menü Layer > Smart Object > In Smart Object konvertieren (Layer > Smart Object > Convert to Smart Object).

Jetzt sollten Sie ein Quadrat (egal welche Farbe) über dem perspektivischen Bild haben:

Transform the smart objectTransform the smart objectTransform the smart object

Transformieren Sie das intelligente ObjektWas wir nun tun werden, ist die Verzerrung des Quadrats (blau in meinem Fall), das in das intelligente Objekt integriert ist, um die gleiche Form des schwarzen perspektivischen Bildes anzunehmen.

Keine Sorgen! Es ist einfacher als es aussieht. Lesen Sie weiter!

Schritt 3

Wählen Sie Bearbeiten > Transformieren > Skalieren (Choose Edit > Transform > Scale).

Wenn wir genau hinsehen, erscheint eine dünne Begrenzungsbox um das Rechteck herum. Wir können auch ein kleines Quadrat in der oberen Mitte, unteren Mitte, linken Mitte und rechten Mitte sowie ein Quadrat in jeder der vier Ecken sehen.  Diese kleinen Quadrate werden "Griffe" genannt, und wir können alles, was sich innerhalb des Begrenzungsrahmens befindet, einfach durch Ziehen dieser Griffe umwandeln.

In diesem Schritt ist es äußerst wichtig, dass wir das Quadrat nur mit den Anfassern an den Ecken der Begrenzungsbox transformieren.

Bewegen Sie den Mauszeiger über den Griff in der oberen rechten Ecke, halten Sie die Befehlstaste (Command button) auf Ihrer Tastatur gedrückt (der Mauszeiger ändert sich in einen kleinen weißen Pfeil), und dann klicken und ziehen Sie den Griff, bis Sie die obere rechte Ecke des schwarzen perspektivischen Quadrats mit Ihrem Mauszeiger berühren:

Transform the smart objectTransform the smart objectTransform the smart object

Bewegen Sie den Mauszeiger erneut über den Griff in der oberen linken Ecke, drücken und halten Sie die Befehlstaste auf Ihrer Tastatur, und klicken Sie dann auf den Griff, bis Sie mit Ihrem Mauszeiger die linke obere Ecke des schwarzen Quadrats berühren:

Transform the smart objectTransform the smart objectTransform the smart object

Wiederholen Sie die gleiche Aktion mit der Ecke unten links:

Transform the smart objectTransform the smart objectTransform the smart object

Schließlich machen Sie dasselbe mit der Ecke unten rechts und drücken Sie dann OK, um die Änderungen zu bestätigen:

Transform the smart objectTransform the smart objectTransform the smart object

Jetzt können Sie die Ebene "Perspektive" entfernen, indem Sie sie im Ebenenbedienfeld auswählen und Ebene > Löschen > Ebene (Layer > Delete > Layer) wählen.

Gute Arbeit! Jetzt ist das Smart Objekt in der richtigen Perspektive. Alles, was wir in das Smart Objekt legen, nimmt den Winkel des blauen Quadrats ein.

Jetzt sind wir bereit, das blaue Quadrat innerhalb des Smart-Objekts durch ein Abzeichen oder Logo zu ersetzen, um unser Projekt anzupassen. Lassen Sie uns gehen!

4. Wie kann man Sie das Abzeichen mit Adobe Illustrator vorbereiten 

Wie Sie erfahren haben, brauchen wir ein Logo oder Abzeichen, um die Szene zu vervollständigen. Dieses Abzeichen wird ein hervorstechendes Element sein, das später in die Gummitextur eingraviert wird.

Zum Glück bietet Envato Elements eine große Auswahl an hochwertigen Abzeichen und Vektorelementen, die sofort einsatzbereit sind. Abonnieren Sie unbegrenzte, hochwertige Abzeichen, Vorlagen, Fotos und mehr für eine monatliche Gebühr!

In diesem Tutorial verwenden wir ein Abzeichen, das aus einer großen Sammlung von 30 Vintage Stil-Abzeichen und Logos stammt:

Seabreeze badge from 30 Vintage Style Badges and LogosSeabreeze badge from 30 Vintage Style Badges and LogosSeabreeze badge from 30 Vintage Style Badges and Logos

Schritt 1

Öffnen Sie die Vektor-.ai-Datei mit Adobe Illustrator. Während Sie die Datei öffnen, wird möglicherweise ein Fenster angezeigt, in dem Sie darauf hingewiesen werden, dass das Dokument Zeichensätze verwendet, die derzeit auf Ihrem Computer nicht verfügbar sind.  Keine Sorgen - alle Schriftarten sind frei zur Verwendung, und Sie können eine Textdatei in dem Ordner mit allen Verweisen und Links finden, um jede Schriftart herunterzuladen.

Missing font dialogMissing font dialogMissing font dialog

Fehlender SchriftdialogFür den Zweck dieses Tutorials habe ich die beiden kommerziellen Schriftarten durch die folgenden freien Schriftarten ersetzt:

Schritt 2

Sobald Sie mit den Schriftarten fertig sind, wählen Sie das Auswahlwerkzeug (V).

Selection toolSelection toolSelection tool

AuswahlwerkzeugWählen Sie nun das "Seabreeze" Badge (oder welches Badge Sie auch mögen). Kopieren Sie das Abzeichen, indem Sie zu Bearbeiten > Kopieren gehen oder Command-C drücken.

Erstellen Sie ein Neues Dokument mit 350 x 350 Pixeln in Adobe Illustrator. Fügen Sie nun das soeben kopierte Abzeichen ein, indem Sie Bearbeiten > Einfügen wählen oder Command-V drücken.

Schritt 3

Bewegen Sie das Abzeichen mit dem Auswahlwerkzeug (Selection Tool) (V) über den grauen Bereich außerhalb der weißen Leinwand.

Seabreeze badge from 30 Vintage Style Badges and LogosSeabreeze badge from 30 Vintage Style Badges and LogosSeabreeze badge from 30 Vintage Style Badges and Logos

Bevor wir das Abzeichen in Photoshop importieren, müssen wir die Darstellung erweitern, den gesamten Text in Vektorformen umwandeln und den weißen Bereich entfernen, der jetzt angezeigt wird, nachdem wir das Abzeichen auf die graue Fläche verschoben haben.

Wenn das Abzeichen nicht ausgewählt ist, wählen Sie es aus, indem Sie es mit dem Auswahlwerkzeug (V) anklicken.

Wählen Sie im oberen Menü Objekt > Darstellung erweitern (Object > Expand Appearance).

Wählen Sie erneut Objekt > Erweitern (Object > Expand). Ein Dialogfenster erscheint; wählen Sie Objekt und Füllung und drücken Sie OK:

Expand dialogExpand dialogExpand dialog

Schritt 4

Suchen Sie das Pathfinder-Bedienfeld. Wenn Sie das Fenster nicht sehen können, öffnen Sie es, indem Sie Fenster > Pfadfinder (Window > Pathfinder) auswählen.

Pathfinder panelPathfinder panelPathfinder panel

Wählen Sie Trim. Der Trim-Knopf entfernt die Teile der Objekte, die sich überlappen oder verdecken.

Schritt 5

Jetzt, wo das Abzeichen 100% Vektorformen ist, können wir den weißen Bereich entfernen.

Wählen Sie das Zauberstab-Werkzeug (Magic Wand Tool):

Magic Wand ToolMagic Wand ToolMagic Wand Tool

Bewegen Sie den Mauszeiger über einen weißen Bereich und klicken Sie, um alle weißen Bereiche des Logos auszuwählen:

Seabreeze badge particularSeabreeze badge particularSeabreeze badge particular

Wenn Sie es brauchen, vergrößern Sie die Leinwand mit dem Zoom-Werkzeug (Zoom Tool) (Z).

Nachdem Sie alle weißen Bereiche des Logos ausgewählt haben, entfernen Sie diese, indem Sie im oberen Menü Bearbeiten > Ausschneiden (Edit > Cut) wählen.

Jetzt ist das Abzeichen bereit, in die Photoshop-Szene importiert zu werden!

5. Wie kann man das Abzeichen in die Szene einbeziehen

Schritt 1

Wir befinden uns immer noch im Adobe Illustrator-Arbeitsbereich. Wenn das Abzeichen nicht ausgewählt ist, wählen Sie es aus, indem Sie es mit dem Auswahlwerkzeug (V) anklicken. Kopieren Sie das Abzeichen, indem Sie zu Bearbeiten > Kopieren gehen oder Command-C drücken.

Seabreeze badgeSeabreeze badgeSeabreeze badge

Schritt 2

Gehen Sie zurück zu Photoshop, wählen Sie im Ebenen-Panel das Smart-Objekt aus, und doppelklicken Sie auf die Miniaturansicht für Smart-Objekte.

Wenn Sie ein Smart-Objekt bearbeiten, wird der Quellinhalt in einem neuen Fenster von Photoshop geöffnet. Hier können Sie alle gewünschten Änderungen vornehmen. Wenn Sie zufrieden sind, müssen Sie lediglich die Datei speichern, und das Photoshop Smart Object wird aktualisiert, wenn Sie zu dem Objekt zurückkehren.

Deaktiviere die Sichtbarkeit für die blaue quadratische Ebene:

Deactivate the visibilityDeactivate the visibilityDeactivate the visibility

Fügen Sie nun das gerade kopierte Abzeichen ein, indem Sie Bearbeiten > Einfügen wählen oder Command-V drücken.

Wählen Sie im Dialogfeld Smart Object und drücken Sie OK.

Paste as Smart ObjectPaste as Smart ObjectPaste as Smart Object

Suchen Sie die oberste Optionsleiste und legen Sie die Abzeichen-Abmessung auf 562 x 562 px und ihre Position auf 440% für die Felder Breite und Höhe fest. Wenn Sie fertig sind, drücken Sie die Enter-Taste auf Ihrer Tastatur:

Top options barTop options barTop options bar

Schritt 3

Doppelklicken Sie im Ebenen-Panel auf die Ebene außerhalb des Ebenennamens oder der Miniaturansicht, um das Bedienfeld Ebenenstil (Layer Style) zu öffnen. Fügen Sie eine neue Verlaufsüberlagerung (Gradient Overlay) hinzu, stellen Sie den Mischmodus (Blend Mode) auf Normal und die Opazität auf 100% und stellen Sie die Farbe der Überlagerung ein, indem Sie auf das kleine Farbsymbol klicken und den Hex-Code #000000 eingeben.

Gradient Overlay panelGradient Overlay panelGradient Overlay panel

Schritt 4

Speichern Sie das Dokument, indem Sie Datei > Speichern (File > Save) oder die Tastenkombination Command-S verwenden.

Gehen Sie zurück zum Hauptdokument und Sie werden feststellen, dass das Smart-Objekt jetzt mit den letzten Änderungen aktualisiert wird. 

Hot Rubber Stamp MockUpHot Rubber Stamp MockUpHot Rubber Stamp MockUp

6. Wie kann man das Abzeichen in den Gummi eingravieren

Es ist Zeit, dem Abzeichen einige signifikante Effekte hinzuzufügen, um ihm ein 3D-Gefühl zu verleihen, das mit der Szene übereinstimmt.

Schritt 1

Doppelklicken Sie im Ebenen-Panel auf die Ebene außerhalb des Ebenennamens oder der Miniaturansicht, um das Bedienfeld Ebenenstil zu öffnen.

Fügen Sie einen abgeschrägten & geprägten Stil hinzu (Add a Bevel & Embossed style). Legen Sie im Abschnitt Struktur den Stil auf Außenfase, Technik auf Glätten, Tiefe auf 100%, Richtung nach oben, Größe 4 px und Erweichen auf 0 px fest.

Stellen Sie im Bereich Schattierung den Winkel auf -153°, die Höhe auf 32°, die Glanzkontur auf linear, den Markierungsmodus auf Bildschirm mit der weißen Farbe #ffffff und die Opazität auf 0% und schließlich den Schattenmodus auf Multiplizieren mit der Farbe #000000 und Opazität bis 50%.

Bevel Embossed style panelBevel Embossed style panelBevel Embossed style panel

Schritt 2

Fügen Sie einen Innenschattenstil hinzu. Legen Sie im Abschnitt Struktur den Mischmodus auf Multiplizieren mit schwarzer Farbe #000000 und Opazität auf 75%, Winkel auf 45°, Abstand 5 px, Choke 0% und Größe 3 px fest.  Stellen Sie schließlich im Abschnitt Qualität die Kontur auf Linear und das Rauschen auf 5% ein.

Inner Shadow style panelInner Shadow style panelInner Shadow style panel

Schritt 3

Fügen Sie einen Inneren Glow-Stil hinzu. Stellen Sie im Abschnitt Struktur den Mischmodus auf Normal, Opazität auf 35%, Rauschen auf 0% und Schwarz #000000 für die Farbe des Glühens ein.

Setzen Sie im Elemente-Abschnitt die Technik auf Weich, Quelle auf Kante, Choke auf 0% und Größe auf 3 px.

Stellen Sie schließlich im Abschnitt Qualität die Kontur auf Linear, den Bereich auf 50% und den Jitter auf 0% ein.

Inner Glow style panelInner Glow style panelInner Glow style panel

Schritt 4

Fügen Sie einen Verlaufsüberlagerungsstil hinzu. Stellen Sie den Mischmodus auf Multiplizieren, Opazität auf 100%, Stil Linear, Winkel 12° und Skala 100% ein.

Gradient Overlay style panelGradient Overlay style panelGradient Overlay style panel

Klicken Sie nun auf das Farbverlaufsrechteck, um die Verlaufsfarben zu bearbeiten.

Setzen Sie die beiden Opazitätsstopps auf 100% und fügen Sie vier Farbstopps hinzu. Stellen Sie die Farbe wie folgt von links nach rechts ein:

  • Erster Farbstopp: Farbe #040203, Standort 1%
  • Zweiter Farbstopp: #26272a, Standort 36%
  • Dritter Farbstopp: #5b5e66, Standort 54%
  • Vierter Farbstopp: #e3e4e9, Standort 100%

Drücken Sie OK, um die Änderungen zu bestätigen:

Gradient editor dialogGradient editor dialogGradient editor dialog

Schritt 5

Fügen Sie einen Musterüberlagerungsstil hinzu. Stellen Sie den Mischmodus auf Normal, Opazität auf 100%, Skala auf 100% und klicken Sie auf das Quadratmuster-Symbol:

Pattern Overlay style panelPattern Overlay style panelPattern Overlay style panel

Ein kleines Fenster erscheint. Klicken Sie auf das kleine Zahnradsymbol, um ein Flyout-Menü zu öffnen, und wählen Sie Graustufenpapier. Klicken Sie auf OK, um die aktuellen Muster durch Graustufenpapier zu ersetzen.

Pattern Overlay style panelPattern Overlay style panelPattern Overlay style panel

Wählen Sie Fiber 1-Muster aus der Liste:

Pattern Overlay style panelPattern Overlay style panelPattern Overlay style panel

Schritt 6

Fügen Sie einen Outer Glow-Stil hinzu. Stellen Sie im Abschnitt Struktur den Mischmodus auf Bildschirm, Opazität auf 8%, Rauschen auf 0% und Weiß #ffffff für die Farbe des Glühens ein.

Setzen Sie im Elemente-Abschnitt die Technik  auf Weich, Breite auf 0% und Größe auf 10 px.

Setzen Sie im Bereich Qualität die Kontur auf Linear, den Bereich auf 100% und den Jitter auf 0%.

Outer Glow style panelOuter Glow style panelOuter Glow style panel

Schritt 7

Fügen Sie einen Schlagschattenstil hinzu. Stellen Sie im Modus Struktur den Mischmodus auf Normal mit der Farbe Schwarz #000000, Opazität bis 75%, Winkel bis -135°, Abstand bis 1 px, Breite bis 0% und Größe bis 1 px.

Setzen Sie im Abschnitt Qualität die Kontur auf Linear und Rauschen auf 3%.

Drop Shadow style panelDrop Shadow style panelDrop Shadow style panel

Alle Stile für das Abzeichen sind fertig. Klicken Sie auf OK, um das Ebenenstil-Bedienfeld zu schließen und die Änderungen zu bestätigen.

Im nächsten Schritt werde ich Ihnen zeigen, wie Sie dem Badge einen intelligenten Filter mit Maske hinzufügen.

Schritt 8

Wählen Sie das Ellipsen-Werkzeug (Ellipse Tool) und klicken Sie irgendwo auf der Leinwand. Geben Sie 1053 x 684 px ein. Suchen Sie das Eigenschaftenfenster und stellen Sie die Position auf 705 px für X und 494 für Y-Achse ein.

Properties panelProperties panelProperties panel

Benennen Sie die Ebene um, indem Sie im Ebenen-Panel auf den Namen der Ebene doppelklicken und sie in "Weichzeichnen" (Blur) ändern.

Klicken Sie mit der rechten Maustaste auf die Ebene "Weichzeichnen" und wählen Sie Ebene rasterisieren.

Wählen Sie Filter > Weichzeichner > Gaußscher Weichzeichner (Filter > Blur > Gaussian Blur), stellen Sie den Radius auf 45 px ein und drücken Sie OK.

Deaktivieren Sie die Ebene "Weichzeichner", indem Sie auf das kleine Augensymbol klicken.

Halten Sie nun die Befehlstaste auf Ihrer Tastatur gedrückt und klicken Sie auf das Ebenenminiaturbild, um eine Auswahl der Ellipse zu treffen.

Layers panelLayers panelLayers panel

Wählen Sie die Ebene "Smart Object", wählen Sie Filter > Weichzeichnen > Gaußscher Weichzeichner und stellen Sie den Radius auf 4 px ein.

Sie werden feststellen, dass sich in der Nähe des Smart-Filters, das Sie gerade hinzugefügt haben, ein kleines Miniaturbild befindet. Wählen Sie das Vorschaubild, indem Sie darauf klicken:

Smart filters thumbnailSmart filters thumbnailSmart filters thumbnail

Suchen Sie das Eigenschaftenfenster (Properties panel) (Fenster > Eigenschaften (Window > Properties)) und klicken Sie auf Umkehren (Invert).

7. Wie kann man dem Abzeichen einige Lichtflecke-Effekte hinzufügen 

Schritt 1

Wählen Sie im Ebenen-Panel die Ebene "Smart-Objekt" aus und wählen Sie Ebene > Neu > Ebene über Kopie (Layer > New > Layer Via Copy), um die Ebene zu duplizieren.

Benennen Sie die Ebene um, indem Sie im Ebenen-Panel auf den Namen der Ebene doppelklicken und sie in "Lichtflecke" ändern.

Klicken Sie mit der rechten Maustaste auf den Layer "Lichtflecke" und wählen Sie im Flyout-Menü den Befehl Ebenenstil löschen.

Layers panelLayers panelLayers panel

Schritt 2

Fügen Sie einen abgeschrägten & geprägten Stil hinzu. Legen Sie im Abschnitt Struktur den Stil auf Innenfase, Technik auf Glätten, Tiefe bis 100%, Richtung oben, Größe 5 px und Weich auf 0 px fest.

Stellen Sie im Bereich Schattierung den Winkel auf 20°, Höhe auf 70°, Glanzkontur auf Linear, Markierungsmodus auf Überlagerung mit weißer Farbe #ffffff und Opazität auf 75% und schließlich Schattenmodus auf Multiplizieren mit schwarzer Farbe #000000 und Opazität zu 0%.

Bevel Embossed style panelBevel Embossed style panelBevel Embossed style panel

Schritt 3

Fügen Sie einen Innenschattenstil hinzu. Stellen Sie im Abschnitt Struktur den Mischmodus auf Multiplizieren mit schwarzer Farbe #000000 und Deckfähigkeit auf 95%, Winkel auf 90°, Abstand 4 px, Choke 0% und Größe 2 px ein.

Stellen Sie schließlich im Abschnitt Qualität die Kontur auf Linear und das Rauschen auf 5% ein.

Inner Shadow style panelInner Shadow style panelInner Shadow style panel

Schritt 4

Fügen Sie einen Schlagschattenstil hinzu. Stellen Sie im Abschnitt Struktur den Mischmodus auf Überlagerung mit der Farbe Schwarz #000000, Opazität bis 75%, Winkel bis 45°, Abstand bis 3 px, Breite bis 0% und Größe bis 4 px ein.

Stellen Sie im Abschnitt Qualität die Kontur auf Linear und Rauschen auf 7% ein.

Drop Shadow style panelDrop Shadow style panelDrop Shadow style panel

8. Wie kann man dem Abzeichen ein glänzendes Finish hinzufügen 

Schritt 1

Erstellen Sie eine neue Ebene über der Ebene "Lichtflecke", indem Sie Ebene > Neu > Ebene (Layer > New > Layer, type) wählen, den Namen "Verlauf" eingeben und OK drücken.

Layers panelLayers panelLayers panel

Wählen Sie das Farbeimer-Werkzeug (Paint Bucket Tool) und drücken Sie D auf Ihrer Tastatur, um die Vordergrundfarbe auf Schwarz zu setzen.

Paint Bucket ToolPaint Bucket ToolPaint Bucket Tool

Klicken Sie irgendwo auf die Leinwand, um die Ebene mit schwarzer Farbe zu füllen. Setzen Sie im Ebenen-Panel die Füllung auf 0%.

Layers panelLayers panelLayers panel

Schritt 2

Doppelklicken Sie im Ebenen-Panel auf die Ebene außerhalb des Ebenennamens oder der Miniaturansicht, um das Ebenenstil-Bedienfeld zu öffnen.

Fügen Sie einen Verlaufsüberlagerungsstil hinzu. Stellen Sie den Mischmodus auf Normal, Opazität auf 100%, Stil Linear, Winkel 25° und Skala 80%.

Gradient Overlay style panelGradient Overlay style panelGradient Overlay style panel

Klicken Sie nun auf das Farbverlaufsrechteck, um die Verlaufsfarben zu bearbeiten.

Setzen Sie die beiden Opazitätsstopps auf 100% und fügen Sie zwei Farbstopps hinzu. Stellen Sie die Farbe wie folgt von links nach rechts ein:

  • Erster Farbstopp: Farbe #000000, Standort 50%
  • Zweiter Farbstopp: #ffffff, Standort 64%

Drücken Sie OK, um die Änderungen zu bestätigen:

Gradient editor dialogGradient editor dialogGradient editor dialog

Schritt 3

Bewegen Sie den Cursor im Ebenen-Panel auf die Ebene "Verlauf", klicken Sie mit der rechten Maustaste darauf und wählen Sie im Flyout-Menü die Option In Smart-Objekt konvertieren.

Klicken Sie erneut mit der rechten Maustaste, und wählen Sie Schnittmaske erstellen (Create Clipping Mask), um das Abzeichen anzuzeigen und den Effekt anzuwenden.

Wählen Sie im oberen Menü Filter > Filtergalerie. Das Dialogfeld Filtergalerie wird angezeigt.

Klicken Sie auf Kategorie-Ordner Verdrehen.

Der Ordner wird erweitert und zeigt die Filter in dieser Kategorie an. Ein Miniaturbild, das den Filtereffekt veranschaulicht, wird von jedem Filter begleitet. Wählen Sie Glas und stellen Sie die Verzerrung auf 4, die Glätte auf 1, die Textur auf Matt und die Skalierung auf 112% ein.

Drücken Sie abschließend auf OK, um den Effekt zu bestätigen und anzuwenden.

Filter Gallery dialog boxFilter Gallery dialog boxFilter Gallery dialog box

9. Wie kann man der Szene eine allgemeine Lichtquelle hinzufügen 

Wählen Sie im Ebenen-Panel die Ebene "Gummitextur" und doppelklicken Sie dann auf die Ebene außerhalb des Ebenennamens oder der Miniaturansicht, um das Ebenenstil-Bedienfeld zu öffnen.

Fügen Sie einen Verlaufsüberlagerungsstil hinzu. Stellen Sie den Mischmodus auf Überlagerung, Opazität auf 60%, Stil Linear, Winkel 40° und Skala 100% ein.

Gradient Overlay style panelGradient Overlay style panelGradient Overlay style panel

Klicken Sie nun auf das Farbverlaufsrechteck, um die Verlaufsfarben zu bearbeiten.

Setzen Sie die beiden Opazitätsstopps auf 100% und fügen Sie zwei Farbstopps hinzu. 

  • Erster Farbstopp: Farbe #000000, Standort 1%
  • Zweiter Farbstopp: #ffffff, Standort 100%

Drücken Sie OK, um die Änderungen zu bestätigen:

Gradient editor dialogGradient editor dialogGradient editor dialog

Herzlichen Glückwunsch, Sie sind fertig!

In diesem Tutorial haben Sie gelernt, wie Sie mit Adobe Photoshop ein realistisches Heiß-Stempel-Modell erstellen können!

Ich hoffe, Sie haben mein Tutorial genossen und etwas Neues gelernt. Bitte hinterlassen Sie Ihre Kommentare, Vorschläge und Ergebnisse unten.

Viel Spaß beim Fotoshopping!

Hot Rubber Stamp MockUpHot Rubber Stamp MockUpHot Rubber Stamp MockUp
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.