MODUL BENGKEL

ADOBE PHOTOSHOP & ADOBE ILLUSTRATOR

(TERBUKA UKM)

ANJURAN:

KELAB MULTIMEDIA INTERAKTIF (IMEC)

FAKULTI TEKNOLOGI & SAINS MAKLUMAT (FTSM)

UNIVERSITI KEBANGSAAN MALAYSIA (UKM)

DISEDIAKAN OLEH:

KELAB MULTIMEDIA INTERAKTIF (IMEC)

BAB 1

Pengenalan Adobe Photoshop Cs4

Adobe Photoshop Cs4

Untuk membuka pengoperasian program photoshop, dapat dilakukan dengan 2 cara, iaitu :

1. Klik dua kali icon Adobe Photoshop Cs4 yang terdapat di desktop.

2. Atau,klik Start Menu All ProgramAdobe photoshop Cs4.

3. Ruang kerja Adobe Photoshop Cs4.

MEMBUAT HALAMAN BARU

1.Klik file pada menu bar(file) new, maka akan muncul dialog box seperti berikut.

2

1

3

Gambar 1.1 Permulaan Adobe Photoshop Cs4

2. Masukan spesifikasi ruang kerja yang diperlukan yang akan dilakukan menggunakan aplikasi ini.

Berikut merupakan penerangan untuk new box tersebut.

Keterangan :

a) Name : Nama fail anda

b) Preset : Dalam Preset tersedia beberapa pilihan pengaturan yang sudah disesuaikan. Mulai dari

ukuran kertas, resolusi, warna latar belakang yang akan digunakan, dan juga latar belakang gambar

tersebut. Namun jika ingin mengatur sendiri , klik Preset Custom OK.

c) Untuk membuat pengaturan Custom (Gambar 1.3), klik satu-persatu pada kolum Size, Width,

Height, Resolution dan sebagainya, kemudian masukkan nilai ke dalam kotak tersebut.

Gambar 1.2 : New Box

Gambar 1.3 : Pengaturan Custom

SIZE

Untuk memilih ukuran kertas. Boleh dipilih menggunakan pilihan yang sudah tersedia, Seperti legal,

A4, atau letter.namun jika ingin diubah sesuai mengikut keperluan boleh juga menggunakan pilihan

dibawah ini.

▪Width = Untuk mengatur lebar kertas

▪Height= Untuk mengatur ketinggian kertas

▪Resolution= Untuk mengatur besarnya resolusi yang digunakan. Semakin besar resolusi yang di

gunakan maka hasilnya lebih baik. Namun seiring dengan meningkatnya pixel maka ukuran dari

gambar tersebut juga makin meningkat.

▪Color mode= Mengatur latar belakang warna apa yang akan digunakan sesuai mengikut keperluan.

Misalnya digunakan untuk membuat web maka gunakan latar RGB(RED,GREEN,BLUE) dan jika

untuk di print maka gunakan warna CMYK(CYAN,MAGENTA,YELLOW,BLACK).

▪ Background contents= Mengatur background yang akan digunakan.misalnya , menggunakan

background transparent untuk membuat logo.

d) Apabila pilihan telah dibuat, untuk menyimpannya gunakan pilihan Save

Preset (Gambar 1.2 new box (d)). Maka secara automatik pilihan baru akan disimpan dan akan muncul

New Document Preset box. Isi kolum Preset Name dengan nama preset anda, kemudian klik OK

e) Klik OK

Gambar 1.4 : New Document Preset

1

3

4

MEMBUKA FILE YANG SUDAH ADA.

Jika sudah pernah membuat file atau ingin membuka fail lain dan melakukan pengeditan,caranya

adalah :

1. Klik FileOpen kemudian tunggu beberapa saat hingga muncul open box.

2. Buka tempat penyimpanan tersebut dengan cara klik pada Look in kemudian pilih

tempat penyimpanan file yang mahu dibuka (misalnya My Document).

3. Masukkan nama fail pada kotak File Name.

4. Apabila file sudah ditemui, klik Open.

2

PENYIMPANAN DATA

Dalam penyimpanan dokumen, terdapat 2 cara, iaitu :

▪ Save

Berfungsi untuk menyimpan fail baru. Cara menyimpan data (save) :

1. Klik File Save.

2. Masukkan nama fail pada kolum File Name.

