Tutorial Adobe Photoshop

Mengenal Adobe Photoshop

Apa itu Adobe Photoshop?
Adobe Photoshop adalah software pengolah gambar yang sangat powerfull dengan
segala fasilitasnya. Hasil gambar olah dengan Adobe Photoshop ini banyak dilihat di
berbagai website, brosur, koran, majalah, dan media lainnya.

Membuat File Baru

Pilih menu File – New
Maka pada layar monitor akan muncul seperti gambar di bawah ini:

Keterangan:
File : Untuk mengisi nama file
Width/height : Lebar/tinggi media gambar santuannya: cm, inch, pixel
Resolution : Resolusi dari suatu gambar satuannya: cm, inch, pixel
Mode : Mode warna dari suatu gambar
Contents : Latar belakang gambar

1
PENGENALAN TOOLBOX

2
Tidak semua tool ada tanda segitiga kecil hitam, ini berarti masih ada lagi tool yang lain
di dalamnya. Untuk melihatnya klik dan tahan tool tersebut ( Alt + klik tool tsb ).

Tool Marquee

Ada empat macam bentuk, yaitu:

Rectangle: Untuk membuat seleksi bentuk kotak
Elliptical: Untuk membuat seleksi bentuk lingkaran
1. Single Row: Untuk membuat seleksi garis horisontal
2. Single coloumn: Untuk membuat seleksi garis vertikal
Dan pada pengaturannya kita dapat mengeluarkan Option pada menu window

– show option. Contoh option di atas ini menunjukan marquee option dikarenakan
tool yang sedang dipergunakan adalah tool marquee. Semua tool juga
mempunyai option tetapi tampilannya berbeda - beda.
Tool Lasso, Polygon & Magic Polygon

Lasso: Untuk membuat seleksi bebas

Polygon: Untuk membuat seleksi lurus
Magic Polygon: Untuk membuat seleksi berdasarkan bentuk

Tool Pencil & Line

Pencil: Alat gambar yang menyerupai goresan pensil dan untuk pengaturan besar kecil
goresannya dapat diatur dengan Brushes yang di keluarkan melalui menu Window –
show brushes

Line: Untuk membuat garis lurus.

Pada option line tampak tampilan sebagai berikut :
Width: Untuk menentukan tebal mata panah (cobalah isi 300%)
Length: Untuk menentukan panjang mata panah (cobalah isi 300%)
3
Contafity: Untuk menentukan kelengkungan mata panah (cobalah isi 0)
Pada contafity angka minimal –50, standar 0 dan maksimum 50. Angka tadi untuk
membentuk kelengkungan mata panah.

Tool Rubber stamp & Pattern Rubber stamp

Rubber stamp: Untuk mengcopy gambar

Pattern Rubber stamp: Untuk mengcopy gambar secara pattern

Tool Blur, sharpen, smudge

Blur: Untuk memburamkan gambar

Sharpen: Untuk mempertajam gambar
Smudge: Untuk menyatukan/ menggoreskan warna gambar

Tool Dodge, burn, sponge

Dodge : Untuk membuat gambar lebih terang

Burn : Untuk membuat gambar lebih gelap
Sponge : Untuk mengkontraskan warna. Ada 2 jenis sponge, yaitu:
1. Saturate: Untuk menambah warna
2. Desaturate: Untuk mengurangi warna

Tool Gradient

Ada lima macam gradient:

1. Linear gradient
2. Radial gradient
3. Angle gradient
4. Reflected gradient
5. Diamond gradient

4
Tool Eyedropper & color sample
Eyedropper: Untuk mengambil warna foreground
Color sample: Untuk mengambil warna foreground tetapi meninggalkan tanda

Tool Pen

Ada 7 macam:
1. Pen: Untuk membuat alur path
2. Magnetic pen: Untuk membuat alur path berdasarkan warna
3. Freeform pen: Untuk membuat alur path berdasarkan bentuk
4. Add anchor point: Untuk menambah titik path
5. Delete anchor point: Untuk menghapus titik path
6. Direct selection: Untuk merapikan alur path
7. Convert point: Untuk mematahkan salah satu alur path

Tool Type, type mask & type vertical, type mask vertical
Ini semua untuk membuat teks hanya saja ada 2 jenis yang hasilnya vertical

Tool Move

