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

Membuat Efek Gambar-didalam-Gambar dengan Menggunakan Adobe InDesign 

Scroll to top
Read Time: 10 min
This post is part of a series called Book Templates.
How to Create a Mock Haynes Manual Cover in Adobe InDesign
How to Design a Children's Book: Cover and Internal Pages
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

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

Final product imageFinal product imageFinal 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 documentnew documentnew 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 sizecustom page sizecustom 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 windownew document windownew document window

Klik OK untuk membuat dokumen baru. 

new document creatednew document creatednew 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 flyingphoto of crow flyingphoto 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 windowimage trace windowimage 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 imagepreview of traced imagepreview of traced image

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

final traced resultfinal traced resultfinal 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 vectorpasted vectorpasted 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 vectorflipped vectorflipped 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 frameempty vector frameempty 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 graphicplaced paper graphicplaced 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 layerpaper image layerpaper 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 panellayers panellayers 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 layerslocked layerslocked 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 placedphoto placedphoto 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 transparencyeffects transparencyeffects 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 swatchnew blue swatchnew 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 vectorblue vectorblue vector

Langkah ke 4 

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

transparency settingstransparency settingstransparency 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 paneleffects paneleffects panel
completed effectcompleted effectcompleted 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 panellayers panellayers 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 swatchnew color swatchnew 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 effectgradient effectgradient effect

Klik OK untuk kembali ke halaman. 

swatches panelswatches panelswatches panel
completed image-inside-image effectcompleted image-inside-image effectcompleted 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 covermocked-up book covermocked-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 panellayers panellayers panel

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

swatches panelswatches panelswatches 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 paneleffects paneleffects panel
beige background colorbeige background colorbeige 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 swatchnew color swatchnew 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 feathergradient feathergradient feather
final background colorfinal background colorfinal 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 panellayers panellayers 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 nameauthor nameauthor 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 booktitle of booktitle 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 bottomtagline at bottomtagline 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 reviewscritics reviewscritics reviews

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

final coverfinal coverfinal cover
mocked up coversmocked up coversmocked 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
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