Minggu, 16 September 2012

Membuat Pop Art Image


langsung aja ..
Buka gambar / foto atau Image yang akan dibuat pop art..
Double click layer background dan beri nama..
Buat layer baru, pindahkan ke paling bawah.. ini nanti fungsinya sebagai background.
Sekarang gukanan PenTool untuk menyeleksi objek yang akan dibuat POPArt.perhatikan settingan nya seperti gambar dibawah.
Kalo udah terseleksi semua.. klik kanan di area gambar pilih Make selection.
Gambar sekarang dalam keadaan terseleksi.. Karena kita mau menghilangkan background nya.. kita harus menyeleksi object di belakang gambar.. Klik Select > inverse , Lalu ketantekan delete
hasil remove background :
Dulikat layer gambar atau layer object dengan menekan CTRL + J, otomatis akan terbentuk layer baru dengan nama Object copy.
Buat duplikat nya menjadi hitam putih.. tekan CTRL + SHIFT + U untuk desaturate ( membuat hitam putih ) atau klik Image > Adjustment > Desaturate.
Klik kanan layer object copy > Duplicate layer
karena kita pilih NEW maka akan terbentuk dokumen baru … ini nanti kunci untuk membuat popart nya..
di dokumen baru ..
klik Image > adjustment > shadow/highlight
*Shadow highlight ini fungsinya nanti untuk memberikan efek detail pada warna-warna yang gelap.. misal rambut..
Klik Image > Adjustment > Threshold
Geser-geser slidernya supaya dapet gambar yang bagus dengan detail yang bagus juga..
Klik Filter > Blur > Gaussian Blur
Klik Image > Mode > Grayscale
Klik Image > mode > Bitmap
Klik Flatten Layer
Halftone screen nya diset seperti dibawah :
bagus kan hasilnya..
Sekarang kita musti membuat Mode image menjadi RGB …
Klik Image > mode > Grayscale
Klik Image > Mode > RGB
Kalo udah jadi RGB sekarang kita bisa export ke dokumen yang sedang kita garap.. caranya ?
Klik kanan layer background > Duplicate layer , Dokumen nya pilih file dokumen yang sedang kita garap..
Keliatan background putihnya.. Trim bagian background putih nya..cara nge TRIM nya..
gerakan kursor mouse ke antara layer background dan layer object copy sambil tekan tombol ALT.
kalo udah keliatan ada 2 lingkaran putih dan hitam..klik .. itu namanya nge TRIm..  :D
kalo bener ngerjain nya background putihnya akan hilang..
Sekarang tinggal proses pewarnaan aja ..
Mewarnai cuman menggunakan Brush tool aja kok.. jadi gak ribet..
Buat layer baru di paling atas
Layer mode nya pilih MULTIPLY..
warna pake warna kulit sesuai kode di gambar
Warnai daerah muka dan badan, kalo ada tangan, warnain juga.
dengan cara yang sama , warnain bibir nya, jangan lupa buat layer baru yah
Sekarang warnain Highlight Rambut
Terakhir warnain baju nya
Sekarang warnain background nya… pilih layer paling bawah…
warnai pake Paint bucket TOOL , warna terserah aja ..sesuka hatimu lah hehehehe…
Dan hasilnya setelah di CROP :


Mengganti "Older Posts" Dengan Angka


Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar tersebut


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML" 
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut


.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#cccccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #cccccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; }

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->


Kalau sudah silahkan dilihat hasilnya.

Jumat, 14 September 2012

Membuat Tombol Facebook, Twitter dan Google+ Melayang


kali ini kita akan membuat tombol tersebut melayang dan akan bergeser ketika pengguna mengscroll halaman ke atas atau bawah. Trik yang satu ini akan menambah efek pada halaman blog anda sehingga tampak lebih indah. Kita akan menggunakan kode Javascript untuk membuat widget yang satu ini. Caranya sangat mudah, jika sobat ingin membuatnya ikuti langkah berikut ini:

Cara Menampilkan Kode Script pada Posting

Jika sobat mempunyai blog yang bertemakan tutorial blog, atau blog trik maka yang pasti anda sering menggunakan kode script HTML, CSS, dll. Ada cara yang mudah untuk menayangkan kode tersebut pada blog agar mudah dilihat namun tetap terlihat cantik dan stylis. Jika sobat ingin tau cara kerjanya maka ikuti langkah berikut ini: