Dalam reka bentuk laman web, elemen navigasi tiga dimensi sering digunakan. Butang seperti itu boleh dibuat di Photoshop editor grafik, mensimulasikan kelantangan menggunakan bayang-bayang dan gradient fill.
Perlu
Program Photoshop
Arahan
Langkah 1
Buat dokumen baru dalam penyunting grafik menggunakan pilihan Baru dari menu Fail. Pilih ukuran dokumen baru yang sesuai dengan butang, dan jadikan latar belakang telus.
Langkah 2
Aktifkan Alat Segi Empat Bulat. Sekiranya anda mahukan butang yang sedikit bulat, di bar Pilihan Alat, tetapkan Radius ke satu milimeter. Lukis sebuah segi empat tepat bulat menggunakan alat yang dipilih. Bentuk yang dihasilkan akan menjadi asas untuk butang.
Langkah 3
Klik kanan pada lapisan dan pilih pilihan Rasterize Layer. Muatkan pilihan dengan pilihan Load Selection dari menu Select.
Langkah 4
Gunakan Gradient Tool untuk mengisi butang dengan kecerunan dua warna, memilih kombinasi warna yang sesuai dari pratetap dalam palet kecerunan. Gaya kecerunan harus linier, pilih dengan mengklik butang Linear Gradient di bawah menu utama. Bahagian atas butang setelah mengisi mestilah lebih ringan daripada bahagian bawah.
Langkah 5
Sapukan gaya pada lapisan. Untuk melakukan ini, gunakan pilihan Blending Options dari menu konteks. Pilih tab Drop Shadow dan masukkan nilai seratus dua puluh darjah untuk parameter Angle. Tetapkan parameter Ukuran menjadi tiga piksel.
Langkah 6
Di tab Bayangan Dalam Tetapkan nilai yang sama untuk parameter Angle, dan untuk Ukuran tetapkan nilainya menjadi lima piksel. Terapkan gaya dengan menekan kekunci Enter.
Langkah 7
Buat bayangan untuk butang. Untuk melakukan ini, klik pada butang Buat lapisan baru dan isi kawasan lapisan baru yang dipilih dengan warna hitam. Pilih Paint Bucket Tool untuk ini. Nyahpilih dengan Ctrl + D.
Langkah 8
Sapukan penapis Gaussian Blur dari kumpulan Blur dari menu Filter ke segi empat tepat hitam. Tetapkan Radius kepada empat piksel. Seret lapisan bayangan di bawah lapisan butang dan naikkan bayangan tiga hingga empat piksel ke atas. Untuk melakukan ini, aktifkan Move Tool dan gerakkan bayangan dengan butang kursor. Kurangkan Opacity untuk lapisan ini kepada enam puluh peratus.
Langkah 9
Buat lapisan aktif dengan butang dan muatkan pilihan daripadanya. Kurangkan pemilihan sebanyak dua piksel menggunakan pilihan Kontrak dari kumpulan Ubah suai dari menu Pemilihan.
Langkah 10
Buat lapisan baru dan isi pilihan yang dihasilkan dengan kecerunan linear dari putih hingga telus sehingga bahagian putih berada di bahagian bawah butang. Batalkan pilihan. Menggunakan pilihan Transform Percuma dari menu Edit, kurangkan kawasan yang diliputi oleh kecerunan secara menegak. Terapkan transformasi dengan kekunci Enter.
Langkah 11
Tukar Blend Mode dari lapisan gradien ke Overlay. Ini dapat dilakukan dengan memilih mod dari senarai drop-down di sebelah kiri palet Styles. Kurangkan Kelegapan lapisan menjadi enam puluh peratus.
Langkah 12
Dengan menggunakan Horizontal Type Tool, tulis teks yang terdapat pada butang.
Langkah 13
Kumpulkan semua lapisan ke dalam folder menggunakan pilihan Kumpulan Lapisan dari menu Lapisan, memilihnya sambil menahan kekunci Ctrl. Simpan butang ke fail psd menggunakan pilihan Simpan dari menu Fail.