Untuk menggeser objek

Tool Magic wand

Untuk membuat seleksi berdasarkan warna

Tool Airbrush
Alat gambar yang menyerupai cat semprot. Pilihlah ukuran brushesnya pada kotak
brush untuk menentukan besar kecil semprotannya

5
Tool Painbrush

Alat gambar yang menyerupai kuas, untuk besar kecil coretannya pilihlah di kotak brush

Tool Eraser

Alat untuk menghapus gambar yang tidak kita inginkan

Tool Paint bucket

Alat untuk menumpahkan warna sesuai dengan nilai toleransi di optionnya

Tool History
Berfungsi juga seperti undo. Karena di dalam photoshop perintah undonya hanya sekali

Tool Hand
Untuk mengeser layar apabila tidak seluruh gambar terlihat di monitor

Tool Zoom
Untuk memperbesar tampilan gambar

Foreground color & Background color

Kotak atas (hitam) untuk memberitahukan warna apa yang kita pakai (foreground)
Kotak bawah (putih) untuk menentukan warna kanvas/ alas (background)
Kotak kecil (hitam-putih) warna standar dari photoshop
Tanda panah untuk memutar posisi warna kedua kotak besar

6
Tanda-tanda gambar yang berfungsi untuk penampilan gambar

Edit in standard mode: Untuk

menampilkan warna normal

Edit in quick mask mode: Untuk

menampilkan warna hitam putih

Menu Edit
Undo : Untuk membatalkan perintah terakhir
Redo : Untuk mengembalikan perintah yang sudah di undo
Cut : Untuk mengambil gambar yang terseleksi
Copy : Untuk mengcopy/ memperbanyak gambar
Copy Merge : Untuk mengcopy gambar yang terdiri dari beberapa layer
Paste : Untuk memindahkan gambar yang sudah di copy/ cut
Paste into : Memindahkan gambar ke dalam seleksi
Clear : Untuk membersihkan gambar yang berada didalam seleksi
Fill : Untuk memasukkan warna kedalam seleksi
Stroke : Untuk membuat garis pinggir.

Dalam menggunakan stroke kita bisa memilih daerah yang akan di stroke:
• Inside : Didalam seleksi
• Center : Tengah seleksi
• Outside : Diluar seleksi

Transform: Bentuk transform ada beberapa macam:

• Scale : Untuk merubah ukuran gambar
• Rotate : Untuk memutar gambar
• Skew : Untuk membentuk kemiringan gambar
• Distort : Untuk membuat gambar bebas
• Perspective : Untuk membuat gambar berbentuk perspektiv
• Flip horizontal : Untuk membalik gambar searah horisontal
• Flip vertical : Untuk membalik gambar searah vertical

Define Pattern: Untuk mengcopy gambar yang akan di pattern

Menu Image
Mode : Untuk mode warna gambar
Adjust : Untuk membentuk efek warna

7
Duplicate : Untuk membuat file duplikat
Image Size : Untuk merubah ukuran file gambar
Canvas Size : Untuk merubah ukuran kanvas
Crop : Untuk memotong gambar sesuai dengan yang kita seleksi
Rotate Canvas : Untuk memutar canvas
Calculation : Untuk membuat channel baru dengan warna grayscale

Menu Layer
New : Untuk membuat layer baru
New Adjustment layer : Membuat layer dengan efek warna
Duplicate layer : Untuk membuat layer duplikat
Delete layer : Untuk menghapus layer
Layer Option : Untuk merubah tampilan layer
Effect : Memberikan efek berdasarkan layer
Type : Merubah status teks
Arrange : Bentuk arrange ada 4 macam:
• Bring to front : Untuk memindahkan layer ke posisi paling depan
• Bring forward: Untuk memindahkan layer ke posisi depan satu langkah
• Send to back : Untuk memindahkan layer ke posisi paling belakang
• Send backward : Untuk memindahkan layer ke posisi belakang satu
langkah
Matting : Untuk menghaluskan gambar bagian pinggir

Menu Select
All : Untuk membuat seleksi pada seluruh area gambar
None : Untuk menghilangkan seleksi
Inverse : Untuk membalikkan daerah seleksi
Color Range : Untuk mencari daerah seleksi pada warna yang kita inginkan
Feather : Untuk menghaluskan warna bagian pinggir
Modify : Ada 4 macam
• Border : Untuk membuat double seleksi
• Smooth : Untuk menghaluskan ujung seleksi
• Expand : Untuk memperluas daerah seleksi
• Contract : Untuk mengurangi daerah seleksi

Grow : Untuk menambah daerah seleksi pada daerah warna dan toleransi yang
sama tetapi hanya yang menempel
Similar : Untuk menambah daerah seleksi pada daerah warna dan toleransi yang
sama yang menempel maupun yang tidak

8
Save selection: Untuk menyimpan seleksi pada channel
Load selection: Untuk memanggil seleksi pada channel

Filter
Untuk membuat efek bentuk. Cobalah anda gunakan satu persatu

Menu Window
Cascade : Untuk tampilan layer memanjang
Tile : Untuk Untuk mengatur file yang jumlahnya lebih dari Satu
Show tool/hide tool : Untuk menampilkan/menghilangkan toolbox
Show navigator/hide : Untuk menampilkan/menghilangkan navigator
Show option/hide option : Untuk menampilkan/menghilangkan option
Show Brushes/hide : Untuk menampilkan/menghilangkan brushes
Show swatches/hide : Untuk menampilkan/menghilangkan swatches
Show layer/hide layer : Untuk menampilkan/menghilangkan layer
Show path/hide path : Untuk menampilkan/menghilangkan path
Show channel/hide : Untuk menampilkan/menghilangkan channel
Show info/hide info : Untuk menampilkan/menghilangkan info

Channel
Berfungsi untuk pembagian warna dalam pencetakan atau separasi. Dalam dialog box
cannel kita bisa click tanda segitiga kecil disudut kanan atasnya antara lain terdapat:
• New channel : Untuk membuat channel baru
• Duplicate channel : Untuk membuat copy-an channel
• Delete channel : Untuk menghapus channel
• Pallet option : Untuk merubah tampilan channel

Channel juga dapat menyimpan tanda seleksi objek yang telah kita simpan pada save
Selection yang ada pada menu select.

Di bawah dialog box terdapat lambang-lambang:

• Lingkaran putus-putus : Untuk menampilkan tanda seleksi
objek
• Kertas terbuka : Untuk mebuat channel baru
• Tong sampah : Untuk menghapus channel

Pengaturan Warna

9
Warna apapun dapat dinyatakan dalam tiga warna dasar (RGB) yaitu merah, hijau, dan
biru. Cara menyatakan warna yang lain adalah dengan mode HSL yaitu Hue,
Saturation, dan Lightness. Mode lain adalah CMYK (Cyan, Magenta, Yellow, Black).

Paint Bucket Tool

Paint Bucket Tool digunakan untuk mengganti background yang memiliki warna sama
atau mirip. Background dapat diganti dengan pattern.

Gradient Tool

Gradient tool digunakan untuk menghasilkan warna gradasi. Jangan lupa lakukan
seleksi terlebih dahulu bagian mana yang akan diisi warna gradasi. Jika tidak, maka
seluruh kanvas terisi dengan gradasi.

Brush Tool

Brush Tool digunakan sebagai kuas dalam mengambar dengan mouse. Atur besar
kecilnya brush, hardness, opacity, dan flow. Bush Tool dapat juga bekerja pada mode
Air Brush.

Brightness/Contrast

Brightness digunakan untuk mengatur kecerahan gambar. Contrast digunakan untuk

mengatur ketajaman gambar. Gunakan menu Image -> Adjustment ->
Brightness/Contrast.

Level

Level berfungsi mirip dengan Brightness/Contrast namun lebih fleksible karena warna
dapat diatur warna gelap, warna menengah, dan warna terang. Level dapat bekerja
pada selection atau seluruh kanvas. Gunakan menu Image -> Adjustment -> Level.

Curves

Curves bekerja seperti level, namun Anda mengatur warna RGB dalam bentuk curva.
Gunakan menu Image -> Adjustment -> Curves. Curva dapat diatur otomatis, mode
RGB atau diatur sendiri-sendiri untuk tiap-tiap warna.

Color Balance

Melalui menu Image -> Adjustment -> Color Balance kita dapat mengatur keseimbangan
warna.

Photo Filter

10
Photo filter digunakan untuk memberikan filter pada gambar. Mirip seperti filter yang
diletakkan di depan lensa kamera. Gunakan menu Image -> Adjustment -> Photofilter.

Replace Color

Replace Color digunakan untuk mengganti warna tertentu dalam gambar, sedangkan
warna yang lain tidak ikut berubah.

Misalnya untuk mengganti warna apel dengan tanpa mengubah warna background.
Gunakan menu Image -> Adjusments -> Replace Color.

Hue/Saturation

Hue/Saturation digunakan untuk mengganti warna pada keseluruhan gambar/seleksi.

Hue adalah warna, sedangkan Saturation adalah tebal/tipisnya warna. Gunakan tool ini
melalui Image -> Adjustment -> Hue/Saturation. Perubahan warna dapat diatur pada
chanel master, atau tiap-tiap warna.

Match Color

Match Color akan menyamakan warna gambar source kepada gambar yang akan
diubah. Misalnya di sini akan diubah gambar danau menjadi suasana matahati terbit
seperti gambar acuan. Gunakan tool ini melalui menu Image -> Adjustment -> Match
Color.

Beberapa Contoh Bekerja dengan Adobe Photoshop

1. MEMBUAT GAMBAR TOMBOL / BUTTON

Tahap 1
Pertama-tama Buat file baru dan fill dengan warna
backgorund. kemudian buat layer baru. pilih tool
elliptical marquee dan buat sebuah lingkaran lalu
di Fill. Di sini digunakan warna coklat sebagai
foregorund dengan background hitam. Anda bebas
menentukan warna lainnya.

Tahap 2
Kemudian buat layer baru. pilih tool airbrush atur
settingnya dengan diameter 18 pixel dan hardness
100%, selanjutnya cat lah lingkaran tadi dengan
warna putih sehingga kelihatan seperti gambar di
samping.

11
 Tahap 3
Kemudian berikan efek Gaussian blur dengan
radius pixel. Gambar anda sekarang seharusnya
sudah seperti gambar di samping.

Tahap 4

Langkah terakhir adalah men-deselect pilihan dan

bola anda sekarang sudah jadi. Anda dapat
mengubah warnanya melalui menu Image/Adjust/
Hue saturation

2. MENGGAMBAR (TOMBOL NAVIGASI) BUTTON

Langkah 1.

Buatlah media gambar baru berukuran

100 x 100 pixel dan pilihlah latar
belakang putih dengan cara memilih
Content = white pada saat anda
membuat document baru ( File - New )
Langkah 2.
Buatlah gambar sebuah lingkaran
dengan ukuran 70 x 70 pixel dengan
mengunakan elipse tools . (Untuk
mendapatkan ukuran 70 x 70 pixel klik
2x icon kemudian pada option Style
rubahlah Normal menjadi Fixed Style,
Kemudian masukan nilai 70 pada kolom
Widht dan 70 pada kolom Height ).

Langkah 3.

Tentukan Warna background dan

foreground sesuai dengan warna
favorite anda. Dalam contoh ini
digunakan background = hitam dan
foreground = abu abu. Anda bebas
untuk menggunakan warna-warna yang
lain.

Langkah 4.
Kemudian pilihlah icon linear gradient
dan click 2x icon untuk
meyakinkan bahwa anda telah memilih
option Gradient = Foreground to
Background. Tariklah sesuai tanda
panah di samping kiri ini.

12
 Langkah 5.
Kembali seperti langkah 2 dengan
membuat circle mask dengan ukuran
50 x 50 pixels. Dan tempatkan mask
tersebut tepat di tengah lingkaran 70 x
70. Kemudian tarik kembali sesuai
tanda panah di samping kiri ini.

Langkah 6.
Kini anda telah memiliki satu tombol
navigasi yang berbetuk lingkaran. anda
tinggal mengembangkan teknik ini
untuk keperluan keperluan lain seperti
menambahkan text atau icon di tengah
navigasi tersebut.

3. MENGGAMBAR DENGAN EFEK TEKSTUR PLASTIK

Langkah 1.
Pertama tama buatlah media gambar baru,
sebesar 800x800 pixels. Pilih warna biru RGB (26,
104, 175) sebagai warna foreground. Gunakan
Type Tool untuk membuat huruf e, dan buat huruf
e sebesar media gambar. Lebih besar lebih baik.
Dalam hal ini dibuat huruf e dengan huruf Times
New Roman Bold + Italic.

