|
In deze tutorial leer je hoe je een afbeelding op een makkelijke manier ronde hoeken kunt geven.
Het resultaat:

Stap 1:
Open je afbeelding in Photoshop, en maak een nieuwe layer aan (ctrl + shift + n) en druk op 'ok'. Sleep dan je afbeelding in het Layer Menu (rechtsonder in Photoshop) naar boven, zodat dit de bovenste layer wordt.
Onze beginafbeelding:

Stap 2:
Neem nu de Rounded Rectangle Tool (U) uit het Tool Menu aan de linkerkant, en maak over je afbeelding een ronde rechthoek, zoals je de hoeken rond wil maken.
Zorg wel dat bovenin de Option Bar de button Paths aangevinkt staat.
Wil je de rechthoek heel precies maken, van elke hoek van de afbeelding dezelfde afstand, gebruik dan de coordinaten uit het Info Palette (F8). Daar zie je x- en y-coordinaten staan als je met de muis over je afbeelding heen gaat. Wil je aan alle kanten een rand van 10 pixels overhouden, trek dan dus 10 pixels van de totale grote van je afbeelding af (ctrl + a, dan zie je W en H), en begin daar met je muis de ronde rechthoek te maken:

Klik dan met rechts in je zojuist gemaakte rechthoek, en kies Make Selection. Vervolgens klik je nog een keer met rechts, en kies je Select Inverse, en druk tot slot op Delete. (Of Select > Inverse menu). Omdat we bij Stap 1 een nieuwe layer aan hadden gemaakt, zie je nu dat de achtergrond transparant is, je hebt dus geen last van kleuren als je de afbeelding ergens gaat gebruiken, de achtergrond wordt doorzichtig, zie het resultaat onderaan.
Stap 3:
Wil je de afbeelding nog iets spectaculairder maken, dan kun je natuurlijk altijd een Stroke, of Shadow toevoegen via de Blending Options (met rechts op Layer klikken). Hier is een Shadow toegevoegd, met de volgende instellingen:

