1. Design & Illustration
  2. Mockups

Bagaimana Memasukkan Foto Ke Dalam Mock-Up Produk Dalam Adobe Photoshop

Scroll to top
Read Time: 3 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Envato Market adalah sumber luar biasa untuk foto stock, template grafis dan mock-up produk. Sumber ini adalah cara bagus untuk membuat foto marketing berkualitas tinggi dalam waktu yang sangat singkat. Di dalam tip singkat ini, saya akan menunjukkanmu bagaimana menggunakan Adobe Photoshop untuk menambahkan sendiri gambar custom ke mock-up produk yang dibeli dari Envato Market.

1. Memilih Sebuah Produk

Satu keuntungan menggunakan template berbayar adalah pembuat biasanya menyediakan file yang sangat tertata rapi yang membuatnya mudah untuk memasukkan gambarmu sendiri. Jadi misalnya, jika kamu mempromosikan sebuah aplikasi baru yang menggunakan perangkat kamera dan GPS untuk menyediakan arah jalan, cara apa yang lebih baik untuk memasarkan sebuah aplikasi daripada menunjukkanya digunakan pada sebuah perangkat?

Langkah 1

Ada banyak mock-up produk tersedia di marketplace. Salah satu yang saya pilih untuk digunakan mencakup sebuah perangkat yang sedang dipegang.

The mock-up templateThe mock-up templateThe mock-up template

Langkah 2

Download folder zip dan ekstrak file terpisah dari paket. Buka file bernama Hand1_Transparent.psd dalam Photoshop. Perhatikan bahwa file memiliki banyak layer dan ini secara mudah mengakomodasi proses mengupdate file untuk dicantumkan dalam gambar custom milikmu sendiri.

Open the layered Photoshop fileOpen the layered Photoshop fileOpen the layered Photoshop file

2. Mengganti Background

Langkah 1

Di dalam iklan hipotesis kita, aplikasi hendaklah menunjukkan apa yang sedang dilihat kamera perangkat. Gambar background berada di dalam layer Smart Object dilabeli EDIT BACKGROUND. Dobel klik pada thumbnail untuk membuka konten dokumen itu sendiri.

Double click the layer thumbnail to open the Smart ObjectDouble click the layer thumbnail to open the Smart ObjectDouble click the layer thumbnail to open the Smart Object

File terbuka—itu bernama Layer1.psb. Perhatikan bahwa itu hanya memiliki layer tunggal, gambar background yang ada.

The Smart Object contains a single layerThe Smart Object contains a single layerThe Smart Object contains a single layer

Langkah 2

Pergi ke File > Place Linked dan pilih sebuah foto baru sebagai background untuk iklan. Saya telah memilih tampilan jalan dari foto saya sendiri.

Use File Place Linked to add your own imageUse File Place Linked to add your own imageUse File Place Linked to add your own image

Langkah 3

Pergi ke File > Save dan kemudian tutup file. Konten background di dalam file awal mengupdate untuk memantulkan background baru. Perhatikan bahwa file secara otomatis menambahkan juga sebuah blur dan efek pewarnaan ke background baru.

The background is updated in the initial fileThe background is updated in the initial fileThe background is updated in the initial file

3. Mengganti Tampilan Aplikasi

Langkah 1

Tampilan diperbarui dengan metode yang sama. Dobel klik pada thumbnail layer EDIT OBJECT untuk membuka Smart Object itu.

Open the EDIT OBJECT smart objectOpen the EDIT OBJECT smart objectOpen the EDIT OBJECT smart object

Langkah 2

File itu, bernama Camera.psb, mencakup dua layer. Ada layer tersembunyi untuk versi putih perangkat, dan saat ini tersedia hanya versi hitam. Keduanya juga merupakan Smart Object. Jadi mereka adalah smart object di dalam smart object—itu seperti Smart-Object-ception! Dobel klik thumbnail untuk perangkat berwarna gelap untuk menggali level lainnya lebih mendalam dan membuka file itu.

Open the smart object for the device imageOpen the smart object for the device imageOpen the smart object for the device image

Langkah 3

File itu, bernama Camera1.psb, berisi layer berbeda yang digunakan untuk mengilustrasikan perangkat dan Smart Object lainnya bernama REPLACE CONTENTS untuk layar. Dobel klik pada thumbnail untuk membuka file itu.

Open the REPLACE CONTENTS smart objectOpen the REPLACE CONTENTS smart objectOpen the REPLACE CONTENTS smart object

Langkah 4

File baru ini, bernama Screen11.psb, berisi gambar layar sebenarnya. Masukkan gambar tampilan aplikasi baru dengan File > Place Linked.

Insert a the new app interface image over the screen layerInsert a the new app interface image over the screen layerInsert a the new app interface image over the screen layer

Langkah 5

Simpan dan tutup tiap file smart object yang dibuka. Seharusnya ada tiga dari mereka: Screen11.psbCamera1.psb, dan Camera.psb. File original sekarang diperbarui dengan tampilan baru yang secara mulus menyatu ke dalam gambar.

The screen is updated with the new app interfaceThe screen is updated with the new app interfaceThe screen is updated with the new app interface

Itu Saja!

Benar-benar sesederhana itu! Cukup perbarui smart object di dalam template secara mudah membuat sebuah foto marketing custom. Ingatlah bahwa file ini tetap dapat diedit, sehingga kamu dapat menghapus konten smart object kapanpun untuk memperbarui gambar dengan background baru dan tampilan aplikasi baru.

Finished product shotFinished product shotFinished product shot
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads