5.0 Asas Grafik -Sendiri

TOPIK 5:

ASAS GRAFIK OLEH:

MOHD. MAZNIHAN HJ.MOHAMAD NOOR IPGK TENGKU AMPUAN AFZAN

KUALA LIPIS PAHANG,

www.znie.blogspot.com (Siri kuliah EDU TDPP oleh :Mohd Maznihan Mohamad Noor)

http://www.znie.blogspot.com/


5.0 Asas Grafik Elemen pembelajaran grafik / visual

Konsep, fungsi, ciri

Elemen rekabentuk

Prinsip Rekabentuk

Ruang Garis Permukaan Bentuk 2D Bentuk 3D

Simplisiti Domain Pola Seimbang Variasi Harmoni

Huruf

Stail huruf Bilangan stail Huruf besar/kecil Warna huruf Saiz huruf Jarak antara huruf Jarak antara baris

Warna

Pemilihan warna

Prinsip Rekaletak

C A S P E R



5.0 Asas Grafik Pengenalan

Visual adalah alat komunikasi yang dapat

menyediakan rujukan konkrit yang lebih

baik daripada pernyataan secara lisan. Ia

boleh di dapati dalam 3 bentuk iaitu

1. fotografik

2. elektronik

3. grafik

Ketiga-tiga bentuk ini boleh berdiri secara

sendiri atau secara kombinasi




Visual mempunyai fungsi sebagai alat

komunikasi dan perlu mempunyai ciri-ciri

berikut:

1. mudah, jelas dibaca dan di

fahami

2. mesej dapat ditafsir tanpa

bersusahpayah, jika terlalu senang,

mungkin kurang penelitian yang melihat

dan mudah jemu, terlalu sukar – jemu

kecewa dan bosan




... Ciri...

3. Mendorong interaksi yan gaktif antara

pelajar, guru dan maksud yang

terdapat dalam visual tersebut.

4. Membantu memfokoskan perhatian

kepada maksud yan gterdapat dalam

visual

5. Dapat tarik perhatian perkara penting.

Nota: Untuk memenuhi ciri tersebut, perlu melihat itu sendiri, semuanya mempunyai pola ( sawah padi), bentuk yan gharmonis ( bentuk awan)



5.0 Asas Grafik Peranan dalam pengajaran

1. Menjadikan idea ( perkataan ) lebih

konkrit

2. Memotivasikan pelajar – dapat

menarik perhatian dan mengekalkan

perhatian pelajar

3. Memudahkan idea di fahami

4. Meningkatkan kefahaman

5. Membantu sebarang bentuk bukan

visual ( tutur / perkataan)




Fotografik dan Video

merupakan contoh kepada bahan

elektronik, ia menyediakan ilustrasi

melalui gambar, sejenis visual yang

mewakili realiti yang paling

reallistik, meyerupai sesuatu subjek

atau situasi sebenar




Oleh itu Grafik :–

Adalah kombinasi gambar-gambar, lambang-

lambang, simbol- simbol, huruf, angka,

perkataan, lukisan, lakaran, yang menjadi

satu media pengajaran yang memberikan

konsep dan idea daripada guru kepada murid

dalam situasi pengajaran. Ia merangkumi

graf, gambarajah, carta aliran / organisasi,

poster, peta dan sebagainya




Grafik

Meyediakan ilustrasi secara artistik ata u simbolik

yang terdiri daripada 2 kategori visual

1. visual analogik

menerangkan sesuatu konsep dengan

menunjukan simbol yang dianggap s

sebagai konsep tersebut.

contoh: kartun sel putih melawan kuman,

karektor itu di anggap menyamai konsep

asal




2. visual organisasi -

Merangkumi carta aliran, graf,

peta, organisasi dan sebagainya



5.0 Asas Grafik Elemen Rekabentuk Ruang

Keluasan yang disediakan bagi sesuatu

visual. Tanpa ruang sesuatu visual tidak

dapat dihasilkan.

Terdapat 2 jenis:

-ruang positif – ruang yang di gunakan

-ruang negatif – ruang kosong

Ruang perlu di guna secara seimbang

supaya komposisi nampak menarik



5.0 Asas Grafik Elemen Rekabentuk Ruang

Ruang positif

Ruang negatiff



