1. Design & Illustration
  2. Graphic Templates
  3. Book

Merancang Desain Sampul Buku Elektronik (Ebook) Menggunakan Adobe InDesign

Scroll to top
Read Time: 13 min
This post is part of a series called How to Create a Book Cover.
Design a Hardback Cover for a Young Adult Fiction Book in Adobe InDesign
Create a Cool Image-Inside-Image Effect in Adobe InDesign

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Penerbitan digital adalah industri yang terus berkembang. Baik penulis profesional maupun penulis yang menerbitkan bukunya sendiri (self-publising) memanfaatkan media e-book untuk menjangkau pembaca yang lebih besar dan menawarkan karya sastra mereka dengan harga yang sangat terjangkau.

Kelemahan dari ledakan dalam penerbitan digital ini adalah kenyataan bahwa pasar semakin jenuh, dan sulit membuat eBook anda menonjol dari persaingan. Meraih perhatian pembaca potensial saat mereka menelusuri Kindle Book Store adalah langkah pertama untuk meningkatkan penjualan anda, dan sampul eBook yang dirancang secara efektif merupakan faktor besar dalam menarik perhatian.

Dalam tutorial ini kita akan melihat fungsi Digital Publishing di Adobe InDesign, dan bagaimana anda bisa membuat sampul ebook yang efektif yang bekerja dengan baik pada thumbnail dan ukuran besar.  

1. Catatan Penting tentang Ukuran

Sampul EBook hadir dalam berbagai ukuran (baik dari dimensi dan ukuran file), dan ukurannya dapat sangat bervariasi tergantung pada situs penerbitan e-book, baik itu Amazon (Kindle), Kobo, Barnes & Noble, Apple iBooks, Lulu atau Smashwords (atau yang lain!).

Logos for digital publishersLogos for digital publishersLogos for digital publishers

Yang juga tidak terlalu membantu adalah kenyataan bahwa situs-situs ini secara rutin merevisi ukuran yang direkomendasikan, seiring munculnya pembaca buku elektronik (eReader) baru atau teknologi penerbitan berkembang.

Dengan pemikiran ini, anda harus secara rutin memeriksa rekomendasi ukuran dari situs penerbitan yang anda harapkan bisa menjual e-book anda, dan merevisi dimensi sampul anda dengan tepat. Jika tidak, anda mungkin akan mengalami kejutan yang mengerikan saat sampul anda tampak buram atau terbentang di eReader anda.

Dalam tutorial ini, kita akan melalui langkah-langkah membuat sampul e-book untuk Amazon (Kindle), dan ikuti panduan ukurannya. Tapi anda dapat membuat penyesuaian ukuran pada desain anda sendiri, jika anda berencana untuk mengunggah buku anda ke situs penerbitan yang berbeda.

Amazon saat ini merekomendasikan agar, untuk kualitas maksimal, sampul eBook seharusnya 2500 piksel  sepanjang sisi terpanjang. Ini bekerja pada skala rasio, sehingga selama sisi terpanjang tidak melebihi 10.000 piksel, yang merupakan batas Amazon, Anda bisa membuat sampulnya ke sebuah Rasio 8: 5 Lebar terhadap Tinggi. Ini akan membuat sampul menjadi tinggi dan tipis.

Tapi persyaratan dimensi fleksibel Amazon berarti anda juga bisa membuat sampulnya sedikit lebih lebar, yang akan memberi desain sampul anda sedikit lebih banyak ruang pada sisi lebar. Sebuah Rasio 9:6 digunakan oleh beberapa penulis e-book di Amazon, dan sampul ini sering terlihat lebih profesional. Dalam tutorial ini kita akan menyiapkan cover 3200 px oleh 4800 px, yang masih sesuai dengan kebutuhan Amazon.

Itu adalah dimensi yang diurutkan, tapi anda juga perlu menyimpan file smpul akhir anda dalam format JPEG atau TIFF, dengan 72 dpi (titik per inci), itu tidak lebih besar dari 50 MB. Jadi, kecuali jika Anda ingin mengecilkan ukuran  file anda secara besar-besaran, jangan tergoda untuk mendorong rasio sampai batas 10.000 piksel.

2. Catatan yang Sama Pentingnya tentang Desain

Persyaratan teknis disamping, tidak ada gunanya jika sampul buku anda terlihat tajam dan jelas pada rasio yang benar, namun gagal menonjol secara efektif terhadap pembaca potensial karena pilihan desain yang buruk.

Jelajahi perpustakaan e-book dan anda dapat mulai memperhatikan beberapa elemen umum dari sampul buku yang efektif:

Teks dilebih-lebihkan dan terbaca

Di toko buku, anda melihat-lihat selimut dengan ukuran sebenarnya. Anda bisa menjemput mereka dan melihatnya dengan cermat. Pada hard copy (buku cetak), teks judul dan nama pengarang mungkin bukan fokus utama sampulnya-gambar tersebut mungkin diimbangi atau didominasi oleh gambar. Tipografi itu mungkin bersifat dekoratif, hiasan atau dibangun menjadi elemen ilustratif di sampulnya.  

Sampul EBook sangat berbeda. Anda menelusuri eBook di perpustakaan online yang terdiri dari gambar thumbnail, biasanya berukuran tidak lebih dari 105 x 160 piksel.  

Jadi, untuk perspektif, kira-kira sebesar ini:

thumbnail sizethumbnail sizethumbnail size

Tidak besar, bukan? Anda harus memasukkan judul dan nama penulis ke kotak kecil itu dan membuatnya mudah dibaca, menarik perhatian dan menarik.  

Tidak bermaksud menakut-nakuti, tapi jangan panik: Jika anda mengatur teks anda pada ukuran besar, dengan warna kontras ke latar belakang, dan dalam font yang bersih dan terbaca, sampul anda akan eye-catching (menarik perhatian), bahkan bila diatur dalam skala yang sangat kecil.

Kejelasan Diutamakan Daripada Detail

Sampul EBook perlu segera menarik perhatian, dan bisa langsung mengkomunikasikan genre dan mood buku ini. Anda akan melihat bahwa sampul e-book seringkali kekurangan detail yang dimiliki oleh buku cetak. Desain mereka lebih sederhana, dan foto tunggal yang kuat atau vektor berperforma lebih baik dalam media digital ini daripada format kolase atau ilustrasi yang rumit.

Lihatlah beberapa contoh ebook terlaris dan analisis sampulnya. Lebih sering daripada tidak, mereka akan menggunakan kombinasi elemen sederhana - mungkin satu foto yang jelas dan teks yang kontras dengan font yang jelas dan terbaca. Mereka mungkin bahkan tidak menyertakan foto sama sekali-terkadang tipografi yang jelas adalah semua yang digunakan.

Detail di sampulnya hilang saat dikurangi menjadi ukuran thumbnail, jadi sering ada gunanya menambahkan tekstur, gradien, ornamen, gambar kecil atau teks kecil yang rumit.  

Jadi jagalah agar desain cover anda tetap kuat dan sederhana.

Latar Belakang Berwarna Untuk Membuat Kontras

Ketika pembaca potensial membaca perpustakaan e-book secara online, gambar sampul hampir selalu bertolak belakang dengan latar belakang putih atau pucat.  

Sampul EBook biasanya memiliki latar belakang berwarna untuk membuat kontras dengan latar belakang putih dari browser.  

Jika Anda benar-benar ingin sampul anda memiliki latar belakang yang pucat, perbatasan tepi yang lebih gelap dapat membantu agar sampul tetap berlawanan dengan latar belakang putih, namun sampul pucat mungkin masih sulit untuk menarik perhatian.

Selalu mencoba memberi latar belakang sampul anda warna gelap atau berwarna cerah untuk menciptakan kontras.

3. Mengapa Desain untuk Cetak Tidak Akan Kurang

Kita akan berjalan melalui langkah-langkah untuk membuat sampul eBook untuk judul ini, The Star Queen. Dalam tutorial sebelumnya Saya membuat sampul buku versi cetak. Sekarang bayangkan penulis The Star Queen ingin sampul diformat ulang untuk format e-book.

paperback print coverpaperback print coverpaperback print cover

Nah, kenapa tidak kita ambil saja desain cover sampul buku cetaknya, sesuaikan sedikit dimensinya, dan gunakan itu? Mari kita lihat sampulnya dalam skala kecil, karena pembaca potensial akan melihatnya di perpustakaan e-book.  

