Asas Rekabentuk dan hak cipta pendidikan

Creative Presentation

1. Asas Reka Bentuk 11-13 Jun 2024 Akademi Pengangkutan Jalan Malaysia, KM 15 Jalan Tiang Dua, Melaka Disediakan oleh Marlina Ismail

2. Di akhir pembelajaran ini , pelatih akan memahami Teori pengenalan Asas Reka Bentuk Grafik Format Asas Poster Langkah- langkah penyediakan banner Jenis-jenis asas pencetakan Disediakan oleh Marlina Ismail

3. Topic ini akan membincangkan Tetapan ( setting ) dalam pencetakan , digital slider dan format saiz dalam setiap medium. Antaranya Vector dan Bitmap Unit gambar DPI (dots per inch) / Bit Inci (in) / Centimeter (cm) Jenis-jenis tetapan warna CYMK RGB Penggunaan asas panel Disediakan oleh Marlina Ismail

4. Asas tetapan ( Basic Setting ) Bentuk akhir medium yang akan di promosi Percetakan Saiz Warna Finishing (spot uv , emboss, dll ) Digital Gambar Pegun (Still Image) Multimedia Image Video Musik Suara Transasi (Transition) Disediakan oleh Marlina Ismail

5. Jenis format gambar Vector (File: ICON.ai ) Bitmap ( JPGFile.JPG ) dibesarkan sharp blur Disediakan oleh Marlina Ismail

6. Unit gambar DPI Ialah resolusi yang mengukur dalam dots per inch dalam 1 kotak berisi 72 titik x 72 titik (standard website). Kualiti yang biasa di gunakan dalam pencetakan adalah 300dpi. Bit/ pixel Ialah kod untuk warna dalam screen Contohnya Dalam photoshop, binary yang digunakan ialah 8 bit, 16 bit, atau 32 bit Binary Code Colour 00 Putih 01 Light grey 10 Dark grey 11 Black 72 72 Disediakan oleh Marlina Ismail

7. Tetapan warna RGB Adalah gabungan warna RED, GREEN dan BLUE yang di hasilkan dari pecahan cahaya . Tetapan ini digunakan untuk paparan digital seperti screen, kamera digital, handphone dan lain-lain. CYMK Adalah campuran warna dakwat CYAN, MAGENTA, YELLOW dan Black untuk menghasilkan warna hakiki ( asli ). Tetapan ini selalunya digunakan bila untuk mencetak hasil kerja . Disediakan oleh Marlina Ismail

8. Kenapa penting ? Disediakan oleh Marlina Ismail

9. Rumusan Vector Penerangan Bitmap Gambar yang di bentuk dari kombinasi titk dan garis melalui rumusan matematik Pengertian Gambar yang terbentuk dari kombinasi titik-titik warna Rumusan Matematik Ukuran Bit/ pixel CDR, AI, SVG, EPS, PDF Format File JPG/ JPEG, BMP, GIF, PNG, PSD Saiz file yang kecil Boleh di kecilkan dan di besarkan tanpa menjejaskan kualiti gambar Kelebihan Variasi warna lebih banyak Boleh menambah efek khusus mengikut keperluan Masa yang singkat untuk menghasilkan gambar Jika gambar di simpan dalam format bitmap, sifatnya akan mengikut ciri bitmap Mengambil masa yang lama untuk di hasilkan Kekurangan Perubahan kualiti gambar berubah-ubah Hasil cetakan terjejas jika kualiti tidak dipantau Saiz gambar berskala besar Disediakan oleh Marlina Ismail

10. You Media Audience Prinsipal Reka Bentuk Analog Radio Telephones Poster Digital Social Media E-Mail Website Multimedia Disediakan oleh Marlina Ismail

11. Disediakan oleh Marlina Ismail

12. Disediakan oleh Marlina Ismail

13. Emphasis (Rule of third) Disediakan oleh Marlina Ismail

14. Balance Disediakan oleh Marlina Ismail

15. Unity Disediakan oleh Marlina Ismail

16. Contrast Disediakan oleh Marlina Ismail

17. Rhythm Disediakan oleh Marlina Ismail

18. Proportion Disediakan oleh Marlina Ismail

19. Variety Disediakan oleh Marlina Ismail

20. Balance Disediakan oleh Marlina Ismail

21. Pattern Focus in picture Disediakan oleh Marlina Ismail

22. Rhythm Repeatition Disediakan oleh Marlina Ismail

23. Emphasis Spot light Disediakan oleh Marlina Ismail

24. Contrast Differentiation Disediakan oleh Marlina Ismail

25. Unity Disediakan oleh Marlina Ismail

26. Hierarchy in design Disediakan oleh Marlina Ismail

27. Header Footer Information Background Middle Ground Front Ground Layers Hierarchy Disediakan oleh Marlina Ismail

28. Header Space Footer Information Disediakan oleh Marlina Ismail

29. Header Space Information Footer Brand Disediakan oleh Marlina Ismail

30. Size and Font Contrasting Colors Color Temperature Movement in a Picture Negative Space in Designs Repetition For Creating Context Disediakan oleh Marlina Ismail

31. Penggunaan Teks dalam Reka Letak Grafik Disediakan oleh Marlina Ismail Setiap penggunaan font adalah unik dan tiada spesifikasi untuk setiap penggunaan tetapi ia membawa maksud berbeza bagi setiap karakter font. 

32. Jenis Font Serif San Serif Script Display This Photo by Unknown Author is licensed under CC BY Disediakan oleh Marlina Ismail

