Guntingbatukertas.com

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?

Terimakasih sudah membaca tulisan ini

Semoga bisa memberikan insprirasi..