Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Product Mockup
Design

Cara Membuat Logo Mockup Ukiran kayu di Adobe Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:
This post is part of a series called Awesome Logo Mockups.
How to Create a Leather Stamp Logo Mockup in Adobe Photoshop
How to Create a Pressed Paper Logo Mockup in Adobe Photoshop

Indonesian (Bahasa Indonesia) translation by Anggun Cornelis (you can also view the original English article)

Final product image
What You'll Be Creating

Pelajari cara untuk mengambil keuntungan dari Photoshop's Smart Objects untuk mereplika logo kamu dengan hasil fotorealistik. Berkat penggunaan beberapa lapisan gaya, kita akan memahat logo kamu pada kayu!

Jika kamu mendapatkan logo mockup, pergilah ke Envato Elements atau GraphicRiver yang mana Kamu dapat menemukan banyak hal yang sesuai dengan kebutuhan kamu, termasuk mockup kayu laser yang mencolok ini.

Tutorial Aset

Berikut aset yang digunakan selama produksi tutorial ini:

1. Cara Membuat Sebuah Objek Pintar dengan Perspektif yang Tepat

Langkah 1

Download tekstur kayu dan buka dengan Photoshop.

Wood Texture

Langkah 2

Download gambar perspektif dan buka dengan Photoshop.

Perspective image

Langkah 3

Di menu teratas, Pilih Select > All dan kemudian  Edit > Copy untuk copy pilihan ke clipboard.

Kembali ke latar belakang dokumen dan pilih, dalam menu atas,  Edit > Paste untuk menyisipkan gambar perspektif di atas latar belakang.

Ubah nama layer dengan mengklik dua kali pada nama layer di panel layer dan ubah ke "Perspektif".

Layers panel

Langkah 4

Atur warna latar depan ke kuning (setiap warna yang kecuali hitam lebih baik).

Kemudian pilih Rectangle Tool, pindahkan kursor ke kanvas, dan klik. Kamu akan membuka kotak dialog kecil yang memungkinkan kamu untuk memasukkan dimensi yang tepat untuk bentuk baru. Ketik 1267 x 814 px dan kemudian klik tombol OK.

Ubah nama layer dengan mengklik dua kali pada nama layer di panel layer dan ubah ke "Smart Object".

Dengan layer "Smart object" yang dipilih, pilih, dalam menu atas, Layer > Smart Object > Convert to Smart Object.

Smart object

Langkah 5

Pilih Edit > Transform > Distort dan pindah ke titik pojok kanan untuk menyelaraskan dengan sudut kanan atas dari persegi panjang hitam

Distort smart object

Langkah 6

Terus seret titik sudut sampai kamu menyelaraskan semua sudut persegi kuning dengan gambar perspektif hitam dan menutupi seluruh area:

Distort smart object

Langkah 7

Sekarang kamu bisa menghapus layer "Perspective" dengan memilih pada panel layer dan memilih Layer > Delete > Layer.

Smart object over the wood texture

2. Bagaimana Mempersiapkan Lencana dengan Illustrator

Langkah 1

Kita membutuhkan sebuah logo atau lencana untuk menyelesaikan semua bagian. Lencana ini akan menjadi unsur yang menonjol yang kemudian akan terukir dalam tekstur kayu.

Untungnya,  Envato Elements menawarkan berbagai lencana berkualitas tinggi dan unsur-unsur vektor yang siap untuk digunakan. Berlangganan untuk membuka lencana tak terbatas, template, foto dan lebih untuk biaya satu bulanan!

Dalam tutorial ini kita akan menggunakan lencana dari Badges and Logos Vol.01. Download buka dengan Illustrator.

Badge from Badges and Logos Vol01

Langkah 2

Buka file .ai vektor dengan Adobe illustrator. Ketika kamu membuka file, jendela mungkin muncul peringatan bahwa dokumen menggunakan font yang saat ini tidak tersedia pada komputer kamu. Jangan khawatir tentang itu — semua font bebas untuk digunakan, dan kamu dapat menemukan sebuah file teks di dalam folder dengan semua referensi dan link untuk men-download setiap font.

