Professional Documents
Culture Documents
Reka Bentuk Grafik Digital Ting 4 & 5 (Full Version)
Reka Bentuk Grafik Digital Ting 4 & 5 (Full Version)
Pendahuluan v
iii
Tingkatan 5
PENGHASILAN KARYA
MODUL 5
5.1
GRAFIK DIGITAL
IDENTITI KORPORAT
222
224
PENDAHULUAN
5.2 PENGIKLANAN 240
Buku teks
5.3 PEMBUNGKUSAN 258 dan 5 ditulis berdasarkan Dokumen Standard Kurikulum
dan Pentaksiran (DSKP) Mata Pelajaran Vokasional
yang disediakan oleh Kementerian Pendidikan Malaysia
(KPM). Kurikulum Standard Sekolah Menengah
REKA BENTUK PENERBITAN (KSSM) diaplikasikan di sekolah pada tahun 2017 bagi
MODUL 6 MEJA (DESKTOP PUBLISHING) 284
menggantikan Kurikulum Bersepadu Sekolah Menengah
(KBSM).
Matlamat buku teks ini adalah untuk melahirkan
6.1 ASAS PENERBITAN MEJA 286 murid yang berpengetahuan mengenai konsep, proses
dan berkemahiran menggunakan peralatan serta perisian
6.2 PENGOLAHAN IDEA KARYA PENERBITAN MEJA 294
menjadi lebih bersedia untuk membina kerjaya dalam
6.3 PENGHASILAN KARYA PENERBITAN MEJA 301
diperoleh daripada buku teks ini.
Glosari 374
Modul 6: Reka Bentuk Penerbitan Meja
Rujukan 376 Modul 7: Keusahawanan
Buku teks ini diharapkan dapat dijadikan rujukan
Indeks 378 kepada guru dan murid untuk meningkatkan tahap potensi
dan pencapaian mereka seterusnya melahirkan seorang
SILA
IMBAS
Kandungan
kod QR
iv v
PENERANGAN IKON REKA BENTUK
GRAFIK DIGITAL
TINGKATAN 4
Info KBAT
S.P INFO
Me nar i k
Standard Pembelajaran Info tambahan berkaitan dengan Aktiviti atau latihan yang menguji
Standard Pembelajaran yang topik yang dipelajari.
terkandung dalam Dokumen murid. MODUL 1
Standard Kurikulum dan
Pentaksiran (DSKP) yang ASAS GRAFIK DIGITAL
perlu dicapai oleh murid.
SILA
MODUL 2
IMBAS Maklumat dalam ELEMEN MERENTAS ASAS REKAAN GRAFIK
bentuk kod QR yang
boleh diimbas dengan Akt A KTIVITI 1 EMK KURIKULUM
telefon pintar.
kod QR
Aktiviti yang dilakukan sama Unsur nilai tambah yang diterapkan MODUL 3
ada di dalam atau di luar kelas
yang membantu meningkatkan
dalam proses pengajaran dan
pembelajaran (PdP).
TIPOGRAFI
Kemahiran kefahaman murid.
Abad ke-21
MODUL 4
Pendidikan Abad ke-21.
REKA BENTUK
GRAFIK DIGITAL
R e fl e k s i R um us an
Ref.
L .P
P en gukuhan
Soalan latihan yang menguji Penanda aras yang digunakan Nota ringkas bagi setiap standard
kefahaman murid mengenai untuk menentukan kefahaman pembelajaran yang dipelajari oleh
keseluruhan modul. murid pada akhir pembelajaran. murid.
APLIKASI AR
Buku ini turut disertakan dengan aplikasi AR (Augmented Reality) yang merupakan gabungan teknologi
maya dan nyata dalam bentuk dua dimensi (2D) dan tiga dimensi (3D). Aplikasi AR ini hanya boleh
diakses dengan menggunakan telefon pintar atau tablet untuk menikmati pengalaman pembelajaran
yang baharu.
Untuk mengimbas, ikuti langkah-langkah berikut:
vi 1
MODUL 1 murid sebagai persediaan menempuh alam pekerjaan dan menghasilkan portfolio kerjaya yang kreatif
STANDARD KANDUNGAN
Objektif
Hasil pembelajaran
• Membuat analisis keperluan kerjaya dalam
Kata Kunci
mengendalikan perkakasan dan perisian
•
• Menilai peluang dan peranan kerjaya dalam • Peluang kerjaya
• Portfolio
• Merancang kerjaya yang ingin diceburi • Sumber pemerolehan
• Fungsi
•
beretika, sistematik, bermakna dan kreatif.
• Perisian
•
•
•
• Kualiti imej
•
• Format fail
2 3
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
ilustrasi (lukisan dan gambar foto) dan juga warna. Reka bentuk Info Menarik
INFO Antara muka pengguna Penerbitan meja Ilustrasi
diperkenalkan kepada dunia, iaitu merujuk aktiviti mereka bentuk dimanfaatkan sebagai media Rajah 1.2
visual dengan menggunakan perisian komputer. utama dalam penyaluran sesuatu
paparan atau persembahan reka
bentuk komunikasi visual sama
ada dalam bentuk bercetak,
persembahan elektronik mahupun
digital. pelbagai fungsi seperti memberi maklumat, mempromosi produk, membina imej dan membantu
meningkatkan kefahaman seseorang.
1
Mudah dan jelas 2 Jadual 1.1
dibaca serta
Maklumat yang Bidang
difahami Penggunaan dan sumbangan
terdapat dalam reka bentuk
visual dapat ditafsir
1
dengan mudah
Ciri-ciri reka
4
Pengiklanan dihasilkan.
3
Mampu mendorong
interaksi yang
Maklumat
• Mengekalkan penerimaan
pengguna terhadap sesuatu
barangan yang terdapat dalam
pasaran.
Media cetak
• Surat khabar
• Majalah
Media elektronik
• Internet
• Televisyen
disampaikan
aktif antara pereka secara kreatif • Pengiklanan transit • Radio
dengan audiens dan menarik • Brosur • Papar iklan digital
• Poster • Sepanduk digital
• Risalah • Papar tanda LED
• Papan iklan
Rajah 1.1 • Sepanduk
4 5
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
Bidang Bidang
Penggunaan dan sumbangan Penggunaan dan sumbangan
reka bentuk reka bentuk
2 6
• Membina logo dan imej yang
seragam untuk sesebuah
organisasi korporat, pertubuhan
dan syarikat perniagaan. Faiz
3
• Penyediaan navigasi yang mudah digunakan.
• Memberi maklumat barangan
7
dan perkhidmatan.
• Menjamin kualiti barangan.
• Melindungi barangan daripada
Pembungkusan sebarang kerosakan.
• Memudahkan kerja menyimpan,
menghantar dan mempamerkan • Bungkusan daripada kertas tebal atau
barangan. plastik lut sinar. • Memudahkan penyampaian
• Bungkusan yang mudah dibawa. maklumat.
• Bungkusan berwarna berserta dengan •
nama dan maklumat barangan serta slogan untuk membaca maklumat
yang menarik.
4 • Menerangkan atau
menggambarkan maklumat.
• Menambahkan tarikan
•
•
•
Ilustrasi untuk membaca terutama
8
kanak-kanak.
• Menjelaskan jalan cerita atau
penceritaan sesebuah buku.
• Dokumentasi dan rujukan.
• Penceritaan seperti buku cerita kanak-kanak
dan video.
• Menarik perhatian audiens
Media baharu
dengan lebih mudah dan pantas.
6 7
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
Terdapat banyak institusi pendidikan dan pusat latihan yang Penguasaan dalam bidang
Tajuk:
tersebut ialah GIATMARA, Institut Kemahiran MARA (IKM), pengguna dan media baharu
Objektif: amat digalakkan bagi memenuhi
Institut Kemahiran Belia Negara (IKBN), politeknik serta universiti
Bahan dan Peralatan: Buku catatan, pen, kertas A3 dan peralatan lain yang bersesuaian. objektif Revolusi Perindustrian 4.0
awam dan swasta. yang merangkumi simulasi, realiti
Cara Pelaksanaan:
Kebiasaannya semua institusi pendidikan dan pusat latihan maya, keselamatan siber dan
akan meletakkan maklumat berkaitan pengajian kursus reka bentuk pengkomputeran awan.
Langkah 1
• Murid diminta membuat perbincangan dalam edu.my, Institut Kemahiran Belia Negara (IKBN) www.kemahiran.
kbs.gov.my dan politeknik www.mypolycc.edu.my. Selain contoh ELEMEN MERENTAS
institusi pendidikan dan pusat latihan yang dinyatakan di atas, EMK KURIKULUM
jenis penggunaan dan sumbangan reka bentuk
murid boleh mencari maklumat mengenai kursus reka bentuk
mempunyai ciri-ciri seperti
Langkah 2 berinovasi, menepati masa
• Hasilkan satu peta minda tentang maksud, jenis dan beretika.
dalam kehidupan.
Langkah 3
• Menggunakan peta minda, jelaskan kepada
kelas tentang maksud, jenis penggunaan dan
Ilustrasi 1.1
Setelah tamat pengajian, murid boleh memilih untuk bekerja di syarikat-syarikat reka bentuk
L ATIHAN luas, iaitu dalam industri percetakan, pengiklanan, penjenamaan, pembungkusan dan sebagainya.
Jadual 1.2
_________________________________________________________________________ Membuat konsep visual dengan menggunakan perisian komputer atau secara
2. Senaraikan empat jenis bidang reka bentuk dan sumbangannya dalam kehidupan anda. manual untuk menyampaikan idea yang memberi inspirasi dan menarik minat
audiens.
Bidang reka bentuk Sumbangan Pereka
halaman buku penerbitan.
Pereka bentuk
laman web
Merupakan individu yang menggunakan kemahiran teknikal mereka, untuk
Jurufoto mengambil foto klien, tempat, objek dan bertanggungjawab menyunting foto
tersebut bagi memenuhi keperluan pelanggan.
Orang yang bertanggungjawab terhadap semua kerja kreatif dalam sesuatu
Pengarah seni
projek reka bentuk pengiklanan.
8 9
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
•
komputer.
Langkah 1
menyusun dan mengubah sampel kerja • Murid diminta mengumpul contoh karya reka bentuk
mereka mengikut keperluan pelanggan.
Langkah 2
• Dengan jumlah karya yang ada, hasilkan portfolio
konvensional masing-masing mengikut kerjaya dalam
Portfolio elektronik (e-portfolio)
• E-portfolio merupakan jenis yang paling popular kini kerana
Langkah 3
• Bentangkan portfolio di hadapan kelas bagi
kebiasaannya seorang pereka mempunyai laman web sendiri
mendapatkan pandangan rakan-rakan yang lain.
dan berfungsi sebagai lokasi untuk menyimpan segala hasil
kerja mereka.
• Dihasilkan dengan menggunakan teknologi digital sama ada
dalam talian atau luar talian.
• Kelebihan portfolio ini ialah persembahan hasil kerja menjadi
lebih interaktif.
L ATIHAN
• Portfolio dalam talian sangat berguna kepada murid sebagai
satu medium penyimpanan segala hasil kerja rekaan mereka. 1. Senaraikan tiga institusi pendidikan dan pusat latihan yang menawarkan bidang reka bentuk
10 11
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
F
S.P Standard Pembelajaran
1.2 Setiap perkakasan mempunyai fungsi tersendiri mengikut proses kerja seperti mereka bentuk
Murid boleh:
1.2.1 Menyenaraikan sumber
visual daripada perkakasan, perisian dan aplikasi digital tertentu 1.2.2 Menjelaskan fungsi dan
menggunakan medium komputer bagi menggantikan peralatan
dan bahan konvensional seperti pen, berus dan cat air.
1. Komputer
1.2.3 Mencadangkan jenis Fungsi
atau aplikasi ialah program digital yang diguna pakai sepanjang proses
sesuai digunakan dalam
• Memaparkan visual.
berserta contoh perisian.
2
Memuat turun imej atau visual daripada laman
web yang dibenarkan. 4 Melakar imej atau visual yang diperlukan.
Komputer riba (laptop)
12 13
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
J
4. Pencetak digital
Fungsi
• Jadual 1.4
komputer ke media percetakan seperti
kertas foto dan kertas simili. Adobe Photoshop Adobe Illustrator Adobe InDesign CorelDraw
Perisian
Perisian
Lengkap dengan pen stylus dengan mempunyai Kerja lakaran lebih mudah dilakukan dengan
bateri yang boleh dicaj semula dan mempunyai
ciri-ciri tanpa wayar. fungsi sama seperti pen, pensel atau berus • .jpeg • .png • .sla • .pdf • .jpeg
yang disertakan dengan selembar kertas. Format • .gif • .jpeg • .sla.gz • .gif
Hasil lakaran akan muncul di skrin komputer fail
• .bmp • .eps
dan boleh diubah pada bila-bila masa
mengikut kehendak pereka. • Mengedit dan • Menghasilkan imej • Menyusun atur reka • Menghasilkan dan
menyunting imej vektor dan melukis letak sama seperti mengedit imej
serta pembuatan ilustrasi kekal bagi Adobe InDesign. vektor.
Fungsi kesan khas. kerja-kerja seperti
mereka bentuk
Info Me nar ik logo.
INFO
Namun harus diingatkan bahawa setiap perisian tersebut mempunyai keistimewaan yang berbeza
bergantung pada reka bentuk yang ingin dihasilkan termasuklah proses kerja penyediaan karya.
telah bermula sejak tahun 60-an dimulai Contoh perbezaan yang mudah ditunjukkan dalam jadual berikut untuk menjelaskan perbezaan
dengan model animasi pertama yang
perisian, proses kerja dan hasil karya.
Zajac ialah orang yang bertanggungjawab SILA Jadual 1.6 Keperluan perisian yang berbeza mengikut proses kerja dan hasil rekaan
menyediakan satu model simulasi satelit IMBAS Perisian Proses kerja Contoh karya
digital. Bidang ini telah berkembang Adobe Illustrator Ilustrasi Pembungkusan dan pengiklanan
sehingga sekarang selari dengan Adobe Photoshop Kerja suntingan imej visual Laman web
perkembangan teknologi semasa. kod QR Adobe InDesign Susun atur reka letak penerbitan Buku, majalah dan penerbitan meja
14 15
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
Objektif: digital.
Bahan dan Peralatan: Komputer, Internet dan projektor LCD. daripada gabungan teks, ilustrasi (lukisan, gambar rajah atau simbol)
1.3.2 Membandingkan jenis
dan warna. Namun, dengan adanya teknologi moden, penghasilan
Cara Pelaksanaan:
vektor.
Langkah 1 1.3.3 Membezakan kualiti imej
• Dalam kumpulan kecil, senaraikan perkakasan dan perisian berdasarkan perbezaan
Hasil kerjanya pula dalam format digital dan boleh dicetak atau resolusi warna.
dan format fail. 1.3.4 Menentukan kesesuaian
manfaat kepada ramai orang seperti guru, murid dan jurutera. penggunaan mod warna
Langkah 2 RGB, CMYK dan grayscale.
• Kaji tentang perkembangan teknologi perkakasan dan perisian 1.3.5 Mencadangkan format fail
dalam talian dan catat hasil dalam buku catatan murid. penggunaannya.
Langkah 3
• Bincangkan tentang hasil penerokaan dan buat rumusan.
Bentang di hadapan kelas dan dapatkan maklum balas guru
serta rakan kumpulan lain.
L ATIHAN
3. Berikan tiga jenis perisian berlesen yang sering digunakan dalam proses kerja mereka bentuk
I n f o M en a rik
INFO
ELEMEN MERENTAS
Perisian Proses kerja Hasil karya EMK KURIKULUM Visual bukan sahaja boleh menyentuh perasaan dan
emosi seseorang tetapi juga merupakan kaedah terbaik
(a) ………………………………………… Ilustrasi Pembungkusan untuk mempromosikan produk atau perkhidmatan
yang menarik minat anda melalui dalam pengiklanan tanpa menggunakan terlalu banyak
(b) ………………………………………… Kerja suntingan imej Laman web
carian Internet. Senaraikan tiga
Susun atur reka letak sebab anda memilih rekaan pengiklanan untuk menyentuh emosi pelanggan mereka.
Majalah
(c) ………………………………………… penerbitan
16 17
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
P
ELEMEN MERENTAS
EMK KURIKULUM Vektor
Raster
Imej akan hilang kualiti jika Imej tidak akan hilang kualiti
saiz dibesarkan. jika saiz dibesarkan.
Format fail: .jpeg, .gif, .tiff, Format fail: .eps, .svg, .ai,
.png dan .bmp. .jpeg, .gif, .tiff, .png dan .bmp.
G G
kotak kecil seperti mozek yang mengandungi warna. Kepingan dan titik lengkungan yang bersambung antara satu sama lain.
kecil tersebut dikenali sebagai piksel. Semakin banyak bilangan Kesemua garisan dan titik lengkungan tersebut membentuk rupa
piksel, maka semakin tinggi resolusi dan kejelasan sesuatu imej. dan menghasilkan skala yang tetap, tidak berubah serta tidak
Sekiranya saiz sesuatu imej diubah maka kualiti imej juga akan menjejaskan kualiti imej walaupun diubah kepada pelbagai saiz
berkurangan. Susunan piksel inilah yang akhirnya membentuk semasa kerja penyuntingan dilakukan.
18 19
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
Tajuk:
Objektif:
Bahan dan Peralatan: Komputer, Internet, pencetak, kertas A3 dan gam.
Cara Pelaksanaan:
Langkah 1
• Murid dibahagikan kepada kumpulan kecil.
Rajah 1.6
pada kertas A3.
Langkah 3 Resolusi merujuk saiz bilangan piksel pada imej yang diukur dalam unit Dots Per Inch (DPI).
Contohnya, 3 DPI, 8 DPI, 24 DPI, 72 DPI, 120 DPI dan 300 DPI, resolusi dikira berdasarkan jumlah hasil
daripada sumber Internet. Kemudian, cetak darab bilangan piksel lebar dan tinggi (bilangan piksel panjang × bilangan piksel lebar).
kedua-dua imej dan tampal pada kertas A3 Resolusi imej bagi paparan skrin yang ideal ialah 72 DPI. Sekiranya kurang daripada jumlah
serta labelkan. tersebut imej akan kelihatan kabur atau kurang tajam. Resolusi imej yang ideal untuk bahan bercetak
seperti brosur, buku dan poster ialah 300 DPI. Hal ini bermakna, semakin besar jumlah piksel, semakin
Langkah 4 baik kualiti sesuatu imej.
• Bentangkan dan senaraikan perbezaan antara
L ATIHAN
300 DPI 200 DPI 100 DPI 72 DPI
_________________________________________________________________________
_________________________________________________________________________
72 × 72 36 × 36 24 × 24 16 × 16
Ilustrasi 1.3 Kualiti resolusi warna bagi imej berwarna dan imej hitam putih
20 21
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
Mod warna C M Y K
I n f o M en a r i k
Kesesuaian penggunaan mod warna INFO
Warna CMYK dan RGB Mod warna CMYK pula ialah warna yang diguna pakai dalam proses rekaan untuk percetakan. C=Cyan
Grayscale (Biru), M=Magenta (Ungu), Y=Yellow (Kuning) dan K=Key (Black), warna mod CMYK digunakan
merupakan dua komponen
penting dalam teori warna untuk tampil seimbang dalam latar belakang putih daripada bahan cetak seperti kertas dan bahan lain
ketika menghasilkan karya. Mod warna menentukan
yang terdiri daripada warna seperti kanvas. Gabungan Cyan, Magenta dan Yellow akan menghasilkan warna seakan-akan hitam,
primer. Kedua-dua komponen namun sebenarnya warna yang terhasil ialah warna perang gelap.
komponen warna seperti mod warna merah, hijau, ini menjadi dasar dalam
biru (RGB), biru, ungu, kuning, hitam (CMYK) dan membentuk warna-warna
skala kelabu (grayscale). sekunder dan tertiar lain.
CYAN
Mod warna R G B
22 23
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
Fungsi
Fungsi
Sesuai untuk cetakan
Mampu menampilkan
papan iklan yang
imej yang bergerak
besar kerana resolusi
untuk kegunaan
imejnya yang tinggi. Ilustrasi 1.9 Contoh imej yang menggunakan format GIF
animasi ringkas dan
dalam laman web SILA
Ilustrasi 1.7 Contoh gambar yang menggunakan format TIFF interaktif. IMBAS
Contoh imej format GIF
kod QR
24 25
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 1 l ASAS GRAFIK DIGITAL
Tajuk:
Photoshop untuk menyimpan
gambar secara berlapis (layers). Objektif:
• Saiz fail sangat besar mengikut Bahan dan Peralatan: Buku catatan, pen, Internet, komputer dan LCD.
saiz asal. Cara Pelaksanaan:
• Boleh diedit kembali.
Langkah 1
• Murid diminta membuat perbincangan dalam kumpulan
Fungsi
penggunaannya.
Menyimpan dan
mengedit imej dalam Langkah 2
banyak lapisan. • Buat carian imej dalam Internet bagi setiap format fail.
Langkah 3
• Buat pembentangan di hadapan kelas dengan menghuraikan
L ATIHAN
1. Apakah yang dimaksudkan dengan resolusi?
2. Nyatakan resolusi imej yang ideal bagi paparan skrin dan bahan bercetak.
Paparan skrin: ………………………………………
Bahan bercetak: ………………………………………
3. Huraikan perbezaan antara mod warna RGB dengan CMYK.
Ilustrasi 1.11 Contoh imej yang menggunakan format PSD
26 27
R umusan Refleksi
Ref.
Portfolio kerjaya
• Portfolio konvensional (bercetak) FAHAM TIDAK FAHAM
• Portfolio elektronik (e-portfolio)
Digital
• FAHAM TIDAK FAHAM
Adobe Illustrator, Adobe InDesign dan CorelDraw.
•
PhotoScape, Krita, Scribus dan InkScape.
•
daripada gabungan teks, ilustrasi (lukisan, gambar rajah
atau simbol) dan warna.
Membezakan kualiti imej berdasarkan perbezaan resolusi
warna.
Digital
Menentukan kesesuaian penggunaan mod warna: RGB,
Perbezaan kualiti imej berdasarkan resolusi warna CMYK dan grayscale.
• Mod warna:
RGB, CMYK dan grayscale
• penggunaannya.
TIFF, JPEG, GIF, EPS dan PSD
28 29
L .P
Pengukuha n (a) …………………………………………………………………………
(b) …………………………………………………………………………
Jawab semua soalan.
(c) …………………………………………………………………………
………………………………………………………………………………………………………………………………………
yang berkualiti?
………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
Fungsi perlu ada pada sesebuah komputer meja yang lengkap. Nyatakan kegunaan perkakasan berikut:
(a) (b) (c)
3. Berdasarkan rajah di bawah, tandakan ( ) pada penyataan yang betul bagi fungsi ……………………………………… ……………………………………… ………………………………………
pembungkusan.
……………………………………… ……………………………………… ………………………………………
.
(a) …………………………………………………………………………
(b) …………………………………………………………………………
(c) …………………………………………………………………………
30 31
MODUL 2
ASAS REKAAN GRAFIK
STANDARD KANDUNGAN
Objektif
• Menyatakan elemen dan prinsip rekaan
dan lajur.
Hasil pembelajaran
• Menghasilkan lakaran menerusi proses
pengolahan idea berdasarkan tema dengan
mengaplikasikan elemen dan prinsip rekaan
32 33
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Garisan
1
Standard Pembelajaran
2.1 Elemen dan Prinsip
S.P
Murid boleh:
lebih titik yang bersambung antara satu sama lain.
2.1.1 Menerangkan elemen rekaan dalam
Elemen rekaan dalam penghasilan (i) Garisan (iv) Warna Ciri-ciri garisan Jenis-jenis garisan
(ii) Rupa (v) Ruang • Mempunyai dimensi panjang. Terdapat beberapa jenis garisan seperti mendatar, menegak,
(iii) Bentuk (vi) Tekstur • Mempunyai ketebalan bersudut, beralun, putus-putus, titik-titik, berterusan atau pecah.
yang berbeza.
merujuk garis panduan asas yang menjadi prinsip rekaan: • Contoh ciri-ciri garisan:
Mendatar Menegak Bersudut Melengkung
(i) Keseimbangan (v) Penegasan
Terdapat enam elemen rekaan yang diterapkan Kasar Halus
(ii) Harmoni (vi) Kontras
(iii) Kesatuan (vii) Pergerakan
rupa, bentuk, warna, ruang dan tekstur. Rajah (iv) Kepelbagaian
2.1 menunjukkan semua elemen tersebut. 2.1.3 Menilai elemen dan prinsip rekaan karya
(i) Kandungan
(ii) Nilai estetik Beralun Berpancar Titik-titik Putus-putus
Tebal Nipis
....................
....................
1 2 3 ....................
....................
Rajah 2.2 Contoh pelbagai ciri dan jenis garisan
L
Menghasilkan rupa
P
Mewujudkan sifat-sifat
daripada objek dan alam Menentukan nilai cerah
4 5 6
benda
Fungsi dan gelap
garisan
Garisan beralun
Menghasilkan kesan
menunjukkan kesan
pergerakan atau aksi
Elemen warna memberi nilai Ruang terbentuk dengan adanya Elemen tekstur memberi nilai kontur pada permukaan
kepada bentuk. elemen latar belakang, depan kepada rupa, bentuk dan ruang.
dan pertengahan.
Garisan putus-putus
menunjukkan objek terlindung
34 35
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Rupa Bentuk
2 Rupa ialah hasil pertemuan titik penghujung sesuatu garisan dengan titik permulaan.
Seterusnya rupa mewujudkan sifat dua dimensi. Terdapat dua jenis rupa iaitu rupa 3 Bentuk ialah objek yang mempunyai struktur jisim dan isipadu serta mempunyai
dimensi panjang, lebar dan tinggi. Bentuk boleh dihasilkan melalui teknik garisan,
geometri dan rupa organik. Antara ciri rupa adalah seperti berikut: lorekan, jalinan dan catan. Terdapat dua jenis bentuk iaitu:
1. Bentuk konkrit atau maujud 2. Bentuk ilusi atau 3D menghasilkan
merujuk objek sebenar yang bayangan imej seolah-olah wujud ruang
boleh disentuh, dirasai dan dilihat pada permukaan rata.
di setiap sudut.
Permukaan yang rata tanpa jisim serta Mempunyai dimensi panjang dan lebar yang
dilingkari oleh garisan luar. boleh ditentukan ukurannya yang dikenali
sebagai rupa geometri.
36 37
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Warna Ruang
4 tiga jenis warna iaitu warna asas, warna sekunder dan warna tertiar. 5 Ruang ialah kawasan sesuatu visual iaitu jarak antara satu bentuk dengan bentuk
yang lain bagi menimbulkan kesan estetik.
ruang nyata atau ruang sebenar seperti ruang di dalam rumah. Ruang ilusi ialah ruang
Mer
ah- yang diterapkan di atas permukaan yang dapat menimbulkan pelbagai kesan seperti
Warna asas viol
g a et ruang perspektif bangunan.
ji ng
a h-
er
M
Ruang ilusi
Biru-
Merah
a
gg
Warna sekunder
Un
Jin
viole
gu
Kun
t
Kuning Biru
ing-
jing
ga
Hijau
u
ija
Warna tertiar
-h
ru
Ku
nin
Bi
g-h
ijau
Ilustrasi 2.1
Mencetuskan minat.
Ruang juga mempunyai komponen latar belakang (background), pertengahan (middle ground)
dan depan (foreground). Ruang merujuk kepada jarak atau kawasan sekitar antara atau dalam
sesuatu komponen.
Komponen
Mencipta idea. latar belakang
(background)
Komponen
pertengahan
(middle ground)
Menghasilkan
emosi tertentu. Menarik perhatian
Menyatakan atau audiens.
menyampaikan mesej.
Komponen
depan
Rajah 2.6
(foreground)
pembiasan cahaya. Penggunaan kombinasi warna kontras atau bertentangan dalam roda warna
Ilustrasi 2.2 Komponen ruang
38 39
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Tekstur
6 Contoh tekstur ialah rasa halus, kasar, lembut atau keras pada sesuatu objek. Rekaan
A KTIVITI 1 Kenali Benda Hidup Kemahiran ELEMEN MERENTAS
Akt EMK KURIKULUM
Abad ke-21
visual yang mencerminkan tekstur sebenar.
Tekstur juga boleh ditampilkan melalui gaya reka bentuk melalui lapisan teks, Tajuk: Kenali Benda Hidup
bentuk, dan garisan. Setiap gabungan lapisan membawa kesan tekstur pada halaman Objektif:
Bahan dan Peralatan: Objek benda hidup, kertas sebak dan komputer.
Cara Pelaksanaan:
• Langkah 1
Murid diminta untuk membuat lawatan
ke sekeliling kawasan sekolah dengan
bimbingan guru secara berkumpulan.
Warna merah
Tekstur pada
permukaan pakaian
digunakan
pada imej virus
• Langkah 3
khas petugas barisan COVID-19. Murid diminta untuk menghasilkan
hadapan. peta minda dan bentangkan hasil
ciri-ciri objek yang dipilih berdasarkan
garisan, rupa, bentuk, warna, ruang
dan tekstur yang terdapat pada objek
benda hidup yang dipilih.
Ruang yang
Rupa digunakan menunjukkan
sebagai ikon. komponen depan.
Ilustrasi 2.5
40 41
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
P
Akt A KTIVITI 2 Penerokaan Kemahiran
Abad ke-21
• Langkah 1 Kepentingan
prinsip rekaan
Murid menyediakan kertas lukisan A3 dan melukis garisan sempadan bersaiz 10 mm
di sisi atas, bawah dan kanan, manakala 20 mm di sisi kiri kertas mengikut reka letak berikut.
100 mm
meyakinkan audiens tentang keberkesanan sesuatu produk yang dijual dan seterusnya dapat
• Langkah 2 • Langkah 3 • Langkah 4 meyakinkan audiens untuk membeli produk tersebut.
Murid dikehendaki Murid melakar semula Murid dikehendaki
mengambil gambar objek objek yang dipilih di atas membentangkan
benda hidup yang dipilih, kertas yang sama dengan objek yang dilakar
mencetak dan menampal menggunakan pensel
gambar objek tersebut di pelbagai jenis tentang elemen rekaan
atas sehelai kertas A3 pada pada bahagian sebelah yang terdapat pada
bahagian sebelah kiri. kanan kertas. objek tersebut dengan
bimbingan guru.
L ATIHAN
Elemen Maksud
Garisan
Rupa
Bentuk
Warna
Ruang
Tekstur Ilustrasi 2.6 Contoh ilustrasi iklan yang menarik dan berkualiti
42 43
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
1 Keseimbangan
Keseimbangan ialah pembahagian yang sama antara dua bahagian visual (bahagian kiri dan kanan
atau atas dan bawah). Keseimbangan boleh dipengaruhi oleh banyak perkara termasuk warna,
saiz, bilangan dan ruang. Rule of thirds menunjukkan cara ruang dibahagi secara mendatar dan
menegak menurut sistem grid 3 ×
Harmoni
grid tersebut.
Keseimbangan terbahagi kepada tiga bahagian iaitu:
menghasilkan keseragaman.
Keseimbangan merujuk
keadaan yang berpadanan
Kesatuan merujuk gabungan
antara satu sama lain.
disatukan dalam sesuatu
Kepelbagaian
Prinsip
Penegasan
Rekaan
Kepelbagaian merujuk
pelbagai elemen yang
digunakan dalam sesuatu Penegasan merujuk elemen
karya menerusi penggunaan
warna, objek, bentuk dan ingin ditonjolkan. Ilustrasi 2.7 Contoh keseimbangan Ilustrasi 2.8 Contoh keseimbangan Ilustrasi 2.9 Contoh keseimbangan
tekstur yang berbeza.
dan ruang bangunan dan poster Batman pancaran
Kontras Pergerakan
visual di bahagian kiri dan kanan atau atas dan bawah.
Keseimbangan simetri Keseimbangan tidak simetri
Ilustrasi 2.10 Contoh imej keseimbangan simetri dan keseimbangan tidak simetri
44 45
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
2 Harmoni 3 Kesatuan
Kesatuan ialah gabungan beberapa elemen dan prinsip rekaan untuk menghasilkan sesuatu karya
keseragaman. Contoh prinsip harmoni dalam beberapa reka bentuk adalah seperti berikut:
nyata dan jelas. Contoh kesatuan adalah seperti berikut:
Contoh prinsip harmoni
Contoh kesatuan dalam
Contoh kesatuan dalam seni visual
Kesatuan dalam jenis tema warna Kesatuan dalam jenis garisan, warna
Harmoni dari aspek rupa yang berulangan. Harmoni dari aspek corak kain batik.
yang digunakan. dan rupa.
Ilustrasi 2.11 Contoh prinsip harmoni dari aspek rupa, corak dan warna
Harmoni dari aspek warna dan rupa. Harmoni dari aspek tulisan.
Ilustrasi 2.13
Ilustrasi 2.12 Contoh prinsip harmoni dari aspek warna, rupa dan tulisan
46 47
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
4 Kepelbagaian 5 Penegasan
Kepelbagaian ialah gabungan pelbagai gaya, nilai dan idea yang berbeza dalam sesuatu karya
penegasan adalah untuk menimbulkan tumpuan dan menarik perhatian audiens. Kebiasaannya,
Kepelbagaian objek alam semula jadi Kepelbagaian jenis warna serta garisan dalam
berdasarkan tema yang dipaparkan.
b c
Kepelbagaian objek reka bentuk bangunan Kepelbagaian objek seperti bangunan dan
dalam hasil karya. jambatan.
Menggunakan warna dan saiz yang Menggunakan rupa positif dan negatif untuk
berbeza pada huruf “G” dengan menonjolkan mesej utama.
Kepelbagaian warna dan bentuk geometri Kepelbagaian jenis warna, garisan dan bentuk huruf lain.
sehingga menghasilkan rupa sebenar. untuk menghasilkan pelbagai objek.
Ilustrasi 2.14 Contoh kepelbagaian Ilustrasi 2.15
48 49
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
6 Kontras 7 Pergerakan
Kontras ialah tahap perbezaan antara dua elemen reka bentuk. Kontras boleh dihasilkan menerusi
kabur dan kesan garisan. Antara fungsi prinsip pergerakan ialah:
skala, pergerakan, ruang dan saiz. Contoh kontras adalah seperti berikut:
Untuk mewujudkan kesan visual yang lebih
bergetar, bergoyang, bergegar, berayun,
realistik dan lebih menarik untuk dibaca dan
memancar, bersinar dan lain-lain berdasarkan
mudah difahami.
teknik tertentu.
Menunjukkan pergerakan menerusi Menunjukkan kesan kabur Menunjukkan kesan garisan yang
kesan lut sinar terhadap beberapa yang digunakan dalam prinsip beralun. Pengulangan garisan
ekspresi wajah objek yang pergerakan seperti objek manusia beralun dan menyerupai objek
berbeza dalam beberapa lapisan sedang berlari dan kesan tersebut manusia dapat menampilkan
mempengaruhi emosi audiens. dapat menjelaskan situasi larian pergerakan melompat.
yang laju.
Ilustrasi 2.17
Kontras dari segi ruang Kontras dari segi warna Kesatuan digunakan Kontras pada warna
pada komposisi reka letak tulisan tajuk majalah
tajuk utama majalah dan untuk menarik perhatian
kapsyen. pembaca.
Pergerakan kelihatan
Penegasan bendera
pada permukaan
Malaysia sebagai objek
bendera.
utama pada kulit muka
hadapan majalah.
Harmoni dengan semua
elemen pada
kulit majalah. Kepelbagaian pada
jenis tulisan, komponen
visual (logo, bendera,
Keseimbangan tidak ikon, label harga) dan
Kontras dari segi pergerakan dalam ilustrasi Kontras dari segi garisan dan ruang simetri pada susunan warna.
komposisi reka letak.
50 51
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
20 mm 10 mm
Gabungan elemen yang serupa atau yang berkaitan
Memberi kesan yang
Harmoni seperti warna bersebelahan, bentuk serupa dan tekstur
seragam secara visual.
yang berkaitan antara satu sama lain.
Contoh hasil akhir:
Menampakkan karya lebih
Kesatuan Gabungan beberapa elemen dan prinsip reka bentuk.
realistik.
yang dihasilkan? Dalam menilai kandungan dan nilai estetik sesuatu karya, senarai semak dan skala penilaian yang
4. Anda diminta untuk menghasilkan beberapa cadangan logo bagi sebuah kelab bahasa digabungkan dengan baik atau tidak. Skala penilaian boleh digunakan untuk memberi markah atau
52 53
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Warna Rupa
Pergerakan
Harmoni Keseimbangan
Garisan pada latar belakang
Harmoni pada reka letak titik Keseimbangan pada susunan
gambar menghasilkan kesan
di sudut bawah kiri poster. komposisi reka letak.
pergerakan.
Langkah 2
Ilustrasi 2.19 • Murid membuat pembentangan
dengan menggunakan
menggunakan skala penilaian yang berbentuk Permainan Lampu Isyarat iaitu merah (tiada), kuning komputer atau bahan bercetak.
Bentuk
tanda ( ) di kotak yang disediakan sekiranya menepati skala dan interpretasi penilaian.
1. Garisan
2. Rupa
Garisan
Langkah 3
3. Bentuk • Murid daripada kumpulan lain
4. Warna akan memberi ulasan tentang
5. Ruang
elemen dan prinsip rekaan karya
6. Tekstur
7. Keseimbangan
Penegasan
8. Harmoni
9. Kesatuan
10. Kepelbagaian
11. Penegasan
12. Kontras Bentuk
13. Pergerakan
Keseimbangan
Jumlah =
54 55
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
L ATIHAN
1. Bincangkan dengan rakan anda
tentang prinsip rekaan yang ada pada
imej di sebelah.
Menghidupkan elemen Memudahkan audiens
2. Berdasarkan imej di atas, bincangkan dengan rakan anda dan bina jadual analisis melihat
kekuatan dan kelemahan kedua-dua imej tersebut.
Kekuatan Kelemahan
Rajah 2.8
56 57
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Warna merupakan tindak balas cahaya ke atas sesuatu permukaan. Warna dapat menimbulkan
penegasan permukaan sesuatu bentuk objek lagi. Penggunaan warna yang berbeza dapat
menimbulkan emosi dan perasaan terhadap objek yang dilihat. Contohnya, penggunaan warna yang
terang dan cerah menimbulkan perasaan riang dan gembira. Warna yang gelap dan kelam pula akan
menimbulkan perasaan suram dan sedih. Dalam teori warna, warna disusun pada roda warna dan
1. Warna asas
dikelompokkan kepada tiga kategori, iaitu:
(a) Merupakan warna utama.
(b) Terdiri daripada warna biru,
Warna asas Warna sekunder Warna tertiar merah dan kuning.
(c) Warna asas ini tidak boleh
dihasilkan dengan campuran
R warna-warna lain.
Roda warna terdiri daripada warna asas, warna sekunder dan warna tertiar.
Merah
Contoh warna
Merah Merah Biru Merah Kuning
penggenap
ungu jingga
Ungu Jingga
gu
Jin
Merah
Un
gg
a
Biru Kuning
ungu jingga 2. Warna sekunder
Merah dan hijau
Biru Kuning (a) Merupakan hasil campuran dua
warna asas.
(b) Warna sekunder terdiri daripada:
Biru Kuning
Ungu dan kuning
Hijau Biru + Kuning = Hijau
Kuning
Biru hijau
hijau Merah + Kuning = Jingga
Biru dan jingga
Hijau
SILA
IMBAS
Color Theory Basics
kod QR
58 59
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Langkah 3
• Setiap kumpulan dikehendaki membentangkan hasil
karya masing-masing.
• Kumpulan lain diminta memberi ulasan tentang warna
4. Warna penggenap yang digunakan.
L ATIHAN
Merah Hijau
1. Tuliskan maksud warna asas, warna sekunder, warna tertiar dan warna penggenap
di ruang yang disediakan.
Istilah Maksud
Warna sekunder
Warna tertiar
Warna penggenap
Biru Jingga
2. Huraikan kepentingan dan kegunaan warna sekunder dalam kehidupan seharian.
60 61
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
62 63
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Langkah 1
• Murid dibahagikan kepada
beberapa kumpulan dan
• Warna tambahan merujuk cara • Warna subtraktif ialah hasil diberikan sekeping kad sistem
seseorang melihat warna pada cahaya sama ada secara warna tambahan dan sistem
cahaya. pantulan atau serapan oleh warna subtraktif.
• Warna tambahan ialah objek.
campuran cahaya dengan Kad sistem Kad sistem
• Warna subtraktif ialah campuran
warna yang berbeza. warna tambahan warna subtraktif
warna pada cat, dakwat atau
bahan berwarna yang lain.
Warna
Merah Cyan Langkah 2
Hijau Magenta • Setiap kumpulan dikehendaki
asas Biru Kuning bergerak dalam kumpulan dan
mencari objek atau bahan yang
sama warna seperti kad yang
telah diberikan.
• Masa diberikan sebanyak
10 minit.
kod QR
64 65
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
L ATIHAN
berkaitan dengan warna. Antara terminologi yang perlu diketahui ialah:
1. Lorekkan ruang dengan menggunakan pensel warna bagi menunjukkan warna yang terhasil
dalam roda warna.
Rona
(Hue)
Monokromatik Penepuan
(Monochromatic) (Saturation)
Warna subtraktif
66 67
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4
Terminologi warna Perbandingan penggunaan warna harmoni dan kontras dalam karya
Jadual 2.4 Terminologi warna
Terminologi Contoh
Rona (Hue) Warna harmoni dikenali sebagai warna analog atau warna dalam satu keluarga yang sama. Warna
harmoni merupakan set warna yang terletak bersebelahan antara satu sama lain dalam roda warna
• Warna asal yang terhasil daripada warna asas,
sekunder dan tertiar. seperti merah, jingga kemerahan dan jingga.
Penepuan (Saturation)
• Merujuk keamatan (intensity) sesuatu warna.
• Contohnya, warna merah dengan intensiti 100 HENTIKAN
PENCEMARAN
peratus kelihatan asli merahnya manakala pada
intensiti 0 peratus, warna merah kelihatan kelabu.
Ton (Tone)
• Warna yang telah ditambahkan dengan warna
hitam dan putih atau kelabu.
Ilustrasi 2.21
Krom (Chrome)
• Intensiti atau tahap keamatan sesuatu warna.
Rajah 2.12
68 69
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Warna kontras dikenali sebagai warna penggenap atau pelengkap atau warna komplimentari. Warna
kontras ialah warna yang terletak bertentangan antara satu sama lain dalam roda warna seperti Akt A KTIVITI Kemahiran
Abad ke-21
merah dan hijau, ungu dan kuning serta biru dan jingga.
Tajuk: Topeng Muka
Objektif: Murid dapat membandingkan penggunaan terminologi warna harmoni dengan warna
Bahan dan Peralatan: Kertas lukisan A3, pensel warna atau cat air, pembaris panjang,
pemadam dan bahan terpakai.
Cara Pelaksanaan:
Langkah 1
• Dapatkan sumber inspirasi rekaan
topeng muka.
Ilustrasi 2.22
Langkah 2
• Hasilkan lakaran topeng muka dengan mengaplikasikan warna
harmoni dan warna kontras.
• Lakarkan dan warnakan topeng dengan menggunakan pensel
warna atau cat air mengikut kreativiti masing-masing.
• Warna penggenap
menimbulkan kesan
kontras, getaran dan
pergerakan.
• Dalam skema warna
Rajah 2.13
70 71
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
L ATIHAN Terdapat dua jenis olahan warna iaitu warna sejuk dan warna panas. Warna sejuk dapat dilihat
di sebelah kiri roda warna manakala warna panas di sebelah kanan roda warna.
Terminologi Maksud
(a) Rona
(b) Penepuan
Warna Sejuk Warna Panas
(c) Ton
(e) Telau
(f) Krom
(g) Monokromatik
Warna kontras
72 73
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
1 Skema warna
monokromatik
Skema warna
Skema warna
2
analog
Skema warna
3 komplimentari
Panduan pemilihan skema warna:
Langkah 1 - Kenal pasti hasil karya yang anda mahukan dengan memahami • Dikenali sebagai warna
penggenap atau pelengkap.
maksud warna.
• Terdiri daripada dua warna
Langkah 2 - Pilih satu warna utama yang melambangkan keperluan projek. yang bertentangan dalam
roda warna.
Langkah 3 - Pilih satu skema warna berasaskan pilihan warna utama.
• Menghasilkan kontras yang
Langkah 4 - Pilih warna lain yang bersesuaian berdasarkan keperluan projek dinamik.
selari dengan cita rasa individu atau audiens.
74 75
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
4
Skema warna
komplimentari terpecah
Akt A KTIVITI Kolaboratif
Langkah 2
6 Skema warna tetradic • Hasilkan tiga lukisan objek yang sama
di atas sehelai kertas A4 dengan
• Dikenali sebagai warna pelengkap mengaplikasikan olahan skema warna
dwipecah. yang telah dipelajari.
• Terdiri daripada dua pasang warna • Label skema warna yang digunakan.
komplimentari yang bertentangan
dalam roda warna.
• Menghasilkan dua warna kontras Langkah 3
yang dominan dan dua warna • Pamerkan hasil aktiviti kumpulan dan minta
yang menyokong. ulasan rakan-rakan sekelas.
7 Skema warna
neutral
• Terdiri
daripada
warna hitam,
L ATIHAN
putih, kelabu
dan perang. 1. Apakah ciri-ciri warna sejuk dan warna panas?
2. Pada pendapat anda, bagaimanakah skema warna tertentu yang digunakan oleh pereka
76 77
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
“Bersama-sama
kita jaga dan cintai
terumbu karang
khazanah negara”
Kepentingan
reka letak
dalam
penghasilan
• Komposisi reka letak poster terumbu karang boleh dilakar semula dengan menggunakan simbol
seperti di bawah:
Simbol Penerangan
Membantu pembaca untuk memahami isi Petak berpangkah mewakili ilustrasi yang dipilih dalam contoh
bagi menyampaikan maklumat secara tepat
Rajah 2.15
78 79
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
• Berdasarkan poster berikut, ilustrasi utama boleh dikenal pasti dengan mudah. J
• Teks dan fon juga perlu diketahui sebagai tajuk utama dan subtajuk poster. dan kandungan teks
• Kenal pasti isi kandungan penerangan teks poster terumbu karang.
Elemen asas reka letak terbahagi kepada tiga, iaitu tajuk, visual dan kandungan teks. Rajah 2.16
menerangkan elemen asas reka letak tersebut.
Teks atau penghurufan
bagi tajuk utama dan JAGA DAN CINTAI
subtajuk TERUMBU KARANG
Kandungan
Tajuk Visual
teks
Masthead Body text
• Grid (Isi kandungan)
(Inulangan)
• Ilustrasi Caption
KEPENTINGAN TERUMBU
Subtajuk Tajuk utama (Kapsyen)
KARANG
• Ruang putih
Terumbu karang berfungsi Subhead Quotation
sebagai kawasan sumber
(Subtajuk) (Petikan)
Isi kandungan makanan dan tempat
perlindungan pelbagai jenis
hidupan laut.
Ilustrasi Rajah 2.16 Elemen asas reka letak
“Bersama-sama
kita jaga dan cintai
1 Tajuk
Slogan terumbu karang
khazanah negara” Masthead
• Tajuk sesuatu
penerbitan seperti
Logo
majalah, buletin atau
surat khabar.
Tajuk utama
• Perkataan atau ayat yang
diletakkan di tempat
80 81
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Body text
Caption
Grid
• Merupakan keterangan pada gambar, ilustrasi atau rajah.
• Boleh diletakkan di tengah-tengah atau pada bahagian sisi gambar,
Ruang putih
ilustrasi atau rajah.
• Kebiasaannya pembaca lebih cenderung membaca kapsyen daripada
Ilustrasi mana-mana bahagian sesuatu penerbitan.
Quotation
Kandungan isi
dalam majalah • Petikan yang diambil daripada body text sesuatu penulisan untuk
menonjolkan topik utama yang ingin disampaikan.
Quotation
Body text
Caption
Ilustrasi
82 83
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Dipilih kerana mewakili spesies Tidak dipilih kerana penyu hanya Tidak dipilih kerana terdapat
haiwan liar yang berasal mewakili satu spesies hidupan liar spesies yang berasal bukan dari
dari Malaysia yang diancam di kawasan berair sahaja. Malaysia.
kepupusan.
Rajah 2.21 Penggunaan grid dan lajur dalam reka letak majalah Ilustrasi 2.24 Lakaran kasar berdasarkan imej 1 yang dipilih
84 85
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Usaha semua pihak untuk Usaha semua pihak untuk Usaha semua pihak untuk
memastikan ‘Pak Belang’ dan memastikan ‘Pak Belang’ dan
‘rakan lain’ terus dibela ‘rakan lain’ terus dibela
Muka taip: Muka taip: Century gothic bold Muka taip: Copperplate
• Tiada ruang putih • Mempunyai komposisi reka letak • Tiada ruang putih
• Terlalu banyak
ilustrasi
yang lengkap:
(a) Tajuk: masthead, tajuk utama
• Kandungan terlalu ringkas 4. Susun atur penghurufan dan ilustrasi
dan subhead
• Tiada masthead
(b) Visual: grid, ilustrasi, ruang putih Kandungan teks
(c) Kandungan teks: body text,
Ilustrasi Grid
quotation dan caption
Seterusnya, aplikasi fungsi grid dan lajur dalam reka letak muka surat majalah disesuaikan
dengan lakaran kedua yang telah dipilih. Dalam contoh berikut, kertas A3 digunakan bagi lakaran
reka letak komposisi. Setiap grid dan lajur boleh diaplikasikan mengikut saiz yang dikehendaki.
Fungsi grid dan lajur 2 cm × 1.98 cm yang disesuaikan dengan lakaran reka letak bagi kertas Ruang putih
A3 adalah seperti berikut:
Lajur
Quotation
Ilustrasi
Caption
86 87
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
digunakan pada latar belakang majalah boleh mencapai keseimbangan komposisi keseluruhan Tajuk: Reka Letak Karya
karya. Objektif:
(a) (b) kandungan teks.
Lakaran Bahan dan Peralatan: Internet, kertas sebak, kertas manila, gam dan gunting.
diperincikan
mengikut Cara Pelaksanaan:
kesesuaian
seperti
Langkah 1 Langkah 3
Lakaran kasar
menambah • Secara berkumpulan, kumpul contoh • Bincang dengan rakan mengenai reka letak
dihasilkan.
bayang atau reka letak karya daripada Internet. sesuatu karya yang dipilih dengan membuat nota
memasukkan
warna yang
Langkah 2 ringkas di atas kertas tersebut.
Susun komposisi
Bina grid
2 cm 1.98 cm.
teks, ilustrasi dan
isi kandungan. Akt A KTIVITI 2 Portfolio Kemahiran
Abad ke-21 EMK
ELEMEN MERENTAS
KURIKULUM
L ATIHAN
Hasil akhir reka letak
2. Senaraikan tiga kepentingan reka letak.
menarik minat audiens membaca. Pada pandangan anda, apakah elemen-elemen yang perlu
88 89
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
2.4
Standard Pembelajaran
Lakaran kecil
S.P
2.
Murid boleh:
Proses pengolahan idea
2.4.1 Menjelaskan proses • Lakaran kecil merupakan lakaran bebas yang
Perancangan yang strategik dan rapi perlu dibuat sebelum proses pengolahan idea melalui dihasilkan oleh seseorang pereka untuk
kajian lapangan, lakaran menggambarkan idea reka letak sesuatu rekaan
yang baik akan menghasilkan reka bentuk yang lebih menarik. kecil (thumbnail), yang akan dihasilkan.
lakaran kasar, lakaran • Lakaran idea yang ringkas dan bebas, membolehkan
Oleh itu, proses pengolahan idea ini dapat membantu pereka
komprehensif.
mencipta sesuatu yang baharu. Proses pengolahan idea yang dua atau lebih idea dibandingkan secara visual.
terlibat adalah seperti berikut: 2.4.2 Menghasilkan lakaran • Beberapa lakaran bebas perlu dihasilkan.
pengolahan idea. • Elemen teks diwakili garis-garis atau blok sahaja.
mengaplikasikan pemikiran
komputasional.
90 91
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
P 3 Lakaran kasar
terbaik. Yang berikut ialah contoh proses pengolahan idea bagi penghasilan poster. Lakaran kedua menjadi pilihan dalam penghasilan poster “Kita Sayang Bumi”. Hasil daripada
bersaiz sebenar bagi poster yang telah siap. Semua elemen seperti saiz, gambar dan stail
1 Kajian lapangan dimasukkan dengan jelas dan tepat.
Dalam penghasilan poster ini, masalah yang dikenal pasti ialah tahap kesedaran rakyat
Malaysia terhadap penjagaan alam sekitar iaitu aktiviti pembakaran hutan secara bebas
masih berleluasa. Kesannya, banyak habitat hutan semakin pupus. Masalah ini mesti dicegah
kerana kelestarian alam sekitar perlu dijaga supaya dapat dinikmati oleh generasi akan
datang. Selain itu, habitat hutan ini juga merupakan daya tarikan pelancong asing untuk
bercuti di Malaysia. Oleh itu, tujuan penghasilan poster ini adalah seperti di bawah:
c
Saiz A3
4 Lakaran komprehensif
perkembangan idea yang telah dikenal pasti. Lakaran kecil bertujuan untuk mendapatkan idea
yang terbaik secara visual bagi menterjemahkan maklumat mengenai penjagaan alam sekitar. Lakaran komprehensif dihasilkan berdasarkan lakaran kasar tetapi lebih teliti dan hampir
Tajuk poster, “Kita Sayang Bumi” ditulis mengikut kesesuaian konsep dan idea yang mahu menyerupai reka letak yang telah siap. Pada fasa ini, lakaran dilengkapi dengan warna, efek
ditampilkan. Lakaran bumi serta semua tema yang berkaitan dilakar mengikut idea dan konsep
yang berbeza antara satu lakaran dengan lakaran yang lain.
Ilustrasi 2.30 Proses lakaran kecil Ilustrasi 2.32 Contoh lakaran komprehensif
92 93
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
• Stail huruf yang ringkas lebih mudah dibaca oleh audiens dan menonjolkan kesan harmoni secara
visual pada lakaran yang dipilih.
• Bilangan gaya huruf tidak melebihi tiga gaya akan kelihatan lebih kemas.
• Penggunaan huruf besar dan huruf kecil perlu mengikut kesesuaian. Lakaran yang dipilih
Pemilihan Idea menggunakan huruf besar sahaja bagi menonjolkan tema poster yang ingin disampaikan.
• Warna huruf boleh disesuaikan mengikut keperluan tema dan konsep.
• Saiz huruf disesuaikan mengikut jarak mata audiens dengan kedudukan poster. Saiz huruf yang
besar memudahkan audiens melihat seterusnya membaca poster tersebut.
Elemen asas dan • Jarak antara huruf dengan jarak baris yang sesuai.
Ilustrasi prinsip
Lakaran idea kedua dipilih kerana memenuhi ketiga-tiga komponen yang diambil kira dalam
• Lakaran kedua yang dipilih mempunyai elemen ilustrasi realistik atau sebenar yang menggambarkan Ruang bagi komponen latar
kehidupan manusia memerlukan bumi dan tempat perlindungan iaitu bangunan. belakang Kesatuan diaplikasikan pada
• Lakaran lain hanya mengambil kira ilustrasi bumi dan manusia tanpa mengambil kira keperluan susunan teks dan komposisi reka
letak ilustrasi yang digunakan
asas manusia iaitu tempat tinggal yang diwakili oleh bangunan.
• Lingkaran separa bulat dalam lakaran kedua secara analoginya boleh difahami kerana mewakili
sebahagian bentuk bulat bumi yang sebenar. Warna sejuk yang dominan
• Lakaran kedua yang dipilih boleh diperincikan lagi dengan menambah corak pada bentuk bumi digunakan untuk menimbulkan
yang menunjukkan komponen bumi terdiri daripada tanah dan diliputi air serta tumbuh-tumbuhan. emosi sayang akan bumi
94 95
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
P
Lakaran kasar
langkah-langkah yang sama iaitu kajian lapangan, lakaran kecil, lakaran kasar dan lakaran
• Lakaran kecil yang dipilih kerana memenuhi elemen
memenuhi kehendak audiens dapat dihasilkan. Yang berikut ialah contoh penghasilan reka bentuk
• Tema alam sekitar dipilih sebagai kesinambungan penghasilan poster “Kita Sayang Bumi”. Ilustrasi 2.34 Contoh lakaran kasar
dengan saiz poster sebenar
• Tujuan penghasilan poster:
(a) Objektif - meningkatkan kesedaran rakyat untuk terus memelihara keharmonian
dan alam sekitar. Lakaran komprehensif
(b) Sasaran – murid sekolah menengah.
(c) Saiz – A3.
• Menjadi rujukan utama pereka dan pelanggan
tentang karya poster.
Lakaran kecil • Gambar objek sebenar akan menggantikan
lakaran sedia ada dengan mengambil kira
• Boleh dihasilkan seberapa banyak yang dikehendaki dalam proses pengolahan idea. pendapat pelanggan.
• Dihasilkan untuk mengenal pasti idea dan konsep yang bersesuaian dengan tema poster
“Selamatkan Bumi Kita”. ilustrasi sebenar akan dihasilkan berdasarkan
• Beberapa lakaran kecil yang dihasilkan adalah seperti berikut: persetujuan pelanggan.
Ilustrasi 2.35 Lakaran komprehensif
boleh dihasilkan
menggunakan
perisian komputer.
SILA
IMBAS Penghasilan
reka bentuk
Ilustrasi 2.33 Lakaran kecil
grafik akhir
menerusi proses
pengolahan idea
kod QR
• Lakaran kecil yang terbaik boleh dipilih untuk langkah seterusnya iaitu penghasilan lakaran kasar.
Ilustrasi 2.36 Karya akhir poster “Selamatkan Bumi Kita”
96 97
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 2 l ASAS REKAAN GRAFIK
Langkah 4 (d)
Lakaran
komprehensif
• Secara berpasangan, seorang murid menjadi
penemu duga dan seorang lagi akan menjadi calon
temu duga.
• Tanya soalan berkaitan dengan poster promosi diri
yang dihasilkan.
• Pasangan akan bertukar peranan apabila sesi soal
jawab selesai.
___________________________________________________________________________
SILA ___________________________________________________________________________
CUSTOM
IMBAS
VINTAGE
BICYCLE BICYCLE
EST 1991
SHOP RE
PA I R S H O P
Jenis gaya rekaan 3. Apakah sumber untuk mendapatkan idea semasa menghasilkan lakaran?
CU
STO
M MA
D
CUSTOM
___________________________________________________________________________
E
kod QR BICYCLE
___________________________________________________________________________
EST 1994
EST 1991
SHOP
BY
C I C L ES
98 99
R umusan
ASAS
REKAAN
GRAFIK
100 101
Ref.
Ref leks i P e ngukuhan
L .P
Tandakan ( ) pada tahap penguasaan anda.
Jawab semua soalan.
Selepas mempelajari modul ini, saya dapat:
FAHAM TIDAK FAHAM
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
fungsinya.
Fungsi
kandungan teks.
Menggunakan fungsi grid dan lajur dalam reka letak
mengikut kesesuaian.
yang dicadangkan.
idea.
pengolahan idea.
pengolahan idea.
102 103
9. Lengkapkan jadual di bawah.
……………………………………………………………………………………………………………………………………… Terminologi warna Maksud
………………………………………………………………………………………………………………………………………
Penepuan
Monokromatik
Warna ________________ + =
Telau
+ =
Intensiti atau tahap keamatan sesuatu warna.
Warna tertiar + =
warna harmoni dan warna kontras, serta skema warna yang telah anda pelajari.
+ =
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
7. Berdasarkan imej di bawah, bagaimana warna sejuk dan warna panas boleh menimbulkan ………………………………………………………………………………………………………………………………………
kesan mood warna terhadap sesuatu karya?
11. Lengkapkan rajah di bawah.
8. Terangkan perbezaan antara warna tambahan dengan warna subtraktif berdasarkan imej __________________ __________________ Quotation
di bawah.
104 105
12. Kenal pasti skema warna berdasarkan imej berikut.
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
14. Bagaimanakah elemen tekstur memberi kesan terhadap persepsi visual manusia? Lakarkan
dua contoh tekstur yang bersesuaian yang menunjukkan kesan-kesan tertentu.
15. Namakan tujuh skema warna yang anda sudah pelajari berdasarkan rajah di bawah.
__________________________ __________________________
Skema _____________
Skema warna
106 107
MODUL 3 dan penyusunan muka taip. Pengetahuan yang diperoleh boleh diaplikasikan oleh murid untuk
TIPOGRAFI •
Kata Kunci
• Serif
• Muka taip • Sans serif
(Typeface) • Script
STANDARD KANDUNGAN • Huruf •
Objektif
Hasil pembelajaran
• Menjelaskan muka taip dan fon
berdasarkan contoh.
• Melakar fon baharu berdasarkan jenis
muka taip yang dipilih melalui proses
pengolahan idea.
108 109
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
mengikut tema yang dipilih. • Bahan bertulis yang menggunakan muka taip dan fon tertentu.
Teks • Contoh: Teks novel dan karangan ilmiah biasanya menggunakan muka taip
Goudy Old Style.
Info
INFO Menarik
Abjad Latin pada mulanya terdiri
daripada 21 huruf iaitu A, B, C,
D, E, F, G, H, I, K, L, M, N, O, P,
Muka taip Fon Teks
Q, R, S, T, V, dan X. Huruf Y dan
Z pula ditambah dalam abjad
Latin kerana huruf tersebut juga
berasal dari Yunani. Pada abad
Ilustrasi 3.1 Contoh penggunaan Ilustrasi 3.2 Contoh penggunaan
pertengahan, tiga huruf iaitu J,
U, dan W ditambahkan dalam Garamond Garamond ialah
abjad Latin justeru kesemuanya contoh muka taip
berjumlah 26 huruf. yang mempunyai
Anatomi Rupa Huruf
garisan nipis yang
Huruf ialah rangkaian unsur tanda visual dalam keadaan turutan melengkung pada
tetap dan mewakili bunyi yang diucapkan. Setiap huruf mempunyai bahagian hujung kaki
SILA
nama asas seperti A sehingga Z ataupun 1 sehingga 9. IMBAS atau lengan sesuatu
Huruf merupakan struktur asas setiap karakter rupa huruf. A visual guide to the Roman Bold Italic huruf (ekor).
Terdapat tiga bahagian penting dalam rupa huruf, iaitu ascender anatomy of typography
(infographic)
atau tiang atas huruf, badan huruf dan descender atau tiang bawah
huruf seperti rajah berikut: kod QR
Garamond Garamond Garamond
ascender
badan huruf
Rajah 3.2 Perbezaan muka taip (typeface), fon (font) dan teks
descender
Rajah 3.1 Bahagian penting dalam rupa huruf
110 111
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
• Mempunyai garisan nipis yang melengkung pada bahagian adalah condong atau menyerong.
hujung kaki sesuatu huruf yang juga disebut ekor. • Kebanyakannya digunakan dalam kad ucapan dan AUG
• Muka taip yang boleh menimbulkan kesan, gaya klasik dan kad jemputan dengan hiasan bunga yang bergaya. SATURDAY 31 4 PM
• Gaya muka taip ini sesuai digunakan untuk teks dalam buku, • Antara contoh muka taip script ialah: Atur cara majlis
majalah dan risalah. (i)
12:00 Kehadiran tetamu
12:15 Bacaan al-Qur’an
• Contoh muka taip jenis serif ialah Times New Roman, Rockwell dan (ii)
Akad nikah
Upacara batal air wuduk
(iii)
2:30 Sesi bergambar
pertama diperkenalkan
Ilustrasi 3.3 Contoh penggunaan muka taip jenis serif pada di Eropah ialah Gothic. Muka taip
masthead majalah ini dimodelkan mengikut gaya
penulisan jenis hiasan kerana
Muka taip Sans Serif pengaturan setiap hurufnya
b disusun dengan sempit.
• Gaya muka taip yang pertama muncul pada bahan
bercetak, iaitu dalam sebuah buku spesimen Inggeris
pada tahun 1816.
• Mulai popular pada awal abad ke-20.
• Ciri khas gaya muka taip jenis ini adalah tidak
Ilustrasi 3.6 Contoh penggunaan muka taip jenis
mempunyai (ekor) pada penghujung huruf. dekoratif dalam pengiklanan
• Kebanyakan huruf jenis muka taip ini menampakkan Tip memilih muka taip
rupa geometri. yang betul
• Digunakan untuk menimbulkan kesan kukuh, kuat
1. Pastikan muka taip yang
dan stabil.
dipilih dapat difahami atau
• Sesuai digunakan untuk poster dan papan tanda iklan dibaca dengan mudah.
kerana mudah dan jelas dibaca dari jarak jauh.
2. Pilih satu atau dua jenis
• Contoh muka taip Sans Serif ialah: muka taip sahaja bagi
(i) Ilustrasi 3.7 Contoh penggunaan mengelakkan pembaca
(ii) Arial muka taip jenis dekoratif dalam hilang fokus.
(iii) Franklin Gothic rekaan poster 3. Penggunaan muka taip perlu
(iv) Tahoma sesuai dengan komposisi
yang baik. Peletakan muka
SILA taip yang terhalang oleh
IMBAS gambar atau warna yang
hampir sama dengan latar
Gaya muka taip Sans Serif Ilustrasi 3.4 Contoh penggunaan akan menyebabkan pembaca
muka taip jenis Sans Serif dalam poster sukar untuk membaca.
kod QR
112 113
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
dxp
Capline
suai sesuatu muka taip kepada yang lain melalui proses pengolahan idea bagi menambah jenis
huruf dalam jenis keluarga sedia ada. Perubahan boleh dilakukan dengan cara mengubah muka taip
Meanline mengikut saiz, pembalikan warna, kadar banding (proportion) dan rupa seperti berikut:
X-height
1. Saiz
Baseline (a) Menukarkan lebar dan ketinggian huruf, dengan AVANT GARDE
itu sebilangan besar huruf akan berubah
Beard line
daripada sangat ringan kepada sangat berat. AVANT GARDE
Capline • Garisan yang terdapat di bahagian atas huruf besar dan ascender huruf kecil.
mengandungi empat ukuran iaitu nipis, biasa,
AVANT GARDE
Meanline • Garisan yang menentukan ketinggian badan huruf kecil.
• Jarak antara garis dasar ke garis pertengahan badan huruf. Biasanya, bahagian ini adalah
tebal, dan sangat tebal. AVANT GARDE
X-height (c) Contohnya, muka taip Avant Garde.
ketinggian huruf kecil dan paling mudah diukur pada huruf kecil.
Baseline • Garisan asas setiap huruf.
Beard line • Garisan dasar. 2. Pembalikan warna
(a) Perubahan bentuk huruf akan berlaku sekiranya
Perkadaran bentuk muka taip warna dan ruang huruf berubah dengan cara
memilih warna yang sesuai dengan mencapai
kontras antara jenis dan latar belakang huruf.
Proses penghasilan rupa muka taip asas secara manual dan mudah
(b) Untuk memudahkan bacaan, muka taip perlu
Rupa muka taip boleh dihasilkan dalam pelbagai gaya bersesuaian dengan tujuan penggunaannya. dicetak putih di atas latar belakang hitam.
Namun, bagi menghasilkan sesuatu muka taip, kita perlu memahami konsep cara rupa muka taip itu (c) Muka taip boleh diubah dengan penggunaan
dibentuk atau dihasilkan. Muka taip boleh dihasilkan mengikut kreativiti seseorang. warna yang pelbagai dengan kesan yang
Yang berikut merupakan langkah asas yang boleh dilakukan secara manual bagi mereka bentuk berlainan.
rupa muka taip menggunakan grid 3 × 5 dan 5 × 5.
3. Kadar banding (Proportion)
(a) Mengubah gaya dan rupa muka taip dengan
membuat bentuk huruf lebih lebar atau sempit
merupakan kaedah lain bagi menambah jenis huruf
CHELTENHAM
dalam jenis sesuatu muka taip sedia ada.
CHELTENHAM
(b) Kadar banding digunakan untuk menyatakan
perubahan secara meninggi, melebar atau CHELTENHAM
menyerong.
Sediakan grid yang Lukis huruf A pada Warnakan huruf A
mempunyai ruang 3 × 5. ruang 3 × 5. pada ruang 3 × 5. (c) Contohnya, muka taip Cheltenham.
1 2 3
4. Rupa
(a) Imej digunakan bagi menggantikan satu huruf dalam
satu susunan perkataan seperti contoh yang diberikan.
(b) Penggunaan teknik ini bergantung pada pemilihan
yang sesuai untuk memahami maksud rekaan yang
hendak disampaikan.
F rtaleza (c) Rupa yang digunakan juga perlu sama saiz, selaras
dengan skala muka taip lain yang ada dalam
Sediakan grid yang Lukis huruf W pada Warnakan huruf W perkataan itu.
1 mempunyai ruang 5 × 5. 2 ruang 5 × 5. 3 pada ruang 5 × 5.
114 115
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
Penghasilan fon baharu berdasarkan jenis muka taip Gabungkan dua aksara yang berbeza dengan menindihnya antara satu sama lain dengan saiz
yang berbeza seperti contoh berikut.
Fon baharu boleh dihasilkan dalam pelbagai gaya dengan mudah berdasarkan grid 3 x 5 atau 5 x 5 6
sebagai asas sama ada secara manual atau menggunakan perisian komputer. Kerja membentuk atau
merubah sesuatu rupa muka taip boleh dilakukan dengan cara mengubah saiz, pembalikan warna,
kadar banding (proportion) dan rupa. Penghasilan fon baharu adalah seperti berikut:
Langkah-langkah
Pilih mana-mana fon daripada kumpulan muka taip yang tersedia seperti contoh muka taip Kemudian cuba gabungkan lebih daripada tiga aksara dan masukkan warna yang kontras.
Times New Roman atau muka taip Arial.
7
1 ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Berdasarkan fon daripada muka taip sedia ada yang dipilih, buatkan grid 5 x 5 agar
0123456789
penghasilan fon baharu akan mudah dilakukan.
2
k l mn
a b acbdc dee ff gghhi ji kjl mn Lakukan perubahan pada kesemua fon asal dan buat kemasan. Satu fon baharu
3
EF
Mulakan membuat pengubahan saiz seperti menipiskan atau menebalkan fon yang sedia ada.
Pastikan mengikut grid agar saiz nampak sempurna seperti contoh berikut:
116 117
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
Langkah 2
• Tampalkan contoh muka taip yang diperoleh di atas
kertas A3 mengikut jenis muka taip.
Langkah 3
• Buat pembentangan di hadapan kelas dengan
menerangkan perbezaan ciri muka taip mengikut rupa,
bentuk dan penggunaannya.
Langkah 3
• Serahkan kepada guru dan minta pandangan guru
tentang fon baharu yang dihasilkan.
118 119
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
M P
Tiga aspek utama perlu diambil kira semasa proses penyusunan dan penetapan muka taip pada
untuk membantu menyampaikan mesej dengan lebih mudah melalui karya rekaan. Kebiasaannya sesuatu karya. Aspek tersebut termasuklah mengikut penetapan dan pemilihan saiz muka taip,
audiens akan mudah tertarik dengan reka bentuk yang menarik dan mudah difahami. Pengetahuan penyusunan jarak dan format persembahan.
sangat penting agar mesej yang hendak disampaikan lebih mudah difahami oleh audiens. Yang berikut 1 Saiz
SILA
IMBAS
Penggunaan muka taip
kod QR
Tip memilih dan memadan muka taip
Memilih dan memadankan muka taip merupakan kemahiran penting dalam mereka bentuk sesuatu
karya. Terdapat dua cara memilih dan memadankan muka taip iaitu:
1. Pilih muka taip yang sesuai dengan tema, nada mesej dan mudah dibaca.
2. Padankan dua muka taip yang sama atau berbeza dalam jenis keluarga yang sama. Contohnya
pemilihan muka taip daripada keluarga Serif dengan saiz huruf besar dan tebal untuk tajuk. Kemudian,
gunakan saiz yang biasa untuk body text atau boleh pilih dua jenis muka taip yang berbeza antara
satu sama lain. Contohnya, Serif untuk tajuk dan Sans Serif untuk body text.
Rajah 3.4 Perbezaan saiz muka taip mengikut susunan keutamaan
120 121
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
2 Jarak
3 Format
abc
a Leading (Jarak antara baris)
Terdapat empat jenis komposisi muka taip:
Merujuk jarak antara baris teks yang
memudahkan pembacaan terutamanya pada
abc
bahan bercetak seperti majalah, surat khabar, Leading
buku dan poster. Penggunaan leading yang baik Penjajaran kiri (Left align) Contoh:
dapat mewujudkan ruang antara baris sesuatu • Pilihan margin paling banyak diguna pakai
teks seterusnya membuatkan mata pembaca Lorem ipsum dolor
dalam rekaan.
selesa melihat teks tersebut. sit amet, consectetur
Rajah 3.5 Jarak antara baris teks • Turutan teksnya bergerigi di sebelah kanan
adipiscing elit, sed
tetapi rapi di sebelah kiri.
do eiusmod tempor
Jarak seimbang Terlalu jarak Terlalu longgar • Sama seperti susunan mesin taip.
incididunt ut labore et
Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, dolore magna aliqua.
consectetur adipiscing elit,
consectetur adipiscing elit, consectetur adipiscing elit, sed
sed do eiusmod tempor
incididunt ut labore et dolore sed do eiusmod tempor
do eiusmod tempor incididunt
magna aliqua. Ut enim ad incididunt ut labore et dolore
minim veniam, quis nostrud Penjajaran kanan (Right align) Contoh:
ut labore et dolore magna
magna aliqua. Ut enim ad
exercitation ullamco laboris • Turutan teksnya bergerigi di sebelah kiri dan rapi
nisi ut aliquip ex ea commod. minim veniam, quis nostrud aliqua. Ut enim ad minim di sebelah kanan.
Lorem ipsum dolor
exercitation ullamco laboris. sit amet, consectetur
veniam, quis nostrud. • Sesuai untuk maklumat pendek seperti teks
adipiscing elit, sed
iklan, sistem perniagaan dan tajuk utama
(headline) dengan spacing yang teratur. do eiusmod tempor
Rajah 3.6 Contoh leading
incididunt ut labore et
dolore magna aliqua.
b Spacing (Jarak antara perkataan)
Lorem ipsum dolor sit amet
Spacing ialah jarak antara perkataan dalam jarak huruf= -4 px
susunan teks. Jarak yang lebih besar perlu
Lorem ipsum dolor sit amet Justify Contoh:
digunakan jika teks agak panjang kerana
mata manusia biasanya tidak fokus dan jarak huruf= 10 px • Banyak diguna pakai dalam buku dan majalah. Lorem sed ipsum dolor sit
sukar membaca jika spacing terlalu rapat. • Tidak sesuai untuk susunan teks yang do et amet, consectetur do
Lorem ipsum dolor sit amet
Pengaturan spacing yang betul boleh pendek kerana ada ruang yang besar antara adipiscing et elit, sed do
membantu audiens membaca dengan selesa. jarak huruf= 0 px perkataan (river). eiusmod tempor incididunt
• Susunan margin kiri dan kanan yang sangat ut labore et dolore magna
Rajah 3.7 Contoh spacing kemas. aliqua eiusmod et tempor
incididunt ut labore.
c Kerning (Jarak antara huruf)
Kerning ialah jarak antara huruf supaya tidak bercantum antara satu sama lain. Jarak huruf yang
terlalu longgar (loose) atau terlalu rapat akan memberikan kesan kepada proses pembacaan
ayat atau perenggan teks. Muka taip jenis Serif lebih cenderung menghadapi masalah ini jika Tengah (Center) Contoh:
saiz kerning terlalu kecil. Antara huruf yang dikenal pasti bermasalah ialah W, V, Y, T, L dan F.
• Menggunakan margin kiri dan kanan yang
bergerigi dan kurang kemas.
Lorem ipsum dolor
sit amet, consectetur
Seimbang Tidak seimbang • Jarak antara perkataan baik.
adipiscing elit, sed
AWAM SAYA
• Selalu digunakan untuk teks pendek seperti do eiusmod tempor
pada kad perniagaan.
incididunt ut labore et
dolore magna aliqua.
122 123
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
Contoh Contoh
teknik teknik Karya Muka depan majalah Muka depan novel Muka depan
konvensional moden Tema Islamik Seram Pendidikan
Muka Taip Serif Serif Sans Serif
Contoh
mudah mengembangkan idea hingga menjadi sesuatu karya yang jelas. Tema ialah subjek yang karya
menjadi dasar atau idea sesuatu rekaan karya. Tema juga dapat membantu seseorang pereka
menyusun perpaduan warna mahupun komposisi karya dengan lebih tepat.
Terdapat pelbagai jenis tema yang boleh dijadikan asas bagi menghasilkan sesuatu karya seperti
SENAH IDRIS
Contoh Lot 1003, Tingkat 4, Jalan Bandar, Negeri Sembilan
012-345678901 011-987654321
karya
Contoh 012-345678901 011-987654321
karya
Cik Senah Kerepek
SENAH IDRIS
Lot 1003, Tingkat 4, Jalan Bandar, Negeri Sembilan
124 125
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
banyak tema yang boleh dipilih seperti gembira, klasik ataupun minimalis, jika pereka ingin menghasilkan
sekeping kad ucapan hari jadi ataupun kad ucapan hari raya. Kemudian pereka juga perlu memadankan
tema yang dipilih dengan teknik penghasilan agar karya akhir akan jelas dan tampak menarik.
U H lang TAhu
Selamat
ari
126 127
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 3 l TIPOGRAFI
A KTIVITI 1 L ATIHAN
Akt Inkuiri Kemahiran
Abad ke-21
Tajuk:
Objektif: agar mesej yang hendak disampaikan lebih mudah difahami oleh audiens.
secara beretika, sistematik, bermakna dan kreatif. _________________________________________________________________________
Bahan dan Peralatan: Majalah, surat khabar, kertas A3, pensel, gam dan gunting.
_________________________________________________________________________
Cara Pelaksanaan:
Langkah 1 _________________________________________________________________________
_________________________________________________________________________
lakaran kasar berdasarkan tema yang dipilih dengan
mengaplikasikan proses pengolahan idea yang dipelajari.
2. Senaraikan tiga aspek utama yang perlu diambil kira semasa proses penyusunan dan
Langkah 2 penetapan muka taip sesuatu karya.
• Berpandukan huruf yang ada dalam majalah terpakai atau (a) ____________________________________
surat khabar, pilih huruf yang bersesuaian dengan lakaran (b) ____________________________________
(c) ____________________________________
Langkah 3
• Susun dan tampal huruf-huruf tersebut di atas kertas A3. 3. Jelaskan perbezaan tiga penetapan jarak muka taip di bawah:
Buat kemasan mengikut kreativiti.
komen guru.
Langkah 4
• Buat kemasan pada hasil kerja akhir dan cetak.
Serahkan kepada guru untuk dinilai dan dikomen.
128 129
Rumusan Ref.
Refleksi
Tandakan ( ) pada tahap penguasaan anda.
Selepas mempelajari modul ini, saya dapat:
Perbezaan jenis muka taip
1. Serif - dikenali sebagai muka taip klasik.
FAHAM TIDAK FAHAM
2. Sans Serif - muka taip yang menampakkan
rupa geometri.
3. Script - bersambung dan paksi huruf ialah
condong atau menyerong.
4. Dekoratif – mempunyai hiasan dan tidak Membezakan jenis muka taip (typeface):
sesuai untuk teks bacaan. (i) Serif
(ii) Sans Serif
Penghasilan fon baharu berdasarkan jenis (iii) Script
muka taip (iv) Dekoratif
1. Komponen utama pembinaan bentuk – Capline,
Meanline, X-height, Baseline, Beard Line.
TIPOGRAFI Menghasilkan fon baharu berdasarkan jenis muka taip.
2. Proses penghasilan rupa muka taip secara manual
mengikut proses pengolahan idea.
sebagai huruf ialah 3. Teknik pembentukan dan perubahan rupa muka taip
ilmu seni mengenai secara digital mengikut proses pengolahan idea.
bentuk muka taip (i) Saiz
yang merangkumi (ii) Pembalikan warna Mencadangkan penetapan dan penyusunan muka taip dalam
pemilihan jenis (iii) Kadar banding (proportion)
muka taip, saiz, (iv) Rupa
(i) Saiz
berat, ruang, warna (ii) Jarak
dan reka letak bagi bertema:
menyampaikan mesej (i) Logo huruf (iii) Format
atau maklumat. (ii) Poster
(iii) Pembungkusan
1. Teknik
Konvensional dan moden
2. Tema
Formal, Kasual, Minimalis, Halloween, Islamik,
Seram, Pendidikan, Klasik dan Moden
130 131
5. Namakan komponen utama pembinaan bentuk muka taip.
L .P
P engukuh a n Capline Garisan yang terdapat di bahagian atas huruf besar dan kenaikan huruf kecil.
Jawab semua soalan.
6. Berikan dua contoh fon yang dipaparkan dalam saiz yang agak berbeza walaupun
2. Tanda ( ) jenis muka taip di bawah: menggunakan ukuran yang sama.
(a) __________________________________________________________________
Sans Serif (b) __________________________________________________________________
Script
Courier, Lucida
, Arial
132 133
MODUL 4 secara digital dalam sesuatu karya reka bentuk serta kepentingan ilustrasi imej digital dengan lebih
GRAFIK DIGITAL •
•
•
•
Fitur
Resolusi
Format
•
•
•
•
Transformasi
Kreatif
Komersial
STANDARD KANDUNGAN • Komposisi • Manipulasi
• Saiz • Warna
4.1 • Kecerahan •
4.2 • Exposure • Aperture
4.3
Objektif
photomerge,
photocollage dan superimpose.
Hasil pembelajaran
• Menerangkan exposure triangle (ISO, shutter speed, aperture), pencahayaan dan
exposure triangle
dengan menekankan aspek kandungan dan nilai estetik secara beretika, sistematik,
bermakna dan kreatif.
kandungan dan nilai estetik secara beretika, sistematik, bermakna dan kreatif.
134 135
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Memberikan gambaran tentang Kamera Kamera yang praktikal, mudah disimpan dan dibawa
karya yang hendak disampaikan digital poket kerana saiznya yang kecil dan mempunyai pelbagai
(Compact fungsi. Selain itu, lensa kamera jenis ini tetap dengan
camera) jarak zoom yang terbatas dan kurang pencari imej.
Memberikan bayangan
tentang langkah kerja yang
dilakukan oleh jurufoto Info
Menghubungkan teks karya
INFO Menarik Kamera jauh lebih terperinci jika dibandingkan dengan kamera
digital SLR digital lain. Lensa pada jenis kamera digital ini dapat
dengan kreativiti dan individual
ditukar dengan lensa lain yang memiliki kedudukan lensa
manusia (Single Lens
sama. Kepelbagaian fungsi butang kawalan manual pada
Fungsi kamera ini dapat menghasilkan imej foto yang lebih
Menerangkan konsep karya bervariasi dan semakin baik.
khusus imej
136 137
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
138 139
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
P Kualiti imej
megapiksel yang diguna pakai oleh kamera digital sewaktu merakam gambar. Resolusi biasanya
diukur dengan bilangan piksel dalam 1 inci persegi (Pixel Per Inch/PPI). Namun, setiap kamera digital
berkemungkinan akan menyediakan resolusi atau jumlah megapiksel yang berbeza pilihan.
Jadual 4.2 Panduan ringkas memilih format fail dan kualiti imej foto
Asasnya bagi memahami resolusi imej yang hendak dihasilkan, kita perlu faham dahulu tentang
beberapa perkara penting yang berkaitan resolusi iaitu Pixel Per Inch (PPI) Pilihan Jenis fail Penjelasan
dan Dots Per Inch (DPI).
RAW NEF/RAW Merakam gambar tanpa proses tambahan.
Piksel merujuk bilangan titik kecil yang tersusun dalam sesuatu
imej foto digital. Titik kecil ini akan membentuk satu pola warna. JPEG Format yang baik untuk gambar biasa yang bersaiz
Setiap titik akan menentukan kualiti warna, kepadatan warna dan JPEG normal kecil dan umumnya diterima oleh perisian komputer,
keterangan warna yang ditampilkan pada sesuatu imej foto digital. pencetak serta pelayar web. Foto yang dirakam
JPEG dengan menggunakan format ini mempunyai tiga
Dalam komputer, titik ini berbentuk kotak-kotak kecil
JPEG basic peringkat kualiti. Ukuran fail akan menyebabkan
berwarnanya mengikut imej yang dirakam. Semakin banyak perubahan kualiti. Ukuran fail akan menyebabkan
Rajah 4.2 Contoh piksel
jumlah piksel yang wujud pada sesuatu imej, maka imej tersebut perubahan kualiti daripada , normal dan basic.
yang disusun dengan jumlah
akan kelihatan lebih jelas kerana piksel dalam imej tersusun rapat.
yang berbeza Format yang digunakan oleh syarikat pencetak dan
penerbitan. Bersaiz besar, mempunyai kualiti gambar
TIFF TIFF
Megapiksel pula merupakan himpunan jutaan piksel yang yang baik dan diterima oleh banyak syarikat serta
bersatu di antara kepadatan warna dan keterangan warna mesin pencetak.
dalam sesuatu imej foto digital. Dikenali sebagai megapiksel
kerana merujuk jumlah satu juta piksel yang terhimpun dalam
sesuatu imej foto digital. BMP BMP menyimpan imej berwarna dan monokrom. Format ini
tidak boleh dimampatkan.
Himpunan piksel yang digunakan untuk menentukan resolusi
Rajah 4.3 Contoh foto digital yang
imej biasanya diukur pada jumlah Pixel Per Inch (PPI) atau Dots mempunyai jumlah bilangan piksel
Per Inch (DPI). yang berbeza
Pixel Per Inch (PPI) ialah jumlah piksel pada Piksel Imej Media
Kebiasaannya imej foto mempunyai resolusi tinggi yang sesuai digunakan dalam kerja mereka
imej foto digital yang akan dipaparkan pada skrin
komputer. Himpunan piksel akan menentukan Imej foto yang mempunyai resolusi rendah hanya sesuai digunakan dalam reka bentuk laman web
kejelasan imej pada layar skrin. Semakin kecil PPI
atau untuk tujuan dalam talian. Jelasnya, resolusi dan format imej foto perlu ditetapkan sebelum
ukuran piksel (angka PPI besar), maka semakin
besarlah resolusi imej. Dots Per Inch (DPI) pula untuk menentukan jumlah resolusi yang diperlukan untuk mencetak imej foto bersaiz standard pada
ialah jumlah titik dakwat sebenar yang akan dicetak pencetak atau paparan dalam talian adalah seperti berikut:
di atas kertas bagi sekeping imej foto digital DPI
berdasarkan bilangan piksel yang terhimpun. Ukuran
DPI merujuk kemampuan sesebuah pencetak untuk Jadual 4.3 Resolusi yang diperlukan untuk mencetak imej foto
mencetak gambar dengan resolusi yang berbeza. Rajah 4.4 Contoh perbezaan antara PPI Tujuan penggunaan imej
dengan DPI Resolusi dicadangkan
foto
140 141
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Setelah mengetahui fungsi penggunaan aperture, shutter speed, ISO, kita dapat memahami
P bahawa dedahan cahaya yang masuk ke dalam kamera akan membantu menghasilkan gambar yang
Penghasilan imej yang baik dan menarik memerlukan kefahaman konsep hubungan antara exposure baik. Kesemua aspek ini sangat penting dan saling berkesinambungan antara satu sama lain. Jika
triangle aperture rendah digunakan, automatik cahaya yang masuk berkurang sehingga perlu menambah
waktu shutter speed agar cahaya yang dihasilkan lebih banyak. Sementara, ISO memiliki fungsi untuk
menambahkan atau mengurangkan cahaya ketika shutter speed dan aperture sudah tidak boleh
1 Exposure Triangle lagi memberikan cahaya yang cukup. Jarak medan fokus dan jarak fokus membantu memberi kesan
ketajaman pada objek yang hendak dirakam.
ƒ 32 ƒ 22 ƒ 16 ƒ 11 ƒ8
Aperture (bukaan cahaya)
• Aperture atau ukuran bukaan lensa kamera untuk menerima cahaya 1/1000s 1/500s 1/250s
masuk yang diukur dengan ƒ- stop number bermula dari ƒ 1. ƒ 1.4 ƒ 2.0 ƒ 2.8
• Semakin kecil ƒ - stop number semakin besar bukaannya. Misalnya ISO 100 ISO 100 ISO 100
ƒ 1.8 lebih besar dari ƒ 2.8.
• Semakin besar bukaan lensa akan mempengaruhi dua hal berikut:
1. Foto yang dihasilkan akan semakin terang kerana jumlah
cahaya yang masuk semakin banyak.
1/125s 1/60s 1/30s
2. atau ruang tajam semakin sempit sehingga latar ƒ 4.0 ƒ 5.6 ƒ 8.0
belakang foto yang dihasilkan lebih samar (blur), atau sebaliknya. ƒ 5.6 ƒ4 ƒ 2.8 ƒ2 ƒ 1.4
ISO 100 ISO 100 ISO 100
Rajah 4.5 Aperture
Shutter speed
• Shutter speed merupakan ukuran masa Rajah 4.7 Contoh pengaruh aperture, shutter speed, ISO dan focal length (jarak fokus) terhadap gambar yang dihasilkan
bukaan cahaya masuk ke dalam lensa.
Semakin pendek waktu lensa terbuka. 1 1/2 1/4 1/8 1/15 1/30 1/60 1/125 1/250 1/500 1/1000 Tip mengaplikasi exposure triangle dengan kreatif adalah seperti berikut:
semakin sedikit gerakan yang dapat Harus kreatif dalam mengatur tiga
dirakam. Shutter speed dengan kelajuan elemen asas exposure triangle iaitu Jika mana-mana elemen ini diubah,
1/1 sama dengan bukaan 1 saat. ISO, aperture dan shutter speed foto yang dihasilkan tidak akan
untuk mendapatkan imej foto yang Tip kelihatan sama.
Exposure (ISO) berkualiti. mengaplikasi
exposure
• ISO ialah ukuran sensitiviti sensor kamera triangle Menyeimbangkan exposure triangle
terhadap cahaya. Semakin tinggi setting ISO, dengan kreatif dengan menyelaraskan semua elemen
Mengubah mana-mana tiga
maka semakin sensitif sensor kamera terhadap dedahan yang bersesuaian sehingga
elemen exposure triangle akan
cahaya. Exposure diukur dalam angka 100, mempengaruhi kualiti foto.
mendapat hasil foto yang diingini.
200, 400, 800, 1600 dan sebagainya. ISO 100 ISO 200 ISO 400 ISO 800 ISO 1600
Jadual 4.4 Resolusi yang diperlukan untuk saiz cetakan yang berbeza
Kesan dan teknik
1
2 Sumber cahaya
ƒ1
pencahayaan
Sh
ƒ8
r
ut
tu
.6
S
h
Ce
mood. Pencahayaan
ed
Ce
ra
.8
ƒ2
menggunakan cahaya
buatan. Sumber cahaya
terbahagi kepada dua iaitu
ISO cahaya semula jadi dan
Rajah 4.6 Exposure Triangle cahaya buatan.
142 143
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Sebelum mengambil gambar, cari dahulu posisi yang tepat untuk mengambil gambar. Antara caranya 3
adalah dengan memperhatikan arah datangnya sumber cahaya. Setiap arah cahaya akan memberikan Dipengaruhi oleh tiga faktor, iaitu aperture, focal length dan jarak subjek. Medan fokus
kesan yang berbeza terhadap hasil gambar anda. Beberapa teknik pencahayaan yang boleh dicuba bergantung pada subject matter yang ingin dirakam bagi mendapatkan kualiti gambar yang
bagi menimbulkan suasana pada gambar adalah seperti jadual berikut: optimum.
Jadual 4.5 Teknik pencahayaan yang boleh dicuba bagi menimbulkan suasana pada gambar ƒ 1.4 ƒ 22
Semula jadi Cahaya buatan
Aperture
Semakin kecil bukaan
Rim Lighting Side Lighting aperture (nombor ƒ tinggi)
Pencahayaan ketika Sumber cahaya berada semakin luas medan fokus.
latar foto gelap tetapi di sisi objek dan
tetap kelihatan cahaya akan menghasilkan
yang timbul bayangan.
di sekitar objek.
Bukaan aperture yang besar, Bukaan aperture yang kecil,
gambar akan kelihatan cerah. gambar akan kelihatan gelap.
Back lighting
Cahaya berada di Focal length
belakang objek. Oval Lighting
Merujuk keupayaan lensa membesarkan atau mengecilkan imej subjek dalam paparan
Teknik ini merupakan Menempatkan cahaya
skrin . Semakin banyak subjek dibesarkan semakin luas focal length dan
pencahayaan yang pada posisi ¾ dari
medan fokus. Lensa normal atau wide angle mempunyai medan fokus yang lebih luas
paling susah. Kesan objek dan akan tercipta
manakala lensa telefoto dan makro, medan fokus adalah sempit.
pencahayaan dari sedikit bayangan pada
belakang sangat berbeza belakang objek. Teknik
mengikut waktu dan pencahayaan ini biasanya
cuaca. Kesan ini akan digunakan untuk foto
menjadikan objek yang portrait diri di studio.
terakam kelihatan gelap.
144 145
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Jenis Fungsi
Tajuk:
Objektif: Menghasilkan imej foto dengan mengaplikasikan konsep exposure triangle dan teknik
pencahayaan.
Bahan dan Peralatan: Kamera DSLR dan helaian rajah exposure triangle.
Cara Pelaksanaan:
Langkah 1
• Dalam kumpulan kecil, murid perlu berbincang
tentang konsep exposure triangle dan teknik
pencahayaan dengan bantuan kamera DSLR dan
helaian rajah exposure triangle yang dibekalkan.
Langkah 2
• Murid menghasilkan beberapa imej foto yang
berbeza mengikut konsep exposure triangle dan
teknik pencahayaan. 3. Lengkapkan jadual format dan kualiti imej berikut:
JPEG
L ATIHAN
TIFF
_________________________________________________________________________
_________________________________________________________________________
5. Sejauh manakah peralatan kamera digital yang canggih akan dapat menghasilkan
imej foto yang menarik? Bincangkan.
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
146 147
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Untuk lebih mudah memahami penggunaan rule of thirds dalam merakam imej, berikut merupakan 1 Saiz
Pengubahsuaian saiz perlu dilakukan untuk memastikan saiz gambar yang diperlukan untuk
sesuatu karya bersesuaian mengikut keperluan media yang berbeza. Contohnya, imej yang
148 149
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
P
2 Kecerahan
Sesetengah imej yang dirakam mungkin agak gelap atau terlalu cerah dan keadaan ini memerlukan persekitaran dan kedudukan anda. Kemudian, kenal pasti matlamat atau objektif, penghasilan karya
kerja suntingan. Namun penyuntingan kecerahan merupakan suntingan asas yang biasa diguna
pakai untuk mengawal kecerahan dan kontras sesuatu imej. Penyuntingan yang paling baik untuk
Subjek
imej tidak mempunyai sebarang masalah dari segi kecerahan, maka kerja penyuntingan tidak 1 Semua gambar yang baik bermula dengan subjek.
perlu dilakukan. Sebelum mengambil gambar, keputusan tentang
subjek utama atau titik fokus yang hendak
Foto asal Foto suntingan dirakam perlu dilakukan.
3 Warna
Persekitaran
Suntingan warna pada imej adalah untuk memberikan kesan yang berbeza pada imej. Suntingan
imej dari segi warna harus dilakukan dengan berhati-hati kerana jika imbangan warna agak 2 Keadaan kawasan persekitaran yang bakal
menjadi perkara utama yang mempengaruhi
keterlaluan, imej akan kelihatan tidak normal. Contohnya, tetapan warna subjek orkid berubah
hasil gambar perlu diambil kira iaitu sama ada
apabila suntingan dilakukan.
kawasan itu terbuka atau tertutup.
150 151
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Kedudukan
3 Komposisi gambar boleh dibaiki dengan hanya mengambil beberapa langkah sama ada ke
hadapan, ke belakang, ke sisi atau dengan bergerak ke atas atau ke bawah. Pertimbangkan
sudut yang berbeza dalam setiap proses rakaman gambar anda. Kedudukan subjek juga boleh
diubah dengan menghasilkan kesan yang lebih menarik. Cara dan kedudukan seorang jurufoto terkini majalah yang melibatkan gaya dan teknik
dalam menetapkan posisi kamera ketika melakukan rakaman biasanya disebut sebagai sudut
pengambilan gambar. Terdapat tiga sudut pengambilan gambar yang perlu diketahui: memaparkan sesuatu fesyen dengan lebih unik dan
dinamik.
b Kreatif
(a) Sudut mata burung (b) Sudut selari mata (c) Sudut mata cacing nilai estetik yang tinggi. Biasanya banyak teknik inovasi dan elemen tambahan diaplikasikan
Posisi kamera berada Posisi kamera sejajar Posisi kamera berada untuk penghasilan gambar gaya kreatif. Tafsiran foto berbeza mengikut persepsi audiens.
di atas objek. dengan objek. di bawah objek.
152 153
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
L ATIHAN
membeli dan menggunakannya.
154 155
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Jadual 4.6 Mod warna dan kegunaannya untuk hasil akhir karya
Resolusi tinggi - 300 DPI Resolusi rendah - 72 DPI
Rajah 4.13 Perbandingan imej yang sama tetapi berbeza kualiti dan resolusi
156 157
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
F
Akt A KTIVITI Penerokaan Kemahiran
Abad ke-21
Jadual 4.7
Tajuk: Manipulasi Imej
Objektif: Mengumpul contoh karya manipulasi imej dan menerangkan keperluan penyuntingan Perkakasan/perisian Kegunaan
imej dari segi mod warna, saiz dan resolusi.
Kamera digital Peranti yang merakam gambar dan boleh disimpan dalam komputer.
Bahan dan Peralatan: Internet, komputer, bahan bercetak seperti majalah lama, buku catatan,
pen, kertas A3 dan peralatan lain yang bersesuaian. Jadual
Peranti 4.4
input Modboleh
yang warna dan kegunaannya
menukar teks dan gambar kepada bentuk imej
Pengimbas (scanner) digital.
Cara Pelaksanaan:
Perisian penyunting imej Menghasil, melukis dan menyunting imej.
Mencetak imej.
Langkah 1 Pencetak
Langkah 3
Murid dikehendaki membentangkan hasil kerja
di hadapan kelas.
Rajah 4.14
dan tetingkap Palettes. Komponen ini mempunyai fungsi yang berbeza dan akan digunakan semasa
menggunakan perisian.
L ATIHAN
1. Berikan maksud manipulasi imej.
_____________________________________________________________________________
_____________________________________________________________________________
158 159
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Mengambil dan
mengisi warna Memadam
dalam sesuatu kesalahan.
Tool Bar kawasan.
Mengikut default setting, Tool Bar terdapat di sebelah kiri tetingkap Photoshop. Tools bar merupakan Memberi kesan
pintasan pelbagai tool kepada sesuatu
objek atau kawasan.
Pemilihan sesuatu
objek atau Tetingkap Palettes
kawasan.
Drawing Bahagian palettes
and type mempunyai anak
tools
tetingkap yang penting
iaitu Layers, Swatches
(warna), Character
(teks), Adjustments
dan sebagainya.
Crop and Slice Tools Palettes terletak di
sebelah kanan perisian.
160 161
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
P 2 Fitur Pilihan
Right click pada Lasso Tool. Pilih Magnetic Lasso. Letakkan kursor pada imej
yang ingin dipilih. Tekan Shift dan gerakkan kursor mengikut bentuk imej
dan pilihan (selection) mengikut kesesuaian (Selection Tool) sehingga selesai.
Kerja penyuntingan imej boleh dilakukan secara cropping (memangkas) dan selection (memilih) imej.
Crop digunakan untuk memangkas imej dengan menghilangkan bahagian yang tidak diperlukan
Right click Lasso Tool
manakala selection digunakan untuk memilih imej yang ingin disunting.
Pilih Magnetic Lasso
Proses memangkas imej berpandukan komputer
Klik File > Open. Sebuah tetingkap muncul. Pilih satu imej daripada koleksi
1 Fitur pangkas
(Crop Tool) Seret kursor ke kawasan yang ingin dipangkas. Kemudian, klik Enter.
Pilih imej
Selain itu, murid juga boleh membuat pilihan dengan menggunakan Object Selection Tool. Right click
pada Object Selection Tool. Seret kursor ke kawasan yang ingin dipilih. Lepaskan kursor. Imej akan dipilih
secara automatik. Sekiranya ada imej yang tidak dikehendaki turut dipilih, kemaskan dengan klik Alt dan
seret kursor di kawasan yang tidak dikehendaki.
162 163
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
• Imej yang telah dipilih boleh disalin dengan klik Edit > Copy. Kemudian, klik
1 Salinan Imej Edit > Paste. Imej yang terhasil biasanya disalin di kedudukan yang sama.
(Copy and Paste) • Klik Move Tool dan alihkan imej yang telah disalin ke kawasan lain.
Klik Create
Klik Edit
Klik Copy
Klik Edit
164 165
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
2. Nyatakan tool
__________________________________________________________________________
__________________________________________________________________________
Fungsi
Move
Langkah 1 Langkah 2
Murid memilih dua fail imej Murid menggunakan Crop Tool dan
dalam komputer masing-masing. Selection Tool pada imej objek untuk Crop
mengasingkan objek dengan latar
belakang.
Eyedropper
Eraser
4. Berikan dua cara membuat salinan imej dalam perisian Adobe Photoshop.
(a) ………………………………………………
Langkah 3 Langkah 4 (b) ………………………………………………
Murid menghasilkan salinan imej, satu Murid menyimpan hasil kerja.
166 167
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
P Skew
3 Alat yang digunakan untuk
Klik Edit > Transform > Skew. Satu segi empat akan muncul
Menggunakan ciri transformasi yang pelbagai di sekeliling imej. Klik Handle dan seret kursor ke kanan, ke kiri,
mengiringkan imej daripada ke atas atau ke bawah untuk mengiringkan imej. Tekan Enter
Transformasi berfungsi untuk mengubah saiz, memutar dan melengkungkan sesuatu imej kepada rupa asal. apabila selesai.
Klik Edit
perspective dan warp.
Scale
1 Alat ini digunakan untuk Klik Edit > Transform > Scale. Satu segi empat akan muncul
mengubah saiz imej sama ada di sekeliling imej. Klik Handle, tekan Shift dan seret kursor untuk
mengubah saiz imej. Tekan Enter apabila selesai.
lebih besar atau lebih kecil. Klik Handle dan seret kursor
Klik Edit
Klik Transform
Pilih Skew
Klik Transform
Pilih Scale
Distort
4 Alat yang digunakan untuk
Klik Edit > Transform > Distort. Satu segi empat akan muncul
mengherot imej daripada di sekeliling imej. Klik Handle dan seret kursor ke pelbagai arah
rupa asal tetapi lebih untuk mengherotkan imej. Tekan Enter apabila selesai.
bebas.
Klik Transform
Pilih Rotate
Klik Edit > Transform > Rotate. Satu segi empat akan muncul
di sekeliling imej. Klik Handle dan putarkan imej untuk mengubah
sudut putaran. Tekan Enter apabila selesai.
168 169
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Klik Transform
Right click Type Tool
Pilih Perspective
Pilih Horizontal
Type Tool
Warp
6 Alat yang digunakan untuk mengubah bentuk imej kepada bentuk melengkung, serta
memutar dan mengherotkan imej mengikut keperluan rekaan.
Klik Edit > Transform > Warp. Option Bar akan berubah untuk mengaktifkan
fungsi Warp. Klik Custom dan pilih jenis Warp yang diingini. Imej akan berubah Apabila teks dimasukkan, satu layer baharu akan terbina. Klik Window > Layers untuk
bentuk mengikut jenis Warp yang dipilih. Murid boleh memasukkan peratusan melihat senarai layer. Layer yang berlainan membolehkan murid membuat sebarang suntingan
lengkungan secara manual untuk menghasilkan kesan imej yang berbeza. terhadap imej atau teks pada sesuatu layer tanpa menjejaskan imej atau teks pada layer
yang lain.
Klik Window
Klik Edit Penetapan peratusan lengkungan untuk
menghasilkan kesan imej yang berbeza
Klik Custom
Pilih Arc
Pilih Layers
Apabila layer teks diaktifkan,
Klik Transform sebarang perubahan adalah pada
layer tersebut sahaja
Pilih Warp
170 171
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Pilih Character
Klik Rasterize Type
1 Fitur Brightness/Contrast digunakan untuk mencerahkan atau menggelapkan imej serta teks.
3 Mengubah Warna Teks Aktifkan layer yang mengandungi imej. Klik Image > Adjustments > Brightness/Contrast.
Teks yang telah diubah saiz dan ketebalan boleh ditukar warna pelbagai pilihan. Klik Window Masukkan nilai Brightness dan Contrast yang dikehendaki. Kemudian, klik OK. Ulang langkah
> Swatches. Pilih warna mengikut kesesuaian. untuk menyunting warna teks.
Aktifkan layer
yang ingin
Pilih Swatches disunting sahaja
Pilih warna mengikut
kesesuaian
172 173
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
2 Fitur Hue/Saturation digunakan untuk mengubah nilai hue, saturation dan lightness pada nilai 4 Fitur Shadows/Highlights digunakan untuk memperbaik warna imej atau teks yang terlalu
warna tertentu. Fitur Hue/Saturation juga boleh mengubah warna imej atau teks. Aktifkan cerah. Aktifkan layer yang mengandungi imej. Klik Image > Adjustments > Shadows/
layer yang mengandungi imej. Klik Image > Adjustments > Hue/Saturation. Masukkan nilai Highlights. Masukkan nilai warna seperti yang dikehendaki. Kemudian, klik OK.
Hue, Saturation dan Lightness seperti yang dikehendaki. Kemudian, klik OK. Ulang semula
langkah untuk menyunting warna teks.
Klik Image
Klik Image
Klik Adjustments
Klik Adjustments
Klik OK
Klik OK
Pilih Hue/Saturation
Aktifkan layer
Aktifkan layer yang ingin
yang ingin disunting sahaja
disunting sahaja
Klik Image
Klik Adjustments
Klik OK
Pilih Color Balance
Aktifkan layer
yang ingin
disunting sahaja
174 175
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Jadual 4.8 Contoh kesan khas Filter yang sering diguna pakai
Filter Penerangan
Memberi kesan khas terhadap imej seperti penambahan bingkai gambar, efek tekstur
Render dan efek cahaya. Klik Stylize Pilih Find Edges
Stylize Menawarkan beberapa kesan seni yang luar biasa seperti kesan neon yang menarik.
Blending Mengadun dan mengawal warna dalam imej menggunakan alat penyuntingan.
1 Render
3 Distort
Filter Lens Flare memberi efek cahaya lensa terhadap imej. Klik Filter > Render > Lens Flare.
Satu tetingkap akan muncul. Masukkan nilai kecerahan dan pilih jenis lensa yang bersesuaian. Filter Pinch memberi efek seperti mencubit di bahagian tengah imej. Klik Filter > Distort >
Kemudian, klik OK. Pinch. Kemudian, klik OK.
Klik Filter Klik Filter
Pilih Pinch
Klik Distort
Klik Render
Klik OK
Klik OK
Masukkan nilai
kecerahan cahaya
176 177
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
4 Blur
Akt A KTIVITI Konstruktif Kemahiran
Abad ke-21
Filter Motion Blur digunakan untuk memasukkan kesan pergerakan pada sesuatu imej. Klik
Tajuk: Poster Pesta Flora
Filter > Blur > Motion Blur. Masukkan nilai Angle dan Distance. Kemudian, klik OK.
Objektif: Menghasilkan poster dengan mengaplikasikan teknik pengubahsuaian imej dan teks.
Klik Filter Bahan dan Peralatan: Komputer dan perisian suntingan.
Cara Pelaksanaan:
Klik Blur
Pilih Motion Blur
Klik OK
Blending digunakan untuk menggabungkan dua piksel imej untuk mendapatkan pelbagai kesan
khas seperti mencerahkan imej, menambah strok dan bayang pada sesuatu imej atau teks.
Di tetingkap Layer, pilih layer yang mengandungi teks. Right click pada layer. Kemudian, pilih
Blending Options. Satu tetingkap muncul. Klik Drop Shadow. Buat tetapan pada Blend Mode,
Opacity, Angle, Distance dan Size. Kemudian, klik OK.
L ATIHAN
transform.
(a) …………………………………………
Klik Bending Options (b) …………………………………………
(c) …………………………………………
Klik OK
2. Alat Skew adalah untuk ……………………… imej.
memusingkan
mengiringkan
Masukkan nilai tetapan seperti Opacity, membesarkan
Distance dan Size memangkas
Klik Drop Shadow Brightness dan Contrast bagi kerja-kerja penyuntingan warna imej?
_____________________________________________________________________________
_____________________________________________________________________________
178 179
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Photomerge
Teknik photomerge membolehkan beberapa imej digabungkan menjadi satu imej baharu. Teknik
photomerge ini boleh dilakukan dalam keadaan melintang atau menegak dan boleh digunakan
beberapa imej.
Superimpose
Teknik superimpose membolehkan sesuatu imej lain ditambah ke atas imej yang sudah ada bagi
menimbulkan kesan baharu pada imej asal. Teknik superimpose membolehkan sesuatu objek yang
ada, ditiadakan dan sesuatu objek yang tiada, diadakan dalam imej.
Rajah 4.16 Imej foto panorama yang menggunakan teknik photomerge Rajah 4.18 Teknik superimpose pada imej
180 181
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Standard Pembelajaran
A KTIVITI
S.P
Objektif: Ilustrasi merupakan antara elemen penting dalam sesuatu hasil 4.3.2 Mengenal pasti fungsi alat
estetik secara beretika, sistematik, bermakna dan kreatif.
Bahan dan Peralatan: Komputer, perisian suntingan dan Internet. dan pemikiran seseorang agar dapat difahami dengan mudah oleh dalam perisian ilustrasi
Cara Pelaksanaan: orang lain. Pada era 80-an sebelum wujudnya komputer, ilustrasi
4.3.3 Menerangkan langkah
banyak dihasilkan secara manual. Namun, dengan adanya pelbagai menyisip imej ke dalam
Langkah 1 perisian komputer masa ini, kebanyakan ilustrasi telah dihasilkan
dengan lebih kreatif berbantukan teknologi perisian penyuntingan.
Pilih sekurang-kurangnya satu daripada tiga teknik manipulasi 4.3.4 Melakar imej
menggunakan teknik
yang telah dipelajari. Maksud Ilustrasi surihan (tracing) dalam
Langkah 2 Ilustrasi pada asasnya ialah sesuatu visual yang dihasilkan bagi
tujuan tertentu seperti komunikasi atau dekorasi. Ilustrasi tidak
4.3.5 Membina objek dan teks
Cari satu atau lebih imej yang ingin dibuat manipulasi dalam menggunakan alat dan
hanya tertumpu kepada imej akhir yang terhasil, tetapi ilustrasi
Internet.
turut merangkumi visual lakaran yang dibuat semasa proses 4.3.6 Menyunting objek
Langkah 3 penjanaan idea dilakukan.
gabungan
Ubah suai imej yang dipilih menggunakan teknik manipulasi 4.3.7 Mewarna objek
imej dengan menggunakan perisian penyuntingan. menggunakan alat dan
(alignment)
L ATIHAN
dan penyusunan
(arragement)
4.3.10 Menghasilkan karya
182 183
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Jenis-jenis ilustrasi
Ilustrasi maklumat
Contoh ilustrasi dekoratif
yang digunakan pada kad • Ilustrasi yang bermaklumat dan tersusun
jemputan kemas dipaparkan dalam bentuk rajah,
jadual, carta, pelan dan peta.
• Digunakan untuk pembentangan.
184 185
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
F P
Langkah memasukkan sesuatu imej ke dalam ruang lembaran kerja disebut sebagai menyisip imej.
seperti berikut:
Photshop dan Adobe Illustrator. Beza antara kedua-duanya ialah Adobe Illustrator merupakan perisian
bagi aplikasi berasaskan vektor manakala Adobe Photoshop berasaskan raster. Buka perisian Adobe Illustrator. Pada Menu Utama klik File > New. Kemudian, tetapkan nama
Kedua-dua perisian ini diperlukan kerana Adobe Illustrator biasanya digunakan untuk menghasilkan dan saiz fail. Klik Create.
gambar-gambar lakaran awal untuk memberikan kesan efek visual yang lebih menarik, rekaan tersebut
boleh dieksport ke Adobe Photoshop. Buka perisian Adobe
Illustrator
Tools
Senarai nama jenis alat berserta contoh simbol dan fungsi yang ada dalam perisian Adobe Illustrator
(vektor) adalah seperti berikut:
Klik Create
186 187
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Langkah 1
Secara berkumpulan, cari imej digital dalam
laman web atau sumber bahan bercetak
mengikut jenis ilustrasi.
Langkah 2
Buat salinan imej dan muat turun imej ke
dalam komputer (jika daripada sumber ____________________ ____________________ ____________________
Internet). Gunting imej dan kumpulkan (jika
daripada bahan bercetak).
Selection
Langkah 4
Bentangkan hasil perbincangan kumpulan
dan dapatkan pandangan kumpulan lain.
Pen
Type
L ATIHAN Eyedropper
_________________________________________________________________________
188 189
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Pilih Pen Tool di Tool Box. Mulakan kerja surihan mengikut keseluruhan imej sehingga selesai. Surihan
yang telah dibuat boleh dikemaskan dengan mengubah Anchor Point. Contohnya, untuk melengkungkan
garisan, klik dimana-mana Anchor Point dan gerakkan point tersebut mengikut kesesuaian lengkungan
yang ingin diubah. Klik Object > Clipping Mask > Make dan lihat hasil.
Rectangle Ellipse Polygon Star
Rajah 4.19
Langkah-langkah membina objek asas
Pilih Pen Tool
Rectangle
Ellipse
Hasil
190 191
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Taip teks
Jika anda ingin membina bentuk segi
tiga, tukar jumlah sisi kepada tiga dan
lihat hasilnya
Star
Buat bentuk
192 193
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
• Klik dan seret Type Tool (ikon T pada Tool Bar sebelah kiri) seterusnya muncul menu tambahan. Cari
dan pilih Type on Path Tool. Menyunting objek menggunakan
• Taip teks yang dikehendaki, kemudian tetapkan saiz fon.
• Pada Menu Utama, pilih Type > Size. Murid boleh mengatur posisi lengkungan dengan mengubah jenis
fon dan jarak huruf pada panel Type yang sedang aktif.
• Teks melengkung akan terhasil. Murid bebas mengubahnya dengan membuat pilihan pada panel text
Kerja-kerja penyuntingan objek boleh
yang ada iaitu sama ada menukar jenis fon, saiz fon, Spacing atau Leading.
Adobe Illustrator. Sistem ini berfungsi untuk
menganalisis garis bagi menghasilkan
Klik Type > Size. Tetapkan ukuran fon bentuk tertentu.
Hasil
194 195
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
• Gunakan alat Rectangles dan bina dua imej segi empat sama.
• Gunakan alat Ellipse dan bina satu imej bulat.
• Tindihkan imej segi empat sama dan imej bulat di atas satu imej segi empat.
• Aktifkan ketiga-tiga imej. Kemudian klik Minus front.
Bandingkan hasilnya.
196 197
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Proses mewarna objek menggunakan alat dan Cara mewarna objek dan garisan menggunakan I n f o Me narik
INFO
Fill Stroke Swatches
Tetapan warna boleh diubah sama ada
• Buka fail New, gunakan Rectangle Tool untuk membina Grayscale, CMYK dan RGB pada menu
Pewarnaan objek dalam Adobe Illustrator menggunakan panel palet imej segi empat sama. Aktifkan pallet warna Swatches
warna dan alat pewarnaan yang ada pada Tool Bar. Untuk mewarna, Color Mode. Pilihan dibuat mengikut
di Window > Swatches. tujuan kegunaan karya, sama ada untuk
pilih objek yang ingin diwarnakan dengan menggunakan Selection • Pilih objek yang hendak diwarnakan dengan Selection Tool. paparan skrin atau cetakan. Contohnya,
Tool dengan memilih warna pada panel palet warna atau Tool Color. • Tukar warna di Fill untuk mengubah warna objek. jika memilih untuk cetakan, Color Mode
Dua alat pewarnaan yang penting di Tool Bar ialah Fill dan Stroke. • Tukar warna di Stroke untuk mengubah warna pada yang sesuai adalah CMYK.
garisan luar objek.
Sebelum mewarnakan sesuatu objek, Fill atau Stroke perlu diaktifkan
terlebih dahulu dengan cara klik pada Fill atau Stroke. Apabila Fill
berada di atas Stroke bermaksud Fill sedang aktif manakala apabila
Stroke berada di atas Fill bermakna Stroke sedang aktif.
Color Gradient None
Fill
Stroke
Color Panel
Color Panel merupakan panel
yang berisi palet warna yang
pelbagai. Bagi mewarna objek
dengan menggunakan Color Panel,
pilih objek yang ingin diwarnakan
dengan Selection Tool dan warna
yang ingin digunakan. Pilih Windows > Swatches
198 199
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Cara menambah Gradient ke dalam objek menggunakan Gradient Tool dan Cara mewarna menggunakan Eyedropper Tool
• Bagi menambah Gradient warna pada objek, pilih Window > Gradient di Menu Utama.
• Pada Panel Gradient mempunyai beberapa pilihan seperti Linear, Radial atau Freedom. Warna boleh • Klik pilihan warna pada palet warna dan secara automatik objek yang hendak diwarnakan sudah
diubah pada panel ini. Seret Slider mengikut kesesuaian. Setiap perubahan yang dilakukan boleh berubah warna.
terus dilihat pada objek yang telah dipilih.
200 201
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Penjanaan kesan khas objek mengikut kesesuaian Kesan Artistic Klik Effect > Effect Gallery > Artistik > Cut Out.
• Menggunakan imej yang telah disurih sebelum ini, pergi ke Menu Utama dan pilih Effect > Effect Gallery.
Kesan Brush Strokes Klik Effect > Effect Gallery > Brush Strokes > Ink Outlines.
Effect > Effect Gallery
Kesan Distort Klik Effect > Effect Gallery > Distort > Ocean Ripple.
202 203
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Kesan Sketch Klik Effect > Effect Gallery > Sketch > Graphic Pen.
M
penjajaran (Alignment) dan penyusunan (Arrangement)
elemen seperti imej dan teks dalam satu halaman kerja. Bagi memudahkan kerja penghasilan karya
boleh diurus dengan pelbagai cara dan akan memudahkan proses mereka bentuk sesuatu rekaan.
Panel Layer
Panel Layer ialah satu panel yang terdapat beberapa item untuk mengatur Layers. Berfungsi seperti
beberapa helaian kertas di atas skrin komputer. Pada panel layer, pelbagai olahan untuk kerja reka
bentuk seperti menambah bilangan Layers, mengatur hierarki lapisan Layers, mengubah suai Layers
dan menyusun pelbagai elemen reka bentuk yang sedang digunakan boleh dibuat.
Menamakan Layer
Setiap lapisan layer boleh 1
Kesan Stylize Klik Effect > Effect Gallery > Stylize > Glowing Edges.
dinamakan mengikut
kehendak. Klik pada lapisan
layer dan namakan layer
2
Menambahkan bilangan Layer
Kesan Texture Klik Effect > Effect Gallery > Texture > Stained Glass. Lapisan layer boleh ditambah seberapa
banyak yang dikehendaki. Klik pada
sebelah kanan atas panel layer dan pilih
New Layer
3
Mengatur hieraki lapisan Layers
Lapisan layer yang banyak boleh disusun
mengikut hieraki. Aktifkan dua lapisan layer
kemudian klik pada sebelah kanan atas
panel layer dan pilih Reverse Order
204 205
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Jika terdapat banyak teks dan imej yang digunakan dalam lembaran kerja serta tidak berada pada
dalam kedudukan yang sama maka penjajaran boleh dilakukan dengan cara berikut:
Sedunia
Sedunia
kerja. Sedunia
Hari Flora dan Fauna
206 207
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
Hari Flora dan Fauna Hari Flora dan Fauna Hari Flora dan Fauna tertentu bagi menyampaikan mesej dan informasi dengan jelas kepada audiens. Kebanyakan
penyampaian informasi melalui ilustrasi yang nyata supaya maklumat atau informasi dapat
disalurkan dengan baik.
Kebiasaannya menggunakan ilustrasi berbentuk Setiap rekaan karya muka depan buku
karikatur atau kartun ringkas dengan mengangkat atau majalah mesti ada tajuk, informasi
sesuatu isu semasa yang serius tetapi digambarkan ringkas berkaitan kandungan, nama
dengan cara lebih santai dan menghiburkan. penerbit, keluaran dan nama penulis.
Sedunia Editorial
208 209
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
2 Imaginatif
Klik Open
Artistik
Karya yang berkonsepkan sesuatu isu, namun kerja penghasilan akan
melibatkan manipulasi imej yang memerlukan kreativiti seseorang
pereka terhadap penggunaan teknik yang pelbagai bagi mewujudkan Klik Place
nilai estetik sesuatu karya.
Hasil
Klik Place
210 211
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4 MODUL 4 l REKA BENTUK GRAFIK DIGITAL
• Untuk arahan Send To Back bagi subjek bunga, klik pada imej background dan pergi ke Menu Utama.
Pilih Object > Arrange > Send To Back. • Pilih Type Tool dan bina teks. Pilih jenis fon dan warna yang bersesuaian untuk digunakan. Pastikan warna
• Untuk memasukkan efek artistik, klik pada subjek bunga dan pada Menu Utama, pilih Effect > Effect teks yang dipilih kontras dengan imej dan latar halaman kerja agar lebih jelas untuk dibaca.
Gallery > Artistic > Cutout. •
Klik Object Klik Effect yang telah dipelajari mengikut kesesuaian dan kreativiti sendiri.
• Pilih Effect > Stylize > Drop Shadow untuk membuat kesan kepada teks yang dibina.
Klik Arrange
Klik subjek
• Pilih Pen Tool dan bina Path dengan melakar pada bahagian dalam subjek bunga.
• Fill warna pada Path yang sudah siap dibina.
• Buat kemasan pada rekaan dan klik File > Save As. Klik Save untuk menyimpan fail akhir.
Klik File
Klik Save
Hasil
212 213
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 4
Langkah 1
Secara individu, hasilkan satu rekaan ilustrasi imaginatif • Digunakan dalam surat khabar, majalah, buku, papan
mengikut kreativiti. iklan dan televisyen.
• Membantu menyampaikan maklumat dan
Langkah 2 mempromosikan produk.
Murid perlu menggunakan perisian penyuntingan dengan •
mengaplikasikan Pen Tool yang telah dipelajari. menjadi lebih menarik.
214 215
dan resolusi imej Ref.
Refleksi
• Mod warna: Elemen penting dalam proses • Selection Tool
manipulasi imej digital. Terdiri daripada RGB, • Crop dan Slice Tool Tandakan ( ) pada tahap penguasaan anda.
CMYK dan grayscale. • Measuring Tool
• Saiz imej: Dipengaruhi oleh jumlah piksel pada • Retouching Tool Selepas mempelajari modul ini, saya dapat:
sesuatu imej. • Painting Tool TIDAK
FAHAM
• Resolusi imej: Bilangan piksel dalam imej. • Drawing dan Type Tool FAHAM
Photomerge, photocollage,
dan superimpose.
10. Menghasilkan 5. Membina teks
TIDAK
menggunakan alat 4.3 Ilustrasi Imej Digital FAHAM
FAHAM
ilustrasi:
• Editorial Ilustrasi Imej Digital yang sesuai
• Imaginatif • Type
• Type On A Path
• Vertical Type
216 217
8.
Pengukuha n
Teknik komposisi yang membahagikan kawasan foto menjadi
tiga bahagian sama ada secara menegak atau mendatar
L .P
Pernyataan di atas merujuk prinsip komposisi ________________________________ dalam
1. Pilih penyataan yang menepati maksud ilustrasi teknikal.
A. Mementingkan prinsip ruang.
B. Banyak digunakan dalam industri fesyen.
C. Digubah dalam objek geometri dua dan tiga dimensi.
dirakam. Berikan tiga jenis penyuntingan yang biasa dilakukan.
D. Proses penghasilan menggunakan perisian komputer.
(a) ________________________________
(b) ________________________________
_____________________________________________________________________________ (c) ________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________ _____________________________________________________________________________
_____________________________________________________________________________
Kamera perantaraan
(Bridge camera)
5. Jelaskan perkaitan antara resolusi dengan hasil cetakan. 12. Kerja penyuntingan boleh dilakukan secara memangkas (cropping) dan memilih (selection)
_____________________________________________________________________________ imej. Namakan alat yang boleh digunakan untuk memangkas imej dan memilih imej.
_____________________________________________________________________________ _____________________________________________________________________________
6. Berapakah jumlah resolusi yang sesuai digunakan bagi bahan bercetak seperti banner dan poster?
_____________________________________________________________________________
_____________________________________________________________________________
7. Nyatakan dua teknik pencahayaan yang boleh memberikan kesan yang berbeza terhadap hasil
gambar anda.
(a) ________________________________
(b) ________________________________
218 219
14. Teks boleh disunting agar lebih menarik dengan membuat beberapa perubahan iaitu
REKA BENTUK
(a) ________________________________.
(b) ________________________________.
(c) ________________________________.
_____________________________________________________________________________.
20. Tandakan ( ) pada simbol Tool Type yang digunakan untuk menaip tulisan secara mendatar.
.
(i) Unite ___________________________________________
(ii) Minus Front ___________________________________________
(iii) Intersect ___________________________________________
(iv) Divide ___________________________________________
(v) Crop ___________________________________________
(vi) Expand ___________________________________________
220 221
MODUL 5 Dalam modul ini, murid akan diperkenalkan dengan identiti korporat, pengiklanan dan pembungkusan.
Identiti korporat merupakan satu daripada elemen penting yang perlu dihasilkan dengan menekankan
aspek kandungan, nilai estetik dan bermakna. Penghasilan identiti korporat yang menarik dan berkesan
akan menjadikan sesuatu rekaan itu mudah diingati. Promosi bagi tujuan pengiklanan yang dihasilkan
PENGHASILAN KARYA juga akan lebih menarik perhatian audiens. Selain itu, murid juga turut didedahkan dengan lakaran
yang baik serta menampilkan ciri rekaan yang unik akan menyebabkan audiens lebih tertarik.
GRAFIK DIGITAL
STANDARD KANDUNGAN
5.2 Pengiklanan
5.3 Pembungkusan
Objektif
Hasil pembelajaran
• Murid boleh menghasilkan dan membuat lakaran
idea rekaan logo berdasarkan identiti korporat.
• Murid boleh mengaplikasikan penggunaan logo
berdasarkan identiti korporat.
• Murid boleh menghuraikan, membanding beza
dan menyesuaikan maksud, kepentingan jenis
media dan bahan promosi pengiklanan.
• Menyediakan dan menghasilkan lakaran rekaan
label pembungkusan.
• Murid boleh menganalisis dan membuat
222 223
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Pen
Bangunan
Sampul surat
Kepala surat Kenderaan
224 225
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Jenis logo
1 Menarik perhatian
Logo digunakan untuk menarik perhatian audiens.
2 Tanggapan awal
Pictorialmarks Wordmarks Combination
Logo dapat memberi kesan yang positif atau tanggapan awal yang baik terhadap produk
ketika audiens melihat logo kali pertama.
226 227
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Combination
Wordmarks
228 229
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Penghasilan reka bentuk logo yang bersesuaian dengan identiti korporat Langkah 2: Lakaran kecil
Dalam lakaran kecil, beberapa proses terlibat iaitu:
Terdapat tiga fasa dalam menghasilkan reka bentuk logo, iaitu: Proses menghasilkan
Contoh lakaran kecil mengikut jenis logo
lakaran kecil
Fasa 1 Fasa 2 Fasa 3
(a) Pelbagaikan lakaran Pictorialmarks
mengikut jenis-jenis logo.
Proses pengolahan idea Proses melukis logo Proses mencetak logo
menggunakan perisian
Sebelum fasa 1 ini dijalankan oleh murid, tema yang bersesuaian dengan identiti korporat diperlukan. Wordmarks
Contoh tema yang dipilih ialah biskut, iaitu gabungan antara perniagaan Internet dengan aneka biskut.
Fasa 1
Proses pengolahan idea untuk menghasilkan reka bentuk logo melibatkan empat langkah seperti
berikut:
Combination
Langkah 1: Kajian lapangan
Dalam kajian lapangan, beberapa proses terlibat iaitu:
ed
ap
Proses menghasilkan
Contoh lakaran kasar mengikut jenis logo
lakaran kasar
(a) Berdasarkan lakaran kecil
yang telah dipilih iaitu
logo jenis combination,
murid perlu melakar logo
semula dengan saiz yang
lebih besar.
ed
ap
yang pelbagai.
lakaran kecil.
(ii) Menggunakan elemen
bayang pada logo.
Na
k Makan Lagi ChocoCookies
230 231
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Fasa 2
Paparan kerja
terhasil
232 233
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Langkah 4
• Membuat tetapan jenis tulisan, saiz dan warna fon yang diingini.
• Menyunting tulisan logo menggunakan bentuk yang diingini.
• Memasukkan saiz dan warna fon yang bersesuaian.
Klik Save
234 235
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Fasa 3 Menghasilkan rekaan identiti korporat menggunakan logo yang telah dipilih
• Proses mencetak logo yang telah dihasilkan dan siap direka.
Berdasarkan rekaan logo yang telah dihasilkan, identiti korporat syarikat akan lebih mudah dikenali
• Logo dicetak mengikut keperluan seperti cetakan berwarna, cetakan skala hitam putih, cetakan oleh audiens menerusi jenama identiti produk atau perkhidmatan seperti kad perniagaan, kepala
skala kelabu (grayscale) atau cetakan monokromatik. surat, sampul surat dan pembungkusan produk yang akan dipasarkan.
• Cetakan boleh dibuat mengikut tetapan pada saiz skala 100%, 50% atau 25% bergantung
pada kesesuaian.
CHO
KI
KI
ES
ES
eat me . bite me eat me . bite me
Cetakan berwarna Cetakan skala kelabu Cetakan monokromatik
Kad perniagaan
KI
Pembungkusan produk
ES
CHO
KI
eat me . bite me
ES
LATE COO
CO
eat me . bite me
CHO
KI
ES
eat me . bite me
Info
INFO M enar i k
ELEMEN MERENTAS
Layari laman web EMK KURIKULUM SILA Sampul surat
IMBAS
Contoh rekaan
untuk mendapatkan ikon yang Amalan murni pereka logo menggunakan
Kepala surat
bersesuaian bagi menghasilkan perisian Adobe
logo yang menarik. rekaan logo. Illustrator
kod QR
236 237
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Langkah 2
• Bincangkan jenis dan kepentingan logo identiti
korporat yang dipilih.
Langkah 3
• Bentangkan hasil perbincangan di hadapan kelas.
238 239
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
• Pengiklanan haruslah bersifat terbuka, tidak bersifat peribadi 5.2.6 Menghasilkan bahan promosi
dan penyampaiannya ringkas serta kreatif. untuk tujuan pengiklanan. Mempengaruhi dan menimbulkan keyakinan dalam kalangan audiens
4
terhadap sesuatu produk
• Penggunaan tema dan warna yang tepat dalam sesuatu iklan dapat menimbulkan mood
atau dewasa, lelaki atau wanita. yang positif dan audiens akan lebih yakin dengan kualiti sesuatu produk.
Kepelbagaian media atau platform boleh digunakan dalam reka bentuk iklan
6 yang sama
Reka bentuk iklan yang boleh diubah cara penggunaan dalam pelbagai media atau
platform memudahkan audiens untuk mengakses maklumat tersebut berulang kali dan
di mana-mana sahaja.
240 241
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Perbandingan antara kaedah pengiklanan menerusi media Menyesuaikan keperluan bahan promosi dalam pengiklanan
Setiap pengeluar atau pengiklan perlu menggunakan kaedah pengiklanan yang sesuai untuk Terdapat pelbagai bahan promosi yang boleh digunakan untuk mengiklankan sesuatu produk. Bahan
memasarkan produk atau perkhidmatan mereka. Terdapat dua kaedah pengiklanan, iaitu menerusi promosi yang kerap digunakan adalah seperti berikut:
media cetak dan media elektronik.
Iklan
Gegantung
interaktif
Kaedah
pengiklanan
5 1
Bahan
promosi
Media Media
Poster
4 2 Kain
cetak elektronik rentang
3
Risalah
Info
Rajah 5.3 Perbandingan kaedah pengiklanan INFO Menarik
Kertas Tarpaulin
• Bahan paling popular untuk mencetak kain rentang dan
gegantung kerana harganya yang murah.
• Biasanya dicetak menggunakan 600 DPI dan 720 DPI.
• Kuat, tahan lasak dan kalis air.
• Kos yang murah.
242 243
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
• Jaluran kain yang panjang dan • Notis atau gambar yang ditampal pada dinding atau
direntang secara melintang. papan kenyataan, terutamanya untuk mengiklankan
sesuatu.
• Berfungsi untuk menyampaikan
maklumat berkenaan perniagaan, • Berfungsi untuk menyampaikan mesej dan maklumat
kegiatan, informasi dan berkenaan jenama, produk, karya, peristiwa dan
sebagainya. lain-lain.
• Saiz standard bagi poster ialah 297 mm × 210 mm,
• Ukuran kain rentang ialah:
420 mm × 297 mm, 594 mm × 420 mm,
(i) Pelbagai saiz boleh disesuaikan, iaitu tinggi × lebar seperti 4 kaki × 10 kaki. Saiz 841 mm × 594 mm, 1189 mm × 841 mm,
standard kain rentang ialah 2 kaki × 6 kaki. 1682 mm × 1189 mm dan 2378 mm × 1682 mm.
(ii) Saiz kebiasaannya lebih besar berbanding dengan saiz gegantung. Boleh direka bentuk secara bercetak atau elektronik.
(iii) Saiz juga boleh disesuaikan mengikut permintaan pelanggan. • Bahan yang digunakan ialah kertas jenis glossy art
• Bahan yang digunakan ialah tarpaulin, sintetik, poliester dan vinil. paper, photo dan semi glossy paper.
• Antara contoh penggunaannya adalah untuk iklan makluman majlis, peristiwa • Contoh poster ialah poster jualan mega, pameran
atau program yang melibatkan sasaran pengguna tertentu seperti persidangan, seni, karnival dan program kesihatan.
pertandingan atau program di pelbagai lokasi.
kod QR
244 245
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Penghasilan reka bentuk bahan promosi dengan mengaplikasikan ciri • Setelah membuat kajian lapangan, murid dikehendaki melakar idea sebelum rekaan tersebut
Iklan merupakan taktik pemasaran yang melibatkan ruang untuk mempromosikan produk, ii. Lakaran kecil
perkhidmatan atau sesuatu tujuan. Iklan yang hebat akan meningkatkan hasil perniagaan.
Pengiklanan yang baik juga akan berjaya memenuhi objektif pemasaran. Oleh itu, kejayaan iklan
sangat bergantung pada reka bentuk bahan promosi sebelum sesuatu iklan itu dikeluarkan. •
Matlamat utama pengiklanan adalah untuk menarik pelanggan dan menimbulkan keinginan • Elemen yang terdapat dalam keempat-empat lakaran kecil ini dipelbagaikan mengikut hasil
pelanggan untuk memiliki barangan tersebut. Sekiranya sesuatu iklan tidak memenuhi objektif kajian lapangan.
tersebut, iklan yang mahal tidak akan berguna. Oleh itu, reka bentuk bahan promosi harus direka
dengan sangat teliti serta mengaplikasikan ciri pengiklanan yang baik.
Ciri-ciri pengiklanan yang baik adalah seperti berikut:
Logo
Logo
Fokus
Mengikut kepada Maklumat
(a) kepada (b) Mesej yang
(c) tema (d) produk
audiens yang jelas rekaan yang Maklumat
jenama menarik produk
disasarkan
Untuk menghasilkan bahan promosi yang baik, proses pengolahan idea perlu diaplikasikan dengan: Harga Gambar
(i) Kajian lapangan
(ii) Lakaran kecil
(iii) Lakaran kasar Gambar
(iv) Lakaran komprehensif
Maklumat Logo halal
syarikat Maklumat syarikat
Proses pengolahan idea
• Dalam proses pengolahan idea, murid dikehendaki membuat kajian lapangan terlebih dahulu
Logo Logo
i. Kajian lapangan
•
untuk mereka bentuk bahan promosi pengiklanan yang baik.
Gambar Gambar
•
pemerhatian, temu bual, soal selidik atau rujukan.
• Tentukan objektif sebelum kajian lapangan dilaksanakan. Harga
Maklumat
• Setelah memperoleh maklumat melalui pelbagai kaedah yang dipilih, analisis data dan maklumat produk
yang perlu ada dalam bahan promosi tersebut. Maklumat
• Maklumat bahan promosi tersebut haruslah merangkumi beberapa elemen seperti tajuk yang produk Logo Logo halal
menarik, subtajuk utama yang berkesan, imej dan pembungkusan yang merangsang audiens
untuk bertindak (call-to-action). Maklumat halal
syarikat Maklumat syarikat
246 247
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Klik Create
Langkah 4 • Import logo yang telah direka bentuk atau gambar yang bersesuaian.
Rajah 5.6 Lakaran kasar
kod QR
Rajah 5.7 Lakaran komprehensif
248 249
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Langkah 5 • Masukkan teks yang sesuai untuk nama produk, maklumat penjual dan
maklumat-maklumat lain yang perlu.
Langkah 7 • Sunting karya seperti menambah kesan khas pada teks dan gambar.
Penambahan kesan
drop shadow pada teks
•
Langkah 6 • Masukkan logo halal, tanda harga atau teks tambahan bagi
Klik File
mempromosikan produk.
Klik Save
Klik Save
250 251
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
LATE COO
• Memperkenalkan syarikat, maka kad perniagaan ialah CO
CHO
KI
bahan promosi yang sesuai diberikan kepada pelanggan.
ES
OLATE COO • Memperkenalkan barangan atau perkhidmatan baharu,
eat me . bite me
KI
bahan promosi.
ES
• Meningkatkan jualan secara bersasar atau dalam tempoh
eat me . bite me singkat, maka penggunaan bahan promosi seperti kupon
diskaun, sampel barangan dan tawaran hadiah yang 603 8989 6969
Yummy
No. 47, Jalan Kemboja 2,
Taman Seri Kemboja,
Chocolate
43000 Kajang, Selangor
Informasi
produk Ilustrasi 5.3 Contoh kad perniagaan
Cookies
Label harga RM15.00
/BALANG
Imej utama
Tagline
More chips...
... More fun Ilustrasi 5.5 Contoh promosi produk baharu
252 253
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Bahan promosi terkini yang sering digunakan ialah pengiklanan interaktif. Ciri-ciri pengiklanan Bahan promosi yang kreatif boleh dihasilkan seperti langkah berikut:
interaktif adalah seperti berikut:
Kreatif
Reka bentuk yang unik seperti penggunaan skema warna Info
• Kumpulkan contoh-contoh gambar atau
INFO Menarik
Langkah
bahan promosi sebenar yang menjadi
Media yang tepat
Pemilihan media untuk mempromosikan produk hendaklah
2 sumber inspirasi. Lebih banyak contoh
dapat mencetuskan idea baharu.
https://www.
pinterest.com
bersesuaian agar iklan dapat disampaikan dengan lebih (a) Kad perniagaan Pinterest merupakan satu
berkesan. (b) Brosur daripada rujukan untuk
mendapatkan contoh-
(c) Risalah atau contoh bahan promosi yang
(d) Gegantung boleh menjadi ilham bagi
Ringkas dan padat (e) Kain rentang atau banner atau web menghasilkan bahan promosi
Ilustrasi 5.7 Contoh iklan interaktif
produk sendiri.
Mengutamakan mesej produk dalam bentuk yang lebih dalam Internet banner
ringkas serta menepati tujuan mesej tersebut.
Kepelbagaian platform
Menggunakan platform jualan secara dalam talian yang • Cipta logo.
Langkah
boleh dilayari dalam gajet atau platform luar talian seperti
3
• Kenal pasti dan tentukan perisian yang
skrin interaktif yang kerap ditemui di pasar raya besar. diperlukan untuk mereka bentuk logo.
• Rekaan logo yang baharu dan
menonjolkan imej korporat syarikat.
Mudah untuk diingati • Logo yang unik. Ilustrasi 5.9 Penjenamaan logo
Mempunyai elemen yang boleh memberi keterujaan kepada syarikat kereta Proton
audiens terhadap jenama, produk dan perkhidmatan agar
lebih mudah dikenali dan diingati oleh pelanggan.
atau keuntungan berganda berbanding dengan pengiklanan (c) Nombor telefon untuk dihubungi
secara konvensional.
(d) Alamat e-mel perniagaan
(e) Alamat URL atau laman web
perniagaan (boleh juga menggunakan Media TV
Susun atur yang kemas laman web peribadi) www.mediatv.com
Reka bentuk iklan yang padat menyebabkan audiens Ilustrasi 5.8 Contoh pengiklanan (f) Alamat perniagaan (jika ada)
Wisma Media TV,
43000 Kajang, Selangor
tidak tertarik dan tidak mengendahkan iklan yang ingin interaktif yang memaparkan maklumat
disampaikan. yang informatif, kreatif, ringkas dan
padat serta mempunyai susun atur
yang kemas Ilustrasi 5.10 Contoh kad nama
254 255
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Langkah • Kenal pasti sasaran pelanggan anda: Akt A KTIVITI Gallery Walk Kemahiran
Abad ke-21
5 (a) Kumpulan sasaran ialah bergantung pada jenis produk yang dijual.
(b) Kumpulan sasaran ialah murid sekolah atau pelajar universiti, pekerja
sektor kerajaan atau swasta, lelaki atau perempuan, kumpulan atau
Tajuk: Kebaikan dan Kelemahan Media Cetak
Objektif: Menghasilkan poster tentang kebaikan dan kelemahan iklan dalam media cetak secara
golongan pekerja yang berpotensi membeli produk, barang atau berkumpulan.
perkhidmatan yang ingin dipromosikan. Bahan dan peralatan:
warna dan bahan serta alatan yang sesuai.
Cara pelaksanaan:
Langkah 1
• Murid dikehendaki mencari iklan daripada pelbagai sumber
• Hasilkan reka bentuk bahan promosi yang kreatif, bermanfaat dan mudah media cetak.
Langkah
diingati oleh kumpulan sasaran.
6 •
Langkah 2
difahami oleh pelanggan. • Kemudian, pilih dua iklan yang berbeza dan kaji keberkesanan
iklan dari segi kejelasan mesej yang disampaikan.
Langkah 3
• Buat perbincangan dalam kumpulan tentang kebaikan
dan kelemahan iklan dalam media cetak.
• Hasilkan reka
Langkah
bentuk bahan Langkah 4
7 promosi yang
berkualiti dan penambahbaikan iklan yang telah dikaji di atas.
menarik perhatian
pelanggan. Langkah 5
• Bahan promosi • Cetak hasil rekaan tersebut dan tampal hasil rekaan agar mudah dilihat di ruang pameran.
anda akan dicetak
• Setiap kumpulan akan bergerak untuk melihat hasil rekaan kumpulan lain.
dengan kualiti
yang tinggi.
L ATIHAN
Ilustrasi 5.11 Contoh bahan Ilustrasi 5.12 Contoh bahan
promosi yang jelas dan menarik promosi yang kurang jelas dan
kurang menarik 1. Apakah yang dimaksudkan dengan pengiklanan?
2. Berikan tiga kelebihan dan tiga kelemahan media cetak dan media elektronik.
• Edarkan bahan promosi anda
Langkah
dalam media yang tepat 3. Berikan tiga contoh iklan interaktif.
8 seperti Facebook, Instagram
atau media sosial lain. 4. Senaraikan langkah yang perlu diambil dalam penghasilan bahan promosi bagi tujuan
pengiklanan.
5. Mengapakah sesuatu produk atau perkhidmatan memerlukan reka bentuk pengiklanan?
Jelaskan jawapan anda.
6. Jiran anda merupakan seorang tukang jahit dan bercadang untuk memulakan
perniagaan. Cadangkan cara promosi yang sesuai untuk membantu jiran anda
mengiklankan perkhidmatannya.
256 257
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
BOTANI
skincare
BOTANI
skincare
BOTA N I
skincare
Pencuci
Muka
BOTANI BOTANI
skincare skincare
Serum
Krim Mata Krim Malam BOTANI
skincare
Pelembap
Ilustrasi 5.13 Contoh pembungkusan produk makanan Ilustrasi 5.14 Contoh pembungkusan produk bukan makanan Rajah 5.9 Kepentingan reka letak pembungkusan
SILA IMBAS
258 259
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Penjenamaan
sembangkopi
sembang sampai malam
260 261
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Maklumat label reka bentuk pembungkusan bergantung pada jenis produk yang dikeluarkan.
Antara maklumat yang dinyatakan pada pembungkusan ialah:
1. Senarai bahan 5. Logo, nama syarikat dan alamat
1. Ramuan 5. Tarikh luput makanan 2. Berat bersih kandungan 6. Keterangan tentang cara
Produk
Produk 2. Jenama 6. Logo 3. Jenama dan ilustrasi penggunaan dan pemeliharaannya
bukan
makanan 3. Gambar hasil 7. Alamat syarikat atau pembuat hasil makanan 4. Amaran jika bahan mengandungi 7. Tarikh pengeluaran dan tarikh luput
4. Berat bersih kandungan 8. Harga barangan racun 8. Aspek-aspek lain yang berkaitan
2 6 1
8 3 5 6 1
RAMUAN
BAHAN
Pepejal susu tanpa lemak, sukrosa, lemak susu, Rambut
mineral dan vitamin (A, D3, B2). Mengandungi Sutera
bahan perasa, pewarna (INS 129), penstabil FUNGSI CARA PENGGUNAAN
Fakta Nutrisi makanan (INS 460, INS 407, INS 466) dan
Saiz Sajian: 250 ml Menanggalkan minyak, peluh, kotaran dan kelemumur Apply, lather, rinse.
pengemulsi (INS 471). Menguatkan akar rambut
Jumlah Sajian: 2
Melembutkan rambut
Purata Setiap Setiap BAHAN
SYAMPU
Komposisi 100 ml Sajian
CARA PENGGUNAAN Water (Aqua), Sodium Cocoyl Isethionate, Cocamidopropyl
Betaine, Fragrance (Parfum), Berry Extract, Hydrolyzed Wheat
Tenaga 56 kcal 140 kcal
Protein 2.8 g 7.0 g Protein, Yucca Schidigera Steam Extract, Silybum Marianum
Goncang sebelum minum. Susudah buka, simpan Extract, Simmondsia Chinensis (Jojoba) Seed Extract, Arthemisia
Lemak 1.3 g 3.3 g di dalam peti sejuk dan habiskan dalam tempoh Tridentata Extract, Glycerin, Guar Hydroxypropyltrimonium
Lemak Tepu
Lemak Trans
0.8 g
0g
2.0 g
0g
tiga hari. EKSTRAK BUAH BERI Chloride, Silicone Quanternium-16, Undeceth-11, Butyloctanol,
Undeceth-5, Glycol Distearate Laureth-4, PEG-150 Distearate
Kolestrol 3.2 mg 8.0 mg Citric Acid, Triethanolamine, Phenpxyethanol, Ethyhexylglycerin
Karbohidrat 8.2 g 20.5 g
Sukrosa
Laktosa
3.6 g
4.6 g
9.0 g
11.5 g Lembut Bak Sutera
Serabut Diet 0g 0g
TIADA UNTUK KEGUNAAN LUAR SAHAJA.
100%
Natrium 43 mg 108 mg BUATAN ELAKKAN DARIPADA TERDEDAH
Kalsium
Iodin
130 mg
12 µg
325 mg
30 µg GULA ASLI
MALAYSIA KEPADA KANAK-KANAK.
TAMBAHAN
Vitamin A 90 µg 224 µg
100%
Vitamin D3 1.5 µg 3.6 µg
Vitamin B2 0.13 mg 0.33 mg
Vitamin B12 0.20 µg 0.50 µg
ASLI RM3.40
RAMBUT SUTERA
56, Jalan Emas 1,
SUSU KULTUR Taman Permata Emas,
UNTUK INFO
60, Jalan Emas 1,
Taman Permata Emas, 240 ml 43000 Kajang, Selangor
Phone: 03 – 8989 8989
IMBAS
43000 Kajang, Selangor MFG 12 11 2021 MFG 23 06 2021
www.rambutsutera.com
Phone: 03 – 8989 6767
www.susukultur.com EXP 12 11 2023 EXP 23 06 2023
500 ml
7 3 4 5 8
8 8 7 3 2 5 4
Rajah 5.10 Contoh label pada pembungkusan produk makanan Rajah 5.11 Contoh label pada pembungkusan produk bukan makanan
262 263
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Menyesuaikan bahan pembungkusan berdasarkan jenis barangan Jenis barangan Bahan pembungkusan
Bahan pembungkusan seperti kertas keras atau kertas tebal sangat penting untuk melindungi
barangan daripada sebarang kerosakan. Bahan pembungkusan yang berkualiti dapat memudahkan Barangan serbuk
kerja menyimpan, menghantar dan mempamerkan barangan. • Logam (aluminium)
• Contohnya, kosmetik, talkum, serbuk
Terdapat pelbagai jenis barangan yang ada dalam pasaran. Setiap barang mempunyai reka bentuk pencuci, tepung dan bijirin • Plastik
pembungkusan yang berbeza dan bahan pembungkusan boleh disesuaikan mengikut jenis barangan.
Contoh jenis barangan dan bahan pembungkusan yang digunakan:
Barangan keras
• Contohnya, peralatan elektrik, mesin, • Kertas dan kadbod
dan alat pertukangan • Polistirena
• Logam (aluminium dan tin)
Barangan cecair
• Contohnya, minuman, minyak, cecair • Plastik (tiub)
pencuci dan ubat-ubatan • Logam (aluminium dan tin)
• Kertas dan kadbod
• Kaca
Barangan makanan
• Contohnya, biskut, aiskrim, • Kertas dan kadbod
buah-buahan dan coklat • Polistirena
• Logam (aluminium dan tin)
Barangan fabrik
• Contohnya, baju dan kasut • Kertas dan kadbod
• Plastik
COKLAT
ALITI
PRODUK KU
PREMIUM
264 265
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
266 267
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Logo Logo
Gambar
Gambar Tarikh
luput (d) Lakaran komprehensif
Maklumat • Lakaran komprehensif bagi label
produk pembungkusan merujuk lakaran kasar
yang hampir menyerupai reka bentuk
Maklumat syarikat label pembungkusan sebenar.
Nama produk • Semua komponen lakaran mempunyai
Maklumat bahan
• Antara maklumat yang perlu dimasukkan
Logo dalam lakaran komprehensif ialah logo
Logo syarikat, maklumat produk dan elemen
yang boleh menarik minat pelanggan.
Gambar
Gambar
Rajah 5.15 Contoh lakaran komprehensif
Maklumat
bahan
268 269
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Ciri-ciri reka bentuk label pembungkusan yang baik Menghasilkan reka bentuk label pembungkusan yang baik dengan
Selain melindungi barangan, pembungkusan amat penting dalam pemasaran bagi membantu dalam
promosi penjualan. Oleh itu, pembungkusan memerlukan reka bentuk label pembungkusan yang
sesuai seperti berikut: sama ada perisian berlesen ataupun perisian sumber terbuka.
1 Mengandungi semua maklumat penting dan Langkah 1 • Kenal pasti perisian yang ingin digunakan.
lengkap
• Logo, nama produk, alamat syarikat dan maklumat yang
berkaitan. Langkah 2 • Tetapkan saiz, mod dan resolusi bagi reka bentuk label pembungkusan.
• Senarai bahan, berat bersih, cara penggunaan dan tarikh luput.
270 271
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Langkah 4 • Sisipkan imej yang bersesuaian dengan produk. Langkah 6 • Buat tetapan pada imej dan teks bersesuaian dengan fungsi teks tersebut.
• Berikan kesan khas yang bersesuaian pada teks dan imej. Copy teks. Klik
Langkah 5 • Masukkan teks yang sesuai untuk nama produk, maklumat penjual dan Langkah 7 pilihan warna.
maklumat lain yang berkaitan.
272 273
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 5 l PENGHASILAN KARYA GRAFIK DIGITAL
Langkah 8 • Simpan hasil karya dalam format fail yang bersesuaian. Menyediakan label pada pembungkusan
Klik File
cetakan, saiz cetakan dan penampilan akhir label pada pembungkusan supaya hasil rekaan label
Klik Save
Dari segi cetakan, terdapat tiga jenis skala cetakan yang boleh dihasilkan seperti cetakan monokromatik,
skala kelabu (grayscale) dan berwarna.
Nyummy Nyummy
ChocCookies
ChocCookies ChocCookies
ChocCookies
More chips..... More chips.....
.......More fun .......More fun
Ingredients: Ingredients:
sugar . butter . egg . flour . sugar . butter . egg . flour .
Klik Save
Cetakan monokromatik Cetakan skala kelabu (grayscale) Cetakan berwarna
Langkah 9 • Semak semula hasil karya dan buat penyuntingan jika perlu.
menetapkan saiz yang betul mengikut ukuran pembungkusan yang akan digunakan supaya tiada
masalah semasa proses menampal label pada pembungkusan produk.
Nyummy
ChocCookies
ChocCookies
Nyummy
More chips.....
ChocCookies
ChocCookies
.......More fun Nyummy
More chips..... ChocCookies
Ingredients:
sugar . butter . egg . flour . .......More fun
ChocCookies
baking soda . milk .
dark chocolate chunk Ingredients:
sugar . butter . egg . flour . More chips.....
baking soda . milk .
dark chocolate chunk .......More fun
Ingredients:
sugar . butter . egg . flour .
baking soda . milk .
dark chocolate chunk
SILA
IMBAS
Contoh rekaan label
pembungkusan
menggunakan perisian
Adobe Illustrator
kod QR
Ilustrasi 5.16 Contoh label yang telah ditampal pada pembungkusan
274 275
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5
Cara pelaksanaan:
Langkah 1 Elemen visual yang dipilih bagi
Maksud pengiklanan
Satu kaedah komunikasi untuk
Maksud pembungkusan
Pembungkusan merupakan
• Murid dikehendaki mendapatkan satu contoh label bungkusan. mewakili sesebuah syarikat menyampaikan mesej pengiklan satu kaedah penyimpanan
secara menyeluruh. kepada audiens melalui media untuk melindungi sesuatu
Langkah 2 pengiklanan, iaitu media cetak atau barangan daripada rosak
• Kenal pasti maklumat yang terdapat pada setiap label media elektronik. dan tercemar serta mudah
Kepentingan logo dalam dikenali.
pembungkusan tersebut. identiti korporat Kepentingan pengiklanan
Langkah 3 • Menarik perhatian
• Tanggapan awal
• Penyampaian maklumat yang
jelas, ringkas dan mudah
Kepentingan reka bentuk
• Berdasarkan contoh yang diperoleh, hasilkan lakaran kecil, lakaran pembungkusan
• Asas kepada identiti jenama difahami.
kasar dan lakaran komprehensif bagi label produk pembungkusan • Memudahkan sesuatu produk
syarikat • Memberi gambaran terperinci
yang ingin dipasarkan. dibawa ke mana-mana dan
• Mudah diingati tentang produk atau perkhidmatan
• Murid perlu memilih dan menentukan jenis produk sama ada untuk proses pengangkutan.
• Menonjolkan keunikan kepada audiens yang disasarkan.
makanan, ubatan atau lain-lain. • Meningkatkan kualiti produk
syarikat atau produk • Audiens dapat membuat
supaya kelihatan menarik.
perbandingan antara satu produk
Langkah 4 barangan
• Meyakinkan audiens dengan produk yang lain. • Memudahkan penyimpanan
dan penggunaan produk.
• Menjamin kesetiaan • Mempengaruhi dan menimbulkan
keyakinan dalam kalangan audiens • Mengekalkan kesegaran
pembungkusan bagi produk tersebut. pengguna
terhadap sesuatu produk. sesuatu produk seperti
• Jangkaan audiens barangan makanan.
• Maklumat yang tidak kompleks
dan mudah untuk diingati. • Melindungi produk
daripada faktor yang boleh
Melakar logo • Kepelbagaian media atau
L ATIHAN • Pictorialmarks
• Wordmarks
platform boleh digunakan dalam
reka bentuk iklan yang sama.
mempengaruhi kualiti
barangan seperti masa, rasa
dan bau.
• Combination • Dapat menarik perhatian
1. Apakah yang dimaksudkan dengan pembungkusan? Kaedah pengiklanan pembeli dengan
• Media cetak: Bahan iklan yang menggunakan kelebihan
Penghasilan reka bentuk disampaikan secara bercetak dari segi reka bentuk dan
2. Apakah kepentingan reka bentuk pembungkusan? logo yang bersesuaian seperti surat khabar, majalah, pemilihan warna.
dengan identiti korporat katalog, risalah, poster dan kad • Satu daripada cara
3. Nyatakan empat ciri pembungkusan yang baik. dengan menggunakan perniagaan. memasarkan produk secara
• Media elektronik: Bahan iklan tidak langsung.
4. Pada pendapat anda, apakah kriteria label pembungkusan yang menarik perhatian • Proses pengolahan idea yang disampaikan menggunakan
pengguna. Huraikan jawapan anda. • Proses melukis logo peralatan elektronik seperti radio,
menggunakan perisian televisyen, Internet, papan iklan Maklumat bentuk
pembungkusan
5. Berdasarkan pengalaman anda, perisian manakah yang mudah digunakan untuk digital dan telefon.
membuat label pembungkusan dan huraikan alasan anda. • Proses mencetak logo • Jenama
Bahan promosi dalam • Imej
6. Ibu anda bercadang untuk berniaga kek cawan di sekitar kawasan tempat tinggal pengiklanan • Sasaran
anda. Cadangkan jenis bahan pembungkusan yang sesuai untuk produk tersebut. • Gegantung • Poster
Kemudian, jelaskan ciri-ciri pembungkusan dan label yang baik untuk produk itu. • Kain rentang • Iklan interaktif
• Risalah
276 277
Ref.
Refleks i L .P
P e ngukuhan
Tandakan ( ) pada tahap penguasaan anda. Jawab semua soalan.
Selepas mempelajari modul ini, saya dapat: 1. Identiti korporat ialah __________________________.
A. imej atau ciri-ciri yang terdapat pada bahan promosi
5.1 Identiti Korporat FAHAM TIDAK FAHAM B. alat yang digunakan untuk membungkus sesuatu produk
C. sebuah organisasi, perbadanan, pertubuhan atau syarikat perniagaan yang sah di sisi
undang-undang
D. imej atau ciri-ciri yang ada dalam sesebuah organisasi, perbadanan, pertubuhan atau
Menerangkan kepentingan logo dalam identiti korporat.
syarikat perniagaan yang sah di sisi undang-undang
Melakar logo pictorialmarks, wordmarks dan combination.
2. Berikut ialah kepentingan logo dalam identiti korporat kecuali ______________________.
Menghasilkan reka bentuk logo yang bersesuaian dengan A. menjamin kesetiaan pengguna
identiti korporat.
B. asas kepada identiti jenama syarikat
Menghasilkan rekaan identiti korporat menggunakan logo C. memberi pengetahuan tentang produk
yang telah dipilih. D. menonjolkan keunikan syarikat atau produk
5.2 Pengiklanan FAHAM TIDAK FAHAM 3.
Menyatakan maksud pengiklanan.
Menghasilkan bahan promosi untuk tujuan pengiklanan. Gambar di atas adalah antara contoh ____________________.
A. pemasaran
5.3 Pembungkusan FAHAM TIDAK FAHAM B. pengiklanan
C. pembungkusan
Menyatakan maksud pembungkusan. D. identiti korporat
Menjelaskan kepentingan reka bentuk pembungkusan.
4. Kaedah pengiklanan terbahagi kepada dua iaitu ___________________________.
Mengenal pasti maklumat label reka bentuk pembungkusan. (I) media cetak
(II) media sosial
Menyesuaikan bahan pembungkusan berdasarkan jenis (III) media semasa
barangan.
(IV) media elektronik
Melakar reka bentuk label pembungkusan.
A. I dan II
Menentukan ciri reka bentuk label pembungkusan yang baik. B. I dan IV
Menghasilkan reka bentuk label pembungkusan yang baik C. I, II dan III
D. II, III dan IV
278 279
5. 10. Pada pendapat anda, apakah yang akan berlaku sekiranya sesuatu perusahaan tidak
Reka bentuk hendaklah mementingkan kesesuaian benda yang dilindungi mempunyai identiti korporat? Huraikan jawapan anda.
dan memastikan benda di dalamnya dapat dilindungi dengan baik.
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
Pernyataan di atas merujuk maksud ________________________________. ………………………………………………………………………………………………………………………………………
A. pemasaran ………………………………………………………………………………………………………………………………………
B. pengiklanan
C. perkhidmatan 11. Jelaskan kelebihan sesuatu logo dalam identiti korporat.
D. pembungkusan
………………………………………………………………………………………………………………………………………
6. Yang berikut ialah kepentingan reka bentuk pembungkusan iaitu _________________________. ………………………………………………………………………………………………………………………………………
(I) memudahkan penyimpanan dan penggunaan produk ………………………………………………………………………………………………………………………………………
(II) mengekalkan kesegaran sesuatu produk seperti produk makanan
………………………………………………………………………………………………………………………………………
(III) melindungi produk daripada faktor yang boleh mempengaruhi kualiti produk seperti masa,
rasa dan bau
(IV) medium bagi menyampaikan mesej yang lebih panjang dan kompleks dengan cara yang 12. Nyatakan perbezaan antara jenis logo berikut:
lebih menarik dan kreatif
Pictorialmarks Wordmarks Combination
A. I dan II
B. I, II dan III
C. I, III dan IV
D. II, III dan IV
7. Yang berikut adalah antara ciri reka bentuk label pembungkusan yang baik iaitu
______________.
13. Antara iklan media cetak dan media elektronik, yang manakah menjadi pilihan anda sekiranya
A. logo, warna dan nama syarikat
B. nama perniagaan, rekaan logo baharu dan nombor telefon untuk dihubungi
C. mendaftar perniagaan di Google My Business dan memuat naik video promosi dalam TikTok ………………………………………………………………………………………………………………………………………
D. nama produk pada label produk, tanda harga pada barangan dan tarikh luput pada ………………………………………………………………………………………………………………………………………
barangan
………………………………………………………………………………………………………………………………………
8. _______________________ ialah gabungan logo antara wordmarks dan pictorialmarks. ………………………………………………………………………………………………………………………………………
A. Wordmarks
B. Combination 14. Apakah ciri-ciri bahan promosi yang menarik? Jelaskan jawapan anda berserta contoh.
C. Pictorialmarks ………………………………………………………………………………………………………………………………………
D. Wordmarks dan combination
………………………………………………………………………………………………………………………………………
9. Yang manakah antara berikut maksud label? ………………………………………………………………………………………………………………………………………
A. Jaluran kain yang panjang dan direntang di tepi jalan.
15. Sebuah syarikat yang menjalankan perkhidmatan hiasan dalaman telah melantik anda
B. Reka letaknya secara menegak iaitu tulisan ditulis secara menegak dari atas ke bawah.
C. Kaedah penyimpanan untuk melindungi sesuatu barangan daripada rosak dan tercemar.
yang perlu anda ambil?
D. Kepingan kecil kertas atau kad dan lain-lain yang diletakkan atau ditampalkan pada
pembungkusan sesuatu produk. ………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
280 281
16. Isikan maklumat label reka bentuk pembungkusan pada gambar di bawah. 19.
184 13 g 9g 15 g 5g
kalori karbohidrat protein lemak
Diperbuat daripada 6 × 45 g
bahan-bahan organik
(a) Berdasarkan gambar label pembungkusan produk di atas, senaraikan kelemahan yang
terdapat pada label pembungkusan. Cadangkan penambahbaikan yang boleh dilakukan
17. Anda telah dilantik sebagai seorang pereka bagi mereka bentuk pembungkus produk pada label pembungkusan tersebut.
makanan yang berkonsepkan kelestarian alam sekitar. Hasilkan lakaran anda itu di atas
kertas A4 dan nyatakan perisian yang akan anda gunakan untuk menghasilkan …………………………………………………………………………………………………………………………………
reka bentuk pembungkusan. …………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… (b) Lakarkan penambahbaikan yang boleh dilakukan pada label pembungkusan di atas
……………………………………………………………………………………………………………………………………… mengikut kreativiti anda pada ruangan di bawah.
Jenis bahan
Fungsi Ukuran Bahan Penggunaan
promosi
Gegantung
Risalah
Poster
Kain rentang
Iklan interaktif
282 283
MODUL 6
Dalam modul ini, murid akan didedahkan dengan asas penerbitan meja, pengolahan idea karya
penerbitan meja dan penghasilan karya penerbitan meja. Objektif utama pembelajaran dalam modul
ini adalah untuk memberikan pengetahuan tentang asas penerbitan meja dan pengolahan idea
melibatkan proses pemikiran kreatif untuk menghasilkan konsep yang unik dalam penyampaian
maklumat secara visual. Seterusnya, murid boleh mengaplikasikan pengetahuan tersebut dalam
REKA BENTUK
proses menghasilkan karya kepada bentuk visual seperti surat khabar, risalah, iklan dan poster dalam
bentuk fail digital. Murid juga turut belajar tentang penyediaan proses pre-press, jenis penjilidan dan
cetakan serta kemasan hasil karya akhir penerbitan.
PENERBITAN MEJA
(DESKTOP PUBLISHING)
STANDARD KANDUNGAN
Objektif
• Memperkenalkan murid dengan asas
penerbitan meja.
• Mendedahkan murid dengan pengolahan
idea karya penerbitan meja.
• Membimbing murid untuk menghasilkan
karya penerbitan meja.
• Menilai jenis penjilidan yang sesuai untuk
proses kemasan hasil karya akhir penerbitan
meja. Kata Kunci
• Penerbitan meja
kemasan yang dipilih untuk hasil akhir karya •
penerbitan. •
• Mekap contoh (mock-up)
Hasil pembelajaran • Fitur
• Murid boleh menerangkan dan memahami •
asas penerbitan meja dan contoh karya
penerbitan meja.
•
• Membolehkan murid menghasilkan mekap
contoh karya penerbitan meja.
• Pull-quote
• Murid boleh menghasilkan karya penerbitan
•
mencetak hasil karya akhir penerbitan. • Penjajaran (alignment)
• Menghuraikan proses kemasan hasil karya • Wrapping
akhir penerbitan. • Hyphenation
• Melaksanakan proses kemasan bagi karya • Drop cap
penerbitan meja secara beretika dan kreatif. • Proses kemasan
284 285
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
penerbitan meja.
penyuntingan bahan bacaan seperti poster, risalah, buku dan lain- 6.1.2 Memberi contoh karya
lain lagi dengan menggunakan perkakasan dan perisian komputer. penerbitan meja.
Proses penerbitan meja dilakukan dengan menaip teks 6.1.3 Menerangkan keperluan
secara terus atau mengimport teks daripada perisian pemprosesan perkakasan dan perisian
perkataan. Seterusnya, imej yang hendak dimasukkan boleh penerbitan meja.
6.1.4 Membanding beza
diambil daripada clip art library. penerbitan meja:
(i) Media cetak
(ii) Media elektronik
Katalog
Kalendar
Perisian
Fail penerbitan meja boleh diedarkan melalui dua kaedah, iaitu secara cetakan atau elektronik.
Contoh fail penerbitan meja bagi kaedah cetakan ialah surat khabar, majalah, buku dan katalog manakala
Majalah Risalah (Flyer)
fail bagi kaedah elektronik adalah seperti PDF, e-mel, e-buku dan laman web.
286 287
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Pengimbas
Alat untuk mengimbas bahan bercetak
dan menukarkan bahan tersebut dalam
bentuk digital. Pencetak
Kad menu Sijil
Alat untuk mencetak hasil kerja akhir dari
komputer ke dalam bentuk cetakan.
KBAT KBAT
Adakah karya penerbitan meja terhad kepada Nyatakan dan namakan perkakasan
bahan bercetak sahaja? Bincangkan. penerbitan meja selain contoh di atas.
288 289
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Microsoft Adobe
Google Docs GIMP
Word Photoshop
Perisian pemprosesan perkataan Perisian penyuntingan imej
• Perisian komputer yang digunakan untuk menaip,
memformat serta mencetak dokumen. iaitu sebarang data media sama ada dalam bentuk
Perisian teks atau imej. Perisian
Perisian • Boleh melakukan kerja susun atur ringkas perkataan, Perisian
sumber • Boleh mengedit imej mengikut kesesuaian sesuatu sumber
berlesen tetapi kurang sesuai untuk susun atur halaman. berlesen
terbuka rekaan penerbitan meja. terbuka
• Tidak sesuai digunakan untuk mencetak karya secara
komersial. • Antara format fail yang boleh dihasilkan ialah .jpg,
.pict, .bmp, .tiff dan .png.
Adobe Adobe
InDesign Canva Illustrator Inkscape
290 291
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
6. Apakah format fail yang sesuai digunakan dalam perisian penyuntingan ilustrasi?
292 293
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Pelaksanaan kajian lapangan berdasarkan Murid boleh: Jenis karya Media penerbitan
keperluan penerbitan meja 6.2.1 Melaksanakan kajian
lapangan berdasarkan Kad ucapan yang berbentuk lipatan Media cetak
Sebelum membangunkan karya penerbitan meja, kajian lapangan keperluan penerbitan meja.
perlu dijalankan terlebih dahulu bagi mengenal pasti keperluan 6.2.2 Mencadangkan reka letak
penerbitan meja yang diperlukan sepanjang proses penghasilan teks dan imej menerusi Perkakasan dan perisian Jenis bahan
lakaran.
karya. Komputer, Microsoft Publisher dan
6.2.3 Menghasilkan mekap contoh Kertas glossy
Antara keperluan kajian lapangan bagi penerbitan meja adalah mesin pencetak
(mock-up) karya penerbitan
seperti berikut: meja.
Tema Proses kemasan
perlu mengenal pasti terlebih dahulu jenis karya yang ingin dihasilkan sama ada jenis brosur,
majalah, buku atau lain-lain.
media cetak atau media elektronik. Pemilihan ini bergantung pada kesesuaian audiens yang
disasarkan.
iii. Perkakasan dan perisian penerbitan meja Untuk semua Ibu terbaik di dunia
Perkakasan dan perisian yang lengkap memainkan peranan penting dalam penghasilan karya.
Selamat H ar i Ibu
v. Tema Selamat
Setiap karya yang dihasilkan mempunyai tujuan dan objektif yang tersendiri. Oleh itu, pemilihan
tema penting agar objektif dan tujuan karya yang dihasilkan dapat dicapai.
Hari Ibu
294 295
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Cadangan reka letak teks dan imej menerusi lakaran Menghasilkan Bahagian hadapan Bahagian belakang
lakaran kasar 1
Bagi menghasilkan reka letak teks dan imej, terdapat tiga kaedah reka letak yang digunakan oleh
• Lakaran kasar
akhir bergantung pada reka letak imej dan teks tersebut. Kebiasaannya, pereka akan menghasilkan memberikan
lebih daripada satu lakaran untuk menghasilkan reka letak yang baik dengan menggunakan ketiga- gambaran tentang
tiga kaedah lakaran ini. Proses melakar reka letak melibatkan beberapa langkah seperti di bawah: lakaran akhir
menghasilkan
beberapa lakaran 3
kecil secara
ringkas dengan
menggunakan Rajah 6.5 Lakaran kasar bahagian hadapan dan belakang kad ucapan
pensel. berbentuk lipatan
• Elemen yang
terdapat dalam Info
beberapa INFO Menarik
lakaran kecil ini
dipelbagaikan e-Kad
mengikut hasil Elektronik kad adalah sama seperti kad ucapan seperti kad hari lahir dan kad sambutan
kajian lapangan. perayaan tetapi dibuat menggunakan media digital dan bukan kertas atau bahan yang lain.
E-kad boleh didapati dalam pelbagai laman web dan boleh dihantar kepada penerima sama ada
Rajah 6.4 Lakaran kecil bahagian hadapan dan belakang kad ucapan melalui e-mel, mesej atau aplikasi-aplikasi lain. Antara jenis e-kad ialah poskad, kad ucapan,
berbentuk lipatan dan e-kad video. Penggunakan e-kad dapat menjimatkan kos dan cepat
dihantar kepada penerima.
296 297
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
298 299
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
F Murid boleh:
Tajuk: Risalah meja 6.3.1 Menjelaskan fungsi alat
Objektif: Menghasilkan mekap contoh risalah berdasarkan situasi
Terdapat banyak perisian penyuntingan yang boleh digunakan penerbitan meja.
dengan menggunakan proses pengolahan idea.
dalam penerbitan meja. Setiap perisian mempunyai fungsi yang 6.3.2 Membuat penetapan
Bahan dan peralatan: Kertas A4, pen, komputer, mesin dokumen:
pencetak, kertas warna dan perisian yang bersesuaian. tersendiri.
(i) Saiz halaman dan
Yang berikut adalah antara bahagian penting dalam perisian
margin
penyuntingan reka letak seperti Page, Tools Panel, Control Panel,
Encik Ahmad merupakan seorang peniaga komputer. Rulers, Panels dan Workspaces. (ii) Grid dan lajur
Beliau bercadang untuk mengadakan "Jualan Hujung (iii) Halaman utama
Tahun" pada hujung tahun ini. Bagi mempromosikan Workspaces (master page)
jualan, Encik Ahmad hendaklah menyediakan satu (iv) Palet warna
bahan promosi supaya orang ramai dapat mengetahui (v) Stail perenggan
maklumat jualan yang akan diadakan. Sebagai pereka Control Panel
Tools Panel 6.3.3 Menyisip dan menyusun
teks dan imej dengan
tersebut mengikut langkah-langkah penerbitan meja
yang telah dipelajari. yang sesuai.
6.3.4 Menghasilkan karya
• Berdasarkan situasi di atas, murid dikehendaki menjalankan kajian lapangan sebelum menghasilkan (i)Pengepala dan Pengaki
Panels (Header and Footer)
(ii) Tajuk Silang dan Tajuk
• Langkah 2 • Langkah 4 Rulers Page Samping (Crosshead
Setiap kumpulan dikehendaki membuat reka Hasilkan mekap contoh bagi bahan promosi and Sidehead)
Rajah 6.8 Bahagian penting dalam perisian penyuntingan reka letak
letak bahan promosi yang dipilih. tersebut. (iii) Pull-quote
(iv) Pengengsotan
• Langkah 3 • Langkah 5 Jadual 6.2 Fungsi bahagian penting dalam perisian penyuntingan reka letak
(Indentation)
Hasilkan beberapa lakaran kecil. Kemudian, Bentangkan hasil akhir bahan promosi (v) Penjajaran (Alignment)
buat lakaran kasar berdasarkan lakaran masing-masing di hadapan kelas diikuti sesi Item Fungsi (vi) Wrapping
kecil. Seterusnya, buat lakaran komprehensif soal jawab dengan rakan sekelas. Page artwork.
(vii) Hyphenation
bagi reka letak bahan promosi tersebut. (viii) Drop cap
Tools Panel Alat yang digunakan untuk menyunting dokumen. 6.3.5 Menyediakan fail untuk
Control Panel Fungsi dan pilihan untuk Tool dan objek terpilih. proses pre-press.
6.3.6 Mencadangkan jenis
Penetapan garisan di bahagian kiri atau atas
Rulers penjilidan yang bersesuaian
Workspaces sebagai panduan.
L ATIHAN Panels
menu.
dengan hasil karya
penerbitan meja.
6.3.7 Mencetak dan melaksanakan
Workspaces Mengawal reka letak Panels.
1. Apakah yang anda faham berkenaan dengan kajian lapangan dalam penerbitan meja? hasil karya akhir penerbitan.
2. Nyatakan empat keperluan yang perlu dikenal pasti dalam kajian lapangan sebelum
menghasilkan karya. SILA
IMBAS
3. Apakah tujuan menghasilkan mekap contoh? Adobe InDesign
Basics
4. Senaraikan langkah yang perlu diambil untuk menghasilkan mekap contoh.
kod QR
300 301
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Penetapan dokumen
b Klik Layout Margins and Columns. Apabila tetingkap Margins
and Columns muncul, masukkan bilangan lajur yang dikehendaki
a Klik Create New. Sebuah tetingkap New Document akan muncul.
Grid dan lajur di ruangan Numbers. Pereka juga boleh menetapkan jarak antara
Saiz halaman Masukkan saiz halaman dan margin yang dikehendaki. Pereka juga lajur. Kemudian, klik OK.
dan margin boleh memilih untuk menggunakan saiz halaman atau margin yang
telah disediakan. Kemudian, klik Create. Klik Layout
Klik Margins and Columns
Klik OK
Penetapan margin
Klik Create
302 303
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
c d
Klik Swatches. Satu siri warna akan muncul. Pereka boleh memilih
Halaman utama Klik Pages. Kemudian, klik pada A-Master untuk membuat sebarang warna yang disukai. Sekiranya pereka ingin menambah warna
(master page) penetapan reka letak untuk semua halaman. Palet warna baharu, klik ikon di sebelah atas kanan. Kemudian, klik New
Color Swatches untuk melaraskan nilai warna yang dikehendaki.
Kemudian, klik OK.
Klik Pages
Klik
Swatches
Klik A-Master
304 305
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
M
e yang sesuai
Klik Paragraph Styles. Kemudian, klik ikon di bahagian bawah
tetingkap untuk membuat stail perenggan yang baharu. Klik
Stail perenggan Menyisip dan menyusun teks
Paragraph Style 1 untuk menetapkan stail perenggan seperti yang a
dikehendaki. Apabila selesai membuat tetapan, klik OK.
• Klik Type Tool dan bina text box pada halaman fail.
• Masukkan teks ke dalam text box.
• Sekiranya ingin mengubah jenis dan saiz muka taip, select text, klik Character dan pilih muka
taip daripada senarai. Sekiranya ingin mengubah kedudukan teks, tarik text box tersebut.
Klik
Bina text box dan masukkan
Paragraph
teks yang dikehendaki
Styles
Klik ikon
Klik mana-mana
stail yang ingin
ditetapkan Teks selepas pemilihan jenis
Klik Paragraph font dan saiz Jenis
Style 1
muka taip
Klik
Saiz Character
Kedudukan text box selepas muka taip
ditarik ke bawah
Klik OK
306 307
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Klik Place
Klik Pages
Klik A-Master
Klik Open
308 309
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
• Pada bahagian bawah halaman, masukkan nombor muka surat automatik. Untuk memasukkan • Klik Pages. Kemudian, klik pada halaman 1 untuk kembali ke halaman.
nombor muka surat automatik, bina text box. Kemudian klik Type Insert Special Character
Markers Current Page Number.
Klik Type
Paparan imej berada di Klik Pages
bahagian atas halaman
sebagai Header
Klik halaman 1
Klik Current
Page Number
Paparan nombor
muka surat automatik
menjadi 1 di halaman
Text box untuk nombor
muka surat automatik
sebagai Footer
b Tajuk silang dan tajuk samping (Crosshead and Sidehead)
• Paparan di halaman utama adalah seperti berikut: Crosshead ialah subtajuk yang terdapat dalam teks. Biasanya Crosshead ditulis dengan saiz muka taip
yang lebih besar daripada teks untuk meningkatkan kebolehbacaan.
• Untuk membuat Crosshead, klik Type Tool dan bina text box pada halaman fail. Kemudian, masukkan
teks Crosshead ke dalam text box.
• Klik Character untuk mengubah fon kepada tebal dan menetapkan saiz muka taip kepada saiz yang
lebih besar berbanding dengan saiz muka taip teks.
Crosshead
Klik
Jenis fon Character
tebal
Paparan nombor
muka surat automatik
di halaman utama
310 311
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Sidehead ialah satu perkataan yang diserlahkan dalam sesuatu perenggan. Biasanya sidehead ditulis
dengan fon yang lebih tebal daripada teks dan terdapat pada permulaan perenggan. d Pengengsotan (Indentation)
• Untuk membuat sidehead, klik Type Tool dan bina text box pada halaman fail. Kemudian, masukkan
teks sidehead ke dalam text box. Indentation ialah ruang kosong pada baris pertama cetakan atau tulisan.
• Klik Character untuk mengubah perkataan kepada fon yang lebih tebal. Perkataan lain dalam • Untuk membuat indentation, pilih semua teks yang dikehendaki, klik Paragraph dan masukkan nilai
perenggan dikekalkan dengan fon biasa. jarak yang dikehendaki.
Klik
Character
Sidehead Klik
Paragraph
Jenis fon
tebal
c Pull-Quote
Pull-Quote ialah perkataan penting yang dikeluarkan daripada sesuatu perenggan untuk menyerlahkan
perkataan tersebut. Biasanya, pull-quote ditulis dengan jajaran tengah, saiz muka taip yang lebih
besar dan mempunyai tanda pembuka dan penutup kata.
Baris pertama
setiap perenggan
mempunyai
ruang kosong
Masukkan nilai Klik
jarak Indentation Paragraph
Pull-Quote
312 313
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Wrapping digunakan pada imej untuk mengelakkan teks terlindung oleh imej.
pendek atau pull-quote, align left lebih sesuai digunakan untuk mengelakkan jarak antara perkataan
terlalu besar.
•
last line aligned left.
• Untuk membuat align center, pilih semua teks yang dikehendaki, klik Paragraph dan pilih Align
center.
Sebahagian
teks terlindung
oleh imej
• Lukis mengikut bentuk di sekitar imej. Klik bentuk yang dilukis. Kemudian, klik Text Wrap
Wrap around object shape.
Klik Wrap
around object Klik Text
shape Wrap
SILA
• Sekiranya teks terlindung oleh imej, perisian penyuntingan IMBAS
reka letak akan memberi amaran bahawa terdapat kesilapan. Tanda amaran
Pereka boleh mengubah kedudukan text box supaya teks tidak sekiranya terdapat
terlindung oleh imej. kesilapan
kod QR
314 315
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Hyphenation ialah tanda sempang yang digunakan untuk menyambungkan satu perkataan yang Drop cap ialah satu cara untuk menjadikan beberapa huruf pertama pada perenggan pertama agar
terpisah kepada dua baris. Hyphenation tidak digalakkan dalam sesuatu perenggan kerana mengganggu kelihatan lebih besar berbanding dengan huruf-huruf yang lain.
keterbacaan. • Klik perenggan pertama. Kemudian, klik Paragraph. Masukkan bilangan baris yang dikehendaki.
Tanda rait ( )
pada Hyphenate
• Huruf yang dijadikan drop cap boleh ditukarkan kepada fon dekoratif.
• Untuk mengelakkan hyphenation, klik pada text box. Kemudian, klik Paragraph dan pastikan tidak
menanda rait pada Hyphenate.
Fon untuk
drop cap
ditukar Klik
kepada fon Pilih fon
Character
dekoratif dekoratif
Teks tidak
mempunyai hyphen
Klik
Paragraph
SILA
IMBAS Contoh penghasilan karya
penerbitan meja dengan
perisian penyuntingan
reka letak yang lain
kod QR
316 317
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Tajuk: Resume
Objektif: Menghasilkan resume menggunakan perisian yang sesuai.
Bahan dan peralatan: Komputer, perisian yang bersesuaian, SORAYA IDRUS
Pre-Press Press Post-Press
mesin pencetak dan peralatan lain yang sesuai. Maklumat Peribadi Proses Proses Proses kemasan
memindahkan percetakan akhir bahan
Akamat: C-309, Block C, Taman Tenaga,
1
Latar Belakang Pendidikan
Langkah Kemahiran
2013 – 2018
SK Taman Tenaga
2019 – kini
2
SK Taman Tenaga
Pengalaman Kerja
Langkah
Sumber Rujukan
Reka Bentuk 2020 – kini
Poster Media
Encik Abu Johan bin Hashim Puan Irdiyana binti Soleh
Sosial
Guru mata pelajaran Guru mata pelajaran
SMK Taman Tenaga
• Antara perkara yang perlu dimasukkan dalam resume ialah SMK Taman Tenaga
Tel: 03 – 8989 7878
E-mel: abujohan@smktt.edu.my
SMK Taman Tenaga
Tel: 03 – 8989 7878
E-mel: irdiyana@smktt.edu.my
Penyediaan fail untuk proses pre-press merujuk percetakan digital. Percetakan digital ialah kaedah
percetakan daripada fail imej digital kepada pelbagai jenis media. Fail imej digital seperti PDF atau
L ATIHAN fail dengan format yang sama bagi karya penerbitan meja boleh dihantar untuk dicetak pada media
seperti kertas, kertas foto, kanvas, fabrik kain dan kertas kad.
Percetakan digital menjimatkan masa dan wang kerana tidak menggunakan plat. Kaedah
1. Senaraikan tiga bahagian penting dalam perisian reka letak. percetakan digital menggunakan jet laser atau dakwat laser.
2.
c
a
b d
(a) ……………………………………………………………………………………………………………………………
(b) ……………………………………………………………………………………………………………………………
(c) ……………………………………………………………………………………………………………………………
(d) ……………………………………………………………………………………………………………………………
Ilustrasi 6.1 Proses semakan fail untuk proses pre-press Ilustrasi 6.2 Proses percetakan digital
3. Berikan fungsi bahagian Workspaces.
4. Apakah tujuan penggunaan halaman utama (Master Page)?
5. Mengapakah hyphenation perlu dielakkan dalam bahan penerbitan meja?
318 319
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Proses pre-press
Cadangan jenis penjilidan yang bersesuaian
dengan hasil karya penerbitan meja
Penjilidan merupakan proses menyusun, menjahit dan melekatkan Info
Pre-press biasanya digunakan dalam industri percetakan untuk merujuk semua Menarik
helaian kertas sehingga helaian menjadi banyak dan membentuk INFO
kegiatan pencetakan setelah pesanan daripada pelanggan diterima.
sebuah buku. Panduan pemilihan jenis
Seterusnya, buku yang telah dihasilkan memerlukan bahan penjilidan
Pre-press ialah proses penyediaan fail digital sebelum proses cetakan. yang sesuai untuk membuat muka depan dan belakang. Bahan Penjilidan memainkan peranan
yang diperlukan dalam proses menjahit atau mengikat buku penting dalam penampilan dan
ialah kertas dan kain. Bahan ini digunakan untuk meningkatkan prestasi buku yang ingin dicetak.
daya tarikan atau daya tahan buku tersebut. Proses memilih jenis penjilidan
Proses yang berlaku semasa pre-press terbaik untuk cetakan buku
Kepentingan penjilidan adalah untuk menjadikan buku
menghantar fail digital untuk dicetak. bergantung pada beberapa faktor,
sebuah naskhah yang kelihatan baik, tahan lama dan kemas. iaitu:
Kebiasaannya, syarikat percetakan mempunyai jabatan pre-press yang mengkaji • Fungsi buku.
fail digital pelanggan semula dan membuat penyesuaian dengan mesin percetakan • Jumlah halaman.
mereka. • Kualiti persembahan yang
diinginkan.
• Anggaran percetakan.
Proses ini dijalankan untuk memastikan hasil cetakan yang dihasilkan adalah
sama dengan fail digital yang diberikan oleh pelanggan. Jenis penjilidan
Perfect Binding
Crop mark atau trim mark merupakan garisan rujukan di penjuru kertas supaya
mesin pencetak boleh mengenal pasti kawasan kertas yang perlu dipotong atau • Perfect binding ialah penjilidan popular dengan menggunakan pelekat
dipangkas. untuk menggabungkan helaian kertas menjadi buku.
• Pelekat yang kuat digunakan pada tulang belakang untuk mengikat
kulit buku dengan halaman.
Crop mark membantu hasil cetakan menjadi lebih kemas dan seragam.
• Kebiasaannya digunakan untuk laporan korporat, buku katalog, brosur
produk, manual dan majalah.
Rajah 6.10 Penerangan proses pre-press • Menggunakan kualiti kulit muka depan dan belakang yang lembut.
• Kelebihan penjilidan ini ialah:
- Persembahan yang berkualiti tinggi.
Aktiviti asas semasa proses pre-press
- Tulang belakang yang sangat kuat dan tahan lama.
Periksa fail digital dengan teliti untuk membetulkan sebarang masalah yang boleh - Boleh dicetak pada tulang belakang.
1 - Sesuai untuk jangka masa pendek.
menghalang dokumen daripada dicetak.
2 Membuat semakan teks sama ada terdapat kesalahan ataupun tidak sebelum dicetak.
Case Binding
3
• Case binding ialah pilihan penjilidan buku premium. Setiap elemen
buku ini direka untuk ketahanan dan kualiti.
4 Membuat cetakan pertama bagi melihat ton warna yang dihasilkan selepas cetakan. • Biasanya digunakan untuk buku mewah (coffee table book) dengan
jumlah halaman antara 30 – 400 halaman.
• Kertas dilekatkan pada tulang belakang dengan menggunakan gam.
SILA • Menggunakan kualiti kulit muka depan dan belakang yang keras.
IMBAS
• Kelebihan penjilidan ini ialah:
Fasa-fasa yang berlaku
dalam proses pre-press - Persembahan yang berkualiti tinggi.
- Kualiti penjilidan lebih kuat dan tahan lama.
kod QR
320 321
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Proses press
kod QR
322 323
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 6 l REKA BENTUK PENERBITAN MEJA (DESKTOP PUBLISHING)
Proses post-press
Dalam percetakan digital, plat percetakan
4 nipis untuk membalut kertas atau kad yang telah dicetak. Antara
Ilustrasi 6.12 Proses penjilidan kaedah
• Langkah terakhir ialah pemeriksaan perfect binding
jenis laminasi ialah matt, gloss, silk, hot, cold dan stamping.
kualiti cetakan. Kualiti akan dilihat
dari aspek warna, dakwat dan Proses penjilidan melibatkan tiga langkah utama iaitu
cetakan sama dengan fail yang mengumpulkan, menyusun dan memasukkan.
dihantar atau tidak. • Helaian karya yang telah dicetak dikumpulkan antara tiga
hingga lapan inci.
• Helaian karya tersebut digabungkan dan disusun mengikut
susunan yang betul.
Ilustrasi 6.9 Mesin pencetak digital
• Karya yang sudah siap digabungkan akan dijilidkan
menggunakan beberapa kaedah seperti perfect binding, saddle Ilustrasi 6.13 Contoh buku yang
SILA IMBAS dihasilkan dengan percetakan digital
stitching atau spiral binding.
324 325
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5
326 327
Ref.
Ref leks i P e ngukuhan
L .P
Selepas mempelajari modul ini, saya dapat: 1. Penerbitan meja merujuk _________________________.
A. percetakan bahan-bahan maklumat
6.1 Asas Penerbitan Meja FAHAM TIDAK FAHAM B. penggunaan perisian untuk menghasilkan bahan promosi
C. penggunaan komputer untuk menghasilkan bahan media cetak
D.
bacaan seperti poster, risalah dan buku
Memberi contoh karya penerbitan meja.
2. Fail penerbitan meja boleh diedarkan melalui dua kaedah, iaitu secara edaran
___________________.
Menerangkan keperluan perkakasan dan perisian penerbitan
A. risalah dan cetakan
meja.
B. elektonik atau massa
Membanding beza penerbitan meja media cetak dan media C. cetakan atau elektronik
elektronik. D. media sosial dan elektronik
6.2 Pengolahan Idea Karya Penerbitan Meja FAHAM TIDAK FAHAM 3. Perisian pemprosesan perkataan digunakan untuk ________________________________.
A. menaip, mengedit dan memeriksa ejaan atau tatabahasa teks
Melaksanakan kajian lapangan berdasarkan keperluan B. menaip, memformat serta mencetak dokumen
penerbitan meja. C. percetakan komersial atau pengedaran elektronik, termasuk PDF, slaid, surat, e-mel, e-buku
dan laman web
Mencadangkan reka letak teks dan imej menerusi lakaran. D. percetakan profesional atau kegunaan penerbitan meja serta penerbitan elektronik dalam
talian atau pada skrin
Menghasilkan mekap contoh (mock-up) karya penerbitan
meja. 4. _____________________________ ialah proses menyalin idea kembali daripada lakaran kecil
dengan lebih jelas dan mendalam.
6.3 Penghasilan Karya Penerbitan Meja FAHAM TIDAK FAHAM A. Lakaran asli
B. Lakaran kecil
C. Lakaran kasar
meja. D. Lakaran komprehensif
Membuat penetapan dokumen, iaitu saiz halaman dan
margin, grid dan lajur, halaman utama (master page), palet 5. Pre-press ialah proses __________________.
warna dan stail perenggan. A. pemasangan dakwat dan laminasi
Menyisip dan menyusun teks dan imej dengan menggunakan
B. pemasangan kertas dan plat cetak
C. memindahkan fail digital ke plat percetakan
D. menentukan rupa dan bentuk produk dicetak
Menghasilkan karya penerbitan meja dengan
Mencadangkan jenis penjilidan yang bersesuaian dengan 7. Dalam proses penerbitan meja, terdapat banyak perisian yang boleh digunakan mengikut fungsi
hasil karya penerbitan meja. tersendiri. Senaraikan tiga contoh perisian yang digunakan untuk penyuntingan imej.
………………………………………………………………………………………………………………………………………
karya akhir penerbitan. ………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
328 329
8. Penerbitan meja boleh diedarkan melalui dua kaedah, iaitu media cetak atau media 14. Terangkan langkah-langkah untuk menghasilkan karya penerbitan meja dengan mengaplikasikan
elektronik. Terangkan perbezaan dan situasi persekitaran penggunaan kedua-dua bentuk header dan footer.
media tersebut.
………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………
9. Pada pendapat anda, apakah kebaikan media cetak dan media elektronik? Huraikan dan
nyatakan alasan anda. 15. Isikan tempat kosong dengan jawapan yang betul.
……………………………………………………………………………………………………………………………………… Wrapping
Crosshead Sidehead Indentation
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
(a) ……………………………… ialah subtajuk yang terdapat dalam teks.
………………………………………………………………………………………………………………………………………
(b) ……………………………… ruang kosong pada baris pertama cetakan atau tulisan.
10. Setiap penghasilan karya memerlukan perancangan dan penelitian yang betul mengikut
langkah-langkah yang telah ditetapkan. Pada pandangan anda, apakah kesan dan
kelemahan sekiranya pereka karya tidak mengikuti langkah-langkah tersebut? (c) Untuk mengelakkan teks terlindung oleh imej, teknik ……………………………… digunakan.
………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… 16. Lengkapkan jenis penjilidan yang bersesuaian dengan hasil karya penerbitan meja.
……………………………………………………………………………………………………………………………………… Jenis penjilidan
………………………………………………………………………………………………………………………………………
menyusun reka letak teks dan imej. Jelaskan ciri-ciri lakaran kecil.
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
12. Pada pendapat anda, mengapakah proses kajian lapangan penting sebelum menghasilkan
karya penerbitan meja?
17. Mengapakah pemilihan teknik-teknik penjilidan sesebuah penerbitan meja sangat penting?
……………………………………………………………………………………………………………………………………… Jelaskan implikasi yang bakal berlaku sekiranya pemilihan teknik penjilidan kurang tepat.
……………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………
13. Lengkapkan fungsi bahagian penting dalam perisian penyuntingan reka letak:
18. Terangkan tiga subproses yang terlibat semasa proses post-press.
Item Fungsi
………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
Page
………………………………………………………………………………………………………………………………………
Tools Panel ………………………………………………………………………………………………………………………………………
Rulers ………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………
Workspaces
330 331
MODUL 7 Objektif dan hasil pembelajaran
(arahan tekal no.12) Modul ini akan memperkenalkan murid-murid tentang asas dan ilmu keusahawanan yang melibatkan
KEUSAHAWANAN
diperkenalkan dengan projek pameran kreatif yang boleh digunakan dan pelaksanaan projek pameran
Kata Kunci
• • Jenayah siber
• • Netika
STANDARD KANDUNGAN • •
• Hak cipta • Harga (Price)
• Paten (patent) • Promosi (Promotion)
• • Saluran agihan (Place)
7.3 Projek Pameran Kreatif •
Objektif
• Membincangkan isu dan trend masa
hadapan yang berkaitan dengan bidang
Hasil pembelajaran
• Menganalisis dan mengeskplorasi trend
masa hadapan yang boleh diaplikasikan
berkumpulan.
332 333
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
7.1 Isu dan Trend Masa Hadapan Undang-undang ialah susunan peraturan dan ketentuan yang digubal oleh badan pemerintah
S.P Standard Pembelajaran
SILA
IMBAS
Perlindungan hak cipta di Malaysia berasaskan Akta Hak Cipta 1987. Akta ini ditubuhkan
bertujuan untuk melindungi karya tersebut dan pendapatan yang bakal diperoleh oleh Cara Memohon Cap Dagang
pencipta dan penerbit sesuatu karya.
kod QR
Ilustrasi 7.3 Contoh logo dengan tanda cap dagang
Paten ialah satu hak eksklusif yang dianugerahkan untuk sesuatu reka cipta, sama ada satu Reka bentuk merujuk corak atau bentuk sesuatu yang direka. Rekaan yang dihasilkan
produk atau satu proses untuk melakukan sesuatu yang baharu atau penyelesaian teknikal haruslah sesuatu yang baharu. Terdapat dua reka bentuk yang dilindungi di Malaysia iaitu:
atas sesuatu masalah. Antara reka cipta yang boleh dipatenkan adalah seperti berikut:
(i) Reka cipta baharu, iaitu reka cipta itu masih belum dizahirkan kepada orang (i) Reka bentuk perindustrian.
awam. (ii) Reka bentuk susun atur litar
(ii) Melibatkan langkah mereka cipta yang reka cipta itu tidak ketara kepada bersepadu.
seseorang yang mempunyai pengetahuan dan kemahiran dalam bidang
teknologi tersebut.
Setiap reka bentuk yang dihasilkan
(iii) Dapat digunakan dalam mana-mana industri. harus didaftarkan supaya pemilik reka
bentuk berdaftar mempunyai hak eksklusif
untuk membuat, mengimport, menjual,
Perlindungan paten bertujuan untuk memberikan menyewa atau menggunakannya bagi Ilustrasi 7.4 Contoh reka bentuk yang boleh
perlindungan terhadap produk atau proses sesuatu mendapat perlindungan reka bentuk
tujuan perdagangan atau perniagaan.
keluaran di bawah Akta Paten 1983. Dengan adanya akta SILA
Perlindungan reka bentuk diperuntukkan
IMBAS
di bawah Akta Reka Bentuk Perindustrian
produk dan proses baharu. Pada masa yang sama pemilik
1996 (Akta 552) dan Akta Reka Bentuk Akta Perlindungan Harta
paten akan bersedia untuk berkongsi dengan masyarakat Intelek
Ilustrasi 7.2 Contoh logo dengan Susun Atur Litar Bersepadu 2000.
tentang produk atau proses yang dihasilkan kerana telah
tanda paten
mendapat perlindungan undang-undang. kod QR
336 337
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
festival
1
Netika kebangsaan 9:00 pagi
3
mai 10 April
n Da
SMK Tama
Menggunakan
bahasa yang
sopan
Netika ialah gabungan antara network (jaringan) dan
ettiquette (etika). Netika merujuk etika dan peraturan
semasa berinteraksi dalam talian. Rajah 7.2 adalah
Asas
antara asas netika iaitu: 3 2
netika
Hormati Sebarkan
privasi maklumat yang
orang lain betul
Rajah 7.3 Contoh trend pemilihan Rajah 7.4 Contoh trend aplikasi GIF Rajah 7.5 Contoh trend gaya
konsep retro futurisme dalam pendekatan ilusi optik
Rajah 7.2 Asas netika
rekaan poster
Antara contoh isu netika yang sering berlaku pada masa ini ialah isu memberi dan menghantar komen
SILA SILA
IMBAS IMBAS
tujuan Akta Komunikasi dan Multimedia 1998 ditubuhkan adalah untuk menjadikan Malaysia sebagai
pusat dan tumpuan utama dunia bagi perkhidmatan komunikasi serta perkhidmatan maklumat Contoh trend Animated Gif
aplikasi GIF Maker
kandungan multimedia. Selain itu, bagi menjamin keselamatan maklumat dan kebolehpercayaan
serta keutuhan rangkaian. kod QR kod QR
338 339
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
M
digital dengan peluang kerjaya sebagai
diri dalam industri keusahawan dengan menjadi usahawan pereka
Info
INFO Menarik trend terkini.
Penghasilan karya
Perkhidmatan
rekaan
340 341
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
L ATIHAN
Akt ELEMEN MERENTAS
Abad ke-21 EMK KURIKULUM
Tajuk:
Objektif:
Bahan dan peralatan: Komputer, mesin pencetak, kertas A4, kertas sebak, kertas warna, pita
pelekat dan bahan lain yang bersesuaian.
Cara pelaksanaan: 2. Mengapakah Akta Komunikasi dan Multimedia 1998 ditubuhkan?
Langkah 1
gambar di bawah.
• Tampalkan kertas sebak di dinding untuk mewakili tiga trend, iaitu konsep,
aplikasi dan gaya pendekatan. Tampalkan maklumat tersebut di hadapan kelas.
Langkah 2
Trend Minimalis
berbeza untuk setiap trend.
Langkah 3
• Pastikan setiap kumpulan tidak menulis trend yang sama.
Langkah 4
• Setiap kumpulan akan bergerak ke kumpulan berdekatan
mengikut arah putaran jam.
(a) ……………………………………… (b) ………………………………………
Langkah 5
• Murid akan berbincang bersama-sama dengan guru tentang
hasil Gallery Walk.
Akt
A KTIVITI 2 Peta Pemikiran Kreatif Kemahiran
Abad ke-21 Jenis keusahawanan Potensi pelanggan
Bahan dan peralatan: Kertas A4, kertas sebak, pen, pen marker, kertas warna serta bahan dan
peralatan lain yang bersesuaian.
Cara pelaksanaan:
Langkah 1 Fotografi
Pengurus
• Murid diminta membuat perbincangan dalam kumpulan iklan
342 343
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
idea-idea tersebut untuk dipasarkan dengan membuat dan melaksanakan program penjenamaan
dan tindakan yang bermula daripada memulakan sehingga mengurus sesuatu perniagaan. Berdaya saing dan maju
Minat yang tinggi
ke hadapan
2. Penciptaan nilai
3.
berkualiti dan bermutu tinggi untuk mendapatkan keuntungan dan dikenali oleh pelanggan
serta pesaing. Rajah 7.8
344 345
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
S
Minat yang tinggi
1.
hasil rekaan perlulah lebih inovatif dan terkini, segar dan tidak ketinggalan zaman ataupun
berulang. 2 Modal Teknologi 4
Rajah 7.9
3.
tumpuan terhadap trend yang lebih terkini seperti konsep reka bentuk yang lebih menyerlah
mengikuti perkembangan semasa. Jika terlalu berkira terhadap masa dan bayaran maka
1 Manusia
2 Modal
5. Berani menanggung risiko • Sumber modal ialah modal berbentuk wang ringgit mahupun peralatan yang menyokong
Usahawan perlu berani menanggung risiko kegagalan, jika reka bentuk tidak mencapai • Sumber modal diperlukan bagi membeli peralatan yang dapat membantu proses penghasilan
kehendak pelanggan.
•
diperlukan oleh perusahaan lain. Pada permulaan perniagaan, modal utama yang diperlukan
6. Sentiasa berusaha meningkatkan kemahiran masih membuat rekaan melalui kaedah konvensional. Modal tambahan pula diperlukan bagi
membeli komputer, kamera dan mesin pencetak.
•
aplikasi terkini, konsep terkini serta mampu meramal trend masa hadapan. terlebih dahulu sebelum memulakan rekaan. Tindakan ini dapat meringankan bebanan
kewangan kerja awal rekaan.
• Jika usahawan melakukan perniagaan dalam talian maka ruang kerja tidak memerlukan
modal yang banyak namun jika bercadang untuk memiliki premis yang lebih elok maka modal
lebih besar diperlukan untuk menyewa kedai yang dapat dikunjungi oleh klien mahupun
7. Berdaya saing dan maju ke hadapan
tenang bagi mendapatkan idea rekaan yang menarik.
bergerak maju ke hadapan sekiranya ingin kekal bersaing dalam bidang keusahawanan.
346 347
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
P
3 Bahan mentah
• Sumber bahan mentah ialah bahan-bahan habis guna dan kos pelaksanaan.
yang digunakan dalam proses penghasilan reka bentuk
348 349
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
SITUASI 2 J
Contoh kos projek:
Jika tempahan berbentuk barangan siap yang
melibatkan kos bahan mentah seperti kertas, Kos Rekaan (Kos karya):
percetakan, beg, payung, item pembungkusan, RM100 (meningkat mengikut saiz,
kemeja-T, koleh (mug) dan papan tanda (signage), kerumitan dan kuantiti) mempengaruhi kadar bayaran. Beberapa faktor-faktor penting perlu diambil kira dalam menentukan
maka usahawan tersebut perlu mengira kos bagi Upah Kerja (Kos masa dan tenaga): kadar bayaran iaitu:
bahan-bahan tersebut berserta kuantiti dan harga RM50 sejam (RM10 – RM80 sejam)
tokokan (mark up) secara berpatutan. Kos tambahan
Bahan Mentah (Kos item tempahan):
1.
akan dikenakan bagi kos rekaan, iaitu kos karya dan
upah kerja. RM15 sehelai kemeja-T
Belanja Operasi (Kos percetakan):
muda tanpa pengalaman.
RM5 sekeping cetakan
untuk meletakkan harga yang lebih tinggi kerana popularitinya dan dikenali oleh masyarakat.
2 Halaman hak cipta RM5.00 1 RM5.00 Kadar bayaran jenis karya yang dihasilkan berbeza bergantung pada faktor kerumitan, ketelitian dan
3 Halaman kandungan RM5.00 2 RM10.00 menyebabkan kadar bayaran yang dikenakan agak tinggi.
Upah Kerja
5. Bahan dan saiz
Perkara Jumlah
karya yang diminta, lebih banyak bahan dan kos yang terlibat. Idea untuk menghasilkannya juga lebih rumit.
Bilangan pekerja × Masa × Kadar Upah RM25.00
1 orang × 5 jam × RM5.00
6. Peruntukan dari pelanggan
Jumlah: RM25.00
Belanja Operasi (cetakan naskhah semakan) namun perlu disesuaikan dengan bebanan tugas dan tempoh yang diberikan. Jika didapati berpatutan dan
Perkara Jumlah munasabah, maka kadar bayaran akan dipersetujui.
Bilangan muka surat × Kos cetakan satu muka surat × Jumlah cetakan RM38.40
256 muka surat × RM0.05 × 3 kali cetakan 7.
Jumlah: RM38.40 Modal dan kos overhed perlu dikira agar tidak mengalami kerugian. Contoh modal ialah pembelian peralatan
seperti komputer, komputer riba, tablet, telefon bimbit, kamera digital, aplikasi perisian, alatan pencetak,
kertas dan alat tulis.
Juml ah ke se l uruhan: RM 957 .4 0
Kos overhed seperti bayaran bil elektrik, bil Internet, bil telefon, upah pekerja termasuk pekerja tetap
mahupun sambilan, bayaran sewaan medium pemasaran dalam talian dan caj promosi juga perlu diambil
kira kerana kos-kos ini meningkatkan kos overhed.
Rajah 7.11 Contoh pengiraan kos projek
350 351
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
harga yang hanya meletakkan harga mengikut kadar minimum berasal daripada kad zaman
dan maksimum sesuatu barang atau perkhidmatan. Kad harga lampau (old-fashioned cards)
menyenaraikan item ataupun perkhidmatan, harga dan butiran. yang diserahkan oleh penerbit KAD HARGA PERKHIDMATAN REKAAN GRAFIK
Kad harga juga boleh menyenaraikan pakej istimewa yang ingin akhbar atau surat khabar
kepada bakal pengiklan yang
ditawarkan. Servis Minimum (RM) Maksimum (RM) Butiran
menyenaraikan inventori iklan
Fungsi kad harga yang tersedia dan harga yang Kain rentang (banner) 50 70
berkaitan. Istilah ini kemudiannya
Gegantung (bunting) 50 60
1 Memudahkan urusan jual diterima pakai oleh pengiklan
beli dilakukan. televisyen dan radio, dan kekal
50 80 A5 – A4
digunakan untuk pengiklanan
dalam talian.
2 Menjadikan perniagaan lebih sistematik Brosur 120 150 A4
dan profesional. *Katalog 150 200 A3 (2 sisi)
3 Memudahkan klien untuk membuat banding beza Poster 100 300 +A3
dengan pereka lain. **Kad perniagaan (Business 20 50
card)
4 Membantu klien memahami
perkhidmatan yang ditawarkan. **Kepala surat (Letterhead) 50 70
**Sampul surat 70 100
5 Sebagai bahan promosi untuk memudahkan
klien membuat tawaran harga. Kulit CD 60 100
Kulit buku 150 300
Kad harga ialah dokumen asas yang menunjukkan maklumat dan harga berkenaan rekaan yang Nota:
* 4 muka surat A4 (RM30 untuk setiap tambahan muka surat)
** RM150-RM200 untuk set rasmi (Kad perniagaan, sampul surat, kepala surat)
hanya jadual yang tidak lebih daripada beberapa baris dan beberapa lajur.
352 353
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
C HO O S E YO U RBISNES
ASAS PLAN EMAS menerusi pameran.
S
2
RM500 RM1,000 RM2,000
Langkah
BULANAN BULANAN BULANAN
Poster animasi
Terhad 5 sehari
Terhad 1 sehari
Terhad 10 sehari
Terhad 3 sehari
Tidak terhad
Tidak terhad
Pemasaran merupakan satu aktiviti penting dalam bidang kreatif.
perkhidmatan yang telah dipilih dalam masa Hastags Terhad Tidak terhad Tidak terhad
7.3.4 Menyediakan kertas
15 minit. Mock-up
seperti berikut: cadangan projek pameran
FB Ads
kreatif secara berkumpulan.
3
Target E-mel
L ATIHAN
Reka bentuk
meningkatkan kemahiran. Pada pendapat anda, apakah kesan sekiranya seorang Teknologi
Elemen-elemen
Kegunaan atau fungsi
produk
5. Bincangkan faktor yang perlu diambil kira dalam penentuan kad harga. Keselesaan
6. Pada pendapat anda, apakah ciri-ciri terbaik kad harga yang mampu menarik perhatian klien
untuk menggunakan perkhidmatan anda? Nilai
354 355
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
Harga merupakan nilai yang dibayar oleh pembeli sebagai pertukaran untuk mendapatkan produk
atau perkhidmatan yang dijual dalam urus niaga pasaran. Harga yang ditawarkan tidaklah terlalu maklumat dapat sampai kepada pelanggan atau klien yang berpotensi membuat tempahan
rendah sehingga menyebabkan klien atau pelanggan berasa ragu dengan kredibiliti usahawan.
Namun begitu tidak terlalu tinggi sehinggakan klien atau pelanggan tidak mampu untuk membuat beberapa jenis saluran pengedaran seperti ejen, pengedar, pemborong dan peruncit. Kaedah
tempahan. Harga perlulah berpatutan dengan nilai karya dan jika perlu, tawarkan diskaun pada alternatif seperti pasaran dalam talian juga boleh digunakan untuk menjual produk karya
tempahan berikutnya. Tindakan ini akan menggalakkan klien tertarik untuk membuat tempahan atau perkhidmatan secara terus kepada klien atau pelanggan. Saluran agihan yang betul akan
seterusnya. Harga juga haruslah kompetitif, berpatutan, memberikan keuntungan yang wajar membolehkan usahawan menembusi pasaran yang lebih besar, meningkatkan jualan dan
dan tidak mempunyai unsur-unsur penindasan. Strategi peletakan harga adalah seperti berikut: tempahan serta memaksimumkan keuntungan.
Jadual 7.2 Perbezaan antara saluran agihan langsung dengan tidak langsung
Merujuk harga yang ditentukan atas
Harga produk baharu
karya baharu yang dihasilkan Langsung Tidak Langsung
kepada orang ramai dengan tujuan untuk memujuk dan mempengaruhi orang ramai supaya
membeli produk atau perkhidmatan yang ditawarkan. Promosi merupakan satu daripada
aktiviti untuk meningkatkan kesedaran bakal klien mahupun pelanggan terhadap hasil karya,
Ilustrasi 7.10
secara langsung
Ilustrasi 7.9 Contoh
promosi melalui pameran
356 kreatif di sekolah 357
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
perlu diutarakan bagi memastikan strategi pemasaran dapat dijalankan dengan jayanya. Antara
persoalan yang perlu diutarakan adalah seperti berikut: • Merombak pelan pemasaran sedia ada
Perlu melihat pelan
pemasaran untuk dengan pelan yang lebih efektif, mudah
Bagaimanakah hendak memperkenalkan dikenali dan didekati
1
Adakah hasil karya rekaan memberitahu klien tentang harga dikenali dan memasarkan • Contohnya, menggunakan teknologi
produk atau perkhidmatan anda? nama serta karya pameran secara maya yang mesra
yang anda tawarkan menarik
rekaan pengguna
perhatian pelanggan? (Harga)
(Produk)
358 359
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
M J
Pameran kreatif bertujuan mempromosikan hasil-hasil karya dengan lebih dekat kepada masyarakat Pameran kreatif merupakan antara peluang untuk mempromosi, menjual dan memasarkan karya
termasuklah kepada bakal pelanggan. Skop pameran terbahagi kepada dua iaitu secara berhadapan
(face to face) dan juga secara maya, iaitu virtual exhibition.
seperti berikut:
Jenis-jenis
pameran • Pameran boleh diadakan secara solo atau berkumpulan.
kreatif • Melibatkan jangka masa yang singkat.
Pameran tetap Pameran
• Lokasi pameran boleh diadakan di pelbagai tempat.
(Permanent sementara
exhibition)
• Kumpulan yang disasarkan adalah terhad.
Pameran • Tidak melibatkan kos yang besar.
sementara
(Temporary
exhibition) SILA
KBAT IMBAS
Pada pendapat anda, apakah kesan pameran kreatif Contoh pameran
maya
Rajah 7.17 Jenis-jenis pameran kreatif hasilkan jawapan dalam bentuk peta minda yang kreatif.
kod QR
360 361
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
Penyediaan kertas cadangan projek pameran kreatif secara berkumpulan Kumpulan sasaran
Bagi melaksanakan projek pameran kreatif, kertas kerja iaitu kertas cadangan projek pameran kreatif • Kumpulan sasaran bermaksud individu atau kumpulan (keluarga, pasukan, organisasi)
perlulah dihasilkan. Murid perlulah menyediakannya secara kerja berkumpulan. Projek pameran tertentu yang ingin disasarkan sebagai pembeli sesuatu barangan atau perkhidmatan.
kreatif ini bertujuan untuk menunjukkan bakat kreatif melalui hasil-hasil karya yang bermutu dan
•
Tajuk
• Tajuk bermaksud nama kertas cadangan. Dalam tajuk perlu ada tema dan masukkan sekali
nama sekolah. Jadual masa
• Ciri-ciri tajuk yang dipilih seharusnya ringkas dan jelas.
• Contoh tajuk: • Jadual masa bermaksud ketetapan tempoh dan tarikh yang diperlukan untuk projek
pameran ini diadakan.
Kertas Cadangan Projek Pameran Kreatif SMK Seri Mega sempena Hari Usahawan Muda
• Ciri-ciri jadual masa bergantung pada peruntukan kewangan sesuatu projek pameran.
Semakin tinggi kos kewangan yang disediakan dan digunakan, semakin lama tempoh
Pernyataan masalah sesuatu pameran diadakan.
• Contoh jadual masa projek pameran:
• Pernyataan masalah merupakan isu terkini yang timbul dan perlu dikaji agar dapat diatasi.
Tarikh: 1 hingga 5 November
•
Masa pameran: 8:00 pagi hingga 2:00 petang
Measurable, Attainable, Relevant dan Timely) boleh digunakan semasa proses kajian.
• Contoh Pernyataan Masalah ialah:
Anggaran kos
Hasil karya tidak dapat dilihat dan tidak sampai kepada bakal klien. Bakal klien tidak dapat
mengetahui harga atau kad harga hasil karya yang dipamerkan. Tiada informasi berkaitan • Anggaran kos bermaksud perancangan kewangan yang akan digunakan untuk melaksanakan
saiz dan ukuran produk yang dipamerkan. Pameran hasil karya tidak mengikut kategori dan sesuatu projek pameran. Anggaran kos penting dalam penyediaan kertas kerja kerana akan
dipamerkan secara bercampur aduk. menunjukkan kemampuan sesebuah organisasi menguruskan pameran.
• Ciri-ciri kos yang perlu ada ialah menyediakan anggaran kos, menetapkan pilihan kos
Objektif serta langkah-langkah kawalan untuk pelaksanaan projek tersebut dalam bajet yang
diperuntukkan.
• Objektif bermaksud perangkaan yang dirancang untuk dilaksanakan bagi mencapai • Contoh anggaran kos adalah seperti berikut:
matlamat yang dapat menyelesaikan pernyataan masalah yang telah dinyatakan di atas.
Harga Seunit
• Ciri-ciri objektif haruslah boleh diukur serta dilaksanakan. Objektif perlulah dirangka agar Bil. Perkara Kuantiti Jumlah (RM)
(RM)
dapat mengatasi pernyataan masalah yang dinyatakan.
• Contoh objektif ialah: 1. Kertas A4 200 helai 0.05 10.00
(i) Membawa hasil karya lebih dekat kepada pelanggan 2. Kertas A3 250 helai 0.07 17.50
(ii) 3. Art paper 150 helai 0.70 105.00
(iii) Memberikan informasi tepat tentang produk seperti saiz, ukuran dan harga 4. Papan lapis formika putih 30 keping 30.00 900.00
(iv)
5. Mounting board 40 keping 2.00 80.00
6. Masking tape 20 unit 4.50 90.00
Tema
7. Stapler gun 5 unit 18.00 90.00
• Tema bermaksud idea atau subjek yang menjadi asas perancangan. 8. Bingkai kayu 20 set 6.00 120.00
• Ciri-ciri tema ialah jelas, menarik dan asli supaya dapat difahami dan bermanfaat kepada
Jumlah
pengguna.
• Contoh tema bagi pameran kreatif ialah pameran bertemakan warna, kehidupan, alam
sekitar, pelancongan dan makanan.
362 363
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
Senarai tugas ahli pasukan Penghasilan bahan promosi projek pameran kreatif
• Senarai tugas ahli pasukan bermaksud tanggungjawab utama bagi setiap jawatan yang Bahan promosi merupakan kaedah atau cara yang digunakan oleh pereka untuk memberitahu dan
perlu dilaksanakan untuk menjayakan dan menggerakkan projek pameran. mengumumkan karya baharu kepada orang ramai dengan tujuan untuk memujuk dan mempengaruhi
orang ramai membeli karya yang ditawarkan. Sebelum menghasilkan sesuatu bahan promosi, seorang
• Ciri-ciri ahli pasukan yang perlu dilantik haruslah aktif, kreatif dan bersedia menghadapi
pereka perlu menjawab dua soalan berikut iaitu:
sebarang risiko. Tugasan yang diberikan haruslah bersesuaian dengan kemampuan ahli
pasukan.
• Contoh senarai tugas ahli pasukan yang perlu disediakan dalam kertas projek pameran
kreatif adalah seperti berikut:
Apakah
Bil. Jawatan Tugas maklumat yang
perlu disampaikan Bagaimanakah
1. Pengerusi • Mengurus hal ehwal pameran. kepada klien supaya cara untuk
• Membuat keputusan dalam sesuatu permasalahan. membeli karya yang melaksanakannya?
• Memastikan setiap tugasan yang diarahkan dipatuhi oleh ditawarkan?
kumpulan.
• Menyelesaikan permasalahan sebelum, semasa dan selepas
pameran berlangsung.
muda di Malaysia.
SILA
IMBAS
Contoh kertas kerja
pameran kreatif
SEBELUM
berikut: 1. Menyediakan kertas cadangan projek pameran.
(i) Menyampaikan maklumat 2. Menghasilkan bahan promosi.
(ii) Meningkatkan jualan karya 3. Membuat pemasaran, publisiti dan promosi tentang projek pameran kreatif.
(iii) Menstabilkan jualan 4. Menyusun dan memilih karya yang akan dipamerkan.
(iv) Membina imej 5. Menyediakan susun atur karya, meja kerusi dan peralatan lain.
6. Membuat lawatan ke ruang pameran. Sesetengah ruang untuk pameran berkenaan
2. Buat lakaran kecil, kasar dan komprehensif untuk poster tersebut. ditentukan oleh pihak pempamer bergantung pada jenis pameran.
3. Hasilkan poster tersebut dengan menggunakan perisian yang bersesuaian seperti Adobe 7.
Photoshop, Adobe InDesign dan Canva.
4. Langkah untuk menghasilkan poster boleh rujuk Modul 5.
5. Cetak poster dan sebar luaskan poster tersebut kepada kumpulan sasaran sebelum projek
pameran dimulakan. b
Semasa pameran kreatif
6. Poster juga boleh dimuat naik dalam media sosial, blog dan laman web pameran kreatif.
SEMASA
1. Hadir awal di tempat pameran.
2. Merekodkan maklumat dan jumlah pengunjung yang hadir.
3. Ahli jawatankuasa yang bertugas hendaklah bersedia di ruang pameran sehingga
pameran selesai.
Penghasilan bahan promosi secara berkumpulan 4. Ahli jawatankuasa yang bertugas hendaklah bersedia dengan maklumat berkaitan
dengan setiap karya yang dipamerkan.
Cara pelaksanaan: 5. Menjaga karya dan peralatan pameran semasa pameran dijalankan.
1. Sebelum menghasilkan iklan interaktif, bincangkan tugasan berikut bersama dengan ahli 6. Memastikan pameran berjalan dengan lancar mengikut perancangan dan tempoh
yang ditetapkan.
kumpulan:
7. Mengamalkan adab dan tatasusila yang baik semasa berhadapan dengan pengunjung
(i) Pemilihan iklan interaktif sama ada statik, video, audio, GIF, Augmented Reality (AR) pameran.
atau lain-lain
(ii) Kandungan kreatif iklan interaktif
(iii) Perisian yang digunakan c Selepas pameran kreatif
(iv) Kumpulan sasaran
(v) Platform persembahan iklan interaktif 1. Menyimpan karya dan peralatan yang digunakan dengan berhati-hati.
SELEPAS
(vi) Penaja (jika berkaitan) 2. Membuat laporan keseluruhan selepas projek dilaksanakan dengan mengambil kira
2. Hasilkan iklan interaktif tersebut dengan menggunakan perisian yang bersesuaian. keuntungan, jumlah karya terjual dan lain-lain.
3. Mengemas kini maklumat rekod kehadiran.
3. Muat naik iklan interaktif tersebut dalam media sosial, laman sesawang, papan iklan dan
platform-platform lain yang bersesuaian. 4. Membuat pascanilai (post-mortem) antara ahli kumpulan selepas pameran dilaksanakan.
366 367
REKA BENTUK GRAFIK DIGITAL l TINGKATAN 5 MODUL 7 l KEUSAHAWANAN
dikenali dan untuk membina jaringan dengan pereka lain. Antara kaedah untuk mempromosikan diri Akt A KTIVITI Projek Pameran Kreatif Kemahiran
Abad ke-21
1. Logo
servis harga minimum (rm)
100
harga maksimum (rm)
250
Bahan dan peralatan: Fail lut sinar, kertas A4, kertas warna, pen, pen warna, pensel, komputer,
No. 32-2b, Jalan SP 3/11, Saujana Puchong,
47110 Puchong, Selangor.
011-33557799
Jantina: Perempuan
Tarikh Lahir: 10 April 1989
Agama: Islam
2.
3.
Kepala surat (letterhead)
80
100
100
perisian, mesin pencetak dan bahan serta peralatan lain yang bersesuaian.
hanahumairah@gmail.com
Cara pelaksanaan:
Bangsa: Melayu 4. Sepanduk (banner) 100 200
Hana Humairah Hassim
Status Perkahwinan: Berkahwin
5. Gegantung (bunting) 100 200
2011
UiTM Shah Alam
7. Iklan 100 180
1
2008
Sek Men Keb Wakaf Baru
8. Risalah (flyer) 100 300
STPM
2006
Sek Men Keb Wakaf Baru
9. Reka letak buku (per halaman) 8 10
Langkah
SPM (11A, 1B)
PENGALAMAN KERJA P E N G L I B ATA N DA L A M B I DA N G S E N I 11. Reka letak katalog (per halaman) 45 100
2010 - 2012
2
PAKEJ REKA LETAK BUKU 900 2050
• M enyer tai bengkel rek aan logo pada 2012. (112 – 256 halaman, kulit buku, mekap contoh buku)
PEREKA GRAFIK BEBAS
Langkah
PAKEJ REKA LETAK MAJALAH 350 2000
(96 halaman, kulit majalah, mekap contoh majalah)
PERISIAN KEMAHIRAN
• M embuat rek a letak buk u dengan menggunak an Harga masih boleh dirunding.
p e r i s i a n Ad o b e I n d e s i gn . Terbuka untuk konsultusi bagi sebarang projek
kreativiti.
Langkah 3
1 3 5 • Lakukan simulasi di hadapan kelas.
L ATIHAN
Platform media
sosial seperti
Facebook, Instagram,
Kad perniagaan Blog dan laman web
bagi hasil karya
2 4
3. Apakah maksud kertas cadangan projek?
4. Pada pendapat anda, apakah kepentingan penyediaan kertas cadangan projek pameran?
5. Pada pendapat anda, kaedah promosi yang manakah lebih efektif pada masa ini untuk
menjalankan pameran kreatif? Jelaskan sebabnya.
6. Senaraikan lima langkah pelaksanaan yang perlu diambil sebelum mengadakan pameran
kreatif.
011 – 33557799
HANA
HUMAIRAH
hanahumairah@gmail.com
7. Apakah kepentingan membuat pascanilai (post-mortem) antara ahli kumpulan selepas
SILA pameran dilaksanakan?
IMBAS
Contoh kaedah
mempromosikan diri
sebagai usahawan
kod QR
368 369
Rumusan Ref.
Re fleksi
Tandakan ( ) pada tahap penguasaan anda.
KEUSAHAWANAN
Selepas mempelajari modul ini, saya dapat:
L .P
Pengukuh a n A.
B. promosi dan proses
C. langsung dan tertutup
Jawab semua soalan. D. langsung dan tidak langsung
8.
bentuk yang diuruskan oleh agensi _____________________________.
A. Perbadanan Harta Intelek Malaysia selama 10 tahun. Dia bercadang untuk menaikkan harga lebih tinggi berbanding
B. Kementerian Komunikasi dan Multimedia
C. Suruhanjaya Komunikasi dan Multimedia Malaysia memenangi anugerah juga menaikkan reputasinya untuk meletakkan harga yang tinggi
D. Kementerian Perusahaaan Perladangan dan Komoditi tambahan pula jika popularitinya sangat hebat dan dikenali ramai.
A. menggunakan nilai tambah Pernyataan di atas merujuk faktor yang mempengaruhi kadar bayaran penghasilan karya
B. memenuhi keperluan manusia
C. terlibat dalam proses jual dan beli sahaja A. tempoh
D. mementingkan keuntungan untuk jangka masa panjang B. pengalaman
C. kadar semasa
3. D. bajet pelanggan
9. Pada pendapat anda, apakah kelebihan dan kelemahan kad harga (rate card)? Nyatakan.
_____________________________.
Produk
A. produk, harga, pengedaran dan promosi
B. jenis karya, kadar semasa, bahan dan saiz
C. kekuatan, kelemahan, ancaman dan peluang
D. manusia, teknologi, bahan mentah dan modal
Harga
372 373
Glo sari
bahan promosi segala usaha dan kegiatan untuk menggalakkan atau mempertingkatkan pengiklanan hal yang berkaitan dengan usaha atau cara mengiklankan.
jualan barang. bahagian sistem komputer yang berfungsi menjalankan sistem, dan terdiri
burgundy ungu kemerahan. daripada cara, rutin, subrutin dan suruhan yang ditulis dalam bahasa pengaturcaraan.
portfolio
dimensi ukuran saiz sesuatu seperti tinggi, panjang lebar atau garis pusat.
menunjukkan kemampuan dan kemahiran yang menjadi media pemasaran utama kepada
drop cap huruf besar yang digunakan sebagai elemen hiasan pada awal perenggan atau pelanggan.
bahagian.
pull-quote petikan ringkas dan menarik yang diambil daripada teks utama artikel dan digunakan
etika prinsip moral (atau akhlak) atau nilai-nilai akhlak yang menjadi pegangan seseorang
individu atau sesuatu kumpulan.
reka bentuk rancangan (corak, bentuk) yang menunjukkan susunan, struktur atau aspek-
ciri (bentuk, sifat) yang tertentu. aspek sesuatu (binaan dan sebagainya).
fon spacing jarak antara baris atau perkataan pada susunan teks.
seni, proses atau pekerjaan mengambil atau menghasilkan fotograf. superimpose meletakkan dan menyatukan imej dengan imej lain bagi menimbulkan kesan
maklumat atau paparan yang terdiri daripada lukisan, gambar rajah, simbol dan lain-lain
untuk menyatakan atau menyampaikan idea dan sebagainya. tagline slogan iklan yang menarik untuk menerangkan konsep sesuatu jenama, produk dan
grid permukaan yang dirintangi silangan garis mendatar dan mengufuk yang sekata. sebagainya.
hak cipta hak eksklusif yang diberikan oleh undang-undang kepada pencipta karya untuk tanda (gambar, nama, dan lain-lain) yang digunakan dalam perdagangan (pada
mengawal penggunaan karya mereka dalam tempoh tertentu. barang-barang dan lain-lain).
huruf elemen dan simbol paling asas yang banyak digunakan dalam komunikasi dan merupakan trend haluan terkini yang lebih cenderung diikuti oleh majoriti.
medium paling efektif untuk menyampaikan maklumat. wrapping teknik yang digunakan pada imej untuk mengelakkan teks terlindung oleh imej
apabila menggunakan perisian reka letak.
identiti korporat imej atau ciri-ciri yang ada dalam sesebuah organisasi, perbadanan,
pertubuhan atau syarikat perniagaan yang sah di sisi undang-undang.
ilustrasi digital
dan pen stylus.
kerning jarak antara huruf supaya tidak bercantum antara satu sama lain.
keusahawanan semua perkara yang berkaitan dengan usahawan atau kegiatan dan kemahiran
usahawan.
korporat perihal yang berkaitan dengan syarikat.
label kepingan kecil kertas (kad dan lain-lain) yang diletakkan atau ditampalkan pada sesuatu
(seperti botol, beg dan lain-lain) untuk memberikan sedikit keterangan.
lakaran gambaran kasar, rajah atau rangka yang dilukis oleh pelukis untuk memberi gambaran
awal kepada pembaca mengenai sesuatu topik yang ingin disampaikan.
mekap contoh (mock-up) model atau replika mesin atau struktur yang digunakan untuk
tujuan pengajaran atau eksperimen.
muka taip (typeface) reka bentuk satu set aksara (characters) yang lengkap dan mempunyai
ciri-ciri yang sama serta unik.
paten (patent) hak eksklusif yang dianugerahkan untuk suatu reka cipta, sama ada satu
produk atau satu proses untuk melakukan sesuatu yang baharu atau penyelesaian teknikal
atas sesuatu masalah.
penerbitan meja pengeluaran bahan cetak melalui pencetak yang dihubungkan ke komputer
desktop, dengan perisian khas.
374 375
Ru j u ka n
Ambrose, G. & Harris, P. (2011). The Fundamentals of Typography (2nd ed.). AVA Publishing.
Bahagian Perkembangan Kurikulum, Kementerian Pelajaran Malaysia. (2017). Buku Panduan LAMAN WEB
PdP Reka Bentuk dan Teknologi Tingkatan 1.
Aziemah Comepar. (2021, Mei 24). .
Barnbaun, B. (2017). The Art of Photography: A Personal Approach to Artistic Expression (2nd https://www.academia.edu/9457324/ASAS_REKALETAK_DALAM_REKABENTUK_GRAFIK_
ed.). Rocky Nook Press. Gomez-Palacio, B. & Vit, A. (2011). Graphic Design, Referenced: BERKOMPUTER.
A Visual Guide to the Language, Applications, and History of Graphic Design. Rockport
Publishers. Bigman, A. (2021, Jun 21). This is What Graphic Design Will Look Like in 2033.
https://99designs.com/blog/design-history-movements/what-graphic-design-will-look-like-
Bringhurst, R. (2013).The Elements of Typographic Style (4th ed.). Hartley and Marks in-2033/.
Publishers.
Decker, K. (2021, Julai 21). The Fundamentals of Understanding Colour Theory.
Fallan, K. (2010). Design History: Understanding Theory and Method. London Bloomsbury https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/.
Publishing.
Graphic Design Degree Hub. (2021, Jun 13) How Does a Graphic Designer Keep Up With
Hembree, R. (2011). The Complete Graphic Designer: A Guide to Understanding Graphics and
Design Trends? https://www.graphicdesigndegreehub.com/faq/how-does-a-graphic-
Visual Communication. Rockport Publishers.
designer-keep-up-with-design-trends/.
Hughes, K. A. (2019). Graphic Design: Learn It, Do It. CRC Press.
Hagen, K. (2021, Jun 19). . https://www.slideshare.
John, H. S. (2012). Air, Kertas dan Warna: Meneroka Kreativiti dengan Cat Air dan Media
Campuran. Diterjemah oleh Noor Junaidah Masjuni, Noraidah Nordin & Nordiana Hamidon.
Institut Terjemahan & Buku Malaysia. Karya pelajar Kolej SEGi Dipamer di Pameran Multimedia dan Reka Bentuk. (2021, Jun 26).
https://www.theborneopost.com/2012/12/20/karya-pelajar-kolej-segi-dipamer-di-pameran-
Kamus Dewan Perdana. (2020). Dewan Bahasa dan Pustaka. multimedia-dan-reka-bentuk/.
Kelby, S.. (2020).The Digital Photography Book: The Step-by-step Secrets for How to Make Krantz, J. H. & Schwartz, B. L. (2021, Mei 20). Colour Perception. https://isle.hanover.edu/.
your Photos Look Like the Pros’!. Rocky Nook Press.
Lundgren, A. (2021, Mei 31). Creating Compositions That Communicate. https://alvalyn.com/
Kumar, B. (2017). Basic of Designing: Desktop Publishing. V & S Publishers. creating-compositions-communicate/.
London, B., Stone, J. & Uptown, J. (2016). Photography (12th ed.). Pearson. May, T. (2021, Jul 2). 20 Top Graphic Design Trends for 2020. https://www.creativebloq.com/
features/graphic-design-trends-2020.
Lupton, E. (2010).Thinking with Type: A Critical Guide for Designers, Writers, Editors, &
Students (2nd ed.). Princeton Architectural Press. Miller, E. (2021, Mei 9).
Norasmah Othman & Mohd Hasril Amiruddin (2016). Pengajaran Asas Keusahawanan. Dewan
Bahasa dan Pustaka. Program Pengajian. (2021, Mei 4). http://www.pis.edu.my/index.php/ms/program-pengajian/
drg/180-aka/program-pengajian.
Poulin, R. (2018). The Language of Graphic Design Revised and Updated: An Illustrated
Handbook for Understanding Fundamental Design Principles. Rockport Publishers.
Singh, A. (2021, Sept 20). 19 Best Graphic Design Softwares for Designers in 2021. https://
Poulin, R. (2012). Graphic Design and Architecture, A 20 Century History: A Guide to Type,
th www.pixpa.com/blog/graphic-design-software.
Image, Symbol, and Visual Storytelling in the Modern World. Rockport Publishers.
SME Info One Stop SME Resources. (2021, Jul 17). https://www.smeinfo.com.my.
Twemlow, A. (2011). What is Graphic Design For (2nd ed.). YEM Publishing House Istanbul.
Tenh. (2021, Jun 2). Thumbnail, Semi Komprehensif, Komprehensif. https://bigdot82.
wordpress.com/2015/03/10/74/.
www.myipo.gov.my.
376 377
Ind eks
B lightness 24, 174
bahan promosi 243, 246, 249, 253, 254, 255, 352, logo 6, 13, 18, 36, 120, 225, 226, 227, 230, 255,
365, 366 258, 261, 270, 291, 340, 352
bentuk 34, 37, 39, 44, 48, 53
M
C margin 84, 91, 123, 302, 303
cap dagang (trademark) 335, 337 mekap contoh (mock-up) 299
muka taip (typeface) 87, 110
D
dimensi 21, 34, 35, 36, 185 N
drop cap 317 netika 335, 338
E P
estetik 7, 39, 53, 54, 78, 153, 223 pameran kreatif 355, 360, 361, 362, 363, 364, 367
etika paten (patent) 335, 336
pembungkusan 5, 6, 15, 120, 224, 237, 258, 259,
F
260, 261, 262, 263, 264, 267, 350
penerbitan meja 5, 15, 286, 287, 289, 290, 292
186, 191, 195, 198, 200, 202, 205, 301, 309
pengaki (footer) 309
fon 78, 79, 80, 111, 114, 116, 194, 213, 217, 234,
pengengsotan (indentation) 313
269, 298, 299, 311, 312, 317, 341
pengepala (header) 309
format 15, 18, 24, 25, 26, 123, 140, 141, 235,
pengiklanan 5, 9, 113, 153, 240, 241, 242, 243,
251, 274, 291, 292, 319, 320, 324
246, 253, 254, 255, 365
penjajaran (alignment) 123, 205, 206, 314
152, 153, 154, 180, 341
peranti 14, 159, 341
G
garisan 18, 19, 34, 35, 36, 37, 40, 51, 54, 95, 114, 271, 286
199, 301, 325 perundangan 334, 335
photocollage 180, 181
photomerge 180
portfolio 10, 341, 368
grid 45, 81, 82, 84, 86, 114, 303 produk (product) 355
promosi (promotion) 356
H
pull-quote 312, 314
hak cipta 335, 336
harga (price) 356 R
hue 24, 67, 68, 174 reka bentuk 4, 5, 6, 7, 9, 337, 340, 341
huruf 4, 49, 87, 95, 110, 114, 115, 122, 270, 310 resolusi 13, 21, 140, 141, 149, 157
hyphenation 316 rupa 19, 34, 35, 36, 40, 46, 47, 54, 95, 110, 114,
115, 116, 299, 325
I
identiti korporat 5, 6, 224, 225, 226, 230, 237, 253 S
ilustrasi digital 186 saluran agihan (place) 357
saturation 24, 67, 68, 174
ISO 137, 138, 142, 143 spacing 122, 123, 194
J
superimpose 180, 181, 338
jenayah siber 335, 338
T
K
tagline 252
kerjaya 9, 10, 341
tajuk samping (sidehead) 311, 312
kerning 122
tajuk silang (crosshead) 311
kesatuan 44, 47, 51, 53, 54, 95, 195, 270
tekstur 34, 35, 37, 40, 44, 53, 95, 325
keusahawanan 344, 346, 347, 355
komposisi 36, 51, 54, 86, 88, 95, 123, 124, 148
trend 334, 339, 340, 341, 346, 359
W
L
warna CMYK 22, 23, 157
label 51, 224, 252, 261, 262, 263, 267, 270, 271, 275
warna RGB 22, 157
lakaran 12, 14, 79, 85, 92, 94, 126, 227, 228, 340
warna skala kelabu (grayscale) 24
lakaran komprehensif 91, 93, 97, 232, 248, 269, 298
wrapping 315
leading 122, 194
378