Professional Documents
Culture Documents
Imej Dan Grafik
Imej Dan Grafik
Imej Dan Grafik
BAB3:KOMPONENKOMPONEN BAB 3 KOMPONEN KOMPONEN MULTIMEDIA imej &grafik MULTIMEDIA ~imej & grafik
Pensyarah: Pn.Wan Fazlini Idayu binti W.Fakari
Fungsi Grafik ;
GRAFIK
1. 2. 3. 4.
GRAFIK
Perbezaan antara rasterdan vector Formatimej Format imej dan grafik Istilahistilah dalam imej dan grafik Kaedahkaedah membuat imej rasterdan vector
Digunakan sebagai objek pautan. Sebagai latarbelakang kepada teks. Memain peranan yang penting dalam GUI ( (Graphical User Interface/ Antaramuka/Muka p hadapan). Multimedia yang berkesan banyak bergantung kepada pemilihan grafik yang berkesan.
3
Kategori Grafik
Grafik berkomputer terbahagi kepada dua:
Imej Rasteratau grafik Bitmap. fk Imej Vektor atau grafik Metafile.
Grafik Bitmap d dari l Terdiri d pixelyang datang dari pengimbas, atau imej dari camcoder.Setiap pixel d S ti i l boleh di umpukkan sifat sifat seperti lokasi,wana lokasi wana dan kecerahan.
7 8
Perbezaandiantaragrafikraster danvektor
Grafik Vektor Ia dikenali sebagai imej jenis lukisan / imej berasaskan objek. Ia dibina daripada koleksi objek seperti garisan lurus, garisan bujur dan garisan lurus kotak. Saiz fail atau ruang storan yang diperlukan untuk menyimpannya adalah kecil. Ini adalah kerana grafik jenis ini disimpan berdasarkan set-set arahan komputer / b d k t t h k t lakaran pada komputer. Saiz fail atau ruang storan yang diperlukan untuk menyimpannya adalah besar. Ini adalah kerana grafik jenis ini disimpan dalam bentuk bit. Grafik Raster Ia dikenali sebagai imej raster.
Perbezaandiantaragrafikraster danvektor(2)
Grafik Vektor Ianya diwakili dalam bentuk geometrik (arahan matematik) yang dibina daripada garisan lurus, oval, lengkungan, bulatan dan sebagainya. Imej jenis vektor dibina berdasarkan garisan pada dua penjuru yang bertentangan. Apabila suatu garisan dibina, dibina satu set arahan akan dibentuk bagi menerangkan saiz, kedudukan dan bentuk imej tersebut. Gabungan pelbagai bentuk objek yang dih b bj k dihubungkaitkan antara satu k ik sama lain membentuk suatu imej yang lebih bermakna. Bitmap mewakili sesebuah imej yang maklumatnya disusun dalam bentuk matrik mudah yang menerangkan setiap dot atau piksel yang wujud dalam membentuk sesuatu imej Grafik Raster
PerbezaandiAntaraGrafikVektor&GrafikRaster(3)
Grafik Vektor Imej ini sesuai dan mudah untuk dikendalikan bagi tujuan mengubahsuai atau manipulasi imej. Saiz, kedudukan serta bentuknya boleh diubah suai di dalam pelbagai sudut dan arah tanpa gangguan terhadap kualitinya. Semua imej vektor adalah dihasilkan oleh komputer maka ini bermakna ianya adalah kurang realistik ataupun kurang memenuhi ciri-ciri objek sebenar di dalam kehidupan sebenarnya. Semakin kompleks imej yang dilukis semakin besar saiz f il b i failnya d dan semakin l ki lambat untuk b k ianya dipaparkan pada skrin. Kepakaran di dalam grafik berkomputer juga amat diperlukan bagi menghasilkan sebuah imej vektor yang berkualiti tinggi Pengimbas imej (scanner) merupakan antara perkakasan yang boleh digunakan bagi memperolehi imej jenis bitmap Semakin tinggi nilai piksel sesebuah imej bagi satu unit lokasi, semakin baik resolusi dan semakin jelas sesebuah imej tersebut. Grafik Raster Menukar saiz atau skala sesebuah imej bitmap sebenarnya hanyalah merupakan proses memaparkan piksel imej yang semakin dibesar atau dikecilkan. Imej yang terhasil dari proses pengecilan dan pembesaran saiz ini biasanya akan kelih t n k b k n kelihatan kabur, be ge igi d n tid k bergerigi dan tidak begitu menarik perhatian.
Perbezaandiantaragrafikraster&grafikvektor(4)
Grafik Vektor Imej ini amat sesuai bagi tujuan menyimpan fail-fail grafik berkomputer fail fail dalam bentuk Clip Art yang kemudiannya digunakan serta dipasarkan secara komersial d k l dengan meluasnya. Ia juga l sering digunakan terutamanya di dalam bidang teknikal seperti CAD/CAM ('Computer Aided Design / Manufacture'), permodelan saintifik, senibina, senireka dan sebagainya. Semua bidang ini memerlukan keupayaan bagi proses memanipulasikan imej seperti memindah, memadam, menukar saiz, membuat salinan d k i b t li dan l i lainlain. Contoh perisian: Macromedia Freehand Freehand, Adobe Illustrator, AutoCad, Corel Draw dan sebagainya. Contoh C t h perisian : i i Adobe Photoshop, Painter dan Macromedia X-Res. Imej bitmap sesuai digunakan sekiranya tahap imej yang agak mendalam serta kualiti paparan imej seperti mana di dalam kehidupan yang sebenar diperlukan. Grafik Bitmap
Ringkasan......
Grafik Vektor Grafik Raster G fik R
saizyangbesar,sukaruntukdiubahsuai. Mudahdihasilkandenganmenggunakan Mudah dihasilkan dengan menggunakan Memerlukankepakaranatauskilmelukis perkakasantertentusepertiscanner, untukmenghasilkannya kameradigitaldansebagainya Sesuaiuntukmemaparkanimejdalam Sesuai untuk memaparkan imej dalam Sesuaiuntukcarta,graf,dandiagram. k f d d kualitiyangrealistik Aplikasiyangdigunakanuntukmenghasil Aplikasiyangdigunakanuntukmenghasil j p sertamemindaimejvektordikenaliaplikasi sertamemindaimejbitmapdikenaliaplikasi t i d i j bit dik li lik i lukisan(drawing)ataucomputeraided painting. design(CAD) Contoh:CorelDRAW,AdobePhotoshop, Contoh: CorelDRAW, Adobe Photoshop, Contoh:AdobeIllustrator,Autocard Contoh: Adobe Illustrator, Autocard dsb.
Saizfailkecil,mudahdiubahsuai
100% 200%
100% 200%
(a)Formatterbinadalamwindow(2)
EPS(EncapsulatedPostScript) Dibangunkan oleh AdobeSystems.Formatpopular untuk penghasilan grafik pada pencetak postscript.Ia mempunyai saiz f l failyangbesar d b k l tinggi. b dan berkualiti Ia menyimpan keduadua imej bitmapdan vektor. Apabila failEPSdipaparkan,ia akan kelihatan seperti j imej vektor biasa atau dikelabukan dalam kotak bersama labelpengenalan.Apabila kotak ini dipaparkan p g p g , p g selepas mengimpot grafik EPS,ini bermakna program yangsedang digunakan tidak tahu mentafsir bahasa p y g j PostScriptyangmembentukkan imej.
(a)Formatterbinadalamwindow(3)
EPS(EncapsulatedPostScript) Tetapi apabila ia dicetak menggunakan pencetak p p gg p melalui PostScriptimej terbabit akan muncul seperti biasa. Apa yangmembezakan di antara PostScriptdan EncapsulatedPostScipt Encapsulated PostScipt atau EPS adalah pada fail EPS di EPSadalah failEPSdi mana kod tambahan tersebut akan memberitahu programyangakan program yang akan menerima fail terbabit bahawa fail failterbabit fail grafik terbabit akan dihantar.
Menampung jutaan warna Format yang tidak hilang Formatyangtidak Alternatif yangbaik untuk keduadua GIFdan JPEG.
(a)WarnaDanGrayscale
Warna ialah sifat cahaya yangditentukan oleh panjang gelombang. Ia juga merujuk kepada sifat objek atau bahan yangditentukan oleh jenis panjang gelombang yangdipantul,dihantar,atau di j l b di l dih dipancar. Warna asas merupakan warna yangutama dalam pembentukan warna warna yg lebih pelbagai.Iadikenalisebagai warna primeriaitu:merah, p g g p , biru,kuning. Warna sekunder terhasil drpd campuran dua warna asas.Cth:
Merah + Kuning =Jingga +Kuning Jingga Kuning +Biru =Hijau Biru +Merah =Ungu
(a)WarnaDanGrayscale
Warna ialah sifat cahaya yangditentukan oleh panjang gelombang. Ia juga merujuk kepada sifat objek atau bahan yangditentukan oleh jenis panjang gelombang yangdipantul,dihantar,atau di j l b di l dih dipancar. Warna asas merupakan warna yangutama dalam pembentukan warna warna yg lebih pelbagai.Ia dikenali sebagai warna primeriaitu:merah, p g g p , biru,kuning. Warna sekunder terhasil drpd campuran dua warna asas.Cth:
Merah + Kuning =Jingga +Kuning Jingga Kuning +Biru =Hijau Biru +Merah =Ungu
Campuran satu warna asas d dengan warna sekunder akan menghasilkan k d k h lk warna tertier iaitu:
Kuning +Hijau =Kuning Hijau Kuning +Jingga =Kuning Jingga Merah +Jingga =Merah Jingga Merah +Ungu =Merah Ungu Biru +Ungu =Biru Ungu Biru +Hijau =Biru Hijau
Campuran satu warna asas d dengan warna sekunder akan menghasilkan k d k h lk warna tertier iaitu:
Kuning +Hijau =Kuning Hijau Kuning +Jingga =Kuning Jingga Merah +Jingga =Merah Jingga Merah +Ungu =Merah Ungu Biru +Ungu =Biru Ungu Biru +Hijau =Biru Hijau
(b)RGBdanCYMK
RGB(RedGreenBlue)
Pada modelwarna RGB(Red,Greendan Blue),warna pada pixeldiwakilkan denga jumlah warna merah,hijau dan biru. Ia akan menyebabkan lebih banyak ingatan komputer digunakan dan masa pemprosesan semakin lama lama. Jika menggunakan 24bitRGB,dgn tentukan setiap nilai warna pada nilai 256 (8 bit 256(8bit diperlukan untuk jadikan 256warna).Oleh g p p itu 24bitdi ingatan dapat memaparkan warna sebenar iaitu 256x256x256= 16,777,216warna.
(b)RGBdanCYMK
CMYK Sistem warna yangdigunakan untuk percetakan warna (warna print production)yangterdiri daripada 4 warna utama i i warna cyan(Biru iaitu ( i muda),mangeta(merah pulasan), yellow(kuning)dan yellow(kuning) dan hitam yang khas yangkhas (specialblackink). C Campuran warna b i modelCMYK bagi d l CMYK dikenali sebagai campuran secara subtractiveiaitu subtractive iaitu warna sekunder dikeluarkan daripada campuran warna tersebut.Iaitu tersebut. Iaitu semua warna diserap kecuali warna yangdikehendaki.
(c)Hue,Lumination,Saturation
HSB
Sistem warna berdasarkan kepada persepsi manusia melihat kepada warna iaitu berdasarkan kepada 3perkara , g iaitu Hue,Saturationdan Brightness. Hue merujuk kepada warnawarna spektra seperti warna merah,jingga,kuning,biru,hijau dsb. adalah warnawarna spektra pancaran cahaya sama ada dari atau menerusi objek diukur dengan kiraan sudut 0hingga 360 Hue:-
(e)Chroma(Kroma)
Kroma adlh nilai ukuran k K dlh il i k kuasa warna.Ia dih ilk melalui I dihasilkan l l i campuran warna tsbt dgn penggenapnya.Nisbah campuran dgn warna penggenap akan menentukan nilai kuasanya kuasanya. Kuasa warna kroma blh dibahagikan kpd 3peringkat,iaitu cerah,sederhana &pudar. , p Skaladibawahmenunjukkancorakwarnamerah,magenta danbirudalampelbagaikroma,semuadengannilaiyang sederhana:
D Drawingprograms i
Creatingdrawtypegraphics P id f h d E Providefreehand.Examplegeometricshape l i h Example:AdobeIllustrator,CorelDraw,Macromedia Freehand
http://www.adobe.com/products/illustrator/main.html
http://www.adobe.com/products/photoshop/main.ht ml
PaintShopPro
http://www.jasc.com/psp6.html
MacromediaFireworks
http://www.macromedia.com/software/fireworks/prod uctinfo/
Imageeditingprograms
Makingchangestoexistingimages,suchas manipulatingthebrightnessorcontrast,applying textures,patterns. t t tt Examples:AdobePhotoshop,AdobePageMaker,etc.
Digital camera
cenderunguntukmenjadi resolusirendah
Web cam
GRAFIK
Bitmaps
Bitmaps
GRAFIK
Setiap piksel disimpan sebagai bit. 1 bit bitmap: akan menghasilkan imej yang mempunyai 2 warna iaitu hitam dan putih p 4 bit bitmap: akan memaparkan imej yang mempunyai 16 warna 8 bit bitmap: mampu memaparkan imej yang mempunyai 256 warna 24 bit bitmap: bit akan memaparkan imej yang mempunyai jutaan warna.
52
51
GRAFIK
Bitmaps p
Bitmaps boleh dicipta dengan kaedah berikut: Melakar imej menggunakan perisian lukisan (from scratch). (f t h) Muat-turun imej melalui web, imej dalam program lain dan menyalin daripada perisian. Mengimbas gambar bitmap.
GRAFIK
Clip Art p
Merupakan illustrasi elektronik p yang boleh dimasukkan pada dokumen. Menjimatkan masa dan sesuai digunakan untuk projek multimedia segera segera. Pelbagai kategori: gambar foto, ikon, animasi, ikon animasi latar belakang belakang, tekstur, butang, bulet dan sebagainya.
54
53
GRAFIK
Gambar Digital g
Gambar foto slaid dan gambar daripada buku boleh foto,slaid didigitalkan menggunakan scannerdisimpan dalam format jpeg,gifdan tif untuk projek multimedia. Videocaptureboard dihubungkan kepada kamera video,VCR, pemain cakera videoatau livevideofeed. Contoh:SnappyVideoSnapshot (modul menangkap imej sehingga 1500x1125,16juta warna)disambung kepada port pencetak.Snappyakan menangkap gambar pegun daripada kamera videoatau sumber lain.
Hyper Photo
GRAFIK
Imej yang dijadikan sebagai pemacu (trigger) untuk dipautkan kepada teks, grafik, sound, atau video pada komputer atau alamat web. Pemacu boleh mempunyai saiz dan bentuk berbeza. p y Menggunakan konsep Hiperteks. Apabila tetikus dilalukan pada pemacu, kursor akan bertukar bentuk untuk memberitahu pengguna bahawa spot tersebut adalah hiperlink hiperlink.
55
56