5.0 Asas Grafik Elemen Rekabentuk Garisan Elemen yang paling ringkas dan amat mustahak untuk mewujudkan gambaran objek, manusia dan suasana. Terdapat dalam 3D dan 2D dan berfungsi untuk: -menunjuk pergerakan arah. -menunjukkan suasana. -menunjukkan kemegahan / kekuatan. -menunjukkan ketidaksetabilan. -melukis objek. -menghubungkan antara satu elemen dengan elemen lain.



5.0 Asas Grafik Elemen Rekabentuk Garisan – menunjukan arah pergerakan



5.0 Asas Grafik Elemen Rekabentuk Garisan – menunjukan suasana



5.0 Asas Grafik Elemen Rekabentuk Garisan – menunjukan kemegahan



5.0 Asas Grafik Elemen Rekabentuk Garisan – Perhubungan



5.0 Asas Grafik Elemen Rekabentuk Garisan – menunjukan kekusutan



5.0 Asas Grafik Elemen Rekabentuk Permukaan

Boleh dirawat dan diolah dengan

memberi warna dan tekstur.

Garis, warna dan tekstur yang

berbeza memberi kesan yang

tertentu.

Kesemuanya perlu disatukan dengan

wajar supaya permukaan kelihatan

menarik.



5.0 Asas Grafik Elemen Rekabentuk Bentuk 2 Dimensi

Bentuk ini hanya mempunyai 2

dimensi iaitu panjang dan lebar

1. Bentuk geometri

2. Bentuk Abstrak

3. Bentuk Gambaran



5.0 Asas Grafik Elemen Rekabentuk Bentuk 2 Dimensi - Bentuk geometri



5.0 Asas Grafik Elemen Rekabentuk Bentuk 2 Dimensi - Bentuk Abstrak



5.0 Asas Grafik Elemen Rekabentuk Bentuk 2 Dimensi - Bentuk Gambaran



5.0 Asas Grafik Elemen Rekabentuk Bentuk 3 Dimensi

Bentuk ini hanya mempunyai 3 dimensi iaitu

panjang, Lebar dan tinggi.

2 bentuk 3D:

1. Bentuk 3D sebenar

- adalah bahan sebenar yang mempunyai

dimensi panjang, lebar dan tinggi seperti

meja, kerusi dsb

2. Bentuk 3D tiruan

- adalah bentuk 2 dimensi tetapi kelihatan

seolah-olah 3D (lukisan yang di beri

bayang)



5.0 Asas Grafik Elemen Rekabentuk Bentuk 3 Dimensi -tiruan



5.0 Asas Grafik Prinsip Rekabentuk

Berkaitan dengan kaedah atau cara

menggunakan elemen grafik untuk

penghasilan yang menarik dan

berkesan.

Dapat memandu kita dalam

menghasilkan sesuatu rekaan yang

baik.




Simplisiti

Dominan

Pola

Seimbang

Variasi

Harmoni




Simplisiti

Ia bermaksud sesuatu rekaan itu haruslah memungkinkan kefahaman yang cepat dan jelas Cara terbaik mempersembahkan satu perkara dalam satu masa




Boleh di ertikan sebagai pusat tumpuan atau minat di dalam sesuatu rekaan visual. Objek atau item dalam visual di tonjolkan agar dapat di lihat dan di baca oleh penonton dengan mudah. Item ini mestilah menguasai dan item lain menyokong.

Dominan




Dominan cara….

Menggunakan peraturan „rule of third‟, mengikut kajian perhatian

lebih tertumpu kepada bahagian seperti di bawah

41 % 20 %

25 % 14 %




Dominan cara….

- Warna yang contrass

- Saiz yang lebih besar

--Menggunakan anak panah yang menunjukan

item utama

-Mewujudkan garis-garis yang menunjuk ke arah

item utama

-Mewujudkan pergerakan dalam rekaan visual

seperti pergerakan cecair, guli atau kipas

-Menggunakan lampuatau cahaya yang

memancar




Pola

- Menarik penglihatan mata kearah item yang utama

- menggerakan penglihatan mata kepada

keseluruhan visual dalam arah yang betul

- Mengekalkan penglihatan mata dan seterusnya

mengikut aliran persembahan sehingga sampai

kepada titik akhir

- ringkasnya :

penyusunan elemen visual bagi menarik dan

mengekalkan perhatian penonton/pembaca

melhat maksud yang terkandung dalam visual




Pola

terdapat beberapa jenis:

a- pola berbentuk geometri

b- pola berbentuk huruf




Pola

Contoh: penyusunan bebayang akanmenarik mata

kearah dalam lagi di lukisna tersebut




Seimbang

Setiap benda dalam dunia ini perlu seimbang, jika

