Anpassen der Größe von Vektorpfaden an Pixelgrenzen

Ich habe ein iOS-Layout, das für Retina entwickelt wurde, was bedeutet, dass es die doppelte Auflösung der älteren Geräte hat. Um PNGs mit Standardauflösung zu erstellen, müsste ich das Design um 50 % verkleinern.

Das Problem ist, dass ich viele Vektorpfade habe und das Skalieren des Bildes auf 50% dazu führt, dass sie zwischen zwei Pixeln landen. Das Ergebnis sind überall verschwommene Grenzen.

Also die Frage: Was mache ich, um die Größe des Dokuments auf 50% zu ändern, während alle Vektorpfade auf Pixelgrenzen bleiben?

Lassen Sie mich das klarstellen ... Sie werden halb so groß, möchten Sie nicht die Größe verdoppeln, weil es 326 Pixel pro Zoll gibt (glaube ich). Unsere Monitore wurden dann im Laufe der Jahre auf 72ppi gesteigert. Wenn Sie ein gerastertes Bild aufblasen, wird es in jedem Fall verschwommen. Am besten ist es, das Layout in Photoshop in einer größeren Größe neu zu erstellen oder eine Vektorversion in Illustrator zu erstellen und dann in geeigneten Größen zu exportieren. Die Größe der Pixel scheint sich auf Ihrem Monitor zu verdoppeln, aber auf dem Telefon beträgt sie 50 %. Erstellen Sie die verschiedenen Sets für verschiedene Auflösungen, developer.apple.com/library/IOs/#documentat

Antworten (2)

Importieren Sie die Vektorpfade und Rasterbilder in Illustrator und wiederholen Sie das Layout. Illustrator CS5 hat in der Transformationspalette ein Kontrollkästchen für constrain to pixel grid.
Wählen Sie alle Ihre Vektorpfade aus und aktivieren Sie dieses Kontrollkästchen. Wenn Sie dann die Größe ändern, bleibt es am Pixelraster ausgerichtet.

Es kann etwas Arbeit sein, aber wenn Ihre Rasterbilder aus Photoshop platziert werden und Ihr Vektor in Illustrator ist, wird Ihr Workflow in Zukunft einfacher zu bearbeiten sein.

Eine andere Möglichkeit wäre, die Vektorlinien ohne die Rasterbilder aus Photoshop in den Illustrator zu importieren. Gehen Sie wie oben beschrieben vor, um es auf 50 % zu skalieren, und importieren Sie es dann als intelligentes Objekt wieder in Photoshop.

Andererseits könnten Sie die Vektorlinien auch rastern und auf 50% skalieren.

Ich werde Ihre Antwort vorerst als akzeptiert markieren, aber ich würde eine bevorzugen, die nicht von einem externen Tool abhängt, das an sich ziemlich teuer ist. Sie schlagen die Rasterung vor, die nicht von Illustrator abhängt, das ist also hilfreich. Wäre das Ergebnis anders als das Ergebnis der Größenänderung der Vektoren an Pixelgrenzen und dem anschließenden Speichern für das Web?

Am besten erstellen Sie die Vektorgrafiken unter Berücksichtigung der Pixelabmessungen neu. Adobe Illustrator CS5 verfügt über eine Pixelrasterfunktion, mit der Sie auch ausrichten und eine Vorschau anzeigen können, wie die Rasterausgabe aussehen wird.

Anpassen der Größe von Vektorpfaden an Pixelgrenzen
AntwortenHierDatenschutz-Bestimmungen1y, 0v