.png)
Saat ini memang sudah cukup banyak situs yang menyediakan pola/pattern gratis yang sanggup kau jadikan sebagai pola background kamu. Tapi tetap saja pola yang kita buat sendiri niscaya mempunyai arti tersendiri buat kita kan...
Untuk lebih paham lagi cara menciptakan pola background lewat Photoshop, maka ikuti langkah-langkah berikut ni.. But, photoshop yang aku gunakan ketika ini ialah Photoshop CS3.. So, let's check it out man..
1. Pada hidangan photoshop klik File > New (ctrl+n). Atur setting Width : 50 pixels, Height : 50 pixels, resolusi : 72 pixel/inch, dan Background content : Transparent. Lalu klik OK
2. Setelah kanvas sudah terlihat, atur Foreground Color sesuai impian kamu. untuk tips ini aku mengggunakan warna putih (#FFFFFF).
3. Kemudian Klik Paint Bucket tool, menyerupai gambar di bawah kemudian tumpahkan pada kanvas sehingga warna putih menutupi kanvas.
4. Kemudian kita ubah kembali warna foreground nya untuk menciptakan pola di kanvas. Untuk warna pola terserah kau saja, yang penting aajjjiiiiiibbb...
5. Lalu klik ikon Custom Shape Tools kemudian pilih shape yang kau sukai. Untuk melihat pola shape yang ada, kau sanggup mengklik tanda panah di sebelah kanan pola shape yang ada.
6. Setelah pola final dibuat, kemudian rasterize pola nya untuk menghilangkan garis-garis di pola dengan mengklik Layer > Rasterize > Shape..
7. Lalu pola tersebut di save dengan mengklik File > Save For Web And Devices. Tentukan nama polanya. Untuk pola ini Saya memberi nama Pattern1.gif.
8. Langkah berikut kau upload pola kau di situs upload kamu, menyerupai Photobucket.com, Flikr, dan lainnya.
9. Kemudian masuk ke edit HTML blog kamu. cari kata body {. Seperti arahan di bawah ini.
6. Setelah pola final dibuat, kemudian rasterize pola nya untuk menghilangkan garis-garis di pola dengan mengklik Layer > Rasterize > Shape..
7. Lalu pola tersebut di save dengan mengklik File > Save For Web And Devices. Tentukan nama polanya. Untuk pola ini Saya memberi nama Pattern1.gif.
8. Langkah berikut kau upload pola kau di situs upload kamu, menyerupai Photobucket.com, Flikr, dan lainnya.
9. Kemudian masuk ke edit HTML blog kamu. cari kata body {. Seperti arahan di bawah ini.
body {
background: #0000a8;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small; text-align: center; }
background: #0000a8;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small; text-align: center; }
Lalu hapus arahan yang berwarna oranye, dan ganti dengan alamat URL pola kamu. Contohnya menyerupai ini.
body { background: url(Alamat Pola Gambar kamu)repeat;
margin:0; color:$textcolor;font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center; }
margin:0; color:$textcolor;font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center; }
10. Dah final ni, tinggal liat hasilnya. Penasaran liat karenanya bagaimana? coba liat misalnya menyerupai blog aku ni. Cukup gampang bukan?
