Membuat tombol dengan photoshop

Membuat Tombol Dengan photoshop #2

Posted on

Tutorial kali ini, kita kembali akan mempelajari cara membuat tombol sederhana dengan menggunakan photoshop, semoga tutorial ini bisa anda aplikasikan untuk memperindah tampilan situs blog anda atau untuk desain web seperti pada mendesain website dengan photoshop.

loading...

Preview Desain

Berikut hasil tombol yang akan kita desain kali ini.

Membuat Tombol Dengan photoshop

Detail Tutorial

  • Tingkat kesulitan : Pemula.
  • Software yang digunakan : Adobe Photoshop CS5.
  • Materi yang dipelajari : Penggunaan layer style yang tepat untuk memperoleh efek 3D.
  • Lama pembuatan : 10 Menit.

Tutorial

Langkah 1 : Membuat file baru dan Mendesain background

Klik file > new untuk membuat lembar desain baru dengan ukuran 500px x 300px.

Membuat Tombol Dengan photoshop

lalu isikan dengan warna hitam, selanjutnya buat layer baru (Ctrl + Shift + Alt + N) dan isikan juga dengan warna hitam.

Membuat Tombol Dengan photoshop

Pada layer baru tersebut, berikan efek gambar layer style seperti berikut.

Membuat Tombol Dengan photoshop

Kembali buat layer baru (Ctrl + Shift + Alt + N) dengan warna hitam, lalu beralih ke menu filter > noise > add noise dan isikan Amount seperti desain berikut.

Membuat Tombol Dengan photoshop

Turunkan opacity-nya menjadi 1% saja dan berikut hasil desain background yang kita peroleh.

Membuat Tombol Dengan photoshop

Langkah 2 : Membuat tombol dengan photoshop

Selanjutnya kita akan membuat tombol yang dimaksud, pilih Rounded rectangle tool pada toolbox photoshop dan buat sebuah tombol sederhana dengan warna hijau (#93ad1a).

Membuat Tombol Dengan photoshop

Pada tombol tersebut, berilah efek layer style seperti desain psd berikut.

Membuat Tombol Dengan photoshop

Membuat Tombol Dengan photoshop

Duplicate (ctrl + j) layer noise yang kita buat sebelumnya (langkah 1) dan tempatkan diatas layer tombol.

Membuat Tombol Dengan photoshop

Dalam keadaan terpilih pada layer noise duplicate, pilih menu layer > Create clipping mask agar efek noise hanya bekerja pada layer dibawahnya, yaitu layer tombol. Naikkan opacitynya menjadi 2%.

Membuat Tombol Dengan photoshop

Langkah 3 : Efek tombol tingkat lanjut

Duplicate layer tombol (ctrl + j) dan tempatkan dibawah layer tombol utama lalu turunkan sedikit kebawah.

Membuat Tombol Dengan photoshop

Hapus efek layer style dengan klik kanan pada layer yang diturunkan tersebut dan pilh Clear layer style. Ubah warna tombol tersebut menjadi lebih gelap (#586d06).

Membuat Tombol Dengan photoshop

Seperti langkah 2 sebelumnya, duplicate lagi layer noise dan create clipping mask kembali dan berikut hasil desain sementara.

Membuat Tombol Dengan photoshop

Langkah 4 : Menambahkan teks

Tambahkan teks pada desain tombol tersebut.

Membuat Tombol Dengan photoshop

Langkah 5 : Membuat lingkaran dan objek untuk tombol

Tambahkan lingkaran untuk mempercantik tampilan tombol.

Membuat Tombol Dengan photoshop

Tambahkan layer style untuk lingkaran kecil tersebut.

Membuat Tombol Dengan photoshop

Membuat Tombol Dengan photoshop

Membuat Tombol Dengan photoshop

Tambahkan objek dari Custom shape tool untuk memperindah tampilan tombol yang kita desain.

Membuat Tombol Dengan photoshop

Tambahkan layer style pada objek kecil tersebut seperti berikut.

Membuat Tombol Dengan photoshop

Membuat Tombol Dengan photoshop

Hasil Desain

Membuat Tombol Dengan photoshop

Demikian tutorial membuat tombol dengan photoshop semoga bermanfaat dan dapat anda aplikasikan ke desain anda, Jangan lupa +1 untuk menambah semangat saya dalam menulis tutorial :).

Download gratis file psd Membuat Tombol Dengan photoshop dibawah ini.

Download

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