Modul 3.1 Komposisi Reka Letak Grafik

352'8.6,



5(.$ 7$1'$






WU XH






02'8/ S P R


HEQXD UDWNQ
5HND /HWDN %HUEDQWXNDQ .RPSXWHU .




.RPSRVLVL 5HND /HWDN *UDILN








%
HD N /W






N HD




5







8 /
'
2
0



Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


MODUL 3.0
REKA LETAK
BERBANTUKAN KOMPUTER
(48 jam)




Standard Kandungan



3.1 Komposisi Reka Letak Grafik (48 jam)


Standard Pembelajaran



3.1.1 Menyatakan maksud visual dan vektor grafik UNIT
1
3.1.2 Memilih imej visual menggunakan pelbagai sumber media 4 jam


Objektif Pembelajaran



Pada akhir pembelajaran murid boleh:

I. Menyebut maksud imej visual dan imej vektor

II. Menyediakan imej daripada pelbagai sumber media




















107

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


Nota



IMEJ VEKTOR GRAFIK DAN IMEJ VISUAL (BITMAP)



DEFINASI

Gambar vektor grafik adalah berdasarkan ekspresi matematik yang terdiri dari

titik (point), garis (line), dan bentuk (shape). Gambar vektor grafik juga
mempunyai istilah yang biasa disebut dengan point. Maksudnya point adalah
setiap titik (node) yang saling dihubungkan untuk membuat bentuk-bentuk

tertentu. Point tersebut boleh ditambahkan, dihapus, atau dipindahkan jalur
garisnya untuk membuat bentuk-bentuk tertentu mengikut keinginan anda.



Gambar vektor grafik tidak akan kabur atau pecah apabila diperbesarkan.
Ukuran aslinya akan tetap terjaga tanpa ada penurunan kualiti sedikitpun.
















Rajah 3.1 Contoh Imej Vektor Grafik




Mari Melayari Internet!!
Kehadiran internet kini banyak membantu para pereka untuk
mendapatkan inspirasi rekaan. Taipkan carian logo atau layout dalam
google anda akan kembangkan idea anda.
Jom kita cuba sekarang.!!!



NOTA GURU : Imej Vektor grafik yang dihasilkan melalui beberapa perisian illustrasi seperti Adobe
Illustrator, Corel Draw dan Macromedia Freehand.Imej vektor grafik memiliki bentuk fail dengan format
.eps, .ai, .cdr dan .wmf.




108

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4






Fail .eps digunakan dalam imej
berasaskan vektor dalam Adobe
bermaksud
EPS
Illustrator.
.eps PostScript Encapsulated. Ia juga
biasanya mengandungi versi peta
sedikit imej untuk tontonan lebih
mudah daripada arahan vektor
untuk menarik imej.



Fail berformat AI adalah hasil
kerja yang dibuat menggunakan
.ai perisian Adobe Illustrator. Fail AI
biasanya,
digunakan
sesuai
untuk membuat reka bentuk
seperti logo dan poster.
IMEJ


VEKTOR
GRAFIK
CDR adalah lanjutan untuk fail
.cdr grafik vektor yang digunakan
dalam perisian reka bentuk
grafik seperti Corel Draw dan
Corel Paint Shop.





Format imej ini direka oleh
Microsoft pada tahun 1990-an
.wmf untuk Sistem Operasi Windows
mereka. Fail WMF mengandungi
kedua-dua grafik vektor dan data
raster pada masa yang sama.




Rajah 3.2 Huraian Fail Imej Vektor Grafik











109

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4



IMEJ VISUAL (BITMAP)




Imej Visual atau Bitmap terbina berdasarkan

titikan (dots) yang dikenali sebagai pixels.
Kualiti visualnya bergantung kepada
kepadatan bilangan dots yang dikenali

dengan nama resolusi. Semakin tinggi

resolusi semakin jelas imej tersebut dan
Resolusi Tinggi
kekal walaupun dibesarkan saiznya. Jika

resolusi imej semakin rendah maka imej
akan menjadi kabur








Resolusi Sederhana








PIXELS



Resolusi Rendah



Rajah 3.3 Contoh Imej Visual











110

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


Format Fail Bitmap


Ada beberapa perkara yang perlu diambil kira untuk memilih format fail antaranya jenis

perisian yang akan gunakan, ruang penstoran, penggunaan imej dalam pasca produksi
(post production), atau percetakan.




Bermaksud Tagged Image
TIFF Format File.Boleh dibuka

oleh hampir kesemua perisian
imej. Boleh menyimpan
compressed atau
.tiff uncompressed fail. Boleh
menampung layer sama JPEG bermaksud Joint
seperti PSD). Photographic Experts Group, JPEG
yang memperkembangkan
pemampatan jenis JPEG
adalah pilihan pengguna
Bermaksud Portable dalam perisian had jarak .jpg
PNG Network Graphic. Format daripada 2:1 hingga 40:1.
compression yang pada
asalnya untuk menggantikan

