2.1 pengenalan - · pdf filepilih satu imej latar belakang tekstur sebagai layer asas. 2. buka...

2.1 PENGENALAN

Adobe Photoshop merupakan perisian grafik untuk pengubahsuaian dan penghasilan sesuatu imej. Menerusi Adobe Photoshop, pengguna boleh menghasilkan atau mengubahsuai sesuatu imej mengikut citarasa dan kreativiti masing-masing. Perisian ini biasanya digunakan di dalam:

Penerbitan bercetak (buku, majalah dan poster)•Penerbitan Digital (persembahan multimedia, rekabentuk laman web dan kiosk)•

Memulakan Aplikasi Photoshop CS

Untuk memulakan aplikasi Adobe Photoshop, pengguna perlu klik pada menu 1. Start > Program > Adobe Photoshop CS. Skrin perisian Photoshop yang telah dibuka akan kelihatan seperti berikut :2.

ADOBE PHOTOSHOP CS: PERISIAN PENGHASILAN IMEJ UNTUK MEDIA DIGITAL DALAM BILIK DARJAH2

Modul Bab 2.indd 11 3/1/12 3:33:57 PM

12 | Digital Media: Adobe Photoshop CS

Toolbox di dalam Adobe Photoshop merupakan koleksi ikon-ikon yang mempunyai pelbagai fungsi dan peranan yang tersendiri. Berikut merupakan keterangan ringkas bagi setiap ikon yang disediakan di dalam Toolbox Adobe Photoshop CS.

Adobe Online

Move Tool (V)

Magic Wand (W)

Slice Tool (K)

Paintbrush Tool (B)

Gradient Tool (G)

Dodge Tool (O)

Type Tool (T)

Custom Shape Tool (U)

Eyedropper Tool (I)

Zoom Tool (Z)

Switch Foreground and Background Colors (X)

Rectangular Marquee Tool (M)

Lasso Tool (L)

Crop Tool (C)

Airbrush Tool (J)

Clone Stamp Tool (S)

Eraser Tool (E)

Blur Tool (R)

Path Selection Tool (A)

Pen Tool (P)

Notes Tool (N)

Hand Tool (H)

Set Background Color

Set Background Color

Edit in Quick Mask Mode (F)

Full Screen Mode (F)

Jump to ImageReady (Ctrl+Shift+M)

Default Foreground and Background Colors (D)

Edit in Standard Mode (Q)

Standard Screen Mode (F)

Full Screen Mode with Menu Bar (F)

History Brush Tool (Y)

Modul Bab 2.indd 12 3/1/12 3:33:57 PM

Perisian Penghasilan Imej untuk Media Digital dalam Bilik Darjah | 13

Fungsi Ikon Toolbox Adobe Photoshop CS

IKON TOOLBOX FUNGSI

Marque Tool1. Membina kawasan pilihan (selection) pada imej.

Move Tool2. Mengalihkan kedudukan sesuatu imej dari lokasi asal ke lokasi lain. Jika sebahagian sahaja bahagian imej yang ingin dipindahkan, maka imej tersebut perlulah dipilih menggunakan marquee tool.

Lasso Tool3. Mengaktifkan kawasan pilihan yang berbentuk tidak khusus atau sukar seperti bentuk manusia, binatang dan sebagainya.

Magic Wand4. Memilih kawasan yang mempunyai warna yang seakan-akan atau hampir sama pada sesebuah imej.

Crop Tool5. Memotong bahagian tertentu yang dipilih pada sesuatu imej. Imej yang tidak dipilih oleh Crop Tool merupakan bahagian imej yang tidak dikehendaki dan ianya akan terpadam secara automatik.

Slice/Slice Select Tool6. Slice Tool : Memotong sesuatu imej menjadi beberapa imej yang lebih kecil. Ini biasanya dilakukan untuk kegunaan rekabentuk laman web. Imej-imej kecil ini akan disimpan kepada beberapa fail imej yang berlainan. Slice Select Tool : Mengubah saiz potongan setiap imej tadi.

Healing Brush/Patch/7. Color Replacement Tool

Memperbaiki ketidaksempurnaan pada sesuatu imej. Fungsi ini juga membolehkan penyeragaman tekstur, pencahayaan serta bayang-bayang.

Paintbrush Tool8. Brush Tool : Melukis atau mewarnakan sesuatu objek. Pencil Tool : Menulis, melakar dan melukis sesuatu objek atau gambarajah.

Clone Stamp/Pattern 9. Stamp Tool

Clone Stamp Tool : Menyalin atau menampal sesuatu imej dari satu lokasi ke lokasi yanglain.Pattern Stamp Tool : Menampal corak yang dipilih pada bar pilihan kepada sesuatu imej. Selepas corak dipilih, warnakan pada bahagian yang dikehendaki.

History Brush/Art 10. History Brush Tool

Mendapatkan kembali kawasan imej yang telah dipadam atau diconteng oleh tool-tool lain, contohnya oleh Pencil dan Paintbrush Tool.

Modul Bab 2.indd 13 3/1/12 3:33:57 PM


Eraser Tool11. Memadam bahagian-bahagian yang tidak dikehendaki pada imej iaitu boleh memadam warna latarbelakang dan piksel imej yang mempunyai warna yang seakan sama.

Gradient/Paint Bucket 12. Tool

Mewarnakan kawasan pilihan atau objek.

Blur/Sharpen/Smudge 13. Tool

Blur Tool : Memberikan kesan kabur pada bahagian tertentu imej.Sharpen Tool : Menjelaskan bahagian tertentu pada imej. Smudge Tool : Memberi kesan seperti menggosokkan jari pada cat atau warna yang basah pada imej.

Dodge/Burn/Sponge 14. Tool

Dodge Tool : Mencerahkan bahagian-bahagian tertentu pada imej. Burn Tool : Menggelapkan bahagian-bahagian tertentu pada imej.Sponge Tool : Memberikan kesan seperti mewarnakan dengan menggunakan span pada imej.

Path Selection/15. Direct Selection Tool

Memilih semua anchor point pada sesuatu Shape yang telah dihasilkan.

Type Tool16. Memasukkan teks ke dalam imej.

Pen Tool17. Membina garisan lurus atau lengkuk mengikut bentuk sesuatu imej atau gambar yang ingin dilukis. Garisan yang dilukis kelihatan seperti laluan (path) yang bersambungan. Titik-titik ini dikenali sebagai Achor Point.

Shape Tool18. Membolehkan imej vektor dilukis. Imej-imej vektor ini didatangkan di dalam beberapa bentuk mengikut jenis-jenis Shape Tool.

Annotation Tool19. Notes Tool : Meletakkan nota pada imej.Audio Annotation Tool : Nota diletakkan dalam bentuk audio. Memerlukan mikrofon bagi tujuan rakaman suara.

Eyedropper/Color 20. Sampler/Measure Tool

Eyedropper : Mendapatkan warna yang terdapat pada sesuatu imej dengan cara mengklik pada kawasan yang dipilih.Color Sampler : Mendapatkan contoh pelbagai warna dengan memaparkan nilai warna RGB dalam bentuk nombor pada tetingkap palet info.Measure Tool : Mengukur jarak diantara 2 titik pada sesebuah imej yang sedang diubahsuai.

Hand Tool21. Memaparkan kawasan lain di dalam sesebuah imej sekiranya imej yang diubahsuai itu terlalu besar sehinnga tidak dapat dipaparkan secara keseluruhannya.

Modul Bab 2.indd 14 3/1/12 3:33:57 PM


Zoom Tool22. Membesarkan paparan imej pada skrin komputer.

Set Foreground/ 23. Background Color Tool

Warna latar hadapan adalah warna yang digunakan untuk menaip teks, melukis garis, objek dan sebagainya.Warna latar belakang digunakan oleh sesuatu fail baru apabila pilihan Background Color dipilih pada tetingkap New.

2.2 GABUNGAN DAN PEMINDAHAN IMEJ

Membina Kawasan Pilihan Dan Memindahkan Kedudukan Imej

Kemahiran membina kawasan pilihan dan memindahkan kedudukan imej adalah kemahiran asas dalam Photoshop yang perlu dikuasai. Sesuatu imej yang hendak diubahsuai perlulah diaktifkan (dipilih) terlebih dahulu sebelum proses pengeditan dilaksanakan. Antara alatan yang boleh digunakan ialah Marquee Tool, Magnetic Tool dan Magic Wand. Manakala Move Tool digunakan untuk menggerakkan imej yang dipilih.

Marquee Tool

1. Aktifkan fail florafauna.jpg2. Buat pilihan pada kawasan teks menggunakan Marquee Tool.

3. Gunakan kekunci Shift untuk menambah ruang pilihan. Heretkan tetikus pada ruang yang telah dipilih tadi. Seterusnya tekan kekunci Delete.

4. Klik menu File > Save As dan letakkan nama fail yang sesuai untuk menyimpan fail tersebut (dalam contoh ini nama fail ialah nature.jpg).

Modul Bab 2.indd 15 3/1/12 3:33:57 PM


Magnetic Tool

5. Kemudian buka fail mana-mana gambar (dalam contoh ini, flower.jpg).6. Aktifkan Magnetic Tool dan klik pada penjuru bawah kanan sebagai titik permulaan

7. Seterusnya heret tetikus pada keseluruhan rupa bentuk imej dikehendaki sehingga selesai dan klik sekali untuk membentuk kawasan imej yang telah dipilih.

8. Apabila selesai, gunakan arahan Select > Feather dan masukkan nilai 2 piksel. Tujuannya adalah untuk menjadikan imej yang dipilih lebih realistik.

9. Kemudian, klik menu Edit > Copy atau tekan Ctrl C pada papan kekunci.10. Buka fail nature.jpg dan letakkan imej yang telah di salin dengan menggunakan arahan

pada menu Edit > Paste atau tekan Ctrl V pada papan kekunci.

11. Gunakan Move Tool untuk menyusun atur imej-imej tersebut.12. Rujuk tetingkap Layer untuk mencapai setiap imej yang dikehendaki.

Modul Bab 2.indd 16 3/1/12 3:33:58 PM


13. Simpan fail yang telah disiap diedit. Klik menu File > Save.

Magic Wand Tool

14. Buka fail mana-mana gambar (dalam contoh ini, animals.jpg).15. Aktifkan Magic Wand Tool dan klik pada latarbelakang putih. Proses penyalinan akan

lebih mudah menggunakan Magic Wand Tool kerana latar belakang imej adalah berwarna putih.

16. Kemudian klik menu Select > Inverse. Hasilnya hanya kawasan imej yang hendak dipilih sahaja akan diaktifkan.

Modul Bab 2.indd 17 3/1/12 3:33:58 PM


17. Gunakan arahan Select > Feather dan masukkan nilai 2 piksel. Tujuannya adalah untuk menjadikan imej yang dipilih lebih realistik.

18. Kemudian gunakan arahan Edit > Copy dan Edit > Paste seperti yang telah dipelajari tadi. Salin imej burung dan rama-rama ini ke dalam fail nature.jpg.

2.3 PENCAHAYAAN DAN PEWARNAAN

Pencahayaan dan pewarnaan merupakan elemen penting dalam Photoshop untuk memudahkan proses pengubahsuaian dalam sesebuah imej digital. Proses ini boleh dilakukan menggunakan Paintbrush Tool, Gradient Tool, Blur dan Sharpen Tool, Mod RGB, Mod Brightness dan Contrast serta Mod Grayscale dan Desaturate.

Pencahayaan : Menukar Kecerahan Imej Dengan Menggunakan Brightness Dan Contrast

Buka semula fail nature.jpg1. Anda boleh masukkan warna latarbelakang dengan menggunakan memilih warna pada 2. Background Tool. Kemudian, gunakan 3. Paint Bucket Tool untuk memasukkan warna.

Klik pada 4. Image > Adjusments > Brightness/Contrast. Apabila tetingkap Brightness/Contrast dipaparkan, klik dan heret penunjuk mengikut keperluan anda. Heret penunjuk ke arah kanan untuk menambah kecerahan imej dan ke kiri untuk menggelapkan imej.

Modul Bab 2.indd 18 3/1/12 3:33:58 PM


5. Simpan fail yang telah disiap diedit. Klik menu File > Save. Sekiranya anda ingin meletakkan nama lain bagi fail yang telah diedit, klik menu File > Save as dan berikan nama lain bagi fail tersebut.

Pewarnaan: Penggunaan Ton Warna

Buka semula fail nature.jpg1. Kemudian aktifkan Gradient Tool.2.

Pilih warna putih untuk Foreground dan warna hitam untuk Background. 3.

Modul Bab 2.indd 19 3/1/12 3:33:58 PM


4. Untuk menghasilkan kecerunan, klik Linear Gradient dan pilih Foreground to Transparent.

[Digital Media: Adobe Photoshop CS] Chapter 2

24

Chapter 2

5. Simpan fail yang telah disiap diedit. Klik menu File > Save. Sekiranya anda ingin

meletakkan nama lain bagi fail yang telah diedit, klik menu File > Save as dan berikan

nama lain bagi fail tersebut.

Pewarnaan: Penggunaan Ton Warna

1. Buka semula fail nature.jpg

2. Kemudian aktifkan Gradient Tool.

3. Pilih warna putih untuk Foreground dan warna hitam untuk Background.

4. Untuk menghasilkan kecerunan, klik Linear Gradient dan pilih Foreground to

Transparent.

Foreground to Transparent

Linear Gradient

5. Kemudian, buat kecerunan lurus pada gambar. Caranya ialah dengan meletakkan penunjuk arah pada bahagian sebelah atas imej, dan buat satu garisan lurus ke bahagian tengah gambar.

6. Hasil penggunaan ton warna (Linear Gradient) pada bahagian atas dan bawah imej.

Modul Bab 2.indd 20 3/1/12 3:33:58 PM


2.4 ASAS PENGGUNAAN LAYER DAN TEKS

Layers merupakan lapisan yang berfungsi sebagai tempat objek, diibaratkan sebagai kanvas. Dengan adanya Layers, membolehkan anda untuk mengubahsuai setiap objek tanpa mengganggu objek yang lain dengan mudah dan berkesan. Anda dapat mengatur komposisi layers dengan cara mengubah atribut dan urutan layers. Sebagai tambahan, corak khusus seperti adjustment layers, fill layers, dan layers style dapat diterapkan untuk memberikan efek khusus pada layers tersebut.

Teks pula merupakan salah satu elemen utama di dalam proses penyaluran maklumat. Adobe Photoshop menyediakan kemudahan yang membolehkan teks dihasilkan sama ada untuk digunakan secara sendirian mahupun untuk diintegrasikan bersama-sama dengan paparan visual yang lain.

Penghasilan Gambar Menggunakan Pelbagai Efek Layer Dan Teks

1. Pilih satu imej latar belakang tekstur sebagai layer asas.

2. Buka imej lain yang mempunyai kawasan terang yang luas.

Modul Bab 2.indd 21 3/1/12 3:33:59 PM


Salin imej berikut di atas layer tekstur tadi.

3. Daripada menu mod layer blend, pilih “Screen”.

4 Imej anda akan automatik menjadi terang. 5. Anda boleh memadam beberapa kawasan gelap dengan menggunakan ikon eraser.

Sebelum itu anda hendaklah mengaktifkan layer tersebut terlebih dahulu.

Modul Bab 2.indd 22 3/1/12 3:33:59 PM


6. Daripada control palette, pilih berus pemadam jenis lembut, semi-opaque seperti ditunjukkan di bawah.

7. Dengan menggunakan ikon Eraser, ikut sepanjang tepi imej dan gunakan Shift untuk mengekalkan garis lurus.

8. Imej yang dihasilkan.

9. Aktifkan Type Tools dan taipkan perkataan di dalam gambar tadi.10. Kemudian edit perkataan tadi mengikut kreativiti anda melalui text option yang

disediakan.

Modul Bab 2.indd 23 3/1/12 3:34:00 PM


Kesan Imej Di Dalam Teks

1. Buka fail kerja baru dan masukkan sebarang imej ke dalamnya.2. Aktifkan Type Tools dan taipkan pada mana-mana bahagian imej tersebut.

3. Bawa tetikus agar berada di garisan antara layer teks dan layer imej.4. Tekan kekunci CTRL + ALT serentak dengan klik tetikus.5. Akan terpapar ikon penunjuk yang diwakili imej dua bulatan6. Teks boleh digerakkan untuk mendapatkan hasil yang lebih baik

7. Bina satu lagi Layer baru dan warnakan ianya dengan warna yang bersesuaian.8. Pastikan layer baru berada di bawah layer imej.

Modul Bab 2.indd 24 3/1/12 3:34:00 PM


9. Kesan lain boleh ditambah dengan menggunakan kesan Stroke atau Layer Style. Boleh gunakan Fungsi STYLE pada tetingkap Palet untuk kesan yang lebih menarik.

Membuat Kesan Chroome Pada Teks

Buka fail kerja baru. Taip teks dengan warna putih pada background hitam.1. Kemudian klik pada Layer > Layer style > Blending options, dan tetapkan nilai seperti 2. berikut:Drop Shadow:3.

Modul Bab 2.indd 25 3/1/12 3:34:00 PM


Bevel and Emboss:4.

Satin:5.

Setelah selesai, hasilnya seperti berikut:6.

Modul Bab 2.indd 26 3/1/12 3:34:00 PM


2.5 PENGHASILAN KESAN ZOOM DENGAN MENGGUNAKAN FILTER

Filter digunakan untuk menghasilkan suatu fail imej yang mempunyai pelbagai kesan khas seperti Blur, Sharpen, Texture dan sebagainya. Kesemua filter ini boleh dicapai melalui pilihan Filter dari menu bar. Ikuti langkah berikut untuk mengaplikasikan filter ke atas sesebuah imej.

Pilih dan buka sebarang imej yang anda kehendaki.1. Gunakan Magnetic Lasso Tool untuk memilih objek pada imej. Anda juga boleh 2. menggunakan Lasso Tool atau Rectangular Marquee Tool untuk memilih objek.

Kemudian klik Edit > Copy (Ctrl + C) dan klik Edit > Paste (Ctrl + V).3. Imej yang anda pilih tadi akan terdapat di Layer 1 di Layer Pallette.4.

Modul Bab 2.indd 27 3/1/12 3:34:01 PM


Klik semula pada imej asal atau klik Background.5. Pergi ke menu Filter > Blur > Radial Blur.6. Gunakan setting berikut iaitu Amount = 30, Blur Method = Zoom dan Quality = Good. 7. Kemudian klik Ok.

Imej akan kelihatan seperti di bawah:8.

Menghasilkan Latar Belakang Pada Gambar

Buka fail kerja baru dengan tetapan 640 x 480 pixel.1. Buat satu layer baru dan set Foreground Color seperti berikut:2.

Modul Bab 2.indd 28 3/1/12 3:34:01 PM


Kemudian klik Filter > Render > Clouds.3.

Kemudian buka satu fail imej dan salin pada layer kedua. 4.

Pada layer kedua, tukar Blending Mode Normal kepada Multiply.5.

Modul Bab 2.indd 29 3/1/12 3:34:01 PM


Buat satu layer baru dan pilih Linear Radient. Pilih warna yang anda kehendaki.6.

Pada layer ketiga, tukar Blending Mode Normal kepada Color Dodge.7.

Menghasilkan Kesan Air Pada Teks

Buka fail kerja baru berlatarbelakang hitam dan pastikan anda memilih mod RGB. Taipkan 1. sebarang teks di atasnya.

Modul Bab 2.indd 30 3/1/12 3:34:01 PM


Daripada menu bar, pilih;2. Filter | Blur | Gaussian Blur.... Pilih radius 1,0 pixela) Layer | Flatten Image b) Image | Rotate Canvas | 90 CW c) Filter | Stylize | Wind... Pilih d) Wind dan From the right Filter | Stylize | Solarize e) Image | Rotate Canvas | 90 CCW f)

3. Hasilnya..

LATIHAN

Dengan menggunakan teknik-teknik Photoshop yang telah dipelajari, anda diminta untuk menghasilkan satu kulit buku program. Anda boleh memilih salah satu tema di bawah:

Hari Anugerah Kecemerlangan Pelajar1. Hari Sukan Sekolah2. Hari Guru3. Sambutan Hari Kebangsaan4. Sambutan Hari Maulidul Rasul5. Hari Terbuka Sekolah6.

Modul Bab 2.indd 31 3/1/12 3:34:01 PM

Modul Bab 2.indd 32 3/1/12 3:34:01 PM

2.1 pengenalan - · pdf filepilih satu imej latar belakang tekstur sebagai layer asas. 2. buka...

Documents