MODUL I

PHOTOSHOP 1. Tujuan Praktikum

• Mengenal dan memahami software Photoshop

• Mengetahui dan memahami penggunaa too-tools pada Photoshop

• Dapat memanipulasi foto

2. Photoshop

Adobe Photoshop merupakan salah satu program aplikasi yang ditujukan untuk menyunting

dan memanipulasi image (image-editing). Image atau gambar Bitmap yang sering disebut Raster,

merupakan gambar yang dibentuk dari grid-grid warna.

Pada Modul ini akan membahas :

1. Tool Dasar Photoshop

2. Tutorial

1. Tool Dasar Photoshop 1.1 Pendahuluan

Ada 4 komponen utama dalam aplikasi Adobe Photoshop , yaitu :

1. Menu Bar

2. ToolBox

3. Option Bar

4. Palet

1.2 Move Tool Berfungsi untuk menggeser objek yang ada pada workspace

Shortcut : V

Langkah-langkah :

a) buka software Adobe Photoshop

b) pilih objek yang akan di edit, dengan cara pilih Menu, Open atau Ctrl+O

c) buka layer baru dengan Menu File, New atau dengan Ctrl+N

d) Pilih MOVE TOOL pada Toolbar disamping kiri aplikasi atau tekan V.

MULTIMEDIA CATV 1

BENGKEL KOMTEKPROF

ToolBox Option Bar Menu Bar Palet

Komponen utama Adobe Photoshop

ToolBox Move tools

MULTIMEDIA CATV 2

BENGKEL KOMTEKPROF

e. klik dan drag objek target lalu drop di layer baru maka hasilnya akan tampak pada

gambar 1.a

gambar 1.a

MULTIMEDIA CATV 3

BENGKEL KOMTEKPROF

1.3 Crop Tool Berfungsi untuk tool untuk memotong gambar dan menampilkan objek yang sudah kita seleksi

terlebih dahulu pada layer serta membuang area yang tak diinginkan.

Shorcut : C

Langkah – langkah :

a. Dengan objek yang sama, pilih Crop Tool pada …. Atau tekan C

b. Seleksi bagian objek yang mau di-Crop (seleksi).

Crop Tool objek target

gambar 2.a

c. Arahkan pada wilayah dari objek yang akan diseleksi

d. Klik, tahan dan drag wilayah yang akan diseleksi (gambar 2.b)

MULTIMEDIA CATV 4

BENGKEL KOMTEKPROF

Gambar 2.b

e. Lalu tekan Enter maka hasilnya akan tampak seperti gambar 2.c

Gambar 2.c

MULTIMEDIA CATV 5

BENGKEL KOMTEKPROF

1.4 Clone Stamp tool menyamakan warna bagian dari objek dengan mengambil sample warna dari bagian objek yang lain.

Shortcut : S

Langkah-langkah :

a. Dengan objek yang sama, zoom bagian objek yang akan di edit dengan Clone Stamp Tool

b. Pilih Clone Stamp Tool pada ToolBox (gambar 3.1)

Gambar 3.1

c. Pilih bagian mana dari objek diatas yang warnanya ingin disamakan.

d. Contoh , warna kulit pipi kiri objek mau disamakan seperti warna rambut.

e. Pilih bagian yang akan di Clone (dijadikan warna contoh) , lalu tekan shift+klik kiri.

MULTIMEDIA CATV 6

BENGKEL KOMTEKPROF

gambar 3.2

f. Arahkan mouse pada bagian dari objek yang mau disamakan lalu klik kiri.

g. Maka warna bagian objek tersebut akan sama seperti warna kulit yang diambil sebagai

sampel tadi ( gambar 3.3)

gambar 3.3

MULTIMEDIA CATV 7

BENGKEL KOMTEKPROF

1.5 Gradient tool Berfungsi untuk memberi warna gradasi pada sebuah objek.

Shortcut : G

Langkah- langkah :

a. Buat layer baru dengan Ctrl+N atau dari menu Bar File, New.

b. Pilih Gradient Tool pada ToolBox

bentuk gradasi dan warna arah arsiran gradient tool