.png Graphics Interchange Format
(GIF).Seperti GIF, PNG
adalah dipadatkan Bermaksud Portable
(compressed) Document Format. PDF
Digunakan untuk menukar
dokumen digital kepada
format 2 dimensi dan tidak
PICT boleh diubah. .pdf

Saiz yang padat.
.pict Mengandungi maklumat
termasuk raster dan vektor.
.pct Merupakan format asli yang
mampu menyimpan PSD
informasi layer dan alfa
channel yang terdapat
disebuah gambar sehingga
suatu saat dapat dibuka .psd
Window Bitmap Image. dan diedit kembali.
BITMAP Format paling popular satu
masa dahulu kerana
hamper digunakan disemua
.bmp imej komputer kerana
failnya yg kurang kompleks.




Rajah 3.4 Huraian Fail Grafik





111

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


KAJIAN IMEJ VISUAL MELALUI PELBAGAI SUMBER

MEDIA




Terdapat pelbagai sumber media untuk mendapatkan imej seperti daripada bahan
bercetak, internet, pengimbasan, stok gambar (footages), klip art, pendrive, memory
card, CD, DVD, kamera DSLR dan kamera digital

Bil Sumber Nama Sumber



Capaian Internet
1
Image Google Internet
Imej dimuat turun melalui aplikasi sedia ada.



Pengimbas
2
Digunakan untuk mengimbas imej bercetak dan disimpan
distoran komputer/peranti storan tambahan.




Pendrive dan External hardisk


Peranti storan tambahan dan mudah untuk dibawa
3 kemana-mana. Kapasiti memori pendrive adalah
sederhana manakala kapasiti memori untuk external
hardisk adalah besar. Data boleh diubahsuai pada bila-bila
masa.



Kamera DSLR atau kamera digital
4

Alat yang digunakan untuk merakam imej visual sebagai
sumber media.



Cakera Padat

5 Peranti storan tambahan dan mudah untuk dibawa
kemana-mana. Kapasiti memori sederhana. Data yang
disimpan tidak boleh diubahsuai.



Jadual 3.2 Contoh Alatan Sumber Media



112

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


SUMBER IMEJ VISUAL



Bagi anda yang selalu menghadapi masalah untuk mendapatkan gambar-gambar yang menarik

untuk digunakan di dalam artikel di dalam blog, terdapat beberapa laman web yang menyediakan
servis mencari imej-imej menarik ini khas untuk anda.



Gambar-gambar yang akan dipaparkan pada laman web ini adalah percuma dan anda perlu
berikan kredit (dalam bentuk pautan) kepada si pemilik foto sebagai tanda menghormati karya

mereka. Berikut merupakan 3 laman web royalty free stock photo yang boleh anda perolehi.



Adalah menjadi satu perkara yang mesti dipatuhi iaitu setiap imej yang diperolehi dan hendaklah
dihormati dan tidak disalahgunakan untuk tujuan kepentingan diri atau mengaut keuntungan

dengan memanipulasi sumber tersebut. Sebaiknya setiap gambar yang diperolehi diberikan sedikit
kredit dengan meletakkan pautan kredit kepada si pemilik imej-imej ini sebagai tanda hormat kita
kepada empunya hak milik dan hak cipta gambar tersebut




Terdapat beberapa cara untuk memperolehi sumber imej; antaranya sumber atas talian,
pengimbasan, kamera digital dan lakaran bebas.






