Niklas blogg

En blogg om foto bildbehandling och min familj i Rengsjö

Runda hörn

Runda hörn på bilder kan vara en trevlig effekt för att mjuka upp utseendet på t.ex en hemsida eller blogg. Se min profilbild här uppe till höger som ett exempel. Effekten är en synvilla för bilden har lika spetsiga hörn som alla andra, skillnaden är att hörnen har samma färg som bloggens bakgrund.

Så här brukar jag göra: Jag behöver väl inte säga att du ska öppna bilden du ska arbeta med i photoshop? Gå till rektangulär markeringsram eller tryck U så ser du vart den finns. När du högerklickar på den kommer det upp fler alternativ. Vi ska använda oss av den avrundade rektangeln näst överst i listan. I det horisontella alternativfältet som då visar sig under menyfältet ser vi till att banor är markerad sedan bestämmer vi radien. Ju högre tal ju rundare hörn. För en bild till en hemsida borde ett värde mellan 10 och 30 pixlar passa bra.

Se till att du valt en färg som finns i bakgrunden där bilden sedan kommer att vara placerad, bakgrundsfärgen på hemsidan/bloggen t.ex. Dra rektangelverktyget över bilden från hörn till hörn precis som när du ska markera en hel bild. Högerklicka mitt i bilden och välj ”Gör markering” i listan som dyker upp. Tryck sedan Skift+Ctrl+I för att invertera markeringen, det är ju hörnen som ska markeras inte hela bilden. Om färgen du nyss valde är bakgrundsfärgen i färgväljaren trycker du bara Delete. Är den förgrundsfärgen trycker du i stället Alt+Delete. Klicka i bilden så försvinner markeringen. Klart!

Andra bloggar om: , , , , , , , ,

9 kommentarer

9 kommentarer

  1. Johan 2 september, 2008 06:05

    Tack Niklas det här var väl behövligt! Ganska enkelt men det blir ändå en rätt stilig effekt.

  2. Linus 7 januari, 2009 02:36

    Tack för tipset. Det hjälpte mig mycket nyss.

  3. Niklas 7 januari, 2009 03:05

    Kul att du fick nytta av tipset och att du lämnade en hälsning.

  4. Patrik 14 december, 2009 04:53

    Tjena

    Allt funkar perfekt enligt dina instruktioner men när jag kommer till att jag skall trycka delete får jag beskedet: Kunde inte fullfölja din begäran eftersom målet inte är ett pixelbaserat lager.

    Tacksam för hjälp!

    /Patrik

  5. Tony 11 mars, 2010 12:29

    Hej Niklas.

    Satt och funderade på en grej.

    Finns det nått sätt att runda av hörnen på detta sätt men bara på en sida (vänster alt höger sida enbart). Och finns det ett sätt runda av ett hörn ??

    Skulle vara ypperligt glad om det fanns ett svar på detta ;) .

    //Tony

  6. Niklas 11 mars, 2010 08:35

    Hej Tony! Här kommer ett förslag, jag har inte hunnit prova själv men det borde fungera även om det säkert finns ännu smidigare lösningar.

    Efter att du gjort banan till en markering ändrar du bara de hörnen du vill ändra och tar på så sätt bort avrundningen där. Det är ju bara att hålla ner shift och välja det markeringsverktyg du tycker passar bäst för att utöka markeringen i de rundade hörnen så att de blir spetsiga. Sedan är det bara att följa resten av den ursprungliga beskrivningen. Lycka till!

  7. Tony 12 mars, 2010 08:47

    Försökte med det du beskrev. Blev inte så bra.

    En annan metod jag kom på själv var att dra markeringen så långt utanför bilden att de rundande hörnen inte hamnade i bilden. Då blev det som jag ville.

    //T

  8. Vikkipedia 15 augusti, 2010 09:38

    Jag fattar alltihopa, tills dessa att jag ska croppa bort de överflödiga hörnen…
    När jag gör det, så försvinner även ett tunt ”lager” bort ifrån bilden, och vips, så är min bild, ehm, ja, inte hel längre, iallafall!
    Vore väääldigt tacksam om du hade svar på vad jag möjligen gjort fel, eller om det är CS5 som inte klarar av att croppa på rätt sätt.

    Mvh

  9. Niklas 16 augusti, 2010 12:54

    Jag vet faktisk inte vad som är felet. Prova att göra samma sak med olika inställningar, du får ju upp flera alternativ uppe i menylisten när du valt rektangelverktyget. Och glöm inte att du måste göra banan till en markering och sedan vända den ”ut och in” med Shift+Ctrl+I innan du fyller hörnen med bakgrundsfärgen. Fungerar inget av detta kan det bero på att du kör CS5. Själv använder jag CS3 förnärvarande. Lycka till!

Svara