Tuesday, 15 August 2017

Memperindah Desain Dengan Mock UP

Salam grafis untuk pembaca semua, pada postingan sebelumnya saya telah membagikan tutorial membuat desain Business Card sederhana (Corel Draw). Nah, kali ini saya akan membagikan salah satu elemen yang tidak kalah penting untuk memperindah desain yang telah kita buat. Mungkin sudah banyak artikel yang menjelaskan tentang ini, jadi nikmati semuanya 😆

Mock Up menurut saya adalah sebuah tampilan menarik atau frame yang digunakan sebuah desain agar terlihat menyerupai produk aslinya atau realnya. Contoh desain sebuah kaos T-Shirt, pernah melihat kan berbagai kaos dengan desain (gambar atau logo). Nah itu bisa divisualisasikan terlebih dahulu tanpa perlu menyablon ataupun mencetaknya langsung.


seperti contoh pada Gambar di bawah ini :

Desain Vector

Desain Vector dengan Mock UP

Pada Gambar Desain Vector, itu merupakan hasil trace (kalau tidak salah namanya) dari gambar aslinya yang saya peroleh di Google. Saya menggunakan software Corel Draw untuk menggambar kembali dengan format vector, tujuannya agar gambar tidak pecah apabila diperbesar berapakalipun.
Sedangkan Gambar Vector dengan Mock Up adalah hasil dari desain yang sudah ditambahkan Mock Up, yang bisa divisualisasikan hasil nantinya ketika desain sudah disablon pada sebuah kaos berwarna hitam.

Langsung saja pada inti postingan kali ini, Tutorial Memperindah Desain Dengan Mock UP

Yang kita perlukan adalah :
  • Desain Business Card yang sebelumnya telah dibuat (format .PSD)
  • Mock Up Business Card (bisa didapatkan di Google format .PSD)
  • Pastinya software Adobe Photoshop
Langkah 1. Buka Desain Business Card dan Mock Up (format .PSD)

Gambar 1

Bagian kiri adalah desain Business Card milik saya, dan bagian kanan adalah Mock Up yang sebelumnya saya telah download di Google dengan nama folder :
Free_Business_Card_Mockup_by_Bobboz.

Langkah 2. Memasukan Desain ke dalam Mock Up

Caranya mudah, biasanya dalam Mock Up yang di download si pembuat memberikan petunjuk dimana kita harus meletakan desain. Pada Mock Up yang saya gunakan terdapat tulisan "place your design here" pada salah satu layer. Selanjutnya pilih layer dengan Smart Object dan klik 2x sehingga muncul document baru khusus untuk menempatkan desain Business Card kita. Setelah selesai mengatur posisi dan ukuran, tinggal save dan desain Business Card akan otomatis terlihat pada Mock Up. Secara berurutan bisa melihat pada Gambar-gambar di bawah ini 😊

Gambar 2

Gambar 3

Gambar 4

Gambar 5

Gambar 6

Gambar 7
Kurang lebih hasilnya seperti Gambar 7, dan bisa juga menggunakan Mock Up lainnya sesuai tema desain dan keperluannya. Sekian postingan tentang Mock Up dari saya, semoga bermanfaat 😉

No comments:

Post a Comment