3. Tentukan format fail anda pada kolum Format.

4. Tentukan lokasi penyimpanan fail tersebut.

5. Klik Save.

Gambar 1.5: Open box

1

3

2

4

5

▪ Save as

Digunakan untuk menyimpan fail yang telah

selesai diedit tanpa menghilangkan dokumen yang

asal (asli). Proses save dan save as sama, yang

membezakan hanya fungsinya.Fail boleh disimpan

dengan cara yang sama seperti Save hanya proses

awal yang sedikit berbeza iaitu :

1. Klik File Save As.

2. Masukkan nama fail pada kolum File Name.

3. Tentukan format penyimpanan pada kolum

Format.

4. Tentukan lokasi penyimpanan fail tersebut.

5. Klik Save.

1

Gambar 1.6 :Save

Gambar 1.6:Save as

1 2

5

6

8

10

9

7

3 4

11

RUANG KERJA ADOBE PHOTOSHOP CS4

Halaman awal dari ruang kerja ini berisi pelbagai fungsi, iaitu :

Keterangan :

1. Menu Bar

Terdapat di atas area ruang kerja (layer) photoshop dan mengandungi fungsi-fungsi utama dalam

photoshop, seperti File, Edit, Image, Layer, Select, Filter, Analysis, 3D, View, Windows,dan Help.

2. View Bar

Berisi Icon-icon yang digunakan untuk mengatur penampilan pada layer, seperti zoom, rotate, view

extras, hand tool dan lain sebagainya.

3. Essentials

Berfungsi untuk mengubah pallete agar menjadi lebih fleksibel dalam penggunaannya. Didalamnya

terdapat pilihan pallete.

Gambar 1.7 :Ruang kerja Photoshop Cs 4

4. Windows Button

Digunakan Untuk menutup program

Digunakan untuk memperbesarkan area photoshop dalam ukuran maksimum

Digunakan untuk memperkecilkan area photoshop dalam ukuran paling kecil.

4. Layer

Adalah istilah untuk ruang kerja pada Photoshop.Fungsi dari layer iaitu untuk membuka dan

mengedit gambar. Layer boleh dibuka lebih dari satu dengan cara klik File New Layer .Selain itu

layer boleh dibuka dan ditutup mengikut kemahuan.

5. Layer Name

Menjelaskan nama gambar dari gambar atau layer tersebut.

6. Color Box

Berfungsi sebagai tempat pengaturan dan penyesuaian warna pada photoshop.

7. SideBar

Mempunyai fungsi .seperti select, background color dan l sebagainya. Sebahagian besar dari fungsi

utama dalam photoshop terdapat pada sidebar ini.

8. Tool Bar

Digunakan untuk mengedit dan membuat gambar baru.

9. Pallettes

Digunakan untuk mengatur Adjustment dan juga Mask.

10. Zoom

Digunakan untuk mengatur ukuran kebesaran gambar dalam percentage . Untuk zoom in atau out,

masukkan nilai ke dalam kotak kemudian tekan enter,atau boleh juga dengan

menggunakan icon yang ada pada View Bar.

11. Doc : .......( berdasarkan ukuran gambar )

Berisi data tentang gambar yang terdapat pada ruang kerja, iaitu : panjang, lebar gambar, Resolusi,

dan Channels (tingkatan warna yang digunakan)

Contoh gambar :

TOOLS

Dalam menu tools, terdapat banyak alat yang boleh digunakan untuk mengedit ataupun

membuat gambar..

A. Selection Tools

Selection Tools

F

Move-Digunakan untuk memindahkan objek

Marque tools- Digunakan untuk membuat selection yang

sesuai .Marque memiliki empat jenis iaitu :

Retangular Marquee : selection dalam bentuk segi empat

Elipttical marquee :selection dalam bentuk elips/lingkaran

SingleColumn Marque : selection dalam 1 kolum

Single row Marquee : selection dalam 1 garis

Lasso tools- Digunakan untuk membuat selection dalam bentuk non

shape.Terdiri dari :

Lasso : selection pada area yang tidak bersudut

Polygonal lasso : selection pada area bersudut

Magnetic lasso : selection secara automatik mengikut bentuk

Quick Selection Digunakan untuk membuat selection berdasarkan warna pada gambar.

Magic wand

Digunakan untuk membuat selection secara cepat pada gambar.

Slice : Digunakan untuk memotong gambar menggunakan sudut

