Mockups: unscharfe Inhalte

[Tom3930]

Hallo zusammen

Wir sind daran, 50 Mockups zu erstellen. Dabei handelt es sich um einen Mac in der Mitte, links ein I-Pad und rechts ein Laptop bzw. ein Handy. Die Geräte links und rechts stehen etwas schräg. In die Screens wollen wir Screenshots von Webseiten einbauen. Das Projekt ist auf 2500 px angelegt. Sobald wir die Screens mit den Screenshots befüllen und das Mockup rausspielen, sind die Inhalte (also die Schrift) unscharf, obwohl sie in der Photoshop-Ansicht scharf sind. Hat jemand die Expertise um uns zu erklären, wie wir mit perspektivisch schräg stehenden Bildschirmen scharfe Bilder hinkriegen? DANKE für jegliche Hilfe.

Beispielbild: https://aretis.aretis-staging.ch/wp-content/uploads/2025/03/hp-mueller_mockup2.png

[Jenny]

Moin,

vermutlich arbeitet ihr in Photoshop für die MockUps mit SmartObjekten, oder?
Die werden in Photoshop selbst oft etwas anders gerastert, je nach Originalauflösung des SmartObjekts. Beim Export als png o.ä. kann sich die Anmutung daher durchaus ändern.
Ihr könnt ja mal versuchen, das SmartObjekt testweise und temporär in Photoshop zu rastern, um zu sehen, ob sich da schon visuelle Unterschiede ergeben. Vielleicht hilft es daher, das SmartObjekt in Photoshop bewusst etwas zu überschärfen, damit es nach dem Export wieder "normal" scharf ist.

Andere Frage ist natürlich:
Wie groß wird das MockUp am Ende angezeigt? In Zeiten von Responsive Websites habt ihr darauf ja nur bedingt Einfluss, da ihr den Viewport des Clients nicht kennt. Wenn da also skaliert wird, weil ihr z.B. mit "width: 100%" arbeitet, kann es ebenfalls zu Unschärfen kommen, egal ob Schräg- oder Frontalansicht.

Ohne es je selbst ausprobiert zu haben:
Es soll für WordPress, und damit scheint ihr ja zu arbeiten, mittlerweile recht gute PlugIns (z.B. Elementor AI) geben, die Bilder über KI schärfen können, also je nach Viewport des Clients. Vielleicht ist das einen Versuch wert.

[Tom3930]

Hi Jenny, vielen Dank für deine Tipps. Wir haben das versucht, es hat leider keine Vorteile bei der Schärfe gebracht. Wir sind immer noch auf Feld 1. Gruss Tom

[heikehk]

Hmhhh,

ich hab jetzt mal mit screenshots versucht das nachzubauen, kann aber mit Smartobjekten keine große Unschärfe feststellen:

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1742720789_Mockup_test.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1742720789_Mockup_test.jpg)


Womit du rechnen musst ist eben, dass bei kleinerer Schrift wenn das schräg gerastert wird, die Schrift unschärfer wird, aber wie soll das sonst gehen, wenn die Pixel gesetzt werden. Jetzt in meinem etwas hingerotzten Beispiel ist das aber ok, wobei ich nicht weiß, ob unser Upload nochmal Qualität nimmt...

LG
Heike