Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!

Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren! - Beberapa waktu lalu saya mendapatkan sebuah E-mail yang berisi riquest tutorial tentang cara membuat mock up undangan. Alhamdulillah kali ini saya bisa memposting riquest tutorial tersebut.

Bagi sobat yang sudah  mengirimkan pesan melalui kontak atau komentar tentang riquest tutorial selanjutnya yang akan dibahas. Harap bersabar, akan saya tampung satu persatu terlebih dahulu. Sebisa mungkin akan segera saya buatkan tutorialnya.

Kembali ke pembahasan kita kali ini, yaitu tentang Tutorial Cara Membuat Desain Mock Up Undangan dengan Menggunakan Photoshop.

Cara membuat Mock Up sebenarnya sudah pernah kita bahas pada artikel sebelumnya. Bisa dibaca disini....

Sebenanrya dengan tutorial tersebut sobat sudah bisa membuat Mock Up Undangan sendiri. Tetapi, untuk lebih jelas dan detailnya lagi sobat baca tutorial membuat mock up undangan ini.

Sebelum memulai membuat Mock Up Undangan, terlebih dahulu sobat persiapkan bahan-bahan atau stock gambar yang diperlukan seperti berikut.

• Baca Juga : Cara Membuat Desain Undangan Keren dengan CorelDRAW

Bahan-bahan yang diperlukan :

1. Stock Gambar Background Papan Kayu. Klik disini!
2. Background Dedaunan Pohon. Klik disini!

Jika stock gambar yang akan digunakan sudah di download, maka selanjutnya sobat ikuti langkah-langkah membuat Mock Up Undangan berikut ini.

Langkah ke - 1

Setelah sobat download kedua bahan-bahan atau stock gambar tadi, silahkan import kedua gambar tadi ke lembar kerja photoshop sobat.

Langkah ke - 2

Sekarang crop gambar background kayu dengan menggunakan Crop Tool (C). Crop sesuai dengan bentuk undangan yang kan dibuatkan mock up. 

Disini saya menggunakan undangan berbentuk tegak atau Portrait.

Langkah ke - 3

Selanjutnya buatlah seleksi dengan menggunakan Rectangular Marquee Tool (M) seperti gambar dibawah. Lalu tekan tombol Delete pada keyboard untuk menghapus area yang terseleksi tersebut.

Langkah ke - 4

Masukan stock gambar dedaunan pohon tadi ke lembar kerja gambar background kayu yang sedang kita kerjakan.

Letakkan posisi layer background dedaunan pohon dibawah layer background kayu.

Langkah ke - 5

Berikutnya kita buat warna kayunya agar lebih bagus. Pada Layer Background Kayu, pilih menu Image > Adjustments > Color Balance. Settingan warnya bisa dilihat pada gambar dibawah.

Setelah itu, silahkan sobat atur lagi posisi gambar background kayu dan background daunnya jika dirasa masih kurang pas atau cocok. Lihat hasil punya saya dibawah.

Langkah ke - 6

Selanjutnya kita akan membuat tempat untuk meletakan desain undangan yang sudah kita buat. Kita akan membuat objek untuk digunakan sebagai patokan bentuk desain undangan kita.

Mungkin bagi sobat yang baru pertama membaca artikel tentang cara membuat Mock Up kata-kata tadi cukup membingingkan.

Sebagai contoh sobat bisa membaca artikel sebelumnya tentang cara membuat Mock Up buku dengan Menggunakan Photoshop pada artikel berikut :

• Baca : Membuat Mock Up Cover Buku dengan Photoshop

Pilih Rectangle Tool (U) > Pada Options Bar pilih Shape Layers > Color White.

Lalu buatlah objek seperti yang saya buat dengan menggunakan tool tadi. Cara membuatnya, sama seperti cara membuat seleksi dengan menggunakan Rectangular Marquee Tool (M). Lihat gambar dibawah.

Jika belum paham cara membuat objek shape di phtosohp, silahkan baca pada artikel :  Membuat Tipografi Keren dengan Photoshop

Langkah ke - 7

Selanjutnya, klik kanan pada Layer Shape yang barusan kita buat tadi. Kemudian pilih Rasterize Layer Layer. Ganti nama layer tersebut menjadi Mock Up Cover Depan.

Langkah ke - 8

Berikutnya kita akan membuat desain undangan kita nanti terlihat agak dari atas. Seperti contoh, bisa sobat lihat hasilnya seperti gambar di awal artikel ini.

Pilih Layer Mock Up Cover Depan tadi. Kemudian tekan CTRL + T > lalu sambil menekan CTRL, tarik sudut - sudut objek tersebut ke arah kiri kanan dan agak di tarik ke atas juga. Jika sudah tekan ENTER.

Tidak telalu penting kemana arah tarikan sisi sudutnya, yang terpenting, buatlah bentuk objek tadi menjadi seperti terlihat pada gambar dibawah dengan menggunakan Free Transform Tool tadi (CTRL + T).

Langkah ke - 9 

Untuk langkah selanjutnya, kita akan membuat seolah olah undangan tersebut dalam posisi tegak dan terbuka. Jadi kita akan membuat layer Mock Up Cover Depan bagian belakang.

Namanya ribet, tapi biar lebih mudah dimengerti. Untuk nama, jika sobat paham kegunaan layernya, silahkan buat sendiri nama yang simpel sesuai selera.

Pilih Pen Tool (P), untuk settingan pada Options Bar, gunakan settingan yang sama seperti settingan Rectangle Tool tadi.

Lalu buatlah objek seperti gambar dibawah. Jika belum mengerti cara menggunakan Pen Tool (P), silahkan baca pada artikel berikut.

• Baca : Cara Menggunakan Pen Tool Photoshop

Langkah ke - 10

Selanjutnya sama seperti langkah sebelumnya, yaitu Rasterize Layer dan berikan nama.

Berikutnya kita akan memberikan efek bayangan. Buat layer beru di atas layer Background Kayu (CTRL + SHIFT + N).

Lalu buatlah area seleksi dengan menggunakan Rectangle Marquee Tool kemudian warnai dengan menggunakan Paint Bucket Tool dengan warna hitam. Hilangkan seleksi dengan menekan CTRL + D.

Langkah ke - 11

Sekarang kita akan membuat bentuk bayangannya menjadi terlihat nyata. Tekan CTRL + T > tarik sudut sudut yang saya beri tanda lingkaran merah ke arah kanan. 

Jangan lupa saat menarik sudut tersebut tekan CTRL.

Setelah itu turunkan nilai Opacitynya menjadi 55%.

Langkah ke - 12

Jika desain untuk Mock Up undangannya sudah selesai, sekarang tinggal kita masukan desain undangan yang sudah dibuat ke bentuk mock up ini.

Pertama kita akan menampilkan bagian cover undangannya, atau bagian depan undangan. Import desain undangan bagian depan ke lembar kerja.

Setelah itu, turunkan opacity layer desain cover undangan tadi menjadi 50%, lihat gambar dibawah.

Langkah ke - 13

Selanjutnya, tekan CTRL + T, kemudian sambil menekan CTRL, tarik sudut sudut gambar cover tadi mengikuti objek putih atau mock up tadi yang sudah kita buat sebelumnya.

Jika sudah tekan ENTER. Naikkan lagi opacity layernya menjadi 100%. Kemudian klik kanan pada layer tersebut lalu pilih Create Clipping Mask.

Langkah ke - 14

Kemudian untuk bagain dalam undangan atau isi undangan yang terlihat sedikit itu kita akan meletakan desain undangan bagian isinya disana.

Import desain undangan bagian isi. Import yang bagian kanan saja karena bagian kiri tidak terlihat.

Lakukan hal yang sama seperti saat membuat mock up bagian cover tadi. Lihat hasilnya berikut ini.

Untuk bagian depannya sudah jadi desain Mock Up nya. Sobat bisa cukup sampai sini aja, atau bisa melanjutkan ke langkah berikutnya.

Yaitu membuat Mock Up bagian belakang dan isi.

Langkah ke - 15

Langkah selanjutnya kita buat desain mock up untuk bagian belakang undangannya. Klik kanan pada Title Bar desain mock up pertama tadi, lalu pilih Duplicate.

Langkah ke - 16

Setelah itu, seleksi layer Cover Undangan sampai Bayangan pada lembar kerja yang barusan kita Duplicate tadi.

Pilih Move Tool > Tekan CTRL + T + Flip Horizontal > ENTER.

Langkah ke - 17

Ganti gambar Cover Undangan dengan desain undangan bagian belakang. Lihat gambar dibawah.

Langkah ke - 18

Terakhir tinggal kita buat Mock Up bagian halaman isi undangannya. Langkah-langkah untuk membuat mock up seperti gambar dibawah sudah di sampikan di atas.

Yang membedakan hanya bentuk untuk tempat desain undangannya saja. Gunakan Pen Tool untuk membuat objek tersebut.

• Baca Juga : 30+ Trik Kilat dan Rahasia Photoshop yang Wajib Kamu Ketahui

Jika sobat tidak tahu bagaimana view undangan saat dibuka dan di tegakkan, sobat bisa menggunakan undangan yang ada kemudian letakkan dalam posisi tegak. Lalu liatlah bagaimana bentuknya, lalu gambar dengan Pen Tool.

Jika masih kesulitan juga, silahkan contoh bentuk yang saya buat. Saya juga melihat hasil desain orang kemudian saya gambar dengan menggunakan Pen Tool.

Langkah ke - 19

Setelah itu baru masukan atau import desain isi undangannya ke lembar kerja.

Karena bentuk media yang akan di jadikan mock up tidak lurus seperti desain pertama tadi. Untuk mempermudah silahkan sobat bagi menjadi 2 bagian desain halaman isi undangannya.

Langkah ke - 20

Kemudian barulah sobat sesuaikan desain undangan bagian isi tersebut dengan Mock Up nya. Pertama kerjakan terlebih dahulu sisi bagian kiri.

Kemudian baru yang sebelah kirinya lagi. Lihat hasil akhirnya.

Langkah ke - 21

Langkah terakhir tinggal sobat gabungkan semua Mock Up yang sudah dibuat tadi. Dari cover, belakang dan isi menjadi seperti gambar dibawah.

Sekarang sobat sudah bisa membuat Mock Up Undangan sendiri dengan menggunakan software Adobe Photoshop.

Semoga dengan Mock Up ini, tampilan desain undangan sobat bisa menjadi lebih menarik.Sebagai bonus, saya sertakan file format .psd Mock Up Undangan ini yang bisa sobat download secara gratis pada link dibawah.

Semoga bermanfaat, dan janga lupa tinggalkan komentar, serta share tutorial ini. Dan juga link fans page blog ini agar sobat tidak ketinggalan update artikel menarik terbaru dari blog ini.

Silahkan like FP nya disini : https://www.facebook.com/KumpulanTutorialcDPs/


Tag : undangan uni, undangan keren, undangan flower, undangan motif bunga, download desain undangan, mock up undangan, tutorial cara membuat desain mock up undangan, tutorial adobe photoshop pemula dan menengah, trik photoshop, cetak undangan.

Download Mock Up Undangan .PSD

Size : 5MB

Share :