NOTA GURU

Guru boleh
menggunakan gajet
untuk membantu
pemahaman pelajar
dalam memperolehi
sumber imej










113

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


Photopin


Hasil carian akan memaparkan foto-foto menarik daripada

halaman perkongsian foto popular seperti Flickr. Anda boleh

lihat terlebih dahulu foto-foto ini melalui fungsi pralihat yang

tersedia dan muat turun imej tersebut secara terus melalui

pilihan muat turun yang disediakan







Brand of the world

Melalui brand of the world, anda juga akan mendapat imej-
imej yang menarik. Terdapat juga imej dalam bentuk vektor.
Perbezaan gambar-gambar yang ada di dalam Photopin

adalah, setiap gambar mempunyai imej vektor yang boleh
dimuat turun dan sedia digunakan untuk dicetak atau diplot.






Free Digital Photos

Melalui Free Digital Photos, anda akan memperoleh imej

yang cantik dan profesional. Namun, kekurangan padanya

adalah fail imej yang tersedia sedikit kecil daripada biasa.

Foto-foto di sini sesuai untuk gunakan sebagai thumbnail

image kepada artikel di blog anda.










Rajah 3.5 : Contoh Website Carian Imej & Vektor







114

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


PERANTI PENGIMBAS (SCANNER)

Cara menggunakan Peranti Pengimbas (Scanner)







Membuka Seimbangkan
perisian kedudukan
untuk lakaran pada
mengimbas pengimbas





Pastikan
Mengangkat pengimbas
penutup dihidupkan
pengimbas sebelum
arahan
mengimbas




Meletakkan Klik butang
lakaran di pengimbas
atas cermin untuk
pengimbas mengimbas
lakaran




Rajah 3.6 Langkah Kerja Menggunakan Pengimbas



Antara tatacara yang lebih lengkap untuk mengimbas boleh dirujuk pada penyataan
dibawah :

1. Menghidupkan komputer dan peranti pengimbas.
2. Meletakkan imej yang hendak diimbas pada permukaan cermin pengimbas.
3. Membuka perisian untuk mengimbas.

4. Pilih arahan MULA untuk mengaktifkan peranti pengimbas.
5. Pilih arahan IMBAS untuk memulakan pengimbasan.
6. Imej yang telah diimbas hendaklah disimpan di dalam storan yang dikehendaki.







115

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


KAMERA DIGITAL


Jenis Kamera

a) Kamera Saku / Kamera Poket / Kamera Kompak (Point and Shoot Camera)

Kamera Saku / Kamera Poket / Kamera Kompak paling banyak digunakan kerana mudah

digunakan dan harga yang murah. Pengambilan gambar secara automatik dan cepat. Imejnya
adalah standart dan tidak boleh diubahsuai.


b) Kamera Digital Semi Profesional

Kamera Digital Semi Profesional jenis ini memiliki banyak versi antara lain prosumer camera
dan advance digital camera. Kamera ini boleh dikendalikan secara semi automatik atau automatik

sepenuhnya. Lensanya boleh difokuskan dan mempunyai kualiti gambar yang baik. Lensanya
boleh ditukar daripada yang standart 35mm kepada pelbagai variasi seperti lensa macro atau
lensa fish eye.


KAMERA KOMPAK















KAMERA DSLR


Rajah 3.7 Contoh Kamera Saku dan Kamera Semi Profesional



Kesemua gambar yang telah diambil menggunakan kamera digital boleh disimpan dalam kad

memori atau storan lain dengan menggunakan kabel pemindah imej atau card reader.





116

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


LAKARAN BEBAS

Lakaran bebas dikenali sebagai freehand sketches. Dihasilkan oleh pelukis yang berkemahiran

tinggi dalam menggunakan segala elemen dan prinsip seni di dalam karyanya. Lakaran bebas

diperlukan apabila sesuatu imej itu tidak dapat ditemukan melalui sumber-sumber lain dan ianya
terpaksa dihasilkan mengikut kreativiti sendiri. Melalui lakaran itu barulah diimbas dan dijadikan
imej digital bagi sesuatu keperluan kerja itu.



JOM BUAT
Buat lakaran pada
buku lakaran setiap
hari untuk
mengasah skill
anda




































Rajah 3.8 : Contoh Lakaran Bebas Sesebuah Logo



Jangan lupa abadikan hasil lakaran menggunakan

kamera telefon dan simpan dalam google drive








117

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


AKTIVITI



LANGKAH 1 – 3.1.1
Murid menyatakan beberapa cadangan imej yang hendak digunakan untuk reka letak.


LANGKAH 2 – 3.1.2

Imej hendaklah di masukkan dalam perisian yang bersesuaian dan dicetak berwarna.

LANGKAH 3 – 3.1.2

Hasil cetakan hendaklah di tampal pada mounting board dan dipersembahkan kepada guru.

LANGKAH 4 – 3.1.2

Imej yang digunakan hendaklah disimpan di dalam storan yang bersesuaian.
































118

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4


LATIHAN



Jawab semua soalan

1. Apakah yang dimaksudkan dengan imej vektor dan imej bitmap?


i. Imej vektor : ………………………………………………………………………………………

……………………………………………………………………………………....

ii. Imej bitmap : ………………………………………………………………………………………

………………………………………………………………………………………

2. Nyatakan tiga contoh sumber untuk memperolehi imej dan penghurufan dengan
menggunakan perkakasan komputer.

CONTOH-CONTOH SUMBER


1.


2.


3.


3. Tandakan no. 1 hingga 4, peranti storan manakah yang mengikut keutamaan dalam

menyimpan imej dan penghurufan.

i. Bahan bercetak


ii. Google drive


iii. Email

iv. Peranti digital









119

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda Tingkatan 4



PENILAIAN UNIT


NAMA MURID


NO. KAD PENGENALAN


NAMA SEKOLAH

TINGKATAN TAHUN


MODUL 3.0 REKA LETAK BERBANTUKAN KOMPUTER

STANDARD 3.1 KOMPOSISI REKA LETAK GRAFIK
KANDUNGAN

STANDARD 3.1.1. Menyatakan maksud visual dan vektor grafik
PEMBELAJARAN 3.1.2. Memilih imej visual menggunakan pebagai sumber media




RUBRIK PENGUASAAN

Tidak Menguasai Menguasai Sangat Menguasai

1 2 3

BIL. PERKARA YANG DINILAI PENGUASAAN CATATAN


1 Menyatakan maksud visual dan vektor
grafik 1 2 3


2 Memilih imej visual menggunakan
pelbagai media 1 2 3


Tandatangan /
Nama Guru Tarikh












120

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


MODUL 3.0
REKA LETAK
BERBANTUKAN KOMPUTER
(48 jam)



Standard Kandungan



3.1 Komposisi Reka Letak Grafik (48 jam)


Standard Pembelajaran



3.1.3 Melakar komposisi reka letak berdasarkan tema imej visual

yang dipilih
UNIT
3.1.4 Menyediakan imej visual dan susun atur penghurufan
2
3.1.5 Membuat satu komposisi reka letak mengikut lakaran terbaik 44 jam

3.1.6 Menilai komposisi reka letak
3.1.7 Mengesahkan komposisi reka letak terbaik
3.1.8 Menghasilkan cetakan komposisi akhir reka letak



Objektif Pembelajaran



Pada akhir pembelajaran murid boleh:

i. Menghasilkan reka letak berdasarkan tema
ii. Menghasilkan imej dan komposisi penghurufan
iii. Menghasilkan reka letak berdasarkan lakaran terbaik

iv. Membuat inferens komposisi reka letak yang dihasilkan
v. Memilih komposisi reka letak terbaik yang dihasilkan

vi. Mencetak komposisi akhir tebaik







121

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


Nota


REKA LETAK (LAYOUT)

Tahukah Anda?
Susunan layout
DEFINASI yang baik
memudahkan
Layout adalah susun atur penghurufan dan grafik. Ia juga merupakan info difahami
satu lakaran pada muka surat yang menunjukkan reka letak dan posisi