Missing font dialog

Untuk tutorial ini, saya menggunakan font gratis berikut untuk lencana:

Langkah 3

Setelah kamu selesai dengan font, pilih Selection Tool (V). Sekarang pilih lencana "Vintage Knights" (atau lencana apa pun yang kamu suka).

Copy lencana dengan memilih Edit > Copy atau menekan Command-C.

Buat dokumen 350 x 350 px baru dalam Adobe Illustrator.

Terakhir, paste lencana yang baru saja di-copy dengan memilih Edit > Paste atau menekan Command-V.

Badge from Badges and Logos Vol01

Langkah 4

Dengan Selection Tool (V), pindahkan lencana di atas area abu-abu, dari kanvas putih.

Badge from Badges and Logos Vol01

Langkah 5

Sebelum mengimpor lencana ke semua bagian di Photoshop, kita perlu memperluas tampilan, mengkonversi semua teks ke bentuk vektor dan menghapus daerah putih yang terungkap sekarang kita sudah pindah lencana ke daerah abu-abu.

Jika lencana tidak terpilih, pilih dengan mengklik di atasnya dengan Selection Tool (V).

Di menu teratas, pilih  Object > Expand Appearance.

Sekali lagi, pilih Object > Expand. Jendela dialog akan muncul; pilih Object dan Fill dan tekan OK:

Expand dialog

Langkah 6

Cari panel Pathfinder. Jika kamu tidak dapat melihat panel, buka dengan memilih Window > Pathfinder.

Pilih Trim.

Pathfinder panel

Langkah 7

Sekarang lencana dalam bentuk 100% vektor, kita dapat menghapus daerah putih. Pilih Magic Wand Tool, dan Pindahkan kursor ke area putih dan klik untuk memilih semua daerah putih lencana. Jika kamu perlu, perbesar kanvas dengan menggunakan Zoom Tool (Z). Ketika semua daerah putih lencana terpilih, hapus mereka dengan memilih, dalam menu teratas, Edit > Cut.

Badge from Badges and Logos Vol01

3. Bagaimana Cara Memasukkan Lencana dalam Bagian

Langkah 1

Kita masih di Adobe illustrator. Jika lencana tidak terpilih, pilih dengan mengklik di atasnya dengan Selection Tool (V). Copy lencana dengan memilih  Edit > Copy atau menekan Command-C.

Badge from Badges and Logos Vol01

Langkah 2

Kembali ke Photoshop, dan klik dua kali pada thumbnail Smart Object. Ini akan membuka konten Smart Object di jendela baru Photoshop. Di sini kamu dapat membuat perubahan apapun yang kamu suka dan, setelah kamu puas, semua yang perlu kamu lakukan adalah menyimpan file dan Photoshop Smart Object akan diperbarui ketika Anda kembali ke itu.

Pada panel Layer, nonaktifkan visibilitas untuk layer kotak kuning, dan paste lencana yang baru saja di-copy dengan memilih Edit > Paste atau menekan Command-V.

Dari kotak dialog, pilih Smart Object dan tekan OK:

Paste smart object dialog

Langkah 3

Cari bar pilihan teratas dan tetapkan posisi lencana ke 633.50 x 406.50 px dan dimensi 666% untuk Width dan Height. Ketika kamu sudah selesai, tekan ENTER pada keyboard kamu:

Top options bar

Langkah 4

Simpan dokumen dengan memilih File > Save atau menggunakan shortcut keyboard Command-S.

Kembali ke dokumen utama dan kamu akan melihat bahwa Smart Objectr sekarang diperbarui dengan perubahan terakhir. Lencana, pada kenyataannya, telah mengambil perspektif Smart Object.

Wood Engraved Logo MockUp

4. Bagaimana Cara Mengukir Lencana ke dalam Kayu

Langkah 1

Atur Fill untuk layer "Smart object" menjadi 0%:

Layers panel

Langkah 2

Duplikat layer "Smart object" lima kali dengan memilih Layer > New > Layer Via Copy.

Sekarang ubah nama dan gabungkan layer seperti ditunjukkan pada gambar di bawah.

Sekarang ketika kamu perlu mengganti lencana di Smart Object kamu, kamu dapat menggunakan layer "Smart object", dengan mengklik di atasnya dan mengedit konten.

Layers panel

Langkah 3

Mari kita mulai menambahkan beberapa layer style "Effect 5". Buka panel Layer Style dan tambahkan efek Bevel & Embossed baru. Mengatur warna untuk Highlight Mode menjadi #ffffff, warna untuk Shadow Mode menjadi #000000, dan tetapkan sisanya sebagai berikut:

Layer style dialog

Langkah 4

Tambahkan efek Inner Shadow baru, atur warna untuk Blend Mode menjadi #000000 dan ditetapkan sisanya sebagai berikut:

Layer style dialog

Langkah 5

Tambahkan efek Satin baru, atur warna untuk Blend Mode menjadi #3b2b25, dan sisanya ditetapkan sebagai berikut:

Layer style dialog

Langkah 6

Tambahkan efek Drop Shadow baru, atur warna untuk Blend Mode menjadi #ffffff dan atur sisanya sebagai berikut:

Layer style dialog

Langkah 7

Sekarang mari kita tambahkan beberapa layer style untuk layer "Effect 4".

Buka panel Layer Style dan tambahkan efek baru Inner Shadow, atur warna Blend Mode menjadi #000000, dan tetapkan sisanya sebagai berikut:

Layer style dialog

Langkah 8

Tambahkan efek Pattern Overlay baru dan atur pilihan seperti yang ditunjukkan pada gambar di bawah ini:

Layer style dialog

Klik pada thumbnail pattern, dan kemudian klik pada gigi kecil untuk membuka menu cascade. Pilih Grayscale Paper dan kemudian klik pada pola pertama bernama Black Weaved.

Layer style dialog

Langkah 9

Tambahkan efek Drop Shadow baru, atur warna Blend Mode menjadi #b07555 dan atur sisanya sebagai berikut:

Layer style dialog

Langkah 10

Mari kita tambahkan layer style untuk "Effect 3".

Buka panel Layer Style dan tambahkan efek baru Inner Shadow, atur warna Blend Mode menjadi #000000, dan tetapkan sisanya sebagai berikut:

Layer style dialog

Langkah 11

Mari kita tambahkan layer style untuk "Effect 2".

Buka panel Layer Style dan tambahkan efek baru Inner Shadow, atur warna Blend Mode menjadi #000000, dan tetapkan sisanya sebagai berikut:

Layer style dialog

Langkah 12

Mari kita tambahkan layer style untuk lapisan "Effect 1".

Buka panel Layer Style dan tambahkan efek baru Inner Shadow, atur warna Blend Mode menjadi #000000, dan tetapkan sisanya sebagai berikut:

Layer style dialog

Langkah 13

Tambahkan efek Gradient Overlay baru dan atur pilihan sebagai berikut:

Layer style dialog

Klik pada jendela gradien kecil untuk mengedit warna gradien.

  • Atur penghilang warna pertama pada warna #696969 dan lokasi 0%.
  • Atur penghilangi warna kedua untuk warna #d9d9d9 dan lokasi 100%.
Gradient editor dialog

Selamat, kamu sudah selesai!

Dalam tutorial ini kita belajar cara membuat mockup logo kayu terukir dengan Adobe Photoshop!

Saya berharap kamu menikmati tutorial saya dan belajar sesuatu yang baru. Silahkan merasa bebas untuk meninggalkan komentar, saran, dan hasil di bawah ini.

Nikmati Photoshopping!

Final image
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.