Cara Melukis Butang Di Photoshop

Isi kandungan:

Cara Melukis Butang Di Photoshop
Cara Melukis Butang Di Photoshop

Video: Cara Melukis Butang Di Photoshop

Video: Cara Melukis Butang Di Photoshop
Video: Cara menggambar objek menggunakan PEN TOOL - TUTORIAL PHOTOSHOP 2024, November
Anonim

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.

Cara melukis butang di Photoshop
Cara melukis butang di Photoshop

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.

Disyorkan: