Tips 56: Gör runda hörn

42

rund1.jpgEn webbeffekt som kommer och går i modet. Avrundade hörn.

Det kan vara hur knivigt som helst. Och lite jobbigt om man ska vara konsekvent över en hel webbplats. Då måste man tänka innan.

Men, en modell ska jag visa för dig nu. Kan vara lite knivig om du är nybörjare.

1. Välj verktyget för runda boxar

Här använder du Rounded Rectangle Tool (Avrundad rektangel).

rund5.png

Hur runda hörnen ska bli ställer du med Radius (Radie) uppe i alternativfältet. Min bild ovan var i 1000*1500px och jag tyckte 100px var lagom runt.

rund2.png

2. Dra ut en box över fotot

Dra ut en box. Färg kvittar. Ut över hela fotot med start uppe i hörnen.

Boxen täcker hela fotot. Det gör inget.

rund3.png

3. Flytta masken

Lagret kommer med en vektormask, det är den du ska använda.

Dubbelklicka på bakgrundslagret och tryck OK. Nu blir det ett vanligt lager.

Dra sedan masken från det övre lagret till bakgrunden.

rund4.png

4. Släng det övre lagret

Nu sitter masken i rätt lager. Så bara släng eller släck det övre lagret.

Om du gjorde boxen i en färg du vill använda som bakgrund under de rundade hörnen kan du bara dra boxlagret underst i lagerhögen.

Fler tips inom: , ,

