Membuat Tombol Download Dengan Photoshop

Posted on

Banyak yang bisa kita buat dengan photoshop, dari memanipulasi foto seperti tutorial sebelumnya Mendesain foto keren dengan photoshop, mendesain website, desain cetak, hingga membuat icon atau tombol download seperti tutorial ini dengan photoshop.

loading...

Jika anda telah ber-status expert untuk photoshop, saya rasa anda bisa melewati tutorial berikut ini, tapi tidak ada salahnya untuk belajar kembali dan bagi yang masih awam, saya rasa tutorial ini sangat pas dan cocok, apa lagi anda yang sering bergumul di dunia blogging dan web, hasil dari tutorial ini dapat anda aplikasikan ke desain website atau blog anda.

Preview Desain

Sebelum melihat lebih mendalam tutorial yang kita buat, silahkan lihat dulu preview desain tombol download photoshop yang akan kita hasilkan

Membuat Tombol Download Dengan photoshop

Detail Tutorial

  • Tingkat kesulitan : Pemula
  • Program yang diperlukan : Adobe photoshop (tutorial ini menggunakan Adobe Photoshop CS)
  • Materi yang dipelajari : kombinasi layer dan blending mode
  • Lama pembuatan : 15 Menit

Tutorial

Langkah 1

Buka photoshop dan buat file baru (file > new) berukuran 250 x 50 dengan Resolution 72. Resolusi 72 kita gunakan karena file yang kita buat tidak untuk dicetak, melainkan hanya untuk grafis atau internet. Pilih resolusi 300 jika anda mendesainnya untuk mencetakMembuat Tombol Download Dengan photoshop

Langkah 2

Pilih Rounded rectangle tool dan beri radius sebesar 5 px, buatlah tombol dengan warna #158EE3 pada kanvas desain kerja.Membuat Tombol Download Dengan photoshop

hasilnya

Membuat Tombol Download Dengan photoshop

Langkah 3

Sekarang, kita akan membuat style agar gambar tersebut tidak tampak datar dan membosankan saat di lihat, atau biasa disebut JADUL :D. klik 2x pada layer untuk membuka jendela layer style. Pilih pada bagian gradient overlay dan Inner shadow, masukkan nilainya seperti gambar berikut.Membuat Tombol Download Dengan photoshop

Membuat Tombol Download Dengan photoshop

Langkah 4

Rename layer tombol dengan nama “Tombol”, buat layer baru diatas layer tombol dan buat namanya menjadi texture.

Membuat Tombol Download Dengan photoshop

Isikan warnanya dengan putih dan beri efek noise pada gambar dengan cara filter > noise > add noise

Membuat Tombol Download Dengan photoshop

hasilnya

Membuat Tombol Download Dengan photoshop

Langkah 5

Agar noise tersebut berada hanya di daerah sekitaran tombol, kita dapat meng clipping mask gambar noise tersebut. Selanjutnya pilih layer > create clipping mask atau dengan menekan (Ctrl + G) pada keyboard.

Membuat Tombol Download Dengan photoshop

Membuat Tombol Download Dengan photoshop

Langkah 6

Ubah layer mode menjadi Linear Burn dan turunkan opacity menjadi 15%

Membuat Tombol Download Dengan photoshop

hasilnya

Membuat Tombol Download Dengan photoshop

Langkah 7

Buat layer baru lagi rename menjadi texture 2, isikan dengan warna hitam dan create clipping mask lagi. sama seperti langkah 4 buat lagi efek noisenya dengan amount 130%

Membuat Tombol Download Dengan photoshop

Langkah 8

Ubah lagi layer modenya menjadi Linear light dengan opacity 3%

Membuat Tombol Download Dengan photoshop

Langkah 9

Tambahkan text pada tombol dengan Horizontal type tool, disini saya memakai font Rockwell dengan size 24 pt. Karena tutorial ini kita akan membuat tombol download, maka ketikkan download pada kanvas kerja

Membuat Tombol Download Dengan photoshop

Langkah 10

Duplicate layer text langkah 9 tadi dengan cara menekan Ctrl + J pada keyboard atau ke menu layer > duplicate layer > ok, langkah ini akan menciptakan layer text “download” baru dengan nama “Download Copy”. Selanjutnya pada menu bar pilih filter > blur > radial blur > ok

Membuat Tombol Download Dengan photoshop

Membuat Tombol Download Dengan photoshop

Klik ok lagi untuk melihat hasilnya.

Hasil Akhir

Membuat Tombol Download Dengan photoshop

Download : membuat tombol Download.rar (.PSD)

Desain tombol download dengan photoshop telah selesai kita buat, saya berharap anda belajar banyak dari tutorial ini, silahkan share jika anda menyukai tutorial ini, pastinya dengan tombol share twitter pada tombol diatas :-) , follow twitter saya @jakazulham dan Penuhi juga kotak komentar dibawah ini! :-D

Gravatar Image
Panggil saya Jaka, saya suka desain. Saya orang yang mudah untuk diajak berinteraksi, temukan juga saya diwebsite pribadi Jakazulham.