tidak ia akan tumbang, oleh itu elemn grafi di

susun supaya berat seimbang pada setiap

bahagian rekabentuk, tidak kira samada antara

bahagian kir ikanan atau atas bawah, ini

membolehkan mata merasa selesa memandang

2 jenis keseimbangan

1. seimbang formal

2. seimbang tak formal




Seimbang

1. Seimbang formal

pembahagian samarata ( bysymmetrical)

antara 2 bahagian visual




Seimbang

2. seimbang tak formal

Pembahagian yang tidak samarata antara

bahagian, sesuatu rekaan visual, ringkasnya

pada pandangan mata kita tidak dapat meyukat

keseimbangan berat visual tersebut




Variasi

Elemen di dalam sesuatu visual seolah-olah hidup

dan bergerak.

Perlu pelbagaikan elemen yang di gunakan

supaya ia memberikan kesegaran dan minat,

tegasnya variasi menyokong pola untuk

meningkatkan tarikan dalam visual




Variasi

saiz




Variasi

warna




Variasi

tekstur




Variasi

Garisan




Variasi

Kedudukan




Variasi

Demensi




Variasi

Kontras




Variasi

Susunan




Harmoni

Kesemua elemen dalam grafik perlu menunjukan

kesinambungan idea dan buah fikiran. Ini membolehkan

mata dan fikran penonton membaca mengikut

perkembangan keseluruhan visual

Keharminian memberikan rasa yakin dan pasti kepada

penonton, kerana mereka melihat hubungan antara elamen,

arah aliran persembahan, dan kesatuan mesej.



5.0 Asas Grafik Warna

kromatik Akromatik

Menjelaskan kekuatan sesuatu warna, cth warna merah cerah lebih kuat berbanding denganmerah pucat, semakin banyak bahan asing semakin kurang kekuatannya

Menjelaskan sejauh mana gelap atau cerahnyasesuatu warna itu kelihatan, warna putih tercerah olejh itu ia mempunyai valiu yan gtinggi

Menjelaskan warna yang khusus, iaitu merah , biru dsb



5.0 Asas Grafik Warna

kromatik Akromatik

Kecerahan warna yang jelas berdasarkan kecerahan dan kegelapan warna seperti warna hitam putih.

Kecerahan warna yang kurang jelas berdasarkan gabungan warna dari pelbagai warna yang digunakan.



5.0 Asas Grafik Warna - Pigmen

Adalah bahan yang memberi warna kepada sesuatu objek (4)



5.0 Asas Grafik Warna - fungsi a. Membuat penegasan dan kewujudan tumpuan

menegaskan elemen supaya mendapat perhatian

penonton, dicapai dengan menggunaan warna berbeza dr

yg lain, selalunya warna utama di gunakan. Penggunaan

konsep kontras (warna penggenap) digunakan, selalunya

ia bertengtangan d idalam roda warna.

b. Memudahkan sesuatu item di lihat

tindihan warna digunakan dalam menjelaskan item;

tindihan positif

subjek terang di letakan diatas warna yan g kontras

tindihan negatif

menggunakan warna kontras yan glemah dan

menghasilkan gabungan warn ayan gkelihatan sama



5.0 Asas Grafik Warna - fungsi

c. Mewujudkan perasaan harmoni

Dengan menggunakan warna

analogus.

d. Melahirkan kesan tertentu

Dibahagikan berdasarkan

kesannya.



5.0 Asas Grafik Warna - fungsi c. Mewujudkan perasaan harmoni

menggunakan warna analogos, iaitu warna yang terletak

bersebelahan, gabungan in imenimbulkan perasaan

tenteram dan selesa.

d. Melahirkan kesan tertentu

Warna panas Warna psikologi Warna Sejuk

PANAS

• merah

• jingga

• kuning

• melambangkan

kekuatan

• Matahari dan api

SEJUK

• biru

• ungu

• hijau

• langit dan tumbuhan

• lembut dan damai

PSIKOLOGI

• pengaruh budaya

•sentitif

•warna yang ada

maksud



5.0 Asas Grafik Huruf ( kepentingan)

Penting dalam penggunaan

tajuk, soalan dan perkataan.

Mengelakkan sesuatu visual

disalah tafsir.

Dapat meningkatkan

keberkesanan sesuatu paparan

visual.

Penting untuk memantapkan

maksud sesuatu perkataan.



5.0 Asas Grafik Huruf ( jenis)

Roman

Gotic Cursive /sambung

TEKS NOVELTI



