Melukis butang bergaya untuk laman web di Photoshop tidak begitu sukar. Proses ini hanya memerlukan 10-20 minit. Butang yang boleh anda buat dengan tutorial ini terletak pada latar belakang yang terang. Secara pilihan, anda boleh meletakkan butang pada latar belakang gelap. Juga tunjukkan imaginasi anda dan ciptakan dengan gaya yang sesuai dengan reka bentuk laman web anda.
Arahan
Langkah 1
Buat dokumen baru menggunakan pintasan papan kekunci Ctrl + N.
Langkah 2
Tetapkan ukuran yang anda mahukan, misalnya 200 x 100 piksel.
Langkah 3
Dokumen itu dibuat. Sekarang anda boleh mula membuat butang.
Langkah 4
Pilih Rounded Rectangle Tool U dari palet alat. Kemudian pilih mod Shape Layer, yang terletak di bawah menu utama di Bar Pilihan, untuk tetapan alat aktif.
Langkah 5
Lukis butang dalam dokumen. Dalam contoh ini, warna latar depan berwarna hitam, jadi butangnya berwarna hitam. Seterusnya, kami akan memilih warna yang sesuai untuknya.
Langkah 6
Untuk melakukan ini, pergi ke palet Gaya dan pilih gaya yang sesuai untuk butang kami.
Langkah 7
Contoh ini menggunakan gaya Kaca Biru.
Langkah 8
Rasterize lapisan atas: menu "Layer" - perintah "Rasterize" - item "Layer".
Langkah 9
Tekan kekunci Ctrl dan, sambil menahannya, pilih ikon lapisan atas dengan butang kiri tetikus. Butang akan diserlahkan dengan garis putus-putus.
Langkah 10
Untuk membuat sempadan kecil di sekitar tepi butang, klik Pilih - Ubah suai - Kecilkan.
Langkah 11
Di tetingkap yang terbuka, tetapkan 3 piksel.
Langkah 12
Hasilnya adalah strok putus-putus.
Langkah 13
Balikkan pilihan menggunakan pintasan papan kekunci Shift + Ctrl + I.
Langkah 14
Salin pilihan ke lapisan baru dengan menekan Ctrl + J. Lapisan ketiga akan muncul di palet "Lapisan".
Langkah 15
Pilih gaya yang anda suka untuk sempadan 3 piksel kecil. Untuk melakukan ini, pergi ke palet Gaya sekali lagi dan pilih yang anda mahukan. Dalam contoh ini, gaya batas langit Pahat diterapkan, kerana ia sepadan dengan warna butang.
Langkah 16
Hasilnya adalah butang seperti itu. Secara pilihan, anda boleh menggunakan gaya anda sendiri yang paling anda sukai.
Langkah 17
Tinggal menulis teksnya. Untuk melakukan ini, pilih Horizontal Type Tool (T). Anda boleh memilih pilihan fon di bar pilihan untuk menetapkan alat ini.
Langkah 18
Kini butang anda sudah siap.