Het eindresultaat:
|
| De vragen en reacties kunnen door tijdgebrek helaas niet altijd beantwoord worden door de auteur van de tutorial. Help elkaar daarom, en houdt het vriendelijk. Plaats geen rare reacties, anders riskeer je een ban voor de website.
Voor overige vragen, zie ons Photoshop Forum. |
Hits: 21756
Geschreven door Haas, op 18-03-2010 20:29 Walter, Bedankt voor de uitleg. Verhaal goed doorgelezen en klaar. Groet Rodney |
Geschreven door Andreas, op 03-03-2010 14:03 Helemaal niet duidelijk uitgelegd! Ik weet niet of het mag maar hier is een link waar ik het beter vind uitgelegd: AmazingPhotoshop.nl |
Geschreven door dES, op 24-02-2010 10:44 handig, ik was net op zoek naar de werkwijze |
Geschreven door sander, op 16-02-2010 10:38 ik ook niet:S |
Geschreven door gianni, op 28-01-2010 18:11 Ik snap het niet egt goed . |
Geschreven door private, op 13-11-2009 15:31 Zo makkelijk en mooi |
Geschreven door Yolande, op 22-08-2009 19:49
Bedankt, het is gelukt Geweldig goed uitgelegd. Bedankt en groetjes |
Geschreven door just0408, op 25-07-2009 23:05 Dank je wel! Geweldige eenvoudige doch leerzame tutorial, ik heb weer wat geleerd dat ik nog niet wist! |
Geschreven door Jens, op 21-02-2009 20:40 Bedankt, heb dit goed kunnen toepassen op mijn website. Het is eigenlijk erg eenvoudig, maar je moet het maar net weten te vinden. |
Geschreven door Mary, op 15-02-2009 12:50 Als je de rand laat verdwijnen via een masker blijft je foto intact, toch? |
Geschreven door Kelly, op 17-08-2008 15:07 Een hele mooie en duidelijke uitleg maar het enige wat ik niet snap is hoe je je selectie dan delete Ik heb lme al zot gedrukt op mijn delete knop maar telkens blijft mijn selectie er staan zonder er iets veranderd |
Geschreven door marlies, op 24-06-2008 12:18 ik kan de selectie maken dat is geen probleem en ook kan ik op select inverse klikken (in de menu bovenaan),maar daarna als ik dan op delet klik, ga het niet |
Geschreven door robin, op 16-06-2008 19:38 echt goed uitgelgt aleen bij delete buiten lijnen heb ik eerst niet bergrepen maar nu wel dankje wel is gelukt super TUT!!!  |
Geschreven door Anouk, op 12-06-2008 20:08 Hoi! Ik heb ik mijn linkermenu geen rounded Rectangle Tool staan. Ik ben een beginnende photoshopper. En ik snap er niets van. Waar staat dat rounded Rectangle Tool Alvast bedankt! |
Geschreven door Walter, op 02-04-2008 15:51 Vandaar ook de klik/kies, voor de muis, en druk, voor een actie voor het toetsenbord Maar oke, mooi dat het gelukt is |
Geschreven door piet, op 02-04-2008 00:16 Walter, Ik zie nu "all of a sudden" wat ik niet helemaal begreep. Je woordkeuze/omschrijving van Select Inverseen delete was wat verwarrend. Inverse stond onder het menu select en delete was "gewoon" het commando m.b.v het toetsenbord. Maar bedankt voor je reactie , dit wordt erg gewaardeerd |
Geschreven door Walter, op 01-04-2008 17:39 In CS 3 werkt het hier ook. Maar wat je hebt is goed? Op foto 3 zie ik je selectie. Dan kun je daarna verder met "Vervolgens klik je nog een keer met rechts, en kies je Select Inverse, .... etc" |
Geschreven door piet, op 01-04-2008 15:04 Hallo Walter, Wellicht doe ik iets verkeerd, maar het gaat bij mij hier verkeerd bij stap2 , na: make selection. foto1 waarna ik dit(foto2) krijg. foto2 Met als gevolg dit ik hier (foto3) blijf steken foto3 Iemand een idee wat er verkeerd gaat? Alvast bedankt voor de hulp. |
Geschreven door piet, op 01-04-2008 14:39 Bij CS3 werkt dit niet volgens de instructietutorial |
Geschreven door Walter, op 18-03-2008 12:42 Die er nu op staat is om aan te geven hoe je het design van een website kunt maken. Buttons etc kun je als delen van de afbeelding knippen en dan gebruiken voor je website (en in html dus als afbeelding invoegen)? |
Geschreven door jordy, op 18-03-2008 11:14 echt vet nu kan ik mooie logo's voor mij sites maken kunnen jullie mischien ook en tutorial over hoe je en layout makt uploade want die er nu op staat is niet veel soeps je kan niet eens buttons enzo erin maken. |
Geschreven door Walter, op 17-02-2008 18:54 Volgens een eerdere reactie van Ron (zie beneden) lukt dit niet in PS 7. Ik heb zelf alleen cs 2 en 3, dus ik kan je helaas niet verder helpen. |
Geschreven door Anja v. Steenbrugge, op 17-02-2008 17:40 Hoi, Werkt dit ook met photoshop 7? Ik kom niet helemaal uit, omdat mijn programma NL is. Anja |
Geschreven door Walter, op 19-01-2008 19:45 Mooi dat het dan gelukt is Willem Maar Ron, kan jij dat niet even hier plaatsen dan? (De tutorials hier zijn gebaseerd op Photoshop Cs, Cs 2 en Cs 3) |
Geschreven door willem, op 19-01-2008 11:02 ik weet niet wat ik fout had gedaan maar ik heb de afbeelding nog een keer geopend (zonder alle andere bewerkingen) en toen deed hij het wel gewoon. weet dus niet wat ik fout heb gedaan |
Geschreven door Ron Gielingh, op 19-01-2008 00:43 Zoals het hier staat gaat het in Photoshop 7.0 nooit lukken, er missen een belangrijk aantal handelingen, met name ta aanzien van het "verslepen"van de afbeeldingen. Hoe het wel moet? Mail me maa even |
Geschreven door Walter, op 18-01-2008 15:17 Lastig te zeggen wat er aan de hand is zo. Je kunt je dan het beste even een screenshotje maken, uploaden naar bijvoorbeeld imageshack, en hier de link plaatsen. Dan hoop ik je verder te kunnen helpen |
Geschreven door willem, op 18-01-2008 14:35 ik heb Paths aangeklikt maar nu doet hij het nog steeds niet. |
Geschreven door Walter, op 18-01-2008 02:53 Ik denk dat je de 3e regel van stap 2 nog even moet lezen, als je Paths hebt aangeklikt, moet het goed gaan. |
Geschreven door willem, op 17-01-2008 20:08 ik kan niet die voor de tweede keer op rechtermuis knop drukken maar door ctrl+shift+i lukte het wel maar als ik dan op delete druk of backspace gebeurt er niks weet iemand hoe dat komt?? |
Geschreven door anoniem, op 05-01-2008 17:50 ja, het is gelukt |
Geschreven door Walter, op 04-01-2008 18:09 Er staat" Neem nu de Rounded Rectangle Tool (U) uit het Tool Menu aan de linkerkant, en maak over je afbeelding een ronde rechthoek, zoals je de hoeken rond wil maken. Zorg wel dat bovenin de Option Bar de button Paths aangevinkt staat." Dat heb je gedaan? Dan kan je Bovenaan in het echte menu op Select > Inverse klikken, hetzelfde als ctrl shit i. Maar het probleem is zo dus opgelost? |
Geschreven door Anoniem, op 04-01-2008 15:17 bij stap 2 dat je rechter muisknop moet doen en dan weer?? select inverse staat erbij mij niet bij:S ik dee na de vierkant gewoon ctrl+shift+i en dan backspace of delete, dat werkte ook. ik zal je verder niet meer lastig vallen  |
Geschreven door Walter, op 04-01-2008 15:11 bovenaan, onder de normale menubalk waar (File, Window etc in staan) |
Geschreven door anoniem, op 04-01-2008 15:09 sorry maar waar staat die option bar precies?? ik kan hem niet vinden  |
Geschreven door Walter, op 04-01-2008 15:04 Ik heb de tutorial even aangepast. Je moet zorgen dat in de Option bar Bovenaan de button PATHS aangeklikt staat. Dan moet het lukken  |
Geschreven door Anoniem, op 04-01-2008 14:55 Als ik zo'n vierkantje met adobe photoshop cs maak dan wordt hij automatisch ingekelurd met zwart, hoe heb jij dat gedaan walter want als ik dan rechter-muisknop doe op het ingekleurde vierkantje dan kan ik niet op make-selection klikken want die is dan grijs  |
Geschreven door Walter, op 04-12-2007 14:58 Zou je even een screenshot kunnen mailen margot? Het probleem herken ik niet direct. Het kan overigens zo zijn dat deze tutorial niet mogelijk is in ps 7, helaas... Los daarvan kan ik je Adobe photoshop CS 3 zeker aanraden  |
Geschreven door margootje, op 04-12-2007 14:44 Als ik een rechthoek heb getrokken en de muis loslaat verdwijnt mijn plaatje het word dan grijs. en kan de optie select inverse ook niet vinden. Ik gebruik photoshop 7. Bvd. |
Geschreven door stefan, op 25-11-2007 14:03 als ik een afgeronde rechthoek trek verdwijnt ales waar ik rond heb getrokken en de layer kan je pas naar boven plaatsen als je bovenaan layer en layer background hebt aangeklikt + ctrl shift n dan heb je infeite 3 layers alvorens je de afbeelding bovenaan kan zetten wat moet ik doen voor de omtrek te behouden. |
Geschreven door dries, op 25-11-2007 10:17 Ik heb deze tut geprobeerd met photoshop 7 maar het lukt niet helemaal.Het verplaatsen van de afbeelding naar boven lukt op geen van beide manieren. Als ik van de afbeelding dan een kopie maak kan deze wel naar boven geplaatst worden.Waar ik verder de mist in ga is bij rechtsklikken en select inverse maar deze optie krijg ik helemaal niet, wel in het menulayer. is deze tut in ps7 te maken of lukt dat niet? |
Geschreven door Walter, op 11-11-2007 11:44 Deze is inderdaad gemaakt met CS 2. Ik heb het nog niet getest met CS 3. Maar meestal kun je met nieuwe versies hetzelfde als met de oude + meer? Of staan bepaalde effecten/tools van deze tutorial op een andere plek? Ik zal nog eens kijken op een andere pc met CS 3. (De namen van de tools etc worden hier wel genoemd, en die zitten volgens mij ook in cs3, je kunt wel kijken of het daarmee lukt. Het principe blijft hetzelfde) |
Geschreven door Klaas, op 11-11-2007 11:27 Voor Photoshop CS 2 een hele goede uitleg. Maar bij CS 3 werkt het net allen maal even anders. |
Geschreven door Walter, op 07-11-2007 14:57 Sorry Roy, mijn vorige reactie hier is kennelijk niet goed opgeslagen. De afbeelding hierboven heeft wel ronde hoeken, alleen heb ik de achtergrondkleur aangepast naar die van deze website, omdat ik dat mooier vond staan dan bijvoorbeeld wit. |
Geschreven door Roy, op 27-10-2007 10:58 hallo, als ik de afbeelding save als JPG en ik open hem dan is het staat hij er wel met mooie ronde hoeken. maar er zit alsnog een vierkante omlijning/kaderomheen. dus niet alleen de ronde hoeken als het pure plaatje. Het plaatje met de ronde hoeken zit dan dus als het ware in een plaatje met vierkante hoeken. wat doe ik fout? vast bedankt en topsite dit! |
Geschreven door Linsy, op 17-10-2007 14:41 Als je een foto hebt maak je nog een nieuwe laag aan met een vector shape (Rounded Rectangle Tool). Plaats de vector shape laag onder je foto. Selecteer de foto laag en druk de alt toets in. Je ziet dan een pijltje komen met twee rondjes. Als je dan tussen de twee lagen in klikt zal de foto de vorm van de vector aannemen. Het fijne nu is dat je je orginele foto niet meer hoeft te knippen en hem achteraf altijd nog kunt schijven in de vector vorm. |
Geschreven door Walter, op 13-10-2007 14:55 Dan is dat heel vervelend :P. Nee maar dan doe je zelf even iets fout met slepen, want een van de twee manieren moet altijd lukken. Let wel op dat je de onderste BOVEN de bovenste layer sleept, en dan pas loslaat. Of dus de bovenste layer ONDER de layer eronder sleept, en dan pas loslaat. (veel mensen slepen niet ver genoeg, dan gebeurt er inderdaad niets) Lukt het zo? |
Geschreven door Yorn, op 13-10-2007 12:24 En als dat ook niet lukt? |
Geschreven door Walter, op 12-10-2007 20:53 Als het slepen naar boven niet lukt, kun je ook de bovenste layer naar onderen slepen  |
Geschreven door jantje, op 12-10-2007 19:01 Sleep dan je afbeelding in het Layer Menu (rechtsonder in Photoshop) naar boven, zodat dit de bovenste layer wordt. die lukt mij nog niet hoe zet ik hem naar boven want als ik hem pak en sleep dan blijft hij gewoon op zijn plaats. | |