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 ikon glossy (mengkilap) menggunakan 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.
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-01.jpg)
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.
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-02.jpg)
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.
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-03.jpg)
Langkah 3
Klik ganda layer shape kita dan tambah beberapa layer style. Gunakan setting seperti yang terlihat di bawah.
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-04.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-05.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-06.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-07.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-08.jpg)
Ketika setting gradient overlay terpilih, klik dan geser ke bagian atas kotak untuk memindahkan sumber cahaya.
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-09.jpg)
Step 4
Tahan ctrl dan klik layer shape.![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-10.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-11.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-12.jpg)
Langkah 5
Buat lagi layer baru. Aktifkan tool gradient. Tambahkan gradasi linear dari putih ke hitam.![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-13.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-14.jpg)
Step 6
Copy paste logo yang ingin Anda gunakan. Saya menggunakan logo dari salah satu situs favorit saya, 1stwebdesigner.![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-15.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-16.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-17.jpg)
Langkah 7
Sekali lagi, kita perlu menambahkan layer styles ke dalam logo. Gunakan setting di bawah.![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-18.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-19.jpg)
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.
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-20.jpg)
Gambar Akhir dan Download File PSD
Di bawah adalah gambar terakhir kita.![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-21.jpg)
![simple glossy icon](http://www.desaindigital.com/wp-content/uploads/2010/03/simple-glossy-icon/image-22.jpg)
0 komentar:
Posting Komentar