



Edit: De manier van onderstaande tutorial is er 1 die ik al jaren gebruik, maar nu kwam Hiranthi met een makkelijkere manier welke je kunt vinden in de comments ;)
Ik heb al een aantal keer de vraag gekregen hoe ik de ronde hoeken maak bij mijn foto’s van mijn P365. Iedere keer kwam het er niet van om hier een tutorial over te schrijven daar het best tijdrovend is om alle screenshot (op een nette manier) te maken, maar vanochtend heel vroeg (ja Amber weer haha) had ik even de tijd, dus ben er meteen voor gaan zitten. Hier dus de (Photoshop) tutorial voor het maken van ronde hoeken.
1. Open de door jouw gewenste afbeelding, ik gebruik er 1 van mijn mannetjes met Amber (gisteren gemaakt, leuke foto toch?).

Als je nu kijkt in je Layerpalet (aan de rechterkant) zie je jouw afbeelding staan met de tekst background. Voordat we de ronde hoeken gaan maken (met transparante achtergrond) passen we dit aan.
2. Klik met je rechtermuisknop op de background layer en kies voor ‘Background to Layer’ dit maakt (heel logisch) de background tot een layer.

3. Selecteer nu de ‘Rounded Rectangle Tool’, bovenaan je scherm kun je een aantal instellingen wijzigen. Klik op het icoontje ‘Shape Layers’ en pas de ‘Radius’ aan naar de door jouw gewenste pixels (zie screenshot na stap 4).
4. Plaats daarna je cursor op je afbeelding en (met je linkermuisknop ingedrukt) trek je er een vierkant overheen zoals screenshot hieronder.


5. Druk je Ctrl toets in en klik met je linkermuisknop op de ‘Shape layer’ (die je net hebt gemaakt) waarmee de selectie gemaakt wordt. Schakel de ‘Shape Layer’ uit door op het oogje te klikken.


6. Nu de selectie gemaakt is gaan we de ronde hoeken knippen. Selecteer de Layer van jouw afbeelding (Layer 0) in je layerpalet, ga dan naar Select » Inverse of gebruik de sneltoets Shift + Ctrl + I en daarna Ctrl + X om te knippen en te deselecteren.


7. Nu kun je de afbeelding gebruiken in een scrap of gewoon zoals ik hieronder gedaan heb in je log. Sla de afbeelding dan wel op als .png om de kwaliteit en de transparante achtergrond te behouden.

Nu spring ik snel onder de douche voordat die 2 kleintjes wakker worden. Ik wens jullie allemaal een heel fijn weekend!
Hoi Gonny, ik weet niet welke Photoshop versie je hebt, maar met CS3 kan het nóg makkelijker:
- Maak een nieuwe layer aan met het figuur dat je afbeelding moet hebben (hoeft dus niet perse een afgeronde vierkant/rechthoek te zijn);
- Kopieer de foto en zet deze boven de layer met het figuur;
- Klik met rechter muisknop op de layer v/d foto (in je layer-palette) en kies voor ‘Create clipping mask’.
Nu is je figuur (afgeronde vierkant/rechthoek of juist een heel ander figuur) een mask voor de afbeelding. Je kunt dus de afbeelding nog verplaatsen zodat deze nóg beter uitkomt.
Oh ja, mocht je dus geen CS3 hebben (volgens mij zit die clipping mask niet in CS2) dan kun je beter kiezen om de ‘vierkant’ te selecteren (ctrl+click op de preview v/d layer in je layer-palette gaat het snelst), in je layer-palette je foto selecteren en dan kiezen voor het vierkante icoontje met een rondje erin (Add layer mask). Dan verwijder je namelijk niks in de foto en mocht je op een later tijdstip toch nog iets willen verschuiven, dan hoef je niet alles opnieuw te doen :)
Reageer op deze reactie
Kijk zo leer ik ook eens wat bij ^^ Ik gebruik de manier (van mijn tut) echt al jaren, dus heb ook niet echt verder gekeken dan mijn neus lang is haha. Maar handig zeg…misschien toch vanmiddag even mijn tutorial aanpassen met natuurlijk een linkje naar je site (als je het goed vind natuurlijk) :questionmark:
Reageer op deze reactie
Hihihi, dat ken ik..
Vandaar dat het me wel handig leek (voor jou en je bezoekers) om twee extra manieren te vermelden
Je mag ze er rustig bij zetten, linkje hoeft niet hoor
Reageer op deze reactie
Ik gebruik een simpelere methode, vind ik zelf dan, hahaha! Ik gebruik altijd de selectie met ronde hoeken, dan control i/dat de selectie omgedraaid wordt en dan delete, en alles buiten de selectie is dan weg! Er leiden ook meer wegen naar rome
Leuke foto trouwens!
Reageer op deze reactie
Ik zeg ook niet dat mijn manier de manier is, maar er werd al een aantal keer om gevraagd vandaar deze tutorial
Na jaren dit gebruikt te hebben ben ik nooit verder gaan zoeken of het makkelijker kon daar het voor mij makkelijk genoeg was. Maar nu ik de manier van Hiranthi weet was dit toch niet de makkelijkste manier
Reageer op deze reactie
Ah zo bedoelde ik dat niet hoor; wilde gewoon nog een andere optie aandragen :-)
Reageer op deze reactie
Dat is ook helemaal goed hoor meid ^^ Zo kunnen er meerdere manieren geprobeerd worden om te kijken welke men het beste bevalt toch :)
Reageer op deze reactie
Ik heb psp, maar volgens mij kan het daar ook heel gemakkelijk in :)
Alleen zal het anders heten denk ik.
Wat een lieve foto idd zeg!! Je kan maar trots zijn op je gezinnetje
Reageer op deze reactie
Wat een leuke foto! Ze lijken zich goed te amuseren!!
Reageer op deze reactie
Handig, ga ik nog eens proberen met PS x2! Mooie foto van je mannetjes met Amber.
Reageer op deze reactie
Dat ga ik binnenkort eens uitproberen
Reageer op deze reactie
Zo zou ik het ook hebben gedaan!
Handige manier idd. Zo kan je ook andere vormen maken!
Reageer op deze reactie
Deze methode hanteer ik al heel lang, het is echt handig! Ik heb trouwens je adres van je site gestuurd naar die contest!
Reageer op deze reactie
Ik doe altijd een vierkant selecteren > select > modify > smooth en dan knippen en klaar is kees.
Reageer op deze reactie
Ach, wat een leuke foto :) ik wil PS ook weer eens aan de praat krijgen maar ik krijg het maar niet voor elkaar
Reageer op deze reactie
Ik doe het ook anders maar wel leuk om te zien hoe jij het doet..
Fijne dag meis .. hier komt nu de zon net door.
Elise
Reageer op deze reactie
Erg handig deze tutorials
Reageer op deze reactie
Ik gebruik geen PSP, maar leuk dat je het op deze manier voor anderen uitlegt. En wat een mooie foto heb je ervoor gebruikt
Geniet van je weekend!
liefs Insoon
Reageer op deze reactie
Ik heb altijd ruzie met Photo-poep (mijn verbastering voor photoshop) dus ik gebruik t niet :D
Wel een ontzettend leuke foto :D
Reageer op deze reactie
Wat een superlieve foto!
Fijn weekend!
Reageer op deze reactie
handige tut idd, ik heb photoshop element 7 en daar zit een optie in die koekjesvorm heet en klik dan een vorm aan en snij het dan uit, ook met ronde hoeken, heb het geprobeerd hoe je het uitgelegd heb maar mevrouw had niet zoveel geduld hahah.
fijn weekend meis
Reageer op deze reactie
Mooi gemaakt, de tutorial!
.
En die foto is echt cute. Amber heeft een pincher koppie zo van de zijkant met de oortjes omhoog
Reageer op deze reactie
Dat vond ik ook hihi
Reageer op deze reactie
t zijn inderdaad veel stappen! ik gebruik photoshop 7.0 en daar is het gewoon: open document met transparante ondergrond > plak foto erin > klik op het selectie knopje > zet de feather (?) op 25px (of wat je zelf wilt) > selecteer de hele afbeelding (je ziet dat dan de hoeken eraf zijn) > doe de selectie inverse (omgekeerd whatever) > druk op delete > klaar!
Reageer op deze reactie
Het valt best mee qua stappen, ik denk dat het langer lijkt omdat ik mijn tutorials het liefst zo uitgebreid mogelijk uitleg (zodat ook diegene zonder PS ervaring het zullen snappen)
Wanneer je trouwens op feather klikt krijg je toch niet zo’n strakke rand? Dan wordt de rand toch verdoezeld?
Reageer op deze reactie
Altijd handig zulke tuts :D
Kom er nu dus achter dat er in Paint shop pro ook een supermakkelijke manier voor is. Idd de manier van Eva met de selectie met de afgeronde hoeken. Ideaal en een heel leuk idee!
Reageer op deze reactie
Handig hoor de tips die je laat zien. Ik gebruik zelf PSP en weet dat ik er lang niet uit haal wat erin zit….jammer genoeg. Maar door zulke tips lukt het je dus wel.
Zou je mij willen/kunnen vertellen hoe je dat doet bij ieder logje dat je op het woordje meer kan klikken en dat je dan de hele log te zien krijgt?
Groetjes, fijne avond en een heel gezellig weekend, Jeanine
Reageer op deze reactie
Dat is een standaard mogelijkheid van WordPress en is op meerdere manieren voor elkaar te krijgen. Het makkelijkste is om mbv de WYSIWYG-editor in wp-admin de zogeheten more-tag (icoontje ziet eruit als een stippellijn tussen twee blokken) toe te voegen.
Als je theme het ondersteund dan zou je op de overzichtspagina’s (bijvoorbeeld: index, archief) de kortere versie te zien moeten krijgen. De link ‘lees meer’ (of wat er in je theme is aangegeven) linkt automatisch naar het gedeelte waar de tekst in de volle versie verder gaat.
Reageer op deze reactie
Boven het venster waar jij je post tikt klik je op het 12e icoontje zodat je tekst gesplitst wordt ;) Jij ook een goed weekend!
Reageer op deze reactie
Jij ook een fijn weekend ^^
Reageer op deze reactie
Wat is die foto leuk, dat pootje ook zo lief.
Ben je nou niet de hele tijd Amber aan het fotograferen?? Da’s namelijk echt weer wat voor mij haha
Zit, zit, zit, zit, zit, zit ziiiiiiiiitttttt.
Fijn weekend
Reageer op deze reactie
Die foto is keilief! ^^
Reageer op deze reactie
Cute foto
Reageer op deze reactie
Handig om te weten! En wat een leuke foto met z’n 3tjes!!
Reageer op deze reactie
handig!!
Reageer op deze reactie
Hai!
echt handige tutorial, maar ik gebruik CS2 en het lukt niet bij mij. het is me niet helemaal duidelijk wat de Rounded Rectangle Tool’ en de ‘shape layer’ zijn. ik heb alleen maar een rechthoekige en een ovale rectangle tool?
Reageer op deze reactie
Bij stap 4 zie je in de eerste foto een aantal icoontjes staan, de eerste is die van de Rounded Rectangle Tool. De shape layer is de layer in je palet waar Shape 1 in staat ;) (staat bij stap 5 in de foto ^^
Reageer op deze reactie
Mijn Photoshop staat in het Nederlands.. verdomme en dit soort “normen” vertalen is best lastig!
Reageer op deze reactie
Super handig, ik ga het binnenkort proberen! Mijn methode is niet zo handig en ook niet heel mooi…
Reageer op deze reactie
Ik snap je hele uitleg, alleen het laatste niet! Hoe sla je het nou op? Er blijft bij mij een witte rand omheen dan… is dat normaal?
Bedankt voor de goede uitleg!
Reageer op deze reactie
Heb je wel een transparant document gebruikt?
Reageer op deze reactie
Bedankt voor je sneller reactie! Ja, heb ik gedaan…maar er blijft zeg maar een groot stuk omheen zitten wat wel transparant is maar wat nu zeg maar bij de afbeelding hoort. Dus als ik t midden in tekst wil zetten zit er nu dus een groot stuk leeg omheen.
Reageer op deze reactie
Zou je een screenshot kunnen maken?
Reageer op deze reactie
Ik ben er al uit! Heb hem opnieuw gekopieerd in een nieuwe ‘afbeelding’ en klaar is kees. Dank je!
Reageer op deze reactie
Bedankt voor de duidelijke uitleg!
Reageer op deze reactie