EDU3105

T5-ASAS GRAFIK

TAJUK 5

ASAS GRAFIK

SINOPSIS Tajuk ini memperkenalkan prinsip asas grafik se agai sum er un!uk mem an!u pem inaan a"an pengajaran #an pem elajaran $ang erkesan% Keja$aan sesua!u a"an grafik a#ala" er#asarkan kepa#a kuali!i $ang #iper&le"i melalui peran'angan rapi $ang merangkumi i#ea-i#ea $ang !eli!i ser!a pengga ungan pel agai !eknik peng"asilan $ang #igunakan%

HASIL PEMBELAJARAN Dengan melaksanakan ak!i(i!i-ak!i(i!i pem elajaran !ajuk ini) #i"arapkan guru akan #apa!* i% ii% iii% i(% +enerangkan k&nsep grafik% +eng"uraikan peranan grafik #alam pengajaran% +en$a!akan prinsip grafik $ang erkesan% +en$enarai) menjelaskan #an mengin!egrasikan k&mp&sisi grafik $ang mengga ungkan elemen) p&la,'&rak #an susuna!ur #engan peng"asilan a"an pengajaran #an pem elajaran% (% +en$a!akan perala!an peng"asilan grafik% aik #alam

EDU3105

T5-ASAS GRAFIK

KERANGKA TAJUK

Asas Grafik

K"nse# $an #eranan

Reka bentuk isua!

Prinsi# )rafik

E!e%en

(isua!

K"ntras

P"!a&'"rak

Lisan

Sei%ban)

Susunatur

,a-a Tarikan

Mu$a*

Ke*a%#iran

Pene)asan

Peru!an)an

Pen)*asi!an ba*an #en)a+aran $an #e%be!a+aran

Pera!atan #en)*asi!an )rafik

EDU3105

T5-ASAS GRAFIK

Fikirkan .agaimanaka" grafik #apa! meningka!kan ke erkesanan sesua!u sesi pengajaran-pem elajaran an#a/

0Se ua" gam ar mem a1a seri u perka!aan2% 3ern$a!aan ini menggam arkan a"a1a a"an (isual &le" #ija#ikan sum er pengajaran $ang menarik #an ergan!ung kepa#a 'ara reka erkesan akan a"an !erse u!% .a"an $ang erkesan% Ke enaran #an keja$aan pern$a!aan ini en!uk #an #a$a krea!i(i!i pa#a men#&r&ng in!eraksi $ang ak!if #i #alam

ilik #arja" #an me1uju#kan suasana

pem elajaran $ang men$er&n&kkan #an men'a ar% 3erka!aan grafik erasal #ari perka!aan Greek 0grap"ik&s2 ermaksu# lukisan% Grafik iala" a"an $ang #ilukis se agai karangan (isual% Ia merupakan k&m inasi gam ar) lam ang) sim &l) "uruf) angka) perka!aan) lukisan) #an lakaran $ang #ija#ikan sa!u me#ia un!uk mem eri k&nsep #an i#ea #ari pengirim kepa#a sasarann$a% 3a#a aspek prak!ikal) grafik mampu meng"u ungkan fak!a #an i#ea #engan jelas melalui sa!u k&m inasi lukisan) lakaran) lam ang) '&n!engan) perka!aan) sim &l #an gam ar% Grafik mem a1a kepa#a kejelasan persepsi) kekua!an #an persem a"an $ang meng"asilkan sa!u-sa!u erkesan% 4le" $ang #emikian 1ajar a"an pengajaran $ang mu#a" a"an gam aran agi se&rang guru menepa!i & jek!if

memprak!ikkan prinsip-prinsip penge!a"uan asas grafik se agai pan#uan agar #apa! pengajaran) #an ersis!ema!ik% Fikirkan .agaimanaka" 'ara un!uk meng"asilkan grafik $ang menarik/

5./ Prinsi# Grafik 3rinsip grafik erkai!an #engan kae#a" a!au 'ara menggunakan elemen-elemen

grafik supa$a (isual $ang #i"asilkan menarik #an erkesan% 3rinsip ini !i#ak "arus #ili"a! se agai sua!u pera!uran $ang rigid) namun penge!a"uan !en!angn$a #apa! mem an!u sese&rang pereka #alam meng"asilkan sesua!u rekaan $ang aik%

EDU3105

T5-ASAS GRAFIK

An!ara prinsip grafik $ang akan #i in'angkan iala" k&n!ras) seim ang) mu#a") ke"ampiran) penegasan) #an pengulangan% 5././ K"ntras 0'"ntrast1 K&n!ras !erja#i apa ila 1uju#n$a #ua elemen $ang per e5aann$a le i" er e5a% 6e i" esar

esarla" k&n!rasn$a% I#ea u!ama k&n!ras a#ala" menja#ikan

per e5aan-per e5aan i!u nampak ke!ara% K&n!ras a#a kai!an #engan imej) 1arna #an !ip&grafi% 7&n!&") k&n!ras an!ara f&n jenis esar #an ke'il) garis "alus #engan garis kasar #an) 1arna sejuk #engan 1arna "anga!% Ia a#ala" sala" sa!u #aripa#a 'ara $ang paling en!uk% erkesan un!uk menam a"kan !arikan !er"a#ap sesua!u reka

Raja" 5%1 * K&n!ras

5./.2 Sei%ban) 0A!i)n%ent1 Kesim angan merupakan susuna!ur elemen-elemen grafik #alam en!uk gu a"an

$ang aik #an el&k #ipan#ang% Ia mengiku! ke'en#erungan sese&rang #an !i#ak a#a prinsip $ang menga!akan reka en!uk seim ang f&rmal le i" aik #aripa#a im angan !i#ak f&rmal a!au se alikn$a% Seim ang f&rmal menunjukkan pem a"agian $ang sama an!ara #ua (isual) sama a#a kiri #engan kanan a!au a!as #engan !im angan $ang mempun$ai a1a"% Ia a"agian ela"%
8

agaikan sa!u

e anan $ang sama jenis #i ke#ua-#ua

EDU3105

T5-ASAS GRAFIK

Seim ang !i#ak f&rmal pula mempun$ai e anan $ang sama #i kiri #engan kanan a!au a!as #engan a1a" !e!api !i#ak semes!in$a serupa pem a"agian #ari segi en!uk a!au ke#u#ukann$a% .iasan$a ia le i" #inamik #an men#apa! le i" per"a!ian%

a% f&rmal

% !i#ak f&rmal Raja" 5%- * Seim ang

5./.3 Mu$a* 0Si%#!i4it-1 3rinsip mu#a"menge"a#kan i#ea pa#a sa!u reka kefa"aman $ang 'epa! #an jelas% 7ara en!uk un!uk memungkinkan !er aik iala" #engan an$ak #alam sa!u

$ang

mempersem a"kan sa!u perkara pa#a sa!u masa% I#ea $ang

(isual akan mengelirukan% 7&n!&") ilangan perka!aan #alam sa!u (isual !a$angan perlu #i"a#kan kepa#a 15 a!au -0 pa!a" perka!aan sa"aja supa$a k&nsep $ang "en#ak #ipaparkan ringkas) mu#a" #an #apa! merangsangkan pemikiran%

Raja" 5%3* 3rinsip +u#a"

5./.5 Ke*a%#iran 0Pr"6i%it-1

5

EDU3105

T5-ASAS GRAFIK

Ke"ampiran merupakan elemen $ang $ang #igunakan "arusla" menguku"kan i#ea #asar

erkai!an

ersama #ikumpulkansupa$a

er#eka!an #an #ili"a! se agai sa!u kumpulan #an !i#ak !erpisa"%Elemen-elemen ersesuaian #engan !ema #an mesej $ang "en#ak $ang #isampaikan% Ia &le" #i"asilkan #engan #isampaikan% +ereka perlu saling melengkapi an!ara sa!u #engan $ang lain un!uk menggunakan anak pana") garisan) en!uk) 1arna) !eks!ur #an ruang%

a% anak pana"

% en!uk Raja" 5%8 * 3en$a!uan

'% !eks!ur

5./.5 Pene)asan 0E%#*asis1 3enegasan #i erikan un!uk menja#ikan sesua!u i#ea !umpuan mina! #an f&kus u!ama% 3enggunaan en!uk) 1arna) en!uk) garisan) "u ungan #an perspek!if #apa! menegaskan i#ea agar #apa! #ili"a! #an #if&kus%

Surat berkuatkuasa mulai

September
a% en!uk % 1arna Raja" 5%5 * 3enegasan 5./.7 Pen)u!an)an 0Re#etiti"n1 '% perspek!if

EDU3105

T5-ASAS GRAFIK

3rinsip ini men$a!akan

a"a1a "arus !ekalkan sesua!u aspek reka

en!uk pa#a

!empa! !er!en!u% Unsur $ang #i!ekalkan mungkin ruang #an se again$a%

erupa f&n $ang #i"i!amkan)

gariskasar) bullet$ang serupa) 1arna) unsur reka en!uk) f&rma! !er!en!u) "u ungan

Raja" 5%9 * 3engulangan Lati*an 7u a li"a! e erapa p&s!er pili"an an#a% :elaskan prinsip grafik $ang #igunakan #an mengapa ia #igunakan%

5.2 Reka Bentuk (isua!

EDU3105

T5-ASAS GRAFIK

Reka en!uk (isual #i a"agikan kepa#a !iga k&mp&nen iai!u elemen) p&la,'&rak #an susuna!ur% 5.2./ E!e%en Elemen merujuk kepa#a pemili"an #an penga1alan elemen (isual ke #alam en!uk raja" (isual% Elemen 1uju# #alam en!uk (isual) lisan a!au #a$a !arikan% Elemen <isual &le" #i"uraikan #alam 3 jenis en!uk iai!u* i% Realis!ik = merujuk kepa#a pen$eli#ikan ke a!as & jek se enar% memaparkan kae#a" "u ungan #i an!ara & jek #engan k&nsep a!au !&pik !erse u!% iii% 4rganisasi = memaparkan "u ungan #i an!ara kan#ungan #an k&nsep #alam elemen !eks seper!i 'ar!a alir) graf) pe!a) skema #an 'ar!a klasifikasi% Elemen lisan paparan (isual #iman!apkan maksu#n$a #engan men$a!ukan ii% Anal&gi = memaparkan k&nsep a!au !&pik erkai!an sesua!u & jek #engan

Ke an$akan

perka!aan a!au a$a! se agai !am a"an kepa#a (isual% 3enggunaan !ajuk) s&alan #an lain-lain perka!aan akan #apa! meningka!kan ke erkesanan sesua!u paparan (isual% Dalam menilai paparan ini un!uk pengajaran) penggunaan "uruf perlu #i eri per!im angan #ari aspek-aspek eriku!* i% S!ail "uruf = s!ail $ang mu#a" #apa! mem an!u #alam me1uju#kan k&nsis!ensi #an kesan "arm&ni #alam elemen (isual% 7&n!&") "uruf Roman memu#a"kan pem a'aan 1alaupun #ili"a! se'ara sepin!as lalu) Helvetica sesuai un!uk paparan (isual #an Palatino un!uk !eks er'e!ak% ii% .ilangan s!ail "uruf = #igalakkan jangan mele i"i !iga s!ail un!uk keli"a!an menarik% iii% >uruf esar #an "uruf ke'il = 1ajar menggunakan "uruf esar pa#a !ajuk #an "uruf ke'il #alam su -!ajuk #an caption. i(% ?arna "uruf = kemu#a"an #i a'a ergan!ung kepa#a k&n!ras an!ara 1arna "uruf #an 1arna la!ar elakang supa$a men$um ang kepa#a mesej $ang "en#ak #isampaikan% (% Sai5 "uruf = erapa esar sai5 "uruf $ang "en#ak #igunakan a#ala" er#asarkan kepa#a ke &le"an ian$a #i a'a #alam sa!u jarak !er!en!u

EDU3105

T5-ASAS GRAFIK

(i% :arak an!ara "uruf = #ijarakkan #alam kea#aan $ang seim ang) !i#ak !erlalu jau" #an !i#ak !erlalu rapa! er#asarkan kepa#a pengli"a!an% (ii% :arak an!ara aris = sama prinsip #engan jarak an!ara "uruf #i mana jika aris $ang !erlalu rapa! akan mela"irkan rasa agai #i"impi!) manakala $ang !erlalu jarak meng"ilangkan rasa kepun$aan% Elemen Da$a Tarikan

<isual $ang menarik akan mengekalkan per"a!ian #an mina!% 7&n!&") permukaan -D a!au 3D) k&m inasi 1arna $ang menarik) susunan !eks $ang kemas #an) ilangan & jek $ang !i#ak ke!erlaluan a!au !erlalu kurang% K&mp&sisi (isual ini #ipengaru"i &le" elemen-elemen asas $ang #igunakan seper!i eriku!* i% Ruang = #igunakan iala" un!uk menim ulkan rasa lapang a!au selesa #i an!ara elemen-elemen $ang #ipaparkan) ser!a mem ua! grafik keli"a!an kemas #an !eran'ang%

