Wie Sie Logos und Icons mit Photoshop schnell vektorisieren

Manchmal liegen Icons und Logos nur als niedrig aufgelöste Pixelgrafiken vor. Damit diese bei einer vergrößerten Darstellung nicht unscharf und pixelig werden, sollten sie in Vektorgrafiken umgewandelt werden. Allerdings ist der Aufwand, die Grafik mit dem Zeichenstift sauber nachzuzeichnen, nicht immer gerechtfertigt. Wir zeigen daher, wie Sie die Vektorisierung in Photoshop schneller und einfacher durchführen können.

Lösungsweg 1

Der erste Lösungsweg funktioniert mit allen Photoshop-Versionen. Wenn man ein paar Dinge beachtet, sind die Ergebnisse in vielen Fällen brauchbar – auch wenn eine mit dem Zeichenstift-Werkzeug nachgezeichnete Version immer sauberer ist und mit weniger Ankerpunkten auskommt. Wer aber mit diesem Werkzeug nicht so geübt ist und wenig Zeit hat, wird diese Möglichkeit dankbar annehmen.

Sie können bei diesem Weg das Ergebnis deutlich verbessern, wenn Sie einen bestimmten Arbeitsschritt einbauen. Um dies zu verdeutlichen, lassen wir diesen aber zunächst einmal weg.

Mit Pfaden in Photoshop arbeiten

Vektorgrafiken bzw. Pfade begegnen einem auch regelmäßig beim Arbeiten mit Photoshop. Wir haben dem Thema »Vektorisierung mit Photoshop« daher bereits mehrere Beiträge gewidmet, u. a. die folgenden:
Wie Sie ein Bild in Photoshop mithilfe von Pfaden und Formen gekonnt vektorisieren
Mit Pfaden in Photoshop arbeiten – Grundlagen und Praxis
Pfade in Photoshop zeichnen – hier sind alle wichtigen Shortcuts!

1. Öffnen Sie das Bild bzw. Motiv, welches Sie vektorisieren möchten.

Dieses Motiv haben wir auf Noun Project gefunden.

 

2. Wählen Sie das Motiv aus. In unserem Fall bietet sich dafür das Zauberstab-Werkzeug an.

Auswählen mit Photoshop

In diesem Artikel stellen wir Ihnen die verschiedenen Auswahl-Werkzeuge von Photoshop in der praktischen Anwendung vor. Von der automatischen Motivauswahl (»Mit KI«) raten wir in diesem Fall ab, denn die Auswahl sollte den Konturen des Motivs genau folgen. Soweit sind die auf Adobe Sensei basierenden Auswahltechniken aber noch nicht.

Das Motiv wurde ausgewählt.

 

3. Klicken Sie im Pfade-Bedienfeld auf das Arbeitspfad-erstellen-Icon . Daraufhin wird aus der Auswahl ein Pfad erstellt.

4. Testen Sie das Ergebnis, indem Sie Ebene → Neue Füllebene → Farbfläche wählen und einen beliebigen anderen Farbton einstellen. Wie Sie sehen, wurde die Form nur relativ ungenau nachgezeichnet – definitiv unbrauchbar!

Mit diesen Ungenauigkeiten können wir nicht leben. Die Vektorform weicht zu stark vom Original ab.

 

Wiederholen Sie nun den Vorgang, nur dass Sie das Bild vor dem Auswählen extrem stark vergrößern, über den Dialog Bild → Bildgröße.

Das Bild wird extrem vergrößert.

 

Wenn Sie nun die Schritte 1 bis 3durchführen, erhalten Sie ein deutlich genaueres Ergebnis.

Die Vektorform folgt der Motivform nun relativ genau.

 

Mit diesem Ergebnis lässt sich nun auf jeden Fall weiterarbeiten. Bei größeren Bilddateien fällt es dem Algorithmus sichtlich leichter, die Auswahlkante mit Pfaden nachzubilden.

Nachfolgend stellen wir Ihnen einen weiteren, neueren Weg vor, bei dem die Vektorisierung noch etwas schneller und einfacher vonstatten geht.

SsLgweugn2

F nenketin e iaosdrscGtiAw inewi1hEdtatodeiSw euiueielGlecsPd.lseehef,teeavirrsibhd .lfved MDit eiac uhe fe ak,smknfget rrScineg . tlielsnusesdc goriaetsfue fd hegterhibri Bso eielen r igad zenge bvs unctai innegnMasmkhu. V

