Cara Pasang Desain Pada Mockup

Format PSD
Apa mockup ?
Mockup adalah gambaran tampilan yang akan kita buat atau bisa juga disebut dengan rancangan tampilan
untuk menunjukkan hasil desain jika diaplikasikan di media publikasi

Apa kegunaan mockup ?

Karena terkadang, klien ingin melihat contoh, maka kita harus membuat tampilan desain berupa presentasi
desain yang telah di konsep dan digambar sebelumnya

Sebagai contoh gambar dibawah ini adalah mockup untuk stempel yang bisa di dapat pada Website aslinya,
download disini!

Desain yang telah aku buat cukup sederhana, seperti gambar dibawah ini.
Cara mengaplikasi desain yang telah kita buat sebelumnya ke dalam mockup, langkahnya seperti dibawah
ini;

1. Langkah awal kita buat dulu desain di CorelDRAW, anggap saja seperti dibawah ini;

2. Klik tombol perintah Export di baris standar.

3. Beri nama file, pilih tipe file format PNG, klik OK

4. Beri tanda Centang Transparency, ubah resolusi 72, karena biasanya mockup memakai resolusi standar
yaitu 72 dan klik OK
5. Langkah selanjutnya, buka file mockup yang telah kita download sebelumnya dengan cara dobel klik pada
file, atau kita buka dulu aplikasi Photoshop di komputer kita, kemudian open file mockup, seperti gambar
dibawah ini tampilannya.

6. Kemudian, open file desain format PNG yang telah kita buat sebelumnya;
7. Seperti ini tampialnnya, dan seleksi gambar tersebut dengan pijit tombol Ctrl+A, kemudian Copy dengan
pijit tombol Ctrl+C di keyboard

8. Selanjutnya kembali ke file mockup, dobel klik pada layer yang dilingkari merah
9. Apabila muncul kotak dialog di OK saja, dan tampilan seperti gambar dibawah ini

10. Kemudian Paste- kan gambar yang telah kita copy sebelumnya dengan pijit Ctrl+V di keyboard,
sehingga akan tampak seperti dibawah ini, gambarnya bertumpuk
11. Klik icon mata yang dilingkari biar merem untuk menyembunyikan gambar yang sudah ada pada
bawaan mockup

12. Untuk mengatur ukuran gambar pencet tombol Ctrl+T di keyboard, sambil pencet tombolShift geser
kedalam untuk mengecilkan gambar dan geser keluar untuk membesarkan gambar, pencet tombol Enter
untuk mengakhiri proses.
13. Selanjutnya, tutup dengan klik tanda silang.
14. apabila muncul kotak dialog seperti dibawah ini pilih yes untuk menyimpan perubahan, dan tutup (close)
juga file desain stempel kita.

15. Sehingga tampilan seperti gambar dibawah ini, desain kita sudah terpampang pada mockup stempel
16. Langkah terakhir pencet menu File > Save As, beri nama file, pilih format file, bisa PNG, JPEG atau
yang lainnya
17. Seperti ini hasil mockup yang telah kita buat
18. Bagaimana, mudah kan?... monggo di coba.
Demikian Cara Pasang Desain Pada Mockup Format PSD, semoga ada manfaatnya