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 ada Foto...15 Bab 4. Memberi Efek Vignette ada 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 ada 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. 1. Siapkan foto yang akan digunakan. a. Kita akan memisahkan model perempuan berambut panjang ini dari gambar lalu mengganti latarnya. a b 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. Aktifkan Tool Pen. d a b. Pastikan memilih mode Path di Baris Pilihan. c c. Klik untuk membuat titik pertama. Klik lagi untuk melanjutkan path. Untuk menghasilkan segmen garis melengkung, klik sambil menggeser mouse. b d. Lanjutkan proses ini hingga path mampu menelusuri seluruh sisi. d 2 25 Proyek Desain dengan Photoshop
e. Tekan Ctrl + Enter untuk mengubah path menjadi seleksi. f f. Tekan Ctrl + J untuk menduplikasi bunga yang baru saja terseleksi ke layer baru. e 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 b Memindahkan Objek dari Latar 3
c. Klik OK untuk menghasilkan seleksi. c d. Saat ini, yang terpilih adalah latar, bukan model. Untuk membalik seleksi, tekan Ctrl + Shift + I. d 4 25 Proyek Desain dengan Photoshop
e. Klik ikon Add Layer Mask untuk menambahkan mask pada layer berdasarkan seleksi yang sudah ada. e 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. f 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. b. Perhatikan bahwa area yang transparan itu tertutup sedikit warna hitam. a b c. Dengan Tool Brush, lukis area tersebut dengan warna putih. Dengan memutihkannya, kita membuat area tersebut sepenuhnya terpilih sehingga muncul seluruhnya, tanpa ada transparansi. c 6 25 Proyek Desain dengan Photoshop
d. Di Panel Layers, klik thumbnail layer untuk kembali melihat isi layer. d e. Berikut adalah tampilan setelah gambar diperbaiki. Perhatikan area dahi dan dagu yang sebelumnya tembus pandang hingga latar kotakkotak di belakang terlihat sekarang tidak lagi transparan. e 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 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 > Adjustments > Image Size. Aktifkan pilihan Resample. c b 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 menggambar area layar. b. Aktifkan mode Shape di Baris Pilihan. c. Klik untuk membuat segi empat menutupi layar laptop. d. Teruskan hingga semua area layar laptop tertutupi. b a c d e. Di Panel Layers, turunkan Opacity layer untuk membantu kita mengamati tampilan layar. e f. Dengan Tool Direct Selection, atur ulang posisi keempat pojok bentuk hingga menutupi area layar secara akurat. f 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.