Welkom bij TheHotSeat, pseudoniem voor een Gentse freelance webontwikkelaar. Maar bovenal een blog over webdesign, webontwikkeling en (digitale) vormgeving

view comments

Een masker per slimme filter in Photoshop

25 Nov 2008

Photoshop CS3 maakt 1 filtermasker aan per slim object, ongeacht het aantal filters dat je er op toepast. In deze blogpost demonstreer ik een techniek die je toelaat om een filtermasker te creëren per filter. En dat zonder lagen te hoeven kopiëren of samenvoegen. Het voordeel is grandioos: nu kan je filters toepassen met de flexibiliteit van aanpassingslagen.

Het probleem

Eerst even een schets van het probleem aan de hand van een foto die ik nam op een zomeravond in Québec:

Quebec aan de waterkant in de schemering

Omdat ik vond dat de keien vooraan teveel aandacht opeisten, heb ik ze onscherp gemaakt. Zo creërde ik ook meteen een groter gevoel van scherptediepte.

zelfde foto, nu met vervaagd stuk

Het onscherp maken deed ik vrij eenvoudig via de filter Gaussiaans vervagen (Eng: Gaussian blur). En door die als een slimme filter toe te passen kan ik ten allen tijde terugkeren naar mijn oorspronkelijke scherpe keien, mocht ik me achteraf bedenken. Tegelijk kan ik met zwart op het filtermasker schilderen boven het huisje, de berg en de wolken om die delen van mijn foto perfect scherp te houden.

Uitstekend dus! De lagenpalet van mijn foto zie je hieronder. Let op het filtermasker; het zwarte stuk zorgt er voor dat de filter Gaussiaans vervagen niet zichtbaar is op die plaats van de foto.

lagenpalet photoshop cs3 slimme filter

Ik hou van het contrast tussen het warme kunstlicht en de koele tinten van de omgeving. Om de aandacht van de kijker nog meer op dat kleurenspel te richten wilde ik graag een vignet aan de foto toevoegen. Dat is een vrij populair effect dat de hoeken van de foto donkerder maakt.

Een vignettering kan je snel verkrijgen via het menu ‘Filter > Vervorm > Lenscorrectie’ (‘Filter > Distort > Lens correction’). Alleen zit ik nu natuurlijk met het probleem dat het filtermasker van daarnet niet alleen de vervagingsfilter bovenaan onzichtbaar maakt, maar ook het vignet. De afbeelding hieronder toont wat er aan de hand is:

1 filtermasker per slim object

Zoals je ziet creërt Photoshop 1 filtermasker per slim object en niet per slimme filter. In het ongewenste resultaat zie je enkel een vignet in de onderste hoeken van de foto:

niet goed: enkel een vignet onderaan

De oplossing

Er is gelukkig een mouw aan te passen. Volg deze werkwijze als je meerdere slimme filters wil toepassen, elk met hun eigen filtermasker:

Stap 1: Pas je eerste filter toe

Zet je laag om naar een slim object en pas je eerste filter toe. In mijn bovenstaande voorbeeld is dat de filter Gaussiaans vervagen. Gebruik het filtermasker indien nodig.

Stap 2: Dubbelklik op het slim object in de lagenpalet


Photoshop opent nu het referentiebestand waarnaar het slim object verwijst.

Stap 3: Zet de laag van dat referentiebestand om naar een slim object

Dat kan via ‘Laag > Slimme objecten > Omzetten in slim object’ (‘Layer > Smart objects > Convert to smart object’). Je werkt nu dus met een slim object in een slim object!

Stap 4: Pas je tweede filter toe op dit slim object

In het geval van mijn voorbeeld is dat de vignettering. Indien nodig kan je het filtermasker gebruiken om ook deze filter lokaal onzichtbaar te maken.

Stap 5: Bewaar en sluit het referentiebestand

Je zal zien dat je bewerking hierna ook doorgevoerd wordt in het oorspronkelijke bronbestand. En de tweede filter is niet meer onderhevig aan het filtermasker van de eerste filter. In mijn voorbeeld levert dat zoals je hieronder ziet een echt vignet op. De vier hoeken zijn nu donkerder:

vignet succesvol toegepast

Je kan de bovenstaande stappen indien nodig enkele keren herhalen om meerdere slimme filters toe te passen, elk met hun eigen filtermasker. De truck bestaat er dus gewoon uit om telkens een slim object binnenin een slim object te gaan maken. Het lijkt in het begin wat ingewikkeld maar laat je zeker niet afschrikken, het is helemaal niet zo moeilijk als het lijkt.

één klein nadeel misschien

Het nadeel aan de bovenstaande werkwijze is dat het niet evident is om ook nog maanden later te weten wat er juist met de foto is gebeurd. Dan moet je er aan denken te dubbelklikken op het slimme object in de lagenpalet om dan in het referentiebestand te zien dat er ook nog een tweede filter is toegepast op de foto. Maar je zou natuurlijk de naamgeving van het slim object zo kunnen aanpassen dat je weet dat er een tweede slim object in vervat zit. Ik denk dan aan iets als ‘foto huis SO in SO’.

En in Photoshop CS4?

Ik heb de kans nog niet gekregen om Photoshop CS4 uit te testen omdat ik wacht om mijn geld boven te halen tot de Nederlandstalige versie op de markt komt. Ik weet dan ook niet of Photoshop CS4 standaard een filtermasker per slimme filter aanmaakt (laat zeker iets weten als jij het al eens hebt kunnen testen! Update: Viero laat in een reactie weten dat ook CS4 geen masker per filter aanmaakt!). Maar als dat niet zo is, dan kan je ook in CS4 ongetwijfeld gebruik maken van deze techniek.

Gebruik je zelf een andere manier om een filtermasker te bekomen per slimme filter of heb je bemerkingen bij deze werkwijze? Dan hoor ik het uiteraard heel graag van je!


Gelijkaardige blog posts

7 reacties op dit bericht

1
Dries schreef op 25 Nov 2008 om 15u13:

Nice thinking, thomas,

wat je zou kunnen doen om niet in je ‘smart object’ te moeten gaan om daar de vignet toe te passen, is om het vignet-effect zelf te creëren in een nieuwe laag, maar ‘t is net zo handig om de filter ervoor te gebruiken.

Ben je er even tussenuit geweest nr Québec om de foto te nemen voor deze tutorial? misschien daarmee dat je ons zo lang om een nieuwe interessante hotseat-tip liet wachten ? smile


2
Thomas schreef op 25 Nov 2008 om 22u34:

Bedankt Dries! Het klopt dat ik het vignet op een andere manier had kunnen toepassen; via een curven aanpassingslaag of zelfs een volledige zwartgekleurde laag bijvoorbeeld. Maar dan had ik je niet kunnen tonen hoe je verschillende filters kan toepassen elk met hun uniek filtermasker!


3
Viero schreef op 26 Nov 2008 om 20u48:

Spijtig genoeg ook in CS4 wordt er maar 1 filtermasker aangemaakt.
gr,
viero


4
Thomas schreef op 27 Nov 2008 om 14u36:

Ah, goed om weten! Vind je het trouwens de moeite om te upgraden naar cs4?


5
viero schreef op 27 Nov 2008 om 19u58:

Zoveel wijzigingen zijn er niet (behalve 3d dan)
Waarom dan upgraden ?
Voor mij al voor 1 enorme verbetering “de kloonstempel” !
Die is nu zeer handig, je ziet wat je met de alt aangeduid hebt en kan het mooi plaatsen op je foto (het stukje blijft je muis volgen, gokken is dus verleden tijd)
Dodge en burn is ook stukken beter, de pixels worden minder stuk gemaakt. (je hebt nu protect tones optie)
Vanishing point is leuk en werkt goed maar of ik dit veel zal gebruiken?
Wat ik ook heel goed vind is de nieuwe workspace, bovenaan kan je nu van de ene foto naar de andere gaan (je kan het vergelijken met de werkwijze van IE7)


6
viero schreef op 28 Nov 2008 om 09u24:

Blijkbaar iets te vlug getikt: ik bedoelde de Content Aware Scale ipv vanishing point. Trouwens bedankt voor de slimme filter tip !


7
Dries schreef op 1 Dec 2008 om 10u28:

Content Aware Scale : Zo’n nieuwe tool ziet er in de aangeleverde tutorials/demo’s inderdaad heel netjes uit, maar wanneer je ze gaat toepassen op eigen beelden, gaan ze meestal net iets minder vlot. Vooral in productie als je al niet té veel tijd hebt om die foto of dat beeld te bewerken.
Ik heb verder nog niet al te veel nieuws onderzocht van CS4, ik wacht wat op de reacties van een collega, wanneer die terug komt van Adobe Max in Milaan.


Plaats een reactie

Commenting is not available in this channel entry.


Over logo TheHotSeat 

foto Thomas Byttebier pijltje TheHotSeat is Thomas Byttebier, freelance webdesigner en user interface designer.
Op deze website blog ik over alles wat met webdesign en digitale vormgeving te maken heeft. Meer informatie over mij. @bytte op Twitter.

RSS Feed TheHotSeatLaatste blog posts

Laatste reacties

Categorieën

AlleExpressionEngineiPhoneTransistorMarketingSEOOntwerpTypografieOntwikkelingjQueryPHPZend FrameworkOpiniesOverigePhotoshopWebomgeving