Avatar billede cbadk Novice
13. december 2005 - 13:54 Der er 10 kommentarer og
1 løsning

Runde kanter i Adobe Photoshop CS2

Når man laver runde kanter i photoshop og så eksporter dem til gif bliver de meget firekantet, idels hvis man bruger gennemsigtig som baggrund.

Kender i nogle indstillinger der vil optimere kanterne? både når det gælder gennemsigtig bg og med hvid bg?
Avatar billede cbadk Novice
13. december 2005 - 13:55 #1
Eksempel på gennemsigtig kant jeg har lavet med photoshop! http://programmering.1it.dk/asp/
Avatar billede innercitydk Nybegynder
13. december 2005 - 14:53 #2
Ja gem billederne som 8bit png istedet.. Runde kanter er noget skidt når det kommer til gif. Lav eventuelt dine billeder med samme baggrund som der hvor de skal optræde og gem dem så som jpg billeder. Du kan få dem til at fylde næsten lige så lidt som et gif billede ved at vælge "save for web"

Vh
Avatar billede innercitydk Nybegynder
13. december 2005 - 14:54 #3
ved save for web med jpg kan du sagtens sætte kvaliteten til omkring 60% uden at det er noget man bemærker.
Avatar billede innercitydk Nybegynder
13. december 2005 - 14:55 #4
du kan se mine runde kanter her http://aspdotnet.dk
Avatar billede cbadk Novice
13. december 2005 - 15:13 #5
hejsa

png understøtter ikke transprant vel?

vh cbadk
Avatar billede cbadk Novice
13. december 2005 - 15:32 #6
Hmm...fandt både en del om png filer

Både browser tests og meget mere ...også guides til photoshop CS2

http://www.google.dk/search?hl=da&q=png+transparent&spell=1
Avatar billede michael-k Nybegynder
14. december 2005 - 00:44 #7
Det vil måske være intressant at hører hvordan du laver dine rundinger i photoshop ?
Avatar billede innercitydk Nybegynder
14. december 2005 - 14:10 #8
Jo png understøtter transparant.. det er det der gør det godt i forhold til gif (sikkert også andre ting) :)

Vh
Avatar billede innercitydk Nybegynder
14. december 2005 - 14:12 #9
altså at man kan lave runde kanter med transparent bg uden data loss
Avatar billede tobbersecondary Nybegynder
16. december 2005 - 02:03 #10
Hej cbadk

1.
Du skriver ikke, hvilket værktøj, du bruger til at lave former. Hvis du bruger Marquee tool og derefter fylder formen med farve, kan jeg godt forstå at du får kantede (jagged) rundinger. Dette værktøj er pixelbaseret og arbejder i punkter.
Du kan dog kompensere for dette ved at sætte flueben i punktet "anti-alias" i Marquee tools dynamisk skiftende værktøjslinje øverst, når du har valgt et af de cirkulære værktøjer (cirkel, ellipse). Ligesom i computerspil "udglattes kanterne.
Tjek billedet i dette link, for en visuel forståelse:
http://www.richleader.com/bargainbinreview_FSAA.htm

2.
Brug i stedet et af de de vektorbaserede værktøjer som Pen tool eller shape tool længere nede på Tool palette.
Du får et langt pænere resultat og du kan senere skalere din vektorform med edit>free transform helt uden kvalitetstab (pixelering), hvilket du ikke kan ved den først beskrevne måde.

3.
Når du gemmer med transparent baggrund, kan resultatet dog stadig være grimt (en sitrende kant). Et tip kan være at du ikke gør bknappens baggrund gennemsigtig, men sætter en baggrundsfarve, som matcher den baggrund, som knappen skal indsaættes på.
Dette betyder dog, at du kun kan indsætte knappen på en bestemt baggrundsfarve, og hvis den skal indgå andre steder på forskellige baggrundsfarver må du lave en knap til samtlige baggrundsfarver, hvilket kan være et omstændeligt arbejde.
Resultatet bliver dog også klart bedre.
Det er op til det om det opvejer slidet.

4. Det sidste tip er at hæve dpi (dots per inch). Jo flere punkter en cirkelform kan tegnes med, jo "rundere" kan den selvsagt blive. Dette indgreb kan dog få filstørrelsen til at vokse eksplosivt (da flere data skal gemmes). Til web grafik bruges som standard 72 dpi og 300 dpi til fotos.
Prøv selv at eksperimentere med indstillingerne indtil du er tilfreds med forholdet mellem billedkvalitet og filstørrelse.

5. Hvis dit design ikke tillader at du laver baggrundsfarve på dine knapper, vil jeg ligesom Innercity.dk gemme dem i .png via "save for web" menuen.

-Tobber
http://www.mediemekka.dk/
Avatar billede cbadk Novice
13. marts 2006 - 09:51 #11
wow...tak for den gode forklaring.

Mvh cbadk
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester