Membuat Tombol "Download sekarang"

saya akan berbagi tips bagaimana untuk membuat tombol download modern, bagus, sederhana dan profesional. Hari ini Saya akan menunjukkan bagaimana cara untuk membuat download html modern, bagus, Sederhana dan profesional dengan memenggunakan photoshop. ini tidak besar tapi saya harap Anda akan menyukainya.

Waktu adalah uang jadi mari kita mulai.

1. Langkah

Pertama-tama kita membuat dokumen kita yang 250px lebar dan tinggi 50px.

Kemudian kita menambahkan garis grid di sekitar dokumen.

Untuk ruang yang lebih kita sekarang dapat menggunakan ukuran kanvas untuk membuat tempat kerja kami lebih besar.Saya menggunakan 400px lebar dan 200px tinggi. Anda dapat menggunakan apapun yang Anda inginkan atau Anda bisa tinggal dengan ukuran default.

Langkah 2. Mari membuat latar belakang

 Pilih Rounded Rectangle Tool (U) dan gambar tombol. Pastikan Anda telah 5px radius atau jika Anda mau, Anda bisa menambahkan lebih banyak. Sekarang kita mengubah nama layer "bg". . Kemudian klik tombol mouse sebelah kanan pada ibu jari layer dan pilih "Pilih Piksel".   memilih> memodifikasi> kontrak dan 2px masuk.

Setelah mengklik OK kita membuat copy / paste dan di sana kita menciptakan sebuah lapisan baru, mari kita menyebutnya "perbatasan". Sekarang kita memilih perbatasan lapisan yang disebut dan memilih kontrak lagi, tapi sekarang kami menggunakan 1px.

Sekarang membuat copy / paste lagi dan kami memiliki lapisan lain, mari kita menyebutnya "bg batin".

Langkah 3. latar belakang dan sedikit lebih

Sekarang kita menggunakan blending mode pada setiap lapisan baru, kita buat pada lapisan bg:

Pada layer border:

Pada lapisan bg batin:

Setelah itu memungkinkan pilih layer bg batin dan pilih Elliptical Marquee Tool (M).Sekarang kita tekan tombol Alt dan menghapus beberapa seleksi dan hasilnya seperti ini.

Sekarang copy / paste ini ke layer "bersinar".  Pilihan pencampuran dan mengatur overlay warna putih dan opacity menjadi 22%.

Anda sekarang dapat menambahkan teks beberapa tombol. saya menggunakan font Myriad Pro.

Untuk download sekarang:

Untuk mendapatkan file psd gratis!

Saya juga menambahkan beberapa bayangan teks untuk download sekarang.

Langkah 4. Membuat panah download

Mari kita membuat layer baru yang disebut panah. Sekarang bentuk tool kustom dan memilih panah dari sana. Setelah gambar satu pergi untuk mengedit> mengubah> memutar 90 ^o CW.

Duplikat lapisan panah dan tempat di bawah asli. Anda harus mendapatkan sesuatu seperti ini:

Pilih opsi pencampuran untuk panah dan mengubahnya menjadi:

Setelah itu hanya duplikat gaya layer untuk layer panah kedua . hasilnya seperti ini:

Langkah 5. Pita

Pilih rectangle tool dari, buat layer baru bernama pita dan menggambar persegi panjang. Sekarang, masuklah ke edit> free transform dan membuat sudut 45 ^o. . Hasilnya seperti ini:

Kemudian potong elemen yang tidak perlu.

Sekarang kita hanya styling dengan opsi blending. Warna adalah sama sebagai panah.

Setelah itu kita menambahkan beberapa teks untuk pita dan memberikan sedikit drop shadow dalam pilihan pencampuran. Pastikan Anda mengubah sudut teks untuk 45 ^o.

Langkah 6. Finish 

Anda telah melakukan tombol, baik disesuaikan untuk Anda atau klien website anda . Semoga Anda menikmati tutorial ini.

Selamat mencoba dan semoga berhasil....