Floating Facebook Widget
forsiden webdesign grafikk guider guider
Forsiden » Guider » Photoshop » Lage runde hjørner på et bilde

Lage runde hjørner på et bilde

1: Åpne bildet i Photoshop.

2: Lås opp bildet ved å dobbeltklikke på laget.

3: Velg Rounded rectangle tool. Velg Paths.

4: Du kan velge selv hva radiusen skal stå på. Jo høyere tallet er, jo rundere blir hjørnene. Jeg har min på 15 px.

5: Lag en «firkant» inni bildet sånn som jeg har gjort.

6: Høyreklikk inni bildet og velg Make selection. Sjekk at Anti-aliased er merka og at Feather står på 0. Klikk OK.

7: Trykk Select – Inverse. Snarvei: Shift + Ctrl + i. Og deretter trykker du på Delete (eller Del) på tastaturet.

8: Trykk File – Save As…
For at du skal kunne bruke bildet på alle bakgrunner uten at det kommer en hvit firkant rundt bildet så må du velge PNG som format, men da vil kantene bli hakkete om du laster de opp på blogg.no. Anbefaler da å bruke tinypic.com i stedet.
Lagrer du i JPG-format kan bildet fint lastes opp på blogg.no, men da blir det en hvit firkant rundt bildet. Det vises ikke om du har hvit bakgrunn på bloggen.
For å få en annen farge en hvit når du lagrer i JPG må du lage et nytt lag, farge det den farge du vil og legge det under laget med bildet ditt.

 

1 kommentar

Koder 26. februar 2012, kl. 23:15

Istedefor det kan de jo istedefor lage en class som er lettere f.eks:

div.bilde{
-moz-border-radius:4px;
-webkit-border-radius:4px;
background-image:url(«bilde url»);
border: 1px solid #FARGEKODE;
}

Håper det hjelper :)

Skriv en kommentar

E-postadressen din vil ikke bli publisert. Påkrevde felt er markert med *.

*


Du kan bruke disse HTML-kodene og -egenskapene: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Søk

 

Nerdie.me Design Proudly powered by WordPress