Vektoren: Wie gehen Sie mit Hintergrundverschmutzungen an überlappenden Kanten um?


7

Wenn eine Vektorform mit einer anderen bedeckt wird; Wenn sich die Kanten überlappen, wird die Farbe der Hintergrundform als (unangenehm aussehender) Pseudo-Anti-Alias-Effekt auf die Kante der Vordergrundform verwendet, anstatt dass die Farbe der Vordergrundform mit der Farbe von allem, was sich außerhalb beider Formen befindet, verschmilzt. (Wow, ich bin mir nicht sicher, ob es Sinn gemacht hat, dies zu beschreiben.)

Ich kann damit in Illustrator umgehen, aber warum muss es auch in exportierten Vektorformaten geschehen? Wie gehen Sie beispielsweise beim Rendern von Logos im EPS-Format mit diesem lästigen Phänomen um? Gibt es eine Möglichkeit, dies zu umgehen, ohne die Kante des Hintergrundobjekts manuell versetzen (einfangen?) Zu müssen, um diesen unerwünschten Effekt nicht zu erzielen?

Die Auswahl von "Für Web speichern" in Illustratos scheint immer perfekte Ergebnisse zu liefern. Aber irgendwie (vielleicht kann jemand den technischen Grund erklären) betrachten Vektorformate das hintere Objekt nicht als vollständig vom vordersten Objekt verdeckt (dh ignorieren Sie den Rand des unteren Objekts), sondern bestehen stattdessen darauf, seine Farbe auf das Objekt zu "verschütten" Kante des vordersten Objekts.

Um es zusammenzufassen:

Ich suche hauptsächlich nach Ratschlägen / Ansätzen, wenn ich mich damit befasse, insbesondere im Zusammenhang mit der Erstellung von Logos, bei denen Leistungen, abgesehen von normalen Bitmap-Formaten, häufig im EPS-Format angefordert werden.

BEARBEITEN: Eine Sache, die ich interessant finde, ist, dass wenn Sie "Save for Web" ausführen und zwischen Art Optimized und Type Optimized wechseln, letzteres auch dieses unerwünschte Phänomen aufweist.


Geben Sie hier die Bildbeschreibung ein


Geben Sie hier die Bildbeschreibung ein


Geben Sie hier die Bildbeschreibung ein


Es ist offiziell anerkannt, dass der Titel für diesen Eintrag ziemlich schwer zu verstehen ist. Jeder kann es perfektionieren, wenn Sie bessere Worte zur Beschreibung dieses Problems kennen.
Henrik

Antworten:


4

Dies ist nicht wirklich ein Illustrator-Problem, sondern ein allgemeines Problem, wenn Vektorgrafiken gerastert werden. Das Anzeigen von Vektorgrafiken auf einem pixelbasierten Bildschirm umfasst das Rasteren ebenso wie das Exportieren von Vektorgrafiken in ein pixelbasiertes Bildformat.

Warum ist "Save for Web" dabei besser? Schwer zu sagen, aber es sind möglicherweise relativ langsame, komplexe Berechnungen erforderlich, um das beste Ergebnis zu erzielen. Dies wäre unannehmbar langsam, wenn es während der Bearbeitung in Echtzeit angewendet würde.

Ich würde mir vorstellen, dass es dazu wissenschaftliche Arbeiten gibt, wenn Sie sich näher damit befassen möchten.

Bei der Bereitstellung von Vektorlogos ist es auf jeden Fall empfehlenswert, die Möglichkeit des Auftretens des Problems auszuschließen.

In Ihren Beispielen können Sie entweder das Vordergrundobjekt nach oben und links verschieben oder eine Kopie des Vordergrundobjekts vom Hintergrundobjekt subtrahieren und sicherstellen, dass oben links keine Spuren des Hintergrundobjekts verbleiben.


e100: Gut ausgedrückt. Der Subtraktionsansatz ist ein guter Rat, den Sie in den Workflow aufnehmen sollten (und den Sie beim Entwerfen berücksichtigen sollten). Was das vermutlich langsame Rendern des Algorithmus "Save for Web" in einer Echtzeitsituation betrifft, würde ich für einen vektorbasierten Standard (sei es .eps, .svg oder was haben Sie) töten, bei dem es zwei verschiedene Anzeigemodi gibt ;; Eine ist für das schnelle Rendern geeignet (einschließlich dieses Anzeigefehlers), und eine andere ist nicht für das schnelle Rendern geeignet (bei der überlappende Objekte visuell fehlerfrei gerendert werden).
Henrik

+1 Ich wollte einen Beitrag verfassen, in dem ich die Subtraktionsfunktion in der Pathfinder-Palette vorschlage. Kopieren Sie die Form, subtrahieren Sie sie und fügen Sie sie mit Füllung ein. Sieht so aus, als hättest du es abgedeckt.
Ghoppe

3

