Cara Membuat Template Mockup Botol Anggur yang Realistis di Adobe Photoshop
Indonesian (Bahasa Indonesia) translation by Imam Firmansyah (you can also view the original English article)



Dalam tutorial ini saya akan menunjukkan cara membuat mockup dari botol anggur. Mockup semacam ini mungkin berguna jika Anda perlu memamerkan botol anggur dengan label khusus bahkan jika botol aslinya belum ada!
Dan berkat smart object, Anda dapat dengan mudah mengubah label setiap kali Anda membutuhkannya!
Terburu-buru dan membutuhkannya sekarang? Cek Mockup Premium Angggur saya. Mockup saya siap digunakan — ganti saja dengan label Anda dan sesuaikan botolnya dengan satu klik!



Aset Tutorial
Aset berikut digunakan selama produksi tutorial ini:
1. Cara Menghapus Label Dari Botol
Langkah 1
Unduh gambar botol anggur merah dari Pixabay dan buka dengan Photoshop CS5 atau versi di atasnya.



Langkah 2
Pertama, tekan Command-J pada keyboard untuk membuat salinan gambar. Jika Anda lihat panel Layers , Anda akan melihat bahwa Anda sekarang memiliki dua layer, masing-masing berisi gambar yang sama. Foto asli akan tetap aman pada layer Background, dan semua pekerjaan pengeditan yang akan kita lakukan akan dilakukan pada salinan gambar pada Layer 1 di atasnya:



Ganti nama layer baru dengan mengklik dua kali secara langsung pada nama layer di panel Layers dan ubah menjadi "Bottle".
Langkah 3
Pilih Lasso Tool dengan menekan huruf L pada keyboard Anda. Ada dua jenis lasso tool lainnya Polygonal Lasso Tool dan Magnetic Lasso Tool, keduanya ada di balik Lasso Tool standar di panel Tools. Anda harus memilih yang pertama.



Cukup seret seleksi freehand sekitar label, dengan cara yang sama dengan bagaimana Anda akan menguraikan sesuatu di selembar kertas dengan pena atau pensil. Dengan Lasso Tool dipilih, kursor mouse Anda akan muncul sebagai ikon laso kecil, dan Anda cukup klik pada titik di dokumen di mana Anda ingin memulai seleksi, dan terus tahan tombol mouse ke bawah dan menyeretnya untuk menggambar seleksi freeform outline:



Untuk melengkapi seleksi, kembalilah ke tempat Anda memulai dan lepaskan tombol mouse Anda. Anda tidak perlu harus kembali tempat yang sama Anda dengan awal, tetapi jika Anda tidak melakukannya, Photoshop secara otomatis akan menutup seleksi untuk Anda dengan menggambar garis lurus dari titik di mana Anda melepaskan tombol mouse Anda ke titik di mana Anda mulai.
Langkah 4
Dari menu atas, pilih Edit > Fill dan pilihContent-Aware di bagian Contents di bagian atas. Kemudian tekan OK.



Labelnya hilang! Photoshop melakukan pekerjaan luar biasa untuk menghapusnya dan mengisi area dengan detail botol. Jika Anda tidak menyukai hasil setelah menjalankan Content-Aware Fill, ukup batalkan dengan menekan Command-Z dan kemudian jalankan lagi. Anda akan mendapatkan hasil yang berbeda setiap kali melakukannya. Ketika Anda puas dengan hasilnya, jangan lupa memilih seleksi dengan memilih Select > Deselect atau tekan Command-D.



Langkah 5
Tekan L untuk memilih Lasso Toollagi, dan buat seleksi di sekitar desain emas di leher botol.



Dari menu atas, pilih Edit > Fill dan pilih Content-Aware di bagian Contents di bagian atas. Kemudian tekan OK.



Kita berhasil melepas label emas dari leher! Ingat untuk membatalkan seleksi yang dipilih Select > Deselect atau tekan Command-D.
2. Cara Menghapus Background
Langkah 1
Sekarang saatnya untuk menghapus background putih dari gambar. Apa yang akan saya lakukan adalah memilih dan menghapus seluruh background dengan Quick Selection Tool. Pilih dengan mengklik ikonnya di panel Tools, atau tekan huruf W pada keyboard Anda untuk memilihnya dengan shortcut:



Untuk memulai seleksi, gerakkan kursor Quick Selection Tool di dekat sudut kiri atas botol dan klik lalu seret area yang perlu Anda pilih seolah-olah Anda sedang mengecat dengan kuas. Saat Anda menyeret, Photoshop terus menganalisis area, membandingkan warna, nada dan tekstur, dan melakukan pekerjaan terbaiknya untuk mencari tahu apa yang Anda coba pilih, sering kali dengan hasil yang menakjubkan.