42 kommentarer till Tips 56: Gör runda hörn

  1. johan skriver:

    äntligen ett snabbt sätt att göra rundade hörn på. man känner sig lite dum när man inser att man aldrig skulle ha kommit på det där själv…

  2. sara skriver:

    jag lyckas inte få ner vektormasken till bakgrundslagret. det här är en dum fråga men funkar det inte på photoshop cs?
    förstår verkligen inte varför det inte vill komma ner. har suttit och försökt dra ner det i typ tio minuter nu och jag har lust att slänga ut datorn genom fönstret, något fel måste jag ju göra.

  3. Mattias skriver:

    Aha, sorry. Flytta mask kom i CS2. Det här tricket fungerar istället: http://www.bildbehandla.se/tips/arkiv/2007/tips-55-gor-textur-i-text/

    Använd boxen istället för text.

  4. kriss skriver:

    kanske är jag bara trög men jag lyckas inte heller flytta ner masken, har ps 7.0

  5. Ulf skriver:

    Naturligtvis… naturligtvis.
    Tack

    /u

  6. Linda, skriver:

    OMG, genial sida! :D
    Jag har Photoshop Elements och har börjat pröva mig fram med det, jag undrar hur man får sådana ”färgeffekter” som på bilden som finns på det här tipset? (:
    Tacksam för svar! :D

  7. Katja skriver:

    Hej!
    Jag använder Photoshop 7.0, och jag lyckas inte att få ner vektormasken. Finns det något annat sätt att göra runda hörn?

  8. Fredrik skriver:

    Katja – testa http://www.bildbehandla.se/tips/arkiv/2007/tips-55-gor-textur-i-text/

    fast med masken då istället för text.

  9. Desirée skriver:

    asså, när man flyttat rutan med runda hörn under bilden vad gör man sen ? :S

  10. Paulina skriver:

    Det går verkligen inte att dra ner vektormasken,jag använder 7.0 , och jag känner många som kan göra detta med samma program :S
    jag måste vara trög haha.

  11. Mattias skriver:

    Det går inte flytta masker före version CS2.

    Tyvärr. Denna tekniken fungerar inte med 7:an.

  12. malin skriver:

    tycker det är en dålig förklaring på hur man gör … :S

  13. Mattias skriver:

    Det står tidigt: ”Lite knivig om man är nybörjare men ett bra tips till er andra.”

    Det är inte ett tips till en nybörjare i Photoshop.

  14. Caroline skriver:

    Så detta fungerar inte om man har Photoshop Elements? :<

  15. Patrik skriver:

    Kanonbra tips på en kanonbra sida. Tack för den!

  16. Siri skriver:

    Hur får jag bort rektangeln bakom ?

  17. Ina skriver:

    Tack ^^ superenkelt ju ^^ tack så jättemyket!

  18. Marie skriver:

    Som jag har trixat med runda och fyrkantiga markeringar för att få fram en form med rundade hörn. Detta var ju busenkelt, hade aldrig kommit på det själv. Har aldrig gillat dom där boxarna, men nu är dom favoriter…

    Tack för många bra tips! Har du något om hur man reducerar slagskuggor också… Utan att behöva klona…

    Marie

  19. Moa skriver:

    hej jag fattar precis hur man ska göra o allt.. O jag gör allt som man ska o sen när jag ska flytta ner den till bilden så vill det inte fattar nte. Har lyckats en gång innan men nu e det stopp. har ps cs3 extended o jag vet attd et funkar har gjort det en gång innan.. Snälla hjälp mig..

  20. Mattias skriver:

    Dubbelklicka på bakgrundslagret och tryck OK. Nu blir det ett vanligt lager.

  21. Minette skriver:

    Jag är väl lite nybörjare men tänkte att det var värt att fråga ändå.
    Ska vektormasken komma av sig själv när man dragit ut boxen?
    Förstår inte ”Lagret kommer en vektormask.”..

  22. alx skriver:

    Åh tack jag har varit helt galen på att göra detta och även om jag försökte och kollade igenom det du skrev så fattade jag inte. Men efter att ha läst igenom det hundra gånger och analyserat det jag precis skrivit så var ju detta busenkelt. tackar :P

  23. Karin skriver:

    Först och främst; tack för ett jättebra tips!

    Sen undrar jag hur jag ska göra för att få bort den svarta ramen som blir runt om när jag ritar rektangeln?

  24. Karin skriver:

    Jag tar tillbaka min fråga, det blev ju ingen svart ram sen iallafall. :)

  25. Sandra skriver:

    Jag har samma fundering som Siri 080717: hur får man bort rektangeln i bakgrunden när man väl fått runda hörn?Den som är rutig.Tacksam för svar.

  26. Anders skriver:

    @Sandra: Menar du själva rutiga bakgrunden bakom bilden med rundade hörn? Den uppstår för att det inte finns någonting under bildlagret.

    Ett sätt är att dra lagret som heter ”shape 1″ i exemplet ovan så att det hamnar under bildlagret. Dubbelklicka sedan på själva ikonen om du vill byta bakgrundsfärgen.

  27. Anna skriver:

    Underbart! Jag har försökt på alla dess möjliga visa och aldrig fått till det. Som de andra har sagt, nu är det ju busenkelt! Tack!

  28. Linnea skriver:

    Jag är ingen hejare på photoshop, men jag lyckas verkligen inte göra runda hörn!! Är det någon skillnad på photoshop..er?
    för jag har photohop elements 7, och den ser inte ut som på bilderna.

  29. Sanna skriver:

    @Linnea: Ja det är två olika program. Programmet som används ovan är Photoshop CS medan du har Photoshop Elements.

  30. pernilla skriver:

    jag har photoshop 6.0. och jag kan inte få det att fungera med den sidan ni länkade till heller. för mig finns det inget ”creae clipping mask”. what to do?

  31. Elin skriver:

    Hur gör man för att göra en cirkel?

  32. Jossa skriver:

    Hejsan!
    Jag har haft stor användning av tipset med ”Runda hörn”. När jag har fixat de runda hörnen så har jag förut i bakgrunden kunnat använda penslar. Så när bilden är klar så ser det ut som om det liksom sticker ut från bilden. Nu helt plötsligt funkar det inte! Jag kan inte få penslarna utanför de runda hörnen utan det funkar bara på själva bilden. Se exempel här: http://yosofines.blogspot.com/2009/11/somntuta.html .
    Snälla hjälp mig!! Mvh Joseifn

  33. Sandra skriver:

    Har följt det du skrivit till fullt och pricka, det var enkelt att förstå. Men har ett problem… när allt är klart så får jag en ”bakgrund” som är rutig, och denna får jag inte bort, och sparar jag bilden så blir det en vit bakgrund.. och jag vill endast ha kortet runt… så snälla hjälp mig =)

  34. Sanna skriver:

    @Sandra: Den rutiga bakgrunden betyder att detta området är transparent. Men en JPEG-fil kan inte ha transparent bakgrund och ersätter detta med vit färg. Då måste du spara som tex PNG men det är inte att rekommendera för fotografier, tyvärr.

  35. martina skriver:

    Ok, jag har trälat länge nu och äntligen kommit så långt att jag får rundade hörn. MEN, det blir ju vit färg i hörnen som jag rundar och det syns på min blogg då jag har grå färg på min sida.
    Hur ändrar jag färgen i rundningarna?
    Säkert skitenkelt för den som vet hur man gör, men inte för mig.

  36. PAUSE skriver:

    Tack för tipset :D:D

  37. Angela skriver:

    Det var ju busenkelt! Tack!!

  38. Ida skriver:

    Tack för tipset. jag är en väldigt nybörjare med detta, men det funka jätte lätt om man gjorde en lager kopia att flytta ner vektormasken :) tack för all hjälp!!!

  39. Marlene skriver:

    Blev superfint….finns risk för ett beroende ;)

  40. Daniella skriver:

    Och hur gör man det i pse?????

  41. Emma Jönsson skriver:

    Jag är nybörjare..fattade inte direkt på förklaringen men testade mig fram..fungerade utmärkt då!
    tack! :)

  42. det blir vitt i hörnena, den delen av fotot försvinner liksom inte.. gör jag fel?

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

*

Följande HTML-taggar och attribut är tillåtna: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>