Mysteriöse Linie neben der Form nach dem Speichern für das Web in Illustrator

Also habe ich die .ai-Datei von unserem Designer bekommen und muss sie in einer bestimmten Größe speichern, um sie dann auf einer Website zu verwenden.

Ich habe alle Formen am Pixelraster ausgerichtet (nicht sicher, ob dies erforderlich ist) und den Bezugspunkt nach links oben geändert (um Unschärfe zu vermeiden).
Beim Speichern für das Web wähle ich „Kunst optimieren“ und speichere es als transparentes PNG-24.

Warum befindet sich neben einer Form eine mysteriöse, vage Linie? Wenn ich es in Illustrator anschaue, ist dieselbe Linie sichtbar, aber wenn ich hineinzoome, können Sie sehen, dass die Form ohne die mysteriöse Linie perfekt ist.
Falls es hilft, die Linie ist von unten zu 50% der Form (vertikal) da, alles andere ist perfekt scharf.

Was mache ich falsch?
Ich hoffe, ich habe die richtigen Begriffe verwendet, da mein Illustrator in einer anderen Sprache ist.

In Zukunft würde es helfen, wenn Sie das Bild posten. Oder, noch besser, posten Sie eine AI-Datei (es könnte nur ein Dokument sein, in dem der Problembereich isoliert ist).
Überprüfen Sie alle Ihre Umschläge, falls vorhanden.

Antworten (7)

Wenn Sie die "X & Y"-Koordinaten auf Ihren Zeichenflächen auf eine Ganzzahl setzen (eine ganze Zahl wie 10 statt 10,234), habe ich festgestellt, dass dies das Problem behebt. Auch wenn Sie die Optimierung und das Anti-Aliasing ausschalten, kann dies ebenfalls behoben werden (obwohl dies normalerweise nicht empfohlen wird, da dies zu einer pixeligeren Ausgabe führt).

Einige der anderen Vorschläge in diesem Thread können sehr gut funktionieren, aber ich habe festgestellt, dass die XY-Lösung am besten für die Zeit und den geringsten Reparaturaufwand funktioniert ... Richten Sie Ihre Zeichenflächen einfach mit ganzen Zahlen ein, und Sie sollten es tun keine Probleme, ansonsten verwenden Sie eine der anderen genannten Lösungen.

Wollen Danke sagen! Ich habe mich mit diesem Thema stundenlang an den Haaren gezogen. Ihr Vorschlag funktioniert großartig und ist voller gesunder Menschenverstand.

Leider ist dies Standard für Illustrator. Es gibt einige Situationen, in denen die Pixelgenauigkeit von Illustrators Formwiedergabe, Antialiasing und Verlaufswiedergabe nicht mit Photoshop, Fireworks und anderen Apps vergleichbar ist.

Ich würde empfehlen, Photoshop oder Fireworks zu verwenden. Wenn möglich, verschieben Sie die Objekte und exportieren Sie von dort.

Mehr zum Thema habe ich hier geschrieben: Illustrator und App-Design

Also dachte ich, ich hätte es behoben, aber dann tauchte woanders eine andere Zeile auf. Ich habe bereits versucht, es als Smart-Objekt in Photoshop zu importieren, es ist das erste, was ich versucht habe; aber es hatte die gleiche wirkung. Ich muss etwas falsch machen, oder ist es das System, an dem ich arbeite? Danke für den Link, ich werde keine Bilder mehr mit Illustrator speichern.
Smart Objects in Photoshop CS5 haben ähnliche Antialiasing- und Dithering-Probleme. Photoshop CS6 hat einige Korrekturen im Umgang mit Smart Objects aus Illustrator, aber sie sind immer noch nicht perfekt. Wenn Sie können, fügen Sie es am besten als Formebene in Photoshop ein und färben es in PS.

Ich habe viele Beschwerden darüber gehört, aber mein Team und ich hatten nur sehr wenige Probleme.

Gelegentlich stoße ich auf streunende Anti-Aliasing-Pixel. In diesen Fällen können Sie das Objekt einfach von der Zeichenfläche ziehen und dann neu positionieren.

Dieser Ansatz hat bei mir seit CS3 funktioniert. Obwohl ich es nicht persönlich in CS6 ausprobiert habe, arbeite ich hauptsächlich mit 6 und hatte keine Probleme, die mir aufgefallen sind.

Das Objekt von der Zeichenfläche zu ziehen und dann neu zu positionieren, ist eine schreckliche Arbeit für ~ 1000-Dollar-Software. Haben Sie Feedback an Adobe gesendet?
Ja, ich habe meine Bedenken geäußert. Ich benutze die Apps von Adobe fast jeden Tag und bin ziemlich gut damit. Aber das hindert mich nicht daran, regelmäßig von ihrem Untergang zu träumen. Ich hätte lieber Fehler behoben als schicke neue Funktionen, aber so funktioniert das schon lange nicht mehr.

Um dies zu vermeiden, erstellen Sie eine neue Illustrator-Datei, kopieren Sie dann Ihr Vektorbild in diese neue Datei und speichern Sie es.

Ich habe mit CS5 viele Male unter diesem Problem gelitten, insbesondere bei 72-dpi-Webgrafiken.

Normalerweise schiebe ich Formen ein oder zwei Pixel nach oben oder unten und versuche, Ctrl+ shift+ alt+ Seine Vorschau anzuzeigen, und versuche es dann weiter, bis die Linien nicht mehr vorhanden sind. Das Problem ist, dass ich weiß, dass Webgrafiken pixelsensitiv sind. Manchmal können Sie es sich nicht leisten, einen einzelnen Teil der Illustration zu verschieben, während Sie die anderen belassen. Die Pixelausrichtung ist, wie Sie wissen, wichtig, aber ich muss manchmal Kompromisse eingehen, weil es so verdammt nervig wird.

Ich habe auch festgestellt, dass Gliederungstext dieses Problem viele Male löst.

Klicken Sie auf Neues Dokument ... Aktivieren Sie "Neue Objekte am Pixelraster ausrichten" ... es hat bei mir funktioniert

Hallo Cope, willkommen bei GDSE und danke für deine Antwort. Wenn Sie Fragen haben, wenden Sie sich bitte an das Hilfezentrum oder pingen Sie einen von uns im Grafikdesign-Chat an , sobald Ihr Ruf ausreichend ist (20). Tragen Sie weiter bei und genießen Sie die Seite!

Ich benutze CS5 seit einigen Jahren und kann mich nicht erinnern, jemals zuvor auf dieses Problem gestoßen zu sein. Der Teil meines Designs, der mit den kleinen zufälligen weißen Linien „gestreift“ ist, ist eine einfache Silhouette, auf der ich eine Live-Spur verwendet habe. Es trat bei keinem der anderen Objekte in meinem Design auf. Eine einfache Websuche brachte mich hierher und ich probierte einige der Vorschläge ohne Erfolg aus. Dann dachte ich daran, die Silhouette zu überlagern, indem ich sie einfach kopierte und eine weitere identische Ebene dahinter ausrichtete. Dies hat sich für mein Projekt als erfolgreich erwiesen, dachte ich, ich würde meine Erfahrung teilen.