Bereinigen von Strichzeichnungen mit abgehackten Kanten

14

Vor einiger Zeit habe ich dieses Symbol aus einem Spiel erstellt, aber wenn ich es hinter einem weißen Hintergrund anstelle eines Alphakanals betrachte, sind seine Ränder an einigen Stellen sehr ruckelig, während es an anderen glatt ist, was möglicherweise an der Methode I liegt wird verwendet, um bestimmte Regionen auszuwählen, bevor der Eimer gefüllt wird. Ich habe GIMP verwendet und mich gefragt, ob es eine Möglichkeit gibt, das Problem auf einfache Weise zu beheben (dh alle Kanten auch statt abgehackt zu machen). Vielleicht einige Rendering-Filter oder Auswahlmethoden, die ich nicht kenne? Ich habe gegoogelt und youtubed, aber ohne Erfolg.

Mein Bild:

http://fc05.deviantart.net/fs71/f/2013/177/7/c/seal_of_mar_by_jacedc-d695fa3.png

(Wie Sie sehen können, sind die inneren halbmondförmigen Dinge abgehackt, ebenso wie das Äußere des Kreises links und rechts abgehackt ist.)

Jacedc
quelle
3
Sie haben Gimp als Raster markiert und angegeben, dass Sie Gimp verwendet haben. Raster-Apps führen immer zu einigen Pixeln an den Kanten von Bögen. Wenn Sie eine Vektoranwendung verwenden, erhalten Sie sauberere Linien.
Scott
@ Scott Nun, ich war derjenige, der es als Raster getaggt hat (obwohl es eindeutig ein Rasterbild ist)
Ben Brocka
Ich habe GIMP benutzt und irgendwo in der Richtung (kein Wortspiel beabsichtigt) sah es aus wie ein wirklich abgehacktes Rasterbild. Ich habe mich gefragt, ob es eine schnelle Lösung gibt, um einfach alle Kanten abzurunden.
Jacedc
@BenBrocka - die Frage besagt, Gimp .. also Raster ist ein gutes Tag. nicht sicher, warum es entfernt wurde. Jacedc - fragst du wie in Gimp ??? Wie ich bereits sagte, wird eine Raster-App nicht mehr viele Lösungen bieten. Es gibt keinen "magischen" Knopf.
Scott
Um die "abgehackten" Ränder für zukünftige Bilder zu vermeiden, erstellen Sie auf diese Weise: Stellen Sie sicher, dass alle Ihre Auswahlen verdeckt sind.
Michael Schumacher

Antworten:

11

Ich würde sagen, es gibt keine schnelle und schmutzige Lösung für abgehackte Linien, Sie müssen sie nur mit Vektoren neu erstellen. Das Folgende hat mich 3 Minuten in Photoshop mit Circles and Stroke-Effekt gekostet:

Logo Beispiel

Ich werde nicht alles für Sie tun, aber alles, was Sie brauchen, sind zwei weitere Halbkreise und Sie haben ein formbasiertes Logo, das sich wunderbar auf jede Größe skalieren lässt. Das sind also 6 Kreise, zwei Halbkreise und ein Strich, der auf einige angewendet wird. In Ihrem Fall ist die Neuerstellung sehr einfach, aber ein detailliertes Logo würde viel länger dauern.

Es gibt verschiedene Möglichkeiten, dies zu tun, aber in Ihrem Fall würde ich mich nur anstrengen und ein wenig Zeit damit verbringen, wenn Sie sich mit GD-Software auskennen, die Formen erstellt, sollte dies nicht einmal eine halbe Stunde dauern, und wenn ja Ist dies nicht der Fall, ist jetzt ein guter Zeitpunkt, um einige wiederverwendbare Fertigkeiten zu erlernen.

Ebenfalls Save for Web & Devices..

Dom
quelle
Okay. Ja, ich bin in keiner GD-Software wirklich "versiert", außer in GIMP, von dem ich glaube, dass es keine Vektoren gibt. Trotzdem danke für die Hilfe.
Jacedc
1
Photoshop hat Vektorwerkzeuge, "tut aber keine Vektoren".
Scott
1
@Dominic Ja, in Photoshop und NUR in Photoshop. Echte Vektordateien können überall skaliert werden.
Scott
Was meinst du mit "schafft Formen"? Es hat Rechteck- und Ellipsenauswahl (sowie freie Auswahl und das "Pfade-Werkzeug"), aber anders als das, nein.
Jacedc
3
Beachten Sie, dass Inkscape für diese Art von Dingen geeignet ist und die GPL
Horatio
9

Rückverfolgung

Falls wir das Original in einer vektororientierten Anwendung nicht einfach wiederherstellen können, können wir die Bitmap auch auf eine Vektorgrafik zurückführen.

Das folgende Beispiel wurde mit Inkscape erstellt, wo ich die Bitmap importiert habe, um sie mit zwei Farbschritten zu verfolgen:

Bildbeschreibung hier eingeben

Dadurch bleibt die exakte Kreisgeometrie der Quelle nicht erhalten (beachten Sie die leicht gewellten Formen oben), da die Verfolgung mit Bezier-Kurven statt mit Kreisen oder Kästchen durchgeführt wurde. Aus diesem Grund haben solche Spuren immer eine viel größere Dateigröße als ordnungsgemäß neu erstellte Vektoren.


Glättung

Eine andere Möglichkeit, das Aliasing in einer Bitmap zu reduzieren, wenn keine Vektorgrafik ersetzt werden kann, besteht darin, eine weiche Unschärfe auf das Bild anzuwenden.

Unten habe ich das GIMP-Plugin GREYC's Magic Filter verwendet : Enhancement - Smooth (mittlere Krümmung) mit 8 Iterationen zum Glätten der Konturen unter Beibehaltung des Alphakanals:

Bildbeschreibung hier eingeben

Takkat
quelle
Hmm. Sehr schön! Ich werde einen Blick auf inkscape werfen. Vielen Dank!
Jacedc
Dieser Link ist möglicherweise besser, um das aktuelle G'MIC-Plugin zu erhalten.
EdwinW
1

Es gibt eine sehr einfache Möglichkeit, einen Pfad mit dem Fuzzy-Auswahlwerkzeug zu erstellen. Es gibt ein kurzes Beispiel dafür, wie man gezackte Bildränder mit Gimp repariert .

David Clarke
quelle
Der Link ist tot.
EdwinW
Ich habe den Link durch einen anderen ersetzt, der nicht so detailliert ist, aber die erforderlichen Schritte enthält.
David Clarke
Vielen Dank, ich konnte nicht herausfinden, was gut zu dem passen würde, was ursprünglich da war.
EdwinW
Lassen Sie mich wissen, wie Sie vorankommen - ich kann versuchen, eine bessere Option zu finden, wenn diese bei Ihnen nicht funktioniert.
David Clarke
0

Bei kleineren Projekten kann die einfache Verwendung des Unschärfewerkzeugs Wunder bewirken. Dies gilt zwar nicht für dieses spezielle Projekt, aber für andere Benutzer ist diese Lösung möglicherweise hilfreich.

Scott Biggs
quelle