Volledige versie bekijken : [Selectief kleurgebruik in zwart-wit] Les 9



peenif
31 mei 2009, 12:50
SELECTIEF KLEURGEBRUIK IN ZWART-WIT



In deze les wil ik tonen hoe men met een niet-destructieve techniek (dwz. de pixels van het origineel blijven intact) een heel verrassend en mooi effect kan bekomen. We gaan eerst een kleurfoto omzetten naar zwart-wit met de in CS3 nieuwe dialoogbox zwart- wit conversie, dan vervolgens selectief in deze zwart-wit foto kleur terugbrengen, dit alles in een aanpassingslaag, om tenslotte iets dergelijks te bekomen :


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/cristinainstrugur.jpg


*TIP* Vooraleer aan de slag te gaan en om het werk makkelijker te maken zullen we eerst snelkoppelingen toekennen om de borstel te vergroten, verkleinen, zachter en harder te maken.


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/keyboard.png


Edit > Keyboard shortcuts


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/keyboard1.png


Klik op Decrease Brush Size en zet daar het teken ; Increase Brush Size :
Decrease Brush Hardness ¨ en Increase Brush Hardness Á
Klik vervogens op accept daarna op OK - U kunt nu deze toegekende toetsen gebruiken om naar believen uw borstel aan te passen. Verharden en verzachten gaat in stappen van 25% / Vergroten en verkleinen gaat naargelang de borstelgrote in stappen van 1 pixel (tussen 1 en 10) - 5 pixels (vanaf 10) - 10 pixels (vanaf 50) of 25 (vanaf 100).


Stap 1 : omzetten naar zwart- wit


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/voor.png


Open een door U gekozen foto - ik kies voor deze ooievaar uit het Zwin te Knokke.


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/aanpassingslaag.png


Klik op het symbool 'create new fill or adjustment layer' onderaan het lagenpallet en kies daar voor Black & White.


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/auto.png


Bovenop de achtergrondlaag verschijnt een aanpassingslaag met twee iconen : links de zwart-wit conversie filter en rechts een wit masker-icoon. Terzelfdertijd krijgt U de zwart-wit conversie dialoogbox te zien. Laat nu Photoshop even zijn werk doen, klik op auto en evalueer het resultaat, bent U niet tevreden kan met de verschillende kleurensliders worden bijgesteld tot het voor U gewenste resultaat verkregen wordt - belangrijk is hierbij niet te overdrijven en te experimenteren rond de default ingestelde waarden, bij extreme verschuiving kunnen artefacten zichtbaar worden.


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/slider.png


Een verborgen maar heel handige tool om de foto bij te werken is de volgende, beweeg de muis over de foto en U krijgt een pipet te zien - plaats het pipet op een door U gekozen zone met groene kleur bv. - linksklik nu en de pipet verandert in een andere cursor - een handje met horizontaal gerichte dubbele pijl - blijf linksklikken en sleep nu naar rechts of naar links om de zwart-wit toon in dit betreffende kleurgebied te be´nvloeden / hou daarbij de sliders in de dialoogbox in de gaten - die bewegen mee - pas aan maar met mate, kortom experimenteer tot U de gewenste zwart-wit foto bekomt.


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/sepia.png


Even terzijde : wenst U een sepia foto of om het even welke monotone kleur vink je eenvoudig 'tint' aan, klik dan op het kleur icoontje en kies welke kleur je verkiest.


Stap 2 : kleur terugbrengen


Het handige aan een aanpassingslaag is het bijhorende masker, een wit masker is transparant - het effect van de aanpassing, in ons geval zwart-wit omzetting is over de ganse foto te zien. Schilderen we nu op het masker met een zwarte kleur op dit witte masker...U raadt het - verbergen we het toegepaste effect, handig niet?


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/voorgrondskleur.png


Zet dus de voorgrondkleur op zwart en de achtergrondkleur op wit - dit kan heel makkelijk door gewoon op uw toetsenbord de letter D te klikken (of ga met de cursor op de voorgrondkleur staan - klik en vul in de kleur dialoogbox naast R-Gen B het cijfer 0 in en voor de achtergrondkleur de cijfers 255 maar dit is omslachtig en doen we dus niet).


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/brushtool.png


Klik op het borstelgereedschap en neem een borstel met zachte rand (door klikken op het driehoekje naast het woord brush in de gereedschapswerkbalk of door enkele malen te klikken op de letter ¨).


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/zwartschilderen.png


Schilder met zwart over het door U gekozen gebied waar U de kleur terug wilt zetten - hier heb ik voor de oranje-rode snavel gekozen. Draag er zorg voor de randen netjes te volgen en schilder zo de volledige zone.


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/wisselvoor-achtergrond.png


Gaat U even buiten de randen geen nood, klik op uw toetsenbord de letter X of klik op het gebogen afgeronde dubbele pijltje om de voorgrondkleur op wit te zetten en schilder met wit over uw fout om het wit-zwarte effect opnieuw zichtbaar te maken - foutje opgelost, druk weer de letter X en ga verder met zwart - pas ook de grote van de borstel aan naargelang de plaats waar U aan het werk bent (toetsen : en ; weet U nog).


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/na.png


