Menggambar Ikon Speaker Memanfaatkan Layer Style
Dalam tutorial ini saya akan memperlihatkan
cara menggambar sebuah ikon speaker di atas latar kayu. Ikon ini sangat
sederhana, terbuat dari banyak bentuk lingkaran yang dikombinasikan
dengan Layer Style.
Preview
Detail Tutorial
- Tingkat Kesulitan: Pemula
- Software yang Digunakan: Adobe Photoshop
- Teknik yang Dipelajari: Menggambar Vektor, Layer Style
- Lama Pengerjaan: 20 menit
Resource yang Dibutuhkan
Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource
berikut:
Tutorial
Langkah 1
Buat sebuah shape lingkaran dengan warna #222222.
Klik ganda layer. Di kotak dialog Layer Style aktifkan Drop Shadow,
Bevel and Emboss, dan Gradient Overlay dengan setting seperti di bawah.
Berikut adalah hasil yang diperoleh. Perhatikan bahwa dalam desain
ini kita menggunakan sumber cahaya dari kanan atas. Ingat ini untuk
memperoleh tampilan yang konsisten dan realistik.
Langkah 2
Gandakan shape lingkaran yang tadi kita buat dengan menekan Ctrl + J.
Buang semua Layer Styles yang digunakan dengan menggeser ke atas ikon
tempat sampah. Ubah warna lingkaran menjadi #464545. Lakukan proses
transformasi dengan menekan Ctrl + T. Perkecil lingkaran hingga
perbandingannya seperti terlihat di bawah.
Langkah 3
Beri Layer Style Bevel and Emboss dan Gradient Overlay.
Inilah hasil yang kita peroleh saat ini.
Langkah 3
Duplikasi kembali lingkaran dan ubah warnanya menjadi #d4d2c5.
Perkecil ukuran lingkaran. Buang semua Layer Style.
Beri Inner Shadow, Inner Glow, Bevel and Emboss, dan Gradient
Overlay.
Inilah hasil yang diperoleh.
Langkah 4
Sekali lagi, duplikasi lingkaran. Ubah warnanya ke #e3e1cf. Perkecil
dan buang semua Layer Style.
Beri Drop Shadow, Inner Shadow, Bevel and Emboss, Gradient Overlay,
Pattern Overlay, dan Stroke.
Dalam pilihan Pattern, gunakan pola pixel dari PSDfreemium.
Ini hasil yang diperoleh.
Langkah 5
Langkah selanjutnya adalah menggambar highlight dan shadow pada di
bagian dalam speaker. Untuk ini, kita perlu menggambar secara manual.
Buat seleksi segitiga menggunakan tool lasso polygon.
Langkah 6
Buat layer baru lalu isi seleksi dengan putih. Tekan Ctrl + Alt + G
untuk mengubah layer menjadi Clipping Mask dan memasukkan highlight ke
dalam shape lingkaran terakhir. Hapus seleksi dengan menekan Ctrl + D.
Haluskan highlight dengan filter Gaussian Blur (Filter > Blur >
Gaussian Blur).
Langkah 7
Lanjutkan melukis highlight dan shadow hingga diperoleh hasil seperti
di samping.
Langkah 8
Ingat bahwa sumber cahaya kita ada di kanan atas. Untuk memberi kesan
bahwa area cekung, kita perlu memberi bayangan di sisi kanan atas.
Langkah 9
Turunkan Opacity bayangan hingga 20%.
Langkah 10
Buat lingkaran berwarna #191919 di bagian tengah speaker.
Beri Drop Shadow dan Gradient Overlay.
Gunakan gradasi radial dari putih ke hitam. Ketika kotak dialog ini
aktif klik geser pada kanvas untuk menggeser pusat gradasi sedikit ke
kanan atas.
Langkah 11
Buat layer baru lalu lukis highlight tambahan di atas lingkaran.
Pastikan posisi highlight tidak tepat di tengah tapi sedikit di kanan
atas, sesuai dengan posisi sumber cahaya.
Langkah 12: Baut
Tampilakn ruler dengan menekan Ctrl + R. Klik dan geser dari ruler ke
atas kanvas untuk menambah guide. Simpan guide di tengah dan sisi
terluar speaker.
Langkah 13
Gandakan lingkaran dasar speaker –yang kita buat di Langkah 1– dan
ubah warnanya ke #5e5e5e.
Langkah 14
Tambahkan shape rounded di posisi jam 12. Di baris pilihan, atur mode
path ke Intersect.
Langkah 15
Lakukan proses transformasi dan duplikasi dengan menekan Ctrl + Alt +
T. Tahan Alt lalu geser titik pusat transformasi ke titik tengah
speaker.
Langkah 16
Putar path 45°. Anda bisa melihat bahwa sekarang yang diputar adalah
path baru bukan path asli.
Langkah 17
Sekarang tekan Ctrl + Shift + Alt + T. Shortcut ini akan mengulangi
proses duplikasi pada path terpilih. Hasilnya kita memiliki path baru
berjarak 45°.
Langkah 18
Beri Bevel and Emboss.
Langkah 19
Buat lingkaran kecil di atas shape yang tadi kita peroleh. Beri Layer
Style Drop Shadow dan Gradient Overlay. Lingkaran ini akan menjadi baut
speaker.
Langkah 20
Gandakan lingkaran ke atas shape yang lain.
Langkah 21
Aktifkan tool pencil dengan ukuran brush 1 px. Lukis tanda plus hitam
di atas setiap baut.
Inilah hasil yang diperoleh.
Langkah 22
Aktifkan tool brush berukuran 2 px. Lukis highlight putih di sisi
kanan atas tanda plus. Ingat, kita menyimpan highlight di sisi kanan
atas sesuai dengan posisi sumber cahaya.
Hasil yang diperoleh.
Langkah 23
Buat shape baru terdiri dari dua buah lingkaran dengan pusat sama.
Ubah mode path lingkaran terdalam menjadi Subtract. Hasilnya adalah
bentuk cincin.
Klik ganda layer dan aktifkan Drp Shadow, Outer Glow, Bevel and
Emboss, dan Gradient Overlay.
Langkah 24: Latar
Ubah warna depan dan warna belakang menjadi #7a4e0d dan #66440c.
Aktifkan latar, klik Filter > Texture > Fibers.
Hasil Akhir
Di bawah adalah bentuk speaker yang kita peroleh. Dalam prosesnya,
kita memaksimalkan penggunaan Layer Style. Dengan cara ini, speaker bisa
diperbesar atau diperkecil tanpa menurunkan kualitasnya.
Komentar
Posting Komentar