Retina zu normalem Photoshop-Export

Ich bin UI-Designer und habe gerade mein Retina MBP bekommen. Derzeit designe ich auf dem Retina-Bildschirm, bis ich eine ext bekomme. one, also ist alles, was ich entwerfe, 200 % größer als auf normalen Bildschirmen.

Wenn ich zum Beispiel eine Schaltfläche haben möchte, die auf normalen Bildschirmen 120 x 36 Pixel groß ist, muss ich sie auf der Netzhaut 240 x 72 Pixel groß machen. Alles sieht toll aus, aber ich frage mich, ob es eine Möglichkeit gibt, die Größe auf normale Größe zu ändern, ohne an Qualität zu verlieren (mit Photoshop)? Ich sollte erwähnen, dass ich nur mit Vektoren arbeite (außer wenn ich Bilder benötige). Ich habe versucht, mit dem Image Size-Ding zu skalieren und es auch auf 50% zu ändern, aber kein Glück. Ich habe auch versucht, mit 50 % für das Web zu speichern, aber beim Betrachten auf einer Nicht-Retina ist das Zeug immer noch verschwommen.

Hat jemand einen Workaround dafür?

Vielen Dank!

Antworten (2)

Das Arbeiten mit einer Retina-Version ist schön, aber (für mich) keine gute Arbeitsweise. Alles ist zu groß, Sie haben nicht genug Platz für Ihre Photoshop-Paletten und Sie müssen immer daran denken, "Ich muss Dinge multiplizieren oder durch 2 teilen" ...

So arbeite ich:

  • Gehen Sie zu Ihrem Anwendungsordner
    • Klicken Sie mit der rechten Maustaste auf das Photoshop-Symbol (das Photoshop-Symbol .app, nicht den Photoshop-Ordner!)
    • Wählen Sie "Informationen lesen"
    • Aktivieren Sie "In niedriger Auflösung öffnen".

Auf diese Weise öffnet sich Photoshop nicht mehr in Retina, dann ändere ich meine Auflösung auf die höhere Auflösung (1920 x 1080), um mehr Platz für alle meine Photoshop-Paletten zu haben (nicht erforderlich, aber nützlich).

Ihr Bildschirm/Design wird immer noch schön aussehen , weil Sie sich auf einem MBP befinden, und denken Sie daran, dass Sie Ihre Auflösung immer noch auf „optimale Retina“ zurücksetzen können, um Retina-Designs zu überprüfen.

Ich denke, Sie müssen ein Gleichgewicht zwischen dem Modus "Netzhaut überprüfen" und dem Modus "Arbeiten" finden. Ich arbeite sehr gerne in 1920 x 1080 ohne Retina, dann überprüfen Sie meine Arbeit in voller Retina, da Sie sich während der Arbeit keine Gedanken über die Pixelgröße von 50 % machen sollten.

Hoffe das wird dir helfen!

Nun, danke für die Antwort, aber einige Dinge sehen jetzt verpixelt aus, daher denke ich nicht, dass dies die optimale Lösung ist. Ich meine, da ich mit Vektoren und all dem arbeite, sollte Photoshop die Größenänderung korrekt durchführen, aber das passiert nicht :(
@CosminNegoita Ich arbeite so und finde nicht, dass das Zeug verpixelt ist. Aber vielleicht gibt es eine andere Möglichkeit, es besser zu machen als meine, es ist nur Geschmackssache.

Das Arbeiten mit Vektoren in Photoshop ist nicht genau wie das Arbeiten mit Vektoren in Illustrator! Tatsächlich verwendet Photoshop bei der Verarbeitung von Vektorelementen eine andere Interpolation. In einfachen Worten, was Sie sehen, sind eine Art Bitmap-Vektoren!

Am besten entwerfen Sie die Vektoren in Illustrator und exportieren sie dann nach Photoshop! In Illustrator finden Sie dieselbe Menüstimme „ Für Web und Geräte speichern “ wie in Photoshop!

Wenn Ihnen die Idee, Ihren Arbeitsablauf zu ändern, nicht gefällt, machen Sie sich keine Sorgen! Es gibt immer verschiedene Lösungen für das gleiche Problem!

Ich gebe Ihnen zwei Möglichkeiten, beginnend mit der einfachsten!

OPTION EINS

Wenn Sie die Größe Ihres Bildmaterials in Photoshop im Dialogfeld „Bildgröße“ ändern, stellen Sie sicher, dass die Resampling-Qualität auf BICUBIC SHARPER eingestellt ist! Das funktioniert wunderbar zur Größenreduktion!

OPTION ZWEI

Ein anderer Weg wäre das richtige Einstellen der Optionen zum Speichern für Web in Photoshop!

Schritt eins: Stellen Sie zunächst sicher, dass die Interpolationsmethode auf bikubisch eingestellt ist (am besten für die Webausgabe)!

Schritt zwei: Ändern Sie die Größe proportional zur gewünschten Auflösung! 72 dpi garantieren zwar tolle Ergebnisse, aber wenn Sie die Auflösung und die Größe proportional zueinander halten, sollten Sie auch eine bessere Schärfe erzielen! Das funktioniert natürlich besser, wenn Sie in der Originaldatei mit einer höheren Auflösung als 72 dpi gearbeitet haben.

Hoffe, dies zu klären und möglicherweise Ihr Problem zu lösen!

Viel Glück!

Oh mein Gott, die erste Option wirkt Wunder !!! Tausend Dank dafür!!!
Du bist herzlich Willkommen! Wenn Sie sich im gegenteiligen Szenario befinden (Größenvergrößerung), verwenden Sie stattdessen bicubic smoother !