33. Serif fonts Overall we can say that  the most basic distinction between fonts is the difference between serif and sans serif fonts . Sans serif looks very simple, while serif font looks decorative. Certain parts on the serif font that look like ornamentals and are called “serifs” do not exist on sans serif, which actually means “without serifs”. That is the key difference between them. There are many subcategories within serif and sans serif fonts as well as a few more types we will talk about in the next paragraph. Disediakan oleh Marlina Ismail

34. Example These fonts are characterized by a small difference between thick and thin lines, as well as curves that connect the serifs to the strokes. Other old-time serif fonts include Bembo , Bookerly , Cartier, Callisto , Gentium, Palatino, Requiem, and many others. Nowadays, they’re rarely used in web design, but they have found their use in printing, book covers, and movie posters. Penguin Books, Oxford University Press, Cambridge University Press, the National Gallery, and many others use Bembo as their body typeface Disediakan oleh Marlina Ismail

35. Disediakan oleh Marlina Ismail

36. Sans serif fonts As minimalism became more popular, the need for simpler and cleaner fonts appeared. Sans serif fonts entered the scene. These fonts, as previously mentioned, don’t have serifs and look more modern and sleeker. Just like the serif fonts, sans serifs also have variations, depending on the period when they were made and their appearance. They first appeared in the early 19th century. Frowned upon at first, they are nowadays used much more than serif fonts. Their sleek appearance works perfectly paired up with modern web design, and when it comes to web articles, their lack of serifs enables cleaner-looking text and increased readability. Disediakan oleh Marlina Ismail

37. Example The Seven Line Grotesque font  A website with a clean design and two different geometric fonts  Disediakan oleh Marlina Ismail

38. Script fonts Some script fonts that come with computers Disediakan oleh Marlina Ismail

39. Color Mode Disediakan oleh Marlina Ismail

40. Color Mode Purpose The settings designers use to show color consistently across devices and material Disediakan oleh Marlina Ismail

41. Disediakan oleh Marlina Ismail

42. Disediakan oleh Marlina Ismail

43. Disediakan oleh Marlina Ismail

44. Noon Evening Morning Colour Temperature  is a way to describe the light appearance provided by a light Disediakan oleh Marlina Ismail

45. Disediakan oleh Marlina Ismail

46. Example Concept Disediakan oleh Marlina Ismail

47. MySTEM Science, Technology, Engineering, Mathematic Disediakan oleh Marlina Ismail

48. Concept : Food Color mode : cool mode Type of font : San Serif Number of Font : 3 Element of design : line Principle of design : Contrast Target Audience : Average 20- 40 years old Disediakan oleh Marlina Ismail

49. Concept : Science Color mode : Neutral Type of font : San Serif Number of Font : 3 Element of design : polygon Principle of design : Balance Target Audience : Average 30- 40 years old Disediakan oleh Marlina Ismail

50. Concept: Kids Color mode : Neutral Type of font : San Serif Number of Font : 3 Element of design : shape Principle of design : Emphasis Target Audience : Average 8 – 17 years old Disediakan oleh Marlina Ismail

51. Concept: Engineering Color mode : Monotone Type of font : San Serif Number of Font : 3 Element of design : shape Principle of design : Unity Target Audience : Average 30-50 years old Disediakan oleh Marlina Ismail

52. Concept: Kids Color mode : Neutral Type of font : Mix (Serif + Script + Display) Number of Font : 3 Element of design : line Principle of design : Unity Target Audience : Average 8 – 17 years old Disediakan oleh Marlina Ismail

53. Concept : Math Color mode : Neutral Type of font : San Serif Number of Font : 3 Target Audience : Average 20- 40 years old Disediakan oleh Marlina Ismail

54. Concept : Corporate Color mode : Neutral Type of font : San Serif Number of Font : 2 Element of design : shape Principle of design : Emphasis Disediakan oleh Marlina Ismail

55. Agriculture Agrotechnology, Agriculture, Horticulture, Food Technology, Green Technology, Biotechnology Disediakan oleh Marlina Ismail

56. Disediakan oleh Marlina Ismail

57. Proses Asas Disediakan oleh Marlina Ismail

58. Disediakan oleh Marlina Ismail

59. Antara hasil kerja Disediakan oleh Marlina Ismail

60. Disediakan oleh Marlina Ismail

61. Disediakan oleh Marlina Ismail

62. Disediakan oleh Marlina Ismail

63. Percetakan Secara amnya , terdapat pelbagai jenis medium pencetakan tetapi untuk latihan kali ini . Fokus utama adalah Digital printing dan Offset Printing Offset Printing Rotogravure Printing Flexography Digital printing Screen Printing 3D Printing Disediakan oleh Marlina Ismail

64. Offset Printing https:// www.youtube.com / watch?v =5LMU-zB8Sro Disediakan oleh Marlina Ismail

65. Apa itu OFFSET PRINTING? Teknik percetakan yang menggunakan gambar sebelum di pisahkan menggunakan format CYMK ke atas plat. Teknik ini menggunakan kombinasi proses lithography dalam percetakan https://thekidshouldseethis.com/wp-content/uploads/2021/03/stone-lithography-demonstration-video-03.jpg https:// www.youtube.com / watch?v =G0So4M7Tbis Disediakan oleh Marlina Ismail

66. Rotogravure Printing Melibatkan pencetakan berskala besar seperti surat khabar, label dan sticker Menggunakan Teknik roller Disediakan oleh Marlina Ismail