Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Di tutorial ini, saya akan menunjukkan cara mendesain layout halaman bergaya scrapbook, yaitu gabungan dari berbagai elemen gambar, menggunakan Photoshop dan InDesign. Kita banyak menggunakan teknik dasar di sini. Bagi yang belum pernah menggunakan InDesign, ini jadi ajang belajar yang baik untuk mempelajari dasar-dasarnya.

Preview


Berikut adalah tampilan layout yang akan kita peroleh di akhir tutorial.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign
Lihat versi file PDF.

Detail Tutorial



  • Tingkat Kesulitan: Menengah, Mahir

  • Software yang Digunakan: Adobe Photoshop, Adobe InDesign

  • Teknik yang Dipelajari: Export file InDesign ke PDF, efek objek di InDesign, Numbering, Seleksi cepat di Photoshop

  • Lama Pengerjaan: 75 menit


Resource yang Dibutuhkan


Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:


Tutorial


Langkah 1: Mempersiapkan Elemen Scrapbook di Photoshop


Kita mulai dengan menyiapkan kertas untuk latar. Buat file baru berukuran 17 cm × 25 cm dengan resolusi 150 ppi.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 2


Buat shape persegi dengan warna krem seperti umumnya kertas tua.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 3


Di sisi kiri, tambahkan path lingkaran sambil menahan Alt. Lingkaran ini akan melubangi shape sebelumnya. Seleksi path ini, tekan Ctrl + Alt + T lalu panah bawah beberapa kali untuk menduplikasinya. Ulangi proses ini dengan menekan Ctrl + Shift + Alt + T.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Seperti inilah hasilnya.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 4


Simpan tekstur kertas ke atas shape.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 5


Ubah blend mode menjadi Multiply. Turunkan Opacity layer hingga 70%.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 6


Hapus layer Background. Kita tidak butuh itu lagi.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 7


Klik Image > Trim dan pilih Transparent Pixels untuk membuang area transparan terluar.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 8


Simpan file kertas dalam format PSD.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 9


Ambil gambar kapal pesiar. Di panel Layers, klik ganda Background untuk mengubahnya menjadi layer. Buat dulu seleksi kasar dengan tool lasso ellipse. Balik seleksi, Ctrl + Shift + I, lalu tekan delete.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 10


Seleksi latar langit dan laut yang tersisa dengan tool Quick Selection. Caranya dengan Shift-klik untuk memilih dan Alt-klik untuk mengurandi pilihan. Setelah dirasa terpilih, tekan Delete untuk kembali menghapusnya. Tidak perlu terlalu akurat karena gambar ini akan dipasang kecil di halaman.

Hapus latar-latar transparan dengan perintah Trim. Simpan gambar sebagai file psd.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 12


Ambil file psd logo dan ubah teksnya sesuai kebutuhan. Hapus semua latar sehingga diperoleh hanya logo transparan saja.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 13


Ambil gambar globe 3D. Seleksi latar dengan tool Magic Wand, cukup klik satu kali.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 14


Balikkan seleksi, Ctrl + Shift + I, lalu simpan ke layer baru, Ctrl + J. Hapus layer Background dan buang latar transparan dengan perintah Trim.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 15


Ambil gambar amplop. Seleksi salah satu amplop dengan tool Marque Persegi, tekan Ctrl + J untuk memindahkannya ke layer baru.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 16


Hapus layer lainnya. Buang latar transparan dengan perintah Trim. Simpan sebagai file PSD.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 17


Buat file baru berukuran 4 cm × 4 cm. Kita akan menggunakannya sebagai foto polaroid.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 18


Isi latar dengan warna krem kertas. Ambil tekstur koran kotor.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 19


Tambahkan Filter > Blur > Gaussian Blur.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 20


Turunkan Opacity tekstur kertas.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 21


Ambil gambar gurun dan atur proporsinya seperti di bawah.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 22


Ambil tekstur kertas. Ubah blend mode layer ke Multiply dan turunkan Opacity-nya.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 23


Buat lagi tiga polaroid lain dengan cara yang sama.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 24: Desain ayout di InDesign


Buat file baru dengan ukuran A4.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 25


Klik File > Document Setup. Isikan Bleed 3 mm untuk mempermudah penempatan gambar di kertas.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 26


Mulai dengan menambahkan tekstur corkboard di kertas. Untuk mengimport file gambar dari luar, gunakan shortcut Ctrl + D atau klik dan geser langsung filenya ke area dokumen InDesign.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 27


Ambil gambar kertas berlubang.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 28


Klik Object > Effects > Drop Shadow. Beri setting seperti di bawah. Efek ini tampil seperti Layer Styles di Photoshop.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 29


Aktifkan juga Drop Shadow.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Tampilan kertas setelah dberi Drop Shadow.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 30


Tambahkan logo di pojok kiri atas kertas.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 31


Tambahkan foto polaroid. Putar dengan cara klik dan geser di luar bingkai gambar. Ulangi pada foto polaroid lainnya.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 32


Tambahkan efek Drop Shadow.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 33


Tambahkan file psd amplop. Tekan Ctrl + [ untuk menggeser posisinya ke belakang kertas.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 34


Amplop ini ada di paling bawah sehingga kita tidak mau bayangannya dari efek Drop Shadow terlalu gelap.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 35


Klik Layout > Margins And Columns. Ubah margin top menjadi 66 mm. Ini disesuaikan dengan posisi gambar di bagian atas kertas.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 36


Tambahkan gambar pensil, bola dunia, dan kapal pesiar dengan cara yang sama seperti di atas.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 37


Buat kotak teks di bagian atas kertas dengan cara klik dan geser dengan tool Type. Tuliskan judulnya dengan tipe font Script, misalnya Ballpark Weiner.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 38


Bisa dilihat bahwa teks judul artikel ini bertabrakan dengan logo. Untuk memperbaikinya, seleksi logo, buka palet Text Wrap dan pilih tipe wrap ketiga dengan tipe Alpha Channel Transparency.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 39


Di bawahnya, tambahkan kotak teks cukup besar untuk isi artikel. Klik kanan di dalam kotak teks dan pilih Fill with Textholder Text untuk mengisi dengan teks sementara, lorem ipsum.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 40


Seleksi gambar pensil dan ubah Wrap ke tipe ketiga.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 41


Seleksi isi artikel. Buka menu palet kontrol di sisi kanan lalu pilih Bullets and Numbering..

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 42


Pilih tipe Numbers dengan alignement left dan indent 7 mm dan -7 mm.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 43


Beri text wrap ketiga pada globe.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 44


Inilah hasil yang kita peroleh.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 45: Eksport Dokumen ke PDF


Kita akan mengubah ini menjadi file PDF. Klik File > Adobe PDF Presets > Press Quality.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 46


Langsung saja klik OK. Setting press digunakan jika Anda ingin mencetak di percetakan. Saya menggunakan setting ini untuk semua buku-buku saya di Elex Media Komputindo.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 47


Ternyata, ada peringatan di akhir. Font ballpark tidak bisa di-embed atau tidak bisa diekspor ke file PDF.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Akibatnya, judul artikel di file PDF akan menggunakan font lain, bukan Ballpark.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Langkah 48


Solusinya adalah dengan mengubah teks judul artikel menjadi shape. Seleksi teks judul artikel dan pilih Type > Create Outlines.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Teks akan berubah menjadi shape. Dia akan muncul dengan baik di PDF, namun dianggap sebagai gambar, bukan teks.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Hasil Akhir


Di bawah adalah hasil akhir tutorial yang kita peroleh.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign
Lihat versi file PDF.

Download Link


Download File InDesign