Membuat Plakat Nama Besi di Atas Tekstur Kayu
Dalam tutorial kali ini, kita akan membuat plakat terbuat besi dengan teks emboss di tengahnya. Plakat ini akan dibaut ke sebuah tekstur kayu. Semua objek di dalam gambar akan kita buat sendiri, hanya menggunakan Photoshop. Tutorial ini akan membantu Anda belajar cara penggunaan bentuk-bentuk vektor Photoshop dan mengkombinasikannya dengan layer styles.
Sebelum mulai, kita lihat terlebih dahulu gambar yang akan kita hasilkan. Klik pada gambar untuk melihatnya dalam ukuran lebih besar.

Buat file baru dengan ukuran 640x480 px. Ubah warna depan ke #c88820 dan warna belakang ke #b86e25. Tekan Alt + Delete untuk mengisi latar dengan warna depan. Klik Filter > Render > Fibers. Isikan Variance: 21 dan Strength: 47. Klik OK. Kita akan memperoleh dengan segera sebuah tekstur kayu.

Klik Filter > Liquify. Gunakan tool bloat, pucker, dan beberapa tool lainnya untuk membuat lekukan kecil pada tekstur. Setelah puas dengan hasilnya, klik OK.

Klik ganda layer dan beri layer style Gradient Overlay. Pastikan memilih gradasi hitam ke putih, tipe radial, dengan opacity rendah. Simpan kursor ke atas gambar lalu klik dan geser untuk mengubah letak gradient. Layer style ini akan memberikan sedikit pencahayaan pada tekstur dan membuatnya terlihat lebih real.

Aktifkan tool rectangle dengan radius 2 px. Pilih juga ikon shape di baris pilihan. Atur warna depan ke putih. Di tengah-tengah gambar buat sebuah kotak.

Buat layer style berikut.

Karena plakat ini terbuat dari besi, pasti harus ada sedikit kilauan cahaya. Buat layer baru dan tekan Ctrl + Alt + G untuk mengubahnya ke Clipping Mask. Buat seleksi elips di setengah bagian atas lalu isi dengan gradasi linear dari putih ke hitam.

Ubah blend mode kilauan cahaya ke Screen. Dengan cara ini, warna hitam akan hilang dan hanya tersisa warna putihnya saja.

Sekarang kita perlu memberi teks besi. Seperti tadi, buat layer baru lalu tekan Ctrl + Alt + G. Isi layer dengan putih. Klik Filter > Noise > Add Noise.

Klik Filter > Blur > Motion Blur dan isikan Angle 0 dengan nilai distance yang cukup besar.

Ubah blend mode layer ke Multiply untuk menyisakan hanya warna gelapnya saja.

Di tengah-tengah plakat tambahkan teks.

Beri layer style seperti di bawah.

Ubah fill layer ke 0%.

Buat shape lingkaran kecil di pojok plakat besi. Beri layer styles berikut.

Sekarang gandakan shape lingkarang yang tadi kita buat. Di tengah-tengahnya tambahkan dua path rounded rectangle dengan radius 1 px. Di pilihan path pilih Subtract untuk memotong shape yang sudah ada. Beri layer style berikut.

Seleksi kedua shape yang membentuk baut. Tekan Ctrl + G untuk menyimpannya ke dalam sebuah group. Aktifkan tool move, sambil menahan Alt geser baut untuk membuat duplikasinya. (TIP: Agar lebih real, sebaiknya baut diputar sedikit.)

Ulangi langkah di atas hingga kita memperoleh baut di keempat sisinya.

Buat layer baru di paling atas. Beri gradasi radial dari putih ke hitam.

Ubah blend mode layer ke Multiply.

Kita sudah selesai di sini. Semoga Anda menyukai hasil akhir tutorial ini. Klik pada gambar untuk melihatnya dalam ukuran lebih besar. Jika ada pertanyaan, jangan sungkan untuk bertanya.

Preview
Sebelum mulai, kita lihat terlebih dahulu gambar yang akan kita hasilkan. Klik pada gambar untuk melihatnya dalam ukuran lebih besar.

Langkah 1: Membuat Tekstur Kayu
Buat file baru dengan ukuran 640x480 px. Ubah warna depan ke #c88820 dan warna belakang ke #b86e25. Tekan Alt + Delete untuk mengisi latar dengan warna depan. Klik Filter > Render > Fibers. Isikan Variance: 21 dan Strength: 47. Klik OK. Kita akan memperoleh dengan segera sebuah tekstur kayu.
Langkah 2
Klik Filter > Liquify. Gunakan tool bloat, pucker, dan beberapa tool lainnya untuk membuat lekukan kecil pada tekstur. Setelah puas dengan hasilnya, klik OK.
Langkah 3
Klik ganda layer dan beri layer style Gradient Overlay. Pastikan memilih gradasi hitam ke putih, tipe radial, dengan opacity rendah. Simpan kursor ke atas gambar lalu klik dan geser untuk mengubah letak gradient. Layer style ini akan memberikan sedikit pencahayaan pada tekstur dan membuatnya terlihat lebih real.
Langkah 4: Membuat Plakat Besi
Aktifkan tool rectangle dengan radius 2 px. Pilih juga ikon shape di baris pilihan. Atur warna depan ke putih. Di tengah-tengah gambar buat sebuah kotak.
Langkah 5
Buat layer style berikut.
Langkah 6
Karena plakat ini terbuat dari besi, pasti harus ada sedikit kilauan cahaya. Buat layer baru dan tekan Ctrl + Alt + G untuk mengubahnya ke Clipping Mask. Buat seleksi elips di setengah bagian atas lalu isi dengan gradasi linear dari putih ke hitam.
Langkah 7
Ubah blend mode kilauan cahaya ke Screen. Dengan cara ini, warna hitam akan hilang dan hanya tersisa warna putihnya saja.
Langkah 8
Sekarang kita perlu memberi teks besi. Seperti tadi, buat layer baru lalu tekan Ctrl + Alt + G. Isi layer dengan putih. Klik Filter > Noise > Add Noise.
Langkah 9
Klik Filter > Blur > Motion Blur dan isikan Angle 0 dengan nilai distance yang cukup besar.
Langkah 10
Ubah blend mode layer ke Multiply untuk menyisakan hanya warna gelapnya saja.
Langkah 11: Memberi Teks Emboss
Di tengah-tengah plakat tambahkan teks.
Langkah 12
Beri layer style seperti di bawah.
Langkah 13
Ubah fill layer ke 0%.
Langkah 14: Membuat Baut
Buat shape lingkaran kecil di pojok plakat besi. Beri layer styles berikut.
Langkah 15
Sekarang gandakan shape lingkarang yang tadi kita buat. Di tengah-tengahnya tambahkan dua path rounded rectangle dengan radius 1 px. Di pilihan path pilih Subtract untuk memotong shape yang sudah ada. Beri layer style berikut.
Langkah 16: Menggandakan Baut
Seleksi kedua shape yang membentuk baut. Tekan Ctrl + G untuk menyimpannya ke dalam sebuah group. Aktifkan tool move, sambil menahan Alt geser baut untuk membuat duplikasinya. (TIP: Agar lebih real, sebaiknya baut diputar sedikit.)
Langkah 17
Ulangi langkah di atas hingga kita memperoleh baut di keempat sisinya.
Langkah 18: Memberi Efek Cahaya
Buat layer baru di paling atas. Beri gradasi radial dari putih ke hitam.
Langkah 19
Ubah blend mode layer ke Multiply.
Langkah 20: Hasil Akhir
Kita sudah selesai di sini. Semoga Anda menyukai hasil akhir tutorial ini. Klik pada gambar untuk melihatnya dalam ukuran lebih besar. Jika ada pertanyaan, jangan sungkan untuk bertanya.
Halo Mas Jeprie, saya akui tutorial anda sebenarnya itu Joss bget, tapi sayangnya itu lho, koneksi internet saya terasa berat waktu me-load situs milik anda, lama gitu, smpe ngantuk2, kdang ada jga gambar yg gagal ter-load.
ReplyDeleteHalo juga. Mungkin ini masalah koneksi ya? Kalau saya sih tidak ada masalah.
ReplyDeleteSitus ini lama loadingnya karena banyak gambar. Ini memang sudah jadi standar untuk situs tutorial kalau mau berkualitas.
Mudah-mudahan tidak kapok berkunjung. :)
Wow tutorialnya bagus banget mas detail sekali.gambar-gambarnya juga bagus.Sungguh menarik situsnya mas nanti kalau ada waktu saya coba untuk mengikuti tutorialnya mas mudah-mudahan berhasil hehehe :D
ReplyDeleteTerima kasih. Silakan dicoba.
ReplyDeletemas, saya mau tanya,
ReplyDeletesaya lg motong gambar di photoshop pke pen tool, nah pas make selection terus di delete ada tulisan :
" Could not complete your request because the smart object is not directly editable"
itu kira2 kenapa y mas? smart object nya jg yg mana , saya g ngerti.
tolong kasih tau y mas , thanks atas jawabannya
hmm.. makin mantaps aja nih mas jep, makin detail step-stepnya jadi makin mudah ngikutinya..
ReplyDeleteAmmar : mungkin smart objectnya belum di retrize, jadiya belum bisa di edit.. ( klo bener sih, munkin mas jep lebih paham )
Smart object itu tidak bisa langsung diedit. Cara ngeditnya bisa dengan rasterize (seperti kata Ian) atau dengan edit isi smart object.
ReplyDelete1. Rasterize, klik kanan layer layer lalu pilih Rasterize Layer.
2. Edit isi smart object, klik ganda layer. Layer akan terbuka dalam file baru. Lakukan proses editing, setelah selesai Save. Kembali ke file asli, isi smart object akan berubah.
Trims. Sengaja dibuat detail agar mudah diikuti.
ReplyDeleteKeren bgt tutorialnya,.. Semoga semakin banyak ilmu yg bisa dibagi. Salam Hormat buat Mas Jeprie. Numpang nanya Mas, Desainnya pake photoshop yang mana ya? CS berapa gitu? maaf masih belajar,..
ReplyDeleteTutorial ini tidak menggunakan fitur baru jadi bisa digunakan di versi mana pun.
ReplyDeleteJangan merasa terbatasi dengan versi software. Saya juga sempat menulis beberapa tutorial yang cukup rumit menggunakan Ps 7. Waktu itu komputer utama sedang rusak.
Hhhhmmmm nice, very nice .....
ReplyDeletemungkin ini salah satu website yang rahmatan lil alamin
hehehehehe ....
salam kenal mas jeprie
Trims. Salam kenal juga.
ReplyDeleteGa perlu berlebihan, ini sekedar situs tutorial biasa. Sharing ilmu terbukti bermanfaat dan membantu proses belajar saya.
waw-waw..
ReplyDeletetutorial yang menarik..
pgen nyoba nieh..
Salam kenal..
:)
nice tutorial.
ReplyDeleteSalam kenal juga. Trims kunjungannya.
ReplyDeleteHai mas jeprie, saya agak kesulitan dalam tutorial ini terutama dalam langkah ke 6 ketika saya mengaplikasikan clipping mask, ternyata eclipsnya tidak bisa di gradien.
ReplyDeletekenapa yah, saya sampe ngulang 3 kali dari awal tetep ga bisa tuh....
terima kasih
Layer ellips berada di atas layer gradient dan sudah jadi clipping mask? Posisi layer yang sudah jadi clipping mask sedikit bergeser. Kalau ini benar berarti tidak masalah.
ReplyDeleteKetika menambah gradient pastikan yang aktif adalah layer elips bukan layer shape. Gradient hanya bisa ditambahkan ke layer tidak bisa ke shape.
thank u bgt mas jeprie , abang saya yg paling baik :D
ReplyDeletethanks jg ian, :D
ReplyDeleteThx mas jeprie, uda jadi neh plakat nya, akhirnya bisa juga hehehe.. thx yah buat tutorialnya...
ReplyDeleteSelamat! Kenapa tidak ditulis link hasilnya di sini. Biar yang lain bisa lihat.
ReplyDeletemas...saya sangat mengagumi anda...setiap tutor yang anda buat saya save dan di peragakan, alhamdulillah sekarang jadi agak lancar pake PS hehe...nanti kalo ada kesulitan saya bisa kan minta tolong sama anda ?
ReplyDeleteTulis saja pertanyaannya di kolom komentar supaya terbaca oleh yang lain.
ReplyDeletebisa ngirim file psd nya ke email saya : oce.1710@gmail.com
ReplyDeleteKlik saja ikon download di atas.
ReplyDeletemas, tahun 2004 saya kenal bukunya mas jeprie, itu ada CD yang tutorialnya ada suaranya jg....cuma setelah itu kesulitan lagi cari buku buku mas jeprie lagi.....bisa beli langsung nggak mas?
ReplyDeleteBoleh kalau mau. Buku terbaru saya The Art of Typography, reviewnya bisa dibaca di sini. Untuk pemesanan hbungi langsung via email di sini.
ReplyDeletemas, mau tanya nih tutorialny..saya pake adobe CS portable..
ReplyDeletepas mau clipping mask, harus manual(ga bs Ctrl Alt G), jadi harus ke layer, create clipping mask..stlh itu saya bkin eclipse pk tool rectangle, lalu di make a selection. Nah, bingungnya pas mau gradasi itu pake apa yah?
Saya nyoba pake gradient dari gradient tool trus diubah jd putih ke item, trus ditarik garis dlm elipsnya. Pas di screen, ko warnanya jd putih doang, gada gradasi antara yg dlm elips dan diluar elips kaya contoh tutorialnya.
Saya tidak tahu tentang Adobe CS Portable.
ReplyDeleteMungkin pengaturan gradasinya kurang tepat. Dengan blend mode screen, memang semua warna gelap akan hilang.
Salam kenal Mas Jeprie..link downlad materinya error mas...
ReplyDeleteTerima kasih infonya, sudah saya perbaiki.
ReplyDeletetutor yang sangat berguna sekaliiiiii. thank's ya maaaaz
ReplyDeletemas d plakat bisa tambahin gambar g ?? tapi nanti gambarnya berbentuk plakat gitu sama kaya tulisan, aduh susah deh jelasinnya ^^ g mana ya ?
ReplyDeleteInstruksinya kurang jelas....
ReplyDeleteAku pke yg cs3, nggak sama jadinya...
Mohon bantuannya !