Wie kann man im Illustrator jedes halbe Pixel (0,5) fangen?

11

Ich versuche, eine Vektorgrafik so zu optimieren, dass sie gut auf Pixel ausgerichtet ist. Wenn ich jedoch versuche, ein Raster auf Pixel auszurichten, verliere ich zu viel an Qualität und muss immer noch in der Lage sein, mit Schritten von 0,5 Pixel zu fangen.

Wie kann ich dieses Verhalten erhalten? … Ohne die Pixelansicht zu verlieren.

adobe-illustrator pixel-art Sorin
quelle
1
Skalieren Sie Ihr Bildmaterial auf 200% und jede halbe Pixelkoordinate wird zu einer vollständigen Pixelkoordinate. Sie können danach wieder verkleinern.
Dom
1
Das Problem dabei ist, dass es kein halbes Pixel gibt. Jeder Bruchteil eines Pixels wird aufgerundet. Sie möchten eine alternative Maßeinheit auswählen.
Andrew
@ Andrew Schließlich ein sehr nützlicher Kommentar, dies bedeutet, dass ich pt verwenden und die dpi ändern muss, damit es 1: 1 abgebildet wird, aber zumindest könnte es ein Float sein.
Sorin

Antworten:

8

Sie können ein Raster in den Einstellungen so einrichten , dass alle 0,5 Punkte eine Rasterlinie angezeigt wird (wie bei px in AI). Aktivieren Sie dann im Menü Ansicht die Option Am Raster ausrichten . Auf diese Weise können Sie in Schritten von 0,5 Pixel ausrichten. Es wird jedoch keine Rolle spielen.

Während Sie ein Objekt mit einem halben Pixel (oder 1 / 2pt in Illustrator) platzieren können, wird bei der Ausgabe alles auf volle Pixel eingestellt (Anti-Aliasing). Dies können Sie sehen, indem Sie die Pixelvorschau im Menü Ansicht aktivieren .

Zum Beispiel ... ein 1/2 Pixel Quadrat:

halbes Pixel

Und mit Pixel Preview:

Vorschau

Sie können sehen, dass die halben Pixel bei der Ausgabe in volle Pixel konvertiert werden. Illustrator gibt keine Grafiken mit halben Pixeln aus.

Speichern Sie das Bild mit einem halben Pixel ... öffnen Sie es in Photoshop und vergrößern Sie es um 3200% ....

vergrößert

Alle halben Pixel werden mit einem Anti-Aliasing versehen und bei der Ausgabe auf diese Weise behandelt. Alle Anstrengungen, die Sie unternehmen, um Beschränkungen für 0,5 Pixel zu erstellen, werden durch jede Ausgabe der Datei aufgehoben, da ein einzelnes Pixel das kleinste Bildschirmelement ist.

Aber Sie sagen sich wahrscheinlich: "Ich brauche nur einige Kanten, um auf einem halben Pixel zu sitzen. Kein Bild mit einem halben Pixel."

Nun, Kanten werden auch auf das nächste Pixel gerichtet ...

Kanten

(Die untere Kante ruht auf einem halben Pixel. Die schwarze Kante ist ein halbes Pixel breit.)

Und Pixel Vorschau ....

Vorschau

Oh, aber lassen Sie uns "Anti-Alias-Grafik" in den Illustrator-Einstellungen deaktivieren und dann die Pixelvorschau betrachten ...

kein Anti-Aliasing

Die Antwort ist wirklich nicht, mit 0,5 Pixel zu arbeiten, sondern das Bildmaterial so zu ändern, dass es bei vollen Pixeln korrekt aussieht.

Scott
quelle
Wunderbare Antwort und zu Ihrer Überraschung scheint es meinen Bedürfnissen zu entsprechen, da ich die Richtungspunkte auf 0,5 Pixel ausrichten wollte, während die Ankerpunkte bei vollen Pixeln liegen.
Sorin
Ahh .. Schnappgriffe bei 1/2 Pixel zu schnappen, während die Anker auf vollen Pixeln sind, macht vollkommen Sinn :)
Scott
2

Vektoren können die Regeln in bestimmten Fällen etwas ändern, aber im Allgemeinen gibt es kein Inkrement von 0,5 Pixel. (Es sei denn, wir sprechen von CSS px auf Retina-Geräten, aber das ist ein ganz anderes Thema.)

Ein Pixel ist die kleinste Einheit auf einem Monitor.

Geben Sie hier die Bildbeschreibung ein

Im obigen Bild ist jeder Satz aus einem roten, einem grünen und einem blauen Licht ein einzelnes Pixel. Das Gerät teilt dem Bildschirm mit, wie die Helligkeit dieser drei Farben jeweils um einen Satz (Pixel) ausgeglichen werden soll, damit Ihre Augen eine bestimmte Farbe wahrnehmen können. Ihr Monitor berücksichtigt keine kleineren Einheiten.

Es gibt einige Grenzausnahmen. Wenn beispielsweise ein Rand einer Vektorform nicht perfekt mit den Pixeln ausgerichtet ist, tritt eine Art Anti-Aliasing auf. Bis zu dem Zeitpunkt, an dem Informationen auf Ihren Monitor gelangen, ist noch kein Geschäft mit halben Pixeln im Gange. Bei Ultra-HD-Geräten wie modernen Smartphones entspricht ein Pixel in CSS nicht mehr einem Pixel. Es gibt immer noch kein halbes Pixel, aber auf Retina-Geräten (Ultra HD) können Sie aus Gründen der Konversation ein Pixel als ein halbes Pixel betrachten, wenn das Pixelverhältnis 2: 1 beträgt.

Eric
quelle
1
Vielen Dank für die ausführliche Antwort, dennoch muss ich sagen, dass meine Frage nicht beantwortet wird. Ich weiß zwar genau, was ein Pixel ist, aber ich weiß auch, dass ein Vektorbild Gleitkommakoordinaten enthält, sodass Sie sie auf beliebige Weise ausrichten können. Ich denke, dass die Lösung darin besteht, Snap-to-Pixel zu deaktivieren und ein Raster zu erstellen, das alle 0,5 Pixel Fangpunkte aufweist. Dies ist, wonach ich gesucht habe.
Sorin