Asas grafik digital

Asas Grafik Digital
MODUL 01 1.3A
2 Feb 21
ckfcikgugrafik | ck_xpdc@yahoo.com
KSSM MPV
1.3A
MODUL
01
A a G a
Standard Pembelajaran
. . Menjelaskan konsep
grafik digital.
. . Membandingkan jenis
grafik.
i Raster
ii Vektor
. . Membezakan kualiti
im e j b e rd a sa rka n
p erb eza a n resolusi
warna
G
a
G
h
m
a
m
s
le

GrafikDigital
 Sebarang hasil kerja grafik yang dihasilkan
menggunakan sama ada perkakasan atau pun perisian
komputer.
 Juga merujuk kepada suatu imej yang mudah seperti
garisan dan bulatan atau yang lebih kompleks seperti
fractal
2 Feb 21

KonsepGrafik
Digital
 Mempergunakan media statik dengan
memperkembangkan keupayaan teks, ilustrasi dan
gambar foto.
 Ilustrasi dan gambar berupaya ‘bercerita’, menarik
perhatian dan mengambarkan orang, tempat atau
benda.
 Carta, graf ataupun rajah menyediakan dimensi
maklumat kepelbagai secara visual.
 Menunjukkan maklumat terperinci bergambar dan
berfungsi sebagai ikon yang mewakili sesuatu.
2 Feb 21

JenisGrafik
Digital
Dikategorikan kepada dua
jenis
Raster
Vektor:
2 Feb 21

JenisGrafik
Digital
 Grafik Raster
 Satu susunan titik-titik yang dikenali piksel
atau bit.
 Juga dikenali sebagai grafik bitmap.
 Contohnya foto daripada kamera digital dan
gambar yang diimbas.
2 Feb 21
Grafik digital boleh dikategorikan kepada dua jenis iaitu
raster dan vektor:
i. Raster
Grafik Raster adalah satu susunan titik-titik yang dikenali
piksel atau bit. Grafik raster juga dikenali sebagai grafik
bitmap. Contohnya foto daripada kamera digital dan
gambar yang diimbas.
Rajah 1.3.1: Contoh grafik raster

JenisGrafik
Digital
 Vektor
 Terhasil daripada garisan, lengkungan dan
objek geometrik yang boleh diubah bentuk
dan saiz tanpa menjejaskan kualitinya.
 Digunakan dalam bidang teknikal seperti
Computer Aided Design (CAD), pemodelan
saintifik, seni bina, senireka dan sebagainya.
2 Feb 21
Rajah 1.3.1: Contoh grafik raster
ii. Vektor
Grafik vektor terhasil daripada garisan, lengkungan dan
objek geometrik yang boleh diubah bentuk dan saiz tanpa
menjejaskan kualitinya.
Grafik vektor juga digunakan dalam bidang teknikal seperti
Computer Aided Design (CAD), pemodelan saintifik, seni
bina, senireka dan sebagainya.
Rajah 1.3.2: Contoh grafik vektor

Perbezaanimej
rasterdanimej
vector
2 Feb 21
Raster vs Vektor
Raster Vektor
Kua liti im ej b erg a ntung
kepada nilai piksel. Semakin
tinggi nilai piksel semakin
jelas sesuatu imej
Kualiti imej vector adalah
t e ka l. Tid a k t e rje ja s
walaupun diubah bentuk
dan saiz
M a m p u m e n y i m p a n
sejumlah besar maklumat
m e n g e n a i i m e j d a n
memerlukan ruang ingatan
yang besar
Tidak memerlukan ruang
in g a t a n y a n g b e sa r
memandangkan data bagi
imej tersebut merupakan
arahan lakaran
Boleh diubahsuai sehingga
m e ng ub a h w a rna b a g i
setiap piksel pada imej
Pe n g u b a h su a ia n d a n
m a nip ula si imej d a p a t
dilakukan tanpa menjejas
kualiti imej vektor

Perbezaanimej
rasterdanimej
vector
2 Feb 21

ResolusiImej
 Dimensi imej ditentukan oleh dalam keadaan menegak
dan melintang dan ianya diukur dalam unit piksel.
 Sesebuah imej boleh mempunyai resolusi seperti 72
dpi, 100 dpi ataupun 300 dpi.
2 Feb 21
KSSM MPV
Rajah 1.3.3: Perbezaan resolusi imej

