Een kader om een foto in Photoshop
Een kader, rand of border om een foto, bij digitale afbeeldingen werk ik er niet vaak mee. Het is niet vaak dat het een toevoeging is aan de oorspronkelijke foto. Maar in sommige gevallen, bijvoorbeeld als je je afbeelding op een foto-site wil uploaden of m.b.v. een beamer wilt laten zien, kan het een handig trucje zijn om je foto niet op te laten gaan in de achtergrond. Als je een afbeelding op Internet zet, mis je namelijk vaak de uitstraling die een afdruk in een mooi passe-partout heeft. En in die gevallen kan het handig zijn om een rand om je afbeelding te maken.
Ik krijg vaker de vraag hoe je een kader om een foto kunt maken met Photoshop. En zoals zo vaak zijn er bije het bewerken met Photoshop vele wegen die leiden tot het gewenste resultaat. Soms meer dan naar Rome. En welk trajectum je kiest is vaak afhankelijk van je persoonlijke voorkeur. Omdat ik nooit direct kan kiezen voor de perfecte kleur van het passepartout en omdat ik nooit vooraf weet hoe breed het kader moet worden, gebruik ik zelf altijd een methode die heel intiuïtief werkt. Een manier van werken waarbij je direct ziet wat je veranderingen zijn en waarbij je achteraf nog eenvoudig naar smaak kunt bijstellen. Deze methode van het maken van een kader binnen Photoshop, wil ik hier uit de doeken doen.
Als je denkt dat het moeilijk is door de lengte van het artikel: probeer het eens uit en je zult zien dat het makkelijker is dan andere manieren. Bij deze methode hoef je niet moeilijk te rekenen in procenten of aantallen pixels, je hoeft niet te weten wat de afmeting van je beeld is, en je verliest ook niets van je afbeelding (sommige manieren zetten een rand over je foto heen). Om aan te geven hoe eenvoudig het is: bij een ervaren Shopper zou ik kunnen voldoen met: “Een color-adjustment onder de foto en met croppen je canvas vergroten. Maar omdat niet iedereen een Photoshop-nerd is, zal ik je er stapje voor stapje doorheen loodsen. Eén keer uitvoeren en je zult zien: ” het is simpel en doeltreffend”:
Stap 1: Open je foto in Photoshop:
Tip: als je geen venster met lagen/layers ziet: druk op F7

Stap 2: Maak een kleurlaag (vaste kleur/solid color) onder je afbeelding
Hiervoor moet je eerst de achtergrond-laag veranderen in een normale laag. Dit is omdat er geen laag achter een achtergrond-laag kan zitten. Dit doe je door te dubbelklikken op de naam van de achtergrondlaag, met de ALT-toets ingedrukt.
Vervolgens maak je een kleurlaag onder je foto (de achtergrond oftewel het kader). Dit kun je doen door een nieuwe laag aan te maken en deze onder je foto te slepen, of je kunt het in één keer doen door CTRL-klik op het symbool voor een nieuwe laag:

Het resultaat is een nieuwe laag, onder/achter je foto. Deze laag is nog leeg en wordt weergegeven als blokjes.
Stap 3: Geef de onderste/achterste laag (het kader) een kleur.
Hiervoor gebruik ik een zogenaamde Aanpassingslaag (Eng: Adjustment Layer). Deze kun je via het menu aanmaken, of je klikt op het het yin/yang-symbool (rondje zwart/wit) onderaan je lagenpalet. Kies in het menu voor Vaste kleur (Eng: solid color)

Stap 4: Kies de kleur van je kader.
Met de kleurkiezer kun je nu de kleur van je rand kiezen. Je kunt dat doen door kleurnummers in te geven, maar het is eenvoudiger om dat te doen met het schuifje en het cirkeltje (zie afbeelding)

Als je alles goed hebt gedaan, heb je nu twee lagen in je lagen-palet. Dat ziet er zo uit:

Stap 5: vergroot je canvas
Nu ga je de afbeelding vergroten en het kader zichtbaar maken met het gereedschap bijsnijden (Eng: crop). Het klinkt misschien vreemd om een afbeelding te vergroten met een gereedschap waar het woord “snijden”in zit. Maar hier schuilt nu juist het leuke in van deze methode.
Selecteer het gereedschap bijsnijden/crop (met de letter C) en selecteer de hele foto door van linksboven naar rechtsbeneden te sleuren met je muisknop ingedrukt. Dit ziet er zo uit:

Stap 6: maak je canvas/afbeelding groter
Dit doe je door twee tegenover elkaar gelegen hoeken bij het vierkante handvat vast te pakken en naar buiten te slepen. Sleep zo ver zoals je de grootte van het kader wilt hebben:


Als je klaar bent met het gesleep, bevestig je de grootte van je nieuwe canvas door op Enter/Return te drukken.
En voila: we hebben een rand om de foto, met de kleur die we eerder hebben gekozen:

Je bent nu klaar en je kunt – als je tevreden bent – je nieuwe afbeelding inclusief kader opslaan.
Maar nu komt het grote voordeel van deze methode. Je hebt in de voorgaande stappen twee keuzes moeten maken:
- Welke kleur je kader heeft
- Hoe groot je kader moet zijn
En omdat een mens nu eenmaal moeilijk kan kiezen en soms de neiging heeft om op een eerder genomen beslissing terug te komen, biedt deze methode voor de spijtoptant alle flexibiliteit om achteraf alles makkelijk aan te passen.
Wil je de kleur van je kader veranderen? Simpel: dubbel-klik op de kleur die je hebt gekozen, en verander de kleur van je kader:

Wil je de grootte van je kader veranderen? Simpel: selecteer je gereedschap bijsnijden (Eng: Crop) door de toets ‘C’ in te drukken en maak je afbeelding kleiner of groter:

En je hebt bijvoorbeeld een breder passe-partout in een andere kleur, met een paar eenvoudige klikken:

The End
Tot zover het maken van een eenvoudig kader. Ik hoop dat ik het een beetje duidelijk heb kunnen maken. Indien dat zo is (of er juist iets onduidelijk is), laat het me maar weten. Reacties zijn welkom.
De volgende keer breid ik deze methode uit met twee varianten die je vaak tegenkomt. Het kader met een smalle lijn (net zoals een passe-partout) en 3D-effect en het kader met een vervaagde foto. Zie hieronder voor de voorbeelden:






reacties
Bij mij lukt het niet om canvas en/of afbeelding te vergroten na selectie met het cropinstrument. Het lukte me eerder ook al niet om canvas ipv image te vergroten; bij wijziging van het een veranderde het ander mee. Kan er door een of andere oorzaak iets geblokkeerd zijn? Enig idee wat dat zou kunnen zijn? Eerder heb ik meerdere lagen gemerged. Maar het geheel zou toch weer aangepast moeten kunnen worden?
Dank voor je tijd, Irene
Een afbeelding vergroten lukt ook niet met de crop-tool. Daar zul je de Transform-tool voor kunnen gebruiken (CTRL-T).
Als het niet lukt om je canvas te vergroten met de croptool… helaas, ik heb geen idee. Bij mijn weten is er geen instelling o.i.d. die dat zou kunnen verhinderen.
Hallo,
Ik ben ook lekker aan het gogelen met Photoshop.
Het lukt me nu om verschillende kaders om de foto te plaatsen.
Maar ik zou graag de breedte van de rand aanpassen.
Ik wil graag overal de rand bv 2cm hebben en onder 3cm.
Is dat mogelijk?
groetjes Irma
Ja, dat kan op meerdere manieren. Wat je zou kunnen doen is:
1. Vergroten van je canvas (CTRl-ALT-C) of via menu Image/Beeld
- bij de breedte 4cm invullen
- bij de hoogte 6cm invullen
- het vinkje ‘relatief’aanzetten
- Anchor/Anker in het midden laten staan.
Je canvas wordt dan vergroot met 3cm aan boven- en onderzijde en 2cm aan de zijkanten
2. via de hierboven beschreven methode (vergroten d.m.v. de croptool)
- Zet de horizontale en verticale lineaal aan (CTRL-R)
- Als je gaan croppen/bijsnijden, zie je op de lineaal links en boven precies hoeveel je er bij snijdt.
Als jouw lineaal niet de maten in cemtimeters aangeeft, moet je dat even veranderen in je instellingen (Edit | Preferences | Units) of (Bewerken | Voorkeuren | eenheden)
Hallo Vaans,
Ten eerste bedankt voor je heldere uitleg wat betreft het maken van een kader.
Ik heb een foto gemaakt van mijn dochter, waar ik nu dus een mooie passepartout omheen heb kunnen maken.
Wat ik nu nog graag wil, is de achtergrond zwart/donker maken, want er staat nu een lelijke kast op de achtergrond.
Ik heb heel internet afgezocht, maar ik kan nergens een duidelijke uitleg vinden hoe dit moet.
Kunt u mij hiermee helpen? en weet u of er korte cursussen zijn voor dit soort dingen?
Groeten Gabriëlle
Heb een vraag over het maken van een “vage”rand om een foto.
Bovenstaand zijn allemaal “strakke” randen voor om een foto.
Graag zou ik een rand maken die naar buiten toe vaag verloopt.
Hoe kan ik dit doen in Photoshop CS2?
Ik hoop van u te horen.
Groeten
Jennet
hallo,
bedankt voor je zeer heldere uitleg van de randen. ben erg benieuwd naar het vervolg met de passe-partout.
groeten inkie
Hoi Ingrid,
Het vervolg is er al. Zie het blokje ‘gerelateerde artikelen’ hierboven.
Grtz,
Vaans
Het enigste wat er gebeurt bij canvas’ vergroten is dat er nog een 1 pixel foto overblijft,… niks mooie rand,.. ik heb er koppijn van na 2 uur proberen! help!
Hoi Yoka,
Als je de croptool hebt geselecteerd moet je even kijken of er boven in de balk maten staan ingevuld. Die moet je dan even leegmaken door op de knop “clear” te klikken.
Vaans
ha we reageerde denk tegelijk ,…. dank Vaans!!
ok,.. was toch raar die ene pixel,.. heb bij 1pixel 1024 ingetoetst,. nu doet de rand het eindelijk wel,…. snap het nog niet,..dat de foto steeds naar 1pixel terugvloog!! afijn ik ploeter me verder door je overigens duidelijke uitleg!!! groetjes Yoka
Okay. Have fun!
Het is me prima gelukt met de instrukties enkel het opslaan van het bestand lukt me niet. Ik kies voor “opslaan als..” en sla het zo op in “mijn afbeeldingen” Maar daar zie ik de foto niet terug, wel de naam van het bestand. Klik in daar op gaat photoshop open. Wat doe ik verkeerd?
Ik vind dit een erg duidelijke instructie! Bedankt daarvoor!
Helaas lukt het mij ook niet.
Ik kom t/m stap 4.
Het selecteren van de foto lukt mij niet met de crop tool omdat ik niet zelf kan bepalen welk deel er geselecteerd wordt. Wanneer ik links boven begin dan kiest hij zelf de breedte qua uitsnijden en kan ik dus niet de hele foto selecteren maar er blijft een rand onderaan open.
Ik heb vervolgens wel geprobeerd om het canvas te vergroten maar ik zie de achtergrond niet. (ze staan beiden als zichtbaar)
Nu kan ik opzich ook een kader maken door de afbeelding te selecteren en dan edit-stroke maar de kader is alleen zichtbaar wanneer ik hem binnenin de foto plaats en niet buiten de foto.
Dat heeft vast ook te maken met lagen, maar ik zie zo door de bomen het bos even niet meer.
Ik denk dat het probleem is dat de crop-tool op een vaste verhouding staat. Dan bepaalt hij inderdaad zelf de breedte die bij de door jou gekozen hoogte hoort.
Je kunt deze verhouding uitschakelen door:
- selecteer de crop-tool (C)
- boven in de balk zie je dan een verhouding staan
- druk rechts van die verhouding op ‘Clear’
Vanaf dat moment kun je vrij croppen en zelf de verhouding bepalen
Als beginnende photoshopper heb ik veel aan uw instructie gehad en is het me allemaal gelukt. Ik heb met een witte border gewerkt, maar zie nu bij het eindresultaat dat onder en rechts van de border er een schaduw is naar buiten toe. Heb getracht te vinden hoe deze er van af te halen, maar is me niet gelukt. Is dit makkelijk op te lossen (vast wel….
)
gr
Edwin
Hoi Edwin,
Dat is denk ik een schaduw van de laagstijl. Kijk eens bij deel II, onder het kopje “Hoe maak je een schaduw of 3d-effect?”.
Wellicht dat je daar iets aan hebt.
Grtz,
Vaans
Dank voor de mooie uitleg. Heb echter probleempje. Na het selecteren van het ‘te croppen’ gebied toets ik enter. Het gebied wordt uitgesneden, maar het kader er omheen verdwijnt steeds… enig idee wat ik fout doe?
Als je cropt, maak je het gebied dan groter of kleiner dan de originele foto?
kleiner
Dat zit ‘m daarin het probleem. Het kader wordt alleen maar zichtbaar als de crop groter is dan de afbeelding. Als je de foto zelf ook nog wil bijsnijden, moet je ‘m eerst op de gewenste uitsnede croppen en dan pas de bovenstaande handelingen uitvoeren.
Dat was het inderdaad…. thanks!