Mockup adalah file yang memungkinkan Anda membuat sampel produk atau menunjukkan karya Anda dalam pengaturan dunia nyata tanpa benar-benar harus membuat produk fisik. Mockup juga dapat digunakan untuk branding atau untuk membuat foto promosi.
Langkah pertama:
Unduh gambar stok latar belakang Anda dan buka di Adobe Photoshop Langkah ini bukanlah langkah sama sekali, tetapi ada beberapa hal penting yang perlu diingat ketika memilih gambar latar belakang. Idealnya, layar Anda harus hitam, dan semakin sederhana perspektifnya, semakin mudah langkah-langkah berikut ini. Juga, jika Anda mengunduh foto dari sebagian besar penyedia stok, Anda hanya dapat menggunakan gambar yang diedit itu untuk penggunaan pribadi. Dengan kata lain, jika maket akan menghasilkan uang bagi Anda, itu terlarang, kecuali jika Anda ingin mengambil risiko tuntutan hukum hak cipta. Untungnya, semua gambar kami bebas royalti sehingga Anda dapat menggunakan maket ini dalam kampanye pemasaran dan untuk penggunaan
Langkah Kedua: Mulai gambarkan bentuk
Gambar bentuk sederhana menggunakan alat “Bentuk” di bilah alat. Itu tidak harus berbaris dengan sempurna, tetapi pastikan itu menutupi seluruh gambar sepenuhnya. Kiat Pro: Menggunakan panduan Anda akan membuat proses ini lebih mudah dan lebih mudah.
Langkah Tiga: Ubah bentuk Anda menjadi Smart Object
Penting bagi Anda untuk melakukan langkah ini sebelum menyesuaikan gambar agar lebih pas dengan layar di foto (Langkah Empat). Untuk mengonversi bentuk menjadi Smart Object, cukup klik kanan pada layer Anda di panel layer di sebelah kanan, lalu pilih “Convert to Smart Object” dari menu drop-down.
Langkah Empat: Sesuaikan perspektif
Sekarang kita akan membuat Smart Object kita sesuai dengan layar monitor di foto menggunakan “Transform tool”. Klik Edit > Transform > Distort untuk mulai mengedit bentuk Smart Object Anda.
Kiat Pro: Mengurangi opasitas di panel lapisan akan memungkinkan Anda melihat gambar di bawahnya dengan lebih mudah. Klik dan seret sudut untuk mendapatkan ukuran dan bentuk yang diperlukan. Ingat bahwa elektronik biasanya menunjukkan batas hitam tipis di sekitar tepi jendela tampilan, jadi kami tidak ingin mengisi layar sepenuhnya.
Jika Anda memiliki bentuk bulat atau sesuatu (seperti orang atau objek) memasuki bingkai, membutuhkan bentuk yang lebih disesuaikan, Anda dapat menggunakan layer mask untuk “menghapus” piksel ekstra tersebut. Cukup pilih layer dan tambahkan layer mask dengan mengklik ikon layer mask di bagian bawah panel layer. Anda kemudian dapat menggunakan kuas Anda dengan warna yang disetel ke hitam untuk melukis di atas piksel apa pun yang tidak Anda inginkan. Jika Anda mengecat sesuatu yang ingin Anda pertahankan, cukup ubah warnanya menjadi putih dan cat lagi di area tersebut untuk membuatnya muncul kembali. Klik ENTER untuk menerapkan perubahan Anda, dan kembalikan opacity layer ke 100%.
Langkah Lima: Letakkan gambar Anda
Sekarang saatnya untuk menambahkan gambar produk Anda yang sebenarnya ke mockup. Untuk melakukan ini, pertama-tama klik dua kali pada Smart Object Thumbnail Anda di panel lapisan. Jika Anda cukup mengklik dua kali pada layer itu sendiri, ini tidak akan berfungsi. Anda harus mengklik ikon gambar di sebelah nama layer. Setelah selesai, Anda akan melihat layar baru muncul dengan bentuk yang sama dengan Smart Object Anda di Langkah Tiga. Seperti yang Anda lihat di bawah, kami sekarang memiliki persegi panjang besar yang terlihat sangat mirip dengan persegi panjang asli kami sebelum kami menerapkan transformasi.
Buka gambar produk Anda di Photoshop (FILE > OPEN). Sekarang, seret dan lepas gambar baru Anda ke layar ini menggunakan alat “Pindahkan”. Ubah ukuran gambar untuk memenuhi layar. Sekarang, klik SIMPAN dan tutup jendela. Pastikan Anda tidak menutup semua jendela Photoshop Anda karena kami masih membutuhkan gambar latar belakang asli kami!
Kiat Pro: Jika Anda menahan tombol shift, itu akan menggeserkan gambar baru langsung ke tengah Smart Object.
Langkah Enam: Voila!
Ketika Anda kembali ke gambar latar belakang asli Anda, Anda akan terkejut! Ada gambar Anda, secara ajaib dimasukkan dan disesuaikan dengan gambar latar asli Anda!
Pada langkah ini, Anda mungkin dapat membiarkan mockup Anda apa adanya, tetapi ada beberapa trik yang dapat Anda gunakan untuk membuatnya lebih realistis.
Apakah layarnya terlalu terang? Jika gambar asli Anda memiliki latar belakang hitam, cukup kurangi opacity pada layer Smart Object Anda untuk menggelapkan.
Mainkan Burn, Multiply dan opsi gambar lainnya di panel lapisan.
Tambahkan bayangan. Ada banyak cara untuk melakukan ini di Photoshop, tetapi salah satu yang paling sederhana adalah menggunakan efek Color Burn dengan kuas Anda. Namun, berhati-hatilah untuk tidak mengubah gambar terlalu banyak. Jika Anda inginkan mengembalikan, cukup Ctrl + Z!