Dit is mijn uiteindelijke resultaat - die vogel springt letterlijk uit die foto.


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/verwijderen.png


Bent u niet tevreden met dit effect, linksklik op de aanpassingslaag en sleep naar de vuilbak.


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/flattenimage.png


Wel tevreden - wat ik denk - rechtsklik op de background laag > flatten image


https://vorming.minatica.be/photoshop/les9_selectief%20kleurgebruik/opslaan.png


Ga linksboven naar file > safe as en kies een naam en locatie om op te slaan. Uw originele foto is volledig niet destructief bewerkt met een verrassend effect.


copyright : R.O. aka Peenif voor Minatica.be - mei 2009



Hier kan men de uitwerking van dit lesje plaatsen :
http://www.minatica.be/showthread.php?t=61984

peenif
31 mei 2009, 13:11
Hier kan men uitwerkingen plaatsen van : [Selectief kleurgebruik in zwart-wit] Les 9

Sono
31 mei 2009, 15:09
Ai, deze oefening kan je enkel doen als je photoshop CS3 of hoger hebt. Zelf werk ik met Photoshop CS2 en daar is geen optie "black and white" :frown:

peenif
31 mei 2009, 15:30
Juist Sono maar het effect zelf kan je wel bekomen - even een snelle denkoefening gemaakt hoe het niet destructief te doen.

Dupliceer de background laag en voeg een laagmasker toe - klik op de thumbnail van de foto in de gedupliceerde laag > ga naar Image > Adjustments en doe de zwart-wit conversie met desaturate of channel mixer. Vervolgens begin je op het masker te schilderen zoals in deze les. Succes

Sono
31 mei 2009, 17:43
Dank voor de snelle service Peenif ! :)

PeterN
1 juni 2009, 20:40
Ik zal de voorzet dan maar geven als volkomen leek in deze materie;)
Toch even wat geprobeerd met een foto van Fernandel, na goedkeuren van hem :D

Fernandel had een prachtige foto gemaakt:
http://img195.imageshack.us/img195/7721/fernandel.jpg

Na het lesje was het resultaat bevredigend voor mij :D
http://img195.imageshack.us/img195/6908/fernandel1.jpg

Bedankt Peenif, het was een duidelijk lesje voor mij. Heb wel effe zitten vloeken toen mijn paneel waar de verschillende layers opstaan ineens was verdwenen na wat verkeerd te klikken. Maar heb ergens gevonden waar je alles terug standaard kan instellen :good:

peenif
1 juni 2009, 21:01
Met die voorzet kan iedereen scoren Peter, mooi gedaan en op deze kleine resolutie foto lijkt het masker ook heel goed aangebracht :good: - de zwart wit conversie echter vind ik wat flets maar allÚ 't is je vergeven. Mooie opening met een mooie rups...wie kijkt er nu nog naar de groene blaadjes :lol:.

Moest uw palet nog eens verdwijnen : ga naar Window in de werkbalk en vink daar layers aan (of eender welk palet die je verkiest) en met linksklikken en slepen kan je ook nog eens de paletten plaatsen waar je wilt in het werkvlak :good:.

gotenks
2 juni 2009, 16:21
Heb me vandaag op school ook eens bezig gehouden met dit lesje ^^

Dit is de originele foto:

https://vorming.minatica.be/Games/Gotenks/me1.jpg

Dit is de bewerkte foto:

https://vorming.minatica.be/Games/Gotenks/me2.jpg

peenif
2 juni 2009, 17:26
Goede uitvoering gotensk met gaaf afgewerkte randen ;).
Hetgeen me echter het meest opvalt is de kleurverandering van het blauw en het grijs in die pull in vergelijking met de originele, met deze techniek kan dit normaliter niet tenzij je in een ander kleurprofiel hebt gewerkt (RGB - de originele foto is sRGB) en als RGB opgeslaan. Maar soit bedankt en :good:.

gotenks
2 juni 2009, 17:57
Bedankt voor de opmerking! Hoe kan ik het dan doen zoals het normaal wel hoort? Dan kan ik het verschil ook eens uitproberen en zien :)

Keystroke
2 juni 2009, 18:59
Ik heb niet veel tijd door de examens dus ik heb het simpel gehouden

http://www.geekytattoos.com/wp-content/uploads/2009/05/guitar-hero-buttons-tattoo.jpg

http://img13.imageshack.us/img13/1917/guitarherobuttons.jpg

peenif
2 juni 2009, 21:23
Mooie uitwerking Keystroke en simpel of niet (mijn ooievaar was ook simpel) , het is het effect wat telt - hebt U dan eens meer tijd dan kunt U zich eens aan iets uitgebreiders wagen om eens iemand te verrassen. Bedankt voor de inzending. (y)

peenif
2 juni 2009, 21:42
Bedankt voor de opmerking! Hoe kan ik het dan doen zoals het normaal wel hoort? Dan kan ik het verschil ook eens uitproberen en zien :)

