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

So erstellen Sie einen Photoshop Peeling-Sticker-Texteffekt

by
Difficulty:BeginnerLength:ShortLanguages:

German (Deutsch) translation by Ines Willenbrock (you can also view the original English article)

Final product image
What You'll Be Creating

In diesem Tutorial mit einem kurzen Tipp erfahren Sie, wie Sie ein Peeling-Sticker-Effekt-Mockup erstellen, indem Sie einfache Schritte verwenden, um Texte mit Adobe Photoshop in einen realistischen Stickereffekt umzuwandeln. Der Effekt verwendet Smart Objects, Transformieren, Ebenen-Stile und Mischoptionen.

Fangen wir an!

Was Sie in diesem Peeling-Sticker-Texteffekt Tutorial lernen werden

  • wie man Text in ein Mockup umwandelt
  • wie man eine Textur anwendet und einen Aufkleber-Falten-Effekt erzeugt
  • wie man ein Highlight hinzufügt und einen glänzenden Stickereffekt erstellt
  • wie man realistische Schatten anwendet

Tutorial-Assets

Um das Tutorial abzuschließen, müssen Sie ein beliebiges Stockbild einer Kartontextur von Envato Elements herunterladen:

1. So richten Sie Ihre Datei und Ihr Hintergrundbild ein

Schritt 1

Starten Sie Photoshop, drücken Sie Befehlstaste-N oder Steuerung-N, um ein neues Dokument zu erstellen, und wenden Sie die folgenden Einstellungen an:

  • Benennen Sie die Datei 'Text_Sticker_Peeling_Effect'
  • Breite: 21 cm
  • Höhe: 14 cm
  • Auflösung: 300 dpi
  • Farbmodus: RGB-Farbe
Set Up New Document width height resolution Adobe Photoshop

Schritt 2

Öffnen Sie das Ebenen-Bedienfeld (Fenster > Ebenen).

Öffnen Sie dann (Datei > Öffnen) die ausgewählte Kartontextur, die Sie als Hintergrund verwenden möchten. Wählen Sie die Texturschicht aus Pappe aus, bei der es sich in der Regel um die "Hintergrund"-Ebene im Ebenen-Bedienfeld handelt.

Ziehen Sie die Ebene "Hintergrund" in die Zeichenbrettdatei "Text_Sticker_Peeling_Effect". Positionieren Sie es auf der Zeichenfläche, um es richtig anzupassen.

Drag Drop Cardboard Texture file onto Artboard

2. Wie man Text in einen Aufkleber Text Mockup transformiert

Schritt 1

Wir werden mit den Aufkleber starten, indem wir zuerst ein Photoshop Peeling-Aufkleber-Text-Mockup erstellen.

Wählen Sie das horizontale Schriftwerkzeug (T) im Menü Extras aus.

Ich verwende die Schriftart 'Alfa Slab One' (Regular).

Legen Sie im oberen Arbeitsbereichsmenü fest:

  • Schriftgröße: 94 pt
  • Center Text-Ausrichtung
  • Farbfüllung: Schwarz
  • Geben Sie unseren Aufklebertext "BANANA" oder den Text Ihrer Wahl ein.
Use horizontal Type Tool Set font size alignment color fill

Schritt 2

Als Nächstes müssen wir eine Kontur am Rand des Textaufklebers hinzufügen, der in Sticker-Designs üblich ist.

Um dem Text eine Kontur zu geben, klicken Sie auf das Menü rechts im Ebenen-Bbedienfeld, und wählen Sie Mischoptionen...

Wählen Sie Ebene > Ebenenstil > Kontur, und legen Sie die Kontur wie folgt fest:

  • Größe: 62 px
  • Position: Außen
  • Fülltyp: Farbe
  • Farbfüllung: #ff512 Gelb
Blending Options in Layers Style set Stroke size positions and fill type

Schritt 3

Benennen Sie 'Layer 1' in 'BANANA' um.

Als Nächstes werden wir unseren Text in ein Smart Object konvertieren.

Klicken Sie mit der rechten Maustaste auf die Ebene "BANANA" und wählen Sie Konvertieren in Smart Object aus.

convert text into smart object on Photoshop Sticker Effect

Schritt 4

Nun, drehen wir den Textaufkleber leicht, so dass er ein wenig verschoben und nicht so starr aussieht.

Transformieren (Befehlstaste-T) und Drehen Sie den Zeichnungs-Begrenzungsrahmen um etwa -4° (gegen den Uhrzeigersinn).

Transform text sticker and rotate counter clockwise

3. Wie man eine Textur anwendet und einen Peeling-Effekt erzeugt

Schritt 1

Nun, da der Text festgelegt ist, lernen wir, wie man einen Aufkleber-Peeling-Effekt macht.

Wenden wir zunächst einige Textureffekte auf den Textaufkleber an.

