Skalieren Sie Ebenen in einer PSD-Datei um 200 % für das Retina-iPad

Die absolut beste Arbeitsweise besteht darin, das Dokument nur mit Vektorformen, Ebenenstilen und (falls erforderlich) intelligenten Objekten zu erstellen, deren Auflösung hoch genug ist, um die @2x-Größe abzudecken.

Wenn es richtig aufgebaut ist, kann Ihr Dokument verlustfrei vergrößert und verkleinert werden – Photoshop rendert Formen und Ebenenstile in der Größe neu, damit sie so gut wie möglich sind, mit zwei Einschränkungen:

1. Ebenenstileigenschaften haben ganzzahlige Werte. Durch Herunterskalieren werden sie abgerundet. Ein Unschärferadius von 3 wird bei einer Skalierung um 50 % zu 2, da 1,5 nicht möglich ist. Oh, und stellen Sie sicher, dass Sie Skalierungsstile aktiviert haben, wenn Sie das Dokument skalieren.

2. Das Auslaufen der Formmaske wird nicht skaliert, wenn Sie das Dokument skalieren.

Wenn Sie Texturen benötigen, können diese mit Musterebenen (mit einer Vektorformmaske) oder einem Musterebenenstil oder einem Smart-Objekt mit einer Vektormaske erstellt werden.

Sie sollten Bitmap-Skalierung um jeden Preis vermeiden. Das bedeutet, dass Sie die endgültigen PNG-Assets niemals skalieren sollten ... Sie müssen das Photoshop-Dokument ordnungsgemäß erstellen und alle Assets erneut exportieren.

Hier ist ein Vergleich zwischen zwei gängigen Formen der Bitmap-Skalierung und der korrekten Skalierung mit Vektorformebenen und Ebenenstilen.

Ich habe hier mehr über das Design für Retina geschrieben: Design für Retina-Displays

Leider führt Upsizing bei Rasterdaten immer zu einem Qualitätsverlust.

Wenn die .psd-Datei mit Vektor- oder Formebenen eingerichtet ist, sollte das Upsizing kaum Probleme bereiten. Bild > Bildgröße und geben Sie 200 % ein.

Es ist vorzuziehen, wann immer möglich mit Vektor- oder Formebenen zu arbeiten und in der Größe der Retina (2x) zu arbeiten.

Durch das Reduzieren von Rasterdaten wird das Erscheinungsbild im Allgemeinen beibehalten (und möglicherweise verbessert).

Am besten wenden Sie sich an den Designer, erklären das Problem und fragen nach einer größeren Datei mit angemessener Qualität.

"Content-aware scale" dient eher zum Strecken als zum Hochskalieren. Das ist also keine Option.

Es hängt wirklich davon ab, wie Ihre Photoshop-Datei eingerichtet ist, ob zB Texturen vorhanden sind, die nicht skaliert werden müssen, oder ob alles in Ebenenstilen gestaltet ist.

Die beste schnelle und schmutzige Methode wäre also die Verwendung, Image Interpolation: Nearest Neighborda dies einfach alle Pixel duplizieren würde. Aber die Qualität lässt sich einfach mit „nicht verschwommen“ beschreiben. Aber es wird keine gezackten Linien geben.

Der lange Weg zur Qualität besteht darin, zu versuchen, sie zu vergrößern (vielleicht auch Ebenenstile zu überprüfen) und dann Probleme wie Texturen, deaktivierte Ebenenstile oder Schriftgrößen zu beheben. Auch hier hängt es stark davon ab, wie skalierbar die Photoshop-Datei aufgebaut ist. Aber das ist die Art von Arbeit, in der ein Designer gut ist, wenn ich das so sagen darf.

Das sind alles tolle Tipps. Eine weitere Sache, die mein Designer mir gesagt hat, war: 1) Duplizieren Sie die relevante Ebene in eine neue Datei 2) Konvertieren Sie die Ebene jetzt in ein Smart-Objekt 3) Nehmen Sie dann die Skalierung der Bildgröße auf 2x vor 4) Exportieren Sie nach PNG wie vorher

Dies führt zu bemerkenswert besseren Ergebnissen, als wenn Sie nur die Bildgröße direkt ändern. Wenn ich sehr genau hinschaue, kann ich vielleicht eine Unvollkommenheit erkennen, aber mit bloßem Auge sieht das Gerät ganz gut aus.