New! Unlimited audio, video & web asset downloads! Unlimited audio, video & web assets! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Book Cover
Design

Membuat Efek Gambar-didalam-Gambar dengan Menggunakan Adobe InDesign 

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Create a Book Cover.
How to Design an Effective eBook Cover Using Adobe InDesign
How to Create a Vintage-Inspired Clothbound Book Cover in Adobe InDesign

Indonesian (Bahasa Indonesia) translation by Nasrullah Baddolo (you can also view the original English article)

Final product image
What You'll Be Creating

Siapa yang menyangka jika anda dapat membuat efek standar dalam Photoshop di Adobe InDesign?  Pelajarilah bagaimana cara anda membuat kembali efek dramatis Gambar-didalam-Gambar, dan digunakan pada halaman buku anda, layout majalah dan perubahan poster yang keren. 

Tutorial ini cocok untuk pemula sampai dengan pengguna lanjutan di InDesign, kita akan mempelajari langkah-langkah untuk membuat efek dan menggunakannya sebagai bagian dari desain halaman depan buku novel.

Anda juga akan membutuhkan akses untuk ke Adobe Illustrator untuk satu bagian tutorual.  Bukalah InDesign, dan kita akan mulai! 

1. Siapkan Dokumen Paperback di InDesign 

Langkah ke 1 

Setelah InDesign terbuka, pilih New > Document dari jendela Welcome, atau buka File > New > Document dari menu utama.

Pada jendela New Document yang terbuka, atur Intent atur Print dan Number of Pages menjadi 1. Tidak perlu dipilih Facing Pages

Dibawah Page Size, pilih Custom… dari Under Page Size, choose Custom... from the drop-down menu. 

new document

Langkah ke 2 

Mari kita buat Custom Page Size yang baru, yang cocok untuk sampul paperback.  Ketik ‘B-Format Paperback’ didalam kotak Nama pada bagian atas jendela, dan atur lebarnya menjadi 130 mm dan tingginya menjadi 198 mm

Catatan: Ukuran ini cocok untuk satu lembar buku paperback dengan format B.  Dalam tutorial ini kita tidak akan membuat sampul secara keseluruhan, termasuk sampul belakang dan punggung buku.  Tetapi jika anda ingin membuat sebuah desain sampul secara keseluruhan, anda dapat menggunakan Page Tool (Shift-P) untuk memperluas lebar halamannya. 

custom page size

Klik Add, lalu OK untuk kembali pada jendela New Document

Atur Margins pada setiap sisi menjadi 5 mm, dan tambahkan Bleed (klik More Options jika anda tidak melihat pilihan untuk bleed nya) tambahkan 5 mm pada setiap sisi halaman. 

new document window

Klik OK untuk membuat dokumen baru. 

new document created

2. Buatlah Gambar yang Mengelilingi 

Efek gambar-didalam-gambar dapat bekerja dengan maksimal jika anda menempatkan sebuah grafis (foto atau gambar vektor) didalam sebuah bingkai vektor yang dikelilingi secara sempurna. 

Anda juga dapat menggunakan desain vektor anda sendiri, atau stok vektor, atau, untuk menambahkan sedikit realisme pada grafik, anda dapat menggunakan versi vektor pada fotografi.  Mari kita lihat cara membuat sebuah bagian akhir. 

Langkah ke 1 

Buka Adobe Illustrator. Pilih foto yang anda punya, atau pilih foto dari situs penyimpanan.  Untuk desain ini saya menggunakan this photograph of a flying crow.  Set foto yang melawan layar putih dan menciptakan garis yang kuat akan membuat efek ini menjadi lebih baik.

Jika anda telah memilih gambarnya, kembali ke Illustrator dan File > Place fotonya pada dokumen yang baru. 

photo of crow flying

Langkah ke 2 

Buka panel Image Trace (Window > Image Trace), dan perluas panelnya untuk melihat pilihan secara lengkap.  Dengan foto yang telah dipilih, dan kotak Preview yang telah diceklis pada panel Image Trace, aturlah Mode nya menjadi Black and White dan ceklis kotak Ignore White pada bagian bawah panel. 

image trace window

Klik tombol Trace pada bagian bawah panel, dan tarik pengaturannya sampai anda merasa puas dengan hasilnya.  Cobalah untuk mempertahankan bagian detail aslinya sebisa mungkin.

preview of traced image

Jika anda merasa puas dengan hasilnya, lanjutkan ke menu bagian atas layar dan pilih Object > Image Trace > Expand

final traced result

Langkah ke 3 

Pisahkan vektor yang telah dikalkir (Right-Klik [Windows] atau Control-Klik [Mac] > pisahkan) dan hapuslah elemen latar belakangnua atau bagian yang menyimpang dari vektor tersebut.  Yang anda inginkan hanyalah sebuah gambar siluet yang rapi. 

Pilihlah gambarnya dan Edit > Copy

Kembali ke InDesign dan Edit > Paste. Silut vektor tersebut akan muncul langsung di halaman anda.  Silut vektor tersebut akan muncul langsung di halaman anda. 

pasted vector

Dengan vektor yang telah dipilih, Klik-Kanan [Windows] atau Klik-Control [Mac] > Transform > Flip Horizontal; dan atur ukuran gambarnya kembali (sambil menekan Shift untuk menentukan proporsinya), jadi hasilnya akan cocok dengan halamannya. 

flipped vector

Langkah ke 4 

Dari panel Controls pada bagian atas jendela kerja, atau dari panel Swatches (Window > Color > Swatches), atur bagian Fill Color dibagian vektor menjadi [None]

empty vector frame

Gambar ini akan membentuk latarbelakang efek yang kita gunakan, dan nantinya akan terlihat lebih menarik dengan sedikit tekstur.  Dengan gambar yang telah dipilih, buka File > Place dan pilih yang biasa, gambar latarbelakang bertekstur.  Disini saya menggunakan latar belakang tekstur yang seperti kertas menggunakan gambar ini dengan gaya kertas yang klasik. 

Atur kembali tekstur gambar yabg ada didalam vektor sehingga nantinya akan memenuhi vektor secara keseluruhan (pilih Fill Frame Proportionally dari panel Control diatas). 

placed paper graphic

3. Lapis untuk menciptakan Efek 

Membuat grafis dalam lapisan adalah kunci untuk mendapatkan efek yang terlihat benar, seperti apa yang anda harus lakukan ketika anda menggunakan Photoshop. 

Langkah ke 1 

Buka panel Layers (Window > Layers) dan klik-dua kali pada nama Layer 1 untuk membuka jendela pengaturan Layer.  Namai kembali lapisan dengan Paper Image, dan klik OK

paper image layer

Pilib NewLayer... Melalui panel Layers dimenu bagian bawah, di klik dua kali pada lapisan tersebut, sebagaimana sebelumnya untuk menamai lapisan Fotonya.  Buatlah dua lapisan, namai dengan Image 3 dan lalu Image 4, sampai anda memiliki empat lapisan. 

layers panel

Langkah ke 2 

Pilih kertas yag berisi gambar burung gagak dan Edit > Copy.

Lalu kembali pada panel Layers dan kunci tiga lapisan: Paper image, Image 3 dan Image 4. Klik pada lapisan foto untuk mengaktifkan nya. 

locked layers

Buka Edit dimenu dan pilih Paste in Place, untuk menyimpan duplikasi gambar burung gagak.  InDesign mungkiningin anda untukmenempelkan pada lapisan yang sama sebagaimana gambar aslinya, jika hal ini terjadi, lalu shift secara ma. Hal pada lapisan yang cocok secara langsung dari panel Layers

Klik dua kali dibagian dalam vektor untuk memilih gambarnya secara langsung.  Hapuslah. 

Buka File > Place untuk mengisi vektor burung gagak dengan gambar yang baru.  Ini akan berada didalam gambar anda.  Profil seseoranv, atau sesuatu yang detail dari wajah seseorang, akan terlihat lebih mencolok dan dramatis.  Disini saya menggunakan gambar seorang wanita yang saya ubah menjadi gambar hitam putih di Photoshop menggunakan pengaturan Channel Mixer

Setelah gambarnya disimpan, anda dapat bereksperimen dengan mengatur ulang ukuran didalam vektornya.  Tekan Shift sambil mengatur ulang untuk menghindari kualitas gambarnya memburuk, dan cobalah untuk menempatkan bagian gambarnya yang ingin anda tonjolkan. Pada bagian tengah bingkai vektor. 

photo placed

Dengan vektir burung gagak yang telah dipilih, buka Object > Effects > Transparency.  Pada jendela Effects yang terbuka,atue Mode menjadi Multiply dan kurangi Opacity nya menjadi 75%. hal ini akan menghasilkan beberapa tekstur kertas sebagaimana dibawah ini.  Klik OK. .

effects transparency

Langkah ke 3

Kembali ke panel Layers dan kunci lapisan Photo.  Buka lapisan yang selanjutnya, Image 3. Sekarang kita bisa menambahkan sedikit warna pada bagian atas fotonya untuk terlihat lebih hidup, lebih terlihat dramatis.

Buka panel Swatxhes (Window >Color >Swatches) dan pilih New Color Swatches dari panel menu yang muncul dibawah. 

Tetapkanaturan Color Type  menjadi Process, dan buatlan bayangan buiru-ungu yang dalam dengan mengatur alat pengendalinya menjadi sebagai berikut: C=100 M=92 Y=40 K=36.  Klik Add dan lalu OK

new blue swatch

Kembali kehalaman, buka Edit > Paste in Place dan tempatkan salinan yang lainnya pada halaman.  Hapus gambar kertas didalamnya, dan atur Fill Color vektornya menjadi warna biru tua yang baru. 

blue vector

Langkah ke 4 

Dengan vektor biru yang telah dipilih, buka Object > Effects > Transparency.  Atur Mode menjadi Multiply dan Opacity tetap pada 100%.

transparency settings

Dari menu sebelah kiri di jendela Effects, klik pada Gradient Feather untuk menggunakan gradasi dan menyunting pilihan untuk gradasi tersebut.  Dekat bersama-sama menarik slider menuju pusat bar, seperti yang ditunjukkan di bawah ini, sampai foto dibawah ini muncul ke arah atas dan pusat vektor.

effects panel
completed effect

Langkah ke 5 

Pilih vektor burung gagaknya pada lapisan Image 3, dan Sunting >Salin. 

Kembali ke panel Layers dan Kunci lapisan Gambar no 3.  Buka lapisan selanjutnya Gambar no 4.

layers panel

Sunting>Tempel pada Tempatnya salinan vektor burung gagak pada atas lapisan. 

Kembali ke panel Swatches dan buatlah Swatches berwarna yang baru.  Anda bisa menamai CMYK dengan Inky Black jika anda menyukainya.  Atur presentasinya sebagai berikut: C=60 M=40 Y=40 K=100.  Klik Add dan OK.

new color swatch

Atur Fill Color vektor burung gagaknya pada lapisan Image 4 layer menjadi Inky Black. Lalu,dengan gambar yang telah dipilih, buka Object > Effects > Gradient Feather. Atur Anglenya menjadi arah yang berlawanan, jadi gradasi contohnya akan dari atas vektor.  Hanya bagian tengah grafis yang akan terlihat dibagian bawah foto. 

gradient effect

Klik OK untuk kembali ke halaman. 

swatches panel
completed image-inside-image effect

Kerja bagus!  Efek gambar-didalam-gambar anda telah selesai,dan ini terlihat luar biasa!  Sekarang anda telah mengetahui grafis yang dibutuhkan, anda dapat menggunakannya dalam berbagai media-poster, broaur, flyer, majalah-apapun yang anda kira dapat menguntungkan dari memiliki efek gambar yang menarik. 

Dalam contoh ini, saya telah mengerjakan efek menjadi sebuah desain sampul buku.

mocked-up book cover

Jika anda ingin membuat ulang desain sampul yang tertera disini, bacalah sehingga anda dapat menmukan cara untuk membuat desan sampul anda sendiri dan membuat sesuatu yang lebih spesial...

4. Membuat Sampul Buku Anda 

Langkah 1 

Mari kita simpan grafia gambar-didalam-gambar kita terpisah dengan sisa hasil kerja sampul buku kita, jadi kembalilah ke panel Layers dan Kunci keempat lapisan.

Buatlah New Layer dsn tarik kebagian bawah agar lebih rendah dengan lapisa Paper Image .  Namai lapisan tersebut menjadi Color Background. 

Pilih Rectangle Tool (M) dari panel Tools dan tarik kehalaman untuk membuat persegi panjang melebar diseluruh halaman sampai denhan kebatas buku.

persegi panjang melebar diseluruh halaman sampai denhan kebatas buku. Catatan: Jika anda ingin memperluas sampul depan anda untuk membaut sampul penuh nantinya, cukup gunakan persegi panjang pada tepi sisi kiri halaman, sebagai konten dari batas halaman akan sedikit keluar dari punggung buku anda. 

Buatlah Swatch Warna yang baru dari panel Swatches, atur nilai CMYK nya menjadi C=43 M=47 Y=64 K=0, untik membuat gradasi beige-coklat.

layers panel

Atur Fill pada persegi panjangnya untuk contoh berwarna beige ini, dan, dari atas panel Swatches, tarik kebawah Tint menjadi 57%.

swatches panel

Langkah ke 2 

Pilih persegi panjang dan buka  Object > Effects > Gradient Feather.  Atur alat pengendalinya dan Angle untuk menggunakan gradasi warna yang terlihat lebih gelap pada bagian atasnya dan lebih terang pada bagian bawah halaman.  Klik OK dan kembali pada halaman anda. 

effects panel
beige background color

Pilih persegi panjangnya dan Edit > Copy, Edit > Paste in Place.  Buatlah  New Color Swatchyang baru, C=47 M=22 Y=25 K=0, dengan warna pirus yang menawan

new color swatch

Atur Fill pada kotak yang telah disunting untuk contoh yang berwarna pirus ini.  Buka Object > Effects > Gradient Feather dan balikan sudut gradasinya untuk merubah arah warnanya dari bawah halaman.  Klik OK. 

gradient feather
final background color

Langkah ke 3 

Dengan warna latarbelakang anda, sekaran terlihat luarbiasa, anda bisa memperkenalkan beberapa tuliaan didesain sampul.  Kota akan menambahkan teks diayasnya dan dibawah grafis burung gagak  untuk menciptakan efek 3 dimensi. 

Pertama, mari kita atur tipografi dibelakang grafisnya.  Kembali ke panel Layers dan Kunci lapisan Warna Latarbelakang

Buatlah lapisan yang baru, namai denganTypography in Background, dan posisikan di atas bagian lapisan bawah, Warna latar belakang dibawah lapisan Paper Image.

layers panel

Kita akan menggunakan dua bentuk tulisan yang berbeda pada sampulnya, yang satu lebih cocok untuk judul utama —Vinta akan terlihat bagus—dan untuk bagian lainnya—Adobe Caslon Pro akan terlihat cocok untuk itu. Unduh bentuk tulisannya(Adobe Caslon Pro mungkin saja sudah ada didaftar anda ketika memasang InDesign) dan kembali ke InDesign.

Ambil Type Tool (T) dari panel Tools dan tarik untuk membuat kotak teks yang baru pada halaman.  Posisikan pada bagian atas halaman, dan ketik ‘Author Name’.  Atur Font menjadi Vinta, Ukuran 33 pt, dan atur Font Color menjadi [Paper]

Setelah panel Character Formatting Controls berfungsi berbarengan dengan laman kerja, tingkatkan menjadi 230, atur teksnya menjadi All Caps dan atur teksnya menjadi rata kanan.

author name

Langkah ke 4 

Kembali ke panel Layers dan Kunci lapisan Typography in Background .  Buatlah lapisan akhirnya, namaidengan Typography in Foreground, dan pindahkan pada bagian atas lapisannya. 

Buatlah kotak teks baru menggunakan Type Tool (T) dan letakan ditengah pada bagian bawah halaman.  Ketik 'Going North' (atau judul pilihan anda!) dan atur bentuk tulisannya menjadi Vinta, ukuran 80 pt  Leading 95 pt, All Caps, 140 Tracking, Align Center dan Font Color menjadi [Paper]

title of book

Langkah ke 5 

Bawalah kotak teksnya, dengan slogan, atur di Adobe Caslon Pro Italic, ukuran 13 pt, Tracking 80,Align Center dan dengan Font Color menjadi [Paper]

tagline at bottom

Anda juga dapat menaruh beberapa kotak teks, dengan beberapa ulasan kritis mungkin, beriringan dengan bagian sisi kiri dan kanan sampul, atur di Adobe Caslon Pro, ukuran 12 pt. 

critics reviews

Luar biasa!  Desain sampul depan anda telah selesai, dan terlihat sangat menarik. 

final cover
mocked up covers

Kesimpulan 

Dalam tutorial ini, kita akan mempelajari cara untuk membuat efek gambar-didalam-gambar yang menarik menggunakan InDesign. Efek ini sangat mencolok dan dapat anda buat secara langsung menggunakan InDesign cukup dengan melapisi vektor grafis yang telah dihasilkan oleh Illustrator. 

Anda telah memperoleh beberapcara menarik dalam tutorial ini, termasuk: 

  • Bagaimana mengubah foto menjadi vektor siluet yang serbaguna. 
  • Bagaimana menggunakan panel Layers  untuk vektor lapisan dan grafis pola scan agar efekyang diciptakan terlihat kompleks. 
  • Cara untuk menambahkan tekstur kedalam efek Gambar-didalam-Gambar menggunakan gambar latarbelakang.
  • Cara untuk mengatur transparansi dan gradasi How to adjust transparencies and gradients dari jendela Effects untuk memberikan efek yang terlihat lebih profesional. 
  • Cara untuk menyatukan grafis anda menjadi rancangan yang komplit dengan warna latarbelakang dan tulisannya. 
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.