(edu-it)asas grafik

8/4/2019 (EDU-IT)ASAS GRAFIK

1/76

TEKNOLOGI DALAMPENGAJARAN

DAN PEMBELAJARAN

(ASAS GRAFIK)


2/76

TAJUK PEMBENTANGAN

ASAS GRAFIK

(A)Prinsip Asas Grafik

(B)Reka Bentuk Visual

(C)Peralatan penghasilan grafik


3/76

PENGENALAN


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.


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


6/76

(A)PRINSIP 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/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.


9/76

Grafik dijadikan satu media untuk

memberi konsep dan idea daripada

pengirim kepada sasarannya dalam

proses menyampaikan maklumat.

PRINSIP ASAS GRAFIK


10/76

(B)REKA BENTUKVISUAL


11/76


12/76

Apakah itu visual ??

Visual ialah alat komunikasi yang dapat

menyediakan rujukan konkrit yang lebih baikdaripada pernyataan secara

lisan atau betulis.


13/76

REKA BENTUK

VISUAL

1. KONSEP DANFUNGSI VISUAL


14/76

Konsep dan fungsi visual

BENTUKVISUAL

Grafik

Visual analogik

(simbol seperti

kartun)

Visualorganisasi

(seperti graf &peta)

Fotografik

Elektronik

(sepertifotografi &

video)


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.


16/76

REKA BENTUK

VISUAL

2. ELEMEN REKABENTUK VISUAL


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 )


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.


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


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.


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)


22/76

Fungsi Garisan dalam grafik

1. Menunjukkan pergerakan dan arah atau

aliran, seperti aliran sungai, tiupan angin,

arah larian dan lain-lain.


23/76


2. Menunjukkan suasana aman atau ganas

seperti letupan.


24/76


3. Menunjukkan kemegahan dan kekuatan seperti

bangunan.


25/76


4. Menunjukkan kekusutan.


26/76


5. Melukis objek atau benda,contoh: cawan,

pasu dan lain-lain.


27/76


6. Menghubungkan antara satu elemen

dengan elemen yang lain.


28/76

Elemen Grafik 3: permukaan

(surface)

Garis, warna dan teksturyang berbeza

memberi kesan (maksud) berbeza ke ataspermukaan.


29/76

WARNA


30/76

Elemen Grafik 4:

BENTUK DUA DIMENSI

(SHAPE) Mempunyai panjang dan lebar saja

(seperti sekeping kertas).

Panjang

Lebar


31/76

Terdapat tiga jenis bentuk dua dimensi:-

Bentukgoemetri

Bentukabstrak

Bentukgambaran

BENTUK DUA DIMENSI


32/76

Elemen Grafik 4:

BENTUK tiga DIMENSI

(form) Mempunyai panjang, lebar dan tinggi

(seperti bentuk kubus).

Tinggi

Panjang

Lebar


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.


34/76

REKA BENTUKVISUAL

3. PRINSIP REKABENTUK VISUAL


35/76

Prinsip Reka Bentuk Visual

Prinsip visual berkaitan dengan kaedah

atau cara menggunakan elemen-elemen

grafik supaya visual yang dihasilkan

menarik dan berkesan.


36/76

EnamEnam prinsipprinsip grafikgrafik

i. Simplisiti

ii. Dominan

iii. Pola

iv. Seimbangv. Variasi

vi. Harmoni


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.


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 :


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%


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.


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.


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.


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.


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.


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.


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.


47/76

REKA BENTUK

VISUAL

4. WARNA


48/76

Warna

Kromatik

hiu valiu kroma

Akromatik

valiu kroma


49/76

Digunakan untukmenjelaskan

warna yangkhusus sepertimerah, biru, dansebagainya.

Hiu

(hue)


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


51/76

Digunakan untukmenjelaskan intensitiatau kekuatan

sesuatu warna. Misalnya, warna

merah cerah >merah pucat.

Kroma

(chromaatau

intensity)


52/76

Semakin banyak bahanasing dicampurkan dalam

sesuatu pigmen warna,

semakin berkuranganintensiti warna tersebut.


53/76

Pigmen

Adalah bahan yang memberi warnakepada sesuatu objek.

4 jenis Pigmen Warna:Warna utama

Warna sekunder

Warna pertengahan

Warna tertiar (tertiary).


54/76

Ialah warna asas.

Tidak boleh

dihasilkan dengan

campuran warna-

warna lain.Warna tersebut

ialah: Biru, Kuning,

Merah


55/76

WarnaWarna SekunderSekunderDiperolehi

daripada campuran

dua warna utama

iaitu:

Warnapertengahan

Warna tertiar


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.


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.


58/76

WarnaWarna TertiarTertiar

Warna ini lebih lembut dan

cantik.

Kelainannya dapat

menghilangkan kebosanan,

terutamanya apabila warna

utama dan sekunderyang tepu

digunakan secara berterusan.


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.


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.


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.


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.


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.


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


65/76

TindihanWarna

TindihanPositif TindihanNegatif


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.


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.


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


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.


70/76

(d) Melahirkan Kesan Tertentu

Warna

WarnaPanas WarnaSejuk WarnaPsikologi


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.


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.


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.


74/76

REKA BENTUK

VISUAL

5. HURUF


75/76

HURUF

Perkataan meningkatkan keberkesanan

sesuatu paparan visual iaitu menarikperhatian & mengelakkan visual

disalah tafsirkan.

Bagi penggunaan huruf terdapat 7 perkara


76/76

Bagi penggunaan huruf, terdapat 7 perkara

yang perlu diambil pertimbangan:-

HURUF

Stail

huruf

Bilangan

stail

huruf

(edu-it)asas grafik

Documents