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

Photoshop handleiding tutorial rand kader 1

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:

Photoshop handleiding tutorial rand kader 2

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)

Photoshop handleiding tutorial rand kader 3

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)

Photoshop handleiding tutorial rand kader 3

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

Photoshop handleiding tutorial rand kader

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:

Photoshop handleiding tutorial rand kader 4

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:

Photoshop handleiding tutorial rand kader 5

Photoshop handleiding tutorial rand kader 5

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:

Photoshop handleiding tutorial rand kader 5

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:

Photoshop handleiding tutorial rand kader - aanpassen

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:

Photoshop handleiding tutorial rand kader - aanpassen

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

Photoshop handleiding tutorial rand kader - aanpassen

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:

Photoshop handleiding tutorial rand kader lijn en schaduw

Photoshop handleiding tutorial rand kader foto in kader

reacties

inklappen Irene
19-8-2009

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

 
inklappen Vaans
20-8-2009

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.

 
inklappen Irma Bijkerk
14-10-2009

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

 
inklappen Vaans
15-10-2009

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)

 
inklappen Gabriëlle van Dijk
19-10-2009

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

 
inklappen Jennet
25-11-2009

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

 
inklappen ingrid
11-8-2010

hallo,
bedankt voor je zeer heldere uitleg van de randen. ben erg benieuwd naar het vervolg met de passe-partout.

groeten inkie

inklappen Vaans
18-8-2010

Hoi Ingrid,

Het vervolg is er al. Zie het blokje ‘gerelateerde artikelen’ hierboven.

Grtz,
Vaans

 
 
inklappen Yoka
3-2-2011

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!

inklappen Vaans
3-2-2011

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

inklappen Yoka
3-2-2011

ha we reageerde denk tegelijk ,…. dank Vaans!!

(Comments wont nest below this level)
 
 
inklappen Yoka
3-2-2011

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

inklappen Vaans
3-2-2011

Okay. Have fun! 🙂

(Comments wont nest below this level)
 
 
 
inklappen Marina
24-7-2011

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?

 
inklappen D Vink
19-11-2011

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.

inklappen Vaans
30-11-2011

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

 
 
inklappen Edwin
4-1-2012

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

inklappen Vaans
6-1-2012

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

 
 
inklappen JW
6-3-2012

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?

inklappen Vaans
6-3-2012

Als je cropt, maak je het gebied dan groter of kleiner dan de originele foto?

inklappen JW
7-3-2012

kleiner

(Comments wont nest below this level)
inklappen Vaans
8-3-2012

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.

 
 
 
 
inklappen JW
8-3-2012

Dat was het inderdaad…. thanks!

 
inklappen Irene
1-7-2012

Dankjewel!!! Ik had hier veel aan!

 
inklappen Cees Cliffhanger
20-11-2012

Beste Vaans het werken in lagen ging tot nog toe goed. Door de blauwe kleur van de laagcode wist ik dat ik er in kon werken. Hoe het komt weet ik echt niet, toch waarschijnlijk verkeerde toets geraakt, maar plots blijven ze ietsje donkerder grijs. Als ik er dan in probeer te werken krijg ik een venster met de waarschuwing dat de laag geblokkeerd is. Hoe komt dat en hoe hef ik die blokkade op? Dank voor je antwoord

inklappen Vaans
22-11-2012

Hoi Cees,

Uit jouw omschrijving is het wat lastig te bepalen wat er aan de hand is. Mogelijk probeer je de achtergrond-laag te bewerken? Die kun je unlocken met ALT-dubbelklik op de laag.
Als er een hangslotje te zien is, kun je op dat slotje klikken om ‘m vrij te geven.

En anders moet je me ff een schermafdrukje mailen.

Grtz,
Vaans

 
 
inklappen Frans
23-2-2013

Een heel heldere uitleg! Een kader maken is nu nog gemakkelijker geworden voor mij.
Aan het eind van je uitleg staan 2 afbeeldingen met een wel heel mooi kader en je zou daar een volgende keer uitleg over gaan geven.
Is dat intussen gebeurd of moet ik wat meer geduld betrachten?

Met vriendelijke groet,
FRans

inklappen Vaans
24-2-2013

Dank je Frans.
Zie de links onder het kopje “gerealeerde artikelen” voor meer

 
 
inklappen Lotte
18-5-2013

Wat een super uitleg! Ik heb hier veel aan gehad.

 
inklappen Vaans
21-5-2013

Mooi 🙂

 
inklappen Lode
4-6-2013

beste,
ik heb al heel veel gehad aan jouw uitleg over het maken van kaders, echt zeer goed uitgelegd en alles lukt.
Is het echter mogelijk om op dergelijke wijze een kader te maken waarbij ik dan telkens de foto verander een soort sjabloon als kader? Ik moet namelijk elke keer nu de kader maken en de kaders blijven hetzelfde, enkel de hoofdfoto verandert, de afbeelding zelf dus. Kader blijft ongewijzigd.
alvast bedankt

 
inklappen Willem Falkenreck
25-9-2013

Bedankt voor de uitleg, ik was mij rot aan het zoeken, ik gebruik sinds kort photoshop en Lightroom met oog op RAW foto’s, voorheen gebruikte ik paintshop pro en daar is het veel eenvoudiger om een rand of lijst om een foto te maken. Als fotograaf word je soms gek van al die veranderingen,als 63 jarige is het soms lastig meekomen met die jonkies, veel succes met uw site.
vriendelijke groet van Willem Falkenreck.

 
inklappen Lis
29-7-2014

Thnks, werkt perfect!

 
inklappen Bob Ver Meylen
2-11-2014

Eenvoudige uitleg!

Ik had graag een kader BOVENOP mijn foto geplaatst: een rand op 0,5cm van de zijkanten.

Is hier ook een makkelijker manier dan enkel een selectie te maken en omlijnen?

Verder ben ik aan het zoeken naar het kopje “gerealeerde artikelen”.

Groeten

 
inklappen frans
3-3-2015

Vaans, als ik een fotolijst A2 (± 85*60cm) heb en een foto wil afdrukken met een rand van (bijvoorbeeld) precies 5,5 cm rondom, de foto wordt ± 49*74cm … hoe krijg ik dit voor elkaar?

gr frans

 
inklappen W.Boere
5-3-2015

Hoe het in fotoshop moet weet ik niet, maar voor incidenteel een rand om een foto gebruik ik het programma fotopasranden.

 
inklappen Chris
6-8-2015

Het toevoegen vd kader lukt perfect,heb er zelfs tekst bijgekregen en al 🙂 maar hoe kan ik het mijzelf nu gemakkelijk maken en de kader+tekst als 1 geheel “plakken” op mijn andere foto’s?

 

Schrijf een reactie


Naam (required)
E-mail (verplicht - wordt niet publiek gemaakt!)
Jouw website


Volg ons op LinkedIn
Volg ons op twitter
Abonneer (RSS Feed)
Volg ons op Facebook