teks serta illustrasi dalam menerangkan sesuatu artikel, berita, informasi
dan sebagainya. Layout sangat penting dalam rekaan penerbitan kerana
layout yang baik susunannya dapat membantu mempercepatkan
penyampaian dan pemahaman sesuatu mesej kepada pembaca.
Manakala layout yang menarik dari segi grafik, imej serta teksnya dapat
menarik lagi minat pembaca untuk membaca sesebuah artikel atau
informasi itu.










Contoh Tahukah Anda?

Thumbnail Semakin banyak lakaran
dibuat semakin banyak idea
Layout
hebat akan terhasil.












Contoh Image &

colour Layout
atau reka letak
imej dan warna










122

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


Contoh reka letak sesebuah bahan bercetak

Tips / Info
Setiap reka letak
akhir perlu
mendapat
persetujuan
pelanggan
\





Contoh reka letak dalam penghasilan produk atau logo







































123

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


PERKAKASAN KOMPUTER YANG DIGUNAKAN UNTUK MENGHASILKAN

REKA LETAK


1. Skrin Monitor
Sebagai peranti yang berupaya memaparkan aksara / data / imej
yang dijanakan oleh komputer dan diproseskan oleh kad grafik.
Terdapat empat jenis monitor iaitu monitor monocrome, monitor
warna, monitor segerak bilang dan monitor ELD (Elektro
Luminescent Display).



2. Unit Pemprosesan Pusat

Dikenali sebagai CPU (Central Processing Unit). Berfungsi sebagai
pusat mengolah, memproses arahan-arahan komputer yang
diterima daripada pelbagai sumber. Tanpa CPU komputer tidak
boleh berfungsi.


3. Papan Kekunci

Dikenali sebagai keyboard. Merupakan peranti yang
menggunakan litar bersepadu untuk memasukkan data ke dalam
komputer. Penyusunan papan kekunci mestilah mematuhi piawai
iaitu penyusunan QWERT pada baris pertama. Ia biasanya
mempunyai 101 unit kekunci.


4. Tetikus

Dikenali dengan panggilan mouse. Merupakan peranti input ke
komputer yang mengawal pergerakan cursor pada skrin monitor.



5. Alat pengimbas


Dikenali dengan nama scanner. Merupakan peranti yang
mengimbas teks, lukisan, gambar, objek dan lain-lain kepada
bentuk digital. Dipasang pada set komputer untuk kerja-kerja
mengimbas.


6. Pencetak


Merupakan peranti yang menghasilkan data dalam bentuk cetakan
samada teks, gambar/grafik di atas kertas.Menggunakan dakwat
sebagai bahan utama iaitu Cyan, Magenta, Yellow dan Black.






124

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


PERISIAN KOMPUTER UNTUK REKA LETAK













Adobe Illustrator Corel Draw MS Paint

Rajah 3.9 Contoh Perisian Komputer Untuk Reka Letak






















Rajah 3.10 Contoh proses melakar komposisi reka letak berbantukan komputer













125

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


MELAKAR KOMPOSISI REKA LETAK BERDASARKAN TEMA IMEJ VISUAL
YANG DIPILIH

Proses melakar memerlukan beberapa komposisi reka letak secara manual bagi menjana idea
awal.



Tahukah Anda?
Lakaran biasanya dibuat
pada kertas bond kerana
harganya yang murah
dan semi lutsinar.
Ini memudahkan
tekapan dan

pengubahsuaian reka
letak



NOTA GURU

Guru boleh membuat
keratan majalah atau
tabloid dan menampal imej
dan tulisan sebagai
Rajah 3.11 Menyediakan imej visual dan susun atur penghurufan
perkembangan idea



Menghasilkan beberapa komposisi imej dan penghurufan berdasarkan kepada tema berpandukan
lakaran awal.


Tips / info
Imej cadangan boleh
menggunakan teknik
cut and paste dari
majalah atau cetakan
carian internet untuk
memberi kejelasan
idea yang ingin
disampaikan








126

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


MEMBUAT SATU KOMPOSISI REKA LETAK MENGIKUT

LAKARAN TERBAIK

Bagaimana vektor bekerja di monitor.
Grafik vektor adalah bebas resolusi. Ini bermaksud beberapa bilangan pixel yang telah ditentukan
tidak mentakrifkannya, dan secara automatik ia dilihat sebagai imej yang tepat dan jelas pada