Gehen Sie zu Mischoptionen... aus dem Menü Ebenen. Geben Sie der Layer 'BANANA' einen Pattern Overlay-Effekt mit den folgenden Spezifikationen:

  • Mischmodus: Multiplizieren
  • Opazität: 42%
  • Muster: Kraftraster
  • Maßstab: 75%
  • Mit Ebene verbinden aktivieren
  • Okay
blending modes apply a pattern overlay on text sticker multiply kraft waffle scale

Schritt 2

Klicken Sie mit der rechten Maustaste auf die "BANANA" Ebene im Ebenen-Bedienfeld, und wählen Sie Layer-Stil rastern aus.

Als nächstes erfahren wir, wie wir in Photoshop einen Peeling-Aufkleber-Effekt erstellen. Greifen Sie sich das Polygon-Lasso-Werkzeug (L) aus dem Menü Extras und markieren Sie einen dreieckigen Abschnitt unten rechts auf dem Textaufkleber.

Wir werden die Auswahl schneiden und umdrehen, um eine Falte zu erstellen. Klicken Sie mit der rechten Maustaste auf die Auswahl und wählen Sie Ebene durch Ausschneiden aus.

Rasterze Layer Style and use Polygonal Lasso tool to cut sticker fol using layer via cut

Schritt 3

Sobald die Auswahl geschnitten wurde, wird im Ebenen-Bedienfeld eine neue Ebene mit der Auswahl erstellt.

Wählen Sie die neuen Ebene 'Layer 1' aus, und benennen Sie sie in FOLD um.

Dann Transformieren (Befehlstaste-T).

Bearbeiten > Transformieren > Horizontal spiegeln, um die Auswahl um 180° zu spiegeln.

Schnappen Sie sich den Begrenzungsrahmen und drehen Sie die Auswahl um, so dass es aussieht, als ob sie umgeklappt ist.

Transform and flip horizontal selection to create sticker fold

Schritt 4

Klicken Sie nun mit der rechten Maustaste auf die Ebene "FOLD", und wählen Sie Mischoptionen...

Geben Sie der Ebene ein Farb-Overlay, so dass es wie eine einfache Rückfalte aussieht.

  • Mischmodus: Normal
  • Füllung: Weiß
  • Deckkraft: 100%
  • Okay

Jetzt haben wir also einen sehr einfachen Photoshop Peeling Sticker Effekt. Lassen Sie uns es realistischer aussehen lassen.

create sticker fold use blending option color overlay Photoshop

4. Wie man Highlights und einen Glanzeffekt auf den Textaufkleber aufwendet

Schritt 1

Wir müssen einige Effekte auf den Textaufkleber anwenden, damit wir einen realistischen Peeling-Aufkleber-Effekt erzielen können.

Zuerst geben wir dem 'FOLD' einen Satin-Effekt-Ebenen-Stil.

Klicken Sie mit der rechten Maustaste auf die Layer "FOLD", und wählen Sie Mischoptionen...

Wählen Sie Satin im Ebenen-Stil-Bedienfeld.

Wenden Sie die folgenden Satin-Einstellungen an:

  • Mischmodus: Multiplizieren
  • Füllung: Schwarz
  • Deckkraft: 50%
  • Winkel: 47°
  • Versatz: 117 px
  • Größe: 142 px
  • Deckkraft variieren: Linear
  • Okay
Apply satin layer effect from layer blending option to create relistic sticker effect photoshop

Schritt 2

Als nächstes fügen wir dem Aufkleber einen Glanzeffekt hinzu, damit er glänzend erscheint.

Klicken Sie mit der rechten Maustaste auf die Layer "BANANA", und wählen Sie  Mischoptionen...

Wählen Sie die Verlaufsüberlagerung im Ebenen-Stil-Bedienfeld. Wenden Sie die folgenden Verlaufsüberlagerung-Einstellungen an:

  • Mischmodus: Bildschirm
  • Deckkraft: 40%
  • Verlauf: Linear (Wie im Bild gezeigt: schwarz-grau-schwarz-schwarz-schwarz)
  • Winkel: 120°
  • Versatz: 117 px
  • Größe des Verlaufs: 67%
apply gradient overlay blending options for banana layer set distance scale and blend mode

Schritt 3

Überprüfen Sie nun den Stil Musterüberlagerung, und wenden Sie die folgenden Spezifikationen an:

  • Mischmodus: Multiplizieren
  • Deckkraft: 20%
  • Muster: Kraftraster
  • Mustergröße: 49%
  • Mit Ebene verbinden aktivieren
apply blending mode pattern overlay effect set to multiply and add pattern kraft waffle

5. Wie man realistische Schatten auf den Sticker Text-Effekt anwendet

Lassen Sie uns dem Textaufkleber eine realistische Schattierung hinzufügen, um ihm einen Lifteffekt zu verleihen.

