Home » Adobe Photoshop » Cara Membuat Mockup di Photoshop

• Adobe Photoshop

Cara Membuat Mockup di Photoshop

Isamu Akira 03 Jul 2022 28

Cara mockup di photoshop ternyata cukup mudah, Anda pun bisa membuat mockup dengan unduhan arsip psd yang disesuaikan dengan kebutuhan Anda. Apalagi untuk Anda yang menggeluti bidang desain grafis tentunya tidak asing lagi dengan istilah mockup ini bukan?.

Bentuk mockup ini seperti citra mid-fidelity ataupun high-fidelity yang menggambarkan pilihan warna desain, layout, tipografi, iconography, visual navigasi, dan total tampilan product yang didesain. Jadi, Mockup itu sendiri adalah sesuatu yang cukup berkaitan dengan dunia desain product.

Nah kali ini, Ilmusolusi.com akan sedikit memaparkan berkenaan Cara mockup di photoshop yang baik dan benar untuk suatu usaha desain yang tengah anda geluti. Yuk simak penjelasan artikelnya di bawah ini.

Apa Itu Mockup?

Mockup adalah sebuah media visual atau gambar yang digunakan untuk preview konsep desain. Yang diberikan efek visual sehingga gambar ini terlihat menyerupai wujud yang sebenarnya. Contohnya, saat kita membuat desain untuk box produk kita akan sulit membayangkan bagaimana nanti hasil jadinya, nah dengan adanya mockup ini kita bisa mendapat gambaran bagaimana nanti hasil jadinya dengan mudah.

Mockup sendiri sangat mempermudah para online shoper, desainer, arsitek dll ketika mereka mempresentasikan dan mempromosikan konsep produk mereka kepada para calon konsumen nya, sehingga dapat menyampaikan konsep dan produk mereka dengan sangat mudah, sementara itu calon konsumen atau klien bisa menilai dan memberikan tanggapan konsepnya karena mereka dapat melihatnya secara visual.

Fungsi Mockup di Photoshop

Dari pengertian mockup di atas, dapat kita simpulkan beberapa fungsi dari mockup itu sendiri. Singkatnya, fungsi mockup dapat Anda lihat pada beberapa poin berikut ini:

• Berfungsi sebagai preview dari sebuah konsep desain sebelum dicetak atau dikerjakan, sehingga kita memiliki gambaran tentang wujud dari desain tersebut ketika sudah jadi.
• Menghemat biaya karena kita tidak perlu membuat dummy atau mencetak desain hanya sebagai contoh.
• Dapat berfungsi sebagai pedoman pengerjaan desain yang akan dibuat, sehingga tidak mudah melenceng dari konsep awalnya.
• Melihat gambaran real dari desain yang dibuat.

Cara Membuat Mockup di Photoshop

Langkah Pertama Membuat Mockup di Photoshop

Pilih gambar yang akan dijadikan bahan mock up, Gambar bisa kamu dapatkan lewat google image. S?t?l?h ?tu buka g?mb?r menggunakan software Ph?t??h??, untuk ???t ini saya menggunakan Ph?t??h?? 2020, k?n??? PS2020? karena emang adanya cuma itu, jadi pake aja yang ada. Sebagai contoh saya menggunakan gambar Box Polos putih agar mempermudah hasil akhir, dan wallpaper yg akan saya tempel di box tersebut.

Langkah Kedua

Untuk gambar wallpaper silahkan agan ctrl+a kemudian ctl+c, kita copy gambar ini di clipboard. Kemudian pada gambar yang akan kita mockup box nya, buat Layer baru dan pergi ke menu Filter > Vanishing Point. Untuk lebih jelas nya kamu bisa tonton video tutorial nya dibawah.

Langkah Ketiga

Silahkan agan membuat gambar point sesuai bentuk box, caranya mudah kamu tinggal klik saja sudur – sudut box tersebut. Untuk lebih jelas nya kamu bisa tonton video tutorial nya dibawah.

Langkah ke Empat

Silahkan paste gambar wallpaper nya yang telah kita copy sebelum nya, dengan cara tekan tombol CTRL + V. Kemudian silahkan perbesar atau perkecil, rotate gambar nya, intinya pas kan sesuai bentuk dan posisi box nya.

Langkah ke Lima

Drag gambar wallpaper tadi ke tengah box hingga menyatu dengan gambar box. Silahkan di geser ke kanan, kiri, atas, bawah hingga dirasa sudah pas dan memenuhi gambar box tadi.

Langkah ke Enam

Langkah Terakhir, pada layer mockup / layer wallpaper yang telah kita Vanishing Point tadi, ganti mode gambar menjadi Multiply. Gunanya agar gambar jadi menyatu dengan gambar box.

Keuntungan Menggunakan Mockup pada photoshop

Berikut 4 dan keuntungan menggunakan mockup:

1. Menghemat Waktu

Hanya dibutuhkan waktu beberapa menit saja untuk mengaplikasikan suatu desain kedalam suatu mockup, apalagi mengubah warna kaosnya pun sangat mudah, sanget menghemat waktu ketimbang membuat/mencetak preview desain secara langsung.

2. Ciptaan Tanpa Batas

Seorang desainer dapat menerapkan dan mengkreasikan hasil desain yang dibuat kedalam mockup sebanyak barangkali.

3. Seragam

Pemakaian mockup yang kenakan aplikasi berbasis bitmap seperti Photoshop, dan vector seperti coreldraw atau lainnya akan menghasilkan satu desain/posisi gambar preview product yang serupa.

Lihatlah contoh beberapa toko online yang ada hampir seluruh katalog produknya menggunakan bentuk mockup yang serupa meskipun beda warna yang secara tidak langsung menambahkan suatu konsistensi desain atau keteraturan di dalam toko online itu.

Itulah Cara mockup di photoshop. Para desain pasti tidak asing dengan pekerjaan ini. Namun bagi yang baru ingin belajar, pekerjaan ini mungkin masih terasa sedikit sulit. Namun, artikel ini diharapkan bisa membantu. Selamat mencoba!

Refrensi:

• https://predatech.org/tutorial-membuat-mockup-produk-dengan-photoshop/
• https://daridesignstudio.com/pengertian-mockup/