Langkah 2.
Tekan Ctrl, dan click di layer e, dalam Layers
window, untuk memilih transparansi. Lalu buat
Layer baru, contract seleksi sebesar 16 pixels.
Select > Modify > Contract... 16 Pixels

Langkah 3.
Pilih warna putih sebagai warna foreground, dan
isi seleksi. Alt+Delete. Hilangkan seleksi Ctrl+D,
dan Gaussian Blur layer sebesar 16 pixels.Filter
> Blur > Gaussian Blur... 16 Pixels. Lalu,
Gaussian Blur lagi sebesar 8 pixels, dan 4 pixels.
Set Opacity Layer menjadi 52%, dan ubah
Blending Mode menjadi Color Dodge.

Langkah 4.
Sekarang, tekan Ctrl di Layers window, click di
layer e, untuk memilih transparasinya. Dalam
Channels window, tekan Save Selection sebagai
channel tombol. Sekarang, click pada Channel yg
baru dibuat Filter > Blur > Gaussian Blur... 16
Pixels. Kemudian, Gaussian Blur lagi sebesar 8
pixels, 4 pixels, dan terakhir 2 pixels. Invert seleksi
Ctrl+Shift+I, bersihkan seleksi dengan warna
hitam Del, setelah itu Deselect Ctrl+D

13
 Langkah 5.
Kembali ke Layers window. Tekan Ctrl, dan click
di Layer e, untuk memilih transparasi. Buat new
layer dan drag keatas Inner Glow Layer. Pilih layer
yang baru, isi seleksi dengan warna hitam, dan
ubah nama layer menjadi Highlights.
Check pada Preserve Transparency, dan ubah
blending mode menjadi Screen.

Langkah 6.

Dengan layer Highlights yg terpilih: Filter >

Render > Lighting Effect...Set Material Properties
menjadi:

Gloss: 79
Material: -37
Exposure: 56
Ambiance: -100

Ubah Texture Channel menjadi Alpha 1, dan ubah

Height menjadi 100. Buat arah datang sinar,
Intensity 32. Setelah Lighting Effect selesai, pilih
Gaussian Blur pada layer sebesar 3 pixels.

Langkah 7.

Pada tahap ini anda dapat bebas menggunakan

imajinasi kreativitas anda.
Image > Adjust > Curves...

Langkah 8.
Buat dropshadow agar tampak lebih bagus.

4. MENGGABUNGKAN GAMBAR

14
Langkah1.
Kadang-kadang kita ingin menyatukan dua
gambar menjadi satu, namun transisinya
tidak mudah untuk dibuat halus. Dalam
tutorial ini akan disatukan dua buah gambar
kota yang diambil dari library master.web.id

Langkah 2.
Buka dokumen baru, ukuran 200x150 pixel
dengan background warna hitam. Pemilihan
background hitam tersebut berdasar pertim-
bangan bahwa background kedua gambar
kota tersebut juga hitam/gelap. Paste kedua
gambar tersebut ke dokumen baru ini, dan
beri nama masing2 "kota1" dan "kota2".

Langkah 3.
Pastikan bahwa foreground dan background
color anda adalah putih dan hitam (tombol D-
X). Switch warnanya, agar background
menjadi putih dan foreground menjadi
hitam (tombol X). Pilih tool gradasi (Gradient
Tool).Pastikan bahwa gradasi yang terpilih
adalah linear , dan foreground to
background. Enter Quick mask mode (dalam
kotak merah) .

Langkah 4.
Matikan Layer visibility "kota2" dengan cara
klik icon mata yang ada di depannya. Layer
itu akan kita aktifkan nanti. Dengan layer
"kota1" aktif dan bekerja dalam quick mask
mode, buat gradasi dari kiri ke kanan,
menutupi 3/4 bagian dari image. Exit
Quickmask mode (kembali ke standard
mode) dengan tombol . Tekan tombol
delete. Setengah dari gambar kota1 hilang,
tetapi tidak langsung (gradually).
Langkah 5.
Aktifkan layer visibility layer "Kota2" dengan
klik kotak iconnya. Masuk kembali ke
quickmask mode, dan gunakan gradient tool.
Kali ini mulai dari kanan ke arah kiri
menutupi 3/4 bagian dari image. Kembali
ke standard mode dan delete. Kedua gambar
tersebut sekarang sudah jadi satu dengan
transisi yang halus.

15
 Langkah 6.

Gambar di samping adalah modifikasi

gambar lebih jauh dengan hue/saturation,
contrast dan permainan text. Trik di atas
menggunakan gradation dan quick mask
untuk menghapus sebagian dari gambar
secara gradually bisa dipakai di banyak cara
dan variasi. Cobalah bereksperimen dengan
type gradation yang lain, misalnya radial dan
reflected.
5. MENGGANTI BACKGROUND GAMBAR

Langkah 1.
Tool Pen cocok untuk lakukan halus, seperti benda
yang bergerak dan bentuk tubuh manusia, tetapi
tetap memberi dampak tepian yang kasar, sehingga
diputuskan untuk tidak menggunakannya pada kasus
ini. Diputuskan untuk menghapus bagian yang tidak
diinginkan dengan tool Erase. Set tool Erase pada
paintbrush (100%) atau airbrush (50%), kedua jenis
brush itu baik digunakan.

Langkah 2.
Sebelum proses penghapusan dimulai, gandakan
layer background kemudian tutup (hilangkan
gambar mata) dan buatlah layer baru. Alasan untuk
menggandakannya adalah untuk menghindari
kemungkinan terjadi kesalahan dan gambar asli
masih ada.

Langkah 3.

Sebelum penghapusan dimulai, pastikan gambar

sudah diperbesar untuk memudahkan penghapus-
an. Pilihlah pen hard-edged untuk menghapus
background di sekitar baju dan mulailah menghapus.
Bila ditemukan bagian kecil, gunakan ukuran pen
yang lebih kecil lagi.

16
Langkah 4.

Hapus semua bagian hingga bagian rambut, bagian

inilah yang terberat karena warna begitu susah
dibedakan. Sering kali hal termudah yang dapat
dilakukan adalah memisahkannya. Pada gambar
RGB, Photoshop memberikan 3 pemisah warna
(channel merah, hijau, dan biru) dan dapat
digunakan channel alpha. Lakukan test sederhana
pada setiap channel untuk melihat channel mana
yang baik untuk digunakan dan pada kasus ini
adalah channel green. Kemudian channel ini di-drag
menjadi channel alpha (baru). Pastikan bahwa
channel green-lah yang digandakan dan bekerja
pada channel baru ini.

Langkah 5.

Penghapusan tergantung pada kekontrasan warna

hitam-putih, sehingga harus lebih dipertajam dengan
menggunakan adjust - Levels. Hati-hati, jangan
terlalu kontras karena malah tidak akan terlihat
bedanya.

Langkah 6.

Agar terlihat perbedaannya, gunakan color range

pada menu Select. Invert warna dengan seleksi
grayscale hingga benar-benar terlihat perbedaannya,
yaitu gelap pada rambut dan terang pada latarnya.
Hapuslah bagian yang tidak diinginkan mengguna-
kan tool Erase soft-brush Airbrush.

Langkah 7.

Kembalikan channel pada Channel RGB. Sekarang

sudah terseleksi bagian yang akan dihapus. Hapus-
lah bagian yang tidak diinginkan dengan mengguna-
kan tool Erase yang soft-brush. Setelah selesai,
deselect.
Untuk menghapus bagian lainnya, gunakan tool
Lasso dan kemudian cut. Cara ini lebih mudah
dibandingkan dengan harus menghapusnya dengan
manual tangan.

17
Langkah 8.

Sekarang gambar kedua anak sudah terpisah dari

gambar background.
Buat layer baru dengan posisi di tengah dan fill
dengan warna putih.

Langkah 9.

Setiap ujung rambut haruslah benar-benar sudah

terhapus dengan baik. Untuk memperbaikinya, ulangi
lagi seleksi warna dengan color range. Kali ini,
pilihlah warna rambut dan set hingga 40. Aktifkan
layer background copy dan mulailah menghapus
dengan tool Erase memakail soft-brush.

Langkah 10.

Setelah selesai, buanglah layer puith, layer back-

ground yang asli, dan channel alpha.
Tambahkan layer baru di bawah layer backround
copy sebagai backround baru menggantikan
background putih.

18