Slice Selection tool : Hanya area yang terkena selection yang akan dipotong

C. Measuring Tools

Eyedropper- Digunakan untuk mengambil contoh warna

Color Sample : digunakan untuk mengambil sampel warna

Ruler : Untuk menampilkan garis batas pada workspace

Note : Untuk membuat catatan khusus pada workspace

Count : Membuat catatan perkiraan

D. Retouching Tools-Digunakan untuk memberikan efek pada background

]

Eraser : Untuk menghapus gambar pada layer

Background Eraser : Untuk menghapus warna dasar pada background

Magic eraser : Menghapus berdasarkan tingkatan warna

Blur : Untuk membuat efek blur

Crop-Digunakan untuk memotong gambar secara langsung

Spot Healing Brush : untuk memperbaiki bahagian yang

rosak

Healing brush : untuk memperbaiki bagian yang kosong

Patch : untuk menampal area yang kosong

Red eye : menghilangkan kesan red eye

Clone stamp : Untuk membuat gambar dengan pola abstrak

Pattern stamp : Untuk membuat gambar dengan pola pattern (berulang)

Sharpen : Membuat eafek blur dengan aksen tajam

Smudge : Membuat efek blur dengan aksen ditarik oleh jari

Dodge : Untuk memberi efek cap

Burn : Untuk membuat efek ditarik

Sponge : Untuk membuat efek berlubang seperti span E.Painting Tools- Digunakan untuk membuat objek

BRUSH

Pencil : Untuk membuat garis bebas

Color Replacement : Untuk mengganti warna pada garis History brush art history brush : Membuat garis dengan efek khas

Gradient : Memberi warna dasar menggunakan tingkat warna Paint Bucket : Memberi warna pada background

WARNA

Dalam proses pewarnaan pada Photoshop terdapat 2 pilihan, iaitu :

●Foreground : digunakan untuk membuat gambar,mewarnai,dan memberi warna pada area selection.

●Background : digunakan untuk membuat warna dasar pada layer

Untuk membuat warna baru, boleh menggunakan tools pada Photoshop,iaitu : Eyedropper,Color

panel, Swatches panel, atau Adobe Color Picker.

Memilih warna background dan foreground menggunakan color box

Pada box ini warna background terletak pada bahagian atas, sedangkan foreground terletak di bawah.

▪Untuk mengganti warna Foreground :

- Klik kotak warna yang berada diatas pilih warna yang tersedia pada Adobe Color Picker klik

OK.

▪ Untuk mengganti warna Background :

- Klik kotak warna yang berada dibawah pilih warna yang tersedia pada Adobe Color Picker

klik OK.

▪Untuk menukar warna foreground menjadi Background :

- Klik switch color pada color box

▪ Untuk mengembalikan warna foreground dan Background :

- Klik default pada Color Box

Memilih warna menggunakan Eyedropper

Apabila ingin memilih warna yang berbeza maka tools ini sesuai untuk digunakan.Eyedropper ini

biasa digunakan untuk mengambil warna yang ada pada area kerja.

1. Klik Eyedropper.

2. Atur ukuran pixel yang akan diambil menggunakan sampel size.

3. Pilih area yang akan digunakan pada sample menu, klik

a. All layer : Pada semua layer yang tersedia di area kerja.

b. Current layer : Hanya pada layer yang aktif di area kerja

4. Untuk mengganti warna pada foreground

▪Klik pada warna yang diinginkan.

Untuk mengganti warna pada Background

▪Tekan Alt + klik pada warna yang diinginkan.

a. Default Colors icon : Kembali pada warna dasar

b. Switch Colors icon : Menukar F dengan G

c. Foreground color box : Warna dasar

d. Background color box : Warna belakang

Gambar 1.8 : Color Box

-Untuk melihat-lihat warna yang sesuai sebelum memilih dapat dilakukan dengan cara drag mouse

menggelilingi area warna yang diinginkan.

Adobe Color Picker

Pada adobe Color Picker ini, kita boleh mengatur warna yang akan digunakan untuk foreground,

background mahupun mewarnai teks pada area kerja Photoshop. Namun, tools ini hanya boleh

dimanfaatkan jika memilih RGB dan CMYK.

Cara menggunakan tools

Semasa menggunakan tools, dan terdapat gambar segitiga kecil di bahagian hujung tool, maka tools

tersebut disebut fly out. Cara membukanya, klik dan tahan selama beberapa saat, maka akan muncul

tools yang lebih bervariasi terdapat di dalam fly out tersebut ( hidden tools ).

Menggunakan Options Bar

Options Bar yang terletak di bawah Menu Bar berfungsi untuk membantu pemilihan bantuan

penggunaan pada Tools yang dipilih.

Setiap tool mempunyai option bar yang berbeza mengikut keperluan.Kelebihannya ianya

memudahkan untuk memilih variasi tool.

Layer

Layer merupakan lapisan pada ruang kerja yang transparent yang berisi gambar. Pada satu gambar

boleh terdiri dari satu atau beberapa layer.

a. Layer Group-Untuk menggabungkan banyak layer menjadi satu grup

b. Layer Efek- Untuk menampilkan efek – efek pada layer

c. Expand Layer Effect- Untuk memperluas area efek yang tersedia

Gambar 1.9 Adobe color picker

d. Background Copy -Layer baru yang sama dengan background awal (menggunakan duplicate

layer)

e. Lock Layer - Digunakan untuk menggunci layer

Untuk pemberian Efek pada layer, boleh dilakukan dengan cara:

1. Klik kanan pada layer yang akan diberi efek.

2. Klik blending Option.

3. Kemudian akan muncul layer style box yang di dalamnya terdapat beberapa pilihan

Brush

a

b

c

d

e

Pada Layer Panel kita juga boleh

set semasa edit boleh dilihat atau

tidak dengan cara klik pada gambar

Gambar.1.10 Layer Panel

Gambar 1.11 Blending Option

Brush adalah salah satu feature yang disediakan oleh Adobe Photoshop yang berfungsi untuk

membuat efek cap pada gambar.Variasi brush semakin berkembang pesat, dan sekarang tersedia

banyak pilihan brush yang boleh dimanfaatkan untuk design suatu gambar dengan cepat.

Untuk menambah variasi brush boleh dilakukan dengan cara mendownload dari internet.

Cara Membuka Brush

Brush dapat dibuka dengan 2 cara:

Klik pada toolbar atau klik pada hujung kanan pallete (boleh juga dilakukan menekan

kekunci F5

Install Brush

Untuk menambah variasi brush, boleh ditambahkan dengan cara :

1. Download Brush yang diinginkan (menggunakan free download atau premium download ).

2. Setelah didownload, file brush biasanya masih berbentuk zip, oleh kerana itu sebaiknya Extract

file tersebut terlebih dahulu dengan cara

Klik kanan pada file zip Extract fileOk.

3. Simpan.

Gambar :1.12 Brush box

Menggunakan Brush

Brush yang telah di download dan disimpan akan siap digunakan

1. Klik Brush tool kemudian klik di sampingnya.

2. Klik , klik load brush.

3. Cari lokasi penyimpanan file brush yang akan digunakan klik install

4. Brush siap digunakan

Gambar 1.13 Brush

Gambar 1.14 Contoh Brush

Mengunnakan type

Merupakan salah satu feature di mana gambar yang di edit boleh ditambah perkataan untuk

menambahkan lagi isi gambar.Selalunya digunakan untuk membuat poster,banner dan sebagainya.

Install type(font).

1. Download font yang diinginkan (menggunakan free download atau premium download ) .

2. Setelah didownload, file font biasanya masih berbentuk zip, oleh kerana itu sebaiknya Extract

file tersebut terlebih dahulu dengan cara

Klik kanan pada file zip Extract fileOk.

3. Install dengan klik kanan pada font tersebut dan pilih install.

Menggunakan Type

1.Klik .

2.akan muncul selection bar pilih yang diiinginkan dan masukkan tulisan dengan menaip di kawasan

yang dimahukan .

3.Klik kawasan yang mahu digunakan dengan klik sebanyak dua kali.

Untuk edit Type

1.Klik sebanyak dua kali di kawasan yang ingin diedit dan edit menggunakan selection bar.

2.Boleh juga dilakukan dengan klik pada layer yang mengandungi text yang ingin diedit.

Contoh text yang siap digunakan

Gambar 1.15 Selection bar untuk type

Gambar 1.16 Contoh text

Bab 2

Mengedit Foto

Bab ini akan memperkenalkan mengenai cara mengedit foto mengunakan aplikasi – aplikasi yang

telah tersedia pada Adobe Photoshop Cs 4. Namun bab ini akan dibagi menjadi 2 bahagian . Bahagian

1 adalah mengedit foto menggunakan permainan warna, Part 2 adalah editing foto menggunakan

Filter .

PART 1 : MENGEDIT FOTO MENGGUNAKAN PERMAINAN WARNA

Permainan warna yang dimaksud disini adalah memanfaatkan pengaturan Adjustments yang sudah

ada. Yang harus dilakukan hanyalah mengubah levels, Exposure, Hue/Saturation dan lain-lain.

1. Buka adobe Photoshop, kemudian buka gambar yang akan di edit.

2. Buka Adjustments box yang ada di sebelah kanan workspace kemudian klik levels.

3. Tarik segitiga yang berwarna grey hingga menunjukkan angka 0,37.

4. Setelah selesai, kli butang menu untuk kembali ke menu pilihan. Kemudian klik

levels. Ulang cara yang sama seperi tadi namun geser grey hingga pada titik 0,63. Maka

gambar akan berubah menjadi seperti ini

5. Klik butang menu pilih hue/saturation, atur.

Gambar 2.1 Sebelum dan setelah diedit

6. Lakukan seperti cara nombor 5 tadi, namun pilih vibrance, atur. Untuk pengaturan ini

vibrance dibuat +72 sedangkan untuk saturation -2.

7. Klik butang menu, pilih color balance. Atur. Jangan lupa beri tanda pada Preserve

Luminosity untuk memberi efek glossy.

Gambar 2.2 Adjustment dan Level

Gambar 2.3 Adjustments, hue/saturation

8. Atur menggunakan curve, klik butang menu Curve

9. Terakhir klik butang menu Exposure dengan pengaturan Exposure : +0,10 Offset : -

0,0183 dan gamma : 1,00

10. Simpan.

PART 2 : MENGEDIT GAMBAR MENGGUNAKAN FILTER

Gambar 2.4 Adjustments, color balance & curve

Gambar 2.5 Gambar belum diedit

Filter adalah salah satu dari menu bar, yang berfungsi untuk memberikan efek –efek khusus

yang mudah digunakan. Pada menu Filter ini terdapat banyak pilihan yang boleh digunakan

untuk mengedit gambar salah satunya Stylize, texture, blur. Efek ini boleh digunakan lebih dari

satu kali / satu layer.

1. Buka gambar atau foto yang akan diedit.

2. Klik kanan pada layer pilih duplicate layer, beri nama sesuai mengikut keinginan.

3. Pada layer duplicate, Klik Filter Artistic Poster edge

4. Duplicate layer , klik Filter TextureTexturizer.

5. . Duplicate layer , klik Filter Artistic Film grain

6. Pilih Smudge tool klik ke 4 sisi gambar tersebut.

Gambar 2.6 Filter effect

Gambar 2.7 Gambar siap diedit

MEMBERI EFEK CAMPURAN

Efek dalam Photoshop boleh digunakan lebih dari satu kali / satu layer. Campuran dari efek

yang digunakan akan membuat gambar lebih cantik.

Sebelum :

Edit gambar dengan cara :

1. Buka gambar dengan cara klik File Open Pilih gambar yang dicari Open.

2. Buat Salinan layer dari gambar utama tersebut. Klik kanan pada layer, Klik Duplicate layer.

3. Beri nama layer 1 pada salinan atau duplicate layer tadi.

Gambar 2.8 sebelum diedit

4. Kemudian klik Filter texture Gain. Pada Gain Type pilih vertical. atur Intencity dan

contrast sesuai keinginan. Klik OK.

5. Buat Duplicate layer lagi, beri nama layer 2.

6. Buat selection pada area sekitar gambar utama.

7. Klik Filter Artistic Poster Edge. Maka hanya area yang terkena selection yang akan

mengalami perubahan bentuk.( Lakukan dengan cara yang sama dengan layer 1)

8. Maka akan muncul gambar seperti ini. Untuk menghilangkan selection klik Select

Deselect.

9. Klik New Layer kemudian gabungkan ke dalam 1 group

10. Klik Spot Healing Brush Tool atur diameter sesuai dengan yang diperlukan, lalu sapukan

ke area sekitar tepi gambar untuk membuat efek bingkai.

Gambar Final