Digitala bilder. Elektroniska bilder VH -07 2 Digitala bilder Datorskärmen visar bild m.h.a. pixlar.

En presentation över ämnet: "Digitala bilder. Elektroniska bilder VH -07 2 Digitala bilder Datorskärmen visar bild m.h.a. pixlar."— Presentationens avskrift:

1 Digitala bilder

2 Elektroniska bilder VH -07 2 Digitala bilder Datorskärmen visar bild m.h.a. pixlar.

3 Elektroniska bilder VH -07 3 Två grafiska modeller: Bitmap grafik (Pixelgrafik) Array av pixelvärden Varje pixelvärde sparas Har pixel dimension ej fysisk dimension fysiskdim=pixeldim/enhetensupplösning Vektor grafik (Objektgrafik) matematisk beskrivning av linjer, kurvor och former Visa bild kräver beräkningar av datorn. Ex: linje lagras start och slut punkter (Post Script eller PDF)

4 Elektroniska bilder VH -07 4 Skillnader Bitmap grafik spara varje pixelvärde (128x128=)16385 pixlar Varje pixel: färg med 256 nivåer ger 8 bitar/pixel=1byte/pixel Hela bilden: 16 kByte (1byte/pixel x 16385 pixlar) Vektor grafik Beskriver två rektanglar och dess färg: 86 byte 128

5 Elektroniska bilder VH -07 5 Skillnader (forts.) Bitmap grafik På skärm: pixlar kopieras till skärm Photoshop Vektor grafik På skärm: programvara som översätter (Post Script tolkare/SVG tolkare) Illustrator Flash

6 Elektroniska bilder VH -07 6 Att skala om bilder Bitmap bild Förstoring:logisk pixel täcker flera fysisk pixlar Interpolation: nya pixlar räknas ut Tappar i kvalité Vektor grafik bild Matematisk operation Bilden lika jämn och fin

7 Elektroniska bilder VH -07 7 Matematik för en linje: y = (5/2)x + 1 punkt 1= (x 1,y 1 ) = (0,1) punkt 2= (x 2,y 2 ) = (12,31) punkt 2 punkt 1

8 Elektroniska bilder VH -07 8 Matematik för andra former (kubiska Bézier kurvor): Fyra kontrollpunkter:Slutpunkterna (x 0,y 0 ) & (x 3,y 3 ) Riktningspunkterna (x 1,y 1 ) & (x 2,y 2 ) x(t)=a x t 3 + b x t 2 +c x t+x 0 0 < t < 1 y(t)=a y t 3 + b y t 2 +c y t+y 0 0 < t < 1 c x =3(x 1 -x 0 ) b x =3(x 2 -x 1 )-c x a x =x 3 -x 0 -c x -b x c y =3(y 1 -y 0 ) b y =3(y 2 -y 1 )-c y a y =y 3 -y 0 -c y -b y

9 Elektroniska bilder VH -07 9 Bézier kurvor Riktningspunkt (x 1,y 1 ) riktningspunkt (x 2,y 2 ) slutpunkt (x 0,y 0 ) slutpunkt (x 3,y 3 ) Kombineras och bilda avancerade kurvor och oregelbundna former. Test 1Test 2

10 Filformat för vektorgrafik

11 Elektroniska bilder VH -07 11 Vektorbaserade filformat AI EPS PDF WMF SVG DWG SWF