Dalam tutorial ini kita akan membuat Web Button. Hal ini sangat sederhana dan cukup efektif tutorial, sehingga semua yang Anda butuhkan adalah Adobe Photoshop untuk membuat efek ini. Saya harap Anda akan menikmati tutorial ini.

Cara Buat Web Button di Photoshop

Langkah # 1

Buka photoshop dan membuat dokumen baru, saya adalah 550px × 125px dengan latar belakang putih.

Langkah # 2

Mengisi lapisan warna di latar belakang, punyaku warna # 3A3A3A.

Langkah # 3

Pilih Rounded Rectangle Tool dan membuat tombol, tambang Radius adalah 7px, width: 156px dan height: 38px..

Langkah # 4

Sekarang kita akan menerapkan beberapa efek

Gradient Overlay

Styling Button-klik ganda pada Layer Button's thumbnail di Layer Panel untuk membuka kotak dialog Layer Styles, kami akan menerapkan Efek Gradient Vertikal untuk Button Anda. Kemudian klik pada Gradient Warna di sebelah kanan dari pilihan Gradasi untuk membuka Warna Gradient Editor.

Double-klik pada kiri-color-berhenti dan masukkan nilai warna # 9E4C45, kemudian dobel-klik kanan-color-berhenti dan masukkan nilai warna # EA8484.

Drop Shadow

Selanjutnya menerapkan gaya layer Drop Shadow. Jauhkan Angle di 120o, daripada mengubah nilai-nilai Opacity, Distance dan Size. Aku memilih untuk mengatur Opacity pada 23%, Jarak di 1px dan Ukuran di 9px.

Langkah # 5

Pilih Horizontal Type Tool dan Jenis Teks di depan.

Kami akan menerapkan beberapa efek untuk teks.

Warna Tampilan

Double-klik pada Teks lapisan's thumbnail di Layer Panel untuk membuka kotak dialog Layer Styles. Pertama kita akan menerapkan overlay warna, saya memilih warna # 0D0D0E

Drop Shadow

Akhirnya kita akan menerapkan Drop Shadow, pertama mengubah pilihan Blending Normal. Ubah Warna Shadow dari default ke # FFFFFF. Jauhkan Angle di 120o, daripada mengubah nilai-nilai Opacity, Distance dan Size. Aku memilih untuk mengatur Opacity pada 32% dan Jarak di 1px dan Ukuran di 1px.

Final Preview

Marilah kita tahu bagaimana tutorial ini dapat lebih baik? Jika Anda menemukan tutorial photoshop lain yang Anda inginkan untuk berbagi dengan kami, silakan beritahu kami dengan menjatuhkan dalam komentar.

jika Anda ingin menerima lebih banyak inspirasi dari kami, silahkan pertimbangkan untuk berlangganan feed dengan RSS atau email.

Filed under: Freebies, Photoshop, Tutorial oleh admin