1. Design & Illustration
  2. Adobe InDesign

Tip Cepat: Cara Mengisi Teks Dengan Gambar dalam Adobe InDesign

by
Read Time:5 minsLanguages:

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

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

Menempatkan gambar di dalam satu karakter dapat memberikan tampilan yang super profesional dan desain-maju. Dan itu sangat mudah dicapai!

Dalam tutorial Tip Kilat ini, Anda akan belajar cara mengubah tipografi Anda menjadi bingkai gambar, hingga efek dramatis! Kita akan menggunakan Adobe InDesign untuk tutorial ini.

Anda akan sering melihat teknik desain semacam ini digunakan dalam desain majalah kelas atas, untuk memberi pengaruh tambahan pada tajuk berita dan untuk menampilkan foto dengan cara yang unik dan menarik. Ini juga dapat menambahkan drama untuk desain buku, materi pemasaran dan desain poster.

Dalam tutorial ini, kita akan mengatur InDesign layout untuk penyebaran majalah, dan bereksperimen dengan membuat teks kita yang dipenuhi gambar tentang itu. Mari kita mulai!

1. Mengatur Layout Majalah

Langkah 1

Buka InDesign dan pilih File> New> Document atau pilih New> Document dari Welcome window.

Biarkan Intent diatur untuk Print dan menaikkan Number of Pages ke 3. Terus Facing Pages checked.

Dari menu Page Size drop-down pilih opsi di bagian bawah daftar, Custom... untuk membuka Custom Page Size window. Ketik ‘US Magazine’ ke dalam Name box, dan atur Width ke 213 mm dan Height ke 276,5 mm. Klik Add, lalu OK, untuk kembali ke New Document window..

custom page sizecustom page sizecustom page size

Langkah 2

Pecahkan chain icon di bagian Margins section, untuk memungkinkan Anda memasukkan nilai yang berbeda untuk setiap margin. Atur Top Margin ke 14 mm, Bottom ke 18 mm, Inside ke 14 mm dan Outside hingga 12 mm.

Untuk Bleed, atur nilainya menjadi 3 mm pada semua sisi kecuali Inside Bleed, yang harus Anda setel ke 0 mm.

new documentnew documentnew document

Klik OK untuk membuat dokumen tiga halaman baru.

new document creatednew document creatednew document created

Kami tidak akan menggunakan first page dokumen dalam tutorial ini, jadi navigasikan ke Pages 2 dan 3 dokumen, dengan scrolling down atau mengklik page icons di Pages panel (Window> Pages).

pages 2 and 3pages 2 and 3pages 2 and 3

2. Memilih Typeface yang Tepat

Langkah 1

Sangat penting untuk memilih typeface (font) yang tepat saat Anda membuat efek gambar-dalam-teks.

Ada tiga hal yang perlu dipertimbangkan ketika memilih typeface: bentuk karakter yang ingin Anda isi dengan gambar; bobot karakter (apakah cukup tebal untuk memungkinkan gambar ditampilkan cukup); dan kesederhanaan karakter (tidak ada tekstur atau bit dan bobs terpencil). Mari kita pecahkan:

  • The image-inside-text effect berfungsi paling baik ketika Anda blow up satu karakter ke skala besar, yang berarti bahwa desain dan bentuk karakter tunggal akan sangat diperkuat. Cari font yang memiliki karakter huruf besar yang menarik, mungkin elegant serif atau skrip yang dicetak miring.
  • Anda juga membutuhkan karakter untuk mengungkapkan cukup banyak gambar untuk membuat statement, sehingga karakter harus memiliki cukup berat (ketebalan) untuk memastikan hal ini. Saat browsing font toko online, font yang diberi tag dengan ‘Display’ atau ‘Slab’ biasanya akan menjadi taruhan yang aman. Hindari font apa pun yang terlalu tipis atau ringan.
  • Terakhir, dan penting, pastikan font Anda relatif sederhana, dengan masing-masing karakter tertutup sendiri. Apa yang saya maksud dengan itu? Nah, lihatlah dua karakter ini. Di sebelah kiri kita memiliki Bevan, font slab sederhana, yang akan bekerja sangat baik untuk mencapai image-in-text effect. Ke kanan, Brushstroke Plain, yang akan bekerja jauh lebih baik karena karakternya lebih berbeda. Setiap font dengan tekstur grunge juga tidak akan cocok, karena tekstur yang tersebar, terpisah dengan karakter utama, tidak akan diisi dengan gambar.
different fontsdifferent fontsdifferent fonts

Langkah 2

Dalam contoh ini, saya akan menggunakan Lobster, yang menandai semua kotak di atas — karakter huruf besar menarik, berbobot, dan memiliki bentuk yang sederhana dan tertutup.

Lobster fontLobster fontLobster font

Anda dapat memilih untuk men-download dan menggunakan Lobster saat mengikuti tutorial ini, atau memilih font yang berbeda jika Anda lebih suka.

3. Membuat Bingkai Gambar Dari Teks

Langkah 1

Kembali ke dokumen InDesign Anda, dan ke Page 2.

Ambil Type Tool (T) dari panel Tools dan drag untuk membuat large texs frame yang memanjang di seluruh Page 2. Ketik huruf besar ‘T’ ke dalam frame, dan atur Font ke Lobster RegularSize 750 pt.

Tidak ada masalah dengan menjaga warna teks disetel ke default [Black] untuk saat ini.

text on pagetext on pagetext on page

Langkah 2

Dengan text frame yang dipilih (gunakan Selection Tool (V, Escape)), naik ke Type di top menu, dan pilih Create Outlines.

create outlinescreate outlinescreate outlines

Frame teks akan secara halus menyesuaikan; karakter teks kini telah dikonversi menjadi bentuk vektor.

vectorized lettervectorized lettervectorized letter

Langkah 3

Dengan karakter yang masih dipilih, menuju ke File> Place.

Sekarang Anda dapat mulai bereksperimen dengan mengisi teks Anda dengan gambar. Jika Anda menetapkan teks pada background putih atau pucat, carilah foto yang akan memberikan kontras cukup, dan sebaliknya jika Anda ingin bekerja pada latar belakang yang lebih gelap.

Di sini saya bereksperimen dengan this image of a fashionable woman, sebelum akhirnya memutuskan pada image of a blue, cloudy sky.

image in letterimage in letterimage in letter
place imageplace imageplace image

Untuk menyesuaikan ukuran gambar di dalam teks, double-click untuk memilih gambar secara langsung, lalu tahan Shift dan drag salah satu sudut untuk mengubah ukuran. Jika Anda ingin memasukkan sebanyak mungkin gambar ke dalam surat, arahkan ke Controls panel yang berjalan di sepanjang bagian atas ruang kerja dan klik Fill Frame Proportionally button.

fill frame proportionallyfill frame proportionallyfill frame proportionally
black removedblack removedblack removed

Sebagai sentuhan terakhir, untuk memastikan tidak ada warna yang menembus tepi huruf, buka Swatches panel (Window> Color> Swatches) dan atur Fill of the shape ke [None].

swatches panelswatches panelswatches panel

Kesimpulan

Dan begitulah! Metode super-simple menambahkan sentuhan drama visual ke typographic layouts Anda! Ingat proses sederhana:

  • Choose a suitable typeface (misalnya slab, display).
  • Convert the text character to outlines (vectorize)
  • File> Place gambar yang dipilih dan ubah size dalam frame.

Gunakan teknik sederhana ini untuk membangun tata letak desain dinamis, standar profesional, seperti contoh majalah yang tersebar di bawah ini.

magazine spreadmagazine spreadmagazine spread

Jangan ragu untuk membagikan eksperimen Anda dengan menggunakan teknik image-inside-text di komentar di bawah ini.

Untuk mengetahui lebih lanjut tentang mengisi bentuk teks dengan blok teks untuk menciptakan efek keren lainnya, lihat this tutorial on creating high-impact text effects di InDesign..

One subscription.
Unlimited Downloads.
Get unlimited downloads