Enueie ne i i-Sl drtfhhlllki.PaeedSBo nba n Ied B BllcosfciuKe nlAetswu.kusi nlein s-emid2de

Isuiggsf l edir ueorblze linattsbiseDineu Vken mdrdeBftrehkW-dehren .e Bar o

 

Lerneinheit weiterlesen

Um die komplette Lerneinheit zu sehen, loggen Sie sich bitte ein oder registrieren Sie sich.

Ein Zugang bietet Ihnen zahlreiche Vorteile:

  • Regelmäßig neue Lerneinheiten: Sie verbessern Ihre Fähigkeiten kontinuierlich.
  • Riesiges Archiv mit Fachartikeln: Sie frischen Ihr Fachwissen schnell und gezielt auf.
  • Ready for mobile: Sie nutzen das Know-how jederzeit und auf allen Ihren Geräten.

Einloggen oder registrieren

Lerneinheit weiterlesen

Um die komplette Lerneinheit zu sehen, loggen Sie sich bitte ein oder registrieren Sie sich.

Ein Zugang bietet Ihnen zahlreiche Vorteile:

  • Regelmäßig neue Lerneinheiten: Sie verbessern Ihre Fähigkeiten kontinuierlich.
  • Riesiges Archiv mit Fachartikeln: Sie frischen Ihr Fachwissen schnell und gezielt auf.
  • Ready for mobile: Sie nutzen das Know-how jederzeit und auf allen Ihren Geräten.

Einloggen oder registrieren

Inhaltsverzeichnis

Beitragsinfo

Diese Beiträge könnten Sie auch interessieren

von Redaktion

Wie Sie Content Credentials in Photoshop für die Authentifizierung Ihrer Gestaltungen nutzen

Wie können Urheberrechte besser geschützt und Fake-Bilder, die zum Beispiel für das Belegen von Fake-News erstellt worden sind, entlarvt werden? Adobe bietet mit den Inhaltsurhebernachweisen ( »Content Credentials«) eine Lösung an, die es Photoshop-Kreativen und Fotoredakteuren ermöglicht, die Geschichte eines Bilds eindeutig zu belegen.

Mehr...

von Redaktion

Wie Sie Motive in Photoshop dank künstlicher Intelligenz automatisch auswählen lassen können

Immer mehr Photoshop-Funktionen greifen auf Deep-Learning-Technologien zurück, die von Adobes Framework für künstliche Intelligenz, Adobe Sensei, zur Verfügung gestellt werden. In dieser Praxishilfe erfahren Sie, wie Sie Auswahlfunktionen, die auf »Artificial Intelligence« (AI) basieren, in der Praxis einsetzen. Mit Version 2023 hat sich die Funktion weiter verbessert.

Mehr...

von Redaktion

Wie Sie die Verformen-Funktion von Photoshop vielseitig anwenden

Mit der Verformen-Funktion von Photoshop (ehemals »Verkrümmen-Funktion« genannt) können Sie Ebeneninhalte relativ gut an gewölbte oder gebogene Formen anpassen – und das auch noch nichtdestruktiv. Mit Photoshop 2020 wurde diese Option des Transformieren-Befehls bereits deutlich verbessert. Nun hat das Entwicklerteam noch ein paar weitere praktische Neuerungen integriert.

Mehr...
Menu

Fatal error: Uncaught exception Exception with message Query error: Out of range value for column 'id' at row 1 (INSERT INTO tl_search_index (pid, word, relevance, language) VALUES ('24549', 'wie', 6, 'de')) thrown in system/modules/core/library/Contao/Database/Statement.php on line 295
#0 system/modules/core/library/Contao/Database/Statement.php(264): Contao\Database\Statement->query()
#1 system/modules/core/library/Contao/Search.php(292): Contao\Database\Statement->execute('24549', 'wie', 6, 'de')
#2 system/modules/core/classes/FrontendTemplate.php(330): Contao\Search::indexPage(Array)
#3 system/modules/core/classes/FrontendTemplate.php(124): Contao\FrontendTemplate->addToSearchIndex()
#4 system/modules/core/pages/PageRegular.php(190): Contao\FrontendTemplate->output(true)
#5 system/modules/core/controllers/FrontendIndex.php(285): Contao\PageRegular->generate(Object(Contao\PageModel), true)
#6 index.php(20): Contao\FrontendIndex->run()
#7 {main}