Cara Mendesain Sampul Buku Klasik

Untuk merayakan permulaan Fairy Tale Week di Envato Tuts+, saya akan menunjukan kepada anda bagaimana cara untuk membuat desain buku cerita dongeng dengan gaya klasik.

Sampul bergaya Vintage adalab berita yang besar untuk penerbitan saat ini, dan sampul clothbound sedang menikmati masa kebangkitannya. Disini anda akan mempelajari bagaimana membiay kembali gaya ilustrasi seperti potongan kayu dan tipe kaligrafi. Kita akan melihat bagaimana membjay halaman depan dan punggung buku yang dekoratif langkah per langkah, menggunakan Adobe Illustrator, Adobe Photoshop, dan Adobe InDesign untuk digabungkan.

Kita akan menggunakana beberapa kemampuan menggambar, jadi pastikan anda memiliki pensil, pulpen dan kertas ditangan anda!

Siap? Luar biasa, mari mulai...

1. Apa yang anda butuhkan

Untuk tutorial ini anda akan membutuhkan akses kebeberap program berikut:

• Adobe InDesign
• Adobe Illustrator
• Adobe Photoshop...

... Ditambah pensil, pulpen, dan kertas.

Untuk membuat gambar desain, anda harus mengunduh beberapa gambar, kuas dan bentuk huruf:

• Adorabelle Script
• Lino Cut Brushes
• Canvas Texture

2. Rencanakan Desain Sampul Anda  

Desain sampul ilustratif anda membutuhkan anda berpikir kedepan-desain ini akan lebih terlihat tanpa kelim dan indah jika kita merencanakan sampul anda yang pertama.

Dalam tutorial ini, saya akan menunjukan bagaimana saya membuat desain gambar sebagai berikut, tetapu anda bisa mengaplikasikan beberapa teknis untuk desain anda dan ilustrasi yanh anda inginkan. Ini merupakan kesempatan bagus untuk melenturkan otot anda!

Pertama, mari merencanakan tipografi untuk sampul depan...

Langkah ke 1

Kita akan memulai Adobe InDesign - buka program menuju ke File >New > Document.

Atur Intent menjadi Print dan Number of Pages menjadi 1.

Dibawah Page Size atur Width menjadi 132 mm dan Height menjadi 204 mm. Ini merupakan per samaan untuk pertukaran standar ukuran B-Format untuk hardback.

Biarkan Margins pada nilai yang mendasar (12.7 mm) dan tambahkan Bleed pada 5 mm.

Klik OK.

Langkah ke 2

Ambil Line Tool (\) dan tarik ke halaman untik membuat garis pendek, sedikit diagonal dari kiri ke kanan. Ide ini digunakan untuk membuat beberapa garis dengan teks miring, menggunakan garis sebagai jalan teks.

Ganti Type on a Path Tool (Shoft - T), dan klik pada garis (ketika anda dapat melihat tanda '+' muncul didekat kursor anda). 

Ketik 'airy'. Dari panel Controls, atur Stroke Color menjadi [None].

Terangi teka dan buka panel Character (Widow > Type & Tables  Character). Atue Font menjadi Adorabelle Regular, Size 120 pt. Aplikasikan Skew (kemiringan palsu) menjadi 7°.

Perluas panel Swatches (Window > Color > Swatches) dan klik pada tombol New Swatch pada bawah panel. Atur Type menjadi Process, Mode menjadi CMYK dan level menjadi C=13 M=29 Y=66 K=0. Nama dengan Gold dan klik OK.

Aplikasikan contoh baru pada Font Color 'airy'.

Langkah ke 3

Pilih alur ketik dan Edit > Copy, Edit > Paste, tempatkan sedikit dibawah yang pertama, kesebelah sisinkiri. Atur teksnya menjadi 'F' dan tingkatkan Font Size menjadi 200 pt.

Langkah ke 4

Lanjutkan Copy dan Paste alurnya dan atur sisa judulnya, dalam hal ini ‘F’, ‘airy’, ‘T’, ‘ales’, ‘by the’, ‘Brothers Grimm’, atur teksnya menjadi Adorabelle dan Font Size untuk membuat perbedaan.

Pastikan anda sudah merasa pias dengan urutan teks pada halaman - sekali anda memulai untuk membuat ilustrasi, anda tidak akan bisa mengubahnya. Ketika anda merasa puas, buka File > Print dan Cetak sampulnya dalam kertas ukuran A4 atau kertas untuk surat.

Anda mungkinakan berpikir bahwa hal ini akan membantu jika menggunakan Rectangle Tool (M) terlebih dahulu , untuk menandai sisi kertasnya dengan warna hitam, jadi anda bisa melihat dimana ia akan berakhir.

Langkah ke 5

Ketika anda merasa puas dengan hasil cetakan tipografi anda, anda bisa memulai untuk membuat ilustrasi untuk sampul anda.

Untuk membuat ulang pertengahan, gaya klasik, ilustrasi dalam gaya potongan kayu, dengan sisi pendek yang sederhana dan siluet yang menarik. Google 'woodcut art' untuk mencari jenis dari gaya anda dan sumber inspirasi untuk sampul anda.  Beberapa desain potongan kayu terlihat rumit, tetapi yang kita inginkan adalah yang sederhana, desain yang naif, yang tidak hanya terlihat keren di desain sampul tetapi juga mudah untuk dibuat.

Ambil pensil anda dan mari mulai!

Mulai dengan desain yang lebih besar dulu - disino saua menginginkan bentuk serigala disekitar satu sudut halaman, dan angsa pada bagian atas sebelah kanan, kedua subjek ini populer dalam cerita dongeng Grimm.

Lalu saya mulai berpikir untuk memambahkan detail yang lenih kecil. Jalinlah tangkai bunga mawar yang mudah untuk dibuat dan memberika efek yang indah untuk membingkai sisa konten anda. Saya menghias bagian atas tangkai dengan siluet kuncup bunga mawar dan menambahkan beberapa daun pada sisinya.

Saya melanjutkan membuat desain dengan menggunakan pensil, menambahkan mawar pada sudut dan landak diantara teks judul.

Biarkan beberapa desain melewati depan dan belakang teksnya - hal ini akan membantu untuk mempersatukan, desain yang berubah-ubah.

3. Vektorkan Hasil Kerja Anda

Langkah ke 1

Ketika anda selesai dengan desain anda, anda harus berpikir tentang area mana yang akan anda desain dan memberikan warna yang berbeda.

Akhirnya, saya ingin batang bunga dan dsun memiliki warna yang berbeda diakhir desainnya. Untuk melakukan hal ini, anda harus menarik warna yang kuat, lalu scan desainnya dan sunting di Photoshop.

Pilih warna pertama anda dan gunakan pulpen berwarna hitam. Warnai keseluruhan elemen menjadi warna hitam, cobalah infik membist siluet nya tetap solid.

Scan gambarnya dikomputer anda, dan ginakan resolusi tinggi untuk foto digital pada ponsel maupun kamera. Buka gambarnya pada Adobe Photoshop.

Duplikasi lapisan Background untuk membuat salinan pada gambar anda, dan matikan visabilitas lapisan latar belakang anda.

Tambahkan Levels Adjustment Layer, dan tarik penggesernya kesebelah kanan grafik untuk membawa tinta hitamnya menjadi kontras.

Lalu File > Save As gamabrnya sebagao berkas PSD. Namai setelah elemennya, contoh. ‘Thorns.psd’.

Langkah ke  2

Minimalkan Photoshop untuk membuka Adobe Illustrator. Buatlah New Document, dengan Width 132 mm dan Height 204 mm untuk mencocokkan dimensi sampulnya.

File > Place gambar yang telah anda sunting, dalam hal ini ‘Thorns.psd’.  Atur ukurannya agar pas dengan sampul.

Buka Window > Image Trace open untuk membuka panel Image Trace. Pilih gambar, dan, pada panel, atur Mode menjadi Black and White. Cek pada kotak Preview untuk melihat hasilnya.

Dari pilihan Advanced, pilih Snap Curves to Lines dan Ignore White. Atur Threshold, Paths, Corners dan Noise sampai anda merasa puas dengan hasilnya.

Buka Object > Image Trace > Expand untuk mengubah gambarnya menjadi vektor.

Klik kanan (Windows) atau Klik Control (Mac) > Ungroup agar semua bagian pada vektor bisa disunting.

Hapuslah sisa latarnya, danberbagai hal kecil yang tisak diinginkan dengan Image Trace. Nantinya akan berakhir dengan versi gambar vektor yang cantik, ukuran sebenarnya.

Langkah ke 3

Sekarang kita harus mengulang proses untuk elemen sisa pada desain yang dibuat dengan pensil. Jadi kembali pada kertas desain anda, dan carilah pulpen yang memiliki warna yang kontras- warna merah atau biru akan menjadi ideal!

Warnai elemen sisa pada desain anda dengan warna yang konteas, dan scan gambarnya di komputer anda.

Buka gambar pada Photoshop, duplikasi lapisan Background dan buka Select > Color Range.

Klik pada area yang berwarna unttmjk memilih warnanya, lalu Edit > Copy dan Edit > Paste, pindahkan warnanya pada lapisan yang berbeda. Aplikasikan persegi panjang berwarna putih pada lapisan dibawahnya yang akan membantu anda untuk memisahkan hasil kerja secara jelas.

Lalu gunakan Levels Adjustment Layer, seperti sebelumnya, tarik penggesernya ke sebelah kanan, merubah elemen anda menjadi hitam yang kontras.

File > Save As gambarnya sebagai PSD file, dengan nama 'Animals.eps’.

Langkah ke 4

Kembali ke berkas Illustrator dan buat bentuk New Layer dari panel Layers. File > Place berkas 'Animals.eps' pada lapisan ini.

Jejakkan gambarnya dan ubah ke vektor menggunakan proses seperti pada Langkah ke 2 diatas.

4. Tambahkan Detail Linocut

Untuk memberikan ilustrasi potongan kayunya terlihat lebih akurat, kita dapat menambahkan detail kuas untuk meng-vektorkan elemennya.

Pastikan anda sudah membuka set Lino Cut Brushes di Illustrator, jadi lebih mudah untuk dikendalikan.

Langkah ke 1

Kita akan bekerja dengan elemen yang lebih besar untuk saat ink (binatang), jadi pastikan lapisan dibawahnya tidak terlihat atau terkunci. Anda dapat mengaplikasikan sedikit warna temporer pada elemennya juga, jika anda suka. Ini dapat membantu anda untuk membuat goresan kuas yang lebih terlihat dalam warna hitam.

Ambil Paintbrush Tool (B) dan pilih salah satu kuas linocut. Cobalah kuas yang lain sampai anda menemukan gaya yang cocok untuk beberapa elemen di desain anda.

Ketika anda sudah merasa senang dengan kuasnya, buka Object > Path > Outline Stroke.

Lalu Klik-Kanan (Windows) atau Klik Control (Mac) > Ungroup bagian yang berbeda pada tekstur, jika dibutuhkan.

Pilih kedua gambar siluet dan elem tarikan kuas dan Klik-Kanan (Windows) atau Klik-Control (Mac) >Make Compound Path. Tarikan kuasnya akan memotong siluet agar menciptakan efek potongan kayu yang cantik.

Langkah ke 2

Ulangi prosesnua dengan elemen yang lebih besar, sebagaimana yang saya lakukan pada ilustrasi serigala. Bayangan yang hancur terlihat bagus pada elemen yang lebih besar untuk memisahkan siluet yang menyatu.

Outline tarikannya; Ungroup elemennya dan Make Compound Path.

Gunakan Eraser Tool (Shift-E) untuk memisahkan bagian terjauh pada tarikan kuas dari siluet utama. 

Pilih dan hapus untuk membuat desain yang padat dan rapi.

Langkah ke 3

Ulangi proses yang sama lada elemen di lapisan bawah ini, tambahkan kuas linocut hanh kecil untuk item yang kecil seperti daun untuk menambahkan detail dan sesuatu yang menarik.

5. Selesaikan Sampul Depan di InDesign

Sekarang kita telah mem vektorisasi ilustrasi untuk sampul, kita siap untuk membawanya ke InDesign, dan menyelesaikan desain sampulnya.

Langkah ke 1

Pastikan lapisan bawah berkas Illustrator anda adalah yangsatu-satunya tidak terkunci, danpilih semua pada halaman dan Edit > Copy.

Kembali ke berkas InDesign original amda, dengan desain tipografi original anda. Perluas panel Layers (Window > Layers) dan klik dua kali pada Layer 1 untuk membuka jendela Layer Options. Namai lapisannya dengan Typography in Front.

Klik tombol New Layer pada panel bawah untuk msmbuka lapisan bari dan namai dengan Texture. Tarik kebawah lapisan Typography in Front.

Buatlah lapisan kedua yang baru, diatas Texture dan dibawah Typography in Front, dan namai dengan Background.

Langkah ke 2

Kunci lapisan Typography in Front dan Background, dan klik pada Texture untuk mengaktifkannya. 

Ambil Rectangle Frame Tool (F) dan tarik ke halaman untuk membuat bingkai gambar ynag melebar di halaman, sampai pada tepi buku diatas, kanan dan sisi bawah.

File > Place, dan pilih canvas texture image yang anda unduh sebelumnya. Posisikan sehingga pas pada bingkainya.

Langkah ke 3

Perluas panel Swatches dan buat CMYK Process yang baru . Namai denhan Background Purple dan atur angkanya pada C=95 M=100 Y=59 K=24.

Kunci lapisan Texture dan buka lapisan selanjutnya, Background. Pilih Rectangle Tool (M) dan tarik untuk membuat persegi panjang yang. Pas untuk dimensi bingkai gambar dibawah ini. Atur Fill Color menjadi Background Purple. Buka Object > Effects >Transparency dan atur Mode nya menjadi Multiply dan Opacity menjadi 90 % untum menarik benerapa tekstur kanvas dibawah ini.

Langkah ke 4

Buatlah CMYK Process yang baru. Namai dengan Green dan atur angkanya menjadi C=74 M=37 Y=57 K=15.

Kunci lapisan Background, dan buat lapisan baru yang disebut sebagai Thorns untuk berada diaras Background dan dibawah Typography in Front.  Edit > Paste untuk menyalin vektor durinya pada halaman. Anda bisa mengatur ulang ukurannya jika dibutuhkan, dan buka Object > Effects >Transparency, kurangi Opacity nya menjadi 70 %.

Langkah ke 5

Buatlah lapisan baru, Typography Behind, dan posisikan diatas Thorns dan dibawah Typography jn Front. Jika ansa ingin ada elemen teks yang berada dibelakang elemen yang lebih besar, seperti hewan atau mawar, tarik garis dari lapisan Typography in Front pada lapisan dibawah. Ini bisa menjadi pilihan, tetapi dapat membuat desain anda terlihat berlapis dan 3D.

Saya juga telah mendorong judul menjadi kontras putih cerah Font color (pilih [Paper] dari panel Swatches).

Langkah ke 6

Kembali ke dokumen Illustrator, dan kunci lapisan yang ada dibawah. Buka lapisan yang ada diatas, termasuk versi cektod dsri elemen yang lebih besar pada desain anda, dan geser mouse anda melewati halaman untuk memilih semuanya. Edit > Copy.

Kembali pada dokumen InDesign dan nautlah lapisan yang abru, Animals and Roses, dan tempat kan diantara lapisan Typography in Front dan Typography Behind.

Edit > Paste to untuk menempelkan hewan yang telah divektorkan dan mawar kedalam halaman. Atur ulang posisinha dan ukurannya jika dibutuhkan.

Langkah ke 7

Buatlah CMYK Process, C=33 M=42 Y=38 K=33, dan namai dengan Hedgehog Brown. 

Buatlah CMYK Process kedua yang baru, C=12 M=65 Y=64 K=0, dan namai Orange.

Buatlaj CMYK Process ketiga yang baru, C=47 M=88 Y=49 K=0, namai dengan Dark Pink.

Buatlah CMYK Process yang terakhir, C=21 M=88 Y=49 K=0, dan namai dengan Pink.

Anda bisa menggunakan warna tersebut untuk diaplikasikan ke desain anda, atau kika anda membuat ulang desain gambar disini, anda dapat mengaplikasikan Hedgehog Brown menkadi vektor Hedgehog, Orange untuk serigala, dan Dark Pink juga Pink untuk mawar, beragamkan kedua warnanya untuk membuat perbedaan.

Langkah ke 8

Beberapa siluet yang lebih besar akan menjadi keuntungan dari memiliki bsnsrapa tekstur lapisan diatas yang terlihat melaluinya. Untik melakukan hal ini, pilih bentuk vektor, lalu Object > Effects > Transparency dan atur Opacity menjadi 90%.

Jabgan khawatir untuk menambahka detail pada desain jika anda berpikir bahwa desain ini membutuhkan sesuatu. Disini, saua menambahkan beberapa mawar kecil dalam warna Pink dan Dark Pink unfuk menambahkan beberapa detail kesebelah kiri sampul.

Sampul depan anda selesai - kerja bagus! Jik anda berencana untuk menggunakan sampul secara digital untuk EPUB, maka pekerjaan anda cukup - anda bisa File > Export hasil kerja anda sebagai Interactive PDF.

Jika anda ingin menemukan bagaimana cara membaut punggung buku yang dekoratif untuk samoul buku anda dan memperluas desain menjadi sampuk penuh, lanjutkan membaca...

6. Buatlah Punggung Buku yang Dekoratif

Langkah ke 1

Ini merupakan waktu yang tepat untuk File > Save InDesign anda, jadi pastikan anda mengetahui apa yang haris dilakukan sebelum berproses.

Perluas panel Pages dan klik Create New Page pada panel bagian bawah.

Halaman ini akan menjadi sampul clothbound desain kita, dan akan termasuk jarak untuk sampul belakang, punggung buku dan sampuk depan.

Untuk bekerja dengan kelebaran yang tepat, kita butuh mengetahui kelebaran punggung buku. Katakanlah kita bekerja pada 500 halaman dan dengan berat kertas 130 gsm. Gunakan online spine calculator, anda bisa bekerja dengan ini, maka itu berati kita mebutuhkan 36 mm punggung buku, ditambah 3 mm untuk melilitkan bagian keras punggung buku.

Setelah anda menyadari kelebaran punggung buku anda dapat mengkalkulasikan lebarnya sampulnya:

Lebar sampul depan + Lebar sampul belakang + Punggung Buku + 3 mm (untuk bagian belakang) = Total Lebar Sampul

Maka dengan ini sampulnya akan menjadi...

132 mm + 132 mm + 36 mm + 3 mm = 303 mm

Pilih Page Tool (Shift-P) dan klik pada Page 2 dari dokumen anda unrjk memilihnya. Ketik 303 mm pada kotak teks Width disudut atas sebelah kiri pada panel Controls.

Langkah ke 2

Pastikab pengukurnya terlihat (View > Show Rulers) dan tarik garis vertikal dari sisi kiri pengukur mwnjadi 151.5 mm, untuk menandai bagian tengah punggung buku.

Tarik bantuannya menjadi 133. 5 mm dan 169.5 mm untuk menandai sisinya punggung buku yakni 36 mm.

Akhirnya, tarik panduannya menjadi 132 mm dan 171 mm untuk menandai jarak ekstra yang dibutuhkan di sekitar punggung buku untuk penutupnya.

Langkah ke 3

Buka lapisan Texture, biarkan lapisan yang lain terkunci, dan Edit > Copy bingkai gambar dengan tekstur canvas pada Page 1. Edit > Paste in Place pada Page 2.

Paste lagi, posisikan pada bagian atas sebelah kiri halaman.

Paste pada waktu akhir, atur ukuran lebarnya agar pas pada sisa jarak punggung buku nya.

Langkah ke 4

Kunci lapisan Texture layer dan buka lapisan yang lainnya. Tarik mouse anda keseluruh Page 1 untuk memilih ssmua hasil kerja sampul depan dan Edit > Copy.

Geser kebawah Page 2 dan Edit > Paste. Posisikan pada sebelah kanan, pastikan pas pada sisi bukunya secara sempurna.

Lalu pilih persegi panjang dengan latar belakang berwarna berwarna dan perbesarlah lebarnua sehingga akan mencapai sudut kiri tepi buku.

Langkah ke 5

Perbesar punggung buku sampul bukunya, gunakan bamtuan sebagai referndsi4. Kunci semua layar kecuali lapisan Typography in Front. Gunakan Type Tool (T) dan buatlah kelompok bingkai teks secara mendadak. Ketik beberapa kata pada judul dan nama penulis, pada urutan yang sama seperti berikut. Atur Font menkadi Adorabelle, dan cocok kan dengan warna sampul depan.

Langkah ke 6

Kunci lapisan Typography in Front dan buka lapisan Thorns.

Gunakan Rectangle Tool (M) untuk membuat persegi panjang kecil dengan Width 36 mm. Atur Fill Color nya menjadi Gold, dan buka Object > Corner Options. Tambahkan 5 mm pada bentuk Round disetiap sudut dan klik OK.

Pindahkan barnya diatas judul buku yang ada pada punggung buku, dan Copy dan Paste untuk membuat salinam secara langsung dibawahnya, dimana anda bisa menambahkan warna yang berbeda, seperti Hijau.

Copy dan Paste pasangannya dan posisikan dibawah nama penulisnya, sebagaimana berikut. Hal ini akan membuat sampul terlihat autentik.

Pilih semua bar dan buka Object > Effects > Transparency, kurang Opacity nya menjadi 80%.

Langkah ke 7

Sekarang anda bisa menambahkan beberapa detail kreatif pada bagian punggung buku. Anda juga dapat membuat desain khusus untuk punggung bukunya, seperti yang kita lakukan pada sampul depan, atau cukup menggunakan elemen vektor pada sampul depan dan berikan beberapa perubahan.

Disini, saya mengambil benerapa bentuk bergelombang dari batang mawarnya, membaginya dan menempatkannya pada bagian atas dan bawah punggung buku.

Saya juga mengambil beberapa bektoe mawar dan menempatkan nya, bersamaan dengan beberapa dsun, diatas dan dibawah ‘by the’ pada bagian tengah punggung buku.

Anda akan selesai dengan sampul komplit dengan hiasan pada punggung buku dan desain sampul depan!

Anda telah selesai membuat Sampul Fairy Tale

Dalam tutorial ini, kita akan melihat bagaimana cara membuat sampul yang terinspirasi dari gaya klasik untuk buku dongeng. Gunakan gambaran tangan dan sunting di Photoshop dan Illustrator, kita telah membuat gaya potongan kayu yang menawan yan terlihat cantik dan indah.

Anda bisa menjadi kreatif dengan sampul belakang nya juga - kenapa tidak membuat ilustrasi desain yang dikelilingi oleh pukian atau memberikan sedikit sentuhan dekorasi bunga pada tepi barcode? Keterbatasan anda ada pada imajinasi anda, jadi buatlah! Anda bisa berbagi dengan hasil akhir anda pada kolom komentar dibawah.

Setelah anda selesai dengan sampul anda, anda bisa mengekspor nu menjadi Press-Quality PDF, ddngan membuka File > Export. Pastikan untuk memasukkan tepinya jika anda mengirim untuk pencetakan profesional dan pembungkusan.

Kita telah melihat jarak kemampuan pada tutorial ini, mudah diaplikasikan kedalam penerbitan profesional dsn desain seorang diri. Anda akan merasa percaya diri dalam:

• ‘merencanakan’ tipografi untuk desain sampul ilustratif dalam Adobe InDesign
• membuat ilustrasi potongan kayu dengan tangan yang sederhana, siluet tebal dan kecil untuk hasil yang bagus
• menyiapkan hasil kerja buatan anda untuk diubah kedalam bentuk vektor di Adobe Photoshop
• ubah ke vektor dan tambahkan detail kuas linocut untuk hasil kerja anda
• bangun tekstur dan warna pada halaman depan buku anda
• perluas desain sampul anda untuk hasil yang sempurna, disempurnakan dengan punggung buku yang dekoratif.

Kerja luar biasa - selamat! Jika ands ingin berbagi tentang sampul hasil kerja anda lada kolom komentar dibawah, saya akan melihatnya dengan senang hati!