(EDU-IT)ASAS GRAFIK
-
Upload
allenwan901 -
Category
Documents
-
view
258 -
download
0
Transcript of (EDU-IT)ASAS GRAFIK
-
8/4/2019 (EDU-IT)ASAS GRAFIK
1/76
TEKNOLOGI DALAMPENGAJARAN
DAN PEMBELAJARAN
(ASAS GRAFIK)
-
8/4/2019 (EDU-IT)ASAS GRAFIK
2/76
TAJUK PEMBENTANGAN
ASAS GRAFIK
(A)Prinsip Asas Grafik
(B)Reka Bentuk Visual
(C)Peralatan penghasilan grafik
-
8/4/2019 (EDU-IT)ASAS GRAFIK
3/76
PENGENALAN
-
8/4/2019 (EDU-IT)ASAS GRAFIK
4/76
PENGENALAN
Grafik (berasal dari perkataan Greek ):
Persembahan visualyang ditunjukkan pada permukaan
seperti dinding, kanvas, skrin komputer, kertas, papanuntuk tujuan jenama, pemberitahuan, ilustrasi atau
hiburan.
Contoh grafik ialah gambar foto, lukisan, seni tanpa
ton, graf, tipografi, nombor, simbol, reka bentuk
geometri,peta, lukisan kejuruteraan atau imej lain.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
5/76
Grafik selalunya menggabungkan teks,
ilustrasidan warna.
Grafik boleh wujud sebagai grafik berfungsi
atau berseni. Grafik juga boleh merupakan
bayangan atau menggambarkan perkara
yang wujud dalam dunia sebenar.
PENGENALAN
-
8/4/2019 (EDU-IT)ASAS GRAFIK
6/76
(A)PRINSIP ASAS
GRAFIK
-
8/4/2019 (EDU-IT)ASAS GRAFIK
7/76
PRINSIP ASAS GRAFIK
Kejayaan sesuatu bahan bantu mengajar
bukan semuanya bergantung kepada kualiti
dan keberkesanan bahan grafik yangdigunakan.
Ia diperolehi melalui perancangan rapi yang
merangkumi idea-idea yang teliti serta
penggabungan pelbagai jenis teknik
penghasilan grafik tertentu.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
8/76
PRINSIP ASAS GRAFIK
Visual yang banyak menggunakan grafik seperti
carta, graf, gambarajah, poster, kartun,
lutsinardan bahan bantu mengajaryang lain.
Grafik ialah kombinasi gambar-gambar,
lambang-lambang, simbol-simbol, huruf-huruf,
angka, perkataan, lukisan, lakaran.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
9/76
Grafik dijadikan satu media untuk
memberi konsep dan idea daripada
pengirim kepada sasarannya dalam
proses menyampaikan maklumat.
PRINSIP ASAS GRAFIK
-
8/4/2019 (EDU-IT)ASAS GRAFIK
10/76
(B)REKA BENTUKVISUAL
-
8/4/2019 (EDU-IT)ASAS GRAFIK
11/76
-
8/4/2019 (EDU-IT)ASAS GRAFIK
12/76
Apakah itu visual ??
Visual ialah alat komunikasi yang dapat
menyediakan rujukan konkrit yang lebih baikdaripada pernyataan secara
lisan atau betulis.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
13/76
REKA BENTUK
VISUAL
1. KONSEP DANFUNGSI VISUAL
-
8/4/2019 (EDU-IT)ASAS GRAFIK
14/76
Konsep dan fungsi visual
BENTUKVISUAL
Grafik
Visual analogik
(simbol seperti
kartun)
Visualorganisasi
(seperti graf &peta)
Fotografik
Elektronik
(sepertifotografi &
video)
-
8/4/2019 (EDU-IT)ASAS GRAFIK
15/76
Ciri-ciri yang memainkan
peranan yang berkesan untuk
ketiga-tiga visual tersebut
Mudah dan jelas dibacaserta difahami.
Mesej dapat ditafsir
tanpa terlalu bersusahpayah.
Mendorong interaksi yangaktif antara pelajar,gurutentang maksud yangterdapat dalam visual.
Membantu memfokuskanperhatian kepada
maksud yang terdapatdalam visual.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
16/76
REKA BENTUK
VISUAL
2. ELEMEN REKABENTUK VISUAL
-
8/4/2019 (EDU-IT)ASAS GRAFIK
17/76
ElemenElemen RekaReka BentukBentuk VisualVisual Elemen grafik bermakna bahan-bahan asas yang
digunakan untuk membentuk sesuatu komposisi
visual.
5 ELEMEN
GRAFIK
Ruang
( Space )
Garis
( Line )
Permukaan( Surface )
Bentuk tigadimensi( Form )
Bentuk duadimensi
( Shape )
-
8/4/2019 (EDU-IT)ASAS GRAFIK
18/76
Elemen Grafik 1: RUANG
(SPACE)
Ruang adalah keluasan yang disediakan
bagi sesuatu visual, sama ada sebesar
kertasA4, kertas manila
mahupun seluas padang bola.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
19/76
Elemen Grafik 1: RUANG (SPACE)
Ruang terbahagi kepada 2 bahagian iaitu:
Ruang positif ruang yang digunakan
Ruang negatif ruang yang kosong
Ruang negatif
Ruang positif
-
8/4/2019 (EDU-IT)ASAS GRAFIK
20/76
El r fi : I
( i )
Garis adalah satu elemen yang
paling ringkas dan amat mustahak.
Tanpanya tidak akan wujud
gambaran objek, manusia,
suasana dan lain-lain.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
21/76
Garis boleh didapati dalam dua jenis bentuk iaitu
bentuk dua dimensi dan bentuk tiga dimensiseperti patung yang ditunjukkan di bawah:-
( Patung dalam bentuk
DUA dimensi)
( Patung dalam bentuk
TIGAdimensi)
-
8/4/2019 (EDU-IT)ASAS GRAFIK
22/76
Fungsi Garisan dalam grafik
1. Menunjukkan pergerakan dan arah atau
aliran, seperti aliran sungai, tiupan angin,
arah larian dan lain-lain.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
23/76
Fungsi Garisan dalam grafik
2. Menunjukkan suasana aman atau ganas
seperti letupan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
24/76
Fungsi Garisan dalam grafik
3. Menunjukkan kemegahan dan kekuatan seperti
bangunan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
25/76
Fungsi Garisan dalam grafik
4. Menunjukkan kekusutan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
26/76
Fungsi Garisan dalam grafik
5. Melukis objek atau benda,contoh: cawan,
pasu dan lain-lain.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
27/76
Fungsi Garisan dalam grafik
6. Menghubungkan antara satu elemen
dengan elemen yang lain.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
28/76
Elemen Grafik 3: permukaan
(surface)
Garis, warna dan teksturyang berbeza
memberi kesan (maksud) berbeza ke ataspermukaan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
29/76
WARNA
-
8/4/2019 (EDU-IT)ASAS GRAFIK
30/76
Elemen Grafik 4:
BENTUK DUA DIMENSI
(SHAPE) Mempunyai panjang dan lebar saja
(seperti sekeping kertas).
Panjang
Lebar
-
8/4/2019 (EDU-IT)ASAS GRAFIK
31/76
Terdapat tiga jenis bentuk dua dimensi:-
Bentukgoemetri
Bentukabstrak
Bentukgambaran
BENTUK DUA DIMENSI
-
8/4/2019 (EDU-IT)ASAS GRAFIK
32/76
Elemen Grafik 4:
BENTUK tiga DIMENSI
(form) Mempunyai panjang, lebar dan tinggi
(seperti bentuk kubus).
Tinggi
Panjang
Lebar
-
8/4/2019 (EDU-IT)ASAS GRAFIK
33/76
Terdapat dua jenis bentuk tiga dimensi:-
Bentuk tiga dimensisebenaradalah
bahan sebenaryangmempunyai panjang,
lebar dan tinggi(seperti meja &
kerusi).
Bentuk tiga dimensitiruan yang kelihatan
seolah-olah
mempunyai panjang,lebar dan tinggi(seperti foto & lukisanyang diberi bayang).
Bayang digunakan untuk
menunjukkan kelebaran.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
34/76
REKA BENTUKVISUAL
3. PRINSIP REKABENTUK VISUAL
-
8/4/2019 (EDU-IT)ASAS GRAFIK
35/76
Prinsip Reka Bentuk Visual
Prinsip visual berkaitan dengan kaedah
atau cara menggunakan elemen-elemen
grafik supaya visual yang dihasilkan
menarik dan berkesan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
36/76
EnamEnam prinsipprinsip grafikgrafik
i. Simplisiti
ii. Dominan
iii. Pola
iv. Seimbangv. Variasi
vi. Harmoni
-
8/4/2019 (EDU-IT)ASAS GRAFIK
37/76
1. Simplisiti
Simplisiti bermaksud sesuatu rekaan
haruslah memungkinkan kefahaman
yang cepat dan jelas.Cara yang terbaik ialah dengan
mempersembahkan satu
perkara pada satu masa.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
38/76
2. Dominan
Dominan merupakan pusat penumpuan
atau minat. Dalam sesuatu rekaan visual,
objek atau item utama mestilah ditonjolkan
agar dapat dilihat dan dibaca maksudnya.
Terdapat pelbagai cara untuk
mencapai dominan,
antaranya ialah :
-
8/4/2019 (EDU-IT)ASAS GRAFIK
39/76
a) Menggunakan Peraturan Satu Pertiga
(Rule ofThird)
Peraturan Satu Pertiga berdasarkan kajian
bagaimana manusia menyaring (scan) sesuatu
visual.
Daripada kajian itu, didapati perhatian tertumpulebih di sudut atas kiri daripada
tempat-tempat lain.
41% 20%
25% 14%
-
8/4/2019 (EDU-IT)ASAS GRAFIK
40/76
b) Warna dan bentuk yang kontras.
c) Saiz yang lebih besar.d) Menggunakan anak panah yangmenunjuk ke arah item utama.
e) Menggunakan garis-garis yangmenunjuk ke arah item utama.
f) Mewujudkan gerakan dalam rekaanvisual seperti pergerakan cecair, guli atau
kipas.g) Menggunakan lampu atau cahaya yang
memancar.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
41/76
3. Pola
Pola atau corak berkaitan dengan soal susunanitem-item dalam sesuatu rekaan visual.Aspeksusunan ini amat dititikberatkan kerana ia dapat:
Menarik penglihatan mata ke arah item yangutama.
Menggerakkan penglihatan mata kepadakeseluruhan visual dalam arah yang betul.
Mengekalkan penglihatan mata danseterusnya mengikuti aliran persembahansehingga sampai kepada titik akhir.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
42/76
4. Seimbang
Sesuatu yang tidak seimbang akan
tumbang. Begitu juga dalam rekaan
sesuatu visual ia juga perlu seimbang, di
mana elemen grafik disusun supaya
beratnya seimbang dalam setiap bahagian
reka bentuk. Dengan cara ini, mata rasa
selesa memandang.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
43/76
Terdapat dua jenis seimbang
a) Seimbang formal
Bermakna pembahagian yang sama antara
dua bahagian visual samada kiri dengan
kanan atau atas dengan bawah. Cth:Jongkang-jongkit yang mempunyai bebanan
yang sama jenis di kedua-dua belah.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
44/76
b) Seimbang tidak formalBermakna pembahagian yang tidak sama
rata antara item kiri dengan kanan atau
atas dengan bawah. Cth: Jongkang-jongkit
yang masih seimbang tetapi ianya bukanbeban atau bahan yang sama jenis, cuma
beratnya sahaja yang sama.
Dalam rekaan visual penggunaan
penglihatan mata adalah cara untuk
menentukan keseimbangan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
45/76
5. Variasi
Elemen-elemen yang digunakan dalam sesuatukomposisi seharusnya menimbulkan perasaanseolah-olah visual itu hidup dan bergerak.
Perlu mempelbagaikan elemen-elemen yangdigunakan supaya ia dapat memberi kesegarandan menimbulkan minat.
Variasi menyokong pola untuk meningkatkan
tarikan terhadap visual.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
46/76
6. Harmoni
Dalam rekaan grafik kesemua elemen perlumenunjukkan kesinambungan idea atau buahfikiran.
Ini membolehkan mata dan fikiranpenonton/pembaca mengikut perkembangankeseluruhan visual.
Justeru harmoni memberikan rasa yakin dan
pasti kepada penonton/pembaca kerana merekadapat melihat hubungan antara elemen-elemen,arah aliran, persembahan, perspektif dankesatuan mesej.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
47/76
REKA BENTUK
VISUAL
4. WARNA
-
8/4/2019 (EDU-IT)ASAS GRAFIK
48/76
Warna
Kromatik
hiu valiu kroma
Akromatik
valiu kroma
-
8/4/2019 (EDU-IT)ASAS GRAFIK
49/76
Digunakan untukmenjelaskan
warna yangkhusus sepertimerah, biru, dansebagainya.
Hiu
(hue)
-
8/4/2019 (EDU-IT)ASAS GRAFIK
50/76
Menjelaskansejauh mana
gelap ataucerahnyasesuatu warna
itu kelihatan.
Valiu
Warna putih
Warna paling cerah.
Mempunyai sifat valiu yang tertinggi dalam semuawarna.
Warna kuning
Warna yang paling cerah dalam kumpulan
warna kromatik
-
8/4/2019 (EDU-IT)ASAS GRAFIK
51/76
Digunakan untukmenjelaskan intensitiatau kekuatan
sesuatu warna. Misalnya, warna
merah cerah >merah pucat.
Kroma
(chromaatau
intensity)
-
8/4/2019 (EDU-IT)ASAS GRAFIK
52/76
Semakin banyak bahanasing dicampurkan dalam
sesuatu pigmen warna,
semakin berkuranganintensiti warna tersebut.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
53/76
Pigmen
Adalah bahan yang memberi warnakepada sesuatu objek.
4 jenis Pigmen Warna:Warna utama
Warna sekunder
Warna pertengahan
Warna tertiar (tertiary).
-
8/4/2019 (EDU-IT)ASAS GRAFIK
54/76
Ialah warna asas.
Tidak boleh
dihasilkan dengan
campuran warna-
warna lain.Warna tersebut
ialah: Biru, Kuning,
Merah
-
8/4/2019 (EDU-IT)ASAS GRAFIK
55/76
WarnaWarna SekunderSekunderDiperolehi
daripada campuran
dua warna utama
iaitu:
Warnapertengahan
Warna tertiar
-
8/4/2019 (EDU-IT)ASAS GRAFIK
56/76
WarnaWarna
PertengahanPertengahanWarna pertengahan
ialah campuran warna
sekunder dengan warna
utama yang terletak
bersebelahannya.Warna ini dinamakan
menurut warna ibu
bapanya seperti biru
ungu, kuning hijau dan
lain-lain.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
57/76
WarnaWarna TertiarTertiar
Warna ini dihasilkan dengan
mencampurkan 2 warna
sekunder.
Contohnya, campuran warna
oren dan ungu menghasilkan
warna merah kecoklatan yang
digelar oleh sebahagian pereka
sebagai russet.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
58/76
WarnaWarna TertiarTertiar
Warna ini lebih lembut dan
cantik.
Kelainannya dapat
menghilangkan kebosanan,
terutamanya apabila warna
utama dan sekunderyang tepu
digunakan secara berterusan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
59/76
Pemilihan warna berdasarkan
fungsinya:a) Membuat penegasan dan mewujudkan
tumpuan
b) Memudahkan sesuatu item dilihatc) Mewujudkan perasaan harmoni
d) Melahirkan kesan tertentu selain
daripada perkara di atas.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
60/76
(a) Membuat Penegasan Dan
MewujudkanTumpuan
Bagi menjayakan fungsi ini, warna-warna
yang digunakan haruslah dapat
menegaskan sesuatu elemen supayaperhatian penonton dapat
ditumpukan ke arahnya.
Penegasan dicapai denganmenggunakan warna yang
berbeza.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
61/76
Misalnya, jika sesuatu elemen yang
berwarna terang hendak ditonjolkan, maka
warna latar belakangnya mestiilah pudar
atau malap.
Selalunya, warna utama digunakan dalam
membuat penegasan.
Warna sekunder seperti hijau
dan jingga juga boleh digunakan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
62/76
Warna kontras
juga dikenali
sebagai warna
penggenap.
Warna-warnatersebut terletak
bertentangan di atas
roda warna seperti
warna merah danhijau atau warna
biru dan kuning.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
63/76
(b) Memudahkan Sesuatu Item
DilihatWarna ungu adalah warna paling kurang
jelas dilihat daripada warna-warna lain
atau paling rendah nilainya.Warna kuning pula adalah paling
terang dan jelas kelihatan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
64/76
Perbandingan warna-warna lain dengan warna
ungu adalah seperti dalam jadual berikut:
Kuning 12 kali lebih jelas daripda ungu
Jingga 9 kali lebih jelas daripada ungu
Hijau 7 kali lebih jelas daripada unguMerah 5 kali lebih jelas daripada ungu
Biru 3 kali lebih jelas daripada ungu
Biru + Kuning = Hijau
Merah + Biru = Ungu
Kuning + Merah = Jingga
-
8/4/2019 (EDU-IT)ASAS GRAFIK
65/76
TindihanWarna
TindihanPositif TindihanNegatif
-
8/4/2019 (EDU-IT)ASAS GRAFIK
66/76
Tindihan Positif
Dihasilkan apabila warna subjek yang
terang diletakkan di atas lataryang
berwarna kontras dengannya seperti, putihdi atas hitam, kuning di atas ungu dan
merah di atas hijau.
Biasa banyak digunakan dan ia kelihatan
lebih jelas.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
67/76
Tindihan Negatif
Menggunakan warna kontras yang lemah
dan menghasilkan gabungan warna yang
kelihatan sama.Ini disebabkan tidak banyak perbezaan di
antara warna.
Contohnya, warna putih di atas kuning,warna coklat di atas merah.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
68/76
Kombi i W r Y Ber e
Latar Belakang Latar Depan
Imej Dan Teks
Highlights
Putih Biru gelap Merah, oren
Kelabu cerah Biru, hijau, hitam Merah
Biru muda Biru gelap, hijau
gelap
Merah, oren
Kuning muda Ungu, coklat Merah
-
8/4/2019 (EDU-IT)ASAS GRAFIK
69/76
(c) Mewujudkan Perasaan
HarmoniIni dapat dilakukan dengan menggunakanwarna-warna analogus, iaitu warna-warnayang terletak berhampiran dalam rodawarna seperti warna kuning, kuning hijau,hijau atau warna merah, merah ungu danungu.
Penggunaan gabungan warna inimenimbulkan perasaan selesa dantenteram.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
70/76
(d) Melahirkan Kesan Tertentu
Warna
WarnaPanas WarnaSejuk WarnaPsikologi
-
8/4/2019 (EDU-IT)ASAS GRAFIK
71/76
WarnaWarna panaspanas
Warna panas terdiri daripada warnamerah, jingga dan kuning.
W
arna-warna ini digolongkan sebagaiwarna panas kerana ia dikaitkan denganmatahari dan api.
Warna panas menimbulkan kesa
kedekatan, kegarangan dan kekuatan.Sering digunakan dalam karya yangbertema perayaan atau kemeriahan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
72/76
WarnaWarna SejukSejuk
Warna sejuk terdiri daripada warna biru,
ungu, dan hijau.
Warna ini dikaitkan dengan warna langit,tumbuhan, laut dan air.
Warna sejuk yang dikaitkan dengan alam
mewujudkan suasana kelembutan,kedamaian dan kesayuan.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
73/76
WarnaWarna PsikologiPsikologi
Dipengaruhi oleh budaya masyarakat
setempat.
Misalnya, tahun baru cina biasanyadigambarkan dalam warna merah.
Dalam konteks ini, pereka perlulah sensitif
dengan maksud warna tersebut supayatidak menimbulkan kegelisahan dan syak
wasangka.
-
8/4/2019 (EDU-IT)ASAS GRAFIK
74/76
REKA BENTUK
VISUAL
5. HURUF
-
8/4/2019 (EDU-IT)ASAS GRAFIK
75/76
HURUF
Perkataan meningkatkan keberkesanan
sesuatu paparan visual iaitu menarikperhatian & mengelakkan visual
disalah tafsirkan.
Bagi penggunaan huruf terdapat 7 perkara
-
8/4/2019 (EDU-IT)ASAS GRAFIK
76/76
Bagi penggunaan huruf, terdapat 7 perkara
yang perlu diambil pertimbangan:-
HURUF
Stail
huruf
Bilangan
stail
huruf