ResolusiImej
 Semakin tinggi resolusi, semakin tajam dan jelas paparan
imej serta semakin besar saiz fail yang terbentuk.
 Imej yang diambil menggunakan fon pintar kelihatan
tajam dalam paparan skrin telefon pintar tetapi menjadi
kabur apabila dipindahkan ke dalam komputer. Ini
disebabkan saiz skrin komputer adalah lebih besar
daripada saiz skrin telefon.
 Imej yang ingin dibesarkan akan menjadi kabur
sekiranya jumlah piksel pada imej tersebut rendah.
2 Feb 21
Rajah 1.3.3: Perbezaan resolusi imej
iii. Semakin tinggi resolusi, semakin tajam dan jelas paparan
imej serta semakin besar saiz fail yang terbentuk.
iv. Imej yang diambil menggunakan fon pintar kelihatan
tajam dalam paparan skrin telefon pintar tetapi menjadi
kabur apabila dipindahkan ke dalam komputer. Ini
disebabkan saiz skrin komputer adalah lebih besar da-
ripada saiz skrin telefon.
v. Imej yang ingin dibesarkan akan menjadi kabur sekiranya
jumlah piksel pada imej tersebut rendah.
Rajah 1.3.4: Perbandingan jumlah piksel

ResolusiWarna
 Keupayaan setiap piksel untuk mewakili beberapa warna
nada.
 Diukur oleh tahap keupayaan untuk menyatakan
kedalaman tiga warna utama (merah, hijau, dan biru).
 Bilangan tahap yang ada untuk mewakili setiap warna
bergantung kepada bilangan bit yang boleh digunakan
untuk mencirikan setiap warna.
 Apabila menggunakan kamera warna 8-bit, setiap warna
individu mempunyai 8-bit atau 256 peringkat (2 hingga
ke-8 kuasa) untuk mewakili julatnya.
 Semakin tinggi resolusi warna semakin jejas paparan
imej, semakin besar saiz fail.
 Apabila menilai warna utama (R, G, B), kamera warna 8-
bit boleh menyebabkan 16,777,216 warna (256 × 256 ×
256).
2 Feb 21

ResolusiWarna
2 Feb 21
semakin besar saiz fail.
vi.Apabila menilai warna utama (R, G, B), kamera warna 8-bit
boleh menyebabkan 16,777,216 warna (256 × 256 × 256).
Rajah 1.3.5: Perbandingan jumlah bit warna
Sumber: www.scan-slides.com
Rajah 1.3.6 : Pengiraan warna utama
Sumber: https:/ / www.keyence.com
vi.Apabila menilai warna utama (R, G, B), kamera warna 8-bit
boleh menyebabkan 16,777,216 warna (256 × 256 × 256).
Rajah 1.3.5: Perbandingan jumlah bit warna
Sumber: www.scan-slides.com
Rajah 1.3.6 : Pengiraan warna utama
Sumber: https:/ / www.keyence.com

ContohImej
Vector&
Bitmap
2 Feb 21

Contoh Imej
Vector, Bitmap
Dan
Perbezaannya
2 Feb 21

2 Feb 21
BAHAN DAN PERALATAN
1. Kertas Grid
2. Kertas A4
3. Pensel
4. Pemadam
5. Gunting
6. Gam
TUGASAN 1
Murid membuat lakaran imej pada kertas grid dan
menjelaskan konsep grafik digital (piksel, bit, bait) dan
membuat hubungkait dengan jenis grafik.
LANGKAH KERJA (TUGASAN 1)
1. Guru memaparkan contoh lakaran imej pada kertas grid.
2. Murid membuat lakaran imej raster dan vektor pada kertas
grid.
3. Murid menjelaskan konsep grafik digital dengan membanding
beza dua jenis grafik melalui lakaran yang telah dihasilkan.
TUGASAN 2
AKTIVITI
KSSM MPV
BAHAN DAN PERALATAN
1. Kertas Grid
2. Kertas A4
3. Pensel
4. Pemadam
5. Gunting
6. Gam
TUGASAN 1
Murid membuat lakaran imej pada kertas grid dan
AKTIVITI

bitmap vektor
CONTOH
LAKARAN
2 Feb 21

Asas grafik digital

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Asas grafik digital