mana-mana monitor ataupun peralatan output pada beberapa resolusi. Keputusannya, grafik
vektor adalah pilihan terbaik untuk tulisan terutamanya huruf kecil dan bold graphics seperti logo

yang mengutamakan garisan yang terang dan jelas yang boleh diskalakan pada pelbagai saiz.

Bagaimana objek dihasilkan

Objek dihasilkan dengan menggunakan tools yang disediakan oleh sesebuah perisian


































Rajah 3. 12 :Contoh objek menggunakan tools



127

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4

ALATAN (TOOLS) SEMASA BEKERJA DENGAN PERISIAN REKA
BENTUK ILLUSTRATOR


Bil Nama Tools Fungsi Tools


1. Screen modes

Digunakan untuk mengecil atau membesarkan
muka surat pada paparan skrin secara pantas.




Zoom Tools
2.
Digunakan untuk mengecil atau membesarkan
muka surat pada paparan skrin mengikut
kesesuaian pereka.





Hand Tools
3.
Digunakan untuk menggerakan paparan reka

bentuk pada skrin.




4. Selection Tools

Anak panah hitam (Selection tool) akan
memilih seluruh lakaran, objek atau kumpulan
rekaan.

Anak panah putih (Direct Selection tool)
memilih sebahagian daripada keseluruhan
lakaran, objek atau kumpulan rekaan.

Anak panah putih yang mengandungi tanda ‘+’
(Group Selection tool) memilih objek dalam
sebuah kumpulan atau beberapa kumpulan.











128

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4

Bil Nama Tools Fungsi Tools


5. Kotak batasan (Bounding Box)

Digunakan untuk menghasilkan imej kekotak
dalam reka bentuk.






Pen Tool
6.
Digunakan untuk melukis sebarang garisan
atau bentuk Add Anchor Point tool untuk

menambah point pada garisan dan bentuk.

Delete Anchor Point

Digunakan untuk menghilangkan point.

Convert Anchor point

Digunakan untuk mengubah point pada sudut
atau bahagian rata.

Editing Path Tool
7.
Digunakan untuk membuat penyuntingan
(editing) pada garisan atau lakaran.









Convert Anchor Tool
8.
Digunakan untuk menukar bentuk lengkung
pada bentuk berbucu (corner point).













129

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4

Bil Nama Tools Fungsi Tools


Elips Tool
9.

Digunakan untuk menghasilkan imej elips,
poligon, bintang dan pusaran.








10. Fill and Stroke Tool

Digunakan untuk menghasilkan imej berwarna
atau imej bergaris luar (outline). Objek boleh
dibahagikan pada beberapa stroke seperti
solid colour, pattern brush, dashed line dan
multiple strokes.








Swatches Pallet Tool
11.
Digunakan untuk memaparkan pilihan warna
bagi imej yang hendak diwarnakan termasuk
untuk menukar warna pada mode fill atau
stroke.




Stroke Option Tool
12.

Digunakan untuk melaras ketebalan garis luar
objek dan jenis pilihan garisan.















130

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4

Bil Nama Tools Fungsi Tools


Text Tool
13.

Digunakan untuk memaparkan jenis dan
komposisi tipografi/mukataip bagi kegunaan
tajuk utama, teks kandungan bagi sesebuah
rekaan grafik.




Gradients Tool
13.
Digunakan untuk memaparkan pilihan
gradients yang boleh diaplikasikan pada imej.







Rotate Tool, Flip Tool, Twirl Tool dan Shear
14. Tool
Rotate Twirl
Tool Tool Rotate Tool: digunakan untuk memusingkan imej,
lakaran, objek pada paparan.
Flip
Tool Twirl Tool: digunakan untuk mengedit imej lakaran.

Flip Tool: digunakan untuk menyongsangkan imej,
lakaran dan objek pada paparan.

Shear Tool: digunakan untuk menyendengkan
imej, lakaran dan objek pada paparan.


Free Transform Tool
15.

Digunakan untuk menyelaras saiz imej,
lakaran dan objek tanpa skala tetap.













