Tutorials

Photoshop Tutorial: Eigenes Design auf eine Dose anwenden (Mockup-Erstellung)

Melden

Hier ist ein detailliertes Schritt-für-Schritt-Tutorial, wie du in Photoshop ein Design realistisch auf eine Dose (Dosen-Mockup) anwendest.

In diesem Tutorial lernst du, wie du ein flaches Design so auf eine zylindrische Dose projizierst, dass es inklusive Licht und Schatten absolut realistisch aussieht.

Schritt 1: Vorbereitung der Arbeitsfläche

  1. Öffne das Foto deiner Dose in Photoshop.
  2. Öffne dein Design (Logo oder Etikett), das auf die Dose soll, in einem separaten Tab oder ziehe es direkt in das Dokument.

Schritt 2: Einen Platzhalter (Smartobjekt) erstellen

Bevor wir das Design anpassen, erstellen wir ein Smartobjekt. Das ist der wichtigste Schritt, damit du das Design später jederzeit mit einem Klick austauschen kannst.

  1. Wähle das Rechteck-Werkzeug (U).
  2. Ziehe ein Rechteck in der ungefähren Größe des Etiketts über die Dose.
  3. Mache einen Rechtsklick auf die Ebene des Rechtecks im Ebenen-Bedienfeld und wähle „In Smartobjekt konvertieren“.
  4. Reduziere die Deckkraft der Ebene vorübergehend auf ca. 50 %, damit du die Dose darunter sehen kannst.

Schritt 3: Die Form anpassen (Transformieren)

Nun passen wir das flache Rechteck an die Rundung der Dose an.

  1. Drücke Strg + T (Windows) oder Cmd + T (Mac) zum Transformieren.
  2. Mache einen Rechtsklick auf das Rechteck und wähle Verkrümmen (Warp).
  3. Wähle oben in der Optionsleiste unter „Verkrümmen“ den Stil Zylinder aus (bei neueren Photoshop-Versionen).
  4. Passe die Eckpunkte und die Wölbung so an, dass das Rechteck die sichtbare Fläche der Dose genau abdeckt.
  5. Bestätige mit der Enter-Taste.

Schritt 4: Das eigentliche Design einfügen

  1. Mache einen Doppelklick auf das Vorschaubild der Smartobjekt-Ebene. Es öffnet sich ein neues Fenster (.psb).
  2. Füge hier dein fertiges Design ein. Skaliere es so, dass es das Format ausfüllt.
  3. Speichere die Datei (Strg + S) und schließe den Tab. Dein Design erscheint nun perfekt gewölbt auf der Dose.

Schritt 5: Realistische Licht- und Schatteneffekte

Damit das Design nicht wie „aufgeklebt“ wirkt, müssen wir die Lichter der Originaldose durchscheinen lassen.

  1. Ändere die Füllmethode der Design-Ebene von „Normal“ auf Multiplizieren (wenn das Design dunkel ist) oder Ineinanderkopieren / Weiches Licht (je nach gewünschtem Look).
  2. Der Profi-Trick (Fülloptionen):
    • Mache einen Doppelklick auf die leere Fläche neben dem Ebenennamen, um die Ebenenstile zu öffnen.
    • Gehe unten zu den Reglern bei „Mischen, wenn“.
    • Halte die Alt-Taste gedrückt und klicke auf den rechten Regler von „Darunterliegende Ebene“, um ihn zu teilen.
    • Ziehe den halben Regler nach links. Dadurch werden die hellsten Stellen (Glanzlichter) der Originaldose durch dein Design hindurch sichtbar.

Schritt 6: Displacement Map (Optional für maximale Realität)

Wenn die Dose Dellen oder eine starke Textur hat, kannst du eine „Verschiebungsmatrix“ nutzen:

  1. Speichere das Originalfoto der Dose als separate Schwarz-Weiß-PSD-Datei ab (starker Kontrast).
  2. Gehe bei deiner Design-Ebene auf Filter > Verzerrungsfilter > Versetzen.
  3. Wähle die zuvor gespeicherte Schwarz-Weiß-Datei aus. Photoshop verzerrt das Etikett nun exakt entlang der Unebenheiten der Dose.

Schritt 7: Finale Anpassungen

  1. Setze die Deckkraft wieder auf 100 %, falls du sie vorher gesenkt hast.
  2. Erstelle ggf. eine Ebenenmaske, um überstehende Kanten des Designs mit einem schwarzen Pinsel weich wegzuretuschieren.

Fertig! Du hast nun ein professionelles Mockup erstellt. Wenn du das Design ändern möchtest, musst du nur das Smartobjekt erneut öffnen, ein neues Bild einfügen und speichern.

0