gambar 4.1

c. Pilihlah arah dan bentuk gradasi dan arah arsiran gradasi pada option bar.

d. Pointer akan berubah menjadi seperti tanda (+), lalu klik tahan dan drag kea rah yang

anda inginkan di dalam layer yang baru tersebut.

MULTIMEDIA CATV 8

BENGKEL KOMTEKPROF

gambar 4.2

e. Maka hasilnya alan terlihat pada gambar 4.3

Gambar 4.3

MULTIMEDIA CATV 9

BENGKEL KOMTEKPROF

1.6 Type Tool Berfungsi untuk mengetik text, yang mana dapat dipilih baik penulisan secara vertical atau horizontal.

Shortcut : T

Langkah – langkah :

a. Buat layer baru dan pilih Type Tool pada ToolBox

Gambar 5.1

b. Sebelum mengetikan text, anda perlu membuat area text terlebih dahulu.

MULTIMEDIA CATV 10

BENGKEL KOMTEKPROF

Gambar 5.2

c. Baru setelah itu anda dapat mengtikkan text yang anda inginkan. Hasilnya akan terlihat pada

gambar 5.3

MULTIMEDIA CATV 11

BENGKEL KOMTEKPROF

1.7 Quick selection dan Magic wand tool (a). Quick selection tool : untuk menyeleksi secara cepat dan praktis.

(b). magic wand tool : untuk menyeleksi atas piksel-piksel yang ada

dalam kawasn warna tertentu.

Shortcut : W

Langkah – langkah (a) :

a. Pilih objek ( Ctrl+O )

b. Pilih quick selection tool pada toolbox atau tekan W pilih Quick Selection ( gambar 6.a.1 )

c. Arahkan pada bagian dari objek yang akan diseleksi lalu klik kiri tahan dan drag ( seret)

sampai bagian yang anda ingin seleksi.

gambar 6.a.1

MULTIMEDIA CATV 12

BENGKEL KOMTEKPROF

Langkah – langkah (b) :

a. Pilih objek (Ctrl+O)

( gambar 6.a.2)

b. Pilih quick selection tool pada toolbox atau tekan W pilih Magic Wand

c. Arahkan kursor pada bagian dari objek yang akan diseleksi lalu klik kiri sesuai bagian yang

anda ingin seleksi.

d. Maka secara otomatis tool akan menyeleksi bagian dari gambar yang cenderung

mempunyai pixel-pixel hampir mirip ( gambar 6.b.1)

MULTIMEDIA CATV 13

BENGKEL KOMTEKPROF

Gambar 6.b.1

1.8 Paint Bucket Tool Berfungsi untuk memberi warna pada blok area tertentu.

Shorcut : G

Langkah – langkah :

1. Pilih Objek ( Ctrl+O )

2. Pilih Gradient pada ToolBox dan pilih Paint Bucket Tool ( gambar 7.1)

MULTIMEDIA CATV 14

BENGKEL KOMTEKPROF

gambar 7.1

3. Arahkan pointer pada bagian dari objek yang ingin diberi warna berdasarkan kesamaan

pixelnya.

4. Lalu klik kiri, maka hasilnya akan tampak seperti gambar 7.2

Gambar 7.2

MULTIMEDIA CATV 15

BENGKEL KOMTEKPROF

1.9 Eye Dropper Tool Berfungsi untuk memilih warna foreground dari warna yang ada pada lembar kerja atau dari Swacthed

Palled

Shortcut : I

Langkah – langkah :

a. Pilih objek baru ( Ctrl+O )

b. (Dengan Objek yang sama) lalu pilih Eye Dropper pada ToolBox .

Gambar 8.1

Perhatikan : warna foreground sebelumnya adalah misalnya kuning.

c. Kemudian pilih Eyedropper Tool.

d. Lalu pilihlah warna apa pada lembar kerja ( objek ) anda yang ingin anda jadikan warna

foreground lalu Klik Kiri.

e. Contoh : apabila anda memilih warna coklat kayu pada lembar kerja ( objek ) anda maka

