Probiere diese Tutorials mit Photoshop aus
Fotos bearbeiten, um neue Bilder und Grafiken zu schaffen
Mit Photoshop ein Print-Mockup erstellen.
Füge ein fertiges Design in das Bild eines aufgeschlagenen Buchs ein, und erzeuge mit den Transformierenwerkzeugen und Ebenenstilen eine realistische Anpassung an Form und Licht.
Tutorial anzeigen in Photoshop
Lerne direkt in der Applikation
Was du benötigst
Beispieldateien herunterladen
Photoshop kostenlos herunterladen
Gleich ausprobieren.
1. Lade die
Übungsdateien
herunter. Öffne die Datei „Book mockup.psd“ in Photoshop.
Tipp: Design-Elemente sollten zueinander passen. Unser Design hat deshalb in etwa das gleiche Format wie die Seiten des Buchs von Adobe Stock.
Das Design in das Buch-Layout einfügen.
2. Wähle die Ebene „Page design“, und wechsle mit Strg+T (Windows) bzw. Befehl+T (macOS) zum Transformieren-Werkzeug. Ziehe das Design auf die linke Seite des aufgeschlagenen Buchs. Drehe das Design um etwa 12°, damit der Winkel zur Buchseite passt.
Tipp: Wenn du den Mauszeiger etwas außerhalb eines Objekts platzierst, ändert er sich in einen gebogenen Cursor mit zwei Pfeilen. Jetzt kannst du das Objekt durch Ziehen drehen.
3. Transformiere das Design. Lasse dafür die Ebene „Page design“ ausgewählt, und klicke im Kontextmenü für das Design auf Verzerren.
4. Ziehe nacheinander an den Ecken des Seiten-Designs, um sie in die Ecken der linken Buchseite einzupassen.
5. Passe als Nächstes die Krümmung an. Klicke im Kontextmenü für das Seiten-Design auf Verformen. Dadurch werden 12 Griffe eingeblendet. Passe die Ränder mithilfe der eingeblendeten Griffe an die Krümmung der Buchseite an. Drücke die Eingabetaste, um das Platzieren abzuschließen.
Lichteffekte erzeugen.
6. Für eine möglichst realistische Darstellung des Mockups benötigst du Lichteffekte. Doppelklicke dazu auf die Ebene mit dem Design, um das Dialogfeld „Ebenenstil“ zu öffnen. Aktiviere auf der linken Seite Verlaufsüberlagerung. Klicke dann auf das Feld Verlauf, und wähle aus der Kategorie „Grundlagen“ den Schwarz-Weiß-Verlauf. Nimm außerdem die folgenden Einstellungen vor:
a. Füllmethode: Multiplizieren
b. Deckkraft: 90 %
c. Winkel: -170
d. Skalieren: 15 %
7. Lasse das Dialogfeld „Ebenenstil“ geöffnet, und ziehe den Verlauf mit dem Auswahl-Werkzeug auf den dunklen Teil in der Mitte des aufgeschlagenen Buchs. Dadurch erzielst du einen sehr realistischen Effekt.
8. Klicke anschließend auf das Pluszeichen (+) neben Verlaufsüberlagerung, um einen zweiten Verlauf zu erstellen.
9. Setze die Deckkraft auf 40 % und die Skalierung auf 30 %. Übernimm die restlichen Einstellungen ohne Änderung. Ziehe den Verlauf dann mit dem Auswahl-Werkzeug an eine Stelle etwas links von der Buchmitte.
10. Klicke auf das Pluszeichen (+) neben Verlaufsüberlagerung, um eine dritte Verlaufsüberlagerung zu erstellen.
11. Wähle als Füllmethode „Negativ multiplizieren“. Ziehe den Verlauf auf die Grafik, sodass die linke Seite des Buchs stärker beleuchtet ist. Klicke zum Abschluss auf OK.
Das Design an die Körnung des Papiers angleichen.
12. Zuletzt passt du das Design an die Körnung des Papiers an. Wähle dazu Filter > Rauschfilter > Rauschen hinzufügen. Ändere im Dialogfeld „Rauschen hinzufügen“ den Wert für die Stärke in 12 %, und aktiviere das Kontrollkästchen „Monochromatisch“.
Fertig! Jetzt weißt du, wie du mit Photoshop ein Print-Mockup erstellen kannst. Lade die Beispieldatei herunter, oder verwende eine eigene. Poste das Ergebnis bei Facebook, Twitter und Instagram mit dem Hashtag #MadewithPhotoshop, um Feedback zu erhalten und dich mit anderen Kreativen zu vernetzen.
AUF DEM LAUFENDEN BLEIBEN:
Facebook: https://www.facebook.com/AdobeDE
Twitter: https://twitter.com/AdobeDACH
Instagram: https://www.instagram.com/adobe_de
YouTube: https://www.youtube.com/user/AdobePRD
Behance: https://www.behance.net/live Im Livestream echten Profis bei der Arbeit an echten Projekten zusehen – in Echtzeit!
