Cara Membuat Butang Untuk Laman Web Di Photoshop

Isi kandungan:

Cara Membuat Butang Untuk Laman Web Di Photoshop
Cara Membuat Butang Untuk Laman Web Di Photoshop

Video: Cara Membuat Butang Untuk Laman Web Di Photoshop

Video: Cara Membuat Butang Untuk Laman Web Di Photoshop
Video: How to create Website Buttons - Photoshop CS6 2024, Mungkin
Anonim

Navigasi yang mudah adalah kunci untuk menjadikan laman web selesa dikunjungi dan menarik bagi pemilik dan pelawat dalam talian. Elemen menu dan navigasi harus jelas, bagus dan ringkas, dan adalah idea yang baik untuk membuat butang menarik untuk laman web anda di editor grafik Adobe Photoshop. Perkara ini tidak sukar dilakukan.

Cara membuat butang untuk laman web di Photoshop
Cara membuat butang untuk laman web di Photoshop

Arahan

Langkah 1

Buat dokumen baru dan pilih Rounded Rectangle Tool dari bar alat. Lukis sebuah segi empat bulat yang sempit, kemudian pilih Elliptical Marquee Tool dari Toolbox dan lukis satu bulatan di sebelah kiri segi empat tepat yang bertindih dengan pinggirnya dan melampaui itu.

Langkah 2

Klik kanan pada lapisan segi empat tepat dan pilih pilihan Rasterize Layer, dan kemudian di tengah pilihan, klik lagi dan pilih pilihan Layer via Cut dari menu konteks untuk menyalin pilihan ke lapisan baru.

Langkah 3

Buka menu tetapan lapisan dan di tab Drop Shadow tetapkan mod campuran ke Normal, kelegapan hingga 23%, dan jarak hingga 3 piksel. Pada tab Color Overlay, tetapkan warna yang diinginkan dengan mod blending Normal dan transparansi pada 100%. Anda harus mempunyai gambar dua warna.

Langkah 4

Pilih Elliptical Marquee Tool dari Toolbox sekali lagi dan lukis bulatan di dalam pilihan warna kiri. Klik Padam. Selepas itu pindahkan pilihan ke lapisan baru dan isi dengan warna apa pun.

Langkah 5

Buka menu Layer Style sekali lagi dan sesuaikan tab Gradient Overlay dalam warna apa pun yang sesuai dengan skema warna laman web anda. Tetapkan gaya radial ke kecerunan. Kemudian, pada tab Stroke, tetapkan berat stroke menjadi 2 piksel, kedudukan luar jalan, dan kelegapan hingga 30%. Pilih isian kecerunan untuk pukulan. Klik OK.

Langkah 6

Di kotak alat, pilih sikat dengan warna putih, sesuaikan sehingga lembut, dan diameter berus adalah 10 piksel. Di kanan atas bulatan yang anda lukis, lukiskan titik untuk menarik sorotan.

Langkah 7

Kemudian pilih lapisan dengan bahagian utama butang dan di menu Layer Style tetapkan parameter Inner Shadow dengan Multiply Blending Mode dan Opacity 33%. Tetapkan kecerunan linear dengan kelegapan 25%. Butang anda sudah siap - yang tinggal hanyalah menambahkan prasasti padanya.

Disyorkan: