Membuat Desain Icon Glossy di Photoshop

Ada begitu banyak set ikon gratis di luar sana. Tapi bagaimanapun juga, mendesain sendiri selalu mer...

Ada begitu banyak set ikon gratis di luar sana. Tapi bagaimanapun juga, mendesain sendiri selalu merupakan tantangan yang menarik. Di tutorial ini, kita akan belajar cara Membuat Desain Icon Glossy di Photoshop. Tutorial ini sangat sederhana dan mudah. Anda bisa mengikutinya dalam 10 menit atau kurang.Sebelumnya, lihat dulu ikon yang akan kita buat di sini.

Desain Icon Glossy

Langkah 1.
Buat file baru, ukuran 512×512 pixel, mode warna RGB, dengan background putih. Dari panel layers, buat group baru dan beri nama icon. Dengan cara ini, ikon yang kita buat akan lebih mudah terorganisir.

Desain Icon Glossy

Langkah 2
Aktifkan tool Rounded Rectangle. Dari baris pilihan atur radius 30 px. Tahan shift dan geser untuk membentuk sebuah persegi. Anda bisa menggunakan warna apaun karena kita akan mengubahnya menggunakan layer styles.

Desain Icon Glossy

Langkah 3
Klik ganda layer shape kita dan tambah beberapa layer style. Gunakan setting seperti yang terlihat di bawah.

Desain Icon Glossy

Desain Icon Glossy

Desain Icon Glossy

Desain Icon Glossy

Desain Icon Glossy

Ketika setting gradient overlay terpilih, klik dan geser ke bagian atas kotak untuk memindahkan sumber cahaya.

Desain Icon Glossy

Langkah 4
Tahan ctrl dan klik layer shape.

Desain Icon Glossy

Tahan shift+alt dan menggunakan tool elips marquee buat seleksi lain di bagian atas.

Desain Icon Glossy

Kedua seleksi akan saling memotong dan menghasilkan bentuk ini.

Desain Icon Glossy

Langkah 5
Buat lagi layer baru. Aktifkan tool gradient. Tambahkan gradasi linear dari putih ke hitam.

Desain Icon Glossy

Ubah blending mode layer ke Screen dan turunkan opacity ke 60%.

Desain Icon Glossy

Langkah 6
Copy paste logo yang ingin Anda gunakan. Saya menggunakan logo dari salah satu situs favorit saya, 1stwebdesigner.

Desain Icon Glossy

Tekan D untuk mengubah warna depan ke hitam. Menggunakan tool pen, gambar ulang logo secara manual.

Desain Icon Glossy

Setelah selesai menggambar logo, kita bisa menyembunyikannya dengan cara klik ikon mata di depan layer.

Desain Icon Glossy

Langkah 7
Sekali lagi, kita perlu menambahkan layer styles ke dalam logo. Gunakan setting di bawah.

Desain Icon Glossy

Desain Icon Glossy

Langkah 8
Langkah terakhir ialah mengganti knockout ke Deep dan menggeser slider hitam di bawahnya. Ini akan menambahka lubang pada layer yang memungkinkan kita untuk melihat langsung ke Background.

Desain Icon Glossy

Di bawah adalah gambar terakhir kita.

Desain Icon Glossy

Saya harap Anda menyukai tutorial ini. Jika memiliki ide lain tentang pembuatan tutorial, silakan tuliskan di bawah.

COMMENTS

Nama

Inspiration Photografer Photoshop Software Video Tutorial Web Design
false
ltr
item
Desain Grafis, Tutorial dan Inspirasi : Membuat Desain Icon Glossy di Photoshop
Membuat Desain Icon Glossy di Photoshop
http://4.bp.blogspot.com/-ebdZncdx6Ss/UT7QayYZGbI/AAAAAAAAJxI/qNLG9tCF5K4/s320/finall.jpg
http://4.bp.blogspot.com/-ebdZncdx6Ss/UT7QayYZGbI/AAAAAAAAJxI/qNLG9tCF5K4/s72-c/finall.jpg
Desain Grafis, Tutorial dan Inspirasi
http://www.javagrafis.com/2013/03/membuat-desain-icon-glossy-di-photoshop.html
http://www.javagrafis.com/
http://www.javagrafis.com/
http://www.javagrafis.com/2013/03/membuat-desain-icon-glossy-di-photoshop.html
true
917012177411184077
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy