Daftar Isi

Kata Pengantar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . v

Daftar Isi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . vii

Bab 1. Memindahkan Objek dari Latar . . . . . . . . . . . . . . . . . . . . . . . 1

Bab 2. Menangkap Tampilan Layar . . . . . . . . . . . . . . . . . . . . . . . . . 9

Bab 3. Mengganti Langit Qada Foto . . . . . . . . . . . . . . . . . . . . . . . . 15

Bab 4. Memberi Efek Vignette Qada Foto . . . . . . . . . . . . . . . . . . . . 25

Bab 5. Trace Logo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Bab 6. Membuat Kutipan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Bab 7. Mendesain Cover Facebook . . . . . . . . . . . . . . . . . . . . . . . . 47

Bab 8. Efek Foto Halftone . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55

Bab 9. Mendesain Kartu Nama . . . . . . . . . . . . . . . . . . . . . . . . . . . 63

Bab 10. Mendesain Line Icon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69

Bab 11. Membuat Pola dari Custom Shape . . . . . . . . . . . . . . . . . . . 75

Bab 12. Membuat Pola Geometris . . . . . . . . . . . . . . . . . . . . . . . . . . 81

Bab 13. Efek Teks Retro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

Bab 14. Efek Teks Glitch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93

Bab 15. Mendesain Cover Buku . . . . . . . . . . . . . . . . . . . . . . . . . . . 103

Bab 16. Mendesain Banner Web . . . . . . . . . . . . . . . . . . . . . . . . . . 113

Bab 17. Mendesain Brosur Trifold . . . . . . . . . . . . . . . . . . . . . . . . . . 125

Bab 18. Menggambar Avatar Diri . . . . . . . . . . . . . . . . . . . . . . . . . . 141

Bab 19. Efek Foto Out of Bound . . . . . . . . . . . . . . . . . . . . . . . . . . . 149

Bab 20. Melukis dengan Teknik Smudge Painting . . . . . . . . . . . . . 159

Bab 21. Efek Dispersi Foto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

Bab 22. Membuat Teks 3D3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183

Bab 23. Menggabungkan Teks 3D Qada Foto. . . . . . . . . . . . . . . . . 193

Bab 24. Mendesain Poster Film Action . . . . . . . . . . . . . . . . . . . . . . 207

Bab 25. Mendesain Interface Tombol dari Kulit . . . . . . . . . . . . . . . 233

Tentang Penulis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251

viii | 25 Proyek Desain dengan Photoshop

 1 – Memindahkan Objek dari Latar

Di antara teknik penting

yang perlu dikuasai seorang
pengguna Photoshop
adalah memisahkan objek
dari latarnya dengan
seakurat mungkin. a

1. Siapkan foto yang akan

digunakan.
a. Kita akan memisahkan
b
model perempuan
berambut panjang ini dari
gambar lalu mengganti
latarnya.
b. Bagian paling sulit adalah
mengambil rambutnya
yang terurai. Sebelumnya,
kita akan mengambil
bunga yang menempel di
telinganya ke layer terpisah. Bunga ini
berwarna putih, sama persis dengan
latarnya, sehingga akan lebih mudah
jika dipisahkan secara manual.
c. Terlebih dahulu, duplikasi gambar
dengan menggeser Background ke
atas ikon New Layer.
c
 d. Sembunyikan gambar asli dengan
cara klik ikon mata di depan layer
Background.

2. Kita mulai memilih bunga. Dalam

kondisi ini, cara paling mudah
adalah menggunakan path. a

a. Aktifkan Tool Pen.

b. Pastikan memilih
mode Path di Baris c
Pilihan.
c. Klik untuk membuat
titik pertama. Klik lagi
untuk melanjutkan
path. Untuk
menghasilkan segmen
garis melengkung,
klik sambil menggeser b
mouse.

d. Lanjutkan proses ini hingga path

mampu menelusuri seluruh sisi.

2 | 25 Proyek Desain dengan Photoshop

 e. Tekan Ctrl + Enter
untuk mengubah path f
menjadi seleksi.
f. Tekan Ctrl + J untuk
menduplikasi bunga
yang baru saja
terseleksi ke layer baru.

g. Klik ikon mata pada layer lainnya untuk

menampilkan bunga di layer baru,
terpisah dari latarnya. Amati jika
masih ada bagian bunga yang
terpotong atau tidak terpilih. Ulangi
proses seleksi jika diperoleh.
Setelah puas, aktifkan kembali layer
model.

3. Selanjutnya, kita akan memilih

model dengan Color Range.
g
a. Klik Select > Color Range. Geser
kursor ke atas gambar lalu klik latar
untuk memilihnya.
b. Di kotak preview, area terpilih akan ditampilkan berwarna putih. Hitam,
berarti tidak terpilih dan abu-abu berarti terpilih sebagian. a

