Tutorials

Tassen-Mockup in Photoshop erstellen: Der ultimative Guide mit Profi-Tipps & Tricks

Melden

Ein professionelles Tassen-Mockup ist das perfekte Werkzeug, um Logos, Illustrationen oder Schriftzüge fotorealistisch zu präsentieren – ganz ohne teure Druckkosten. In diesem Tutorial erfährst du Schritt für Schritt, wie du ein anpassbares Mockup erstellst, und lernst die besten Photoshop-Tricks kennen, um das Ergebnis absolut realistisch wirken zu lassen.

Was du benötigst:

  1. Ein hochauflösendes Foto einer neutralen Tasse (am besten einfarbig weiß).
  2. Dein Design/Logo (als PNG mit transparentem Hintergrund oder Vektorgrafik).

Schritt-für-Schritt-Anleitung

Schritt 1: Das Dokument vorbereiten

  1. Öffne das Foto deiner Tasse in Photoshop.
  2. Dupliziere die Hintergrundebene mit Strg + J (Windows) bzw. Cmd + J (Mac), um das Original zu schützen.

Schritt 2: Das Smartobjekt anlegen (Das Herzstück des Mockups)

Damit du das Design später mit einem Klick austauschen kannst, arbeiten wir mit Smartobjekten.

  1. Wähle das Rechteck-Werkzeug (U) und ziehe ein Rechteck in etwa der Größe auf, die dein Design auf der Tasse einnehmen soll.
  2. Mache einen Rechtsklick auf die Formebene im Ebenen-Bedienfeld und wähle „In Smartobjekt konvertieren“.
  3. Reduziere die Deckkraft der Ebene temporär auf ca. 60 %, damit du die Tasse darunter sehen kannst.

Schritt 3: Die Form an die Tassenkrümmung anpassen

Da eine Tasse zylindrisch ist, muss sich das Design der Wölbung anpassen.

  1. Drücke Strg + T (Cmd + T) für Freies Transformieren.
  2. Klicke mit der rechten Maustaste in den Rahmen und wähle „Verkrümmen“ (Warp).
  3. In der oberen Optionsleiste kannst du unter „Verkrümmen“ die Voreinstellung „Zylinder“ wählen oder das Gitter manuell anpassen:
    • Biege die obere und untere Kante parallel zum Tassenrand.
    • Ziehe die Ecken so, dass sie der Perspektive der Tasse folgen.
  4. Bestätige mit der Enter-Taste und setze die Deckkraft wieder auf 100 %.

Photoshop Tips & Tricks für maximalen Realismus

Ein einfaches Aufkleben des Bildes sieht oft flach und künstlich aus. Mit diesen Tricks verschmilzt das Design perfekt mit dem Foto.

Trick 1: Der "Unterliegende Ebene"-Trick (Blend If)

Damit die natürlichen Glanzlichter der Keramik durch dein Design scheinen:

  1. Mache einen Doppelklick rechts neben den Namen deiner Smartobjekt-Ebene, um die Ebenenstufen (Blending Options) zu öffnen.
  2. Ganz unten findest du den Bereich „Ausblenden wenn“ (Blend If).
  3. Halte die Alt-Taste gedrückt und ziehe den rechten (weißen) Regler bei „Unterliegende Ebene“ nach links auseinander.
  4. Durch das Teilen des Reglers entsteht ein weicher Übergang, und die Glanzpunkte der Tasse treten realistisch durch dein Design hervor.

Trick 2: Füllmethode anpassen

  • Ändere die Füllmethode deines Smartobjekts von Normal auf Multiplizieren (wenn die Tasse weiß/hell ist) oder Ineinanderkopieren / Weiches Licht (für bunte Tassen). Dadurch übernimmt das Design die Schatten der Tasse.

Trick 3: Die Kunst der Tiefenschärfe (Kamera-Fokus simulieren)

Digitale Grafiken sind oft zu scharf für echte Fotos.

  1. Wähle dein Smartobjekt aus.
  2. Gehe auf Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner.
  3. Wähle einen sehr kleinen Radius (zwischen 0,3 und 0,8 Pixeln).
  4. Da es sich um ein Smartobjekt handelt, wird dies als Smartfilter angewendet und bleibt jederzeit veränderbar. Das Design wirkt sofort organisch im Bild eingebettet.

Trick 4: Die Oberflächentextur übernehmen (Versetzen-Filter)

Für Tassen mit Textur (z. B. Emaille, unebene Keramik):

  1. Schalte dein Smartobjekt kurz unsichtbar.
  2. Gehe auf das Tassenbild, wähle Bild > Korrekturen > Entsättigen und speichere dieses Dokument als separate .psd-Datei ab (z. B. Displacement-Map.psd).
  3. Mache den Schritt rückgängig (Strg + Z), damit dein Bild wieder bunt ist, und blende das Smartobjekt wieder ein.
  4. Klicke auf das Smartobjekt und gehe zu Filter > Verzerrungsfilter > Versetzen.
  5. Wähle eine Skalierung von ca. 2 bis 4 Pixeln (horizontal und vertikal) und bestätige mit OK.
  6. Wähle nun die zuvor gespeicherte Displacement-Map.psd aus. Photoshop verzieht das Design nun mikroskopisch genau entlang der Struktur und Kanten der Tasse.

So nutzt du dein Mockup in Zukunft:

  1. Mache einen Doppelklick auf das Vorschaubild deines Smartobjekts. Es öffnet sich in einem neuen Reiter (.psb).
  2. Blende das alte Design aus oder lösche es und füge dein neues Design ein.
  3. Drücke Strg + S (Cmd + S) zum Speichern.
  4. Schließe den Reiter – in deinem Hauptdokument ist das Mockup sofort mit dem neuen Motiv, perfekt gewölbt und mit allen Lichteffekten, aktualisiert!
0