Jika Anda melihat di Options Bar di bagian atas layar, Anda akan melihat serangkaian tiga ikon yang memungkinkan kita beralih di antara tiga mode pilihan tool (dari kiri ke kanan: New selection, Add to selection, dan Subtract dari seleksi). Opsi Add to selection yang tengah) sudah dipilih, karena seluruh titik Quick Selection Tool akan terus ditambahkan ke seleksi sampai Anda telah memilih semua yang Anda perlukan:



Kemudian tetap "brushing" di dekat tepi botol sampai Anda memilih semua background putih:



Langkah 2
Setelah Anda memilih background, hapus dengan mengklik Edit > Cut di menu atas.
Ingat untuk membatalkan seleksi dengan memilih Select > Deselect atau menekan Command-D.
Pastikan untuk menonaktifkan visibilitas untuk layer "Background" untuk menghargai hasilnya.



Langkah 3
Setelah Anda berhasil menghapus background, periksa tepi botolnya.
Hapus semua ketidaksempurnaan yang dapat Anda temukan di sekitar tepi botol dengan menggunakan Eraser Tool. Untuk mengaktifkan Eraser Tool, tekan E dan kemudian buka menu kontekstual dengan mengklik tombol kanan pada mouse. Pilih Size 20 px dan Hardness 100%, lalu brush untuk menghapus area yang tidak dinginkan.



3. Cara Membuat Background Baru
Langkah 1
Pilih Rectangle Tool dengan menekan U, dan buat persegi panjang baru di bawah botol. Pastikan bahwa lapisan persegi panjang berada di bawah lapisan botol.



Langkah 2
Klik dua kali pada layer persegi panjang untuk membuka panel Layer Style . Tambahkan Gradient Overlay dengan mengklik tab terkait.



Tambahkan gradien baru dengan warna #0a0a0a
ke #332f30
, style Linear dan angle -90
Langkah 3
Tekan U pada keyboard Anda dan tambahkan persegi panjang lain di bawah botol, menutupi seluruh background.



Sekarang klik dua kali pada layer untuk membuka panel Layer Styledan tambahkan Gradient Overlay baru dengan mengklik tab terkait.



Tambahkan gradien baru dari warna #332f30
ke #0a0a0a
, style Radial dan scale 150%.
Pilih dua layer ini yang baru saja Anda buat, klik kanan, dan pilih Group from layers. Kemudian beri nama grup "Background" dan tekan OK.
Langkah 4
Sekarang gambar Anda harusnya serupa dengan gambar ini:



Seperti yang Anda lihat, ujung-ujung botol terlihat sangat buruk. Mari kita perbaiki dengan mengklik dua kali pada layer botol.
Di panel Layer Style , tambahkan Inner Shadow baru seperti yang ditunjukkan pada gambar di bawah ini:



4. Bagaimana Menambahkan Bayangan dan Refleksi
Langkah 1
Klik pada layer "Bottle", seret ke ikon Create a new layer , da lepaskan untuk menduplikasi layer:



Ubah nama layer "Reflection", dan pindahkan ke bawah layer botol. Klik kanan dan pilih Rasterize Layer Style.
Langkah 2
Di menu bagian atas, pilih Edit > Transform > Flip Vertical dan pindahkan ke bawah botol:



Langkah 3
Sekarang pilih Edit > Transform > Wrap dan tarik handle transformasi untuk mencocokkan botol dengan pantulannya dan tekan Return pada keyboard Anda untuk mengonfirmasi.



Pilih Eraser Tool (E), atur pada 500 px Size dan 0% Hardness, dan sedikit hapus pantulan seperti yang ditunjukkan pada gambar di bawah ini:



Terakhir, temukan opsi Opacity di panel Layers dan setel ke 35%.
Langkah 4
Pilih Ellipse Tool dan gambar bentuk elips sedikit lebih kecil dari diameter botol. Pastikan untuk mengatur warna bentuk menjadi hitam. Atur nama layer menjadi "Small Shadow".



Sekarang kita akan menambahkan efek buram pada bentuknya. Di menu bagian atas, pilih Filter > Blur > Gaussian Blur. Sebuah pesan akan mengingatkan Anda: "This shape layer must be rasterized or converted to a smart object before proceeding. If rasterized, it will no longer be editable as a shape." Tekan Rasterize dan atur efek ke ukuran radius 10 pixels. Konfirmasi dengan menekan OK.
Di panel Layers, pastikan bahwa layer elips "Small Shadow" berada di bawah layer botol dan memindahkan bentuknya di belakang botol. Botol harus menutupi bentuknya hampir sepenuhnya, seperti yang Anda lihat pada gambar di bawah ini:



Kita telah berhasil menambahkan bayangan pertama! Mari tambahkan bayangan lain yang lebih pudar.
Langkah 5
Apa yang akan kita lakukan sekarang adalah mengulangi proses yang sama seperti pada Langkah 4, tetapi dengan beberapa perubahan. Pilih Ellipse Tool dan gambar bentuk elips lebih besar dari diameter botol. Pastikan untuk mengatur warna bentuk menjadi hitam. Ubah nama layer baru ini "Big Shadow". Di panel Layers, pastikan bahwa lapisan elips berada di bawah lapisan botol dan gerakkan bentuk di belakang botol. Botol harus menutupi bentuknya, seperti yang Anda lihat pada gambar di bawah ini:



Mari tambahkan efek buram ke bentuknya dengan memilih Filter > Blur > Gaussian Blur.Atur efek ke ukuran radius 85 pixels dan konfirmasi dengan menekan OK. Pada panelLayers, atur Opacitymenjadi 30%.
Sekarang panel Layers akan mucul seperti ini:



Pilih layer "Big Shadow", "Small Shadow", dan "Reflection". Untuk memilih beberapa layer yang berdekatan, klik layer pertama dan kemudian klik Shift layer terakhir. Dengan klik kanan pada mouse, pilih Group from layers, dan beri nama grup "Shadow". Tekan OK untuk mengonfirmasi.



5. Mendesain Label
Langkah 1
Buat 893 x 958 px New Document di Photoshop.
Di panel Layers, klik kanan pada ikon kecil di bagian bawah, klik pada Solid Color, dan isi dengan warna #25221f
.



Langkah 2
Unduh dan instal font Open Sans, dan pilih Text Tool (T). Di panel Character, atur tracking ke 75, dan ketik PREMIUM RED WINE 2017semuanya kapital dengan warna #86752c
.



Buka gambar Swordfish. Di menu bagian atas, buka Select > Color Range, atur Fuzziness menjadi 200, batalkan pilihan Localized Color Cluster, dan tekan OK.



Balikkan seleksi dengan pergi ke Select > Inverse. Seret gambar ini ke kanvas label menggunakan Move Tool (V). Klik dua kali pada layer "Swordfish" dan tambahkan Color Overlay baru, atur warna ke #6a6a6b
.
Langkah 3
Dengan Open Sans font sudah terinstal, ketik kata BLACK.
Unduh dan install font Berkshire Swash dan ketik kata Marvin.



Terus tambahkan teks dengan font Open Sans:



Unduh dan instal font Black Jack, dan tambahkan beberapa teks seperti yang ditunjukkan pada gambar di bawah ini:



Label sudah selesai! Simpan file sebagai Label.psd di desktop Anda. Kita akan membutuhkannya sebentar lagi.
6.Cara Membungkus Label
Langkah 1
Kembali ke file botol dan, di panel Layers, pilih layer "Bottle" layer.
Pilih Rectangle Tool (U) dan klik di suatu tempat di kanvas. Buat persegi panjang baru ukuran 893 x 958 px. Ganti nama layer "Label".



Klik kanan pada layer "Label" dan pilih Convert to smart object. Anda baru saja membuat samrt object yang akan berisi label.
Sekarang pindahkan persegi panjang di atas botol dan, di menu bagian atas, pilih Edit > Transform > Wrap (Command-T). Ini menampilkan perintah Free Transform.
Klik opsi "Custom" dari kontrol Warp. Ini memungkinkan Anda untuk menyesuaikan bentuk preset yang Anda pilih.
Untuk memanipulasi bentuk, seret titik kontrol, segmen kotak pembatas atau mesh, atau area di dalam mesh. Saat menyesuaikan kurva, gunakan pegangan titik kontrol. Ini mirip dengan menyesuaikan pegangan di segmen melengkung dari grafik vektor. Cobalah untuk mendapatkan mesh seperti ini:



Saat Anda puas, tekan Return pada keyboard Anda untuk mengonfirmasi.
Langkah 2
Pilih Smart Object, dan pilih Layer > Smart Objects > Replace Contents.



Arahkan ke file Label.psd yang telah kita simpan sebelumnya, dan klik Place.
Label sekarang ditempatkan di dalam Smart Object.
Anda masih dapat membuat perubahan apa pun pada label hanya dengan mengedit smart object dengan cara ini:
- Pilih Smart Object dari panel Layers.
- Klik dua kali thumbnail Smart Objects pada panel Layers panel.
Saat Anda mengedit Smart Object, konten sumber dibuka di jendela baru Photoshop (atau aplikasi yang menangani format yang ditempatkan secara default, misalnya, Adobe Illustrator atau Adobe Acrobat).
Ketika Anda puas dengan perubahan pada konten sumber, simpan file dan hasil edit muncul di semua instance terkait dari Smart Object di dokumen Photoshop.
Langkah 3
Pilih layer "Label" dari panel Layers dan klik dua kali layer, di luar nama layer atau thumbnail. Tambahkan Gradient Overlay baru:



Edit gradien dengan mengklik pada jendela gradien kecil, dan atur dua warna stop menjadi putih dan Opacity Stop kanan ke Opacity 0% dan Location 46%.



Langkah 4
Sekarang tambahkan Pattern Overlay baru. Atur Blend Mode ke Multiply, Opacity menjadi 40% dan klik pada thumbnail Pattern. Muat "Rock Patterns" dengan mengklik ikon small gear, lalu pilih pola kedua terakhir:



Akhirnya, tambahkan Drop Shadow: Blend Mode Normal, color Black, Opacity 9%, dan Distance 5 px.



Langkah 5
Pilih Rectangle Tool (U), klik di suatu tempat pada canvas, dan gunakan ukuran berikut: 925 x 1275 px. Di panel Layer, atur fill untuk persegi panjang yang baru saja dibuat menjadi 0%. Dengan Move Tool (V), letakkan persegi panjang di atas label dan botol seperti ini:



Langkah 6
Pilih layer yang baru saja dibuat, beri nama "Highlights", dan klik dua kali layer untuk membuka panel Layers Style . Tambahkan Gradient Overlay baru.
Blend Mode: Soft Light; Opacity: 80%; Angle: 0°; Scale: 150%.
Atur dua Color Stops menjadi putih dan buat empat Opacity Stops. Dari kiri ke kanan:
- Color Stop Pertama: Opacity 0%; Location 9%.
- Color Stop Kedua: Opacity 100%; Location 25%.
- Color Stop Ketiga: Opacity 100%; Location 37%.
- Color Stop Keempat: Opacity 0%; Location 53%.



Langkah 7
Gandakan layer "Highlights" dan beri nama "Spotlight". KLik dua kalilayer untuk membuka panel Layers Style . Atur Opacity menjadi 20%dan sudut ke -23°. Konfirmasi dengan menekan OK.



Langkah 8
Gandakan layer "Spotlight" dan beri nama "Texture". Klik dua kali layer untuk membuka panel Layers Style. Hapus efek Gradient Overlaydengan mengklik ikon cek kecil dan tambahkan Pattern Overlay baru.
Atur Blend Mode ke Multiply dan Opacity menjadi 100%, dan klik pada pola thumbnail. Muat preset Color Paper dengan mengklik ikon small gear, dan pilih pola Marbled.



Langkah 9
Gandakan layer "Texture" dan beri nama "Shadows". Klik dua kalilayer untuk membuka panel Layers Style. Hapus efek Pattern Overlaydengan mengklik ikon cek kecil, dan tambahkan Gradient Overlay baru.
Atur Blend Mode ke Multiply, Opacity menjadi 32%, Angle menjadi 0%, dan Scale menjadi 100%.
Atur dua Color Stops menjadi hitam dan buat empat penghentian opasitas. Dari kiri ke kanan:
- Color Stop Pertama: Opacity 100%; Location 6%.
- Color Stop Kedua: Opacity 0%; Location 23%.
- Color Stop Ketiga: Opacity 0%; Location 45%.
- Color Stop Keempat: Opacity 100%; Location 100%.



Langkah 10
Pilih layer "Shadows", "Texture", "Spotlight", dan "Highlights". Untuk memilih beberapa layer yang berdekatan, klik layer pertama dan kemudian klik Shift layer terakhir. Dengan klik kanan mouse, pilih Create Clipping Mask.
Kita hampir selesai! Ini hasilnya sekarang:



Mari menambahkan sentuhan akhir, menambahkan cahaya global ke gambar.
Pilih layer "Shadows" dan kemudian pilih, di menu atas, Layer > New adjustment layer > Curves dan tekan OK.
Kami akan menetapkan hanya kurva untuk RGB dan Red dengan cara ini:



Selamat, Anda Selesai Membuatnya!
Dalam tutorial multi-keterampilan ini, kita mempelajari metode cepat untuk menghapus beberapa bagian gambar dan mengganti konten dengan Content-aware fill tool. Kita merancang label dari awal dan membungkusnya di sekitar botol. Lalu kita dengan hati-hati menambahkan beberapa highlight dan efek bayangan untuk memberikan nuansa 3D. Hasilnya adalah mockup fotorealistik yang menggunakan smart object untuk menggantikan label.



Jangan lupa untuk mengecek produk-produk GraphicRiver saya tentang mockup botol. Mereka adalah mockup botol berkualitas premium yang sempurna untuk menampilkan label anggur Anda dengan gaya dan profesionalisme!
Yang tersedia adalah Mockup Botol Anggur Merah, Mockup Botol Anggur Putih, dan masih banyak lagi!
Saya harap Anda menikmati tutorial saya dan belajar sesuatu yang baru. Silakan tinggalkan komentar, saran, dan hasil Anda di bawah ini.
Nikmatilah Ber-photoshop ria!



