

Cara Membuat Logo Mockup Ukiran kayu

di Adobe Photoshop
by Tom Piccarreda 27 Sep 2017

Product Mockup Adobe Photoshop Smart Objects Deconstruction Graphic Design

 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:

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 Path䊱럔nder. Jika kamu tidak dapat melihat panel, buka dengan memilih
Window > Path䊱럔nder.

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:
 Advertisement

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!