Raja" 5%; * Ruang

ii% Garisan = #igunakan un!uk meng"u ungkan elemen (isual #an un!uk mengara"kan pemer"a!ian supa$a meli"a! (isual #engan uru!an,sikuen !er!en!u%

EDU3105

T5-ASAS GRAFIK

Raja" 5%@ * 3el agai Garisan

iii% 3ermukaan = #igunakan un!uk mem eri kesan ke a!as rupa garisan $ang #i ua! #i a!asn$a%

Raja" 5%A * :enis Teks!ur

i(% .en!uk = #igunakan un!uk menunjukkan #imensi%

Raja" 5%10 * .en!uk - Dimensi

10

EDU3105

T5-ASAS GRAFIK

Raja" 5%11 * .en!uk 3 Dimensi

(% ?arna = #igunakan un!uk un!uk memu#a"kan a!au meningka!kan kejelasan (isual% ?arna jingga) mera") #an kuning #ika!akan se agai 1arna ar&ma panas kerana #ikai!kan #engan 'a"a$a ma!a"ari #an api% ?arna-1arna panas ini #ika!akan mempun$ai kesan ak!if) mem angki!kan perasaan) men'eriakan suasana) ke#eka!an) kegarangan) kekua!an #an semanga!% +aka 1arna-1arna ini iasan$a #igunakan agi kar$a $ang er!emakan pera$aan #an kemeria"an% ?arna-1arna sejuk a!au #ingin !er#iri #aripa#a 1arna-1arna iru) ungu #an "ijau% ?arna-1arna ini #ikai!kan #engan alam seper!i langi!) lau!) air #an !um u"-!um u"an% ?arna-1arna ini mem erikan kesan pasif #an mela"irkan ke!enangan) kelem u!an) ke#amaian) #an kesa$uan% ?arna pu!i" pula menja#i lam ing ke ersi"an) keaslian) #an kesu'ian%

11

EDU3105

T5-ASAS GRAFIK

Raja" 5%1- * Skema ?arna 6a!i"an* Dapa!kan makluma! #ari in!erne! un!uk menam a"kan fa"aman an#a !en!ang 1arna% Gunakan frasa seper!i skema 1arna a!au '&l&ur s'"emes un!uk !ujuan !erse u!

5.2.2 P"!a&'"rak 3&la,'&rak erkai!an #engan s&al susunan i!em-i!em #alam sesua!u rekaan (isual% Aspek susunan ini ama! #i!i!ik era!kan kerana ia #apa! menarik #an mengekalkan per"a!ian sese&rang un!uk meli"a! maksu# $ang !erkan#ung #alam (isual%

Raja" 5%13 * 3&la,7&rak

1-

EDU3105

T5-ASAS GRAFIK

5.2.3 Susunatur Susuna!ur elemen rekaan (isual mengam il kira aspek-aspek prinsip grafik un!uk meng"asilkan kar$a $ang menarik% +elalui &rganisasi #an per"u ungan an!ara elemen #an prinsip grafik $ang #imanipulasikan) sesua!u kan#ungan #an k&n!eks i!u #apa! mengara"kan pan#angan kepa#a makluma! $ang pen!ing% Susuna!ur ini #apa! #iper"a!ikan #alam paparan (isual $ang mengamalkan 3era!uran Sa!u 3er!iga B Rule of ThirdsC% Ia menunjukkan agaimana manusia men$aring BscanC sesua!u (isual a"agian ini% 7&n!&"-'&n!&" !erse u! #engan menumpu per"a!ian le i" #i su#u! a!as kiri sesua!u paparan% 4le" i!u) perkara $ang u!ama perlu #ipaparkan #i #i!unjukkan pa#a Raja" 5%18%

Raja" 5%18 * 3era!uran Sa!u 3er!iga

5.3 Pera!atan Pen)*asi!an Grafik Imej grafik merupakan sua!u "asil k&nkri!% 3enjelmaan imej grafik #aripa#a sua!u i#ea $ang a s!rak memerlukan perala!an !er!en!u% Ke &le"an mengen#alikan perala!an #engan 'ekap mem &le"kan makluma! $ang ingin #isampaikan #ipaparkan #engan !epa! #an jelas% .agi grafik erk&mpu!er) perala!an $ang

#igunakan iala" perkakasan asas sis!em k&mpu!er) !a le! grafik) pengim as imej) pen'e!ak #an pempl&!% Di samping i!u) perala!an lain seper!i kamera #igi!al juga merupakan perala!an $ang iasa #igunakan un!uk meng"asilkan grafik% 3enggunaan aplikasi erk&mpu!er memungkinkan kesan #ili"a! #aripa#a reka le!ak Bla$&u!C a!au peru a"an !ip&grafi !anpa menggunakan pen #an #ak1a! er1arna-1arni a!au un!uk

13

EDU3105

T5-ASAS GRAFIK

mensimulasikan kesan #aripa#a me#ia !ra#isi&nal !anpa perlu menun!u! ruang%

an$ak

a% 3engim as imej

% Kamera #igi!al Raja" 5%15 * 3erala!an 3eng"asilan Grafik

RUMUSAN Tajuk ini !ela" mem in'angkan aspek-aspek asas #alam grafik #an reka en!uk

(isual% Dengan ini a#ala" #i"arapkan an#a #apa! meng"asilkan pel agai jenis a"an pem elajaran #an pengajaran #engan memua!kan pel agai jenis penampilan grafik $ang erkuali!i #an erkesan kepa#a muri#%

18

EDU3105

T5-ASAS GRAFIK

A%a!i
Dengan penggunaan kamera #igi!al #an,a!au mem ua! im asan #engan an!uan ala! pengim as) "asilkan sa!u me#ia grafik seper!i 'ar!a) p&s!er a!au f&!&$ang &le" an#a gunakan un!uk mengajar sa!u !ajuk #alam ma!apelajaran $ang an#a ajar% 3as!ikan an#a menggunakan pel agai prinsip grafik un!uk meng"asilkan reka en!uk (isual $ang menarik%

BIBLIOGRAFI Di'k) D%) 7are$) 6% E 7are$) :% 4% B-005C%T"e s$s!ema!i' #esign &f ins!ru'!i&n% E#isi

ke 9% De1 F&rk* 3ears&n) All$n an# .a'&n%

+u"ama# >asan A #ul Ra"man B-000C% +e#ia pengajaran* peng"asilan a"an pengajaran erkesan% Ser#ang* Uni(ersi!i 3u!ra +ala$sia% +u"ama# >asan A #ul Ra"man B-001C% Grafik asas* pan#uan peng"asilan a"an pengajaran% Ser#ang* Uni(ersi!i 3u!ra +ala$sia% De1 $) T%:) B1AA9C% Ins!ru'!i&nal !e'"n&l&g$ f&r !ea'"ing an# learning% De1 :erse$* 3ren!i'e >all% D&rasia" A #ulla") D&r Risa" :amila" +a! 6a5im E R&sna" A"ma# Gain B-00AC% Tekn&l&gi #alam pengajaran #an pem elajaran% Selang&r* +ul!ime#ia

D&ria!i A% Ras"i#) .&&n) 3% F%) S"arifa" Fak"ria" S$e# A"ma#) E ?an

Kamaru##in ?an >asan B-01-C% Tekn&l&gi #alam pengajaran #an pem elajaran% S"a" Alam* 4Hf&r# Fajar% 3ris'illa) D% E Karin) +% ?% B-003C% Tea'"ing 1i!" !e'"n&l&g$* #esigning &pp&r!uni!ies !& learn% E#isi ke -% 7ana#a*T"&ms&n ?a#s1&r!"% Smal#in&) S% E%) 6&1!"er) D% 6% E Russell) :% D% B-01-C% Ins!ru'!i&nal !e'"n&l&g$ an# me#ia f&r learning% B10!" e#%C% .&s!&n* 3ears&n%
15

EDU3105

T5-ASAS GRAFIK

Smal#in&) S% E%) Russell) :% D%) >eini'") R%) E +&len#a) +% B-005C% Ins!ru'!i&nal !e'"n&l&g$ an# me#ia f&r learning% E#isi ke @% De1 :erse$* 3ren!i'e->all%

19