1

ASAS GRAFIK

2

‘Sekeping gambar lebih bermakna daripada seribu

perkataan….’

3

From World Book © 2003 World Book, Inc., 233 N. Michigan Avenue, Suite 2000, Chicago, IL 60601. All rights reserved. © Peter Davey, Bruce Coleman, Inc.

4

Visual yang baik jika berfungsi:

1. Jelas dan mudah difahami

2. Tidak terlalu mudah atau susah.

3. Mendorong interaksi aktif

4. Membantu fokus perhatian

5

Soalnya bagaimana semua ciri ini dapat dipenuhi:

….ASAS GRAFIK…

6

KONSEP DAN FUNGSI VISUAL3 bentuk visual:1. Fotografik2. Elektronik3. Grafik - simbolik:

a. Visual analogik - simbolb. Visual organisasi - graf, peta

Realistik

7

ELEMEN REKA BENTUK VISUAL

- bahan-bahan asas yang diperlukan

ELEMEN GRAFIK

Ruang Garis Permukaan

Bentuk 3 Dimensi Bentuk 2 Dimensi

8

1. Ruang (Space)

Ruang Positif - Ruang yang digunakan

Ruang Negatif - Ruang yang kosong

Ruang Positif

Ruang Negatif

9

2. Garis

- elemen ringkas dan amat mustahak- 2 dimensi - lakaran pensil- 3 dimensi - tali

2 dimensi 3 dimensi

10

a. Pergerakan

11

b. Suasana aman atau ganas

12

c. kemegahan

13

d. kekusutan

14

e. Objek/benda

15

f. menghubungkan elemen

16

3. Permukaan

- untuk membezakan permukaan kasar dan licin

17

4.Bentuk 2 Dimensi

- hanya ada panjang dan lebar

2 dimensi 3 dimensi

18

5. Bentuk 3 Dimensi- ada panjang, lebar, tinggi

a. 3 dimensi sebenar

b. 3 dimensi tiruan

19

a. 3 Dimensi sebenar

20

From World Book © 2003 World Book, Inc., 233 N. Michigan Avenue, Suite 2000, Chicago, IL 60601. All rights reserved. World Book photos by James Simek

b. 3 Dimensi tiruan

21

?

b. 3 Dimensi Sebenar?

22

PRINSIP ASAS GRAFIK

- iaitu kaedah atau cara menggunakan elemen grafik supaya menarik dan berkesan

23

6 Prinsip Grafik

a. Simplisiti

b. Dominan

c. Pola

d. Seimbang

e. Variasi

f. Harmoni

24

1. Simplisiti:

Senang Dibaca

Susah Dibaca

25

2 Dominan:

- pusat tumpuan minat

41% 20%

25%14 %

Rule of Third

26

Cara mencapai dominan:

a. Peraturan Rule of Third

b. Warna dan saiz yang kontras

c. Saiz yang lebih besar

d. Menggunakan anak panah

e. Menggunakan garis berarah

f. Wujudkan gerakan

g. Menggunakan lampu yang memancar

27

a. Peraturan Rule of Third

28

b. Warna yang kontras

29

c. Saiz yang lebih besar

30

d. Menggunakan anak panah

From World Book © 2003 World Book, Inc., 233 N. Michigan Avenue, Suite 2000, Chicago, IL 60601. All rights reserved. Image from The Dynamic Human: the 3D visual guide to anatomy and physiology, © Wm. C. Brown Publisher, 1996.

31

e. Menggunakan garis berarah

32

f. Wujudkan gerakan

From World Book © 2003 World Book, Inc., 233 N. Michigan Avenue, Suite 2000, Chicago, IL 60601. All rights reserved. World Book diagram by Art Grebetz

33

g. Menggunakan cahaya yang memancar

34

3 Pola:- susunan item-item:

Tujuan:

a. Menarik penglihatan ke arah item utama

b. Menggerakkan mata kepada keseluruhan visual dalam arah yang betul

c. Mengekalkan penglihatan untuk ke arah persembahan sehingga titik terakhir

35

a. Menarik perhatian kepada item utama

From World Book © 2003 World Book, Inc., 233 N. Michigan Avenue, Suite 2000, Chicago, IL 60601. All rights reserved. World Book illustrations by Paul D. Turnbaugh

36

b.Menggerakkan mata kepada keseluruhan visual dalam arah yang betul

From World Book © 2003 World Book, Inc., 233 N. Michigan Avenue, Suite 2000, Chicago, IL 60601. All rights reserved. World Book illustrations by Jean Helmer

37

c. Mengekalkan penglihatan untuk ke arah persembahan sehingga titik terakhir

From World Book © 2003 World Book, Inc., 233 N. Michigan Avenue, Suite 2000, Chicago, IL 60601. All rights reserved. World Book diagrams by Arthur Grebetz

38

Seimbang:- supaya tidak nampak janggal

- 2 jenis:

a. Seimbang formal

b. Seimbang tidak formal

39

a. Seimbang formal

40

b. Seimbang tidak formal

41

5 Variasi

- seharusnya menimbulkan perasaan seolah-olah visual itu bergerak

42

5.3.6 Harmoni:- suasana harmoni mententeramkan jiwa.- Grafik perlu menunjukkan kesinambungan

idea

43

4 .WARNA:- mencorakkan paras sesuatu

permukaan yang digunakan

1. Kromatik-warna natural

2. AkromatikWARNA

KROMATIK AKROMATIK

HIU VALIU KROMA VALIU KROMA

44

Pemilihan warna

4 Fungsi warna:

a. Penegasan dan wujudkan tumpuan

b. Mudahkan item dilihat

c. Perasaan harmoni

d. Kesan tertentu

45

3 kategori warna untuk melahirkan kesan tertentu:

a. Warna panas - merah,jingga, kuning

b. Warna sejuk - biru, ungu, hijau

c. Warna psikologi - merah - Tahun Baru Cina

46

5. HURUF- perkataan akan dapat meningkatkan

keberkesanan sesuatu paparan visual

7 perkara penggunaan huruf:a. Stail hurufb. Bilangan stail hurufc. Huruf besar dan huruf kecild. Warna hurufe. Saiz huruff. jarak antar hurufg. Jarak antara baris

47

1. Stail Huruf:

A A A A ARoman TeksCursive NoveltiGotik

48

2 .Bilangan Stail Huruf- tidak lebih 3 stail

Bagi memastikan visual yang dihasilkan kelihatan menarik, elak dari menggunakan terlalu banyak stail hurufBagi memastikan visual yang dihasilkan kelihatan

menarik, elak dari menggunakan terlalu banyak stail huruf

49

3 HURUF BESAR dan huruf kecil

KISAH SI ISTERI

Adapun Pak Pandir tidaklah dapat menahan lagi dengan karenah isterinya yang sangat kuat membebel….

50

5 Saiz Huruf

Saiz Huruf

Saiz Huruf

Saiz Huruf Saiz Huruf

51

4 WARNA HURUF

…Aku Terpenjara…

…Aku Terpenjara…

52

6 . Jarak Antara Huruf

Jarak Antara HurufJarak Antara HurufJarak Antara Huruf

53

7 Jarak Antara baris

- single- double

54

RUMUSAN:

Visual yang berkualiti akan meninggalkan kesan mendalam, menyemai nilai estetika dan menimbulkan disiplin yang positif kepada pelajar

55

tamat