Cara Membuat Tombol Cantik

Daftar Isi:

Cara Membuat Tombol Cantik
Cara Membuat Tombol Cantik

Video: Cara Membuat Tombol Cantik

Video: Cara Membuat Tombol Cantik
Video: Tutorial Membuat Tombol Cantik | HTML u0026 CSS 2024, November
Anonim

Saat bepergian di Internet, pengguna sering memperhatikan desain grafis sumber daya. Ini adalah parameter penting dari situs mana pun. Tampilan halaman menentukan apakah pengunjung tetap berada di halaman tersebut atau menutupnya dan tidak pernah mengunjunginya. Oleh karena itu, grafik situs diberikan kepentingan khusus. Tetapi ketika mendekorasi sumber daya, orang tidak boleh melupakan fungsinya. Tautan akan terlihat seperti tautan dan tombol akan terlihat seperti tombol.

Cara membuat tombol cantik
Cara membuat tombol cantik

instruksi

Langkah 1

Untuk membuat desain yang indah untuk situs, Anda memerlukan pengetahuan tentang editor grafis. Salah satu pemimpin di bidang ini adalah Adobe Photoshop. Buka program Anda. Buat dokumen baru dengan parameter yang ditunjukkan pada gambar.

Langkah 2

Isi latar belakang dengan warna "bfbfbf". Gunakan alat Pindahkan untuk memusatkan panduan horizontal dan vertikal dalam dokumen. Pilih Alat Persegi Panjang Bulat. Perhatikan bahwa itu harus dalam mode Shape Layer. Pindahkan kursor ke tengah dokumen, klik kiri dan secara bersamaan tahan tombol "Alt". Gambarlah sebuah persegi panjang. Buka gaya lapisan dan atur parameter yang ditunjukkan pada gambar.

Langkah 3

Tahan tombol "Ctrl" pada keyboard Anda dan klik kiri pada layer bentuk. Pilihan akan dimuat. Ambil dari toolbar "pemilihan persegi panjang". Atur ke mode pengurangan. Garis besar bagian atas seleksi. Buat layer baru dan isi dengan warna putih. Atur opacity layer menjadi 20%.

Langkah 4

Ambil alat teks. Tulis kata yang Anda inginkan. Mengatur font, ukuran dan gaya teks. Pergi ke gaya lapisan dan atur parameter berikut. Tombol Anda sudah siap.

Langkah 5

Sekarang mari kita periksa untuk piksel yang tepat. Ambil alat zoom. Tingkatkan ukuran tombol sebanyak mungkin. Perhatikan baik-baik di semua sisi. Mereka harus memiliki batasan yang jelas. Tidak ada warna transisi. Jika bentuknya tidak jelas - muat fungsi "transformasi bebas" dan gunakan tombol kontrol untuk memperbaiki bentuk tombol. Sekarang Anda dapat menempatkannya di situs Anda.

Direkomendasikan: