MULTIMEDIA CATV 1

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.

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 2

ToolBox Option Bar Menu Bar Palet

Komponen utama Adobe Photoshop

ToolBox Move tools

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 3

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

gambar 1.a

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 4

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)

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 5

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

Gambar 2.c

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 6

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.

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 7

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

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 8

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.

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 9

gambar 4.2
e. Maka hasilnya alan terlihat pada gambar 4.3

Gambar 4.3

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 10

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.

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 11

Gambar 5.2
c. Baru setelah itu anda dapat mengtikkan text yang anda inginkan. Hasilnya akan terlihat pada
gambar 5.3

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 12

1.7 Quick selection dan Magic wand tool

(a). Quick selection tool : untukmenyeleksisecaracepatdanpraktis.

(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

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 13

( gambar 6.a.2)
Langkah – langkah (b) :
a. Pilih objek (Ctrl+O)
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)

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 14

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)

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 15

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

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 16

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 )

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 17

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.

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 18

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.

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 19

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).

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 20

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.

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 21

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.

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 22

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

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 23

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

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 24

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.

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 25

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

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 26

jadinya seperti ini :

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

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 27

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,

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 28

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.

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 29

Ubah settingan layer menjadi OVERLAY

Hasilnya jadi gini :

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 30

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.

BENGKEL KOMTEKPROF
 MULTIMEDIA CATV 31

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.

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 32

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.

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 33

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.

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 34

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.

BENGKEL KOMTEKPROF
MULTIMEDIA CATV 35

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.

BENGKEL KOMTEKPROF