5.0 Asas Grafik Huruf Roman

Mempunyai strok yang berselang seli

antara strok nipis dan strok tebal.

Mempunyai kaki (syerif)

Garis kecil melintang ditapak huruf..

Mudah untuk dibaca.

Digunakan di dalam kebanyakan buku

atau majalah.

Contoh: A B C



5.0 Asas Grafik Huruf Gotik

Mempunyai strok yang sama

seluruhnya dan tidak mempunyai serif.

Paling banyak digunakan dalam

rekabentuk visual.

Bersifat “bold” yang sesuai untuk

pelbagai bentuk mesej.

Digunakan dalam penerbitan buku.

Contoh: A B C



5.0 Asas Grafik Huruf Cursive

Tulisan tangan kerana hurufnya ditulis

bersambung-sambung.

Pelbagai dimana nipis, tebal, licin,

kasar.

Tidak digunakan secara meluas.

Menyukarkan bacaan.

Sesuai untuk mesej yang berbentuk

hiburan dan perayaan.

Contoh: A B C



5.0 Asas Grafik Huruf Cursive

Kelihatan antik dan cantik tetapi sukar

dibaca.

Sesuai untuk tema cerita lama.

Contoh: A B C



5.0 Asas Grafik Contoh Huruf teks.

Kelihatan antik dan

cantik tetapi sukar

dibaca.

Sesuai untuk tema

cerita lama.

Contoh:

A B C



5.0 Asas Grafik Contoh Huruf novelti.

Memberi kesan yang berlainan

daripada semua huruf.

Bertujuan untuk menarik perhatian.

Digunakan dalam kadar yang

paling sedikit.

Contoh:

A B C



5.0 Asas Grafik Contoh Huruf Novelti

Novelti –

untuk

mendapatkan

kesan

berlainanan

daripada

huruf yan

glainnya.. Ia

menyerupai

bentuk

tertentu



5.0 Asas Grafik Perkara lain penghurufan.

Tidak melebihi tiga stail Stail huruf bersesuaian dengan mesej Terdapat beberapa perkara yang diambil kira iaitu: - Huruf besar dan huruf kecil

- Warna huruf - Saiz huruf - Jarak antara huruf - Jarak antara baris - Susunan huruf



5.0 Asas Grafik Huruf ( jarak)

Huruf perlu seimbang, tidak terlalu jauh atau

terlalu dekat, huruf perlu di jarakan mengikut

keselesaan penglihatan

Bagi tranparensi:

-Bilangan perkataan dalam sebaris yang sesuai

adalah 6

Jarak penglhatan dalam kaki

Ketinggian huruf

dalam inci

20 40 50 60 80

1”

2”

2 1/2

3 4



5.0 Asas Grafik Huruf ( susunan) Right flush

saya ada kucing

Namanya mena, saya rindu pada kucing

saya, Tapi kucing itu tidak rindukan saya,

apalah kucing

Left flush

saya ada kucing

Namanya mena, saya rindu pada kucing

saya, Tapi kucing itu tidak rindukan saya,

apalah kucing

Central flush



5.0 Asas Grafik Huruf ( susunan) Central flush

saya ada kucing

Namanya Menna, saya rindu

pada kucing saya, Tapi kucing

itu tidak rindukan saya, apalah

punya kucing



5.0 Asas Grafik Prinsip Rekaletak



5.0 Asas Grafik : Prinsip Rekaletak




CONTRAST

Warna

Imej

Tipografi (font)




[ Adakan kontras yang jelas ]

Warna

Imej

Tipografi (font)




ALIGNMENT

Teks1 Teks2

Imej-imej |

|


[ Adakan susunan yang sejajar ]

Teks1

Imej-imej

Teks2

[ Permudahkan persembahan ]

PROXIMITY

Jarak Antara Teks

Jarak antara grafik

Jarak antara teks dan grafik

[ Adakan jarak yang sesuai antara objek ]

Jarak Antara Teks

Jarak antara grafik

Jarak antara teks dan grafik

[ Adakan satu item utama ]

REPETITION

Ketekalan warna

Mata huruf yang piawai

Imej dan bentuk yang berkaitan

[ Gunakan ulangan di mana perlu ]

Ketekalan warna

Mata huruf yang piawai

Imej dan bentuk yang berkaitan

Always remember CASPER….


5.0 Asas Grafik

sekian


5.0 Asas Grafik -Sendiri

Documents

Transcript of 5.0 Asas Grafik -Sendiri