Ich habe einige Tests durchgeführt, bei denen Ihr Szenario in AI CS5.1 dupliziert wurde, und der Randeffekt war (kaum) auf meinem großen hupenden Kino-Display beim Verkleinern sichtbar, beim Vergrößern jedoch nicht. Mein sekundäres Display hat eine gröbere Tonhöhe als das große Guy, und es war dort sichtbarer. Dies bestätigt tendenziell, was ich für das Problem gehalten habe, und ist mehr oder weniger das, worauf e100 hingewiesen hat: Dies ist ein Artefakt des Antialiasing durch die Anwendung bei der relativ groben Auflösung Ihres Monitors. Es ist ein bisschen wie bei den feinen Haarlinien, die manchmal in PDFs auftauchen und Kunden dazu veranlassen, hektisch mit dem Designer zu telefonieren.

Aus offensichtlichen Gründen ist der Effekt hauptsächlich an gekrümmten und diagonalen Kanten sichtbar, existiert nicht an vertikalen und horizontalen Kanten, die an Pixelgrenzen fallen, und ist etwas vorhanden, wenn eine Kante zwischen Pixel fällt, wodurch Anti-Aliasing erzwungen wird.

Sie können das Problem beheben, indem Sie im Abschnitt "Erweitert" des Dialogfelds "Neue Datei" die Option "Neue Objekte an Pixelraster ausrichten" aktivieren. Der Effekt ist jedoch vollständig verschwunden, als ich "Anti-Alias-Grafik" im Preferences > GeneralAbschnitt deaktiviert habe . Sie erhalten "Zacken", aber keine Falschfarbenartefakte.

Es wird in SfW nicht angezeigt, weil es nicht wirklich da ist. Es ist auch nicht in PDF vorhanden, wenn Sie hineinzoomen . PDF "weiß", dass sich dahinter eine Form befindet, und versucht, sie bei der Auflösung des Bildschirms als Anti-Alias ​​zu verwenden, sodass sie bei kleinen Bildgrößen angezeigt wird und beim Zoomen verschwindet. Es wird auch beim Exportieren in JPEG nicht angezeigt, wenn Sie "Textoptimiert (Hinweis)" im Exportdialog in "Kunstoptimiert" ändern.

SVG ist der Rendering-Engine des Browsers ausgeliefert. Keiner von ihnen (IE9, Chrome, FF, Opera und Safari) ist der Aufgabe gewachsen, basierend auf meinen Tests. EPS wird entsprechend der Anwendung gerendert, jedoch problemlos gedruckt oder in Rasterformate exportiert.


Alan, danke für deine gründliche Analyse. Ich frage mich, ob es eine Chance gibt, ein Plugin zu sehen, um diese Effekte abzuschwächen. vorzugsweise dort, wo Sie Teile festlegen können, die von Anti-Alias-Blutungen ausgeschlossen werden sollen. Dh die Umrisse von Täterbereichen erkennen und ausgleichen. Hm, frage mich, ob dies irgendwie vage mit dem Fangen zusammenhängen könnte? Vielleicht nicht ... Aber ich dachte, vielleicht könnte sich etwas wie Eskos PowerTrapper (früher Trap-X?) Als nützlich erweisen (obwohl es nicht speziell auf dieses spezielle Problem zugeschnitten ist). esko.com/de/Products/overview/deskpack/modules/…
Henrik

Da dies ein Anti-Aliasing-Artefakt ist und nur die Rasterung mit niedriger Auflösung für Anzeigezwecke beeinflusst, scheint es nicht so, als wäre ein Trapping-Plug-In von Wert. Das Einfangen ist dem Drucken eigen und hat von Natur aus eine hohe Auflösung.
Alan Gilbertson

Ich scheine dies versehentlich herabgestimmt zu haben, kann aber nicht upvoten, es sei denn, Sie bearbeiten ...
e100

Dang, wo ist das "Ups!" Link, wenn Sie es brauchen. :-)
Alan Gilbertson

0

Ich würde vorschlagen, ein paar Dinge auszuprobieren:

  • Bewegen Sie das obere Objekt gerade so weit, dass es diese zusätzliche Linie abdeckt
  • Fügen Sie dem oberen Objekt einen Rahmen hinzu, der dieselbe Farbe wie die Füllung hat.

Bei der Verwendung von Illustrator geht es sowohl um das Erstellen der Formillusion als auch um das Erstellen der Form selbst. Dies erfordert ein wenig Strategie, um richtig arbeiten zu können.

Die Frage, warum Illustrator dies tut, ist nicht zu beantworten.


Das Hinzufügen von Rahmen ist in einem Logo im Allgemeinen keine gute Idee, um Probleme zu vermeiden, wenn ein Dritter es mit deaktivierten "Rahmen und Effekten skalieren" skaliert.
e100

Recht. Das einzige Problem liegt in einem präzisen / komplexen Design. Dies wäre eine Punkt- und Pfadoperation, anstatt ganze Objekte zu stupsen, um diesen Fehler zu kompensieren (wenn ich es so nennen darf). Man würde erwarten - zumindest im digitalen Bereich -, dass Programme intelligent genug sind, um zu gewährleisten, dass das unten stehende Objekt vollständig unsichtbar ist, wenn ein Objekt kopiert und genau übereinander platziert wird. Ich vermute, der Schuldige ist tatsächlich die Art und Weise, wie Anti-Aliasing funktioniert. Wenn nur eine Oberfläche außer der obersten vom Anti-Aliasing-Rendering abgehalten werden könnte.
Henrik
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.