25 Proyek Desain dengan Photoshop - s3.amazonaws.com filemode Path di Baris Pilihan. c. Klik untuk...
-
Upload
nguyentuyen -
Category
Documents
-
view
212 -
download
0
Transcript of 25 Proyek Desain dengan Photoshop - s3.amazonaws.com filemode Path di Baris Pilihan. c. Klik untuk...
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
viii | 25 Proyek Desain dengan Photoshop
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
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.
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.
1 – Memindahkan Objek dari Latar
a
b
c
2 | 25 Proyek Desain dengan Photoshop
2. Kita mulai memilih bunga. Dalam kondisi ini, cara paling mudah adalah menggunakan path.
a. Aktifkan Tool Pen.
b. Pastikan memilih
mode Path di Baris
Pilihan.
c. Klik untuk membuat
titik pertama. Klik lagi
untuk melanjutkan
path. Untuk
menghasilkan segmen
garis melengkung,
klik sambil menggeser
mouse.
d. Sembunyikan gambar asli dengan
cara klik ikon mata di depan layer
Background.
d. Lanjutkan proses ini hingga path
mampu menelusuri seluruh sisi.
d
b
a
c
d
Memindahkan Objek dari Latar | 3
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.
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.
e. Tekan Ctrl + Enter
untuk mengubah path
menjadi seleksi.
f. Tekan Ctrl + J untuk
menduplikasi bunga
yang baru saja
terseleksi ke layer baru.
e
b
f
a
g
4 | 25 Proyek Desain dengan Photoshop
d. Saat ini, yang terpilih adalah latar, bukan model. Untuk membalik
seleksi, tekan Ctrl + Shift + I.
c. Klik OK untuk
menghasilkan seleksi.
c
d
Memindahkan Objek dari Latar | 5
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.
e
f
6 | 25 Proyek Desain dengan Photoshop
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.
c. Dengan Tool Brush, lukis area tersebut dengan warna putih. Dengan
memutihkannya, kita membuat area tersebut sepenuhnya terpilih
sehingga muncul seluruhnya, tanpa ada transparansi.
b
a
c
Memindahkan Objek dari Latar | 7
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.
d. Di Panel Layers, klik thumbnail layer untuk kembali melihat isi layer.
d
e
8 | 25 Proyek Desain dengan Photoshop
5. Sekarang, kita tinggal menambahkan latar baru di belakang model atau memindahkan model ke file lain.
b. Foto ini terlalu
besar. Kita perkecil
ukurannya dengan
perintah Image
Size. Klik Image
> Adjustments >
Image Size. Aktifkan
pilihan Resample.
c. Perkecil nilai Width
dan Height. Klik OK.
d. Ukuran gambar akan jadi lebih
kecil.
Tangkapan layar
(screenshot) bisa
ditampilkan lebih menarik memanfaatkan fitur transformasi di
Photoshop.
1. Siapkan foto untuk menampilkan layar.
a. Di sini, kita akan menempelkan
screenshot ke dalam layar laptop. Foto
laptop ini diperoleh dari https://unsplash.
com/photos/ctRgcY-lY8I.
2 – Menangkap Tampilan Layar
a
c
b
d
10 | 25 Proyek Desain dengan Photoshop
e. Di Panel Layers, turunkan
Opacity layer untuk
membantu kita mengamati
tampilan layar.
d. Teruskan hingga semua
area layar laptop
tertutupi.
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.
f. Dengan Tool Direct Selection, atur ulang posisi keempat pojok
bentuk hingga menutupi area layar secara akurat.
a
c
d
e
f
b
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.
Tentang Penulis