thumbnail of coverthumbnail of coverthumbnail of cover

Hmm, itu tidak terlihat sama efektifnya lagi. Judulnya masih terlihat, namun bagian teks lainnya tidak terbaca sama sekali. Hiasan hiasan di bagian atas dan bawah sampul sekarang tak terlihat, begitu juga dengan perbatasan.  Gambarnya juga sekarang jauh kurang jelas.

Kita perlu memikirkan ulang tata letak sampul sepenuhnya, dan menyesuaikan desain untuk menarik pembaca e-book.

Buka InDesign dan kita akan berjalan melalui langkah-langkah untuk merevisi sampul dari The Queen Star dan mengadaptasinya untuk media digital.

4. Buat Dokumen untuk Penerbitan Digital

Langkah 1

Di InDesign, pilih New > Document dari jendela Welcome atau pergi ke File > New > Document.  

Dibawah Intent, dari menu drop-down, pilih Digital Publishing.

digital publishing modedigital publishing modedigital publishing mode

Anda akan melihat unit di seluruh area New Document pilihan jendela beralih ke piksel. Dibawah Page Size ada berbagai pilihan yang disesuaikan untuk penerbitan digital. Kami akan membuat ukuran halaman kustom, jadi pilih opsi terakhir di menu, Custom... untuk membuka  jendela Custom Page Size.

custom sizecustom sizecustom size

Ketik 'Kindle eBook Cover' ke dalam Name text bar, dan atur Width (lebar) untuk 3200px dan Height untuk 4800 px. Klik Add untuk menambahkan ukuran ke daftar ukuran halaman kustom anda, untuk penggunaan selanjutnya, dan klik OK.

new custom page sizenew custom page sizenew custom page size

Kembali di jendela New Document, atur Margin di semua sisi 50 px. Atur Bleed di semua sisi 50 px juga. Meskipun anda secara teknis tidak memerlukan bleed untuk desain digital, praktik yang bagus untuk memperpanjang elemen berwarna pada desain anda sampai ke tepi bleed dan melewati tepi halaman, karena ini akan membantu menghindari garis putih yang tidak menguntungkan di sekitar tepi sampul anda.

new documentnew documentnew document

Klik OK untuk membuat dokumen

new documentnew documentnew document

Langkah 2

Membuat desain anda di serangkaian layer (lapisan) membuat pekerjaan anda mudah untuk dipilih, diedit dan dikunci. Mari kita lakukan dulu.

Buka panel Layers (temukan docked secara default ke sisi kanan ruang kerja, atau ke Window > Layers untuk membuka). Klik dua kali tombol Layer 1 nama untuk membuka jendela Layer Option. Ganti nama layer sebagai Background Color dan klik OK.  

layer optionslayer optionslayer options

Klik ikon Create New Layer di kanan bawah panel Layers atau pilih New Layer dari menu drop-down panel. Klik dua kali nama layer default untuk mengganti namanya menjadi Island Image. Klik OK.

Ulangi proses tersebut untuk membuat tiga lapis lebih lanjut: Color Overlay, Starry Sky Image, dan akhirnya, di bagian atas, Tipografi.  

layers panellayers panellayers panel

Bila Anda telah menciptakan semua lima layer, Kunci (Lock) semuanya kecuali layer bawah, Background Color, dengan mengklik di ruang kosong di sebelah kiri nama layer. Klik Background Color untuk mengaktifkannya.

locked layerslocked layerslocked layers

5. Membuat Warna dan Gambar untuk Kontras

Langkah 1

Sisa pada layer Background Color, pilih Rectangle Tool (M) dan seret untuk menciptakan bentuk yang kira-kira  2140 px di Height, dan yang meluas melintasi lebar halaman, sampai ke bleed di kedua sisi. Posisi di paling atas halaman. Dari panel Control berjalan di sepanjang bagian atas ruang kerja, atur Stroke Color untuk [None] dan Fill Color untuk [Black].  

black rectangleblack rectangleblack rectangle

Dengan bentuk yang dipilih, pergi ke Object > Effects > Gradient Feather untuk membuka jendela Effects.

