Kreis auf exakte Größe rastern

Ich habe in Illustrator einen Kreis mit einem Radius von erstellt 12px.

Geben Sie hier die Bildbeschreibung ein

Jetzt versuche ich, dies in .pngPhotoshop zu rastern, um genau die gleiche Größe zu haben, aber Anti-Aliasing bringt die Dinge durcheinander und die Höhe ist tatsächlich 11pxstatt 12px.

Geben Sie hier die Bildbeschreibung ein

.pngIch habe beides versucht, die aus AI exportiert und die .aiDatei aus Photoshop geöffnet, aber ich erhalte das gleiche Ergebnis. Wie kann ich also meinen Vektor rastern, damit er der gewünschten Größe entspricht?

Ist das für eine Website?
nö, bei iOS-Spielen möchte ich möglichst präzise Bilder bekommen, denn auf Retina-Displays kann man Probleme feststellen.
Wenn Sie nach Genauigkeit suchen, warum codieren Sie sie nicht, anstatt Bilder zu verwenden?
a) Zeichnen aus Sprites ist billiger b) Kreis ist nicht die einzige Form, die mich interessiert, sondern dient als Beispiel, um eine gemeinsame Lösung zu finden. Natürlich ist es viel einfacher, Formen in der Vektordesign-SW zu zeichnen, als sie zu codieren.
Was passiert, wenn Sie den Mittelpunkt (x,y-Ursprung) des Objekts auf ganze Zahlen setzen?
@horatio: Magie passiert und ich habe alle pixelgenau konvertiert :) Gibt es eine Möglichkeit, der KI mitzuteilen, dass sie immer ganzzahlige Pixel verwendet?
@horatio Ich würde das als Antwort posten!

Antworten (3)

Stellen Sie sicher, dass Ihre Form auf ganzen Pixelwerten platziert ist (dh X:851px und nicht X:851.728 px). Wenn Ihr Objekt am Pixelraster ausgerichtet ist, wird es durch Antialiasing nicht größer.

Sie können dies ganz einfach tun, indem Sie im Transformierenbedienfeld die Option „Am Pixelraster ausrichten“ auswählen (wenn Sie sie nicht sehen, wählen Sie „Optionen anzeigen“ aus dem Flyout-Menü).

Am Pixelraster ausrichten

Um dies automatisch für neue Objekte zu tun, wählen Sie in den Optionen des Transformationsbedienfelds „Neue Objekte am Pixelraster ausrichten“.

Geben Sie hier die Bildbeschreibung ein

brillant. bei bestehenden Objekten muss ich das manuell machen, oder?

Adobe Fireworks ist ideal für solche Dinge. Sie können Vektorgrafiken erstellen, ausrichten, skalieren, pixelgenau skalieren und in zahlreichen Formaten, einschließlich PNG, exportieren.

Sie können sogar festlegen, wo die Farbkante gezeichnet wird, innerhalb der Vektorform, in der Mitte des Vektorformpfads oder außerhalb.

Kann ich meine AI-Dateien weiterhin in Fireworks verwenden oder muss ich neue Vektoren zeichnen?
Sie können AI-Dateien problemlos mit Fireworks öffnen und Ihre Fireworks-PNG-Dateien wieder als AI speichern.

Ich frage jetzt rhetorisch: "Was passiert, wenn Sie den Mittelpunkt (x,y-Ursprung) des Objekts auf ganze Zahlen setzen?"

Wenn der Ursprung als Bruchteil eines Pixels festgelegt ist, werden beim Rastern des Objekts Brüche gerundet (wahrscheinlich auf die nächste ganze Zahl).

Meiner bescheidenen Meinung nach sollte KI Ihnen nicht erlauben, Bruchteile von Pixeln anzugeben, aber so ist es.

In iOS-Codierungspixeln werden aus irgendeinem Grund auch Gleitkommaeinheiten verwendet.
Ich denke, man kann die Größe und Position eines Pixels nicht mehr gleichzeitig kennen ...
Kreis auf exakte Größe rastern
AntwortenHierDatenschutz-Bestimmungen1y, 0v