Het probleem ligt zeker niet aan de uitvoering van het lesje maar denkelijk aan de kleurinstellingen van uw gebruikte Photoshop versie.
Indien U een foto opent in PS met sRGB kleurprofiel en U bewerkt die in PS met het RGB kleurprofiel dan zijn uw oorspronkelijke kleuren afwijkend als U ze met een RGB kleurprofiel opslaat. Voor weergave op het net is het best het sRGB kleurprofiel te handhaven want de meeste browsers ondersteunen die, enkel IE ondersteunt RGB kleuren.
Wie dus met sRGB opnamen werkt stelt het best zijn kleurprofiel als dusdanig in : Edit > Color Settings > in dit tabblad kiest U onder Working Spaces > RGB voor sRGB IEC 61966-2.1
Doet U dit niet dan moet U voor gebruik van de foto op het web naar Edit > Assign Profile gaan en daar in deze dialoogbox vinkt U profile aan en kiest U voor dezelfde sRGB als hierboven en dan pas de foto opslaan.

Ik denk dat daar het probleem ligt / even proberen zou ik zeggen en laat even iets weten.

gotenks
2 juni 2009, 22:12
Net even gekeken naar wat je zei van Edit => Color Settings en dan bij Working Space, maar het staat al op sRGB IEC 61966-2.1 :)

Maakt het misschien iets uit dat ik CS4 gebruik?

peenif
2 juni 2009, 22:57
Neen want in CS4 is het kleurmanagement net hetzelfde - ziet U zelf een verschil in Photoshop indien U de aanpassingslaag onzichtbaar maakt na de techniek? Zoniet zou ik niet weten hoe die originele en bewerkte foto zo afwijken qua kleur en grijstinten in die pullover hier op het forum - tenzij U met donker grijs i.p.v. zwart zou hebben gewerkt ;).

gotenks
3 juni 2009, 17:26
ziet U zelf een verschil in Photoshop indien U de aanpassingslaag onzichtbaar maakt na de techniek?
Zullen het een mysterie moeten houden, want in Ps zie ik geen verschil xD

Ik heb nog eventjes een ander voorbeeldje gemaakt van mijn beste vriendin en ik (niet op mijn begaaide kop letten! xD).

Originele foto:

https://vorming.minatica.be/Games/Gotenks/Wendy&ik1.JPG

Bewerkte foto:

https://vorming.minatica.be/Games/Gotenks/Wendy&ik2.jpg

Net als bij deze foto zie ik in Ps geen kleurverschil tussen de foto's.. Misschien lijkt het zo door het zwart-wit effect?

ultddave
3 juni 2009, 18:18
Kan misschien zijn dat deze website niet alle kleuren ondersteunt of iets dergelijks?

Mvg,
Dave

Breskuz
3 juni 2009, 19:15
allemaal zeer mooi gedaan ;)

peenif
4 juni 2009, 08:32
Net als bij deze foto zie ik in Ps geen kleurverschil tussen de foto's.. Misschien lijkt het zo door het zwart-wit effect?

Inderdaad is het gezichtsbedrog - ik heb de RGB waarden van die kleuren gemeten met het kleurpipet en het zijn krak dezelfde waarden. :wall:

Ter illustratie deze :

http://i478.photobucket.com/albums/rr149/Peenif/220-Illusion.jpg

Keystroke
5 juni 2009, 13:23
Wow dat is wel indrukwekkend. Heb het toch eens nagemeten en de de twee vierkanten zijn echt dezelfde kleur!

Ik kon het nog niet echt geloven dus heb ik met de kleur gebrusht en dan zie je dat het wel degelijk dezelfde kleur is.

http://img30.imageshack.us/img30/1460/sameshade.jpg

gotenks
5 juni 2009, 20:58
Zo zie je maar, in een les zit soms nog een extra les verborgen :p

ultddave
5 juni 2009, 22:05
Zo zie je maar, in een les zit soms nog een extra les verborgen :p

Hahaha :D, nu doet ge me denken aan men leerkracht met die uitspraak :P

maar nu ja, het is wel waar :D.

peenif
6 juni 2009, 08:50
En goed dat we dit nu toevallig te weten zijn gekomen, nu ja een mens leert elke dag bij.
Blijkt nog maar eens hoe eigenaardig onze grijze hersenstof op sommige prikkels reageert.

goodiesetn
6 september 2009, 13:16
Hier kan men uitwerkingen plaatsen van : [Selectief kleurgebruik in zwart-wit] Les 9

amaai zeer goed

Joeri V
4 januari 2011, 20:41
Heb deze ook eens geprobeerd zie ,hopelijk een beetje goed bevonden

http://img404.imageshack.us/img404/1065/werkjeminatica.gif (http://img404.imageshack.us/i/werkjeminatica.gif/)

peenif
4 januari 2011, 22:08
Zo te zien heel goed gedaan Joeri V en kijk die ogen van die karper eens als die met zijn pink in zijn geslachtsdelen knijpt :lol:.

Breskuz
6 januari 2011, 01:30
Schoon gedaan ;)