konsep asas grafikmenghasil bahan grafik yang baik
TRANSCRIPT
![Page 1: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/1.jpg)
TAJUK 2
KONSEP ASAS GRAFIK:MENGHASIL BAHAN GRAFIK
YANG BAIK
![Page 2: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/2.jpg)
KANDUNGAN
Prinsip reka letak grafik
Tipografi
Kesimpulan
Bibliografi
123456
![Page 3: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/3.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/4.jpg)
Kronologi grafik dalam pendidikan :
Pengenalan awal grafik Media cetak
Buku
Majalah
Brosur
KONSEP
![Page 5: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/5.jpg)
Kronologi grafik dalam pendidikan :
Grafik sekarang Media elektronik
Grafik interaktif
Grafik multimedia
KONSEP
![Page 6: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/6.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/7.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/8.jpg)
Elemen Asas Reka Letak Grafik
![Page 9: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/9.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/10.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/11.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/12.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/13.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/14.jpg)
3D Sebenar
3D Tiruan
![Page 15: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/15.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/16.jpg)
Ruang Negatif
Ruang positif
![Page 17: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/17.jpg)
![Page 18: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/18.jpg)
Fungsi
Membuat penegasan&
mewujudkan tumpuan
Memudahkan sesuatuitem dilihat
Mewujudkan perasaanharmoni
Melahirkan kesan tertentu
![Page 19: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/19.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/20.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/21.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/22.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/23.jpg)
![Page 24: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/24.jpg)
![Page 25: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/25.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/26.jpg)
![Page 27: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/27.jpg)
Imbangan Simetri Imbangan Tak Simetri
![Page 28: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/28.jpg)
Simplicity (simplisiti)
![Page 29: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/29.jpg)
Proximity (Jarak antara Objek)
![Page 30: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/30.jpg)
Emphasis (penekanan)
![Page 31: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/31.jpg)
Repetition (pengulangan)
![Page 32: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/32.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/33.jpg)
![Page 34: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/34.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/35.jpg)
Bentuk fon serif
Sy Georgia SyBookman
Old Style
Sy Times New Roman Sy Century Schoolbook
![Page 36: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/36.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/37.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/38.jpg)
Contoh-contoh fon skrip
Black Jack (Script MT Bold)
Black Jack (Lucida Handwriting)
![Page 39: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/39.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/40.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/41.jpg)
![Page 42: KONSEP ASAS GRAFIKMENGHASIL BAHAN GRAFIK YANG BAIK](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/42.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/43.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/44.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/45.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/46.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022081502/58ee92151a28abfd068b45bb/html5/thumbnails/47.jpg)
Terima Kasih