::Well, gotta know the enemy::

Moh. Farrah Aidid On 18 November 2011
Pada tutorial kali ini sangatlah mudah alias simple. Langsung ke TKB aja ya?
Berbeda dengan tutorial Blogger sebelumnya karena animasi ini bisa dipasang dimanapun anda mau, entah didalam rumah ataupun di dapur... hehehhe, Intinya, setaiap anda memasang kode dibawah ini pastikan bahwa yang dipilih adalah HTML/JavaScript.



Catatan : - Ubah URL Gambar 1, 2 dan 3 dengan URL Gambar Anda serta pilih kode-kode dibawah sesuai keinginan yang anda suka lalu ganti Kode jQuery yang anda suka

Berikut pilihan Kode jQuery :

jQuery01

$('#ke2').cycle({fx:'zoom',speedIn:2500,speedOut: 500,easeIn:'bouncein',easeOut: 'easeout',sync:0,delay:-4000});



jQuery02

$('#ke2').cycle({fx:'custom',cssBefore:{left: 232,top: -232,display: 'block'},animIn: {left: 0,top: 0},animOut: {left: 232,top: 232},delay: -3000});



jQuery03

$('#ke2').cycle({fx:'custom',sync: 0,cssBefore: {top:0,left: 360,display: 'block'},animIn:{left: 0},animOut: {top: 232},delay: -1000});



jQuery04

$('#ke2').cycle({fx:'custom',cssBefore: {left: 115,top: 115,width: 0,height: 0,opacity: 1,zIndex: 1},animOut: {opacity: 0},animIn: {left: 0,top: 0,width: 400,height: 200},cssAfter: {zIndex: 0},delay: -3000});



jQuery05

$('#ke2').cycle({fx: 'custom',cssBefore: {top:0,left: 0,width: 0,height: 0,zIndex: 1},animIn:{width: 400,height: 200},animOut:{top:200,left: 200,width: 0,height: 0},cssAfter:{zIndex: 0},delay: -1000});



jQuery06

$('#ke2').cycle({fx:'shuffle',shuffle: {top:-280,left: 280},easing:'backinout',delay: -2000});



jQuery07

$('#ke2').cycle({fx:'curtainX',sync: false,delay: -2000});



jQuery08

$(function(){$('#ke2').cycle({fx:'cover',delay:-2000,cssBefore:{opacity:1 },animOut:{ opacity: 0 }});});



jQuery09

$('#ke2').cycle('wipe');



jQuery10

$('#ke2').cycle({fx:'wipe',speed:1000,timeout: 6000,clip:'zoom'});



jQuery11

$('#ke2').cycle({fx:'wipe',speed:1000,timeout: 6000,delay:-4000,clip:'l2r'});


Sumber
Moh. Farrah Aidid On
Image Slideshow v2 HTML Generator Demo

Moh. Farrah Aidid On 8 November 2011


Disini ane mau ngasih tau tehnik dasar cara merubah photo menjadi kartun menggunakan photoshop cs3/cs4, banyak cara untuk merubah photo menjadi kartun, tapi disini ane menggunakan cara yang sederhana, maklum gan masih newbie buat agan yang uda dewa menggunakan photoshop ane cuma mau share

1. Buka photonya gan, disini ane menggunakan photo ane sendiri.


2. Kemudian ente buka Filter >>Artistic >>Poster Edges
Atur seperti ini, tapi ini juga bisa ente atur sendiri gan
Edge Thickness = 10
Edge Inthensity = 4
Posterization = 0


3. ente jangan dulu click OK, sekarang pilih New Effect Layer

setelah itu ente pilih Film grain, atur seperti ini
Grain = 0
Highlight Area = 11
Intensity = 10

4. Pilih New Effect Layer lagi, setelah itu ente pilih Cutout



Atur seperti ini
Number of Level = 8
Edge Simplicity = 4
Edge Fidelity = 3


5. Baru ente click OK, Hasil sementara


6. Ni bagian Terakhir, bagian yang butuh kesabaran, disini kita akan merapikan bercak-bercaknya menggunakan Brush Tool, dan untuk mengambil contoh warnanya menggunakan EyeDropper Tool tinggal ente warnai sesuai warna yang ada di photo ente gan,
contoh : misalnya kaca mata warna hitam, ente tinggal warnai kaca mata dengan warna hitam, begitu juga dengan bagian yang lainnya. Sumber

HASIL AKHIR


Moh. Farrah Aidid On 7 November 2011
Cara Membuat Text Area Berbentu HighLight (Copy Semua)


Text Quote 1





Text Quote 2




Text Quote 3



Spoiler


Spoiler 1







Bingkai Berbentuk Border







Bingkai Berbentuk Overflow











Membuat Background Suatu Kode




Menampilkan Background Posting yang Berbeda
Moh. Farrah Aidid On
buka posotop all version CS (ane pake cs3) > open foto yang mau dijadiin sketsa



tekan ctrl+shift+u untuk membuat gambar menjadi hitam putih
ctrl+j (2x) hingga layar background menduplikat jadi layer1 dan layer1 copy


klik gambar mata di samping layer1 copy untuk meng-hidden layer tsb, jadinya seperti ini


klik pada layer1 dan tekan ctrl+i , maka kurang lebih gambar akan menjadi seperti ini


lalu ikuti langkah dgambar ini yang ane lingkarin merah..


Filter >> Other >> Minimum
lalu gambar akan menjadi putih polos atau putih sedikit bercak-bercak hitam..

pilih antara 1-5 sesuaikan dengan selera agan (ane sih 2), lalu klik OK


klik gambar mata sebelah layer1 copy sehingga muncul kembali..
klik pada layer1 copy dan ikuti gambar..


dan hasilnya seperti ini..


pilih filter>>noise>>add noise (normalnya 10)
ikuti gambar lagi.. dan perhatikan yang ane lingkari..(sesuaikan dengan selera agan)

klik OK..

pilih blur>>gaussian blur>> 0,5 (sesuaikan dengan selera agan)


klik gambar ini >> (add layer mask)


lalu pilih filter>>render>>difference cloud, yang gakada boleh pake filter>>render>>cloud sama aja


susunan warna harus kayak gini


ulangi langkah yang ini :
pilih filter>>noise>>add noise (normalnya 20)
klik OK..
pilih blur>>gaussian blur>> (normalnya 2,0)
Last step
pilih image>>adjustmen>>levels
klik OK



This is it!


Thanks to Agan BagasImam