Kader om een foto plaatsen (actie)

Inleiding

Vraag jij je ook altijd af waarom foto's met een kader eromheen er zoveel beter uitzien dan foto's zonder kader? Natuurlijk is dit puur gezichtsbedrog, en de belangrijkste redenen dat een foto er 'beter' uitziet, zijn het feit dat duidelijk is dat er tijd aan de foto is besteed (is het niet tijdens het maken, dan wel met de nabewerking), en het isoleren van de eventueel afleidende achtergrond.

Iedereen die wel eens met een beeldbewerkingsprogramma als Photoshop, Paint Shop Pro of The Gimp heeft gewerkt zal weten dat het niet al te moeilijk is om een kadertje te plaatsen, met een mooi titeltje of je 'handtekening' eronder. Maar hoe krijgen al die kader-fetisjisten toch alle kadertjes even groot en recht, en de tekst op dezelfde plaats? En is het niet een rotwerk om dit met alle honderden zeer goed gelukte foto's die elke rechtgeaarde fotograaf dagelijks produceert te doen?

Het antwoord hierop is: ja en nee. Ja, als je alle foto's met de hand, één voor één, van een kader wilt voorzien. Nee, als je het proces van een kader maken hebt geautomatiseerd. In deze tutorial wordt uitgelegd hoe dat automatiseren in zijn werk gaat. Maar ook degene die eenmalig een kadertje wil maken maar niet weet hoe dat moet zal hier alle antwoorden op zijn vragen kunnen vinden. Professionele kennis van Photoshop (want daar maak ik in deze tutorial gebruik van; om precies te zijn: versie 7.0, Engelstalig) is dus niet nodig!

Acties

Acties binnen Photoshop zijn een soort macro's zoals je die wellicht van programma's als Microsoft Word kent. Om Word als voorbeeld te gebruiken: wanneer je een tekst vet en onderstreept wilt hebben, moet je de tekst eerst vet maken, en vervolgens onderstrepen. Dit zijn dus twee opdrachten die je moet geven voor je het gewenste resultaat hebt verkregen. Omdat mensen per definitie liever lui zijn dan moe, willen we dit terugbrengen naar slechts één opdracht. En hier zijn we aangekomen bij het concept van een 'macro' of, in bijvoorbeeld Photoshop, een 'actie': we kennen de twee opdrachten 'vet' en 'onderstrepen' toe aan één sneltoets, en het gewenste resultaat verkrijgen we in tweemaal kortere tijd!

Een actie initiëren

Tijd voor het echte werk in Photoshop: we willen een actie maken die van een grote foto, zo uit de camera, een verkleining maakt, deze van een mooi kader voorziet, en een copyright-bericht in de rechter onderhoek plaatst. Uiteraard is dit slechts een voorbeeld, en kan je alles wat hier wordt gedaan naar je eigen wensen aanpassen en/of uitbreiden: creativiteit is een mooi iets.

We openen eerst een foto (zoom hem maar direct in tot 100%, dan zie je direct 'live' wat er gebeurt tijdens het maken van het kader, en niet in een verkleinde versie): op deze foto voeren we de gewenste handelingen één voor één uit en bewaren de opdrachten die we doen om ze later opnieuw uit te voeren, maar dan met één druk op de knop.

Nu is het tijd om Photoshop te kennen te geven dat we willen gaan 'opnemen' wat we doen; zorg ervoor dat onder het menu Window een vinkje voor de optie Actions staat. Je ziet nu het volgende palette op je scherm verschijnen:

Klik op het icoontje voor 'Nieuwe actie':

Nu verschijnt een dialoogvenster waarin om een naam voor de actie wordt gevraagd een een sneltoets waarmee je de actie kan benaderen (de overige opties bespreek ik hier niet). We noemen onze actie 'Kader' en we willen met de toetsencombinatie <ctrl>+<f5> toegang hebben tot deze actie:

Wanneer we nu op Record klikken, begint de opnamesessie, die wordt afgebroken met <Escape> of door op de stop-knop onderin het actions-palette te klikken:

Het maken van een kader

