PENGENALAN KEPADA SISTEM MULTIMEDIA WXET 3142 BAB 4

PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142) BAB 4 : IMEJ DAN GRAFIK nazlita@fsktm. um. edu. my 1

Pengenalan Tulang belakang bagi produk multimedia Grafik Gambar & ‘clip art’ digunakan sebagai latar belakang kandungan maklumat kawalan bagi produk multimedia Format & saiz yang tertentu nazlita@fsktm. um. edu. my 2

Elemen Grafik Jenis gambar seperti : Gambar orang, tempat dan benda ‘Diagram’ bagi bangunan (pelan) Carta dan graf Contoh : Gambar menyampaikan mesej tertentu seperti bagaimana rupa seseorang itu ataupun maklumat mengenai laporan ekonomi nazlita@fsktm. um. edu. my 3

Gambar dan Imej Gambar merupakan apa yang digambarkan di dalam dunia luar selain dari dunia komputer Imej merupakan persembahan 2 -dimensi bagi gambar di dalam komputer nazlita@fsktm. um. edu. my 4

Gambar selalunya merupakan produk ataupun ia menyampaikan mesej. Contoh : gambar manusia yang dilukis di atas kertas menunjukkan bagaimana pelukis dapat menggambarkan manusia tersebut melalui lukisannya. Ia bergantung kepada kepakaran pelukis tersebut. gambar yang diambil dengan menggunakan kamera, gambar yang dihasilkan bergantung kepada kemahiran jurufoto serta kamera dan filem yang digunakan nazlita@fsktm. um. edu. my 5

Imej di dalam komputer Versi gambar yang bergantung kepada keupayaan komputer tersebut dan kualiti yang dihasilkan bergantung kepada artis grafik yang menggunakan perisian tertentu Selalunya kesemua imej komputer menggunakan keupayaan komputer untuk menyimpan dan memproses imej nazlita@fsktm. um. edu. my 6

Terdapat 2 strategi memasukkan gambar ke komputer untuk dalam imej raster atau bitmap imej vector. nazlita@fsktm. um. edu. my 7

Imej Raster atau Bitmap Bentuk imej yang paling sering digunakan Merupakan set titik-titik 2 -dimensi pada paparan komputer. Bergantung kepada kebolehan perkakasan, setiap titik boleh memaparkan dari 2 sehingga beribu-ribu warna. Imej akan menyerupai objek yang sebenar. Saiz, warna dan tekstur objek adalah hampir sama dengan objek di dunia luar. nazlita@fsktm. um. edu. my 8

Satu matrik elemen yang dipanggil piksel. Setiap piksel mengandungi 2 atau lebih warna Warna ditentukan oleh berapa banyak data (di dalam unit bit) yang digunakan. Contoh : 1 bit mewakili 2 warna 4 bit mewakili 16 warna 8 bit (1 bait) mewakili 256 warna 16 bit (2 bait) mewakili 65, 536 warna 24 bit (3 bait) mewakili 16, 777, 216 warna nazlita@fsktm. um. edu. my 9

Bilangan piksel berkadaran dengan saiz fail yang diperlukan untuk menyimpan imej tersebut. Saiz imej raster, darab bilangan piksel pada paksi melintang dengan bilangan piksel pada paksi menegak. Kemudian nilai ini akan didarabkan dengan bilangan bait per piksel nazlita@fsktm. um. edu. my 10

Contoh : X : lebar imej di dalam piksel Y : tinggi imej di dalam piksel Saiz imej (dalam unit bait) = X * Y (bit per piksel/8) nazlita@fsktm. um. edu. my 11

Contoh pengiraan Paparan komputer piawai ialah 640 * 480 piksel iaitu 307, 200 piksel 307, 200/8=38, 400 bait Semakin banyak warna yang digunakan, semakin banyak bait yang diperlukan untuk mengkod imej Maka semakin besar fail diperlukan untuk menyimpan imej tersebut nazlita@fsktm. um. edu. my 12

Imej Vektor Berdasarkan kepada elemen lukisan atau objek seperti garisan, segiempat, bulatan dan sebagainya untuk membentuk suatu imej. Contoh : garisan : garis x 1, y 1, x 2, y 2, warna segiempat : lebar, tinggi, segiempat atas, kiri, warna bulatan : bulatan atas, kiri, radius, warna nazlita@fsktm. um. edu. my 13

Imej bitmap boleh ditukar saiz dengan ‘stretch’ imej tersebut mengikut paksi x / y. kesan herotan (distorted) Imej vektor boleh dibina dari objek besar seperti bulatan, segiempat atau poligon yang boleh diubah saiz dengan melakukan penskalaan tanpa kerosakan terhadap imej yang asal nazlita@fsktm. um. edu. my 14

Kelebihan imej vektor memerlukan bilangan data yang kecil untuk mewakili imej Jadi ingatan yang kecil diperlukan untuk menyimpan imej Keburukan imej vektor merupakan imej yang kurang terperinci nazlita@fsktm. um. edu. my 15

Ciri-ciri Imej Digital Imej digital merupakan imej yang disimpan diproses dipapar pada komputer Terminologi Piksel Resolusi ‘aspect ratio’ nazlita@fsktm. um. edu. my 16

• Piksel o. Unit asas bagi imej digital o. Mengandungi 1 atau lebih perwakilan nombor bagi pengukuran nilai isyarat imej tersebut o. Selalunya disusun dalam unit-unit segiempat tepat nazlita@fsktm. um. edu. my 17

1. Resolusi imej 2. Bilangan piksel di dlm suatu imej digital 3. Berkadaran dgn keterperincian data resolusi tinggi, keterperincian data lebih nyata dan tajam 2. resolusi sederhana, imej mula menunjukkan kesan “jaggies” kesan daripada bentuk sempadan piksel yang semakin nyata 3. resolusi rendah, keterperincian dan kedalaman imej/gambar akan hilang sama sekali di mana piksel-piksel individu jelas kelihatan 1. nazlita@fsktm. um. edu. my 18

o‘trade-offs’ : Semakin tinggi resolusi, semakin besar storan dan semakin tinggi kelajuan / kuasa pemprosesan. o. Pemilihan resolusi bergantung kpd : o Jumlah keterperincian imej / kompleksiti imej asal o Keperluan storan dan tahap pemprosesan o Kegunaan output imej tersebut nazlita@fsktm. um. edu. my 19

Kesan pemilihan resolusi nazlita@fsktm. um. edu. my 20

Pendigitalan Maklumat Analog Suatu Imej Pertukaran imej daripada medium analog ke digital (diskrit numerik) melibatkan Proses pensampelan Proses pengkuantitian nazlita@fsktm. um. edu. my 21

Pensampelan o gambar dibahagikan kpd bhg 2 kecil (cukup kecil untuk tangkap keperincian) yang berasingan dan bersaiz sama dipanggil piksel o Bahagian tepi, terdpt piksel yang mengandungi maklumat tentang imej (hitam) dan latarbelakang (putih) o Maka pixel tersebut akan diwarnakan secara purata (gabungan kedua-dua warna), dalam kes ‘grayscale’ warna kelabu akan dipilih o Ini kerana, dalam perwakilan digital, piksel mesti menyimpan nilai yang tepat nazlita@fsktm. um. edu. my 22

Pengkuantitian 1. Menukarkan keterikan (intensity) warna setiap piksel kepada nilai-nilai yang tepat 2. Untuk mengkuantitikan setiap piksel, perlu diumpukan nilai nombor untuk mewakilkan setiap warna dan keterikannya. 1. Contoh, kita mungkin akan umpukkan nilai di antara 0 ke 15 untuk mewakilkan keterikan warna di antara warna paling hitam dan yang paling putih. Ini memudahkan langkah seterusnya untuk menukarkan 16 nilai kepada perwakilan binari. nazlita@fsktm. um. edu. my 23

0 1 2 3 4 . . Hitam 12 13 14 15 Putih nazlita@fsktm. um. edu. my 24

Perwakilan Nilaian Integer Untuk Keterikan Warna Piksel nazlita@fsktm. um. edu. my 25