"Christmas - the time to fix the computers of your loved ones" « Lord Wyrm

Tutorial: Schwarzweiß Bild mit Farbigen Elementen

veslan 30.10.2008 - 20:19 5328 11 Thread rating
Posts

veslan

Big d00d
Avatar
Registered: Jun 2004
Location: Linz
Posts: 170
Hallo!

Ich spreche in diesem Fall nur Photoshop an da ich dieses Tool hauptsächlich verwende, die Grundlegenden Funktionen sind allerdings auch auf andere Programme wie GIMP oä. zutreffend.

Beginnen wir mit einer oft gestellten Frage und den Lösungsansätzen.

Schwarzweiß Bild mit Farbigen Elementen

1) Wie mache ich ein farbiges Bild schwarz/weis

2) Methoden zur partiellen Farberhaltung

1. Ich benutze ein Bild eines Freundes, das er auf Flickr unter die CC Lizenz gestellt hat. Besonders im kommerziellen Bereich ist es wichtig sich auch in diese Richtung abzusichern. Also klaut nicht einfach Bilder von Bildercommunities, denn viele Leute nehmen das nicht auf die leichte Schulter

Hier ist das ursprüngliche Bild wie auf der Seite gefunden.

click to enlarge

Wir öffnen das Bild in Photoshop und achten darauf, dass wir alle wichtigen Toolbars am Screen haben. Das erreicht Ihr unter "Window" (Fenster) - "Workspace" (Arbeitsbereich) - "Default Workspace" (Standard Arbeitsbereich)

Ich beginne immer damit die Hintergrundebene, also unser Bild, zu duplizieren. Dazu ziehe ich die Hintergrundebene einfach per Drag&Drop auf das Icon "Create new layer" (Neue Ebene) (siehe Abb.)

click to enlarge

Das hat den Vorteil, dass man das Original immer griffbereit hat und einfach alle Darüberliegenden Ebenen ausblenden kann um zu vergleichen. Weiters dient uns das Original als farbiges Element. Wie und warum erkläre ich später.
Der Nächste Schritt besteht darin das Bild Schwarz Weiß zu machen. Dazu gibt es mehrere Möglichkeiten. Ich fange mit meiner lieblings Variante an.
Unter "Image" (Bild)- "Adjustments" (Einstellen) - "Black & White" (Schwarzweiß) findet ihr eines der mächtigsten Tools für das konvertieren von Farb- in Schwarz-Weißbilder (siehe Abb.)

click to enlarge

Man kann nun die einzelnen Farben genau nach seinem Geschmack anpassen. Die beste Möglicht ist immer noch ausprobieren. Schiebt die Regler hin und her und seht einfach was euch am besten gefällt. In meinem Fall ist auf dem Foto eine Frau zu sehen. Daher habe ich darauf geachtet die Haut sehr ebenmäßig aber nicht texturlos aussehen zu lassen. Man hat nach wie vor den Eindruck einen Mensch und keine Puppe vor sich zu haben. In der folgenden Abbildung seht ihr meine Einstellungen:

click to enlarge

Das bringt uns nun im Ebenenfenster zu diesem Ergebnis

click to enlarge

Der nächste Schritt kann je nach Bild übersprungen werden. In meinem Fall finde ich die Kontraste in dem Bild etwas zu flau. Das werde ich nun ändern.
Dazu rufe ich die Funktion "Levels" (Tonwertkorrektur) auf (siehe Abb.)

click to enlarge

Levels in Verbindung mit den "Eyedrop" (Pipette) tools ist ein mächtiger Verbündeter in jeder Fotobearbeitung. Was macht es genau? Es gibt 3 Tools. Schwarzpunkt, Graupunkt und Weißpunkt.
Schwarzpunkt: Dieser definiert im Bild den dunkelsten (reinschwarz) Punkt im Bild ergo 000 000 000 in RGB. Wählt man nun also zB einen Schatten in einem Bild an der relativ dunkel ist, so adaptiert Photoshop alle Farben/Kontraste im Bild so, dass der Schatten nun Vollschwarz ist.
Graupunkt: Dieses Tool definiert einen neutralen Graupunkt. Das ist eines der wichtigsten Tools in der Photobearbeitung. Der neutrale Graupunkt definiert die "Wärme/Kälte" eines Bildes. Das heißt wenn ich zB. ein Foto von einem Raum habe der mit Kunstlicht erleuchtet ist und genau weis, dass zB der Notizblock auf dem Tisch ein neutrales Grau hat, oder die Wand, oder der Beton, etc... so kann ich dort den Graupunkt setzen und Photoshop adaptiert alle Farben im Bild anhand dieses Punktes. Man sollte allerdings aufpassen, da Fotos, egal welchen Ursprungs meißt ein gewisses Farbrauschen haben. Das heißt 1 Pixel kann etwas grünlicher/roter/blauer sein als der Pixel der direkt daneben liegt. Auch hier heißt es: Aufpassen und Augenmaß.
Weißpunkt: Dieser definiert ähnlich dem Schwarzpunkt das absolute Weiß in einem Bild. Das heißt in RGB ausgedrückt 255 255 255. Dies wird auch Glanzpunkt genannt. Beispiel in unserem Bild ist hierfür die Spiegelung eines Fensters im Auge der Frau. Auch hier gilt: Pixelgenauigkeit, achtet auf das gesamtbild indem ihr "Preview" (Vorschau) aktiviert.

Wo genau ich in diesem Fall meine 3 Punkte gesetzt habe könnt ihr der Abb. entnehmen.

click to enlarge

nun wirds interessant!

2. Wir haben nun unser gewünschtes Schwarzweiß Bild, und darunter unser farbiges Original. Beginnen wir nun damit worauf wir eigentlich alle hinauswollen.

Als ersten und wichtigsten Punkt erstellen wir eine "Layer Mask" (Ebenenmaske) (siehe Abb.)

click to enlarge

Wie das ganze funktioniert kann ich euch am besten nach dem jetzigen Schritt erklären.
Eine Ebenenmaske lässt sich am einfachsten so erklären: Man stelle sich 2 Bilder (Ebenen) vor. Die untere Ebene ist verdeckt von der oberen. Wenn man nun ein Messer nimmt und gewisse Teile aus dem oberen Bild schneidet so scheint natürlich das untere Bild durch. Das ist alles, so simpel. In der Ebenenmaske wird das ganze durch schwarz, weiß und Grauwerte definiert. Also weiter im Text. Die Ebenenmaske könnt ihr in folgender Abb. sehen:

click to enlarge

Wenn man nun mit der angewählten Ebenenmaske schwarz in das Bild "zeichnet" und das am Besten mit dem "Brush tool" (Pinsel-Werkzeug) so legt man quasi die untere Ebene frei. Ich benutze dazu das Airbush Tool. Die Größe und "härte" des Tools passe ich den Gegebenheiten an. Dazu reicht ein simpler Rechtsclick mit gewähltem "Brush" Tool in das Bild und das Einstellungsmenü taucht auf: Siehe Abb.

click to enlarge

Wenn ich fertig bin sieht es so aus (mit Hinweis auf das Aussehen der Ebenenmaske)

click to enlarge

Wie ihr sehen könnt sind die Augen nun farbig, während der Rest des Bildes Schwarz/weiß ist. Ein Aufwand von etwa 10 Minuten.

Hier das Endergebnis in voller Auflösung:

click to enlarge

Der aufmerksame Leser hat vielleicht schon weitergedacht und ist sich im Klaren darüber wie mächtig die Ebenenmaske ist. Wenn man beispielsweise eine Nahaufnahme von einem Auge hat bei der die Wimpern mit einer Farbe wie bspw. pink geschminkt sind, oder jedes beliebige andere Motiv bei dem gewisse Teile die schwarzweiß sein sollten in das farbige Element ragen, muss man etwas genauer vorgehen. Dazu ein Beispiel:

Wir wollen das Kleid des Mädchens farbig haben, den Rest allerdings Schwarzweiß.
Was machen wir also? Wir duplizieren die Ebene, machen sie Schwarzweis und erstellen wieder eine Ebenenmaske. (siehe vorherige Schritte)
Danach zeichnen wir mit purem Schwarz und dem Brush Tool in die Ebenemaske um das Kleid des Mädchens freizustellen (oder das ganze Mädchen, oder alle Menschen oder Shirts oder was auch immer) Siehe Abb.

click to enlarge

Ich hoffe ich konnte dem einen oder anderen ein wenig weiterhelfen und werde mir einige andere Tutorials zurecht legen. Dieses hier war ein sehr grundlegendes, vielleicht folgen komplexere.

es grüßt

V

[EDIT]: angepasst für single tut
Bearbeitet von veslan am 01.11.2008, 00:31

master_burn

Editor
Loading . . 40% . . . 50%
Avatar
Registered: Jul 2001
Location: near Quasi
Posts: 2472
so einen Tread gibts im Prinzip schon: http://www.overclockers.at/pixelfre...esources_126951

semteX

Risen from the banned
Avatar
Registered: Oct 2002
Location: Pre
Posts: 14344
tolles tutorial! i hoff das wird in der liste hinzugefügt

Hansmaulwurf

u wot m8?
Avatar
Registered: Apr 2005
Location: VBG
Posts: 5639
Zitat von master_burn
so einen Tread gibts im Prinzip schon: http://www.overclockers.at/pixelfre...esources_126951
Naja, sind ja keine User-Tutorials von hier, oder hab ich was übersehen ?

btw. Echt super Tut ;)