Nu gaan we eindelijk aan het echte werk beginnen: het maken van het kader zelf. Let op: alles wat je vanaf nu doet wordt opgenomen in de actie, en zal dus, bij het opnieuw afspelen van de actie, worden herhaald. Doe dus geen overbodige dingen, dit is zonde van je processorkracht!

We beginnen met het verkleinen van de afbeelding: een kader is bedoeld om de foto ergens te tonen, en dan is een foto van 3 megapixels niet het meest geschikte formaat. Dit verkleinen doen we door ImageImage Size... te kiezen en vervolgens de 'Pixel Dimensions' naar een kwart van de originele grootte te zetten. We werken in dit geval (en in de rest van deze tutorial overigens ook) relatief ten opzichte van de afbeelding, omdat je dan geen exacte maten hoeft te weten, en de actie dus ook kunt gebruiken voor foto's van een afwijkend formaat (denk aan een crop uit een originele foto). Kies dus eerst voor een 'Percentage', en let erop dat de verhoudingen gelijk blijven! De overige waarden laten we ongewijzigd:

Als we op OK klikken, zien we een kleine versie van onze originele foto. Kies als achtergrondkleur zwart: we willen namelijk eerst een dun zwart randje om de foto maken en daarna een bredere, witte rand. Nogmaals: het staat vrij de eigen creativiteit de loop te laten!

Nu maken we een dun randje van één pixel om de foto heen. Kies hiervoor uit het menu Image de optie Canvas Size... en zorg ervoor dat aan zowel de breedte als de hoogte twee pixels worden toegevoegd (dit is éé pixel links en één rechts). Let erop dat het vakje 'Relative' is aangekruist (anders krijg je foto de afmetingen van 2x2 pixels, en dát willen we niet!) en dan de foto in het midden gecentreerd wordt:

Klik op OK en als je goed kijkt, zie je dat de foto een dun, zwart randje heeft gekregen. Op dezelfde manier als net gaan we nu een bredere, witte rand maken. Zet hiervoor eerst de achtergrondkleur op wit, en vergroot het canvas (als het ware het 'doek' waarop je aan het schilderen bent; trek de analogie met de ouderwetse schilderkunst!) met 15 pixels aan alle kanten (dus de breedte wordt 30 pixels meer, de hoogte ook). Houd voor de rest dezelfde opties aan als net.

Klik op OK en je ziet dat er een dikke, witte rand om de foto heen zit. Nu zal je ook het zwarte randje duidelijker zien, zeker als het een lichte foto betreft. We zijn echter nog niet klaar met het kader: we wilden een copyright-bericht opnemen onder de foto, en dat past natuurlijk nooit in zo'n smal randje. Daarom vergroten we het 'doek' nog één maal, en wel met 20 pixels in de hoogte (de breedte blijft gelijk). Zorg er nu echter voor dat de originele afbeelding boven in het canvas blijft staan! Klik tenslotte op OK

Het enige wat we nu nog moeten doen is het copyright-bericht toevoegen. Hiervoor selecteren we de 'Text tool', plaatsen hem waar we het copyright-bericht willen hebben, typen wat tekst, en maken deze tekst op (lettertype, grootte, precieze plaatsing):

Wanneer je op de <Enter>-toets drukt van het numerieke gedeelte, wordt de tekst 'gerenderd' en is onze macro af! Stop de macro met <Escape> of door op de stop-knop onder in het actions-palette te klikken. In het actions-palette zien we nu onze eigen actie staan. Wanneer je op het driehoekje ervoor klikt, zie je welke handelingen er allemaal in deze actie ingesloten zitten:

Gebruik van de actie

We hebben voor het maken van dit kader meer tijd gebruikt dan voor het maken van een kader zonder er een actie aan te koppelen (immers, we hebben de actie gemaakt, er een sneltoets aan gegeven, enzovoort). De eenvoud van een actie zit hem echter in de vervolgfoto's: wanneer je een volgende foto opent, en op <ctrl>+<f5> klikt, heb je in een flits van een seconde een kader eromheen!

Opmerkingen: