47
TAJUK 2 KONSEP ASAS GRAFIK: MENGHASIL BAHAN GRAFIK YANG BAIK

KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Embed Size (px)

Citation preview

Page 1: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

TAJUK 2

KONSEP ASAS GRAFIK:MENGHASIL BAHAN GRAFIK

YANG BAIK

Page 2: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

KANDUNGAN

Prinsip reka letak grafik

Tipografi

Kesimpulan

Bibliografi

123456

Page 3: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

KONSEP

Grafik ialah kombinasi gambar, lambang, simbol, huruf, angka, perkataan, lukisan, lakaran yang menjadi satu media pengajaran untuk memberikan dan menterjemahkan konsep atau idea daripada penhantar kepada penerima maklumat

Page 4: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Kronologi grafik dalam pendidikan :

Pengenalan awal grafik Media cetak

Buku

Majalah

Brosur

KONSEP

Page 5: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Kronologi grafik dalam pendidikan :

Grafik sekarang Media elektronik

Grafik interaktif

Grafik multimedia

KONSEP

Page 6: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Perisian atau aplikasi yang berasaskandan menggabungkan sekurang-kurangnya 2 / lebih daripada media iaitu teks, grafik, animasi, audio dan video.

Multimedia :

Multimedia yang interaktif :

Aplikasi multimedia yang membolehkan pengguna berinteraksi

dengan aplikasi tersebut melalui peranti input seperti mouse dan

keyboard.

KONSEP

Page 7: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Bagi membangunkan perisian grafik

interaktif dan multim

edia, ianya

memerlukan pengetahuan

pengaturcaraan, daya kecekapan

menggunakan perisian, perkakasan dan

aksesori juga amat penting.

Bagi membangunkan perisian grafik

interaktif dan multim

edia, ianya

memerlukan pengetahuan pengaturcaraan,

daya kecekapan menggunakan perisian,

perkakasan dan aksesori juga amat

penting.

KONSEP

Page 8: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Elemen Asas Reka Letak Grafik

Page 9: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Menandakan sesuatu kedudukan dalam ruang

Tidak mempunyai ukuran panjang dan lebar Statik Pusat sesuatu unsur

Tidak mempunyai arah Relatif bebas

Penggunaan titik secara kreatif dapat melahirkan pelbagai perasaan kepada audiens

Titik-titik yang bersambung akan mengarahkan penglihatan mata.

Boleh mensipta ilusi tona dan warna pada sesuatu visual apabila diletakkan sebelah menyebelah dengan banyak

Elemen yang paling mudah Penggerak utama sesuatu bentuk

Ini akan mencetuskan perubahan perasaan dan imbangan

Page 10: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Satu elemen yang paling ringkas dan amat mustahak. Tanpanya tidak akan wujud gambaran objek, manusia, suasana dll. Bentuk 2D (cth: lakaran pensel) dan 3D (cth: piramid) Fungsi:

1. Menunjukkan pergerakan / arah2. Suasana aman / ganas3. Menggambarkan kemegahan4. Menggambarkan kekusutan5. Melukis objek / benda6. Menghubungkan satu-satu elemen

Page 11: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Sesuatu permukaan boleh dirawat dengan memberi warna dan tekstur.

Permukaan yang kasar atau licin akan memberi kesan ke atas rupa garisan yang dibuat di atasnya. Warna: garisan pada papan hijau kurang jelas berbanding

garisan pada papan putih Tekstur: permukaan yang kasar memberi kesan yang kasar

berbanding permukaan licin. Contoh permukaan:

Page 12: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Bentuk 2D (Shape)

Bentuk dua dimensi mempunyai hanya dimensi panjang dan lebar seperti sekeping kertas.

3 jenis bentuk 2D:

Geometri

Abstrak

Bentuk Gambaran

Page 13: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Bentuk 3D (Form)

Bentuk tiga dimensi mempunyai dimensi panjang, lebar dan tinggi. Ia boleh didapati dalam dua kategori:

3D Sebenar: bahan sebenar yang mempunyai dimensi panjang, lebar dan tinggi.

3D Tiruan: kelihatan seolah-olah mempunyai dimensi panjang, lebar dan tinggi atau tebal (gambar foto dan lukisan yang diberi bayang).

Page 14: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

3D Sebenar

3D Tiruan

Page 15: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Ruang adalah keluasan yang disediakan bagi sesuatu visual, sama ada sebesar kertas A4, kertas manila mahupun seluas padang bola.

Ruang terbahagi kepada dua jenis: Ruang Positif – ruang yang digunakan. Ruang Negatif – ruang yang kosong.

Ruang perlu digunakan secara seimbang antara positif dan negatif agar komposisi visual kelihatan cantik dan menarik.

Page 16: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Ruang Negatif

Ruang positif

Page 17: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK
Page 18: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Fungsi

Membuat penegasan&

mewujudkan tumpuan

Memudahkan sesuatuitem dilihat

Mewujudkan perasaanharmoni

Melahirkan kesan tertentu

Page 19: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Membuat Penegasan dan Mewujudkan Tumpuan

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

Warna yang digunakan dapat menegaskan sesuatu elemen.

warna

Penegasan dibuat menggunakan warna yang berbeza.

warna warna warna

Page 20: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Memudahkan Sesuatu Item Dilihat

Tindihan warna dapat menjelaskan sesuatu item.

Warna subjek yang terang diletakkan di atas latar

berwarna kontras.

Warna kontras yang lemah menghasilkan gabungan

warna yang kelihatan sama.

Tindihan + Tindihan -

kuningungu

coklatmerah

merahhijau

putihkuning

putihhitam

Page 21: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Mewujudkan Perasaan Harmoni

Menggunakan warna analogus.

Analogus (warna yang terletak berhampiran dalam roda warna).

Contoh : Kuning, kuning hijau & hijau. Merah, merah ungu & ungu.

Penggabungan warna wujudkan perasaan yang selesa & tenteram .

Page 22: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Melahirkan Kesan TertentuKategori Warna

Warna Panas Warna Sejuk Warna Psikologi

Biru, ungu & hijau.Kelembutan, kedamaian

& kesayuan

Merah, jingga & kuning.Kedekatan, kegarangan

& kekuatan

Dipengaruhi budaya masyarakat.

Merah=Tahun Baru Cina

Page 23: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK
Page 24: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK
Page 25: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Contrast (kontras)Prinsip kontras menyatakan bahawa jika dua item tidak

serupa, maka perbezaan hendaklah ditonjolkan dengan ketara seperti warna hitam dengan warna putih.

Kontras ada kaitan dengan imej, warna dan tipografi. Contoh: jadikan kontras antara fon jenis kecil dan besar garis halus dengan garis kasar warna sejuk dengan warna hangat tekstur licin dengan tekstur kasar garis berjauhan dengan garis berdekatan antara satu

sama lain

Page 26: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK
Page 27: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Imbangan Simetri Imbangan Tak Simetri

Page 28: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Simplicity (simplisiti)

Page 29: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Proximity (Jarak antara Objek)

Page 30: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Emphasis (penekanan)

Page 31: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Repetition (pengulangan)

Page 32: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

TipografiSuatu ilmu dalam memilih dan menyusun

fon pada ruang-ruang yang tersedia untuk mencipta kesan tertentu.

Memilih fon-fon yang sepadan dengan paparan grafik adalah penting bagi menyampaikan mesej kepada pelajar.

Tipografi ini dipertimbangakan kepada dua perkara:

Stail fon Saiz fon

Page 33: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK
Page 34: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Roman/Serif• CIRI-memiliki sirip/kaki/serif yang berbentuk lancip pada

hujungnya.

• KESAN-klasik, anggun, lemah gemalai dan feminin.

• APLIKASI-buku dan surat khabar

• KELEBIHAN- sifatnya yang tebal dan nipis, pantas ditangkap oleh deria mata dan diterjemahkan oleh deria otak kita walaupun secara sepintas lalu.

• CONTOH FON: Bookman Old Style, Century Schoolbook, Georgia, Times New Roman

Page 35: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Bentuk fon serif

Sy Georgia SyBookman

Old Style

Sy Times New Roman Sy Century Schoolbook

Page 36: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Sans serif

•CIRI- tidak mempunyai sirip/serif, memiliki ketebalan huruf yang sama atau hampir sama.

•KESAN- moden, kontemporari dan efisien.

•KELEBIHAN- mudah dibaca dan sesuai.

•APLIKASI- poster, iklan dan notis pemberitahuan.

•CONTOH FON: Arial, Gill Sans MT Sy

Page 37: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Skrip atau kursif•CIRI- dihasilkan melalui goresan tangan dengan menggunakan pen atau pensel yang tajam dan biasanya miring ke kanan.

•KESAN- sifat peribadi dan akrab.

•KELEBIHAN- rupa fon bergaya, sukar dibaca tetapi cantik.

•APLIKASI- kad ucapan, kad jemputan dan tajuk buku klasik.

•CONTOH FON: Script Mt Bold, Lucida handwriting

Page 38: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Contoh-contoh fon skrip

Black Jack (Script MT Bold)

Black Jack (Lucida Handwriting)

Page 39: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Egyptian• CIRI- kaki/sirip/serif yang berbentuk persegi seperti

papan dengan ketebalan yang sama atau hampir sama.

• KESAN- kukuh, kuat dan stabil.

• CONTOH FON: Playbill

PENGAJARAN Pengajaran

Page 40: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Dekoratif• CIRI- hiasan, ornamen atau garis-garis dekoratif ditambah

pada bentuk-bentuk fon yang sudah ada.

• KESAN- dekoratif dan ornamental.

• CONTOH FON: Jokerman, Curlz MT, Snap ITC

Pembelajaran Pembelajaran Pembelajaran

Page 41: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK
Page 42: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Contoh-contoh saiz fon

Teknologi Pengajaran 6

Teknologi Pengajaran 8 Teknologi Pengajaran 10

Teknologi Pengajaran 12 Teknologi Pengajaran 14

Teknologi Pengajaran 18

Teknologi Pengajaran 26

Teknologi Pengajaran 36

Teknologi Pengajaran 48

Teknologi Pengajaran 72

Page 43: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Cadangan Pemilihan Huruf•Pilih jenis huruf yang mudah dibaca.

•Guna huruf besar hanya untuk tajuk yang pendek. Bagi tajuk yang panjang, gunakan huruf kecil dengan huruf besarnya yang tertentu.

•Jarak di antara dua perkataan ialah 1 atau 1 ½ lebar huruf.

•Jarakkan huruf dengan penglihatan. Biarkan ruang di antara huruf kelihatan sama walaupun jaraknya berbeza.

Page 44: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Prinsip Asas Penghurufan • Gunakan antara 8 – 10 ayat dalam satu skrin/slaid. • Gunakan jarak yang sesuai dan optikal. • Gunakan huruf besar jika tajuk itu pendek (tidak lebih daripada

3 perkataan) • Gunakan huruf kecil bagi ayat atau teks. • Tulis teks mengikut pola pergerakan mata. Dari atas ke bawah

atau dari kiri ke kanan. • Format teks harus konsisten dari segi jenis dan saiz fon, reka

letak, warna dan lokasi. • Jangan tulis terlalu banyak teks dalam satu skrin atau slaid.

Page 45: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

KESIMPULAN

Pengetahuan asas ini, pembaca dapat menghasilkan pelbagai jenis bahan P&P yang memuatkan pelbagai jenis penampilan grafik yang berkualiti dan berkesan kepada pelajar tanpa mengabaikan nilai-nilai estetika.

Page 46: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

RUJUKANIPIslam. (2011). Nota Prinsip Reka Letak. Diperoleh pada 17 Julai 2011 daripada http://ipislam.edu.my/kplir/O2003/nota_prinsiprekaletak.htm

Noriati A. Rashid et. al. (2009). Teknologi dalam Pengajaran dan Pembelajaran. Shah Alam: Oxford fajar Sdn. Bhd.

PPDHL. (2010). Persembahan Elektronik. Diperoleh pada 16 Julai 2011 daripada http://www.ppdhl.net/v2/images/fbfiles/files/topik4.pdf

Page 47: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK

Terima Kasih