Wie Sie einen Vektor-Look in Photoshop ohne Pfade aus einem Foto gestalten

Wenn es darum geht, das Aussehen von vektorisierten Motiven nachzuahmen, kann statt Illustrator ebenso gut Photoshop verwendet werden. Im Ergebnis fehlen Eigenschaften, wie die verlustfreie Skalierbarkeit von Vektorgrafiken, aber diese werden oft gar nicht benötigt. Durch die grafische, farbreduzierte Umsetzung kann das Motiv auch in Photoshop hochskaliert werden. Durch die Verwendung von Smartobjekten ist die Gestaltung in Photoshop sogar sehr vorteilhaft, da ein Motiv schnell ersetzt werden kann. Wir zeigen Ihnen eine flexible Methode mit Einstellungsebenen und Filtern ohne den Einsatz von Pfaden.

Das Vektor-Look-Porträt kann in so ein Compositing integriert werden. (Bildquelle: Adobe Stock free)

Inspiration

Der hier gestaltete Vektor-Look ist inspiriert vom Werk des amerikanischen Künstlers Shepard Fairey. Wahrscheinlich hat jeder schon einmal das Obama »Hope«-Poster gesehen, das er für dessen Wahlkampagne gestaltet hat.

Durch die grafische Umsetzung von Porträts in Verbindung mit Symbolen und einer starken Typografie entstehen wirkungsstarke Bilder [Abb. 1].

Abb. 1: Auszug aus dem Instagram-Account von Shepard Fairy (https://www.instagram.com/obeygiant)

I hticVmrh eLtkckfo-ruottSozSrtr

WesiHni

Girensa nef sshehsrdrr nze iE nB nse m migDbira. kbdeGCs nosueehkoduesrikto fnsrncentrUmie tslei zdtZnmswloE diattiosnikt-roedreea u aVsieo eb pAkeegtzmidz rdtheelu rt t.nm gactundaiioaunmse e Wgmr,

Twvaceaeo Meuiktihss lihcDg

So a taaislkn s us lrS,naGo,itnne rnwASee gwcsenr ,scmekt eeedtdMzaddPefaeslceh eemkientmtvcneheun s dnhsiithse buu i aoGBe.

H etgeAme reknoLPetnseoenrHi n,icscdeunhogrsnirvnaeltks bmheann. atgpilgs ksnenHi dlsUMhnkzrebtdegsueSergn ernpuVjrnrlntot hc reoeueile t r dbEcnd de n,no we seeset.okoBiSmfei Vlreegbfmthecn 2 Dien.e t rpnedidebagnhEani.er ihhce,ctio rgg. noeetdm orugrhtrfnvi vlus uaVse td e hi t ettarse oioDm idan nie ewldeAAtnknte nuolak s e ahiesadio u ereslgns uaege udtl BnNafneb tf s tcrencrrdirtdf Les-Kol

Ae boleotrtadomm10 ftcotbuco.cBlbdu asow..dkdnn. r d2i n5e.0aefu.FsoebnDr29ll7eaoo3s- oK o .0 esmr a0tcamo7 k

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

nach oben

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

Vektor-Looks ohne Pfade aus Foto gestalten
- Inspiration
- Schritt für Schritt zum Vektor-Look
  - Die geschickte Motivauswahl
  - Das Motiv freistellen und vorbereiten
  - Der Aufbau der Einstellungs- und Füllebenen
  - Farbtöne erzeugen
  - Zeichnung erzeugen
  - Die Flächen und Kanten glätten
  - Details herausarbeiten
  - Das Motiv vor dem Hintergrund freistellen
- Die Ebenenkonstruktion für ein anderes Motiv verwenden
  - Die Einstellungen anpassen
  - Bearbeitung der Füllungen und Verläufe
  - Filtermaske und Smartfilter bearbeiten
  - Motivbedingte weitere Schritte
- Das Compositing in Kürze

Beitragsinfo

Praxiswerk:

Autor:

Marianne Deiters

Seitenzahl:

Ausgabe:

Erschienen am

13.05.2022

Beitragsnummer:

CA30-PS-02

Kapitel:

Gestaltung und Manipulation

Thema:

Kreatives Gestalten

Software:

Adobe Photoshop

Ab Version:

CS6

Schlagwörter:

Adobe, Photoshop, Bildbearbeitung, Bilder, Fotos, bearbeiten, Vektorisierung, Vektorlook, Vektor-Look, Portraits, Porträts, Kinderporträts, Mädchenporträts, Friedensmotiv, Composing, Bildcomposing, farbreduzierte, Stilisierungen, stilisieren, Pop-art-Look, Graffiti, Shepard, Fairey, Obama, Hope-Poster, freistellen, Freistellung, Motive, quadratisches, zuschneiden, Freistellungs-Werkzeug, Einstellungsebenen, Füllebenen, Farbtöne, Zeichnungen, Verlaufsumsetzung, Farbverläufe, bearbeiten, Farbverlauf, Farbwähler, Vorgaben, Vorlagen, Ölfarbe, Details, herausarbeiten, Compositing

Diese Beiträge könnten Sie auch interessieren

21.10.2022 von Marianne Deiters

Wie Sie einen beeindruckend schrillen Cyberpunk-Look mit Photoshop gestalten

In diesem Beitrag zeigen wir Ihnen, wie Sie aus einem Stadtfoto eine grelle, hyperrealistische Szene im Cyberpunk-Stil erzeugen. Ein großer Teil der Umsetzung gelingt nichtdestruktiv mithilfe eines vielseitigen Smartfilters. Spezielle Neon-Effekte und überstrahlte Lichter verstärken den futuristischen Eindruck.

02.09.2022 von Marianne Deiters

Wie Sie ein Design im Stil eines Scherenschnitts in Photoshop gestalten

Im Grunde geht es um Motive, die auf das Wesentliche reduziert werden. Solche Motive können auf digitaler Basis am besten mit Vektoren erzeugt werden. Im Ergebnis entstehen Elemente mit gestochen scharfen Konturen, die ohne Qualitätsverlust skalierbar sind. Diese werden wir in Photoshop mithilfe der Form- und Pfad-Werkzeuge erzeugen und zu einem modern wirkendem Papier-Design komponieren.

12.08.2022 von Marianne Deiters

Wie Sie ein Compositing mit Head-up-Display als Eyecatcher in Photoshop gestalten

In Werbung und Journalismus werden zum Thema Technologie gerne futuristisch anmutende Darstellungen von HUD-Systemen als Teaserbilder oder Eyecatcher eingesetzt. Wir zeigen Ihnen verschiedene Techniken, mit denen Sie so ein Design in Photoshop umsetzen können.