10. Grafikskolan

Runda hörn på bilder

2009-10-19 19:26 #0 av: dijete

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.

Anmäl
2009-10-20 14:56 #1 av: HannaT

Jättebra! Tack. Skrattande

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

Anmäl
2009-10-20 15:13 #2 av: dijete

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

Anmäl
2009-10-20 17:24 #3 av: IdaL

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

Anmäl
2009-10-20 21:52 #4 av: dijete

#3 Tackar!

Anmäl
2009-10-20 22:25 #5 av: DesK

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

Désirée

Anmäl
2009-10-20 22:27 #6 av: dijete

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

Anmäl
2009-10-20 22:36 #7 av: DesK

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.

Désirée

Anmäl
2009-10-20 22:38 #8 av: dijete

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

Anmäl
2009-10-20 23:16 #9 av: Cerrolyn

Tack för tipset.

MVH Cerrolyn
Sajtägare på Tävlingshundar

Medarbetare på: Hoya, Retriever, Vallhundar
Min hemsida: Ceasars Vänner

Anmäl
2009-10-23 22:53 #10 av: dijete

Så lite så Cerrolyn! Glad

Anmäl
2010-07-13 19:18 #11 av: Ginnie

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

Anmäl
2010-07-13 20:11 #12 av: Perly

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

Anmäl
2010-07-15 15:56 #13 av: Ginnie

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

Anmäl
2010-07-28 17:40 #14 av: [sstorm]

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

Sanna 


Anmäl
2012-02-03 18:33 #15 av: EmiliaTvdlover

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

Anmäl
2012-02-03 18:36 #16 av: EmiliaTvdlover

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

Anmäl
2012-02-04 12:52 #17 av: [Beavis]

#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.

_______________________________

Medhjälpare på: rörelsehinder.ifokus.se , hemsidor.ifokus.se

 

Anmäl
2012-02-08 21:36 #18 av: eukaryoter

#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.

Anmäl
2012-02-16 19:07 #19 av: MichaelE

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.

Anmäl
2012-02-16 21:07 #20 av: [Beavis]

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?

_______________________________

Medhjälpare på: rörelsehinder.ifokus.se , hemsidor.ifokus.se

 

Anmäl
2012-02-17 14:32 #21 av: [Beavis]

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?

_______________________________

Medhjälpare på: rörelsehinder.ifokus.se , hemsidor.ifokus.se

 

Anmäl
2012-02-17 14:42 #22 av: eukaryoter

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

Anmäl

Det finns en till kommentar till den här diskussionen. Den är bara synlig för medlemmar på iFokus. För att läsa kommentaren, logga in eller registrera dig på iFokus.