Cara mudah membuat Userbar by axrprakasa #1

Bismillahirrahmanirrahiim....

Userbar? Apa sih userbar itu? Apa atuh ya ~~

Userbar adalah Sebuah Image yang terdapat dalam Usergroup dan desain nya disesuaikan dengan jenis Usergroup yang dimiliki.
Banner adalah Sebuah Image yang biasanya di definisikan sebagai sebuah symbol, logo, slogan atau sebuah penyampai pesan seperti iklan. 
Nah, terkadang Banner sering di definisikan juga sebagai userbar oleh sebagian orang.. Memang tidak sepenuhnya salah karena bisa dibilang Userbar juga merupakan sebuah logo dari Usergroup. Namun untuk mempermudah pada saat berkomunikasi mungkin sebaiknya menggunakan Userbar dalam setiap post ^^ ~MrsBiTcHzZ

Nah kalau menurut Nugraha sendiri, userbar adalah sebuah gambar yang biasa berukuran relatif kecil tapi panjang, kisaran +/- 350 px x 19 px. Biasanya sering digunakan dalam suatu komunitas forum yang memfasilitasi pengguna saat posting dengan menambahkan signature. (Yah pengamalan sendiri). Fungsi nya macam-macam, bisa sebagai gaya :v , untuk iklan, menunjukan suatu perkumpulan, dan lain-lain. 

Kemudian seperti apa yang dikatakan (entah siapa, saya searching ketemu nya orang itu, sankyuuu) MrsBiTcHzZ, banner juga sering didefinisikan userbar oleh sebagian orang. Maka dari itu untuk tutorial kali ini akan nugraha perjelas, yaitu mengenai Userbar yang berukuran kecil 350px x 19px

Ok, sebelumnya nugraha mohon maaf bila ada salah kata. Langsung mulai yuk ^_^

1. Buka layer baru ,

 File -> New ->

*Width : 3 pixels

*Height : 3 pixels

*Resolution : 72

*Color Mode : RGB,  8 bit

*Background content : Transparent

OK

2. Sekarang ada layer baru berukuran 3x3 px. "ZOOM" menggunakan kombinasi keyboard CTRL (+) hingga 1600% seperti gambar dibawah ini

3. Sekarang Pilih Tombol Pencil Tool   dengan Brush 1px.

4. Buat Garis Menyamping ke kiri atau ke kanan seperti gambar dibawah ini

5. Sudah bisa? Sekarang. Pilih "EDIT" di Menu bar, kemudian pilih "DEFINE PATTERN". Ok, pattern sudah selesai dibuat. Layer 3x3 px itu pun sudah bisa di close.

6. Buka New Layer, File-> New

Width : 350 px

Heigth : 19 px

Background content : white

*sisanya seperti yang diatas

7. Sekarang, Pilih "Gradient Tool"  . Lalu Pilih (lihat gambar)

*disini saya menggunakan warna ungu untuk menyesuaikan background dengan gambar nya. Anda bisa bebas memlih warna yang lain.

Lalu Tarik Garis Menyamping dari Kiri ke Kanan (secukupnya) sehingga hasilnya seperti berikut

8. Ok, Sekarang Kembali ke "Pattern"  yang sudah kita buat tadi. (itu lho, yang 3x3 px) . Sekarang Pilih "Pattern Stamp Tool" (lihat gambar)

9. Ubah Brush Menjadi 30px. Lalu tekan Pattern tersebut dari Kiri ke kanan (JANGAN LUPA SAMBIL MENEKAN "SHIFT" ) hingga hasilnya menjadi seperti ini

*seandainya garis  menyamping nya terlalu tebal, turunkan saja opacity nya menjadi 20% (atau secukupnya, tergantung selera)

10. Sekarang Masukan Gambar (BEBAS gambar apa saja, disini saya menggunakan karakter 'Lelouch Lamperauge' 

'HAPUS' bagian yang tidak perlu.

Hasilnya 

11. Sekarang Kita Beri 'TEKS' . Font yang bisa digunakan adalah Visitor TT2 (BRK) . Anda bisa men-download nya disini >>>

12. Beri Teks dengan ukuran teks 14px . Setelah itu, Klik kanan di layer 'Teks' Tersebut. Lalu klik Blending Options, Aktifkan Stroke. Ganti Menjadi Warna Hitam. Size nya ubah menjadi 1px .

Dan hasilnya

13. Ea, masih lanjut belum selesai. Sekarang mari kita buat Efek 3D . Sekarang Klik 'ELLIPSE TOOL'. Lalu tarik ellipse tersebut dari kiri ke kanan hingga jadi seperti ini (jangan lupa gunakan warna PUTIH)

14. Sudah? Sekarang Ganti Opacity Ellips tersebut menjadi 25% seperti gambar dibawah ini

15. Hasil Akhir

Taadaaa~

Ok, Mudah Bukan? ^_^

Nah untuk kedepannya, langkah 1 - 5 bisa di skip kok, asal hatiku padamu aja jangan di skip :')
Hasil lainnya nih temen-temen

*silakan kalau userbar nya mau dipakai, kecuali untuk yang nomor 3. Karena itu milik teman saya hehe

*ting
penasaran kan sama userbar yang bisa gerak? tunggu tutorial userbar lainnya yaa :D
Untuk sekarang, selamat menikmati :)
*ting lah emang makanan

Download Tutorial Membuat Userbar by axrprakasa
Password : 

nugrahaup.blogspot.com

Selamat Mencoba ^_^

keyword : cara membuat signature, how to make signature, apa sih signature itu?, pengertian signature, cara membuat signature