Annons:
Etikett10-grafikskolan
Läst 11091 ggr
dijete
2009-10-19 19:26

Runda hörn på bilder

Bild 1. Klicka för att öppna i full storlek.

Har du alltid undrat hur du får runda hörn på dina bilder till hemsidan? I denna guide får du veta steg för steg hur du gör. Enda kravet är att du har Adobe Photoshop.

klart.jpgDin webbplats behöver något som gör att bilderna ser mer lockande ut. I denna guide ur vår Grafikskola lär du dig att göra runda hörn på dina bilder vilket är både snyggt & praktiskt.
**
Detta går endast att göra i Adobe Photoshop CS och uppåt samt vissa Elements-versioner.**



Steg 1. - Öppna din bild


Öppna din bild genom File -> Open eller Arkiv -> Öppna.

Steg 2. - Välj verktyget för runda boxar


Välj verktyget för runda boxar.

rhrr.jpg
**
Hur runda dina hörn ska bli bestämmer du själv via att ändra radius/radien. Jag brukar ha runt 20 pixlar, desto högre värde desto "mer" hörn.**

rhrh.jpg

Steg 3. - Dra ut en rund box över din bild


Dra ut en rundad box över bilden. Vilken färg du väljer spelar ingen roll. Hörnen skall vara uppe från kanten och ner över hela bilden. Rundade boxen täcker hela bilden vilket inte gör något.

rhls.jpg

Steg 4. - Flytta masken

Lagret kommer bli en lagermask, det är den vi kommer använda.
Dubbelklicka på bakrundslagret (din bild) och tryck OK. Nu är bilden som ett vanligt lager och inte är bakrund som är låst.

Dra masken från "Shape 1" till "Background" (Bakgrunden som precis blev ett lager)

gfht.jpg

Steg 5. - Släng det övre lagret.

Nu sitter lagermasken i rätt lager. Du kan slänga eller dölja det övre lagret. Har du gjort i en färg du vill använda som bakgrundslagretfärg så kan du bara lägga det underst i lagerhögen.

Steg 6. - Spara din bild

Klicka på Arkiv -> Spara som.. eller File -> Save As.

Annons:
HannaT
2009-10-20 14:56
#1

Jättebra! Tack. Skrattande

Hanna Törmälä, sajtvärd för hästhoppning.iFokus.
Läs gärna min blogg: tormala.devote.se.

dijete
2009-10-20 15:13
#2

#1 Tack så mycket! Det gör mig glad att du har nytta av guiden.

IdaL
2009-10-20 17:24
#3

Super bra, det kan jag ha nytta av Flört

dijete
2009-10-20 21:52
#4

#3 Tackar!

DesK
2009-10-20 22:25
#5

Vill bara tala om att det går att göra på liknande sätt även i Gimp Glad

En grej, skriv ihop! Särskrivningar skadar allvarligt din hälsa, missbruka inte mellanslagstangenten.

dijete
2009-10-20 22:27
#6

#5 Oj, Det visste jag inte. Görs det på ungefär samma sätt som i denna guide?

Annons:
DesK
2009-10-20 22:36
#7

Japp ungefär, men det ser lite annorlunda ut i Gimp.

Jag har lärt mig att det mesta man kan göra i Photoshop också går att göra i Gimp. Det är mest en vanesak vad man väljer att använda.

Gimp är väl egentligen framtaget för att vara ett bra och kraftfullt alternativ för oss som inte använder Microsofts produkter, även om det idag finns att ladda ner även för Windows  Glad

I flera linuxdistributioner finns också möjlighet att göras runda hörn med ett av deras enklare bildredigeringsprogram.

En grej, skriv ihop! Särskrivningar skadar allvarligt din hälsa, missbruka inte mellanslagstangenten.

dijete
2009-10-20 22:38
#8

#7 Okej, Det är bra att veta. Tack för att du informerade mig!

Cerrolyn
2009-10-20 23:16
#9

Tack för tipset.

**MVH Cerrolyn

dijete
2009-10-23 22:53
#10

Så lite så Cerrolyn! Glad

Ginnie
2010-07-13 19:18
#11

Funkar det i nyare former av Elements också? I så fall måste jag vara blind för jag hittar inte ens nåt verktyg för runda boxar, bara cirklar och rektanglar. Skäms

Ginnie Palm, www.ginniepalm.se
You don't take a photograph, you make it

Perly
2010-07-13 20:11
#12

Går att göra på ett ung. likadant i de äldre ph också, har 0.7 (tror jag) på min gammla dator och går att fixa avrundade hörn på den också =)

Alltid Oavsett

Ginnie
2010-07-15 15:56
#13

Får ingen mask, bara ett nytt lager. Något jag missat som måste ställas in först?

Ginnie Palm, www.ginniepalm.se
You don't take a photograph, you make it

Annons:
[sstorm]
2010-07-28 17:40
#14

Allting funkar, förutom att hönren inte blir rundade för mig Obestämd

EmiliaTvdlover
2012-02-03 18:33
#15

Hur gör man för att lägga in bilden här? Fattar inte…

EmiliaTvdlover
2012-02-03 18:36
#16

Elr alltså den här adobegrejen funkar ju inte att ha på datorn :/

[Beavis]
2012-02-04 12:52
#17

#5 Nu märker jag ord igen men kan inte låta bli, jag är sån Photoshop görs av Adobe inte av Microsoft, Skillnaden är att Gimp är gratis.

eukaryoter
2012-02-08 21:36
#18

#15, #16.. Du får välja spara som. Men helst Spara för webb och enheter(?)( Save for web & devices)

Där kan du välja att spara bilden i lämpligt format t.ex. .jpg, .png.
Ifall det är ett foto rekomenderar jag .jpg är det en logga eller liknande rekomenderar jag .png.

Min senaste lansering - Letssnap.se - Let's snap är en ny webbplats för att hitta och komma i kontakt med nya vänner som använder Snapchat / KIK.

MichaelE
2012-02-16 19:07
#19

Om man har mångfärgad bakgrund och har möjligheten att spara i png 24-bitars format så rekommenderar jag det. Det är först på höga upplösningar som png filerna blir mycke större än jpeg.

[Beavis]
2012-02-16 21:07
#20

Jag harjar inte? Jag kör photoshop 7.0 och

- jag för ut den rundade lådan över bilden Det går bra

- Jag byter plats på lageren på lagren. Det går bra

- får jag rundade kanter? Nej bara en rundad kvadrat över bilden

Något gör jag uppenbarligen fel. Men vad?

Vilket är det övre lagret jag ska slänga? background eller shape 1?

Annons:
[Beavis]
2012-02-17 14:32
Bild 1. Klicka för att öppna i full storlek.
#21

Ingen som kan hjälpa?

Jag har problem med steg 4 -Dra masken

Det går inte? (se bilden)

Jag kan inte dra någon mask så fyrkanten byter layer…? någon som har tips?

eukaryoter
2012-02-17 14:42
#22

Du saka dra masken från de övre lagret bara till det nedre.

Min senaste lansering - Letssnap.se - Let's snap är en ny webbplats för att hitta och komma i kontakt med nya vänner som använder Snapchat / KIK.

[Beavis]
2012-02-17 16:04
#23

Men vad är masken? jag trodde det var rutan brevid bilden?

eller är det "kedjan"  emellan i verktygsgrejen?

Upp till toppen
Annons: