Wie man Adobe Photoshop Mockups verwendet

Daher können Designer, die in diesem Bereich tätig sind, auf gute Mockup-Vorlagen nicht verzichten. Sie helfen Ihnen, sich von Ihren Mitbewerbern abzuheben und Ihren Kunden zu zeigen, wie das endgültige Design aussieht.

Im folgenden Beitrag wird erklärt, wie man ein Mockup in Photoshop verwendet und mit minimalem Aufwand beeindruckende Ergebnisse erzielt. Es gibt zwei effektive Methoden zur Verwendung von Mockups.

Methode 1: Smart-Objekt verwenden

Wenn Sie herausfinden möchten, wie Sie PSD-Mockups mit Smart Objects verwenden können, folgen Sie dieser Schritt-für-Schritt-Anleitung. Smart Objects sind spezielle Ebenen, die den Quellinhalt des Bildes, wie z. B. Raster- und Vektorbilddaten, erhalten. Sie sind bei der Arbeit mit Mockup-Vorlagen unerlässlich. Insbesondere trennen sie die ursprüngliche Grafik von den angewandten visuellen Effekten.

Schritt 1. Öffnen Sie das Mockup in Photoshop

Wenn Sie noch keine Mockups in Photoshop haben, können Sie Dutzende von ihnen im Netz finden. Es gibt zahlreiche kostenlose und kostenpflichtige Optionen. Wenn Sie mit kostenpflichtigen Mockups zurechtkommen, können Sie auf dem Creative Market etwas Passendes finden. Dort gibt es sogar eine eigene Kategorie für Mockups. Sie können auch originelle Grafikdesign-Ideen verwenden, um aufmerksamkeitsstarke Projekte zu erstellen.

Wenn Sie sich fragen, wie Sie ein Mockup in Photoshop verwenden können, sollten Sie es zunächst herunterladen. Wenn es sich um ein PSD-Mockup handelt, ist es als gezippte Datei gespeichert. Als nächstes sollten Sie den Inhalt extrahieren. Vergewissern Sie sich, dass die Datei die folgenden Dateien enthält:

• PSD-Datei – die Quelldatei, mit der Sie arbeiten und die Sie ändern werden
• JPEG-Datei – die Vorschau der Vorlage in Aktion
• TXT- oder PDF-Datei – die Mockup-Beschreibung (worum es sich bei dem Mockup handelt, sein Ersteller, Lizenzpolitik).

Schritt 2. Öffnen Sie das benötigte Bild

Wenn der Inhalt der Zip-Datei extrahiert ist, können Sie die PSD-Datei in Photoshop öffnen und ihre Ebenen überprüfen. Sie können komplex und detailliert sein; alles hängt von der Komplexität des Mockups selbst ab. Sie können die standardmäßigen Ebenenelemente durch Ihre eigenen Inhalte ersetzen.

Sollte es Probleme beim Auffinden einer bestimmten Ebene geben, klicken Sie auf das EYE-Symbol, um die Sichtbarkeit zu ändern. Dann müssen Sie ein Smart-Objekt finden und es öffnen.

Schritt 3. Fügen Sie das benötigte Bild hinzu

Nun müssen Sie den Inhalt des Mockups durch Ihr Bild ersetzen. Klicken Sie einfach auf das Smart-Objekt-Symbol. Ein neues Fenster wird auf dem Bildschirm erscheinen. Es zeigt den Inhalt an, den Sie ersetzen wollen.

Vergewissern Sie sich, dass Sie das eingefügte Bild im Voraus verbessern. Sie können sich an professionelle Retuscheure wenden, um die besten Ergebnisse zu erzielen.

Schritt 4. Änderungen vornehmen und speichern

Speichern Sie das bearbeitete Smart-Objekt und schließen Sie es.

Schritt 5. Änderungen auf dem Bildschirm

Jetzt sollte das Bild auf den Bildschirm passen. Wenn Sie es erneut ersetzen möchten, können Sie die Schritte wiederholen.

Methode 2: Ohne Smart-Objekt

Sie können auch ein Smart-Objekt für jedes Bild erstellen, das als Photoshop-Vorlage dienen kann. Sie müssen kein Experte sein, um diese Aufgabe zu bewältigen. Befolgen Sie einfach diese einfachen Schritte.

Schritt 6. Manuelles Hinzufügen eines Bildes

Sie können ein Mockup auch ohne ein Smart-Objekt verwenden. In diesem Fall müssen Sie das erforderliche Bild manuell hinzufügen.

Schritt 7. Fügen Sie die Datei zur neuen Ebene hinzu

Klicken Sie auf „Datei“ > „Eingebettet platzieren“ und suchen Sie die Datei auf Ihrem Computer. Klicken Sie auf „Öffnen“. Ihre Datei wird als neue Ebene angezeigt. Bestätigen Sie mit „Enter“.

Schritt 8. Änderungen anwenden, falls erforderlich

Sie können die Größe Ihres Bildes ändern, es drehen oder die Perspektive ändern, falls erforderlich. Zentrieren Sie Ihr Bild über dem für Ihr Kunstwerk vorgesehenen Bereich des Mockups. Hier ist es ein weißes Blatt Papier.

Wenn Sie mit dem, was Sie sehen, zufrieden sind, können Sie fortfahren, indem Sie das Ergebnis speichern. Manchmal passen die Objekte nicht richtig zusammen und Sie müssen einige Änderungen vornehmen.

Schritt 9. Vorschau des Ergebnisses

Prüfen Sie, ob das Bild passt.

Schritt 10. Mockup mit Smart-Objekt erstellen

Um Bilder wie in der ersten Methode zu ändern, können Sie ein Mockup mit einem Smart-Objekt erstellen. Dazu löschen Sie das vorherige Bild und zeichnen ein Quadrat in einer kontrastierenden Farbe.

Schritt 11. Ebene in Smart-Objekt umwandeln

Klicken Sie mit der rechten Maustaste auf die Ebene und wählen Sie „In Smart-Objekt konvertieren“.

Schritt 12. Umwandlung des Smart-Objekts

Transformieren Sie nun das Quadrat unter dem Papier und drücken Sie „Enter“. Auf diese Weise können Sie ein Smart-Objekt erstellen, das dem ähnlich ist, das Sie mit Hilfe der ersten Methode erstellen können.

Schritt 13. Lokalisieren Sie das Bild

Öffnen Sie das Smart-Objekt mit einem Doppelklick, fügen Sie das Bild hinzu und speichern Sie es.

Schritt 14. Bildbearbeitungsoptionen

Jetzt, wo das Bild passt, können Sie es durch Bearbeiten des Smart-Objekts ändern.

Diese Mockup-Vorlagen werden Ihnen viel Zeit sparen. Die Sammlung enthält Optionen, mit denen Sie Ihren Arbeitsablauf optimieren können. Diese Mockups liegen im PSD-Format vor. Sie können sie anpassen, indem Sie Text und Bilder hinzufügen.

Wo kann ich Adobe Photoshop Mock-Ups kaufen?