Memindahkan Objek dari Latar | 3

 c. Klik OK untuk
menghasilkan seleksi.

d. Saat ini, yang terpilih adalah latar, bukan model. Untuk membalik
seleksi, tekan Ctrl + Shift + I.

4 | 25 Proyek Desain dengan Photoshop

e. Klik ikon Add Layer Mask untuk menambahkan mask pada layer
berdasarkan seleksi yang sudah ada.

f. Jika kita perhatikan, ternyata ada

beberapa bagian model yang
berlubang. Di kotak preview perintah
Color Range, area ini ditandai dengan warna abu-abu. Kita akan
memperbaikinya di langkah selanjutnya.

Memindahkan Objek dari Latar | 5

4. Untuk memperbaiki tampilan model, kita perlu mengedit mask
layer.
a. Tahan Alt lalu klik thumbnail mask pada layer model untuk melihatnya.

a
b. Perhatikan
bahwa area yang
transparan itu
tertutup sedikit
warna hitam.

c. Dengan Tool Brush, lukis area tersebut dengan warna putih. Dengan
memutihkannya, kita membuat area tersebut sepenuhnya terpilih
sehingga muncul seluruhnya, tanpa ada transparansi.

6 | 25 Proyek Desain dengan Photoshop

d. Di Panel Layers, klik thumbnail layer untuk kembali melihat isi layer.

e. Berikut adalah tampilan setelah gambar diperbaiki. Perhatikan area

dahi dan dagu yang sebelumnya tembus pandang hingga latar kotak-
kotak di belakang terlihat sekarang tidak lagi transparan.

Memindahkan Objek dari Latar | 7

5. Sekarang, kita tinggal menambahkan latar baru di belakang model
atau memindahkan model ke file lain.

8 | 25 Proyek Desain dengan Photoshop

 2 – Menangkap Tampilan Layar

Tangkapan layar
(screenshot) bisa
ditampilkan lebih menarik EFOHBO
memanfaatkan fitur transformasi di
Photoshop.
1. Siapkan foto untuk menampilkan layar.
a. Di sini, kita akan menempelkan
a
screenshot ke dalam layar laptop. Foto
laptop ini diperoleh dari https://unsplash.
com/photos/ctRgcY-lY8I.

b. Foto ini terlalu

besar. Kita perkecil
ukurannya dengan
perintah Image
Size. Klik Image c
> Adjustments >
Image Size. Aktifkan b
pilihan Resample.
c. Perkecil nilai Width
dan Height. Klik OK.
d. Ukuran gambar akan jadi lebih
kecil.

d
2. Kita tentukan area untuk
gambar layar.
a. Aktifkan Tool Pen untuk b
menggambar area layar.
b. Aktifkan mode Shape di c
Baris Pilihan. a
c. Klik untuk membuat segi
empat menutupi layar
laptop.

d. Teruskan hingga semua

area layar laptop
tertutupi.

e. Di Panel Layers, turunkan e

Opacity layer untuk
membantu kita mengamati
tampilan layar.

f. Dengan Tool Direct Selection, atur ulang posisi keempat pojok

bentuk hingga menutupi area layar secara akurat.

10 | 25 Proyek Desain dengan Photoshop

 Tentang Penulis

Mohammad Jeprie

Jeprie adalah seorang desainer grafis, penulis, dan ayah dari

tiga orang anak. Dia menghabiskan banyak waktunya menjelajahi
dunia maya di depan layar LED 18” ditemani Wacom Bamboo
dan beberapa program grafis dari Adobe. Seperti umumnya pekerja
freelance, Jeprie hidup seperti vampir. Memulai bekerja di waktu
malam, tidur di siang hari, dan alergi pada bawang putih. Ketika ada
waktu luang, Jeprie biasanya menyempatkan diri untuk menulis di
situsnya, desaindigital.com.

Hingga saat ini, Jeprie telah menulis lebih dari 20 buku di Elex
Media Komputindo. Dia memilih fokus pada buku tutorial untuk
program-program grafis seperti Photoshop dan Illustrator. Selain
menulis buku, Jeprie juga aktif menulis tutorial di beberapa situs luar
negeri. Proyek favoritnya adalah menulis rutin di psd.tutsplus.com,
situs tutorial Photoshop terbesar di dunia.

Desaindigital

Desaindigital berawal dari blog tutorial, inspirasi, dan informasi

desain lokal, desaindigital.com, yang didirikan oleh Mohammad
Jeprie. Blog ini secara perlahan tapi pasti mulai membentuk sebuah
komunitas yang berisi para penulis, desainer freelance, dan hobiist
desain. Komunitas Desaindigital memiliki satu visi sederhana, berbagi
ilmu tanpa batas.