1 / 95

TOPIK 3: ASAS GRAFIK

TOPIK 3: ASAS GRAFIK. Hasil pembelajaran Di akhir pembelajaran, pelajar dapat: Memahami prinsip-prinsip asas grafik dan rekabentuk visual Menggunakan Adobe photoshop untuk membuat penyuntingan grafik supaya reka bentuk visual yang menarik(Amali).

yestin
Download Presentation

TOPIK 3: ASAS GRAFIK

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. TOPIK 3: ASAS GRAFIK

  2. Hasil pembelajaran Di akhir pembelajaran, pelajar dapat: • Memahami prinsip-prinsip asas grafik dan rekabentuk visual • Menggunakan Adobe photoshop untuk membuat penyuntingan grafik supaya reka bentuk visual yang menarik(Amali)

  3. Apakah yang dimaksudkan dengan Reka bentuk Grafik?

  4. Grafik adalah bahan yang dilukis sebagai karangan visual. Ia dapat memberi satu atau lebihketerangan visual. Perkataan grafik sebenarnya berasal dari perkataan Greek “graphikos” bererti lukisan. Graphier pula ialah perbuatan dan ertinya menulis dengan perkataan. • Grafik ialah kombinasi gambar-gambar, lambang-lambang, simbol-simbol, huruf, angka,perkataan, lukisan, lakaran yang dijadikan satu media untuk memberi konsep dan idea dari pengirim kepada sasarannya dalam proses menyampaikan maklumat.

  5. Menurut Hamzah Hurmin (1992), • Grafik adalah sebuah lukisan, percetakan, gambar dan huruf yang dihasilkan dengan menggunakan media tertentu seperti pen, pensil, warna atau komputer. • Bahan grafik untuk pengajaran dan latihan terdiri daripada lukisan, carta, graf, poster dan kartun.

  6. Kepentingan Grafik Dalam Pendidikan • Grafik penting untuk menyediakan bahan-bahan pandangan (visual) • untuk menyampaikan sesuatu mesej tertentu dengan jelas.

  7. Apakah yang dimaksudkan dengan reka bentuk visual?

  8. Visual ialah sesuatu yang boleh diperhatikan • Alat komunikasi yang lebih konkrit/baik berbanding komunikasi verbal. • Dalam P&P penggunaan bahan visual sangat penting. • Namun keberkesanan visual bergantung kepada reka bentuk dan kualiti visual itu sendiri.

  9. Contoh: Mengapakah kebanyakkan restoran makanan segera di cat dengan warna merah dan kuning?

  10. Contoh; Apakah yang anda dapat fahami daripada illustrasi berikut?

  11. Dalam kuliah ini akan dibincangkan; • Kepentingan visual dalam pengajaran • Perbezaan antara elemen dan prinsip rekabentuk • Kepentingan setiap elemen dan prinsip reka bentuk visual • Kepentingan dan fungsi warna • Pemilihan huruf yang sesuai • Penghasilan komposisi visual yang menerapkan elemen dan prinsip visual

  12. PRINSIP-PRINSIP GRAFIK • Kesatuan – tema/mesej • Penegasan – pusat tumpuan/fokus • Pergerakan –pola/corak • Keseimbangan- dlm struktur binaan/rekabantuk • Kontra • Harmoni

  13. Pergerakan Aspek susunan dapat: • Menarik perhatian mata ke arah item utama • Menggerakkan penglihatan mata dan seterusnya mengikuti aliran persembahan Jenis pola • Ikut geomatri • Ikut huruf

  14. Keseimbangan Dua jenis keseimbangan : • Keseimbangan formal – pembahagian yang sama di antara bahagian visul • Keseimbangan tidak formal –pembahagian yang tidak sama rata(contoh berat ke kiri) • Keseimbangan • formal • Keseimbangan tidak formal

  15. Kontra • Wujudnya dua elemen yang berbeza • Lebih besar perbezaan, lebih besar kontra • Bertujuan untuk menjadikan perbezaan nampak ketara • Menambah keceriaan • Membentuk kepentingan/tumpuan • Lebih menarik Kaedah lazim wujudkan kontra: saiz, nilai, warna dan fon berbeza

  16. Harmoni • Tenteramkan hati • Rasa yakin dan pasti kepada audien • Bertujuan untuk memudahkan atau meningkatkan kejelasan visual

  17. Kontra • Wujudnya dua elemen yang berbeza • Lebih besar perbezaan, lebih besar kontra • Bertujuan untuk menjadikan perbezaan nampak ketara • Menambah keceriaan • Membentuk kepentingan/tumpuan • Lebih menarik Kaedah lazim wujudkan kontra: saiz, nilai, warna dan fon berbeza

  18. KONSEP DAN FUNGSI VISUAL Visual boleh didapati dalam 3 bentuk; Fotografik Elektronik • Grafik

  19. Visualrealistik Visual kurang realistik

  20. Visual Grafik terbahagi kepada 2; • Visual analogik. (simbol mewakili konsep) • Visual organisasi. (carta aliran, graf, peta, carta kategori)

  21. 1. Visual analogik • Meyampaikan konsep/topik secara analogi • Contoh: Visual sel putih melawan jangkitan bakteria atau sistem solar untuk menjelaskan komposisi atom © 2001Prof. Madya Dr.Yusup Hashim

  22. Contoh visual analogik: Sistemsolar Sistem solar biasanya digunakan sebagai analogi visual untuk menjelaskan komposisi sesuatu atom Neutron Proton Elektron

  23. 2. Visual Organisasi • Meliputi carta aliran, graf, peta, dan carta organisasi • Visual ini boleh menunjukkan hubungan antara satu konsep dengan lain atau menjelaskan susunan konsep dalam bentuk teks (tulis) © 2001Prof. Madya Dr.Yusup Hashim

  24. Contoh visual organisasi;

  25. VISUAL Ciri-ciri visual yang baik; • Mudah dan jelas. • Mesej dapat ditafsir. • Mendorong interaksi yang aktif. • Membantu memfokuskan perhatian.

  26. Apakah yang dapat ditafsirkan daripada visual berikut?

  27. Apakah elemen-elemen reka bentuk visual?

  28. ELEMEN REKA BENTUK VISUAL Elemen Grafik Ruang (Space) Permukaan/jalinan (Surface) Garisan (Line) Warna Ilustrasi (Ilustration) Huruf Rekaletak Bentuk tiga dimensi (Form) Rupa dua dimensi (Shape)

  29. ELEMEN REKA BENTUK VISUAL 1. Ruang; • Keluasan yang disediakan bagi sesuatu visual. • Tanpa ruang visual tak dapat dihasilkan. Ruang positif Ruang negatif

  30. ELEMEN REKA BENTUK VISUAL 2. Garisan Menunjukkan gerakan, arahan dan perlakuan • Contoh: Garisan melintang menunjukkan kestabilan dan ketenangan • Tegak: Kekuatan • Pepenjuru: Gerakan dan dinamik • Garisan berserabut: menunjukkan kekusutan • Garisan boleh mengambarkan bentuk/objek • Garisan boleh menghubungkan antara satu elemen dengan elemen yang lain

  31. Contoh penggunaan garisan; Garisan tegak Garisan melintang Garisan condong

  32. ELEMEN REKA BENTUK VISUAL 3. Permukaan/Jalinan; • Jalinan tampak/jalinan sentuh • Kasar/Licin.

  33. ELEMEN REKA BENTUK VISUAL 4. Rupa 2 dimensi / Rupa • Bentuk geometri./organik • Bentuk abstrak. • Bentuk gambaran.

  34. ELEMEN REKA BENTUK VISUAL 5. Bentuk 3 dimensi • 3D sebenar/komkrit • 3D tiruan/ilusi

  35. ELEMEN REKA BENTUK VISUAL Bentuk 3 dimensi • 3D sebenar/konkrit • Bahan sebenar yang mempunyai dimensi panjang, lebar, tinggi seperti kerusi dan meja.

  36. ELEMEN REKA BENTUK VISUAL Bentuk 3 dimensi • 3D tiruan/ilusi • Bentuk dua dimensi yang kelihatan seolah-olah mempunyai dimensi panjang, lebar dan tinggi atau tebal seperti gambar foto dan lukisan yang diberi bayang,.

  37. Apakah prinsip-prinsip reka bentuk visual?

  38. PRINSIP REKA BENTUK VISUAL Simplisiti Harmoni Dominan PRINSIP GRAFIK Variasi Pola Seimbang

  39. PRINSIP REKA BENTUK VISUAL 1.Simplisiti / mudah Visual yang ditayangkan hendaklah dihadkan kepada satu idea. Idea yang banyak dalam satu visual akan mengelirukan.

  40. Terlalu banyak maklumat yang hendak disampaikan

  41. Contoh; Simplisiti

  42. PRINSIP REKA BENTUK VISUAL 2. Dominan; Pusat penumpuan atau minat.

  43. PRINSIP REKA BENTUK VISUAL Dominan; Peraturan sepertiga

  44. PRINSIP REKA BENTUK VISUAL 3.Pola; Susunan item-item dalam sesuatu rekaan visual.

  45. PRINSIP REKA BENTUK VISUAL • Pola * Menawan perhatian penerima dan mengarahkannya kepada maklumat yang bersabit. * Unsur seperti Ruang, Garisan dan Ilustrasi digabung menjadi suatu harmoni grafik.

  46. PRINSIP REKA BENTUK VISUAL Pola; Anak panah dan warna digunakan untuk menyusun maklumat

  47. 4 3 5 2 6 1 PRINSIP REKA BENTUK VISUAL Pola; Anak panah dan warna digunakan untuk menyusun maklumat Konsep Pembelajaran Penguasaan (Mastery Learning)

  48. Kawasan paling kuat Pergerakan mata bermula dari kiri PRINSIP REKA BENTUK VISUAL Pola;

  49. PRINSIP REKA BENTUK VISUAL 4. Seimbang; • Seimbang formal/sametri • Seimbang tidak formal./tidak semetri

More Related