hasilnya akan tampak seperti berikut ( gambar 8.2 )

MULTIMEDIA CATV 16

BENGKEL KOMTEKPROF

gambar 8.2

Perhatikan : warna foreground telah berubah menjadi warna coklat kayu, karena anda

telah memilih warna tersebut sebagai warna foreground dengan Eye Dropper Tool.

MULTIMEDIA CATV 17

BENGKEL KOMTEKPROF

1.10 Marquee Tool. Tool ini terbagi atas 4 jenis structural :

1. Rectangular Marquee (Shortcut keyboard: M, atau Shift + M)

Digunakan untuk membuat area selection berbentuk segi empat pada image.

2. Elliptical Marquee (Shortcut keyboard: M, atau Shift + M)

Digunakan untuk membuat area selection berbentuk elips atau lingkaran pada image.

3. Single Row Marquee

Digunakan untuk membuat area selection satu baris pada image (ukuran tinggi selection adalah

1 pixel).

4. Single Column Marquee

Digunakan untuk membuat area selection satu kolom pada image (ukuran lebar selection adalah

1 pixel)

Contoh Pengaplikasian dari Marquee Tool :

Jenis selection tool yang digunakan adalah rectangular marquee. Tampak pada gambar di atas,

area selection berbentuk segi empat yaitu yang ditandai dengan garis putus-putus.

MULTIMEDIA CATV 18

BENGKEL KOMTEKPROF

1.11 Blur Tool (Shortcut keyboard: R, atau Shift + R)

1. Sharpen Tool

Digunakan untuk menajamkan area tertentu pada image.

2. Blur Tool

Digunakan untuk menghaluskan/mengaburkan area tertentu pada image.

3. Smudge Tool

Digunakan untuk menggosok/mencoreng area tertentu pada image

Contoh Pengaplikasian Pada Blur Tool :

Pilih area yang anda inginkan untuk menerapkan tool ini (Blur Tool). Lalu klik Blur Tool sehingga

pointer akan berubah menjadi icon lingkaran. Lalu drag icon lingkaran tersebut pada area yang

dipilih. Tampak pada gambar diatas, area yang dipilih adalah papan seluncur. Sesuai dengan fungsi

dari Blur Tool yaitu mengaburkan area tertentu pada image. Maka dari itu, area papan seluncur

pada gambar diatas tampak kabur (buram).

MULTIMEDIA CATV 19

BENGKEL KOMTEKPROF

1.12 Brush Tool (Shortcut keyboard: B, atau Shift + B untuk mengubah tool) Terdiri dari 2 jenis yaitu:

1. Brush Tool

Digunakan untuk melukis image dengan goresan kuas.

2. Pencil Tool

Digunakan untuk melukis image dengan goresan pencil.

Contoh Pengaplikasian dari Brush Tool :

Bukalah gambar yang akan Anda buat menjadi brush dengan Photoshop. Untuk tutorial kali ini,

saya gunakan gambar gambar dibawah ini.

Usahakan untuk menggunakan gambar yang mempunyai latar belakang berwarna putih. Jika

gambar latar belakangnya ramai dan tidak putih, maka Anda harus membuatnya menjadi putih

dulu. Caranya dengan membuat seleksi pada gambar tersebut, kemudian pilih menu Edit > Fill,

pilih warna white pada bagian Use, kemudian OK.

Gambar yang akan dibuat menjadi brush harus dibuat menjadi berwarna hitam putih. Cara

termudah untuk membuatnya menjadi putih adalah dengan memilih menu Image > Adjustment >

Desaturate. Kemudian atur ulang warnanya dengan Image > Adjustment > Levels.

MULTIMEDIA CATV 20

BENGKEL KOMTEKPROF

Kenapa gambar perlu dibuat menjadi hitam putih? Ini karena prinsip penggunaan brush adalah

hitam berarti merupakan gambar yang ditampilkan, sedangkan putih akan menjadi bagian yang

transparan. Berlawanan dengan prinsip penggunaan layer mask. Semakin kontras gambar kita,

maka hasilnya akan membuat brush dengan sapuan yang kuat juga.

Sekarang pilihlah menu Edit > Define Brush. Setelah muncul kotak dialog Brush Name, jika perlu

ubahlah nama brush tersebut. Pilih Brush tool pada tool box Photoshop, kemudian pilihlah jenis

brushnya di option bar. Brush yang sudah kita buat tadi sudah muncul di sebelah bawah

sendiri.

Hasil dari brush tool pada gambar di bawah ini terletak di bawah papan seluncur yaitu

berupa bentuk rerumputan dengan aneka warna.

MULTIMEDIA CATV 21

BENGKEL KOMTEKPROF

1.13 Pen Tool (Shortcut keyboard: P, atau Shift + P)

Digunakan untuk membuat path dengan lengkung-lengkung yang halus 1. Freeform Pen Tool

(Shortcut keyboard: P, atau Shift + P)

Digunakan untuk membuat path berbentuk bebas (sesuka kita )

2. Add Anchor Point Tool

Digunakan untuk menambah anchor point atau titik editor pada path

3. Delete Anchor Point Tool

Digunakan untuk menghapus anchor point tertentu pada path

4. Convert Point Tool

Digunakan untuk mengubah anchor dan direction point tertentu pada path

MULTIMEDIA CATV 22

BENGKEL KOMTEKPROF

Contoh Pengaplikasian dari Pen Tool :

Sebelum membuat file baru tekan D dan X untuk membuat settingan background color hitam dan foreground color putih.

kalo udah, baru deh bikin document baru

MULTIMEDIA CATV 23

BENGKEL KOMTEKPROF

Sekarang Gunakan Pen Tool

buat Gambar seperti dibawah :

Klik kanan klik make selection, lalu klik add new layer untuk membauat layer baru. warnai dengan warna putih dengan menggunakan brush tool.

MULTIMEDIA CATV 24

BENGKEL KOMTEKPROF

Klik Select > feather untuk Photoshop CS2 ke bawah atau Select > Modify > feather untuk photoshop CS3. Setting feather menjadi 5. lalu tekan Delete.

MULTIMEDIA CATV 25

BENGKEL KOMTEKPROF

jadinya seperti ini :

Sekarang Copy dan putar.. caranya, sambil tekan tombol ALT , putar gambar nya, kira-kira 30 derajat.

MULTIMEDIA CATV 26

BENGKEL KOMTEKPROF

terus atur letaknya.

pilih layer paling atas terus tekan CTRL + E untuk menggabungkan. setelah gabung, copy lagi dan putar, dan atur letaknya , sehingga jadinya kayak gini :

Sekarang tekan Ctrl + J untuk menduplikat layer, lalu Klik Filter > blur > motion blur,

MULTIMEDIA CATV 27

BENGKEL KOMTEKPROF

Terus Tekan CTRL+ E untuk menggabungkan layer. Sekarang kita duplikat layer 1 dengan menekan CTRL +J lalu putar hasil duplikatnya sebesar kira2 60 derajat. Duplikat sekali lagi.. dan putar, jadinya seperti ini :

Sekarang kita warnain, klik add new layer untuk membuat layer baru, lalu klik gradient Settingan warnanya sesuai selera aja. Saya gunain warna ini :

Tarik gradient dari pojok kanan atas ke pojok kiri bawah.

MULTIMEDIA CATV 28

BENGKEL KOMTEKPROF

Ubah settingan layer menjadi OVERLAY

Hasilnya jadi gini :

MULTIMEDIA CATV 29

BENGKEL KOMTEKPROF

1.14 Eraser Tool

(Shortcut keyboard: E, atau Shift + E untuk mengubah jenis

eraser) Terdiri dari 3 jenis yaitu:

1. Eraser

Digunakan untuk menghapus pixel image dan mengembalikannya ke state tertentu.

2. Background Eraser

Digunakan untuk menghapus area tertentu image menjadi transparan.

3. Magic Eraser

Digunakan untuk menghapus area tertentu image yang memiliki warna yang serupa

menjadi transparan dengan satu kali klik.

1.15 Shape Tool

(Shortcut keyboard: U, atau Shift + U untuk mengubah jenis)

1. Rectangle Tool

Digunakan untuk menggambar bentuk segi empat

2. Rounded Rectangle Tool

Digunakan untuk menggambar segi empat melengkung

3. Ellipse Tool

Digunakan untuk menggambar ellipse

4. Polygon Tool

Digunakan untuk menggambar polygon

5. Line Tool

Digunakan untuk menggambar garis lurus

6. Custom Shape Tool

Digunakan untuk menggambar bentuk tertentu dari daftar bentuk yang ada

Contoh Pengaplikasian dari Shape Tool :

Bukalah gambar yang akan Anda buat menjadi brush dengan Photoshop. Untuk tutorial kali ini,

saya gunakan layer gambar dibawah ini.

MULTIMEDIA CATV 30

BENGKEL KOMTEKPROF

Lalu pilih shape tool yang terdiri dari Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool,

Polygon Tool, dan Line Tool. Tampak pada gmabar di atas, beraneka ragam penggunaan shape

tool.

1.16 Zoom Tool Shortcut keyboard: Z

Digunakan untuk memperbesar atau memperkecil tampilan image.

1.17 Hand Tool Shortcut keyboard: H

Digunakan untuk menggeser/memindah bidang pandang image di dalam window view area.

MULTIMEDIA CATV 31

BENGKEL KOMTEKPROF

3.Tutorial Photoshop

Langkah Pertama

Buka Photoshop, Buat document baru dengan ukuran 2560 x 1440 px. Buka juga foto

yang mau diedit, seleksi objek fotonya, lalu masukan objek tersebut kedalam document yang

sudah kita buat pada sebelumnya.

Langkah Kedua

Duplikat layer objek foto dengan menekan Ctrl+J, lalu

pilih Image>Adjustment>Desaturate dan ubah background yang tadinya berwarna hitam

menjadi putih, setelah itu save dengan format .PSD beri nama itamputih.

MULTIMEDIA CATV 32

BENGKEL KOMTEKPROF

Langkah Ketiga

Ubah background menjadi warna hitam, dan sembunyikan objek semua layer kecuali

background. Lalu buatlah tulisan horizontal dan vertical dengan kreasi kalian ada yang Italic,

Bold, besar dan kecil pada tulisan usahakan yang terlalu bertumpuk. Atur efek pada font

tersebut Layer>Layer Style>Drop Shadow. Gunakan Multiply untuk Blend Mode, hitam untuk

warnanya, 90o untuk sudutnya dan 5 pixel untuk Distance, Spread dan Size. Jika sudah tersusun

tulisan yang bertumpuk itu maka pisahkan atau groupkan tulisan yang didepan dan dibelakang,

artinya yang dibelakang adalah tulisan yang bertumpuk, pilih group yang belakang atur

Filter>Blur>Gaussian Blur dengan radius 10 px, ini bertujuan agar efek tulisan menjadi

bertumpuk lebih nyata. Selanjutnya gabungkan semua layer tulisan Layer>Merge Group

Langkah Keempat

Setalh digabung, posisikan tulisan layer tersebut pada objek. Lalu

pilih Filter>Distort>Displace pilih yang sudah kita save sebelumnya yaitu itamputih.psd, atur 15

untuk Horizontal dan Vertical Scale, gunakan Tile untuk Displacement Map dan Repeat Edge

Pixels untuk Undefined Areas.

MULTIMEDIA CATV 33

BENGKEL KOMTEKPROF

Langkah Kelima

Pindahkan layer objek foto keatas layer tulisan, atur Blend Modenya Linear Burn. Untuk

menghaluskan editan fotonya Filter>Noise>Dust & Scratches dan gunakan 7 pixels untuk Radius

dan0 levels untuk Threshold.

MULTIMEDIA CATV 34

BENGKEL KOMTEKPROF

Langkah Keenam

Seleksi area luar dari objek, dengan cara tahan tombol Ctrl lalu double klik pada layer

objek, setelah itu pilih Select>Inverse dan tekan delete.

MULTIMEDIA CATV 35

BENGKEL KOMTEKPROF