7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Wie man in Photoshop ein Foto mit Cartoon-Effekt erstellt

Read Time: 10 mins

German (Deutsch) translation by Rebecca Priscilla (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dies könnte der beste Photoshop-Cartoon-Effekt sein, den Sie in diesem Jahr erstellen werden. Wenn Sie also Interesse an Photoshop Effekte haben und den Schritt-für-Schritt-Prozess lernen möchten, lesen Sie weiter!

Wenn Sie den Photoshop Effekt "Foto zu Cartoon" mit einer Ein-Klick-Aktion erreichen wollen, können Sie zunächst diese Aktion ausprobieren: 4 in 1 Cartoon & Vector Art Photoshop Aktionen. Ich zeige Ihnen auch, wie Sie diese Aktion in Photoshop schnell laden und ausführen können, und wir werden noch weiter coole Cartoon-Photoshop-Aktionen entdecken.

4 in one cartoon effect actions in Photoshop4 in one cartoon effect actions in Photoshop4 in one cartoon effect actions in Photoshop
Sofort einsatzbereit! Diese Cartoon-Photoshop-Aktionen sind hervorragend für Fotografen, Grafikdesigner und Künstler geeignet.

Wenn Ihnen ein Video-Tutorial besser gefällt als eine schriftliche Anleitung, klicken Sie auf das Play-Button unten, um auf dem Envato Tuts+ YouTube-Kanal zu lernen:

Was Sie in diesem Photoshop-Tutorial über Cartoon-Effekte lernen werden

  • Wie man das Motiv aus dem Hintergrund freistellt
  • Wie man den Kopf des Motivs vergrößern kann
  • Wie man die Größe der Augen, Nase und des Kinns anpasst
  • Wie man verschiedenen Spezialeffekten verwendet, die bereits in Photoshop integriert sind, um den illustrativen Karikatur-Look zu erzeugen
  • Wie man die Karikatur-Aktionen ausführen kann , um einen ähnlichen Effekt mit einem Klick zu erzielen

Arbeitsmaterial

1. Wie man die Größe des Bildes für einen schnelleren Arbeitsablauf ändert

So beginnen wir mit diesem Photoshop-Tutorial zur Umwandlung eines Fotos in eine Karikatur. Gehen Sie zu Bild > Bildgröße, vergewissern Sie sich, dass die Kette aktiv ist, und geben Sie 2500 px in Breite ein. Die Größe des Bildes wird proportional angepasst. Drücken Sie OK.

how to resize an image in photoshophow to resize an image in photoshophow to resize an image in photoshop

2. Das Motiv aus dem Hintergrund freistellen

Schritt 1

Wählen Sie das Schnellauswahl-Werkzeug und dann Motiv auswählen. Das maschinelle Lernen von Photoshop wird versuchen, eine geeignete Auswahl zu treffen. 

how to select subject with quick selection toolhow to select subject with quick selection toolhow to select subject with quick selection tool

Schritt 2

Verfeinern Sie die Auswahl, während das Schnellauswahl-Werkzeug noch aktiv ist. Pinseln Sie über die Bereiche, die nicht automatisch ausgewählt wurden. Verwenden Sie für diesen Schritt eine harte Pinselspitze und passen Sie seine Größe entsprechend an.

how to refine selection with quick selection toolhow to refine selection with quick selection toolhow to refine selection with quick selection tool

Schritt 3

Nehmen Sie das Lasso-Werkzeug. Mit gedrückter Umschalttaste können Sie der Auswahl etwas hinzufügen und mit gedrückter Alt-Taste etwas von der Auswahl wegnehmen. Wiederholen Sie diese Schritte für weitere Stellen, die noch verfeinert werden müssen.

how to add or remove from a selectionhow to add or remove from a selectionhow to add or remove from a selection

Schritt 4

Wählen Sie "Auswählen und maskieren" und stellen Sie sicher, dass der Ansichtsmodus auf "Überlagern" eingestellt ist. Wählen Sie den Pinsel "Kante verfeinern", stellen Sie ihn auf eine mittlere Größe ein und stellen Sie sicher, dass er sehr weich ist.

how to change the view mode in select and mask windowhow to change the view mode in select and mask windowhow to change the view mode in select and mask window

Schritt 5

Pinseln Sie die Ränder der Haare in den helleren Bereichen. Dadurch wird der Hintergrund allmählich entfernt. Geben Sie dann -10 in das Feld Kante Verschieben ein, um die Auswahl zu verkleinern. Wählen Sie unter Ausgabe die Option Ebenenmaske und drücken Sie OK.

how to refine hair using the brush selectionhow to refine hair using the brush selectionhow to refine hair using the brush selection

3. Einen neuen Hintergrund erstellen

Als Nächstes brauchen wir in diesem Photoshop-Tutorial "Foto zu Cartoon" einen neuen Hintergrund. Erstellen Sie eine neue Einstellungsebene Volltonfarbe und wählen Sie einen Blauton (#9de9ff) der dem Farbton des Originalbildes sehr ähnlich ist.

how to choose a custom colorhow to choose a custom colorhow to choose a custom color

Sie werden sich vielleicht fragen, warum Sie das Motiv aus dem Hintergrund entfernt und dann einen neuen Hintergrund hinzugefügt haben, der fast dieselbe Farbe hat. Das liegt daran, dass Sie in den nächsten Schritten einige wesentliche Änderungen am Motiv vornehmen werden und den Hintergrund nicht beeinträchtigen wollen. Dieses helle Blau wirkt auch als Komplementärfarbe zur orangefarbenen Bluse und zu den Hauttönen.

4. Jetzt machen wir den Kopf viel größer!

Gut, hier ist unsere nächste lustige Aufgabe! Um einen besseren Photoshop-Cartoon-Effekt zu erzielen, wollen wir ihren Kopf viel größer machen als er jetzt ist. Dazu müssen wir den Kopf auf eine separate Ebene legen.

Schritt 1

Klicken Sie einmal auf die Ebenenmaske des Motivs, während Sie die Strg-Taste gedrückt halten, um die Auswahl zu laden, und wählen Sie dann das Polygon-Lasso-Werkzeug. Beginnen Sie mit dem Aufheben der Auswahl, indem Sie die Alt-Taste gedrückt halten und der Kinnlinie Schritt für Schritt in kleinen Segmenten folgen.

how to subtract from a selectionhow to subtract from a selectionhow to subtract from a selection

Am Ende dieses Schritts sollten Sie nur noch den Kopf ausgewählt haben.

how to modify selections using the polygonal lasso toolhow to modify selections using the polygonal lasso toolhow to modify selections using the polygonal lasso tool

Schritt 2

Drücken Sie Strg-J, um ein Duplikat des Kopfes auf einer neuen Ebene zu erstellen, die Sie optional in "head" (Kopf) umbenennen können.

how to make a duplicate layerhow to make a duplicate layerhow to make a duplicate layer

Schritt 3

Wählen Sie das Verschieben-Werkzeug und vergrößern Sie den Kopf, indem Sie ihn an einer der Ecken skalieren. Wenn Sie die Alt-Taste gedrückt halten, wird die Größe des Kopfes proportional angepasst. Das ist der Effekt, den wir erreichen wollen!

how to resize layers with the move toolhow to resize layers with the move toolhow to resize layers with the move tool

Schritt 4

Wenn Sie das Bild vergrößern und Teile des Bildes unter dem Kopf sehen, brauchen Sie nur die Ebenenmaske der Motivebene auszuwählen und diese Teile ganz einfach mit einem schwarzen Pinsel auszublenden, genau wie im Videotutorial.

how to use layer masks to hide parts with a brushhow to use layer masks to hide parts with a brushhow to use layer masks to hide parts with a brush

Sie sollten nun einen benutzerdefinierten Hintergrund, den Körper des Motivs und einen großen Kopf haben, alle auf verschiedenen Ebenen.

having different layers in the panelhaving different layers in the panelhaving different layers in the panel

5. So ändern Sie die Größe von Augen, Nase und Kinn des Motivs

Schritt 1

Wenn Sie lernen möchten, wie Sie ein Foto in Karikatur mit Photoshop umwandeln können, müssen Sie die Gesichtszüge Ihres Motivs ändern. Wählen Sie alle drei Ebenen aus, während Sie die Umschalttaste gedrückt halten, und Rechtsklicken > In Smart-Objekt konvertieren. Auf diese Weise können Sie verschiedene Smartfilter auf derselben Ebene hinzufügen und diese nicht-destruktiv anpassen.

Schritt 2

Gehen Sie zu Filter > Verflüssigen und geben Sie die folgenden Werte ein:

  • Augengröße, Augenhöhe, Augenbreite: 100 (links und rechts)
  • Augenabstand: -20
  • Nasenhöhe: 100
  • Stirn: -10
  • Kinnhöhe: 25
how to adjust eyes using the liquify toolhow to adjust eyes using the liquify toolhow to adjust eyes using the liquify tool

Wenn Sie alle Werte korrekt eingegeben haben, sollten Sie das Ergebnis erhalten, das in diesen Vorher-Nachher-Bildern zu sehen ist.

before and after liquifybefore and after liquifybefore and after liquify

6. Erstellen des Cartoon-Effekts durch Hinzufügen von Photoshop Smart-Filtern

Schritt 1

Jetzt werden wir Filter verwenden, um einen coolen Cartoon-Look in Photoshop zu erzeugen. Erstellen Sie ein Duplikat der vorhandenen Smart-Objekt-Ebene und blenden Sie es vorerst aus. Wir werden später mit ihr arbeiten.

how to duplicate layershow to duplicate layershow to duplicate layers

Schritt 2

Gehen Sie zu Filter > Scharfzeichnungsfilter > Selektiver Scharfzeichner und verwenden Sie die folgenden Werte:

  • Stärke: 300
  • Radius: 3
  • Rauschen reduzieren: 0
  • Wählen Sie Gaußscher Weichzeichner aus der Dropdown-Liste Verringern
  • Drücken Sie OK.
how to use the smart sharpen toolhow to use the smart sharpen toolhow to use the smart sharpen tool

Schritt 3

Gehen Sie zu Filter > Stilisierungsfilter > Ölfarbe und fügen Sie diese Zahlen ein:

  • Stilisierung: 4
  • Reinheit: 4
  • Skalierung: 0.1
  • Borstendetails: 0
  • Beleuchtung: deaktiviert
  • Glanzstärke: 4
how to use the oil paint filterhow to use the oil paint filterhow to use the oil paint filter

Schritt 4

Wählen Sie Filter > Filtergalerie und Kunstfilter > Tontrennung & Kantenbetonung, um diese Werte einzugeben:

  • Kantenstärke: 0
  • Kantendeckkraft: 0
  • Tontrennung: 2
  • Klicken Sie auf OK
how to use the poster edges filterhow to use the poster edges filterhow to use the poster edges filter

Schritt 5

Langsam sieht es wirklich wie ein Cartoon aus, aber es gibt noch mehr zu tun, also fügen wir Matter machen aus dem Menü Filter > Weichzeichnungsfilter hinzu. Setzen Sie den Radius auf 12 Pixel und den Schwellenwert auf 15 Pixel. Dieser Effekt lässt die Hautpartien viel glatter und sauberer aussehen. Drücken Sie OK.

how to use the surface blurhow to use the surface blurhow to use the surface blur

Schritt 6

Fügen Sie nun etwas Schärfe hinzu und verstärken Sie einige Lichter, indem Sie Filter > Scharfzeichnungsfilter > Unscharf maskieren wählen. Setzen Sie die Stärke auf 130, den Radius auf 7 und den Schwellenwert auf 20.

Schritt 7

Blenden Sie die zweite Smart-Objekt-Ebene ein und wählen Sie die Füllmethode als Überlagerung (Overlay) für diese Ebene. Verringern Sie dann die Deckkraft der Ebene auf 55%.

how to change blend modes and adjust opacity for a layerhow to change blend modes and adjust opacity for a layerhow to change blend modes and adjust opacity for a layer

Schritt 8

Gehen Sie zu Filter > Filtergalerie, und wählen Sie erneut Kunstfilter > Tontrennung & Kantenbetonung, diesmal mit der Eingabe:

  • Kantenstärke: 4
  • Kantendeckkraft: 3
  • Tontrennung: 4
  • Klicken Sie auf OK

Dadurch werden einige Details im Porträt hervorgehoben.

Schritt 9

Wählen Sie unter Filter > Stilisierungsfilter den Filter Ölfarbe. Geben Sie diese Werte ein:

  • Stilisierung: 10
  • Reinheit: 4
  • Skalierung: 0.1
  • Borstendetails: 0
  • Beleuchtung: deaktiviert
  • OK drücken
how to modify the oil paint filterhow to modify the oil paint filterhow to modify the oil paint filter

Schritt 10

Drücken Sie Strg-J, um ein Duplikat der zweiten Smart-Objekt-Ebene zu erstellen, ändern Sie die Füllmethode auf Lichtpunkte und stellen Sie die Deckkraft auf 40% ein, um ein subtileres Ergebnis zu erzielen.

how to duplicate layershow to duplicate layershow to duplicate layers

Schritt 11

Doppelklicken Sie auf Filtergalerie Smart-Filter, der bereits auf dieser Ebene hinzugefügt wurde, und ändern Sie die Werte in: 

  • Kantenstärke: 5
  • Kantendeckkraft: 7
  • Tontrennung:6
  • Klicken Sie auf OK

Wiederholen Sie das gleiche Verfahren für den Ölfarbenfilter und ändern Sie die Werte in:

  • Stilisierung: 5
  • Reinheit: 3
  • Skalierung: 0.1
  • Borstendetails: 0
  • Beleuchtung: deaktiviert
  • OK drücken

Mit diesen Effekten konnten wir unserem Motiv besser deffinierte Kanten verleihen. Wir haben verschiedenen Filtern eingesetzt, aber das Wichtigste ist, dass Sie mit Ihrem eigenen Bild spielen und die Parameter nach Belieben ändern.

Schritt 12

Mit einer einfachen Technik können wir den Cartoon-Effekt noch weiter verstärken! Wählen Sie die oberste Ebene aus und drücken Sie die Tastenkombination Strg+Umschalt+Alt+E, um eine Ebene mit Sichtbarkeitsstempel zu erstellen. Diese Tastenkombination ist sehr nützlich, wenn Sie alle Ebenen im Dokument auf einer ganz neuen Ebene zusammenführen möchten. Rechtsklicken auf die neue Ebene und wandeln Sie sie in ein Smart-Objekt um. 

Wählen Sie im Menü Filter die Option Camera Raw Filter.

how to make adjustments using the camera raw filterhow to make adjustments using the camera raw filterhow to make adjustments using the camera raw filter

Sie müssen einige Werte in den folgenden Bereichen anpassen: Grundeinstellungen, Detail und Effekte. Folgen Sie einfach dem Bild unten, um die richtigen Werte zu finden.

using the sliders to make edits in the camera raw filterusing the sliders to make edits in the camera raw filterusing the sliders to make edits in the camera raw filter

Nach dem Hinzufügen von Textur, Scharfzeichnungsfilter, etwas Körnung für einen künstlerischen Touch und Vignettierung sollten Sie ein Bild haben, das dem unten stehenden ziemlich ähnlich sieht.

final image cartoon effect in photoshopfinal image cartoon effect in photoshopfinal image cartoon effect in photoshop

7. Wie man einen sehr ähnlichen Cartoon-Effekt in Photoshop mit einem Klick erstellt

Am Anfang dieses Tutorials habe ich ein 4-in-1-Paket Cartoon-Aktionen für Photoshop erwähnt. Lassen Sie uns die Aktionen in Photoshop laden. Es ist so einfach, wie es klingt—glauben Sie mir!

  • Speichern Sie die Aktion in einem beliebigen Ordner.
  • Öffnen Sie das Aktionen-Bedienfeld in Photoshop, indem Sie auf Fenster > Aktionen gehen.
  • Laden Sie die Aktionsdatei aus dem Ordner, in dem Sie sie gespeichert haben.
  • Wählen Sie die Aktion aus, die Sie anwenden möchten.
  • Drücken Sie auf das Play-Button und lassen Sie sie laufen.

Die Schritte, die ich erwähnt habe, sind in der Abbildung unten dargestellt.

how to load actions in photoshophow to load actions in photoshophow to load actions in photoshop
how to run actions in photoshophow to run actions in photoshophow to run actions in photoshop

Hier ist ein Beispiel, das mit einer der vier Aktionen aus diesem Photoshop-Paket mit Karikatur-Aktionen erzielt wurde.

example of cartoon effect actionexample of cartoon effect actionexample of cartoon effect action

Herzlichen Dank für Ihre Geduld, Sie haben es geschafft!

So kann man ein Foto in Karikatur mit Photoshop umwandeln. Die restlichen Phasen bestehen aus der Eingabe von Werten und der Duplizierung von Ebenen, während Sie lernen, wie Sie mit einigen Tipps und Tricks eine effektive Auswahl treffen können. Natürlich sollten Sie mit diesem Effekt vor allem viel Spaß haben!

5 Top Cartoon Aktion Photoshop Kits von Envato Elements

Hier sind ein paar weitere Cartoon-Photoshop-Aktionen die Ihre Aufmerksamkeit verdienen. Sie können in Photoshop importiert werden, so wie ich es oben erklärt habe.

Cartoonic Effect Photoshop Action (ATN)

Cartoonic Effect Photoshop ActionCartoonic Effect Photoshop ActionCartoonic Effect Photoshop Action

Dieses Photoshop-Add-on für Comic-Stil verleiht Ihren Fotos ein karikaturistisches Aussehen und Gefühl. Die Filter sind sehr vielseitig und können für eine Vielzahl von Fotos verwendet werden, darunter Mode-, Lifestyle-, Blogging- und sogar stimmungsvolle Produktaufnahmen.

Cartoon Photoshop Photo Effect (ATN)

Cartoon Photoshop Photo EffectCartoon Photoshop Photo EffectCartoon Photoshop Photo Effect

Dieses professionelle Cartoon-Aktions-Photoshop-Kit wurde entwickelt, um Ihren Fotos einen professionellen Cartoon-Maleffekt zu verleihen. Die leistungsstarken Werkzeuge von Photoshop werden verwendet, um diesen realistischen Wisch-Mal-Effekt zu erzeugen.

Cartoon Painting Effect Photoshop Action (ATN)

Cartoon Painting Effect Photoshop ActionCartoon Painting Effect Photoshop ActionCartoon Painting Effect Photoshop Action

Mit einem einzigen Klick können Sie Ihren Fotos den ästhetischen Stil verleihen, den Sie sich schon immer gewünscht haben. Verleihen Sie Ihrem Foto ein umwerfendes Makeover. Mit diesem Photoshop-Cartoon-Effekt können Sie Ihre Bilder schnell und einfach verändern.

Cartoon Comic Book Photoshop Effect (PSD)

Cartoon Comic Book Photoshop EffectCartoon Comic Book Photoshop EffectCartoon Comic Book Photoshop Effect

In Sekundenschnelle können Sie das realistische Aussehen eines Comic-Effekts erzeugen. Dieser einfach zu handhabende Photoshop-Cartoon-Effekt nutzt die Vorteile der Smart-Objekt-Ersetzung in einer Adobe Photoshop PSD-Datei.

Cartoonize Photoshop Action (ATN)

Cartoonize Photoshop ActionCartoonize Photoshop ActionCartoonize Photoshop Action

Für Fotografen und Grafikdesigner ist dieses Photoshop-Add-on mit Karikatur-Effekt eine gute Ergänzung ihres Workflows. Mit dieser Ein-Klick-Aktion können Sie einen verblüffenden Karikatur-Effekt erzielen und gleichzeitig etwas zusätzliche Zeit gewinnen.

Möchten Sie mehr erfahren? Schauen Sie sich doch die folgenden Tutorials an:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.