MENU POST

Cari Blog

Tuesday, September 26, 2017

MOCKUP

Cara membuat mockup di Photoshop

Pelajari cara memetakan secara realistis karya seni atau desain Anda ke objek - seperti laptop atau kartu nama - untuk membuat gambar mockup yang sempurna.



Langkah 1
Pertama, Anda memerlukan beberapa gambar produk / objek yang ingin dipetakan ke desain Anda. Anda bisa mengambil ini sendiri, atau ada banyak pilihan dari kebanyakan perpustakaan gambar saham. Inilah contoh dari iStock.

 Langkah 2 
Anda juga memerlukan salinan desain yang ingin Anda petakan ke objek Anda. Di sini, saya mendapat salinan teks yang ingin saya masuk ke kartu nama, dan juga tiruan dari halaman muka situs saya. Pastikan karya seni Anda kira-kira memiliki rasio aspek yang sama dengan objek yang ingin Anda impikan, karena ini akan membuat karya seni Anda lebih mudah untuk dikerjakan.

Langkah 3 
Mari kita mulai dengan layar laptop mock up. Bukalah gambar latar belakang laptop di Photoshop dan masuk ke File> Place Linked Navigate ke file desain yang Anda pilih dan tekan OK untuk mengkonfirmasi pilihan Anda. Ini akan membuka file sebagai layer baru dalam dokumen Anda.

 Langkah: 4 
Anda akan melihat bahwa Photoshop mengubah karya seni Anda menjadi benda cerdas. Ini akan memungkinkan Anda untuk bekerja secara tidak merusak dengan lapisan Anda sehingga Photoshop menyimpan semua informasi piksel jika Anda perlu melakukan perubahan nanti.

Langkah 5
lapisan desain Anda aktif, tekan Cmd / Ctrl + T untuk memunculkan alat transformasi di sekitar gambar Anda. Pilih salah satu sudut dari karya seni Anda dan letakkan di sudut yang sesuai dengan area yang ingin Anda petakan.


Langkah: 6 
Sekarang, klik kanan pada layer desain Anda dan pilih Distort dari menu. Ini akan 
memungkinkan Anda memanipulasi keempat sudut lapisan Anda secara independen.

Langkah 7 
Klik pada salah satu sudut desain Anda dan seret ke dalam keselarasan dengan sudut yang sesuai dari layar laptop di gambar latar belakang. Anda akan ingin mendapatkan ini seakurat mungkin, jadi luangkan sedikit waktu untuk mendapatkan hak ini

Langkah: 8 
Ulangi dengan semua sudut yang tersisa dari desain Anda sampai gambarnya terpasang. Setelah selesai, tekan Enter untuk mengkonfirmasi transformasi.

Langkah: 9 
Jika desain Anda adalah pekerjaan yang sedang berjalan, manfaat untuk menautkan ke file desain asli seperti yang kami lakukan di Langkah 3 adalah bahwa setiap perubahan di masa depan pada file dapat tercermin dalam tiruan Anda. Jika pada suatu saat Anda ingin memformat ulang atau mengubah sebagian desain Anda, cukup ubah file karya seni asli dan simpan di bawah nama file aslinya. Photoshop kemudian akan secara otomatis memperbarui karya seni di mock Anda untuk Anda.

Langkah: 10 
Jika karena alasan apa pun, file tertaut Anda tidak dapat ditemukan, Anda dapat membuka Layer> Smart Objects> Relink to File dan navigasikan ke file asli.

Langkah 11 
Sebagai alternatif, Anda dapat menautkan file yang benar-benar baru dengan membuka Layer> Smart Objects> Replace Contents dan arahkan ke file baru.

Langkah: 12 
Mari kita lihat contoh yang sedikit berbeda dari tiruan, menggunakan kartu nama di mana kita ingin menggambar melalui tekstur permukaan asli. Membawa elemen tekstur akan menambah rasa realita pada gambar akhir.

Langkah 13 
Sekali lagi, ulangi Langkah 3-7 dengan karya seni baru Anda. Anda akan melihat bahwa kali ini saya menggunakan file PNG tanpa latar belakang untuk desain yang dipetakan, jadi tidak ada area putih dalam gambar saya. Ini akan berguna nantinya saat membawa kembali tekstur dari stok kartu putih.

Langkah: 14 
Dengan lapisan logo yang dipilih, masuk ke panel dropdown Layer Blending Mode dan pilih Multiply untuk membiarkan tekstur kartu ditampilkan melalui disain.
Langkah: 15 
Tip: Bergantung pada pilihan desain dan gambar latar Anda, Anda mungkin menemukan mode blending yang lain bekerja lebih baik.

No comments:

Post a Comment

jualo