Wie konvertiere ich ein Bitmap-Bild von schlechter Qualität in einen Vektor?

8

Ich entwerfe eine Website für eine Gruppe, die das ursprüngliche digitale Bild für ihr Logo verloren hat. Die einzige Datei, die sie davon haben, ist ein JPG, das in ein Word-Dokument eingebettet wurde. Das Bild hat alles Mögliche falsch daran:

  • Anti-Aliasing auf einem weißen Hintergrund, auf dem es transparent sein sollte
  • Bildartefakte
  • Schlechte Größe nach unten geändert.
  • Linien, die gerade und fest sein sollten, sind es nicht.

Ich habe derzeit das Zauberstab-Werkzeug verwendet, um den weißen Hintergrund zu entfernen und ihn auf die Website zu kleben, aber seine schlechte Qualität lässt ihn wie einen wunden Daumen herausragen. Ich benötige ein paar verschiedene Größen, um sie zu verwenden. Wie würde ich also ein darauf basierendes Vektorbild erstellen?

Macha
quelle

Antworten:

7

Ich denke, dafür gibt es neben der Adobe-Software auch eine Open-Source-Lösung: Inkscape

Ich hatte vor ein paar Jahren das gleiche Problem mit einem Dutzend Logos und konnte es mit Inkscape folgendermaßen lösen:

  1. Öffnen Sie das Bitmap-Bild.
  2. Klicken Sie mit der linken Maustaste darauf, um es auszuwählen.
  3. Pfad- / Trace-Bitmap
  4. Jetzt müssen Sie mit den möglichen Einstellungen experimentieren und die Vorschau auf der rechten Seite des Dialogfelds aktualisieren. "Inkscape enthält das Potrace-Programm ( http://potrace.sourceforge.net) ), um diese Funktionalität bereitzustellen. Eine ausführliche Dokumentation zur Funktion dieser Funktion finden Sie auf der Website von Potrace." - aus der Inkscape-Dokumentation.
  5. Als SVG speichern.
Attila Csipak
quelle
5

Es gibt 2 Optionen, die ich verwendet habe, aber sie erfordern Software, die nicht billig ist. Adobe bietet 30-Tage-Testversionen für beide an.

Methode 1 - Verwenden von Adobe Illustrator

  • Öffnen Sie Illustrator
  • Wählen Sie im Menü Datei> Neu und richten Sie das Layout nach Bedarf ein
  • Wählen Sie Datei> Platzieren ... und suchen Sie die Logodatei (ich kann mich nicht erinnern, ob das Bild ein bestimmtes Format haben muss).
  • Wählen Sie das Bild aus und gehen Sie zu Objekt> Live Paint oder Live Trace (in Ihrem Fall ist Live Paint möglicherweise besser, da das Zeichnen nicht Ihre Stärke ist).
  • Das Bild sollte jetzt vektorisiert sein und Sie können es nach Bedarf retuschieren. Durch Ändern der Größe bleibt die Qualität erhalten, da es vektorisiert wurde.

Methode 2 - Verwenden von Adobe Flash & Illustrator

  • Öffnen Sie Flash
  • Erstellen Sie ein neues Flash-Dokument
  • Wählen Sie „Datei“> „Importieren“> „In Bühne importieren“ (Strg + R) und suchen Sie die (Bitmap-Grafik), die Sie in eine Vektorgrafik konvertieren möchten.
  • Wählen Sie das gesamte Bild aus (Strg + A) und klicken Sie dann auf Ändern - Bitmap - Bitmap verfolgen. Wählen Sie dann die Optionen aus dem geöffneten Fenster.
  • Export als * .ai (Adobe Illustrator-Datei)
  • Öffnen Sie es in Illustrator und passen Sie es nach Bedarf an.
Ricbax
quelle
4

In den Imagemagick- Verwendungsdokumenten finden Sie eine gute Erklärung zur Durchführung der Kantenerkennung und der Konvertierung von Raster zu Vektor . Verwenden Sie im Abschnitt edge_vector, in dem zunächst gesagt wird, dass für optimale Ergebnisse im Wesentlichen kein imagemagick verwendet werden soll:

Zu den Programmen, die dies tun können, gehören: "ScanFont", "CorelTrace" und "Streamline" von Abobe. Die meisten davon kosten jedoch viel Geld. Eine kostenlose Lösung ist jedoch " AutoTrace " oder " PoTrace ". Andere Vorschläge sind willkommen.

Beide Trace-Programme sind einfach zu verwenden, erfordern jedoch einige Einstellungen vor und nach dem Image. Sie haben eine begrenzte Anzahl von Eingabeformaten und geben ein Vektorbild aus, das eine "geglättete" Form des Eingabebildes erzeugt. Ich bevorzuge "AutoTrace", da es das resultierende SVG nicht skaliert und eine Standardliniendicke erzeugt. Sie können es jedoch nicht in einer "Pipeline" verwenden.

Für beste Ergebnisse ist es eine gute Idee, sicherzustellen, dass wir nur ein einfaches Bitmap-Bild einspeisen, das wir durch Schwellenwertbildung des Eingabebilds sicherstellen können, während wir es in ein Bildformat konvertieren, das Autotrace versteht. Ich kann dieses Bild dann in ein SVG-Vektorbild konvertieren.

Sie können Autotrace online ausführen, wenn Sie es ausprobieren möchten.

DaveParillo
quelle
1

Ohne das Bild zu sehen, ist es schwer zu sagen, aber es ist möglicherweise schneller, es einfach von Grund auf neu zu zeichnen, indem Sie das JPG als Leitfaden und nicht als Quelle verwenden. Sie erhalten auch ein Referenzbild, das Sie erneut verwenden können.

Offensichtlich ist dies möglicherweise keine Option, wenn Sie nicht über die Werkzeuge verfügen oder Ihre Zeichenfähigkeiten nicht (versuchen, dies höflich zu sagen) dem Job gewachsen sind.

ChrisF
quelle
Ich kann nicht für mein Leben zeichnen, daher ist es keine Option, es neu zu zeichnen. Das Bild ist ein Wappen.
Macha
0

Nicht kostenlos, aber ausgezeichnetes Tool: CorelDraw. Es verfügt über eine Bitmap-Trace-Funktion zum Erstellen eines Vektorbilds und erledigt die Aufgabe sehr gut. Hatte viele tolle Ergebnisse damit. Da bei vielen Logos weniger Farben verwendet werden, ist es möglicherweise eine gute Idee, die Farbtiefe zu verringern. Dadurch wird auch das Rauschen einer ruckartigen Grafik beseitigt.

Bevor Sie dies tun, skalieren Sie es auf etwa das 4-fache (oder mehr) der Grafikgröße und reduzieren Sie die Farben, sagen wir 16 Farben, wenn möglich. Erhöhen Sie danach die Farben und verkleinern Sie sie. Es wird die Grenzen weicher machen. Ein ausgezeichnetes Tool ist eine ältere Version von PaintShop Pro (ich verwende Version 7 aus dem Jahr 2000), mit der viele großartige Ergebnisse erzielt wurden.

Diese Methoden eignen sich sehr gut für alte Kunstwerke (Fotos), Aufkleber und Logos, um ein Vektorbild davon zu erstellen und Ihnen viel Arbeit zu ersparen.

Codebeat
quelle