SP:BL Fö 1 Datorgrafik I

Gunnar Wettergrengunnarw@dsv.su.se

Agenda

• Teori– Vad är en bild?– Vektorer / Pixlar– En bilds uppbyggnad– Digitalisering och teori– Färger i datavärlden

• Praktik med Lars– Grunder i Photoshop

Källor

• Digitala bilder kommer från många olika världar– Existerar i den fysiska världen och

digitaliseras– Digital kamera / Frame grabber– Skapas i den ”virtuella” världen– Vi begränsas ofta av begränsningar i olika

delar av processen

Vektorgrafik & Bitmappar

• Visandet av bilder styrs i vår värld av datorprogram

• En monitor visar bilder genom en array av pixlar där färgen ändras för att visa olika bilder eller mönster

• Vektor – Matematiska formler

• Bitmap – Array av pixlar

Bitmap

• Består av hundratals rader och kolumner med pixlar i

• Bilden är förstorad 250%

• Antalet pixlar du skall använda beror på användningsområdet

Typer av bitmaps

• Linjegrafik

• Gråskalebilder

• Multitoner

• Fullfärgsbilder

2 färgerSvart och vitt

Gråskalor +svart & vitt

Två eller flerafärger. Oftasten svart

RGB, CMYK

Lagring av en bitmap

• Information om varje pixel måste sparas

• I varje ruta beskrivs färgen på den pixeln

• Tar väldigt stor plats

Filformat

• BMP - Bitmap

• GIF – Graphics Interchange Format (Bitmap)

• JPEG – Joint Photographic experts group

• PDF

• PICT – Mac, Bitmap och vector

• TIFF – Container format. T.ex JPEG

Vektorgrafik

• Använder matematiska formler för att lagra vilka figurer som bilden innehåller

• Sparar minimalt med information om figuren med hjälp av Bezier kurvor

Vektorgrafik II

• Samma cirkel kan dras genom att veta 4 punkter

Bezier kurvor

• Linjär

• Generaliserad formel

Vad Karakteriserar vektorgrafik?

• Kan skalas utan kvalitetsförlust

• Mindre filstorlekar

• Tunna linjer kan försvinna när en bil skalas ner för mycket

• Små fel blir synliga vid förstoring

• EPS, PDF, PICT

Färger

• Ögat kan uppfatta våglängder mellan 380-700 nanometer. Mer känt som ljus

• Ögat har 3 st receptorer eller typer av koner som uppfattar ljus Röd, blå, grön

• Adderande färger – Primära färger Röd, Grön, Blå

• Subtraherande färger – Primärar färger cyan, Magenta, Gul(Yellow)

RGB , CMY(k)