Wählen Sie noch im Ebenen-Stil-Bedienfeld Schlagschatten aus, und wenden Sie die folgenden Spezifikationen an:

  • Mischmodus: Multiplizieren
  • Füllung: Schwarz
  • Winkel: 90°
  • Versatz: 3px
  • Überfüllen: 27%
  • Größe: 9 px
  • Kontur: Linear
  • Okay
apply drop shadow in layer style panel and apply multiply blend mode fill angle distance and spread

Wählen Sie die Ebene "FOLD" aus dem Ebenen-Bedienfeld aus, und klicken Sie mit der rechten Maustaste, um die Mischoptionen... auszuwählen.

Wählen Sie Schlagschatten aus, und wenden Sie an:

  • Mischmodus: Multiplizieren
  • Deckkraft: 31%
  • Füllung: Schwarz
  • Winkel: 90°
  • Versatz: 8 px
  • Überfüllen: 0%
  • Größe: 24px
  • Kontur: Linear
  • Okay
apply drop shadow on fold layer set multiply blend mode and shadow settings

6. Wie man einen realistischen Aufkleber Peeling-Effekt erstellt

Schritt 1

Für die letzten Schritte fügen wir dem Aufkleber- und Aufkleberfalten manuell Schatteneffekte hinzu, indem wir einen weichen Pinsel aus dem Pinsel-Bedienfeld verwenden (Fenster > Pinsel)

Schnappen Sie sich den Zauberstab (W), und klicken Sie es auf die Artboard der 'FOLD' Schicht. Wählen Sie Auswählen > Umkehren, um das Innere der dreieckigen Falte auszuwählen.

Erstellen Sie im Ebenen-Bedienfeld eine neue Ebene oberhalb der Ebene "FOLD", und benennen Sie sie in "Fold Shade" um.

Wenden Sie einen Multiplizieren-Mischmodus aus dem Ebenen-Bedienfeld an.

Use Magic wand to make fold selection and change layer blend mode

Schritt 2

Öffnen Sie das Pinsel-Bedienfeld: Fenster > Pinsel.

Schnappen Sie sich das Pinselwerkzeug (B), und wählen Sie einen runden weichen Pinsel von etwa 80 px, in der Regel im Standard-Pinsel-Set zu finden.

Wählen Sie eine graue Farbe als Füllung von #8d8d8d und pinseln Sie leicht um die Ränder der Falte, um die Kanten zu verdunkeln.

use soft brush tool to apply shadow to edges to fold

Schritt 3

Nun fügen wir einen Schatten unter der Aufkleberfalte hinzu.

Erstellen Sie im Ebenen-Bedienfeld und unter der Ebene "FOLD" eine neue Ebene. Benennen Sie die neuen Ebene 'Inner Drop Shadow'.

Legen Sie den Ebenen-Mischmodus auf Multiplizieren fest.

Create New Layer in Layer Panel and blend mode to Multiply

Schritt 4

Wählen Sie Auswahl > Invertieren, um die dreieckige Falte auszuwählen.

Wählen Sie einen 80 px weichen Pinsel aus dem Pinsel-Bedienfeld aus.

Wählen Sie eine Füllung von #c7c5c1 aus, und fügen Sie wie gezeigt einen Schatten unter der Falte hinzu.

Apply 80px soft brush color fill to shade under sticker fold

Schritt 5

Gehen Sie für den letzten Schritt zum Ebenen-Bedienfeld.

Erstellen Sie neue Ebene unter der Ebene 'BANANA', und nennen Sie sie 'Cardboard Shading'. Legen Sie den Ebenen-Mischmodus auf Multiplizieren fest.

Wählen Sie im Pinsel-Bedienfeld einen 100 px weichen Pinsel mit einer Farbfüllung von #e4d1c1 aus. Tragen Sie einen Schatten am unteren Rand des Textaufklebers auf, sodass er leicht angehoben aussieht.

create new layer add shadow under text sticker

Jetzt ist das ein "A-Peeling" Sticker Effekt!

Ich hoffe, Sie genossen diese schnelle Mockup-Tutorial, wie man ein Peeling-Aufkleber-Effekt mit Adobe Photoshop erstellt.

Wir lernten die einfachen Schritte des Entwerfens des Aufklebertextes und der Umwandlung in einen glänzenden und realistischen Aufkleberpeeling-Effekt.

Bitte zögern Sie nicht, Kommentare, Vorschläge zu hinterlassen und IHRE Textaufkleber unten zu TEILEN.

Viel Spaß!

Nun, da Sie gelernt haben, wie man einen Aufkleber Peeling in Photoshop zu machen, warum versuchen Sie nicht einige weitere Photoshop Texteffekt-Tutorials? Testen Sie diese genialen Tutorials:

Advertisement
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.