buat tombol button kul (baca:cool)

Hari ini gue coba untuk sharing lagi. Kali ini gue coba untuk sharing gimana caranya bikin tombol button supaya kliatan kul (baca : cool). Button, ini adalah salah satu atribut yang ada di html. Button ini fungsinya sangat besar sekali, yaitu untuk mengirimkan data yang akan kita sampaikan kepada yang dimaksud. Kalo kita ga ngerubah tombol button asli bawaan browser keknya website kurang JRENG…!!! Tampilan website jadi standard, nah untuk itu maenkan desain button ini. ganti button default yang ada di browser dengan image yang akan gue coba sharing ini. Ni dia caranya :

Yang pertama : buat file baru — CTRL+N / Klik File >New , sampe keluar gambar kayak dibawah ini :

untuk ukurannya, silakan diatur sendiri yaa…kalo untuk resolusinya cukup pake 72 pixel/inch. Lalu tekan tombol OK.

Yang kedua : buat Rounded Rectangle Tool (U) teken tombol huruf U atau tombolnya yang ada di tool, liat gambar dibawah ini :

Abis itu, setting Rounded Rectangle Tool - nya kayak yang ada di gambar ini :

selanjutnya, klik tombol kiri mouse tekan dan tahan sambil di geser sampe ngebentuk sesuai ukuran yang kita inginkan.

Hasilnya seperti gambar ini :

Untuk warna tombol button ini gue pilih warna biru : #2d85c3. Anda bisa mengganti dengan warna lain.

Langkah selanjutnya adalah, mainkan Layer Style dengan mengklik ganda pada layer yang dituju. Terus isi layer stylenya seperti ini :

Disini yang gue setting : Inner Glow, Gradient Overlay ama Stroke. Dibawah ini settingan Inner Glow & Stroke seperti gambar

Kalo untuk settingan Gradient Overlay, gue pilih settingan yang ada di Gradient Editornya. Caranya, klik di bagian gradient yang ada di layer style. Seperti gambar ini :

Klik bagian gradient, lalu pilih warna preset yang ada. Untuk kali ini gue pilih yang berwarna biru, seperti yang keliatan gamar dibawah :

selanjutnya klik tombol OK.

Berikutnya adalah, tambahkan tulisan “simpan”.

Langkah selanjutnya adalah pemotongan gambar sesuai ukuran tombol buttonnya. Untuk ini caranya agar lebih rapih, mendingan dibikin garis bantu potongnya. Caranya adalah teken tombol huruf “V” atau icon Move Tool (V) yang ada di tool. Terus jangan lupa tampilin penggarisnya, teken CTRL+R atau pilih View > Rules.

Klik kiri mouse sambil digeser ke pinggir-pinggir tombol yang mau dipotong, jadinya kayak gambar ini :

tuh kan, jadi keliatan garis bantu warna birunya. nah di area itu deh yang bakalan kita potong / crop gambarnya. Caranya, pilih tombol crop yang ada di tool atau teken tombol huruf C abis itu pilih deh area yang pengen di crop.

Ada baiknya sebelum kita motong/ ngecrop kita perbesar dulu tampilannya dengan Zoom. Ini supaya garis potongnya bener-bener pas. Kalo udah ok, maka bisa diklik tombol tanda centang yang ada di atas : .

Sampe disini, kayaknya dah mo abis. Eeeeiiitttt….jangan lupa disimpen filenya. Supaya enak, bisa dipake dengan sgala dasar warna background simpen filenya pake format PNG aja. Nah ini hasil akhir yang gue bikin :

Dah jadi deh tombol button kul-nya… Kalo mo ganti2 warnanya, bisa dimaenin layer style yaaa…

Efek Teks Garis Pinggir

Teks memiliki banyak sekali efek-efek yang kita mainkan. Salah satunya adalah efek garis pinggir (outlines). Untuk membuat efek teks garis pinggir ini, yang perlu kita lakukan adalah bermain di layer style. Berikut cara membuat efek teks garis pinggir :

1. Buat file baru dengan ukuran yang standar / bisa sesuai dengan selera anda. Dalam hal ini saya membuat ukuran 640 x 480 px.
2. Tentukan warna background yang anda inginkan. Saat ini saya menggunakan warna background #303030.
3. Buat teks tulisan dengan jenis font : arial, size : 60pt. Jenis font dan ukuran bisa anda sesuaikan dgn selera anda.
4. Layer style yang dimainkan : drop shadow, outer glow dan stroke. Deatilnya seperti gambar-gambar dibawah ini :

outer glow :



















stroke :
















Hasil akhirnya adalah seperti ini :

Anda bisa mencoba mengutak-atik stylenya lebih lanjut sesuai keinginan.

Selamat mencoba !!

Kampung Sumber Alam - Garut

Tanggal 7 - 9 Januari 2009 kemaren, gue sekeluarga pergi liburan awal tahun. Kemana kali ini??? Kampung Sumber Alam di Garut. Rencana liburan ini emang udah jauh-jauh hari, kira-kira dah sebulan yang lalu. Semua ini "gratis" alias ga bayar dengan kata lain kita cuma bawa badan doank. Yaaa...paling ongkos bensin mobil aja, itupun juga ga banyak. Total buat bensin+tol 250rb, udah ngangkut gue sekeluarga berikut mertua. Hehehe...asiknya.... Ternyata eh ternyata.... semua ini dibayarin sama mas budi yang didapet dari temen kantornya. Makasih ya mas....

Sebelum waktunya tiba, yi tgl 7 gue dah bingung duluan. Coz, secara tgl 7 itu kan masih hari rabu hari kerja. Ntah gimana, pada akhirnya pas hari itu gue pikir lebih baik gue kerja 1/2 hari. Jadi deh, pas hari rabu 7/1 itu gue pulang kantor jam 2. Langsung dijemput di sta cawang ma mertua gue, dari situ kita langsung tancep ke garut. Alhamdulilah, gue sampe garut jam 18.30 tanpa ada halangan satu apapun dan kemacetan yg sedikit.

Karena sampe disana udah malem, jadi ya ga bisa ngapa-ngapain. Mana ujan....becek...ga ada ojek...(halah...jd inget si cinta). So, gue + keluarga akhirnya cuma bisa makan malem abis itu kita smua istirahat di bungalow yg udah disewain. Kamar yg disewa itu Suite Room 1 dan bungalow-nya 4. Fasilitasnya muaantep man...ada kamar mandi air panas, kolam renang air panas buat orang dewasa + anak-anak. Akhirnya malem itu, kita cuma bisa menikmati makan malam yang ditemani rintik hujan sepanjang malam.

Esok paginya, gue bangun jam 5 pagi. Solat subuh, abis itu maenin laptop. ga berasa udah jam 6 pagi. Gue iseng keluar mo poto-poto. Subhanallah....pemandangannya! Asli bagus pemandangannya. Jadi tambah keluar jiwa photografi gue. Lanjutnya, gue kliling komplek hotel ini sambil foto2. Ini dia foto-fotonya :

Selamat Tahun Baru 2009

Selamat tahun baru untuk semuanya...
1 Muharram 1430 H Tahun Baru Islam
1 Januari 2009 M Tahun Baru International.
Semoga ditahun 2009 ini semua dapat berjalan lancar dan sukses.