Dalam desain situs, elemen navigasi tiga dimensi sering digunakan. Tombol seperti itu dapat dibuat di editor grafis Photoshop, mensimulasikan volume menggunakan bayangan dan isian gradien.
Diperlukan
Program Photoshop
instruksi
Langkah 1
Buat dokumen baru dalam editor grafis menggunakan opsi Baru dari menu File. Pilih ukuran dokumen baru agar sesuai dengan tombol, dan buat latar belakang transparan.
Langkah 2
Aktifkan Rounded Rectangle Tool. Jika Anda menginginkan tombol yang sedikit membulat, di bilah Opsi Alat, atur Radius menjadi satu milimeter. Gambar persegi panjang bulat menggunakan alat yang dipilih. Bentuk yang dihasilkan akan menjadi dasar untuk tombol.
Langkah 3
Klik kanan pada layer dan pilih opsi Rasterize Layer. Muat seleksi dengan opsi Load Selection dari menu Select.
Langkah 4
Gunakan Gradient Tool untuk mengisi tombol dengan gradien dua warna, memilih kombinasi warna yang sesuai dari preset di palet gradien. Gaya gradien harus linier, pilih dengan mengklik tombol Gradien Linear di bawah menu utama. Bagian atas tombol setelah diisi harus lebih ringan dari bagian bawah.
Langkah 5
Terapkan gaya ke lapisan. Untuk melakukan ini, gunakan opsi Blending Options dari menu konteks. Pilih tab Drop Shadow dan masukkan nilai seratus dua puluh derajat untuk parameter Angle. Atur parameter Ukuran menjadi tiga piksel.
Langkah 6
Di tab Inner Shadow atur nilai yang sama untuk parameter Angle, dan untuk Size atur nilainya menjadi lima piksel. Terapkan gaya dengan menekan tombol Enter.
Langkah 7
Buat bayangan untuk tombol. Untuk melakukan ini, klik tombol Buat lapisan baru dan isi area yang dipilih dari lapisan baru dengan warna hitam. Pilih Paint Bucket Tool untuk ini. Batalkan pilihan dengan Ctrl + D.
Langkah 8
Terapkan filter Gaussian Blur dari grup Blur menu Filter ke persegi panjang hitam. Atur Radius menjadi empat piksel. Seret lapisan bayangan di bawah lapisan tombol dan naikkan bayangan tiga hingga empat piksel ke atas. Untuk melakukan ini, aktifkan Move Tool dan gerakkan bayangan dengan tombol kursor. Kurangi Opacity untuk layer ini menjadi enam puluh persen.
Langkah 9
Buat layer aktif dengan tombol dan muat pilihan darinya. Kurangi seleksi dengan dua piksel menggunakan opsi Kontrak dari grup Modify menu Seleksi.
Langkah 10
Buat layer baru dan isi seleksi yang dihasilkan dengan gradien linier dari putih ke transparan sehingga bagian putih berada di bagian bawah tombol. Batalkan pilihan. Menggunakan opsi Free Transform dari menu Edit, kurangi area yang dicakup oleh gradien secara vertikal. Terapkan transformasi dengan tombol Enter.
Langkah 11
Ubah Blend Mode layer gradien menjadi Overlay. Ini dapat dilakukan dengan memilih mode dari daftar drop-down di sisi kiri palet Styles. Kurangi Opacity layer menjadi enam puluh persen.
Langkah 12
Menggunakan Horizontal Type Tool, tulis teks yang seharusnya ada di tombol.
Langkah 13
Kumpulkan semua layer ke dalam folder menggunakan opsi Group Layers dari menu Layer, pilih mereka sambil menahan tombol Ctrl. Simpan tombol ke file psd menggunakan opsi Simpan dari menu File.
