Cara Membuat Logo Mockup Ukiran kayu di Adobe Photoshop

Cara Membuat Logo Mockup Ukiran kayu di Adobe Photoshop

 

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:

• Tekstur kayu
• Gambar perspektif
• Lencana vektor dari koleksi:Badges and Logos Vol.01
• Familiar Pro Font
• Corleone Font
•  

1. Cara Membuat Sebuah Objek Pintar dengan Perspektif yang Tepat

Langkah 1

 

Download tekstur kayu dan buka dengan Photoshop.

Langkah 2

Download gambar perspektif dan buka dengan Photoshop.

 

 

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".

 

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.

 

 

Langkah 5

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

Langkah 6

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

Langkah 7

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

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.

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.

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

• Familiar Pro Font
• Corleone Font

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

.

Langkah 4

 

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

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:

 

Langkah 6

 

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

Pilih Trim.

 

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.

 

 

 

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.

 

 

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:

 

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:

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.

4. Bagaimana Cara Mengukir Lencana ke dalam Kayu

Langkah 1

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

 

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.

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:

 

Langkah 4

 

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

 

 

Langkah 5

 

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

 

 

Langkah 6

 

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

 

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:

Langkah 8

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

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.

 

 

Langkah 9

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

 

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

:

 

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:

 

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:

Langkah 13

 

Tambahkan efek Gradient Overlay baru dan atur pilihan sebagai berikut:

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%.

 

 

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!