Anda di halaman 1dari 2

Membuat Button dengan Tekstur Plastik yang Menarik

Setelah pada tulisan sebelumnya saya sampaikan cara membuat tombol sederhana dengan photoshop, kali ini
saya tulis cara membuat button/tombol dengan tekstur plastik yang belakangan banyak dipakai dalam pembuatan
web. Sebenarnya ada banyak cara untuk membuat tombol semacam ini. Ini hanyalah salah satu cara diantara sekian
banyak cara dan trik tersebut. Yang jelas, dengan langkah ini saya harap Anda akan mendapatkan inspirasi untuk
membuat kreasi Anda sendiri.

Mari kita mulai:

1. Buat Dokumen baru dengan background putih. Ukurannya terserah Anda. Saya biasa buat dengan ukuran
200×200 px
2. Tentukan warna foreground Anda. (saya memakai warna pink= ff3969)

3. Di dalam layer yang masih kosong, buat sebuah kotak dengan Rounded Rectangle Tool, dengan radius 10

Jangan lupa untuk mengaktifkan ikon ketiga dari kiri dalam taskbar Rounded Rectangle Tool untuk mengaktifkan
pilihan Fill Pixel. Dengan memilih opsi ini, Anda secara otomatis akan mengisi kotak yang Anda buat dengan
warna foreground.

4. Ctrl+Klik pada Layer kotak untuk memilih seluruh kotak dan gunakan gradient tool untuk menambahkan
warna kedua dari sisi atas. Di sini saya pilih gradient dari warna merah (ff0000) ke warna transparan.

5. Buat layer baru dan isi dengan warna putih


6. Klik Toolbar Rectangular Marquee (Seleksi kotak) untuk memindahkan pilihan sedikit ke bawah. Saya
memindahkan gambar pada contoh 5 piksel ke bawah.
7. Hapus dengan Delete kemudian deselect dengan Ctrl+D
8. Turunkan Opacity Layer Putih menjadi 70%

9. Anda dapat mengubah bentuk layer putih menggunakan Edit/Free Transform dan buat agak sempit.
10. Klik pada layer kotak, kemudian Dobel Klik untuk memunculkan jendela Layer Style
11. Pilih Drop shadow (Opacity 30, Angle 120, Distance 5, Spread 0, Size 5)
12. Sroke (Size 1, Outside, Colour black, Opacity 35)

13. Berikan sentuhan akhir dengan memberikan filter Gaussian Blur pada layer putih. Filter > Blur > Gaussian
blur 2.0px

Selanjutnya saya tambahkan tulisan BERANDA dengan tambahan Style: Color Overlay Warna Putih, Normal,
Opacity 100%. Kemudian beri Inner Shadow: Blend Mode=Multiply, Angle 120 derajat, Distance=1px,
Choke=0%, Size=1px. Hasilnya kurang lebih seperti ini

Bagaimana dengan kreasi Anda? Sudah puas dengan hasil Anda?

Anda mungkin juga menyukai