Membuat Mock-Up Kamera Telepon di Photoshop

Photoshop Smart Filter adalah salah satu filter terhebat tentang Smart Objects. Ketika Anda menerapkan efek filter ke layer atau Objek, Anda secara otomatis membuat Filter Cerdas. Anda dapat mengedit filter sebanyak yang Anda suka, tanpa merusak piksel aslinya.

Dalam tutorial ini, Anda akan belajar cara menggunakan dua salinan dari Objek yang sama untuk membuat mock-up produk, kemudian menerapkan filter untuk tidak memfokus latar belakang. Setelah semuanya diatur, Anda dapat dengan mudah memperbarui gambar di Smart Object untuk mengubah adegan.

Pertama disini saya akan menyiapkan sebuah mock up seperti gambar dibawah ini.

Membuat Mock-Up Kamera Telepon di Photoshop

Kemudian gambar pemandangan, atau teman-teman bisa menggunakan gambar yang lain sesuai dengan yang teman-teman inginkan.

Membuat Mock-Up Kamera Telepon di Photoshop

Seperti yang Anda lihat di panel Lapisan, file ini diatur ke dalam bagian-bagian komponennya. Anda mungkin tidak membutuhkan semua lapisan ini, tetapi lebih banyak lapisan memberi Anda lebih banyak fleksibilitas dan lebih banyak kontrol atas hasil akhir.

Membuat Mock-Up Kamera Telepon di Photoshop

Untuk tujuan kami, penting untuk memiliki satu lapisan sebagai lapisan “layar”. Ini harus menjadi lapisan transparan, berisi persegi panjang yang terisi ukuran layar ponsel.

Membuat Mock-Up Kamera Telepon di Photoshop

Seret salin ke atas di atas lapisan Layar. Gunakan Free Transform (Command-T) untuk menskalakan gambar sehingga kira-kira seukuran layar ponsel. Itu harus tumpang tindih sedikit.

Membuat Mock-Up Kamera Telepon di Photoshop

Klip layer copy Scene ke layer Screen. Ini akan menutupi bagian gambar yang melampaui tepi layar, tetapi tidak benar-benar memotong gambar. Pertama, pilih layer “Scene copy”, dan kemudian klik menu flyout pada panel Layers dan pilih Create Clipping Mask. Anda juga dapat menggunakan pintasan keyboard Command-Option-G.

Membuat Mock-Up Kamera Telepon di Photoshop

Bergantian, Anda dapat menekan tombol Option (Alt) dan klik di antara dua lapisan. Anda akan melihat kursor berubah menjadi lingkaran ganda untuk memberi tahu Anda berada di tempat yang tepat.

Membuat Mock-Up Kamera Telepon di Photoshop

Setelah  Clipping mask dibuat, gambar harus mengisi dimensi layar. Anda juga akan melihat thumbnail layer bergeser sedikit ke kanan, dan memiliki panah ke bawah kecil. Ini menunjukkan “Scene copy” Smart Object layer “terpotong” ke lapisan di bawah.

Membuat Mock-Up Kamera Telepon di Photoshop

Pilih latar belakang. Pilih ke Filter> Blur> Gaussian Blur. Masukkan nilai untuk Radius blur untuk memberikan latar belakang tampilan yang tidak fokus, seperti pada gambar di bawah.

Membuat Mock-Up Kamera Telepon di Photoshop

 

Membuat Mock-Up Kamera Telepon di Photoshop

 

Membuat Mock-Up Kamera Telepon di Photoshop

Hingga hasilnya akan jadi seperti ini.

Membuat Mock-Up Kamera Telepon di Photoshop

Bagaimana teman-teman mudah bukan cara membuatnya. Semoga teman-teman dapat mengikuti dirumah, selamat mencoba dan semoga bermanfaat yah.

Indah Puspitasari Author

Saya Indah dan saya adalah seorang Desainer Grafis. Saya sangat suka berimajinasi dan berkreatifitas. Saya menguasai beberapa produk Adobe seperti Adobe Photoshop, Illustrator, InDesign, Flash dan lain-lain.

Leave a Reply

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