Belajar Design Mock-up

Berawal dari adanya pekerjaan yang mengharuskan saya untuk mengedit sebuah gambar atau membuat design mock-up. Akhirnya saya berusaha untuk cari tahu bagaimana caranya untuk membuat design mock-up?

Saya juga dibantu oleh rekan kerja saya yaitu mas Fajar dalam pemahaman mengenai design mock-up ini. Beliau sangat ahli dalam membuat design gambar terlebih mengenai mock-up ini

Berawal dari coba-coba, alhamdulillah saya bisa membuat design mock-up di photoshop. Walaupun belum perfect tapi saya akan terus belajar ngedit atau design mock-up di photoshop ini.

Berikut adalah langkah-langkah yang digunakan untuk membuat mock-up pada objek gambar laptop yang saya pelajari :

1. Pilih gambar yang akan dijadikan bahan mock-up, dalam percobaan kali ini saya memilih gambar laptop sebagai bahan mock-up.

2. Setelah itu buka gambar menggunakan software Photoshop ,kali ini saya menggunakan Photoshop CS3 karena hanya photoshop CS3 ini yang ada di laptop saya (Maklum berawal dari coba-coba)

3. Kemudian kita akan tutupi bagian gambar yang akan dijadikan objek dengan menggunakan Pen tool (No. 1) dan pilih Rectangel tool (No. 2) untuk mengikuti bentuk objek yang akan dijadikan sebagai tempat meletakkan gambar mock-upnya

4. Selanjutnya ikuti bentuk objek yang akan dijadikan sebagai tempat meletakkan gambar mock-up dengan Rectangel tool

5. Untuk membuat shape sesuai dengan object gambar maka klik menu Edit – Transform path – Distort maka shape akan mengikuti bentuk dari object mock-up

6. Setelah objek gambar tertutupi, selanjutnya adalah convert to smart object dengan cara klik kanan pada layer lalu pilih convert to smart object

7. Lalu klik 2x pada bagian smart object thumbnail, maka akan dialihkan ke new window yang sudah terdapat shapes sebelumnya.

8. Selanjutnya memasukkan objek gambar yang kita pilih sebagai gambar yang akan dijadikan mock-up dengan cara Open as Smart Object-Pilih gambar- Open. Setelah gambar terbuka lalu klik menu Select-All-Copy (CTRL-C). Kemudian paste dan distort gambar object menyesuaikan shape lalu klik save apply

9. Maka mock-up anda berhasil dibuat seperti pada gambar dibawah ini

Mungkin memang perlu banyak belajar lagi untuk membuat mock-up pada objek-objek lainnya.

Semangaaat^^

Leave a Reply

Your email address will not be published. Required fields are marked *