131

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4

Bil Nama Tools Fungsi Tools


Measure Tool
16.

Digunakan untuk mengukur saiz, objek pada
paparan.




Transparent Tool
17.


Digunakan untuk menyelaras kelegapan warna
objek.




Jadual 3.3 Tetingkap dan Fungsi Tools


MEMULAKAN PROSES REKA LETAK BERBANTUKAN KOMPUTER


Sebelum membuka helaian lakaran untuk mereka bentuk, buka Document Setup dan
pilih saiz kertas yang dihendaki. Kemudian pilih samada ingin menggunakan format kertas
secara menegak atau melintang pada icon Orientation. Setelah selesai, tekan OK.


















Rajah 3.13 Tetingkap untuk memulakan lakaran reka letak









132

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


MENYIMPAN (SAVE) DOKUMEN

Adobe Illustrator membolehkan kita untuk menyimpan dokumen dengan beberapa cara,
antaranya:-


a) Arahan Save membolehkan kita menyimpan dokumen tersebut dengan nama terkini, storan dan
format fail yang sama.

b) Arahan Save As pula memberi kita peluang untuk menyimpan dokumen tersebut dalam format
yang sama atau berbeza, menggunakan nama fail dan penstroran yang sama atau berbeza.

c) Arahan Save a Copy pula membolehkan kita menyimpan dokumen menggunakan nama fail
atau format yang sama di dalam penstoran yang sama atau berbeza (seperti membuat salinan)
d) )Arahan ini memberi peluang pada salinan yang asal untuk berada dalam keadaan aktif.


MENYIMPAN FAIL DALAM FORMAT ASAL ILLUSTRATOR

1. Jika fail masih belum disimpan, pilih menu File > Save. Jika fail sudah disimpan dalam format
yang lain pilih menu Fail > Save As.

2. Nama fail.
3. Gunakan save di dalam menu pop-up untuk simpan didalam folder yang dipilih.
4. Pilih Save As Type: Illustrator. Pilih save (return/ enter).

5. Pilih compatibility.
6. Klik OK

JOM CUBA!!
Setiap aplikasi
mempunyai shortcut
untuk memudahkan
kerja pereka,
contohnya Ctrl+S
digunakan untuk
menyimpan fail yang
telah siap dibuat
kedalam hardisk






Rajah 3.14 Menyimpan (save) Dokumen







133

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4



Anda boleh menggunakan arahan Save As atau Save a Copy untuk menyimpan fail yang masih

wujud dalam format yang berlainan atau menukar fail pada format illustrator yang terdahulu. Jika
anda gunakan Save As, versi jenis yang baru akan tinggal terbuka di atas skrin. Fail asal akan

ditutup, tetapi ia akan disimpan di dalam disk. Tetapi jika anda mengunakan Save a Copy, versi
yang asal akan tinggal terbuka di atas skrin tetapi salinan tersebut akan disimpan ke dalam
peranti.




PENYUSUNAN REKA LETAK IMEJ DAN MUKATAIP


Pemilihan imej dan mukataip yang betul dapat menpengaruhi kualiti persembahan reka
letak. Cara susunan reka letak imej dan mukataip boleh menzahirkan pemahaman yang
jelas untuk diterima oleh setiap pelanggan


.





















Rajah 3.15 Contoh penyusunan reka letak imej dan mukataip









134

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4



MENILAI KOMPOSISI REKA LETAK


Membuat penilaian kepada beberapa komposisi yang telah dijana melalui komputer untuk memilih
komposisi terbaik


1 2









3 4









MENGESAHKAN KOMPOSISI REKA LETAK TERBAIK
















Pilihan Akhir








135

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


MENGHASILKAN CETAKAN KOMPOSISI AKHIR REKA LETAK


















































136

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4



AKTIVITI


LANGKAH 1 – 3.1.3
Murid menghasilkan beberapa cadangan reka letak berbantukan komputer dengan memasukkan
imej, tipografi, warna dan ragam hias lain dalam format melintang bersaiz A4.


LANGKAH 2 – 3.1.5, 3.1.4
Murid mencetak hasil cadangan reka letak yang telah dihasilkan.


LANGKAH 3 – 3.1.6, 3.17
Murid memilih satu reka letak terbaik.


LANGKAH 4 – 3.1.8

Murid menyimpan lakaran reka letak ke dalam peranti storan seperti pendrive, external hard disc
atau CD.




























137

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4



LATIHAN


Jawab semua soalan

1. Apakah maksud reka letak (lay out)
….…………………………………………………………………………………………………

2. Nyatakan kegunaan perkakasan berikut:


….………………………………………………………………………….
….………………………………………………………………………….




….………………………………………………………………………….

….………………………………………………………………………….




….………………………………………………………………………….
….………………………………………………………………………….




….………………………………………………………………………….

….………………………………………………………………………….



….………………………………………………………………………….

….………………………………………………………………………….


….………………………………………………………………………….

….………………………………………………………………………….







138

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


3. Tuliskan penyataan yang sesuai berdasarkan gambar dibawah.


Fill and Stroke Tool Elips Tool Free Tranform Tool

Selection Tool Gradients Tool Pen Tool

Text Tool Screen Modes Swatch Pallet Tool




Ruangan Jawapan







________________ ________________ ________________












________________ ________________ ________________









________________
________________ ________________






139

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


4. Anda diminta menghasilkan beberapa cadangan reka letak berbantukan komputer dengan
memasukkan imej, tipografi, warna dan ragam hias lain berdasarkan kreativiti masing-masing.

















































140

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


PENILAIAN UNIT


NAMA MURID


NO. KAD PENGENALAN

NAMA SEKOLAH

TINGKATAN TAHUN


MODUL 3.0 REKA LETAK BERBANTUKAN KOMPUTER

STANDARD
KANDUNGAN 3.1 KOMPOSISI REKA LETAK GRAFIK
3.1.3 Melakar komposisi reka letak berdasarkan tema imej visual yang
dipilih
3.1.4 Menyediakan imej visual dan susun atur penghurufan
STANDARD 3.1.5 Membuat satu komposisi reka letak mengikut lakaran terbaik
PEMBELAJARAN
3.1.6 Menilai komposisi reka letak
3.1.7 Mengesahkan komposisi reka letak terbaik
3.1.8 Menghasilkan cetakan komposisi akhir reka letak

RUBRIK PENGUASAAN

Tidak Menguasai Menguasai Sangat Menguasai

1 2 3

BIL. PERKARA YANG DINILAI PENGUASAAN CATATAN

 Melakar komposisi reka letak
berdasarkan tema imej visual yang
1 dipilih bersesuaian dengan susun 1 2 3
atur penghurufan
 Membina komposisi reka letak
mengikut lakaran
2  Menilai komposisi reka letak
mengikut prosedur 1 2 3
 Mengesahkan komposisi reka letak
3 yang dipilih mengikut prosedur 1 2 3
secara sistematik
 Menghasilkan cetakan akhir
4 komposisi reka letak yang dipilih 1 2 3
mengikut prosedur



Nama Guru Tandatangan/ Tarikh




141

Modul Pembelajaran
KSSM MPV Produksi Reka Tanda TINGKATAN 4


PENILAIAN MODUL


Nama Murid
No KP
Nama Sekolah
Tingkatan Tahun
Nama Modul 3.0 REKA LETAK BERBANTUKAN KOMPUTER


Standart Prestasi


Tahap Penguasaan
Penguasaan Tafsiran ( / ) Tarikh

Menyatakan maksud visual dan vektor
1
grafik

Memilih imej visual menggunakan
2
pelbagai sumber media

Melakarkan komposisi reka letak
berdasarkan tema imej visual yang dipilih
bersesuaian dengan susun atur
3 penghurufan

Membina komposisi reka letak mengikut
lakaran

Menilai komposisi reka letak mengikut
4
prosedur

Mengesahkan komposisi reka letak yang
5 dipilih mengikut prosedur secara
sistematik

Menghasilkan cetakan akhir komposisi
6 reka letak yang dipilih secara sistematik,
kreatif dan inovatif serta boleh diteladani

Nama Guru Tandatangan
& Tarikh
Disahkan Tandatangan
Oleh & Tarikh






142