Cara Membuat Tombol Untuk Situs Web Di Photoshop

Daftar Isi:

Cara Membuat Tombol Untuk Situs Web Di Photoshop
Cara Membuat Tombol Untuk Situs Web Di Photoshop

Video: Cara Membuat Tombol Untuk Situs Web Di Photoshop

Video: Cara Membuat Tombol Untuk Situs Web Di Photoshop
Video: Cara membuat tombol button web menggunakan photoshop #1 2024, Mungkin
Anonim

Navigasi yang mudah adalah kunci untuk membuat situs web nyaman untuk dikunjungi dan menarik bagi pemilik dan pengunjung online. Elemen menu dan navigasi harus jelas, bagus, dan ringkas, dan merupakan ide bagus untuk membuat tombol yang menarik untuk situs web Anda di editor grafis Adobe Photoshop. Ini tidak sulit untuk dilakukan.

Cara membuat tombol untuk situs web di Photoshop
Cara membuat tombol untuk situs web di Photoshop

instruksi

Langkah 1

Buat dokumen baru dan pilih Rounded Rectangle Tool dari toolbar. Gambar persegi panjang bulat sempit, lalu pilih Elliptical Marquee Tool dari Toolbox dan gambar lingkaran di sisi kiri persegi panjang yang tumpang tindih dengan tepinya dan melampauinya.

Langkah 2

Klik kanan pada layer persegi panjang dan pilih opsi Rasterize Layer, dan kemudian di tengah seleksi, klik lagi dan pilih opsi Layer via Cut dari menu konteks untuk menyalin seleksi ke layer baru.

Langkah 3

Buka menu pengaturan lapisan dan di tab Drop Shadow atur blending mode ke Normal, opacity menjadi 23%, dan jarak menjadi 3 piksel. Pada tab Color Overlay, atur warna yang diinginkan dengan blending mode Normal dan transparansi 100%. Anda harus memiliki gambar dua warna.

Langkah 4

Pilih Elliptical Marquee Tool dari Toolbox lagi dan gambar lingkaran di dalam pilihan warna kiri. Klik Hapus. Setelah itu pindahkan seleksi ke layer baru dan isi dengan warna apa saja.

Langkah 5

Buka menu Layer Style lagi dan sesuaikan tab Gradient Overlay dalam warna apa pun yang sesuai dengan skema warna situs Anda. Atur gaya radial ke gradien. Kemudian, di tab Stroke, atur bobot stroke menjadi 2 piksel, posisi luar jalur, dan opacity menjadi 30%. Pilih isian gradien untuk goresan. Klik Oke.

Langkah 6

Pada toolbox, pilih brush dengan warna putih, sesuaikan agar lembut, dan diameter brush adalah 10 piksel. Di kanan atas lingkaran yang Anda lukis, gambar sebuah titik untuk menggambar sorotan.

Langkah 7

Kemudian pilih layer dengan bagian utama tombol dan di menu Layer Style atur parameter Inner Shadow dengan Multiply Blending Mode dan Opacity 33%. Atur gradien linier dengan opacity 25%. Tombol Anda sudah siap - yang tersisa hanyalah menambahkan tulisan ke dalamnya.

Direkomendasikan: