{"id":27575,"date":"2020-07-10T09:30:43","date_gmt":"2020-07-10T07:30:43","guid":{"rendered":"https:\/\/de.onlineprinters.ch\/magazin\/?p=27575"},"modified":"2025-04-29T08:34:39","modified_gmt":"2025-04-29T06:34:39","slug":"mock-up-erstellen-mit-photoshop","status":"publish","type":"post","link":"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/","title":{"rendered":"Mit Photoshop ein Mock-up erstellen \u2013 Pro-Tutorial"},"content":{"rendered":"<p>Zeitdruck ist wohl f\u00fcr die meisten kreativen K\u00f6pfe einer der gr\u00f6\u00dften Feinde. Nicht umsonst hei\u00dft es: \u201eGut Ding will Weile haben\u201c. Die Ausarbeitung einer Idee verschlingt dabei in der Regel mehr Zeit als die technische Umsetzung. Daher kann es gerade beim Austausch mit dem Kunden sehr wichtig sein, die Idee des Gestalters fr\u00fch zu visualisieren, um bei der weiteren Konzeption auf einer Welle zu schwimmen. Ein Mock-up zu erstellen, kann hier eine gro\u00dfe St\u00fctze im kreativen Prozess sein, da das Ergebnis visualisiert wird und somit vor allem die gew\u00fcnschte Wirkung simuliert.<!--more--><\/p>\n<p>Wenn beispielsweise ein italienisches Restaurant eine neue Speisekarte mit einem Landschaftsbild aus der Toskana im Hintergrund favorisiert, dann mag das zun\u00e4chst nach einer interessanten Idee klingen. Das Mock-up zeigt dann allerdings, dass diese Idee nicht funktioniert und die Karte eher wie ein Reisef\u00fchrer wirkt.<br \/>\n<a name=\"videotutorial\"><\/a><\/p>\n<h2>Videotutorial: Mock-up erstellen<\/h2>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/5ZE45dw7od8\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong>Inhaltsverzeichnis<\/strong><\/p>\n<ul>\n<li><a href=\"#videotutorial\">Videotutorial: Mock-up erstellen<\/a><\/li>\n<li><a href=\"#mock-up-finden\">So finden Sie die perfekte Mock-up-Vorlage<\/a><\/li>\n<li><a href=\"#beispiel\">Beispielprojekt: Postkarte im Homeoffice-Look<\/a><br \/>\n\u2013 <a href=\"#bildfl\u00e4che-definieren\">Bildfl\u00e4che definieren<\/a><br \/>\n\u2013 <a href=\"#perspektive-definieren\">Perspektive definieren<\/a><br \/>\n\u2013 <a href=\"#bildbereich-freistellen\">Bildbereich freistellen<\/a><br \/>\n\u2013 <a href=\"#struktur-anpassen\">Struktur und Helligkeit anpassen<\/a><br \/>\n\u2013 <a href=\"#motiv-einf\u00fcgen\">Motiv einf\u00fcgen und Farbkorrektur<\/a><\/li>\n<\/ul>\n<p><a name=\"mock-up-finden\"><\/a><\/p>\n<h2>So finden Sie die perfekte Mock-up-Vorlage<\/h2>\n<p>Mock-up-Vorlagen finden sich im Internet wie Sand am Meer. Es gibt kostenlose und kostenpflichtige Varianten. Der Vorteil ist, dass diese bereits fertiggestellt und sofort verwendet werden k\u00f6nnen. Sie m\u00fcssen lediglich Ihr Motiv in ein vorbereitetes Smartobjekt in Photoshop einf\u00fcgen. Allerdings kann die Suche nach einem passenden Mock-up lange dauern. Daher ist es oft leichter, ein eigenes Mock-up anzulegen. Hier stecken Sie einmalig etwas Arbeit hinein und k\u00f6nnen das Mock-up dann immer wieder verwenden, in dem Sie das Motiv mit nur wenigen Klicks austauschen. Als Mock-up eignet sich dabei jedes Bild, auf dem Ihr Endprodukt wie beispielsweise eine Postkarte, Smartphone oder Poster sichtbar ist und dabei im Idealfall eine freie Fl\u00e4che wie im kommenden Beispiel aufweist.<br \/>\n<a name=\"beispiel\"><\/a><\/p>\n<h2>Beispielprojekt: Postkarte im Homeoffice-Look<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-27590 size-large aligncenter\" src=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_2.jpg\" alt=\"Mock-up-erstellen_Bild_2\" width=\"696\" height=\"378\" srcset=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_2.jpg 300w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_2.jpg 1024w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_2.jpg 768w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_2.jpg 696w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_2.jpg 1068w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_2.jpg 774w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_2.jpg 1280w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<p>In diesem Beispiel soll die Illustration eines Homeoffice auf einer Postkarte als Mock-up erstellt werden. Wenn Sie nun einfach die fertige Illustration \u00fcber das Bild legen, dann hat das noch nicht viel mit einem Mock-up zu tun, denn das Ziel ist schlie\u00dflich eine realistische Darstellung. Dazu muss das Mock-up drei Merkmale des Originalbildes beinhalten. Zum einen ist das die <strong>Struktur<\/strong>, was in diesem Fall das Papier ist, dann die <strong>Perspektive der Fl\u00e4che<\/strong>, auf der das Bild platziert werden soll, und nat\u00fcrlich mit am wichtigsten: die <strong>Helligkeitswerte aus Licht und Schatten<\/strong>.<\/p>\n<p><a name=\"bildfl\u00e4che-definieren\"><\/a><\/p>\n<h3>Schritt 1: Bildfl\u00e4che definieren<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27591 size-large\" src=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_3.jpg\" alt=\"Mock-up-erstellen_Bild_3\" width=\"696\" height=\"378\" srcset=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_3.jpg 300w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_3.jpg 1024w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_3.jpg 768w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_3.jpg 696w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_3.jpg 1068w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_3.jpg 774w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_3.jpg 1280w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<p>Erstellen Sie zun\u00e4chst ein neues Rechteck ungef\u00e4hr in der Gr\u00f6\u00dfe der Mock-up-Fl\u00e4che und dr\u00fccken Sie anschlie\u00dfend die Tastenkombination <span class=\"guideline\">Strg+T<\/span>. Passen Sie das Rechteck nun grob an die Mock-up-Fl\u00e4che an, indem Sie sie drehen und die Fl\u00e4che entsprechend platzieren. Das Ergebnis muss nicht perfekt werden. Achten Sie lediglich darauf, dass Ihr Rechteck den gesamten Bereich der Mock-up-Fl\u00e4che bedeckt. Zu einer besseren Platzierung k\u00f6nnen Sie zudem die Deckkraft verringern. Bevor Sie die Transformation mit der <span class=\"guideline\">Enter<\/span>-Taste best\u00e4tigen, drehen Sie das Rechteck wieder auf den urspr\u00fcnglichen Wert von 0 Grad. Verwenden Sie dazu das Eingabefeld im oberen Men\u00fc. Best\u00e4tigen Sie dann die Transformation mit der <span class=\"guideline\">Enter<\/span>-Taste und setzen Sie die Deckkraft wieder auf 100 Prozent. Wandeln Sie dann das Rechteck im Ebenenfenster mit einem Rechtsklick auf die entsprechende Ebene in ein Smartobjekt um. Dadurch wird ein internes Dokument in exakt der Gr\u00f6\u00dfe Ihres Rechtecks erstellt. In diese Fl\u00e4che wird sp\u00e4ter ihr Motiv eingef\u00fcgt.<br \/>\n<a name=\"perspektive-definieren\"><\/a><\/p>\n<h3>Schritt 2: Perspektive definieren<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27592 size-large\" src=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_4.jpg\" alt=\"Mock-up-erstellen_Bild_4\" width=\"696\" height=\"378\" srcset=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_4.jpg 300w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_4.jpg 1024w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_4.jpg 768w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_4.jpg 696w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_4.jpg 1068w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_4.jpg 774w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_4.jpg 1280w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<p>Klicken Sie im oberen Men\u00fc auf <span class=\"guideline\">Bearbeiten &gt; Transformieren<\/span> und dann auf <span class=\"guideline\">Verzerren<\/span>. Sie k\u00f6nnen nun die einzelnen Ecken Ihres Rechtecks verschieben. Passen Sie diese erneut an den Bereich der Mock-up-Fl\u00e4che an. Auch hier muss die Platzierung nicht perfekt werden. Es ist lediglich wichtig, dass erneut der gesamte Bereich der Mock-up-Fl\u00e4che vom Rechteck bedeckt ist. Auch hier k\u00f6nnen Sie wieder die Deckkraft f\u00fcr eine bessere Platzierung reduzieren. Best\u00e4tigen Sie anschlie\u00dfend die Transformation wieder mit der <span class=\"guideline\">Enter<\/span>-Taste und setzen Sie die Deckkraft wieder auf 100 Prozent.<br \/>\n<a name=\"bildbereich-freistellen\"><\/a><\/p>\n<h3>Schritt 3: Bildbereich freistellen<\/h3>\n<p>Der Bildbereich, in den sp\u00e4ter Ihr Motiv eingef\u00fcgt werden soll, muss nun m\u00f6glichst genau freigestellt werden. In diesem Beispiel wird mit dem Pfadwerkzeug zun\u00e4chst ein Pfad entlang der Briefkante erstellt und der Pfad anschlie\u00dfend in eine Auswahl umgewandelt. W\u00e4hlen Sie anschlie\u00dfend aus der Werkzeugleiste das <span class=\"guideline\">Auswahl<\/span>-Werkzeug aus und klicken Sie im oberen Werkzeugmen\u00fc auf <span class=\"guideline\">Ausw\u00e4hlen und maskieren<\/span>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-27593 size-large aligncenter\" src=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_5.jpg\" alt=\"Mock-up-erstellen_Bild_5\" width=\"696\" height=\"378\" srcset=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_5.jpg 300w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_5.jpg 1024w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_5.jpg 768w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_5.jpg 696w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_5.jpg 1068w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_5.jpg 774w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_5.jpg 1280w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/>Im folgenden Bedienfeld k\u00f6nnen Sie Ihre Auswahl nachtr\u00e4glich verfeinern. Nutzen Sie dazu die Werkzeuge auf der linken Seite und die Einstellparameter auf der rechten Seite. Setzen Sie anschlie\u00dfend ein H\u00e4kchen bei <span class=\"guideline\">Farben dekontaminieren<\/span>. Photoshop erzeugt nun entsprechend Ihrer Auswahl eine neue Ebene samt Ebenenmaske. Halten Sie anschlie\u00dfend die <span class=\"guideline\">Alt<\/span>-Taste gedr\u00fcckt und ziehen Sie eine Kopie dieser Ebenenmaske \u00fcber Ihre Rechteckebene. Dadurch ist Ihr Rechteck nun perfekt an die Mock-up-Fl\u00e4che angepasst.<br \/>\n<a name=\"struktur-anpassen\"><\/a><\/p>\n<h3>Schritt 4: Struktur und Helligkeit anpassen<\/h3>\n<p>Setzen Sie zun\u00e4chst die F\u00fcllmethode Ihres Rechtecks auf <span class=\"guideline\">Multiplizieren<\/span>. Wenn Sie nun etwas n\u00e4her heranzoomen, sehen Sie, dass die Struktur des Papiers nun deutlich sichtbar ist. Ebenso die Schatten und die Lichter, die auf die Brieffl\u00e4che fallen. Diese werden allerdings wieder verdeckt, wenn Ihr Motiv eingef\u00fcgt wird und m\u00fcssen daher separiert angelegt werden.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27594 size-large\" src=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_6.jpg\" alt=\"Mock-up-erstellen_Bild_6\" width=\"696\" height=\"378\" srcset=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_6.jpg 300w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_6.jpg 1024w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_6.jpg 768w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_6.jpg 696w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_6.jpg 1068w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_6.jpg 774w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_6.jpg 1280w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/>Duplizieren Sie die Orignalbildebene mit der Ebenenmaske insgesamt zweimal und platzieren Sie diese \u00fcber der Rechteckebene. Benennen Sie eine davon in Schatten und die andere in Licht um.<\/p>\n<p>Die Lichtebene k\u00f6nnen Sie anschlie\u00dfend ausblenden. Erzeugen Sie dann \u00fcber das Korrekturmen\u00fc eine neue Schwarz\/Wei\u00df-Korrektur f\u00fcr Ihre Schattenebene. Markieren Sie dann die Schwarz\/Wei\u00df-Korrektur sowie Ihre Schattenebene und f\u00fcgen Sie sie mit einem Rechtsklick zu einer Ebene zusammen. Es bleibt dann nur noch eine Schwarz\/Wei\u00df-Ebene mit dem Bereich der Mock-up-Fl\u00e4che \u00fcbrig. Setzen Sie f\u00fcr diese Ebene die F\u00fcllmethode dann ebenfalls auf <span class=\"guideline\">Multiplizieren<\/span>. Erzeugen Sie nun \u00fcber das Korrekturmen\u00fc eine neue Gradationskurve. Dr\u00fccken Sie das kleine Icon <span class=\"guideline\">Pfeil\/K\u00e4stchen<\/span> an, damit sich die Gradationskurve nur auf die darunterliegende Ebene auswirkt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27595 size-large\" src=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_7.jpg\" alt=\"Mock-up-erstellen_Bild_7\" width=\"696\" height=\"378\" srcset=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_7.jpg 300w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_7.jpg 1024w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_7.jpg 768w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_7.jpg 696w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_7.jpg 1068w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_7.jpg 774w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_7.jpg 1280w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<p>Erstellen Sie dann in der Gradationskurve einen neuen Ankerpunkt und ziehen Sie ihn leicht nach unten.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27596 size-large\" src=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_8.jpg\" alt=\"Mock-up-erstellen_Bild_8\" width=\"696\" height=\"378\" srcset=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_8.jpg 300w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_8.jpg 1024w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_8.jpg 768w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_8.jpg 696w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_8.jpg 1068w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_8.jpg 774w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_8.jpg 1280w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<p>Zum Schluss setzen Sie die Deckkraft der Schattenebene auf 40 Prozent.<\/p>\n<p>Wiederholen Sie diese Schritte nun nochmals mit der Lichtebene mit dem Unterschied, dass Sie die F\u00fcllmethode diesmal auf <span class=\"guideline\">Negativ multiplizieren<\/span> setzen. Sie sollten nun insgesamt zwei Ebenen und zwei dazugeh\u00f6rige Korrekturen in Ihrem Ebenenfenster sehen. Markieren Sie diese und klicken Sie unten im Ebenenfenster auf das <span class=\"guideline\">Gruppieren-Symbol<\/span>. Alternativ k\u00f6nnen Sie auch das Tastenk\u00fcrzel <span class=\"guideline\">Strg+G<\/span> verwenden. Ziehen Sie zum Schluss nochmal die Ebenenmaske Ihres Originalbildes mit gedr\u00fcckter <span class=\"guideline\">Alt<\/span>-Taste \u00fcber den neuen Ordner, um sicherzustellen, dass sich alle nachfolgenden \u00c4nderungen nur auf die Bildfl\u00e4che beziehungsweise die Mock-up-Fl\u00e4che beziehen. Abschlie\u00dfend k\u00f6nnen Sie dem Ordner noch einen passenden Namen wie etwa \u201eLichter und Schatten\u201c zuweisen.<\/p>\n<p>Damit sind alle Arbeitsschritte fertig und Sie k\u00f6nnen nun Ihr Motiv in Ihr Smartobjekt einf\u00fcgen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-27597 size-large aligncenter\" src=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_9.jpg\" alt=\"Ein digitaler Design-Arbeitsbereich auf einem Bildschirm pr\u00e4sentiert ein Grafikbearbeitungsprogramm, ideal f\u00fcr die Erstellung von Mock-ups. Ein ge\u00f6ffneter Umschlag und eine graue Karte oder ein Ausdruck liegen auf einer hellen Oberfl\u00e4che. Die Benutzeroberfl\u00e4che zeigt auf der rechten Seite Ebenen und Bearbeitungsoptionen an.\" width=\"696\" height=\"378\" srcset=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_9.jpg 300w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_9.jpg 1024w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_9.jpg 768w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_9.jpg 696w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_9.jpg 1068w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_9.jpg 774w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_9.jpg 1280w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><a name=\"motiv-einf\u00fcgen\"><\/a><\/p>\n<h3>Schritt 5: Motiv einf\u00fcgen und Farbkorrektur<\/h3>\n<p>Klicken Sie mit der Maus doppelt auf Ihre Rechteckebene beziehungsweise Ihr Smartobjekt. Dieses wird dann als neues internes Dokument ge\u00f6ffnet. In diese Fl\u00e4che importieren Sie nun Ihr Motiv und passen es an die Gesamtgr\u00f6\u00dfe des Dokuments an. Dr\u00fccken Sie anschlie\u00dfend die Tastenkombination <span class=\"guideline\">Strg+S<\/span>. Sie k\u00f6nnen das Dokument dann schlie\u00dfen und gelangen zur\u00fcck zu Ihrem Mock-up. Ihr Motiv sollte nun sichtbar sein und im besten Fall auch schon sehr realistisch aussehen, da sowohl Struktur als auch Schatten und Lichter harmonisch auf Ihrem Motiv dargestellt werden.<\/p>\n<p>Wenn Sie mit dem Ergebnis noch nicht zufrieden sind, k\u00f6nnen Sie den Ordner \u201eLichter und Schatten\u201c \u00f6ffnen und sowohl mit der Gradationskurve als auch mit der Deckkraft der Schatten- und Lichtebene experimentieren bis Sie ein passendes Ergebnis erzeugt haben.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27598 size-large\" src=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_10.jpg\" alt=\"Mock-up-erstellen_Bild_10\" width=\"696\" height=\"378\" srcset=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_10.jpg 300w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_10.jpg 1024w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_10.jpg 768w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_10.jpg 696w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_10.jpg 1068w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_10.jpg 774w, https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Bild_10.jpg 1280w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/>In manchen F\u00e4llen kann es sein, dass die Beleuchtung zu stark wirkt und sich nicht nur mit der Deckkraft oder der Gradationskurve beeinflussen l\u00e4sst. In diesem Fall k\u00f6nnen Sie versuchen, die Gradationskurve der Lichter-Ebene nicht nur auf die darunterliegende Ebene anzuwenden, sondern auch \u00fcber die Schattenebene. Dr\u00fccken Sie dazu einfach erneut auf den <span class=\"guideline\">Pfeil\/K\u00e4stchen<\/span>-Button, der bestimmt, dass sich die \u00c4nderungen nur auf die darunterliegende Ebene auswirken.<\/p>\n<p>Ihr Mock-up ist damit fertig und Sie k\u00f6nnen Ihr Motiv nun jederzeit mit nur wenigen Klicken \u00e4ndern.<\/p>\n<div class=\"custom-background custom-background-dos\">\n<p>Entdecken Sie weitere Photoshop- und praktische InDesign-Tutorials:<\/p>\n<ul>\n<li><a href=\"https:\/\/de.onlineprinters.ch\/magazin\/photoshop-smart-objekte\/\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop: Smartobjekte und ihre Vorteile<\/a><\/li>\n<li><a href=\"https:\/\/de.onlineprinters.ch\/magazin\/aufkleber-selbst-gestalten\/\" target=\"_blank\" rel=\"noopener noreferrer\">Aufkleber selbst gestalten mit Illustrator und Indesign-Druckvorlage<\/a><\/li>\n<li><a href=\"https:\/\/de.onlineprinters.ch\/magazin\/photoshop-hintergrund-transparent\/\" target=\"_blank\" rel=\"noopener noreferrer\">In Photoshop den Hintergrund transparent machen \u2013 Basics Tutorial<\/a><\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"custom-background-grey\">\n<p><strong>Credits:<\/strong><br \/>\nEs gestaltet und spricht der Art Director Christoph Ullrich.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mit Hilfe eines Mock-ups pr\u00e4sentieren Sie einen Prototyp, der das finale Ergebnis des Designs simuliert. Wie Sie mit Photoshop ein Mock-up erstellen, lesen Sie in diesem Tutorial.<\/p>\n","protected":false},"author":46,"featured_media":27599,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[213,198,4,44,48,50],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mock-up erstellen in 5 Schritten \u2013 Photoshop-Tutorial<\/title>\n<meta name=\"description\" content=\"Ein Mock-up kann helfen, das finale Ergebnis des Designs zu simulieren. Wie Sie mit Photoshop ein solches Mock-up erstellen, lesen Sie in diesem Tutorial.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mit Photoshop ein Mock-up erstellen \u2013 Pro-Tutorial\" \/>\n<meta property=\"og:description\" content=\"Ein Mock-up kann helfen, das finale Ergebnis des Designs zu simulieren. Wie Sie mit Photoshop ein solches Mock-up erstellen, lesen Sie in diesem Tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"onlineprinters.ch Magazin\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-10T07:30:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-29T06:34:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Cover.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"695\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Christoph\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Mit Photoshop ein Mock-up erstellen \u2013 Pro-Tutorial\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christoph\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/\",\"url\":\"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/\",\"name\":\"Mock-up erstellen in 5 Schritten \u2013 Photoshop-Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/de.onlineprinters.ch\/magazin\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Cover.jpg\",\"datePublished\":\"2020-07-10T07:30:43+00:00\",\"dateModified\":\"2025-04-29T06:34:39+00:00\",\"author\":{\"@id\":\"https:\/\/de.onlineprinters.ch\/magazin\/#\/schema\/person\/8854bebf17d2d7bbae28395335c1bf9b\"},\"description\":\"Ein Mock-up kann helfen, das finale Ergebnis des Designs zu simulieren. Wie Sie mit Photoshop ein solches Mock-up erstellen, lesen Sie in diesem Tutorial.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/#primaryimage\",\"url\":\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Cover.jpg\",\"contentUrl\":\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Cover.jpg\",\"width\":1280,\"height\":695},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/de.onlineprinters.ch\/magazin\/#website\",\"url\":\"https:\/\/de.onlineprinters.ch\/magazin\/\",\"name\":\"onlineprinters.ch Magazin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/de.onlineprinters.ch\/magazin\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/de.onlineprinters.ch\/magazin\/#\/schema\/person\/8854bebf17d2d7bbae28395335c1bf9b\",\"name\":\"Christoph\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/de.onlineprinters.ch\/magazin\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/01\/Font-Template-Nickelodeon--150x150.jpg\",\"contentUrl\":\"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/01\/Font-Template-Nickelodeon--150x150.jpg\",\"caption\":\"Christoph\"},\"url\":\"https:\/\/de.onlineprinters.ch\/magazin\/author\/christoph\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mock-up erstellen in 5 Schritten \u2013 Photoshop-Tutorial","description":"Ein Mock-up kann helfen, das finale Ergebnis des Designs zu simulieren. Wie Sie mit Photoshop ein solches Mock-up erstellen, lesen Sie in diesem Tutorial.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/","og_locale":"de_DE","og_type":"article","og_title":"Mit Photoshop ein Mock-up erstellen \u2013 Pro-Tutorial","og_description":"Ein Mock-up kann helfen, das finale Ergebnis des Designs zu simulieren. Wie Sie mit Photoshop ein solches Mock-up erstellen, lesen Sie in diesem Tutorial.","og_url":"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/","og_site_name":"onlineprinters.ch Magazin","article_published_time":"2020-07-10T07:30:43+00:00","article_modified_time":"2025-04-29T06:34:39+00:00","og_image":[{"width":1280,"height":695,"url":"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Cover.jpg","type":"image\/jpeg"}],"author":"Christoph","twitter_card":"summary_large_image","twitter_title":"Mit Photoshop ein Mock-up erstellen \u2013 Pro-Tutorial","twitter_misc":{"Verfasst von":"Christoph","Gesch\u00e4tzte Lesezeit":"7 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/","url":"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/","name":"Mock-up erstellen in 5 Schritten \u2013 Photoshop-Tutorial","isPartOf":{"@id":"https:\/\/de.onlineprinters.ch\/magazin\/#website"},"primaryImageOfPage":{"@id":"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Cover.jpg","datePublished":"2020-07-10T07:30:43+00:00","dateModified":"2025-04-29T06:34:39+00:00","author":{"@id":"https:\/\/de.onlineprinters.ch\/magazin\/#\/schema\/person\/8854bebf17d2d7bbae28395335c1bf9b"},"description":"Ein Mock-up kann helfen, das finale Ergebnis des Designs zu simulieren. Wie Sie mit Photoshop ein solches Mock-up erstellen, lesen Sie in diesem Tutorial.","inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/de.onlineprinters.ch\/magazin\/mock-up-erstellen-mit-photoshop\/#primaryimage","url":"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Cover.jpg","contentUrl":"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2020\/07\/Mock-up-erstellen_Cover.jpg","width":1280,"height":695},{"@type":"WebSite","@id":"https:\/\/de.onlineprinters.ch\/magazin\/#website","url":"https:\/\/de.onlineprinters.ch\/magazin\/","name":"onlineprinters.ch Magazin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/de.onlineprinters.ch\/magazin\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/de.onlineprinters.ch\/magazin\/#\/schema\/person\/8854bebf17d2d7bbae28395335c1bf9b","name":"Christoph","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/de.onlineprinters.ch\/magazin\/#\/schema\/person\/image\/","url":"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/01\/Font-Template-Nickelodeon--150x150.jpg","contentUrl":"https:\/\/de.onlineprinters.ch\/magazin\/wp-content\/uploads\/2019\/01\/Font-Template-Nickelodeon--150x150.jpg","caption":"Christoph"},"url":"https:\/\/de.onlineprinters.ch\/magazin\/author\/christoph\/"}]}},"_links":{"self":[{"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/posts\/27575"}],"collection":[{"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/comments?post=27575"}],"version-history":[{"count":8,"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/posts\/27575\/revisions"}],"predecessor-version":[{"id":41625,"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/posts\/27575\/revisions\/41625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/media\/27599"}],"wp:attachment":[{"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/media?parent=27575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/categories?post=27575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/de.onlineprinters.ch\/magazin\/wp-json\/wp\/v2\/tags?post=27575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}