Photoshop: Wie behalte ich 1x- und 2x-Bilder (für Retina-Display) im selben Dokument?

Ich habe gerade in einem Artikel über das Entwerfen für das iPhone-Retina-Display gelesen, dass Sie die 2x-Bilder im selben Dokument behalten und eine Photoshop-Aktion verwenden können, um die 1x-Bilder zu vergrößern, um zu sehen, wie die größere Version aussehen wird. Abgesehen davon, dass ich eine separate Leinwand erstelle, bin ich mir nicht sicher, wie das gemacht werden könnte. Wäre die Aktion darauf ausgelegt, die gesamte Leinwand, einschließlich aller Inhalte, auf die größere Pixeldimension zu skalieren?

Als sekundäre Frage suche ich nach retinafähigen Symbolen für eine Registerkartenleiste am unteren Rand der App, die ich entwerfe. Das einzig geeignete, das ich finden kann, ist Bitmap und sieht im Vergleich zum retinafähigen Vektorbild links davon verschwommen aus. Wäre es einfacher, ein solches von Grund auf neu zu entwerfen, oder wie könnte ich sonst das Bild links "aufräumen", um es für die Retina-Anzeige vorzubereiten?

Vielen Dank im Voraus für jeden Rat mit diesen beiden (zugegebenermaßen Anfänger-) Fragen.

Geben Sie hier die Bildbeschreibung ein

Könntest du den Artikel verlinken?
Ich möchte darauf hinweisen, dass die Bjango-Seite ein wenig verrückt ist: Der Autor schlägt vor, mit halber Größe zu arbeiten und hochzuskalieren, aber das grundlegende Hochskalieren führt zu genau der schlechten Qualität in den Side-by-Side-Vergleichen. Während das Herunterskalieren Details entfernt und Bilder unscharf macht, ist das erneute NEUSkalieren, um die beschissenen Details zu zeigen, genau das, was Ihnen die Arbeit mit der 1x-2x-Größe bringt. Bei einem echten direkten Vergleich hat das @1-Bild die Hälfte der Pixelabmessungen eines @2-Bildes. Wie der Autor sagte: PPI spielt keine Rolle
Aha. Ich nahm an, dass er nur mit Vektorbildern arbeitete, was meiner Meinung nach eine bewährte Vorgehensweise beim Entwerfen für die Netzhaut ist?

Antworten (2)

Wenn Sie für eine Vielzahl von Auflösungen entwerfen, möchten Sie nach unten skalieren, nicht nach oben. Erstellen Sie Ihr Design in einer @2x-Auflösung (640 x 960 @72ppi) und duplizieren Sie die @1x-Assets in ein neues Dokument (vorzugsweise) und verkleinern Sie sie um 50 %. Sie können auch dafür ein Aktionsskript einrichten, um den Vorgang zu beschleunigen. Um etwas über Photoshop Action Script zu lernen, können Sie HIER nachsehen .

Was Ihre zweite Frage angeht, HIER GEHTS . Das „Reload“-Symbol, nach dem Sie gesucht haben, finden Sie in diesem Retina-Asset-Blatt, einem Blatt, das sehr gut für jeden ist, der für das iPhone entwerfen möchte.

@Zak833 Sehr gerne!

Wie AndroidHustle angibt, erstellen Sie normalerweise Ihre 2x-Images und verwenden diese dann entweder für beide Geräte oder exportieren einen um 50% verkleinerten Satz.

Wenn Sie jedoch zwei wirklich getrennte Dateien verwalten müssen, können Sie sie im selben Dokument aufbewahren. Es ist nur so, dass Sie einen größer als den anderen haben würden. Um sie in derselben Größe anzuzeigen, könnten Sie eine zweite Ansicht derselben Datei öffnen und die Nicht-Retina-Version um 200 % vergrößern.

Wenn Sie zwei wirklich getrennte Dateien beibehalten möchten, möchten Sie möglicherweise manchmal bestimmte Details in der Retina-Version beibehalten, die sich einfach nicht deutlich verkleinern lassen.

Vielen Dank. Irgendwelche Ideen, wie man am einfachsten die Größe aller Elemente ändern kann?
Wenn Sie nur eine generische Größenänderung vornehmen möchten, müssen Sie wirklich nicht zwei Versionen behalten. Erstellen Sie Ihre 2x-Datei. Wenn Sie dann Ihr Nicht-Retina-Set benötigen, öffnen Sie die Datei, skalieren Sie alles um 50 % herunter und exportieren Sie es erneut.
Vielen Dank. Aber wie verkleinere ich alles auf einmal um 50 %? Sorry, wenn das eine ziemliche Anfängerfrage ist.
Gehen Sie in Photoshop zu Document Size, ändern Sie es auf 50 % und exportieren Sie dann. Schließen Sie dann das Dokument, ohne es zu speichern (damit Sie Ihre ursprüngliche PSD-Datei nicht überschreiben).
Photoshop: Wie behalte ich 1x- und 2x-Bilder (für Retina-Display) im selben Dokument?
AntwortenHierDatenschutz-Bestimmungen1y, 0v