Translate :

Tuesday, February 7, 2012

Membuat Button dengan Tekstur Plastik yang Menarik

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)
button1
3. Di dalam layer yang masih kosong, buat sebuah kotak dengan Rounded Rectangle Tool, dengan radius 10
button1a

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.
button2
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%
button3
9. Anda dapat mengubah bentuk layer putih menggunakan Edit/Free Transform dan buat agak sempit.
button4
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)
button5
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
button7
Bagaimana dengan kreasi Anda? Sudah puas dengan hasil Anda?
Terimakasih sudah membaca tulisan ini
Semoga bisa memberikan insprirasi..

No comments:

Post a Comment