veslan

Big d00d
Avatar
Registered: Jun 2004
Location: Linz
Posts: 170
Zitat von Hansmaulwurf
Naja, sind ja keine User-Tutorials von hier, oder hab ich was übersehen ?

btw. Echt super Tut ;)

War auch mein Gedanke. Sollts nicht soo interessant sein, kann mans ja auch lassen ;)

@Hansmaulwurf: thx :D

semteX

Risen from the banned
Avatar
Registered: Oct 2002
Location: Pre
Posts: 14344
ja ihr habts den ersten link übersehen: link zu oc.at tutorials ;)

edit http://www.overclockers.at/showthre...threadid=140410

veslan

Big d00d
Avatar
Registered: Jun 2004
Location: Linz
Posts: 170
dammit!

Wirklich völlig übersehen. Naja man kanns ja einfach dazu editieren. würd mich freuen ;)

master_burn

Editor
Loading . . 40% . . . 50%
Avatar
Registered: Jul 2001
Location: near Quasi
Posts: 2472
Find das Tut auch sehr gut nur is es mir meistens zu Umständlich wenn ich nur den Schwarzweiß mit Farbklecks - Effekt erreichen will. Hier mein Lösungsansatz:

Eine schnellere Metode für oben genannten Bildstil geht über Ebenenmasken und Farbton/Sättigung.
Der Vorteil ist hier die Geschwindigkeit, man spart sich umständliches Freistellen und arbeitet noch dazu nicht destruktiv.

Zu allererst öffnet man das Bild in Photoshop. Normalerweise würde ich hier auch wie mein Vorredner die Hinterundebene (Originalbild) duplizieren um das Original immer zur Verfügung zu haben, da ich hier allerdings nur mit einer Einstellungsebene arbeite muss ich diesen Schritt nicht unbedingt machen, da das Bild von dieser nicht direkt verändert wird. Sie ist quasi ein Filter den man über das Originalbild legt wie eine Glasplatte mit einer Tönung oä.

Zu Beginn erstellt man eine Einstellungseben über:
Ebene -> Neue Einstellungsebene

Hier gibt es fast alle Filter und Einstellungen aus
Bild -> Anpassen
Wir entscheiden uns hier für den Filter "Farbton/Sättigung..."

einstellungsebene_132728.jpg

Nun erscheint die Dialogbox "Neue Ebene"
neue_ebene_dialg_132726.jpg

Hier kann man einen Namen für die Einstellungsebene festlegen und auch noch andere Einstellungen Tätigen die hier aber nicht von Belang sind. Nach bestätigung öffnet sich der Dialog "Farbton/Sättigung..."
farbtonsaettigung_dialg_132727.jpg

Hier wählt man nun unter Bearbeiten die Farbtöne aus die man ausblenden möchte, in unserem Fall: alles bis auf die Cyan und Blautöne, und stellt den Sättigungsregler auf -100
Um die Blauen Augen mehr hervorzuheben kann man auch noch die Blau und Cyantöne anheben.

Man quittiert mit OK und hat stilistisch dasselbe Ergebnis wie oben in nicht einmal der hälfte der Zeit ;)

click to enlarge

MFG
master_burn

Die original PS Dateien bereitzustellen kann übrigens auch hilfreich sein.
click here

Neo-=IuE=-

Here to stay
Registered: Jun 2002
Location: Berndorf, NÖ
Posts: 3229
bei deiner version master_burn sieht man aber am lid auch noch farbige "schatten"

master_burn

Editor
Loading . . 40% . . . 50%
Avatar
Registered: Jul 2001
Location: near Quasi
Posts: 2472
Zitat von Neo-=IuE=-
bei deiner version master_burn sieht man aber am lid auch noch farbige "schatten"

Ging mir auch nur darum den Bildstil auf einfachere Weise zu erreichen und nicht um ein 100% perfektes Ergebnis.
bzw lassen sich solche letzten Fehler mit einer weiterne SW-Ebene und einer Ebenenmaske auch noch gut ausbessern, allerdings ohne, dass man die Iris perfekt freistellen muss, man muss sie dann nur noch grob umranden.

Hier bei den Augen ist ein freistellen ja noch relativ leicht möglich, aber bei komplexeren Objekten wird jeder meine Anleitung sehr zu schätzen wissen ;)

prayerslayer

Oar. Mh.
Avatar
Registered: Sep 2004
Location: vorm Sucher
Posts: 4073
jö, feine sache. ich bin mit meiner vorgehensweise immer gescheitert, soweit ich mich erinnern kann :D

zottel35

Addicted
Avatar
Registered: Feb 2006
Location: austria/vlbg
Posts: 415
Ich hätts zuerst mal mit dem Maskierungsmodus gemacht - aber schöner wirds auf jeden fall mit weslans Lösung! :)
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz