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 tombol Shift 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

Baca juga: Cara Membuat Stempel dengan CorelDRAW

Pengelola Blog

Zainoel Arifin Isa'i : Penulis Blog. Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas yang bermarkas di sudut kamar belakang rumah di daerah pelosok desa terpencil lereng Gunung Arjuno.

Machfudz Arif : Teknisi Blog. Pekerjaan sebagai Web and Mobile App Developer yang bermarkas di Lembah Tlogo Krabyaan di sebuah dusun yang dikelilingi perbukitan nan elok dan berudara segar.