Modul 2 Adobe Photoshop CS5
MODUL 2
PENGGUNAAN ALATAN SELECTION OBJEKTIF: Setelah mengikuti aktiviti dalam modul ini, anda akan dapat:
i. Memahami cara untuk menggunakan selection tools. ii. Memahami cara untuk menggunakan marquee tools. iii. Menggerakkan selection. iv. Membuat transformation edits. v. Menggunakan lasso tools.
vi. Membentuk ruler guides. vii. Memilih gambar dengan menggunakan Magic Wand Tool.
JANGKAMASA
Aktiviti pengajaran dan pembelajaran keseluruhan Modul 4 Adobe Photoshop CS5 ini megambil masa 10 minit.
2012
Nor Syazwani Mat Salleh Rosseni Din 4/18/2012
Modul 2 Adobe Photoshop CS5
24
2 Penggunaan Alatan Pilihan (Selection Tools)
2.1 Membuka fail gambar baru
2.2 Menyimpan gambar
2.3 Marquee tools
2.4 Move Tool
2.5 Arahan Transformation
2.5.1 Membuat skala bagi gambar pilihan
2.6 History Palette
2.6.1 Menggunakan History Palette
2.7 Lasso Tools
2.7.1 Untuk Zoom dan mengubahsuai saiz dokumen
2.7.2 Menggunakan Magnetic Lasso Tool
2.7.3 Subtracting from the Selection menggunakan Polygonal
Lasso Tool
2.7.4 Untuk Zoom dan mengubah kedudukan dokumen
2.7.5 Untuk subtract daripada pilihan
2.8 Mengubahsuai kedudukan imej pilihan
2.9 Mencipta pembaris
2.10 Menggunakan Lasso Tool
2.10.1 Menyalin dan mengubahsuai saiz lilin
2.10.2 Mengubah dan menyalin satu gula-gula
2.11 The Magic Wand Tool
2.11.1 Memilih gula-gula dengan Rectangular Marquee
2.11.2 Menggunakan Magic wand Tool
2.11.3 Untuk mengubah lilin dan deselect
2.12 Menyimpan gambar yang telah disunting
Latihan Pengukuhan Modul 2
Modul 2 Adobe Photoshop CS5
25
2.0 PENGENALAN
Dalam modul 1, anda telah mempelajari antaramuka Photoshop CS5 seperti navigation dan teknik
Zoom. Anda boleh memotong dan mengubahsuai saiz gambar, menambah bingkai dan menyimpan
fail gambar tersebut. Dengan memilih pada kawasan yang tertentu, anda boleh menyunting dan
mengaplikasikan kesan yang menarik kepada bahagian imej yang dikehendaki. Topik bagi modul 2 ini
termasuklah penggunaan Marquee Tools untuk memilih Rectangular/ Elliptical areas, Lasso Tools
untuk memilih bahagian freeform / mengikut bentuk-bentuk imej dan Magic Wand Tool untuk memilih
kawasan berwarna secara konsisten. Akhir sekali, anda dapat mempelajari bagaimana untuk
menggunakan alatan transformation, cut, copy, paste, drag daripada setiap pilihan.
Modul 2 ini, mengintegrasikan satu pengiklanan yang digunakan dalam katalog hadiah. Anda
akan memulakan penyuntingan dengan imej awal seperti dalam rajah 2.1a yang menunjukkan imej
lilin dan gula-gula yang dijual di kedai hadiah. Anda perlu memanipulasikan setiap imej tersebut
dengan memilih, menyunting dan menggerakkan dan meletakkan objek-objek tersebut pada lokasi
yang bersesuaian untuk menghasilkan satu gambar yang menarik dan kreatif seperti dalam rajah 2.1b
Sebelum : Rajah 2.1a Selepas : Rajah 2.1b
Modul 2 Adobe Photoshop CS5
26
2.1 MEMBUKA FAIL GAMBAR BARU
1. Pada menu bar, Klik FILE > Klik OPEN.
2. Apabila Kotak dialog Open dipaparkan, cari lokasi gambar yang disimpan.
3. Klik folder Project02 > Klik Candles.psd.
4. Klik butang OPEN .
5. Paparan gambar yang telah dipilih adalah seperti dalam rajah 2.1
Rajah 2.1 Membuka fail baru
2.2 MENYIMPAN GAMBAR (Saving a File)
1. Dalam menu bar, Klik SAVE AS.
2. Taip Candles Edited.psd dalam kotak File name
3. Klik butang SAVE
Tetingkap dokumen
Candled
Modul 2 Adobe Photoshop CS5
27
Rajah 2.2 Menyimpan gambar
2.3 THE MARQUEE TOOLS
1. Klik RECTANGULAR MARQUEE TOOL (M) (Rajah 2.3)
2. Sekiranya perlu, pada bar pilihan (option bar) di atas, klik butang NEW SELECTION.
3. Paparan penggunaan RECTANGULAR MARQUEE TOOL (Rajah 2.4)
Rajah 2.3 Paparan butang RECTANGULAR MARQUEE TOOL (M)
Butang
New
Selection
Butang Rectangular Marquee
Tool (M)
Modul 2 Adobe Photoshop CS5
28
Rajah 2.4 Penggunaan alatan marquee
2.4 THE MOVE TOOL
1. Klik butang MOVE TOOL (V) .
2. Pada bar pilihan (options bar), Klik kotak lapisan AUTO SELECT, maka, ia tidak akan
memaparkan check mark tersebut seperti rajah 2.5.
3. Klik SHOW TRANSFORM CONTROLS check box, maka ia tidak akan memaparkan check
mark.
Rajah 2.5 Penggunaan MOVE TOOL
Marquee
Butang Rectangular
Marquee Tool (M)
Kotak Auto Select
Groups Kotak Show Transform
Controls
Butang
Move Tool
(V) dipilih
Modul 2 Adobe Photoshop CS5
29
4. Tarik (Drag) lilin tersebut pada posisi kiri sebelah lilin yang tinggi.
5. Pastikan anda tidak meletakkan lilin itu bertindan dengan lilin tinggi.
Rajah 2.6 Lilin digerakkan ke tempat baru
6. Untuk duplicate, Tekan CTRL+ C, Tekan CTRL+V, Tarik gambar yang anda salin tadi ke
lokasi baru.
(Cara lain: Untuk menyalin (duplicate). Pada menu bar, Klik EDIT, Klik PASTE. Tarik gambar
yang anda salin tadi ke lokasi baru)
Rajah 2.7 Penggunaan kotak sempadan untuk mengubahsuai saiz lilin bekas
Lilin digerakkan
ke tempat baru
show transform
controls dipilih
Kotak
sempadan
Modul 2 Adobe Photoshop CS5
30
2.5 ARAHAN UNTUK MELAKUKAN TRANSFORMASI (The transformation Commands)
2.5.1 Untuk membuat skala bagi gambar pilihan. (To Scale a Selection)
1. Dengan MOVE TOOL (V) yang masih dipilih > klik Show transform Controls check box
pada bar pilihan (Options bar).
2. Tekan kekunci ENTER untuk menetapkan perubahan yang dilakukan tadi.
Rajah 2.8 Saiz lilin yang kedua diubah suai
2.6 THE HISTORY PALETTE
Rajah 2.9 History Palette
width dan height
saiz lilin
diubah
Butang
Create new
snapshot
Kotak dialog History
options
Butang create
new
document
from current
state
penanda kerja
lepas (previous
state)
menu palet
Butang Delete current state
Modul 2 Adobe Photoshop CS5
31
2.6.1 Menggunakan History Palette
1. Dalam history palette, klik MOVE STATE.
2. Letakkan pada bahagian atas Free Transform dan tempat untuk Duplicate.
Rajah 2.10 Menduakan lilin bekas
3. Dalam History palette, klik FREE TRANSFORM STATE pada bahagian bawah sekali seperti
di sebelah.
Rajah 2.11 Penggunaan FREE TRANSFORM STATE
History
palette
move state
lilin yang diskalakan
dipaparkan semula
Free transform
state
Modul 2 Adobe Photoshop CS5
32
2.7 THE LASSO TOOLS
2.7.1 Untuk Zoom dan mengubah saiz Document Window
1. Pada navigator palette status bar (seperti dalam rajah), klik butang zoom untuk
memaparkan saiz 50% bagi tetingkap dokumen
Rajah 2.12 Memaparkan keseluruhan imej lilin tegak
2.7.2 Untuk Menggunakan Magnetic Lasso Tool
1. Klik Kanan butang LASSO TOOL (L) dalam toolbox seperti di dalam rajah
Rajah 2.13 Paparan butang LASSO TOOL (L)
50% pembesaran
keseluruhan lilin
dipaparkan
Butang Lasso Tool (L)
Modul 2 Adobe Photoshop CS5
33
2. Klik Magnetic Lasso Tool.
3. Pada bar pilihan (options bar), klik butang NEW SELECTION .]
4. Klik pada Edge Contrast box dan taip 75 untuk menggantikan nilai yang baru.
Rajah 2.14 Mata tetikus pada titik permulaan penggunaan LASSO TOOL
5. Gerakkan tetikus berdekatan dengan tepi lilin tersebut.
Rajah 2.15 Penggunaan Lasso Tool
mouse pointer
Kotak new value
in contrast
Butang New
selection
Modul 2 Adobe Photoshop CS5
34
6. Klik untuk melalukan pusingan dan menggerakkan tetikus sehingga titik permulaan tadi
sehingga selesai.
Rajah 2.16 Keseluruhan penggunaan LASSO TOOL
7. Apabila , anda kembali pada titik asal mula-mula tadi, klik pada tanda tersebut dan hasil anda
seperti di sebelah.
Rajah 2.17 Tanda bahagian lilin yang telah dipilih
bahagian lilin yang
dipilih
LATIHAN PENGUKUHAN MODUL 2
titik permulaan
Modul 2 Adobe Photoshop CS5
35
2.7.3 SUBTRACTING FROM THE SELECTION USING THE POLYGON LASSO TOOL
1. Klik kanan pada butang MAGNETIC LASSO TOOL (L) dalam toolbox .
2. Klik POLYGON LASSO TOOL dalam senarai seperti di sebelah
Rajah 2.18 Butang MAGNETIC LASSO TOOL (L)
2.7.4 Untuk Zoom dan Reposition the Document window
1. Pada Navigator palette status bar, klik butang ZOOM untuk memaparkan tetingkap
dokumen pada 200%.
2. Tarik dan skrol bar ke bawah pada kawasan yang dipilih
Rajah 2.19 Pembesaran imej 200%
Butang Magnetic
Lasso Tool (L)
200% pembesaran
Modul 2 Adobe Photoshop CS5
36
2.7.5 To Subtract from a selection
1. Pada bar pilihan (option bar) > Klik SUBTRACT.
2. Gerakkan tetikus pada tetingkap dokumen (document window) seperti rajah.
Rajah 2.20 Permulaan penggunaan lasso tool
3. Gerakkan tetikus ke bawah, letakkan di luar bingkai (border) yang dipilih.
4. Gerakkan tetikus ke bawah, letakkan di luar bingkai (border) yang dipilih.
5. Apabila berada di bahagian bawah kiri , Klik dan gerakkan ke atas sehingga tiba pada titik
permulaan tadi seperti dalam rajah di sebelah.
Rajah 2.21 Petunjuk garisan lasso
Butang subtract
from selection
garisan
lasso
Modul 2 Adobe Photoshop CS5
37
2.8 ROTATING A SELECTION;
1. Untuk Memutarkan pilihan gambar
Rajah 2.22 Kotak sempadan (bounding border)
2. Tarik dengan perlahan untuk menghasilkan lilin yang tegak.
Rajah 2.23 Paparan untuk menghasilkan lilin yang tegak.
Kotak bounding
border
Butang move tool (V) show transform
controls
33.33%
pembesaran
lilin
dipaparkan
melurus
Modul 2 Adobe Photoshop CS5
38
3. Pada papan kekunci. Tekan anak panah kanan beberapa kali untuk menggerakkan gambar
yang dipilih ke kanan dengan memastikan lilin berada pada tengah-tengah pemegang lilin.
Rajah 2.24 Imej lilin yang telah ditegakkan
4. Tekan kekunci ENTER untuk menetapkan perubahan yang dilakukan.
5. Pada menu bar, Klik SELECT.
6. Pada menu bar, Klik SELECT > Klik DESELECT
Rajah 2.25 DESELECT STATE
degrees of
rotation
selection border
tidak dipaparkan
Deselect state
dipaparkan di
dalam History
palette
Modul 2 Adobe Photoshop CS5
39
2.9 MENCIPTA PEMBARIS (Creating guides)
1. Klik horizontal ruler pada atas tetingkap dokumen dan tarik ke bawah berdekatan dengan
imej seperti di sebelah.
2. Pastikan tetikus tidak dilepaskan lagi sebelum pembaris terhasil.
Rajah 2.26 Pembaris yang terhasil.
3. Tarik sehingga petunjuk pembaris berdekatan dengan gambar sekurang-kurangnya 5 cm
bagi pembaris melintang. Lepaskan tetikus
Rajah 2.27 Petunjuk pembaris
petunjuk
pembaris pembaris
menegak
pembaris
menegak
pembaris mendatar
Modul 2 Adobe Photoshop CS5
40
4. Menggunakan teknik yang sama, tarik petunjuk pembaris yang lain bagi melintang dan
lepaskan tetikus pada lebih kurang :
menegak : 9 cm.
Tarik daripada pembaris melintang untuk mencipta petunjuk pada :
menegak : 6.5 cm
melintang : 13 cm
Rajah 2.28 Petunjuk pembaris
2.10 MENGGUNAKAN LASSO TOOL
1. Klik kanan, pada butang POLYGONAL LASSO TOOL (L) > klik LASSO TOOL dalam
senarai.
2. Gerakkan tetikus pada tetingkap dokumen. Tarik sekeliling lilin dan pemegang lilin. Tarik
dengan berhati-hati supaya tidak termasuk imej yang lain.
Rajah 2.29 Paparan bagi pemilihan lilin untuk disalin
petunjuk
pembaris
bingkai pilihan
(selection border)
Butang Lasso
Tool (L)
Modul 2 Adobe Photoshop CS5
41
2.10.1 Untuk Menyalin dan ubah saiz lilin
1. Dalam kotak alatan, Klik butang MOVE TOOL (V).
2. ALT+ TARIK pilihan gambar tersebut ke kanan dan ke atas, berdekatan dengan petunjuk
pembaris seperti di sebelah.
Rajah 2.30 Imej yang dipilih untuk diubah suai saiz
3. SHIFT+ TARIK ke kiri untuk menetapkan saiz lilin
Rajah 2.31 Paparan kotak sempadan bagi imej lilin tinggi
lilin yang disalin
lilin diskalakan
Modul 2 Adobe Photoshop CS5
42
3. Tekan kekunci ENTER untuk menetapkan transformasi / saiz lilin yang diubah.
4. ALT+ TARIK pilihan gambar ke bawah dan ke kiri suntuk menghasilkan salinan gambar lilin.
5. Lilin yang ketiga diletakkan pada sebelah kanan tengah lilin yang sedia ada.
Rajah 2.32 Paparan bagi imej lilin ketiga
6. SHIFT+ TARIK bucu kiri lilin untuk mengubah saiz lilin. Lebih kurang 75% saiznya.
Rajah 2.33 Paparan untuk mengubah saiz lilin tinggi
lilin ketiga
pembaris
mendatar
lilin diskalakan
lower-left sizing
handle
width dan height
75%
Modul 2 Adobe Photoshop CS5
43
2.10.2 Untuk gerakkan and mendua (Duplicate) the Single Piece of Candy
1. Dalam kotak alatan, Klik butang LASSO TOOL (L).
2. Scroll dan ZOOM untuk memaparkan sebiji gula-gula.
3. Lukis sekeliling gula-gula tersebut dengan menggunakan LASSO TOOL yang dipilih tadi
seperti dalam rajah di sebelah.
4. Pada toolbox, Klik butang MOVE TOOL (V).
Rajah 2.34 Paparan penggunaan MOVE TOOL (V)
5. Tarik lilin ke lokasi di antara tengah-tengah dan kanan lilin tinggi.
6. ALT + HERET ke lokasi antara kanan lilin yang tinggi dan lilin yang pendek.
Rajah 2.35 Paparan bagi kedudukan gula-gula yang disalin
gula-gula disalin
(duplicate) di sini
gula-gula
diletakkan di sini
gula-gula disalin
(duplicate) di sini
Modul 2 Adobe Photoshop CS5
44
2.11 THE MAGIC WAND TOOL
2.11.1 Untuk memilih Candies dengan Rectangular Marquee
1. Menggunakan Navigator palette, zoom 100% dan skrol untuk memaparkan 4 biji gula-gula.
2. Dalam kotak alatan, Klik butang RECTANGULAR MARQUEE TOOL (M)
Rajah 2.36 Paparan butang RECTANGULAR MARQUEE TOOL (M)
3. Lukis segi empat sekeliling kumpulan gula-gula , yang mempunyai ruang putih dan 4 biji gula-
gula
Rajah 2.37 Lukisan segi empat tepat pada ruang gula-gula
Butang Rectangular
Marquee Tool (M)
Modul 2 Adobe Photoshop CS5
45
2.11.2 Menggunakan Magic wand Tool
1. Dengan penggunaan rectangular sekitar lilin (seperti dalam rajah sebelah), Klik butang
MAGIC WAND TOOL (M)
Rajah 2.38 Paparan bagi butang MAGIC WAND TOOL (M)
2. Pada bar pilihan, Klik SUBTRACT daripada butang pilihan Magic Wand.
3. Klik Anti-alias check box, jadi ia tidak akan memaparkan check mark.
4. Menggunakan MAGIC WAND , klik setiap kawasan putih antara lilin.
Rajah 2.39 Imej gula-gula yang dipilih menggunakan MAGIC WAND
marquee
Butang Magic
Wand Tool (W)
Butang
subtract
from
selection
Anti-alias check-
box tidak dipilih
Modul 2 Adobe Photoshop CS5
46
5. Klik pada kawasan putih di sekeliling lilin
Rajah 2.40 Imej gula-gula yang dipilih
2.11.3 Untuk menggerakkan Lilin dan Deselect
1. Pada Navigator palette, klik butang ZOOM OUT sehingga 25%
Rajah 2.41 Paparan bagi kedudukan baru bagi gula-gula
hanya gula-gula yang
dipilih – tidak kawasan
putih di sekeliling gula-
gula
gula-gula digerakkan
ke tempat lain.
Modul 2 Adobe Photoshop CS5
47
2. Dalam kotak alatan (toolbox), Klik butang MOVE TOOL (V) .
3. Tarik lilin ke lokasi di bahagian bawah kanan berdekatan dengan lilin yang pendek seperti
dalam rajah.
4. Tekan CTRL+D untuk deselect lilin tersebut.
Rajah 2.42 Paparan imej yang telah siap disunting
2.12 MENYIMPAN GAMBAR YANG TELAH DIEDIT BAGI FAIL YANG SAMA
1. Pada menu bar, Klik FILE .
2. Pada menu bar, Klik FILE > Klik SAVE. Sekiranya paparan Photoshop dipaparkan adalah
JPEG Options dialog box.
3. Klik butang OK
Butang
Move
Tool
(V)
Modul 2 Adobe Photoshop CS5
48
TUTORIAL 1 : MENGUBAH POSISI GAMBAR
Gambar sebelum diedit Gambar selepas diedit
Arahan: Buka Photoshop dan set workspace dan alatan kepada default ( WINDOW >
WORKSPACE > ESSENTIAL (DEFAULT) ). Buka fail Rocket dari Project02 pada mana-mana
lokasi yang anda simpan. Latihan ini adalah bertujuan untuk mengaplikasikan siri transformasi bagi
menambah beberapa sentuhan bagi gambar seperti di dalam rajah di atas.
1. Simpan (SAVE AS) fail tadi dengan nama Toy Rocket Edited.jpg. Sekiranya pilihan
JPEG dipaparkan dalam kotak dialog, Klik OK.
2. ZOOM gambar tersebut kepada 150% dan perbesarkan tetingkap dokumen untuk
menfokuskan kepada bentuk roket tadi.
3. Guna MAGNETIC LASSO TOOL untuk melukis di sekeliling bahagian roket, tidak termasuk
bahagian api yang sedang menyala. Lukis dengan hati-hati.
4. ZOOM gambar kepada 100%, Klik butang MOVE TOOL (V).
5. Untuk memusingkan (rotate) bahagian badan roket:
a. Apabila Photoshop memaparkan kotak sempadan (bounding box), point tetikus ke
bahagian badan roket ke arah bucu kanan.
b. Tarik ke bawah atau pusing mengikut arah jam sehingga bahagian badan roket
memaparkan penjuru (angle) 50 darjah.
Hint: Guna Rotate box dalam option bar untuk melihat angle yang anda telah tarik
(drag).
LATIHAN PENGUKUHAN MODUL 2
Modul 2 Adobe Photoshop CS5
49
6. Untuk menambah perspective kepada bahagian badan roket:
a. Klik kanan pada gambar roket yang telah anda pilih tadi. Kemudian Klik
PERSPECTIVE pada shortcut menu.
b. Cari lokasi tangkai (handle) pada bahagian atas kanan yang menghubungkan
dengan roket. Tarik bahagian handle itu ke arah muncung roket untuk mengecilkan
bahagian kepala roket. Ia akan menjadikan bahagian imej tersebut kelihatan lebih
jauh.
c. Tekan kekunci ENTER untuk menetapkan (commit) transformasi/ perubahan imej
tadi.
7. Guna alatan RECTANGULAR MARQUEE untuk memilih bahagian api.
8. Untuk memusingkan dan skala (scale) bahagian api:
a. Tekan CTRL+ T untuk ubah marquee. Photoshop akan memaparkan kotak
sempadan.
b. Pusing (rotate) gambar pilihab ke arah ikut jam 50 darjah seperti yang anda buat
pada bahagian roket tadi.
c. Klik Kanan pada bahagian api tersebut, Klik SCALE pada menu pintasan.
d. Cari lokasi tangkai (handle) pada bahagian atas – tengah bahagian api tersebut.
Tarik sizing handle tersebut, untuk scale pilihan (selection) kepada keadaan
melintang dengan H : 250% dalam bar pilihan (option bar).
e. Tekan kekunci ENTER untuk menetapkan perubahan imej yang tekah dibuat.
9. Untuk menggerakkan dan warp bahagian api:
a. Tarik pilihan (selection) pada bahagian bawah roket.
b. Tekan CTRL + T untuk mengubah saiz.
c. Klik Kanan pada pilihan dan Klik WARP pada shortcut menu.
d. Kemudian Warp options bar akan dipaparkan, Klik Custom box arrow dan Klik
ARC. Pilihan akan memaparkan grid dengan sizing handle.
e. Tarik sizing handle tersebut ke bawah sehingga lengkungan bahagian api menjadi
seperti rajah di atas.
f. Tekan CTRL + T untuk mengubah pilihan.
10. Deselect bahagian api.
11. Simpan (Save) sekali lagi gambar ini.