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.
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 640×480 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.
Halo juga. Mungkin ini masalah koneksi ya? Kalau saya sih tidak ada masalah.
Situs 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
Terima kasih. Silakan dicoba.
mas, saya mau tanya,
saya 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
Smart object itu tidak bisa langsung diedit. Cara ngeditnya bisa dengan rasterize (seperti kata Ian) atau dengan edit isi smart object.
1. 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.
thank u bgt mas jeprie , abang saya yg paling baik
hmm.. makin mantaps aja nih mas jep, makin detail step-stepnya jadi makin mudah ngikutinya..
Ammar : mungkin smart objectnya belum di retrize, jadiya belum bisa di edit.. ( klo bener sih, munkin mas jep lebih paham )
Trims. Sengaja dibuat detail agar mudah diikuti.
thanks jg ian,
Keren 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,..
Tutorial ini tidak menggunakan fitur baru jadi bisa digunakan di versi mana pun.
Jangan 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 …..
mungkin ini salah satu website yang rahmatan lil alamin
hehehehehe ….
salam kenal mas jeprie
Trims. Salam kenal juga.
Ga perlu berlebihan, ini sekedar situs tutorial biasa. Sharing ilmu terbukti bermanfaat dan membantu proses belajar saya.
waw-waw..
tutorial yang menarik..
pgen nyoba nieh..
Salam kenal..
Salam kenal juga. Trims kunjungannya.
nice tutorial.
Hai mas jeprie, saya agak kesulitan dalam tutorial ini terutama dalam langkah ke 6 ketika saya mengaplikasikan clipping mask, ternyata eclipsnya tidak bisa di gradien.
kenapa 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.
Ketika menambah gradient pastikan yang aktif adalah layer elips bukan layer shape. Gradient hanya bisa ditambahkan ke layer tidak bisa ke shape.
Thx mas jeprie, uda jadi neh plakat nya, akhirnya bisa juga hehehe.. thx yah buat tutorialnya…
Selamat! Kenapa tidak ditulis link hasilnya di sini. Biar yang lain bisa lihat.
mas…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 ?
Tulis saja pertanyaannya di kolom komentar supaya terbaca oleh yang lain.
bisa ngirim file psd nya ke email saya : oce.1710@gmail.com
Klik saja ikon download di atas.
mas, 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?
Boleh kalau mau. Buku terbaru saya The Art of Typography, reviewnya bisa dibaca di sini. Untuk pemesanan hbungi langsung via email di sini.
mas, mau tanya nih tutorialny..saya pake adobe CS portable..
pas 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.
Mungkin pengaturan gradasinya kurang tepat. Dengan blend mode screen, memang semua warna gelap akan hilang.
Salam kenal Mas Jeprie..link downlad materinya error mas…
Terima kasih infonya, sudah saya perbaiki.
tutor yang sangat berguna sekaliiiiii. thank’s ya maaaaz
mas d plakat bisa tambahin gambar g ?? tapi nanti gambarnya berbentuk plakat gitu sama kaya tulisan, aduh susah deh jelasinnya ^^ g mana ya ?