pengenalan kepada sistem multimedia (wxet 3142)

25
[email protected] 1 PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142) BAB 4 : IMEJ DAN GRAFIK

Upload: gzifa

Post on 09-Jan-2016

41 views

Category:

Documents


5 download

DESCRIPTION

PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142). BAB 4 : IMEJ DAN GRAFIK. Pengenalan. Tulang belakang bagi produk multimedia Grafik Gambar & ‘clip art’ digunakan sebagai latar belakang kandungan maklumat kawalan bagi produk multimedia Format & saiz yang tertentu. Elemen Grafik. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 1

PENGENALAN KEPADA SISTEM MULTIMEDIA

(WXET 3142)

BAB 4 : IMEJ DAN GRAFIK

Page 2: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 2

Pengenalan

Tulang belakang bagi produk multimedia Grafik

Gambar & ‘clip art’ digunakan sebagai latar belakangkandungan maklumat kawalan bagi produk multimedia

Format & saiz yang tertentu

Page 3: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 3

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

Page 4: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 4

Gambar dan Imej

Gambar merupakan apa yang digambarkan di dalam dunia luar selain dari dunia komputer

Imejmerupakan persembahan 2-dimensi bagi gambar di dalam komputer

Page 5: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 5

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

Page 6: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 6

Imej di dalam komputerVersi 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

Page 7: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 7

Terdapat 2 strategi untuk memasukkan gambar ke dalam komputer

imej raster atau bitmap imej vector.

Page 8: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 8

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.

Page 9: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 9

Satu matrik elemen yang dipanggil piksel. Setiap piksel mengandungi 2 atau lebih warnaWarna ditentukan oleh berapa banyak data (di dalam unit bit) yang digunakan. Contoh :

1 bit mewakili 2 warna4 bit mewakili 16 warna8 bit (1 bait) mewakili 256 warna16 bit (2 bait) mewakili 65,536 warna24 bit (3 bait) mewakili 16,777,216 warna

Page 10: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 10

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

Page 11: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 11

Contoh :X : lebar imej di dalam pikselY : tinggi imej di dalam piksel

Saiz imej (dalam unit bait) = X * Y (bit per piksel/8)

Page 12: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 12

Contoh pengiraan

Paparan komputer piawai ialah 640 * 480 piksel iaitu 307,200 piksel 307,200/8=38,400 baitSemakin banyak warna yang digunakan, semakin banyak bait yang diperlukan untuk mengkod imejMaka semakin besar fail diperlukan untuk menyimpan imej tersebut

Page 13: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 13

Imej Vektor

Berdasarkan kepada elemen lukisan atau objek seperti garisan, segiempat, bulatan dan sebagainya untuk membentuk suatu imej.Contoh :

garisan : garis x1, y1, x2, y2, warnasegiempat : lebar, tinggi, segiempat atas, kiri, warnabulatan : bulatan atas, kiri, radius, warna

Page 14: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 14

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

Page 15: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 15

Kelebihan imej vektor memerlukan bilangan data yang kecil untuk mewakili imejJadi ingatan yang kecil diperlukan untuk menyimpan imej

Keburukan imej vektor merupakan imej yang kurang terperinci

Page 16: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 16

Ciri-ciri Imej Digital

Imej digital merupakan imej yangdisimpandiproses dipapar pada komputer

Terminologi PikselResolusi‘aspect ratio’

Page 17: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 17

• PikselUnit asas bagi imej digitalMengandungi 1 atau lebih

perwakilan nombor bagi pengukuran nilai isyarat imej tersebut

Selalunya disusun dalam unit-unit segiempat tepat

Page 18: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 18

• Resolusi imej Bilangan piksel di dlm suatu imej digital Berkadaran dgn keterperincian data

resolusi tinggi, keterperincian data lebih nyata dan tajam

resolusi sederhana, imej mula menunjukkan kesan “jaggies” kesan daripada bentuk sempadan piksel yang semakin nyata

resolusi rendah, keterperincian dan kedalaman imej/gambar akan hilang sama sekali di mana piksel-piksel individu jelas kelihatan

Page 19: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 19

‘trade-offs’ : Semakin tinggi resolusi, semakin besar storan dan semakin tinggi kelajuan / kuasa pemprosesan.

Pemilihan resolusi bergantung kpd : Jumlah keterperincian imej / kompleksiti

imej asal Keperluan storan dan tahap

pemprosesan Kegunaan output imej tersebut

Page 20: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 20

Kesan pemilihan resolusi

Page 21: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 21

Pendigitalan Maklumat Analog Suatu Imej

Pertukaran imej daripada medium analog ke digital (diskrit numerik) melibatkan

Proses pensampelan Proses pengkuantitian

Page 22: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 22

Pensampelan

gambar dibahagikan kpd bhg2 kecil (cukup kecil untuk tangkap keperincian) yang berasingan dan bersaiz sama dipanggil piksel

Bahagian tepi, terdpt piksel yang mengandungi maklumat tentang imej (hitam) dan latarbelakang (putih) Maka pixel tersebut akan diwarnakan secara purata

(gabungan kedua-dua warna), dalam kes ‘grayscale’ warna kelabu akan dipilih

Ini kerana, dalam perwakilan digital, piksel mesti menyimpan nilai yang tepat

Page 23: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 23

Pengkuantitian

Menukarkan keterikan (intensity) warna setiap piksel kepada nilai-nilai yang tepat

Untuk mengkuantitikan setiap piksel, perlu diumpukan nilai nombor untuk mewakilkan setiap warna dan keterikannya. 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.

Page 24: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 24

0 1 2 3 4 . . . . . . . . . 12 13 14 15

Hitam Putih

Page 25: PENGENALAN KEPADA SISTEM MULTIMEDIA (WXET 3142)

[email protected] 25

Perwakilan Nilaian Integer Untuk Keterikan Warna Piksel