Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe InDesign
Design

Membuat Tata Letak yang Cantik dan Mencolok untuk Sampul Buku Fiksi Anak-Anak

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Alice in Wonderland Week.
How to Create a Queen of Hearts Playing Card With Affinity Designer
Create an Alice in Wonderland Themed iPhone Wallpaper in Pixelmator
This post is part of a series called Book Templates .
How to Design a Vintage Book Cover
How to Create a Historical Fiction Book Cover in Adobe InDesign

Indonesian (Bahasa Indonesia) translation by Muhlis Tirowali (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini saya akan menunjukan bagaimana cara untuk membuat sampul yang mencolok dan tata letak halaman untuk buku anak-anak (dalam hal ini adalah versi modern dari ‘Alice in Wonderland’!). Menggunakan Adobe InDesign, kita akan berpikir secara bebas dengan tipografi dan gambar yang klasik sehingga membuat halamannya terlihat lebih menarik. Tutorial ini akan membahas teknik yang dapat anda gunakan untuk layout dan desain; pelajaran yang bisa anda terapkan ketika anda menyusun buku atau eBook.

Terimakasih banyak kepada Mary Winkler untuk kontribusinya dalam menyumbangkan ilustrasi fantastis untuk tata letak. Anda dapat belajar how to create your own Alice in Wonderland illustrations dari tutorial yang telah diposkan hari ini.

1. Mengatur Tata Letak pada Sampul

Langkah ke 1

Buka InDesign dan pilih File > New Document. Dalam jendela New Document atur Intent menjadi Print dan atur No. of Pages menjadi 1Jangan pilih Facing Pages. Dibawah Page Size pilih Custom... dari menu bawah untuk membuka jendela Custom Page Size. Dibawah ketik nama ‘Alice in Wonderland_Cover’ dan atur Width menjadi 277 mm dan Height menjadi 216 mm.

Hal ini memungkinkan anda untuk mendapatkan ukuran halaman 135 mm dengan 216 mm yang mana merupakan standar industri untuk buku-buku paperback. Dalam satuan versi InDesign Millimetre saya diterjemahkan secara otomatis kedalam Picas, namun sepanjang tutorial ini saya akan mencantumkan semua unit dalam Millimetres. Klik Add, dan lalu OK.

Atur tepi atas, kanan dan kiri menjadi 20 mm dan tepi bawah menjadi 25 mm. Atur Bleed pada setiap sisi menjadi 3 mm. Klik OK.

Langkah ke 2

Tariklah panduan garis vertikal dari sisi kiri penggaris (Buka View > Show Rulers, jika belum terlihat) menjadi 135 mm. Tariklah garis kedua ke titik tengah, pada 138.5 mm. Tariklah garis ketiga ke 142 mm. Ini membentuk tepi luar dan titik tengah dari lebar rusuk 7 mm.

Langkah ke 3

Dari penggaris sebelah kiri, tariklah garis menjadi 115 mm (lebar halamannya adalah 135 mm dikurangi dengan lebar sisi 20 mm) untuk mengatur sisi pada sampul belakang. Ulangi pada bagian depan sampul dengan menarik garisnya sampai ke 162 mm.

Proporsi dasar sampul anda telah siap - sekarang anda bisa mulai menambahkan konten.

2. Design the Front Cover 

Langkah ke 1

Gunakan Rectangle Frame Tool (F) untuk membuat bingkai dengan lebar 95 mm. Tingginya dapat berpengaruh pada setiap gambar yang anda pilih ke Place. Letakan bingkainya dibawah margin dan File > Place. Pilihlah gambar anda (idealnya gambar EPS dengan latar yang transparan jika menggunakan ilustrasi vektor) dan Open.

Dengan bingkai gambar yang telah dipilih, klik pilihan Fill Frame Proportionally dari panel kontrol atas.


Langkah ke 2

Pilih Type Tool (T) dan buatlah bingkai dengan Lebar 98 mm dan Tinggi 30 mm. Ketik ‘ALICE IN (paragraph break) WONDERLAND’ dan pilih Rata Tengah dari bagian atas panel kontrol.

Sekarang anda akan memilih bentuk huruf yang berwarna ungu untuk memberikan kesan dinamis pada sampul anda. Dalam contoh ini, saya mencari bentuk huruf Serif yang klasik, EB Garamond, dan digabungkan dengan bentuk huruf Sans Serif yang modern, BonvenoCF. Kombinasi ini akan bekerja dengan baik untuk menimbulkan kesan modern pada Alice in Wonderland.

Kembali ke teks bingkaiyang telah anda buat dan sorotlah teksnya. Atur Font menjadi BonvenoCF Light. Sorotlah ‘ALICE IN’ saja dan atur Font Size menjadi 55 ptLeading menjadi 66 pt dan Tracking menjadi 30. Sorotlah ‘WONDERLAND’, atur Font Size menjadi 33 ptLeading menjadi 39 pt dan Tracking menjadi 30.


Langkah ke 3

Bukalah Window > Stroke untuk membuka panel Stroke. Pilih Line Tool (\) dan tahan Shift untuk menarik garis horizontal dengan Lebar 90 mm. Di panel Stroke atur Weight menjadi 0.35 mm, dan pertahankan garis secara Solid. Tempatkan garisnya di tengah bawah judul.


Langkah ke 4

Buatlha bingkai teks yang kedua dengan Lebar 95 mm menggunakan Type Tool (T). Masukkan sub-judul, dalam hal ini, ‘Lewis Carroll’s Traditional Tale Revisited’, Rata Tengah, dan atur Font menjad EB Garamond Regular. Atur Font Size menjadi 16 pt.

Sampul depan anda yang sederhana dan mencolok telah selesai! Sekarang untuk bagian belakang buku.

3. Rancang Sampul Belakang 

Langkah ke 1

Gunakanlah Type Tool (T) untuk membuat bingkai teks dengan Lebar 95 mm dan kurangi bagian bingkai atas pada sampul belakang. Bingkainya harus berada dibagian tengah sampul belakang.

Anda bisa memasukan uraian buku disini, atau buka Type > Fill with Placeholder Text untuk saat ini. 

Perluas bingkai sampai melebihi setengah bagian belakang sampul dan pisahkan teks menjadi dua paragraf. Sorotlah semua teks dan pilih Justify with Last Line Aligned Left dari panel kontrol atas. Atur Font Size menjadi 12 pt dan Leading menjadi 14.4 pt. Bukalah Window > Type & Tables > Story untuk membuka panel Story. Dengan kursor yang berada diatas teks, centang Optical Margin Alignment.

Sorotlah bagian paragraf pertama dan atur Drop Cap Number of Lines pada panel kontrol atas menjadi 4. Atur Font menjadi Regular.

Sorotlah bagian paragraf bawahnya dan atur Font menjadi Italic dan Drop Cap Number of Lines menjadi 2. dengan tempat yang bagus untuk memasukan kutipan, ulasan atau boigrafi penulis.

Anda juga bisa memasukan logo, laman situs, dan/atau barcode pada bagian bawah sampul belakang jika dibutuhkan.

4. Format Punggung Buku

Langkah ke 1

Gunakan Type Tool (T) untuk membuat bingkai baru dengan Tinggi 3 mm, Lebar 25 mm. Masukan ‘Nama Penulis’. atur Font menjadi EB Garamond SC (atau gunakan pilihan All Caps pada panel kontrol Character untuk meniru ini) dan Font Size menjadi 11 pt. Pilih bingkai, Control-click (Mac) atau right-click(PC) dan dibawah Transform > Rotate 90 degrees Clockwise. Sisakan bagian atas bingkai berlawanan dengan sisi atas, berpusat pada punggung buku.

Langkah ke 2

Edit > Copy > Paste bingkai teks ini dan perluaslah Lebar menjadi 57 mm dan Tinggi menjadi 3.5 mm. Sunting teksnya menjadi judul buku (contoh ‘ALICE IN WONDERLAND’) dan atur Font menjadi Bonveno CF Light. Sesuaikan Tracking menjadi 30. Letakkan bingkai teks ini pada bagian tengah bawah punggung buku.

Anda juga dapat memasukan logo atau ilustrasi kecil pada bagian bawah punggung buku - hal ini dapat memberikan sentuhan spesial untuk sampul secara keseluruhan.

Kerja bagus - sampul buku anda telah selesai! Sekarang untuk bagian dalam buku.

5. Aturlah Tata Letak Halaman Interior

Langkah ke 1

Buka File > New Document. Pada jendela New Document atur Intent menjadi Print dan atur No. of Pages menjadi 3. Biarkan Facing Pages terpilih. Dibawah Page Size pilih Custom... dari menu bawah untuk membuka jendela Custom Page Size. Dibawahnya, ketik ‘Alice in Wonderland_Pages’ dan atur Lebar menjadi 135 mm dan Tinggi menjadi 216 mm. Klik Add, dan lalu OK.

Aturlah sisi atas dan dalam menjadi 20 mm, sisi luar menjadi 15 mm dan sisi bawah menjadi 25 mm. Atur Bleed menjadi 3 mm, tetapi biarkan nilai di Inside tetap 0 mm. Klik OK.

Langkah ke 2

Kita bisa membuat two Masters - satu untuk halaman pembuka pada bab atau bagian, dan yang kedua untuk halaman utama.

Pastikan panel Pages telah terbuka dengan membuka Window > Pages. Anda akan melihat bahwa A-Master terdiri atas dua halaman yang digabungkan secara terpisah telah secara otomatis ditambahkan ke InDesign. Dalam buku ini semua bab akan dimulai pada bagian kanan, jadi klik pada halaman sebelah kiri pada A-Master dan tariklah ke ikon tempat sampah disudut sebelah kanan pada panel Pages.

Klik dua kali pada halaman A-Master agar muncul pada layar. Tariklah garis vertikal dari penggaris sebelah kiri menjadi 69 mm dan tarik yang kedua menjadi 73 mm untuk menandai tepi pada dua kolom untuk teksnya.

Pilih Type Tool (T) dari panel kontrol dan tariklah untuk membuat bingkai teks kecil dengan Lebar 5 mm dan Tinggi 4 mm. Letakkan diantara kolom (diantara posisi Y 201 mm) dan buka Type > Insert Special Character > Markers > Current Page Number. Atur menjadi Rata Tengah, Font menjadi EB Garamond SC, dan Font Size menjadi 9 pt.

Langkah ke 3

Buka Pages Menu > New Master... untuk membuat penyebaran B-Master 2 halaman baru.

Anda dapat menyalin garis dan nomor halaman bingkai teks dan menggandakannya di posisi yang relevan pada penyebaran yang kedua ini.

Anda juga bisa menambahkan beberapa header halaman pada setiap halaman untuk memberikan tampilan yang utuh dan profesional pada buku anda. Buatlah bingkai teks dengan menggunakan Type Tool sekitar 3.5 mm pada Height dan 100 mm pada Width. Letakkan diatas batas paling kanan pada halaman B-Master. Ketik judul buku dalam huruf besar dan atur teksnya menjadi Rata Tengah, Font menjadi Boveno CF LightFont Size menjadi 7 pt dan Tracking menjadi 30.

Gunakan Line Tool (\) dan tahan Shift untuk membuat garis sekitar 37 mm pada length. Biarkan garisnya tipis (saya biarkan menjadi 0.088 mm) dan letakan posisinya dibawah teks header untuk memberikan kesan bingkai yang bagus.

Edit > Copy > Paste bingkai teks header dan garis, dan manuver ke posisi yang serasi di halaman kiri B-Master.

Anda dapat mengaplikasikannya pada Master untuk Halaman 2 dan 3 disini, ditambah halaman lain yang tidak terbuka pada halaman bab di buku anda.

6. Buatlah Halaman Pembukaan yang Dinamis

Langkah ke 1

Terapkan A-Master pada Page 1 dengan mengeklik dan menarik ikon halaman A-Master ke ikon Page 1. Klik dua kali Halaman 1 untuk memunculkannya pada layar.

Pilih Type Tool (T) dan tariklah untuk membuat bingkai teks dengan Lebar 47 mm dan Tinggi 5 mm. Letakkan bingkai ini pada bagian atas sebelah kiri kolom, dengan sisa bingkai yang berlawanan dengan sisi atas.

Ketik Angka Bab atau Sesi Judul dan atur Font menjadi Bonveno CF LightSize menjadi 15 pt dan Tracking ke 30. Pilihlah All Caps dari panel kontrol diatas.

Gunakan Line Tool (\) untuk membuat garis yang sedikit lebih pendek dari bingkai teks, sekitar 46 mm. Aturlah Weight menjadi sekitar 0.3 mm dan posisikan dibagian tengah, dibawah bingkai teks.

Langkah ke 2

Kita bisa menerapkan Drop Cap yang dramatis untuk huruf pertama pada teks bab untuk menarik perhatian. Untuk melakukan ini, bagaimanapun, kita harus memperluas Tinggi pada bingkai teks melebihi batas pada sisi kolom. Hal ini mungkin menyebabkan sedikit masalah dan kekeliruan, tetapi ini memberikan efek tipografi yang bagus untuk digunakan.

Gunakan Type Tool (T) untuk membuat bingkai teks dengan Lebar 47 mm dan Tinggi 196 m. Anda mungkin harus memperkecilnya sedikit agar bisa terlihat Tingginya secara keseluruhan. Letakkan bingkai ini diantara kolom sebelah kanan, sisakan bagian bawah bingkai pada sisi bawahnya.

Anda bisa menambahkan teks untuk bab dan mengatur Font menjadi EB Garamond Regular. Untuk saat ini akan lebih mudah untuk dikendalikan jika hanya bekerja pada 5 baris atau lebih (atau kalimat pertama yang komplit) dalam bab anda. Kita dapat menambahkan sisanya nanti.

Pilih Justify with Last Line Aligned Left. Atur Font Size menjadi 12 pt dan Leading menjadi 15 pt. Sekarang sorot huruf pertama pada teks dan bukalah Drop Cap Number of Lines pada panel Kontrol. Atur angkanya menjadi 9. Huruf pertama anda telah melebar kesebelah kanan kolom.

Langkah ke 3

Untuk membuat tipografinya lebih spesial pada halaman ini, anda dapat bermain dengan ukurannya, pelacakan dan garis terdepan untuk memberikan kesan dinamis pada tulisannya, dan mengeluarkan garis pertama untuk efek yang dinamis. Hal ini dapat bekerja dengan baik untuk buku anak, dimana teks mungkin kurang panjang dan ukuran tulisan umumnya harus lebih besar.

Dalam contoh ini saya menyoroti ‘here was a’ dan meningkatkan Font Size menjadi 34 pt dan Leading menjadi 43 pt. Saya mengeluarkan kata-kata pendek dan meningkatkan Font Size menjadi 44 pt. Lanjutkan dengan bereksperimen pada ukuran kata-katanya (anda mungkin menghadapi tantangan dengan kata-kata yang panjang atau dengan tanda penghubung). Hal ini akan mulai mendorong teks ke bagian bawah halaman,dan anda dapat bermai-main dengan tata letak bingkainya sampai anda merasa puas.

Menawan - ini terlihat bagus!

7. Merancang Penyebaran dengan Tipografi Kreatif

Langkah ke 1

Munculkan Halaman 2 dan 3 pada layar dengan menurunkan kebawah. Buatlah dua bingkai teks menggunakan Type Tool (T) dan atur ukurannya agar pas dengan dua kolom pada Halaman 2. anda bisa memasukan sisa teks sebelumnya pada bingkai yang pertama. Klik kotak kecil yang berwarna putih pada bagian bawah sebelah kanan bingkai dan klik pada bingkai kedua untuk memasukkan bingkai dan teks kedalam bingkai kedua.

Atur teksnya menjadi Justify with Last Line Aligned Left. Atur Font menjadi EB Garamond RegularFont Size menjadi 12 pt dan Leading menjadi 15 pt.

Sorot huruf pertamanya pada paragraf pertama dan atur angka Drop Cap Number of Lines menjadi 4. Anda mungkin harus mengatur tinggi dari bingkai teksnya sedikit agar teks terakhir tepat berada dibagian sisi bawah. Pastikan bahwa Optical Margin Alignment tidak dicentang untuk membiarkan paragraf pertama ‘masuk’ kedalam kolom.

Langkah ke 2

Untuk halaman kedua pada bab anda agar terlihat klasik dan tradisional. Kita bisa mengontraskannya berlawanan dengan halaman yang penuh trik.

Kita bisa mencapai ini dengan menggunakan Illustrator untuk membuat bentuk vektor yang akan kita isi dengan teks. Pasangkan dengan gambar yang cocok untuk membuat kombinasi yang menarik.

Gunakan Rectangle Frame Tool (F) untuk membuat bingkai kecil dan letakan pada bagian bawah sebelah kanan halaman. File > Place dan pilih gambar(lebih baik berwarna hitam dan putih atau abu-abu, dengan latar belakang putih transparan, untuk menjaga ilusi dari novel bergaya kuno); klik Open. Gunakan Fill Frame Proportionally untuk mengatur ulang ukuran gambarnya.

Langkah ke 3

Buka Illustrator dan File > New... untuk membuat dokumen baru. Sekarang anda harus menggunakan imajinasi. Bentuk seperti apa yang anda pilih? Apakah anda bisa membuatnya cukup besar untuk mengakomodasi teks yang cukup?

Dalam contoh ini saya membuat sebuah ‘uap’ sederhana dengan menggunakan Arc Tool dan Fill (anda tidak perlu memberikan garis tebal). Pilih bentuknya dan menuju ke Edit > Copy.

Langkah ke 4

Kembali ke InDesign dan bukaand Edit > Paste. Letakkan bentuk yang telah dibuat di Illustrator ke dokumen InDesign anda. Anda dapat mengaturnya melalui Fill menjadi None dengan membuka bagian kontrol panel diatas.

Langkah ke 5

Gunakanlah Selection Tool (V, Escape), atur ukuran untuk bentuknya agar pas kedalam Halaman 3. Anda tinggal menekan Shift untuk mengatur proporsi bentuknya. Pilih Type Tool (T) dan dekatkan kursor dibagian atas bentuk. Lalu, kursornya akan berubah menjadi kursor untuk mengetik, klik sekali dan bentuknya akan berubah menjadi bingkai teks.

Hubungkan bingkai teks kedua pada Halaman 2 ke bentuk yang ada di Halaman 3 dengan mengeklik bagian bawah kotak yang berwarna putih di kolom kedua dan klik lagi pada bentuknya. Teksnya akan berada diatas bentuk.

Anda mungkin harus mengatur dimensi dari potongan tersebut setelah teksnya dimasukkan. Lakukan yang terbaik untuk memastikan bahwa tidak ada jarak yang lebar diantara teks dan tidak ada kata yang terurai.

Langkah ke 6

Halaman tiga pertama pada bab anda telah selesai - dan terlihat bagus!

Anda bisa mengulang Langkah 1-5 diatas untuk membuat tata letak yang bagus untuk buku anda. Hasilnya tergantung pada konten, gambar dan imajinasi anda. Berikut adalah contoh lain yang membuat anda lebih kreatif.

Dalam contoh ini, saya membuat bentuk pilin di Illustrator dengan menggunakan Spiral Tool dan, sama seperti sebelumnya, salin dan sunting potongan tersebut kedalam InDesign dan gunakan Type on a Path Tool (Shift-T) untuk membuat teksnya berada pada atas potongan.

Ini merupakan cara yang menarik untuk menggambarkan jalan turun Alice di lubang kelinci!

8. Siapkan Buku Anda untuk Dicetak atau secara Digital

Langkah ke 1

Tujuan dari tutorial ini adalah untuk menunjukan kepada anda bahwa ada beberapa cara untuk membuat tata letak yang dinamis dan mencolok untuk sebuah buku anak. Anda dapat menggunakan ide ini untuk membuat sampul dan tata letak yang menarik.

Setelah anda selesai dengan buku anda, anda mungkin ingin mengekspor buku ini sebagai PDF Interaktif untuk dibagikan secara daring (buka File > Export > dan pilih Adobe PDF (Interactive) dari menu Format; dan centang Spreads dari menu berikutnya). 

Cara lainnya, anda bisa membuat buku yang dicetak dengan membuka File > Export > dan pilih Adobe PDF (Print) dari menu bawahnya. Pilih Press Quality dari menu Adobe PDF Preset bawahnya, dan centang All Printer’s Marks dari menu Marks and Bleeds.

Kerja bagus, Sekarang Anda telah Selesai!

Saya harap tutorial ini berguna dan menginspirasi anda untuk membuat buku anak anda sendiri.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.