Home / Tutorial / Create / Membuat tombol yang sederhana menggunakan Photoshop

Membuat tombol yang sederhana menggunakan Photoshop

Dalam dunia blogging, seorang blogger selalu mencari ide yang menarik lalu dituangkan kedalam bentuk tulisan dan di posting kedalam sebuah artikel. Ada banyak ide yang mereka tuangkan, baik itu dari pemikiran sendiri maupun dikutip dari sebuah sumber, misalnya artikel tentang kesehatan, teknologi, otomotif, software dan lain sebagainya. Saya sering membaca artikel mengenai software, artikel tersebut membahas tentang definisi sebuah software dan cara menggunakannya. Pada bagian akhir artikel, penulis menyertakan sebuah link yang menuju kepada halaman Download software tersebut. Lalu saya terdiam sejenak memperhatikan bagian bawah artikel tersebut. Jika link yang disisipkan kedalam teks tersebut diganti dengan sebuah tombol, mungkin akan lebih menarik. lalu, dari mana kita dapatkan tombolnya? Ada banyak bentuk tombol yang tersedia jika kita searching di google, tapi bagaimana jika kita membuat tombol sendiri? mungkin akan lebih menarik lagi :-). Nah, pada Tutorial kali ini, kita akan belajar bagaimana cara membuat tombol yang sederhana, tentunya menggunakan Photoshop. Dibawah ini adalah Tutorialnya:

Pertama, kita jalankan tersebih dahulu aplikasi Photoshop.
Selanjutnya kita buat lembar kerja baru dengan cara pilih menu File > New... atau dengan cara tekan Ctrl + N pada keyboard. Kita buat lembar kerja dengan ukuran 300 x 100 px seperti gambar dibawah ini.

tombol01

Barikutnya, buatlah layer baru dengan cara pilih nemu Layer > New > Layer… Setelah itu, gunakan Rectangular Marquee tool (M) untuk membuat seleksi berbentuk persegi panjang, seperti gambar dibawah ini.

tombol02

Setelah membuat seleksi berbentuk persegi panjang, selanjutnya pilih menu Select > Modify > Smooth...
Masukan nilai 10 pada kolom Sample Radius, lalu klik OK. maka pada bagian sudut seleksi akan berubah menjadi tumpul, seperti gambar dibawah ini.

tombol03

Setelah pada masing-masing sudut menjadi tumpul, selanjutnya gunakan Paint Bucket tool (G) dan berikan warna hijau pada bagian dalam seleksi.

tombol04

Setelah terisi warna pada bagian dalam area seleksi, lalu hilangkah seleksi dengan cara pilih menu Select > Deselect.

Pada panel Layer, klik kanan pada layer 1 kemudian pilih Blending Options…
Setelah muncul kotak dialog Layer Style, pada kolom Style pilih Bevel & Emboss dan atur parameternya pada kotak size ubah menjadi 10 dan Soften manjadi 10, seperti gambar dibawah ini.

tombol05

Kemudian, pilih Inner Shadow pada kotak Style dan ubah nilai size menjadi 20 seperti gambar dibawah ini.

Selesai klik OK.

tombol06

Maka kita dapatkan hasilnya seperti gambar dibawah ini.

tombol11

Selanjutnya, kita memasukan teks kedalam lembar kerja dengan cara pilih Horizontal Type tool (T) pada Toolbox dan masukan teks seperti gambar dibawah ini.

tombol07
tombol08

Setelah kita memasukan teks kedalam lembar kerja, kemudian atur posisi teks sehingga teks berada di tengah-tengah tombol. Langkah terakhir, kita batas pinggir pada teks dengan cara klik kanan pada layer teks kemudian pilih Blending options…
Pilih Stroke pada kolom Style dan gunakan warna putih pada kotak Color, seperti gambar dibawah ini.

tombol09

Selesai, klik OK.
Maka kita dapatkan hasilnya seperti gambar dibawah ini.

tombol10

Mudah sekali bukan?
Gambar tombol ini bisa kita gunakan untuk mengganti teks, gunakan tombol ini lalu sisipkan link kedalamnya maka tampilan artikel kita akan terlihat lebih elegan dan profesional.

Demikianlah Tutorial untuk membuat tombol kali ini, Semoga bermanfaaat!!!

Baca juga Tutorial bagaimana cara membuat icon Facebook.

Membuat tombol yang sederhana menggunakan Photoshop

About PhotoshopdesaiN

Website Edukasi yang membahas tentang Photoshop seperti Materi, Tutorial dan Inspirasi | Tentang PhotoshopdesaiN

Check Also

Meletakkan Teks dibelakang Objek yang Kita Inginkan

Pada kesempatan kali ini, kita akan belajat bagaimana cara untuk memasukkan teks kedalam gambar. Namun …

2 comments

  1. Cara sisipkan link ke tombolnya gimana boss? Thx

    • Terimakasih atas kunjungannya Mas…
      Kalau untuk cara memasukkan link kedalam tombol mungkin mas bisa tanyakan pada orang yang memang mengerti di bidang bahasa pemograman. 🙂

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.