Gibt es eine Möglichkeit, den Subpixel-Rendering-Look von Windows/Outlook/Browsern in Photoshop zu replizieren?

Ich möchte das Antialiasing meines Browsers in Photoshop replizieren. Schauen Sie sich dieses Bild an: Es ist zu 500 % ein Bild der Standardschriftart Arial #464646 mit 13 Pixeln. Die erste Zeile ist ein Screenshot vom Browser (Chrome), andere Zeilen sind einige der Antialiasing-Optionen von PS.

Beachten Sie die Farbänderung in der ersten Zeile. Hat das etwas mit ClearType zu tun?

Kann ich irgendwie die erste Zeile in PS replizieren?

Geben Sie hier die Bildbeschreibung ein

Ein potenzielles Problem bei einer einheitlichen Subpixel-Einstellung besteht darin, dass die Subpixel-Wiedergabe von den Hardwarefähigkeiten abhängt. Was während des Designs Ihrer Meinung nach gut aussieht, kann mit anderer Hardware ziemlich schlecht aussehen. Passen Sie also auf und testen Sie Ihre Einstellungen.

Antworten (2)

Leider nein , es gibt keine Möglichkeit, mit den Werkzeugen, über die Photoshop standardmäßig verfügt, das Rendering der verschiedenen Browser zu replizieren (beachten Sie, dass alle Browser Text auf unterschiedliche Weise rendern). Das ist einer der Gründe, warum viele Designer Mockups wegen dieser Diskrepanzen direkt in HTML/CSS erstellen.

Es gibt jedoch Photoshop-Aktionen und Plug-ins, die Sie herunterladen können, um das Rendern von Subpixel-Schriftarten zu ermöglichen:

Aber warum? Ich weiß, dass ClearType eine Subpixel-Technologie ist und PS kein Subpixel-Rendering durchführen kann, aber wenn Sie den Bildschirm drucken und in PS einfügen, ist es kein Subpixel mehr, oder? So wie ich es auf dem Bild gemacht habe...
Ich habe wirklich keine Erfahrung mit Antialiasing-Technologien, also klingt das, was ich gesagt habe, vielleicht albern oder seltsam :)
@ user2330401 JohnB hat gerade Subpixel-Plugins im Chat erwähnt , gerade die Frage bearbeitet!
@ user2330401 Ich frage mich das auch: Ist es sinnvoll, Subpixel-Antialiasing zu aktivieren, wenn die Schriftart in ein Bild gerendert wird? Ich denke nein, aber ich konnte keine endgültige Quelle finden. Ich würde denken, der "Subpixel" -Effekt würde sich in ganze Pixel verwandeln und die Schrift schlechter machen (abhängig von der Schriftgröße?)
Dies ist eine alte Frage, aber ich möchte darauf hinweisen, dass das Rendern von Subpixel-Schriftarten in einem Bild nur dann gut aussieht, wenn das Bild 1: 1 auf einem Display mit dem richtigen Subpixel-Layout angezeigt wird. Heutzutage haben Bildschirme eine große Vielfalt an Subpixel-Layouts, daher macht es nicht viel Sinn.

Wie Yisela erwähnt, stammt das Subpixel-Rendering vom Betriebssystem/Browser, während PhotoShop seine eigenen Anti-Aliasing-Methoden verwendet.

Das heißt, wenn Sie es wirklich replizieren möchten, geben Sie Ihren Text in den Browser ein, gestalten Sie ihn mit FireBug so, wie Sie es möchten, machen Sie dann einen Screenshot und fügen Sie ihn in PhotoShop ein.