Jaga Type sebagai Linear dan atur Angle untuk 0 Degrees. Gerakkan slider ke posisi kira-kira pada posisi yang ditunjukkan, sehingga gradien menjadi lebih ringan ke arah bawah.  

effects windoweffects windoweffects window

Bila Anda puas dengan hasilnya, klik OK.

gradient feathergradient feathergradient feather

Langkah 2

Kembali ke panel Layers dan Lock (kunci) layer Background Color. Unlock (buka kunci) layer berikutnya ke atas, Island Image.

unlocked layerunlocked layerunlocked layer

Pilih Rectangle Frame Tool (F) dan seret untuk membuat bingkai yang membentang di sepanjang lebar halaman, dan kira-kira 3420 px di Height. Posisi sehingga tepi bawah berada di tepi  bawah dari bleed. 

Kita akan menempatkan gambar yang sama seperti yang kita gunakan dalam tutorial sampul - gambar ini sebuah pulau misterius dengan sebuah kastil. Saya kemudian membuka gambar di Photoshop untuk melakukan sedikit pengeditan dasar.

original photo of castleoriginal photo of castleoriginal photo of castle

Saya menerapkan Channel Mixer Adjustment Layer ke gambar, setting ke Monochrome untuk menghilangkan warna foto. Saya lalu menyimpan ulang gambarnya.  

channel mixer in photoshopchannel mixer in photoshopchannel mixer in photoshop

Kembali ke InDesign, pilih bingkai gambar yang baru saja anda buat, dan pergi ke File > Place. Pilih gambar hitam-putih yang tersimpan. Klik Open.

Klik dua kali bingkai gambar untuk langsung memilih gambar dan tahan Shift, tarik untuk memperluas gambar, sehingga pulau ini memenuhi lebar halaman. Biarkan pulau duduk di bagian bawah bingkai.

placed imageplaced imageplaced image

Kita ingin gambar untuk mengisi bingkai, sementara menyisakan cukup ruang untuk teks untuk mengambil sebagian besar ruang di sampulnya. Menempatkan gambar yang besar di bagian bawah sampul anda adalah solusi yang bagus.

Langkah 3

Dengan bingkai foto yang dipilih, masuk ke Object > Effects > Gradient Feather. Sesuaikan Angle dari gradien ke 90 derajat dan geser Gradient Stop ke posisi yang ditunjukkan di bawah ini.  

gradient feathergradient feathergradient feather

Klik OK.

gradient applied to imagegradient applied to imagegradient applied to image

Langkah 4

Kembali ke panel Layers dan Lock layer Island Image. Unlock layer berikutnya ke atas, Color Overlay.

layers panellayers panellayers panel

Buka Swatches panel dengan pergi ke Window > Color > Swatches. Klik ikon New Swatch di kanan bawah panel atau pilih New Color Swatch... dari menu drop-down panel.

Buat sebuah New CMYK Swatch, tetapkan nilai berikut ini: C=45 M=47 Y=0 K=0 untuk membuat warna ungu pucat. Klik Add untuk menjatuhkannya ke panel Swatches, lalu klik OK.

new color swatchnew color swatchnew color swatch

Buat Swatch CMYK kedua yang baru, tetapkan nilainya ke: C=19 M=14 Y=0 K=0, untuk menciptakan warna abu-abu pucat. Klik Add dan OK seperti sebelumnya.

swatches panelswatches panelswatches panel

Langkah 5

Pilih Rectangle Tool (M) dari panel Tools dan seret untuk membuat bentuk yang membentang di seluruh halaman, sampai bleed di semua sisi.

Mengatur Stroke Color ke [None] and the Fill Color ke swatch ungu baru Anda, C=45 M=47 Y=0 K=0.

colored rectanglecolored rectanglecolored rectangle

Dengan persegi panjang yang dipilih, pergi ke Object > Effects > Transparency dan atur Mode untuk Multiply.  

multiply transparencymultiply transparencymultiply transparency

Klik OK.

transparency applied to colored shapetransparency applied to colored shapetransparency applied to colored shape

Langkah 6

Kembali ke panel Layers, Lock layer Color Overlay dan Unlock layer Starry Sky Image.  

layers panellayers panellayers panel

Pilih Rectangle Frame Tool (F) dan seret untuk membuat bingkai yang meluas melintasi lebar keseluruhan halaman, sampai bagian bleed di atas, kiri dan kanan. Perluas ke bawah sampai memenuhi dasar pulau (di mana tanahnya memenuhi laut).

Pergi ke File> Place dan pilih gambar kedua. Gambar ini dari rasi bintang adalah pilihan tepat untuk menambah minat dan tekstur pada desain sampul. Klik Open.

Pilih ikon Fill Frame Proportionally dari panel kontrol atas untuk mengatur gambar dengan baik di dalam bingkai.  

star image star image star image

Dengan frame yang dipilih, masuk ke Object > Effects > Transparency dan atur Mode ke Soft Light.  

effects paneleffects paneleffects panel

Sisa dalam jendela Effects, arahkan ke bawah Gradient Feather dari menu di sebelah kiri. Atur Angle dari gradien ke -90 derajat dan manuver gradien berhenti ke posisi sepanjang tepat seperempat dari skala, seperti yang ditampilkan.  

gradient feathergradient feathergradient feather

Klik OK.

gradient applied to starry imagegradient applied to starry imagegradient applied to starry image

6.   Membesarkan Tipografi Anda agar Terlihat

Anda telah memberi e-book anda sampul latar belakang mistis dan mood, dengan hanya menggunakan dua gambar dan hamparan warna. Kerja bagus!

Sekarang anda telah mengatur adegan untuk tipografi sampul anda. Judul dan nama pengarang harus dibesarkan ukurannya dan diatur dalam warna yang sangat kontras. Mari kita ciptakan bersama...

Langkah 1

Masih di InDesign, Lock layer Starry Sky Image dan Unlock layer atas, Tipografi.

layers panellayers panellayers panel

Menggunakan Zoom Tool (Z)  untuk memperbesar bagian atas halaman. Pilih Type Tool (T) dan seret untuk membuat bingkai teks panjang dan sempit yang membentang di seluruh halaman, pas di antara margin kiri dan kanan. Posisikan di sekita Posisi Y 200 px (lihat ini dari sisi kiri panel Control berjalan di sepanjang bagian atas ruang kerja).

Ketik 'Nama Penulis' ke dalam bingkai teks dan atur Font untuk Adobe Caslon Pro, Regular, Ukuran 350 pt, All Caps, Align Center dan tingkatkan Tracking ke 100 (atau sampai karakter pertama dan terakhir menyentuh margin di sisi kiri dan kanan halaman). Atur Font Color ke [Paper].

caslon text framecaslon text framecaslon text frame

Langkah 2

Gulir ke bawah ke tengah halaman, lalu pilih Type Tool (T) lagi.

Tarik untuk membuat bingkai dengan lebar halaman dan 1250 px  di Height. Ketik 'Queen' ke dalam bingkai teks dan atur Font ke free-to-download Almendra, yang merupakan font cantik yang terinspirasi oleh gaya tipe abad pertengahan dan kaligrafi.

Atur Font Size ke 1260 pt, Align Center, dan kurangi Tracking untuk -60 untuk menarik huruf lebih dekat bersama-sama. Atur Font Color ke [Paper].

Posisikan bingkai teks di sekitar Posisi Y 1830 px.

Almendra fontAlmendra fontAlmendra font

Langkah 3

Pilih Type Tool (T) lagi dan seret untuk membuat bingkai teks. Posisikan tepat di atas bingkai teks 'Queen', dan geser sedikit ke kanan. Ketik 'Star' ke dalam bingkai dan atur Font untuk Almendra, Size 1195 pt, Tracking ke -30, dan Font Color ke swatch abu-abu pucat yang kita buat tadi, C=19 M=14 Y=0 K=0.  

second text framesecond text framesecond text frame

Posisikan bingkai sehingga lekukan 'S' duduk di atas 'Q' dari 'Queen', meringkuk di antara 'Q' dan 'U', seperti yang ditunjukkan.

Dengan bingkai teks yang dipilih, masuk ke Object > Effects > Outer Glow untuk membuka jendela Effects. Atur Mode untuk Screen dan kurangi Opacity ke 60%. Atur Technique ke SofterSize ke 60 px dan baik Noise dan Spread ke 12%. Klik OK.

effects panel outer gloweffects panel outer gloweffects panel outer glow

Ini memberikan efek 'Star' cahaya starry yang sesuai!

outer glow applied to textouter glow applied to textouter glow applied to text

Langkah 4

Buat bingkai teks yang lebih kecil dengan menggunakan Type Tool (T), dan atur ke kiri 'Star'.  

Ketik 'the' dan atur Font untuk Henry Morgan Hand, atur font menjadi miring (italic). Tingkatkan Font Size ke 850 pt, dan atur Font Color ke [Paper].  

scripted fontscripted fontscripted font

Langkah 5

Download simbol huruf IM Fell Flowers 2, yang memiliki banyak elemen dekoratif bergaya lama yang indah, dan kemudian kembali lagi InDesign.

Buat bingkai teks lain yang jauh lebih kecil dan posisikan di atas mangkuk 'Q'. Buka Window > Type & Tables > Glyphs untuk membuka panel Glyphs. Tempatkan kursor pada bingkai teks yang baru anda buat dan atur Font ke IM Fell Flowers 2 untuk memunculkan karakter huruf di panel Glyphs.

glyphs panelglyphs panelglyphs panel

Pilih glyph bunga kecil sederhana dan klik dua kali pada panel untuk memasukkannya ke dalam bingkai teks. Sesuaikan Font Size ke 550 pt dan Font Color ke ungu pucat, C=45 M=47 Y=0 K=0.

glyph insertedglyph insertedglyph inserted

7.   Ekspor Sampul eBook Anda yang telah Selesai

Karya yang fantastis - karya sampul ebook anda telah selesai! Sekarang yang perlu kita lakukan adalah mengekspornya sebagai file TIFF atau JPEG siap diupload ke Kindle Direct Publishing.  

Jika Anda ingin lebih mengontrol ukuran file sampulnya, saya akan merekomendasikan anda mengekspor sampulnya sebagai PDF (File> Export> pilih Adobe PDF dari menu drop-down). Buka gambar di Photoshop dan gunakan fungsi Save for Web, pilih JPEG pilihan dari menu  

Tapi Anda juga bisa menyiapkan cover siap upload langsung dari InDesign. Di InDesign, periksa dulu karya seni anda untuk kesalahan ejaan atau gambar atau teks yang tidak sejajar. Lalu pergi ke menu File dan pilih Exsport.

Pilih JPEG dari jendela Eksport drop-down menu Format. Klik Save.

export as JPEGexport as JPEGexport as JPEG

Dalam jendela Eksport JPEG, atur Quality ke High dan atur Resolution yang direkomendasikan untuk Kindle 72 ppi. Pastikan Color Space diatur ke RGB  (ini harus dipilih secara default jika Anda bekerja  di mode Digital Publishing). Klik OK.

export JPEG optionsexport JPEG optionsexport JPEG options

Dan anda sudah selesai! Cover e-book Anda sudah siap untuk diunggah.

final eBook coverfinal eBook coverfinal eBook cover

Kesimpulan

Kerja bagus! Desain sampul anda sekarang eye-catching dan dramatis, dan akan bekerja baik padau kuran thumbnail seperti pada skala besar, menurut para pembaca elektronik.

cover on tabletcover on tabletcover on tablet

Sekarang mari kita singkat apa yang telah kita pelajari dalam tutorial ini:

  • Sampul EBook masuk pada berbagai dimensi dan ukuran file: selalu periksa penerbit yang telah anda tuju untuk mendapatkan persyaratan terbaru.
  • Merancang sampul untuk e-book sangat berbeda dengan merancang sampul buku untuk dicetak: Seperti sampul e-book pada awalnya akan dilihat dalam skala yang lebih kecil, tata letak sampul harus sederhana dan berdampak tinggi.
  • Jaga agar elemen di tata letak sampul anda seminimal mungkin, dan jaga agar tetap kuat: memprioritaskan satu gambar kunci, dan membuat penutup dengan warna latar belakang yang kuat yang akan kontras dengan latar belakang browser yang pucat.  
  • Besarkan teks: atur judul dan nama pengarang dalam ukuran besar, warna kontras dan font yang dapat dibaca.
  • Jaga agar desain sampul tetap komersial: Menarik pembaca dengan rasa dan mood yang kuat dalam desain anda.
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads