belajar mendesain cover buku photoshop
DESCRIPTION
photoshopTRANSCRIPT
![Page 1: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/1.jpg)
Mendesain Cover Buku Photoshopby Mohammad Jeprie on 28 April 2010 in Desain dan Ilustrasi, Tutorial 31
Tutorial kali ini akan memperlihatkan cara pembuatan cover buku terbaru saya, 105 Teknik Praktis Photoshop. Cover buku ini didesain oleh Setiawan, desainer cover dari Elex dengan fokus utama pada salah satu gambar buatan saya. Saya menganggapnya sangat menarik, eye-catching, sehingga perlu ditunjukkan proses pembuatannya di sini.Source DibutuhkanUntuk mengikuti tutorial ini silakan download resource berikut:
Giant Lizard Island dari jeprie (ini account deviantart saya).PreviewSebelum memulai tutorial ini, silakan lihat dulu gambar yang akan kita hasilkan di bawah.
Klik untuk melihat dalam tampilan 100%.
![Page 2: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/2.jpg)
Klik untuk melihat dalam tampilan 100%.
Lihat juga gambar asli cover yang diberikan penerbit.
Klik untuk melihat dalam tampilan 100%.
TutorialLangkah 1: Menyiapkan Kanvas dan Guide.
Ukuran buku ini 19×23 cm dengan ketebalan 1,2 cm. Jadi, mulai dengan membuat file baru dengan panjang 19+1,2+19 cm dan lebar 19 cm. Gunakan resolusi 300 dpi karena
![Page 3: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/3.jpg)
memang bertujuan untuk dicetak. Buka ruler dengan menekan ctrl+R. Klik ruler dan geser ke tengah gambar untuk membagi cover depan, cover belakang, dan tengah buku.
Langkah 2
Untuk batas aman, kita akan menambahkan bleed 3 mm pada cover. Bleed tidak akan terlihat di print final, bagian ini akan dipotong. Untuk melakukan ini, klik Image > Canvas Size, beri Width dan Height 6 mm.
![Page 4: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/4.jpg)
Langkah 3: Manambahkan Gambar di Cover Depan
Buku ini disertai dengan video tutorial yang memperlihatkan cara pembuatan gambar Land of The Giant. Saya menganggap video tutorial ini nilai tambah yang cukup bagus sehingga saya minta bagian cover depan diisi dengan gambar itu. Ambil gambar Land of The Giant lalu paste ke atas gambar. Atur ukuran gambar hingga muat seluruhnya.
Langkah 4
Ada sedikit masalah di sini. Gambar tidak cukup untuk memenuhi seluruh cover. Solusinya adalah dengan mengambil gambar yang sama, simpan di bawah gambar. Atur posisinya agar bagian yang bersesuaian berada di posisi yang sesuai.
![Page 5: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/5.jpg)
Langkah 5
Tambahkan layer mask lalu ubah warna depan ke hitam. Lukis sisi luar gambar dengan brush lembut beropacity 10%. Lakukan hingga gambar ini membaur dengan gambar di bawahnya. Ulangi langkah ini pada gambar di atas.
![Page 6: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/6.jpg)
Langkah 6: Menambahkan Judul 1
Dengan tool rectangle, buat shape memotong di bagian atas dengan warna #dfe338.
![Page 7: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/7.jpg)
Langkah 7
Beri drop shadow pada shape rectangle. Tambahkan tulisan Photoshop di atasnya, di sini saya menggunakan font Helvetica. Agar terlihat lebih menarik, gunakan dua warna pada teks. Hitam untuk “Photo” dan merah tua untuk “shop”.
![Page 8: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/8.jpg)
Langkah 8: Membuat Garis Scanline
Buat layer baru. Buat seleksi persegi memanjang dan isi dengan hitam.
![Page 9: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/9.jpg)
Langkah 9
Masih dalam keadaan terpilih tekan ctrl+alt+T lalu tekan panah bawah beberapa kali untuk menduplikasi garis.
Langkah 10
Sekarang tekan ctrl+alt+shift+T berulang-ulang untuk secara otomatis membuat duplikasi garis.
Langkah 11
Tekan ctrl+T dan putar layer 60 derajat. Seleksi sebagian garis yang ada di atas dan beri layer mask.
![Page 10: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/10.jpg)
Langkah 12
Turunkan opacity layer ke 10%.
![Page 11: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/11.jpg)
Langkah 13
Tahan alt lalu geser garis-garis tadi ke bawah untuk membuat duplikasinya.
Langkah 14: Menambahkan Judul 2
Dengan tool rectangle buat lagi shape di atas tulisan Photoshop. Gunakan warna putih.
Langkah 15
Klik ganda shape dan tambahkan layer style Gradient Overlay. Dari daftar gradient pilih tipe Orange, Yellow, Orange.
![Page 12: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/12.jpg)
Langkah 16
Tuliskan 105 di atas kotak.
Langkah 17
Tulis juga Teknik Praktis di sebelah 105. Saya menggunakan font Century Gothic dan menaikkan nilai tracking untuk memperbesar jarak antar karakter.
![Page 13: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/13.jpg)
Langkah 18
Di bagian bawah tuliskan nama pengarang buku, dalam hal ini saya. Untuk memperkuat kesinambungan desain digunakan warna yang sama dengan warna kotak di atas. Supaya mudah terbaca teks ini diberi sedikit drop shadow.
Langkah 19: Menambahkan Info DVD
Buku ini juga disertai dengan DVD berisi file-file yang digunakan dalam projek buku. Tentu saja fitur ini perlu ditunjukkan pada pembaca. Buka iconfinder ketikkan DVD dan download ikon DVD yang Anda sukai.
![Page 14: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/14.jpg)
Saya memilih ikon ini karena ada ukuran besar, 512×512 px. Pastikan Anda men-download versi PNG jangan yang ICO.
Langkah 20
Paste ikon ke kiri bawah cover. Buat juga tulisan yang menjelaskan fitur buku. Agar menarik, pastikan Anda menggunakan teks yang bervariasi. Dalam contoh di bawah, saya mengkombinasikan Helvetica bold dan regular.
![Page 15: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/15.jpg)
Langkah 21: Menambah Logo Penerbit Elex
Sekarang saya butuh logo merah Elex Media, penerbit buku ini. Saya bisa saja membuatnya sendiri karena cukup mudah, tapi saya ambil saja logo 25 tahun Elex Media dari elex online. Dari halaman web, klik kanan logo dan pilih Save Image.
Langkah 22
Simpan logo elex ke kiri atas cover. Untuk menghilangkan latar putih ubah blend mode layer ke Multiply.
Langkah 23
Buat layer baru di bawah logo. Buat seleksi lingkaran dan isi dengan putih untuk latar logo.
![Page 16: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/16.jpg)
Langkah 24: Menambah Judul Tengah
Isi bagian tengah buku dengan shape hitam.
Langkah 25
Di bagian atas tuliskan judul buku. Tekan ctrl+T, dan putar teks 90 derajat agar mengarah ke bawah.
![Page 17: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/17.jpg)
Langkah 26
Untuk bagian bawah tuliskan nama pengarang.
Langkah 27: Membuat Cover Belakang
Sembunyikan sementara layer logo Elex dengan klik ikon mata di depannya. Seleksi semua judul lalu tekanctrl+shift+C untuk menyimpannya clipboard.
![Page 18: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/18.jpg)
Langkah 28
Di cover belakang buat guide berjarak 2 cm dari sisi luar kertas. Tekan ctrl+V untuk mengeluarkan gambar judul yang tadi kita copy. Atur posisinya dan ukurannya agar ada di kiri atas.
Langkah 29
Copy teks berisi ringkasan buku dari sini. Aktifkan tool teks. Klik dan geser untuk membuat text box dan pasteteks ke dalamnya.
![Page 19: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/19.jpg)
Langkah 30
Buka panel paragraph. Buka menu panel dan pilih Hyphenation. Kosongkan pilihan hyphenation agar teks tidak dipotong. Dengan pilihan ini teks yang ada di ujung baris akan ditampilkan seutuhnya.
![Page 20: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/20.jpg)
Langkah 30
Dari panel Paragraph dan Character atur ukuran karakter dan jarak paragraf hingga terlihat rapi.
![Page 21: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/21.jpg)
Langkah 31: Menambahkan Barcode Buku
Berikutnya, membuat barcode buku. Masuk ke situs ini dan masukkan angka 9789792771282 yang merupakan nomor ISBN buku saya. Klik tombol generate untuk secara otomatis membuat barcode. Klik kanan barcode yang dihasilkan lalu simpan gambar.
![Page 22: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/22.jpg)
Langkah 32
Kita tinggal menempatkan gambar tadi ke bagian kanan bawah cover.
Langkah 33: Mock Up Buku dalam Tampilan 3D
Pembuatan gambar cover sudah selesai namun akan lebih menarik jika kita juga membuat mock up (gambaran) buku dalam 3D agar klien bisa melihat hasilnya secara lebih realistis. Buka Adobe Illustrator. Buat kotak dengan ukuran 19×23 cm. Klik Effect > 3D > Extrude & Bevel.
![Page 23: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/23.jpg)
![Page 24: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/24.jpg)
Langkah 34
Copy kotak yang dihasilkan di Illustrator. Buat file baru di Photoshop dan paste kotak sebagai Smart Object. Kotak ini akan kita jadikan panduan bentuk buku.
Langkah 35
kembali ke gambar cover. Seleksi cover depan dan tekan ctrl+shift+C.
Langkah 36
![Page 25: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/25.jpg)
Paste cover depan (ctrl+V). Tekan ctrl+T, klik kanan dan pilih Distort. Geser titik-titik sudut hingga menempel ke bagian depan kotak. Lakukan juga hal ini dengan bagian tengah gambar.
Langkah 37
Untuk membuat garis-garis kertas di bagian atas, kita akan menggunakan bantuan filter. Buat seleksi persegi di layer kosong dan isi dengan putih. Klik Filter > Noise > Add Noise.
![Page 26: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/26.jpg)
Langkah 38
Klik Filter > Blur > Motion Blur. Gunakan nilai distance cukup besar dengan derajat 0.
Langkah 39
![Page 27: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/27.jpg)
Seperti langkah sebelumnya, tekan ctrl+T, distort dan geser pojok-pojoknya hingga menempel ke bagian atas gambar.
Langkah 40
Buat layer baru di bawah buku. Buat seleksi dengan tool lasso poligon, siis dengan hitam lalu beri Gaussian Blur.
Langkah 41
![Page 28: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/28.jpg)
Zoom lebih dekat dan secara manual lukis rest point yaitu area tempat buku menempel dengan lantai.
Langkah 42
Untuk latar buku, buat saja gradasi linear dari abu-abu ke putih.
Langkah 43
Di belakang buat lagi gradasi radial dari putih ke abu-abu.
![Page 29: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/29.jpg)
Hasil AkhirAkhirnya, pembuatan cover dan mock up buku dalam tampilan 3D selesai. Anda bisa melihat gambar akhir keduanya di bawah, klik keterangan gambar untuk melihatnya dalam ukuran final.
Klik untuk melihat dalam tampilan 100%.
![Page 30: Belajar Mendesain Cover Buku Photoshop](https://reader033.vdocuments.net/reader033/viewer/2022042515/5695cfbc1a28ab9b028f5365/html5/thumbnails/30.jpg)
Klik untuk melihat dalam tampilan 100%.