Friday, 30 April 2010

Membuat search Icon

Search icon atau disebut juga ikon pencarian banyak digunakan pada web. Web tanpa adanya menu pencarian seperti kita kan pergi ke suatu hutan belantara tanpa menggunakan kompas. Bingung bukan? Search icon pada web berfungsi untuk pencarian sebuah kata atau lebih untuk sebuah artikel agar kita dapat
dengan cepat menemukan artikel yang akan kita cari.


Buka Dokumen baru  Select/ File/ New
Fill dengan Linear Gradient dengan kode warna #2E8FC0 dan #2181BF. Hasilnya
Free Image Hosting at www.ImageShack.us
Buat sebuah lingkaran dengan Ellipse tool dan gambarkan sambil menekan tombol Shift dan fill dengan warna putih. Jangan lupa dibuat layer baru dengan nama lingkaran
Free Image Hosting at www.ImageShack.us
Select Inner Shadow pada layer style. isikan setting seperti gambar
Free Image Hosting at www.ImageShack.us
Select Gradient Overlay, dan isikan setting sebagai berikut
Free Image Hosting at www.ImageShack.us
Hasilnya
Free Image Hosting at www.ImageShack.us
Buatlah Lingkaran kecil dengan Elliptical Marquee Tooldan posisikan ditengah - tengah layer lingkaran.
Pada Layer Style pilih Gradient Overlay. Isikan setting seperti gambar
Free Image Hosting at www.ImageShack.us
Hasilnya
Free Image Hosting at www.ImageShack.us
Buat layer baru, lalu gunakan Eliptical Marquee Tool untuk membuat bentuk ellipse yang berukuran kecil.
Free Image Hosting at www.ImageShack.us
Reset warna dengan menekan tombol "D" lalu tombol "X"
Gunakan Linear Gradient dan Fiil ke layer ellipse kecil
Free Image Hosting at www.ImageShack.us
Ganti Blending Mode dari Normal ke Screen
Free Image Hosting at www.ImageShack.us
Select Rounded Rectangle tool dan gambarkan seperti yang ditunjuk anak panah
Select Inner Shadow pada layer style, dan biarkan setting secara default. Lihat gambar
Free Image Hosting at www.ImageShack.us
Selanjutnya Rotate Shape yang telah dibuat. Hasilnya
Free Image Hosting at www.ImageShack.us

0 comments:

Post a Comment

Post a Comment

Recent Reader