Teks memberikan panduan cara membuat icon kayu dengan Photoshop dengan menggunakan gambar icon WhatsApp sebagai contoh. Langkah-langkahnya meliputi menghilangkan latar putih icon, memasukkan gambar kayu sebagai latar belakang, dan menambahkan efek bevel dan shadow untuk menyerupai kayu.
2. 2 3photoshop photoshopwww.dumetschool.com www.dumetschool.com
Halow teman-teman… saya mau share sedikit trik untuk membuat wood icon dengan Photoshop.
Langsung aja disimak ya teman-teman.
Bartho B.S
Pengalaman saya 4 Tahun pada bidang Multimedia dan Desain,
membuat saya ingin berbagi dan bertukar ilmu. Dengan berbagi
dan bertukar ilmu akan membuat saya semakin senang berkreasi.
Profil Penulis
1. Carilah icon yang ingin di ubah, contohnya disini saya mempunyai sebuah icon Whatsapp
2. Buanglah bagian Putih Icon whatsapp dengan menggunakan Magic Wand Tool sehingga
transparan.
Membuat Wood Icon Dengan Photoshop
3. 4 5photoshop photoshopwww.dumetschool.com www.dumetschool.com
5. kemudian kita masukkan gambar kita dengan klik File > Place, Gambar akan masuk ke dalam
kertas kerja yang sudah kita buat tadi.
6. sesuaikan ukuran gambar agar penuh mengisi kertas kerja dengan klik tahan dan tarik
pada salah satu sudut (bukan sisi), sambil menekan tombol SHIFT di keyboard. (agar gambar
tidak melebar dan memanjang / bisa terus presisi), kemudian tekan ENTER di keyboard untuk
menerapkan ukuran yang sudah kita setting.
4. Masukkan Latar Wood ke dengan posisi layer wood menimpa layer Icon Whatsapp, , Kemudian
Klik Menu layer > create clipping mask
5. Maka akan terlihat hasilnya seperti pada gambar di bawah
3. Kemudian carilah Gambar Latar Kayu dengan kata kunci Wood di google, download dan drag
ke photoshop.
4. 6 7photoshop photoshopwww.dumetschool.com www.dumetschool.com
8. Setelah itu, klik Menu Layer > Layer Style > Bevel & Emboss. Setelah itu, klik Menu Layer >
Layer Style > Bevel & Emboss.
6. Kemudian klik Layer > Merge Visible agar layernya menjadi satu dengan layer lainnya.
7. Maka Layernya akan jadi 1 buah layer saja.
9. Atur settingan Bevel & Emboss, Inner Shadow, Drop Shadow seperti gambar dibawah.
6. 10 11photoshop photoshopwww.dumetschool.com www.dumetschool.com
TEMUKAN TUTORIAL
GRATIS LAINNYA
Siapa DUMET School?
dumetschool.com/blog
grupbelajar.com
dumetschool.com/elearning
kursusseo.org
kursuswebsite.org
PT DUTA MEDIA TEKNOLOGI (DUMET) berdiri sejak tahun 2013.
DUMET School adalah salah satu project unggulan dari DUMET.
DUMET School bergerak di bidang kursus atau pelatihan Website, Digital
Marketing, dan Graphic Design.
Website kami: www.dumetschool.com
11. Akan keluar PNG Option pilih seperti gambar di bawah, Klik OK.
12. Setelah di save, kita bisa melihat perbedaanya seperti gambar di bawah.
Sekian dulu ya.. Semoga bermanfaat.. ^^
7. 12 photoshopwww.dumetschool.com
L KASI
Rukan Artha Gading Niaga Blok i - 23, jalan Boulevard Artha Gading
Kelapa Gading, Jakarta Utara 14240
(Belakang Mall Artha Gading)
Telp: (021)4585-0387
DUMET SCHOOL KELAPA GADING
Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik
Srengseng, Kebon Jeruk, Jakarta Barat 11630
(Depan Hutan Kota Srengseng)
Telp: (021)5890-8355
DUMET SCHOOL SRENGSENG
Ruko Jalan Taman Daan Mogot Raya No. 23
Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470
(Belakang Mall Citraland dan Kampus UNTAR II)
Telp: (021)2941-1188
DUMET SCHOOL GROGOL
Ruko Jalan Kartini Raya No. 53
Pancoran Mas, Depok 16436
(+ 5 Menit dari Kantor Walikota Depok)
Telp: (021)7720-7657
DUMET SCHOOL DEPOK
DUMET SCHOOL