Kamis, 31 Maret 2011

Membuat Efek Grunge

Sebenernya membuat efek grunge ini gampang banget.. intinya cuman gabung-gabungin gambar aja…
gak percaya ??
Ini nih bukti nya :
sebelumnya… saya pake gambar-gambar ini untuk membantu pembuatan efek
batuoldpapertembok
Klik untuk download gambar-gambar diatas.
Sekarang ke inti nya yah..

Buka gambar yang mau diedit
efek grunge 1
duplikat layer dengan menekan ctrl + J
efek grunge 2
Klik Image > adjustment > desaturate atau ketan eh tekan di keyboard CTRL + Shift + U untuk membuat foto jadi hitam putih.
Opacity nya kurangi jadi 50%
efek grunge 3
sekarang tekan ctrl +J lagi di layer background untuk menduplikat layer background. pindahin hasil duplikat ke paling atas
efek grunge 4
Klik Filter > Other > Highpass
efek grunge 5
Ubah layer style menjadi Vivid light
efek grunge 6
edit foto dasar udah selesai.. sekarang kita main-main dengan gambar yang lain..
buka gambar oldpaper.jpg
drag ke foto yang tadi diedit
efek grunge 7
atur sedemikian rupa.. atau di pas- in aja setiap ujung nya..
sekarang ubah layer style menjadi menjadi COlor burn
efek grunge 8
sekarang buka juga batu.jpg .. drag gambar texture batu ke dalam foto yang lagi diedit
efek grunge 9
Klik add vector mask..
lalu klik brush tool (warna hitam) warnai bagian muka nya.. biar nanti keliatan jelas..
ubah layer style menjadi multiply
efek grunge 10
hasilnya kayak gini
efek grunge 11
sekarang buka lagi gambar bantuan terakhir.. gambar tembok.jpg.. Drag ke dalam foto dan atur seperti gambar dibawah
efek grunge 12
Ubah Opacity nya jadi 50%
Klik add vector mask .. warnai dengan brush tool seperti gambar.
efek grunge 13
Hasil akhir nya :
chandra
Gampang kan..?!
selamat mencoba! semoga bermanfaat  ^_^

PhotoShop : Efek Photo Strip


Kali ini saia memakai foto artis yang gak asing lagi, pemain dalam film action Tomb Rider, Angelina Jolie.
Apa yang akan di otak-atik??
Mulai aja yoo,.^^



1. 
Lakukan Crop 
Tahap pertama-tama kita melakukan cropping
Klik dan tarik kea rah diagonal berlawanan
lara crofttutorial photoshop

Maka hasil Cropnya seperti ini.
tutorial photoshop
Menjadi semakin jelas muka Lara Croftnya.yuhu^^


2. 
Duplikasi Layer
Lakukan Duplikasi layer dengan menekan Ctrl+J sebanyak 2x.Dan ubah nama layer menjadi Vertical dan Horizontal.
tutorial photoshop


3. 
Ganti warna Background
Penggantian warna Background kita lakukan dengan menekan Alt+Backspace. Pastikan layer yg aktif adalah layer Background.
Warna yang kita pakai adalah warna dasar gambarnya. Pengambilan warna dengan Pick color tool.
Untuk menghidden layer.hilangkan gambar mata pada Layer Vertical, dengan mengklik gambar matanya
tutorial photoshop


4. 
Aktifkan Grid
Untuk mengaktifkan photoshop Grid, tekan Ctrl+’
Setelah muncul, kita mengatur jarak atau besar dari Grid. Tekan Ctrl+K,atur komposisi warna dan jarak seperti gambar. Pilih Guides, Grid, Slice.
Dan gridline menjadi 10, klik OK
tutorial photoshop

hasilnya
tutorial photoshop


5. 
Seleksi pada layer Horizontal
Untuk penyeleksian kita menggunakan 
Rectangular Marquee Tool.
tutorial photoshop

Lakukan penyeleksian mulai dari bagian mata.
tutorial photoshop

Seleksi dilakukan selang satu baris di atas dan dibawahnya.
tutorial photoshop


6. 
Tambahkan Layer Mask
Penambahan layer mask dilakukan setelah penyeleksian secara horizontal.
Tekan tombol add layer mask pada pallete layer.
Dan Layer mask akan muncul pada Layer Horizontal.
tutorial photoshop

Setelah itu maka hasil gmbar menjadi:
tutorial photoshop


7. 
Tampilkan kembali layer Vertical
Caranya mengklik kembali kotak kosong dimana gambar mata dihilangkan.
tutorial photoshop


8. 
Seleksi pada layer Vertical
Sama seperti seleksi horizontal, kali ini seleksi menegak atau vertical.
Lakukan pertama kali pada baguan mata.
tutorial photoshop


9. 
Tambahkan Layer Mask
Klik tombol Add Layer Mask, maka muncul mask pada layer Vertical.
tutorial photoshop

Dan hasilnya:
tutorial photoshop

Tekan Ctrl+’ untuk menghilangkan grid.
tutorial photoshop


10. 
Penyeleksian secara Irisan.
Langkah ini untuk mendapatkan seleksi irisan atau perpotongan dari mask Vertical dengan mask Horizontal.
Tahan Ctrl klik pada mask Horizontal.
tutorial photoshop

Kemudian tahan Ctrl+Alt+Shift dan klik pada mask Vertical.
tutorial photoshop

Maka hasil seleksi :
tutorial photoshop


11. 
Penyimpanan Seleksi
Lakukan penyimpanan Seleksi, pilih menu Select dan Save Selection. OK
tutorial photoshop


12. 
Deselection
Tahap ini kita membatalkan daerah seleksi
Tahap deselection dilakukan sperti motif anyaman satu2
tutorial photoshop


13. 
Copy menjadi Layer Baru
Tekan Ctrl+J untuk menjadikan sebagai Layer baru.
tutorial photoshop


14. 
Deselection
Sama seperti Deselection sebelumnya. Mulai dengan tahan Ctrl klik mask Horizontal dan Ctrl+Alt+Shift klik pada Mask Vertical. Setelah potongan hasil seleksi keduanya muncul lakukan penmbatalan seleksi 
tetapi berlawan dengan diselection sebelumnya. Dalam arti kata lakukan selang seling.

Lemudian Ctrl+J, untuk membuat menjadi layer baru.

(Perhatikan baik2 motif deselection)
tutorial photoshop


15. 
Membuat Clipping Mask
Klik Layer 1 dan tekan Ctrl+Alt+G, kemudian lakukan hal sama pada layer 2.
tutorial photoshop


16. 
Membuat efek Outer Glowing
Klik layer 1 untuk aktifin layer, kemudian klik tombol Blending Option
tutorial photoshoptutorial photoshop

Atur Blend Mode menjadi Multiply, Opacity 50, warna hitam, size 18.
tutorial photoshop

tutorial photoshop


17. 
Copy Paste dari layer 1 ke layer 2
Aktifin layer 1, pilih menu Layer, Layer Style, Copy Layer Style.
terus Aktifin Layer 2, pilih menu Layer, Layer Style, Paste Layer Style

Nahhh,.jadi dehh,…fiuww=33
tutorial photoshop
Wiii,.serem juga yah,.mukanya dianyam seperti itu,.

^^,,hohoho./
Smoga bermanfaat…yu huuu,.
tutorial photoshop
Mm,.bisa juga di berikan efek 
menggunakan Brushing

Semoga Bermanfaat... ^_^

Rabu, 30 Maret 2011

Cursor Selalu Diikuti Text

ika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :



1. Masuk ke Blog

2. Klik Tab Tata Letak

3. Klik Tab Elemen Halaman

4. Klik Tambah Gadget

5. Klik pilhan HTML/JavaScript

6. Pastekan script di bawah ini ke kolom Konten



Spoiler:





<script>

//mouse

//Circling text trail- Tim Tilton

//Website: http://www.tempermedia.com/

//Visit http://www.dynamicdrive.com for this script and more

function cursor_text_circle(){

// your message here

var msg='ASSASIND-SILENT'.split('').reverse().join('');




var font='Verdana,Arial';

var size=3; // up to seven

var color='#ff0000';



// This is not the rotation speed, its the reaction speed, keep low!

// Set this to 1 for just plain rotation w/out drag

var speed=.3;



// This is the rotation speed, set it negative if you want


// it to spin clockwise

var rotation=-.2;



// Alter no variables past here!, unless you are good

//---------------------------------------------------





var ns=(document.layers);

var ie=(document.all);

var dom=document.getElementById;


msg=msg.split('');

var n=msg.length;

var a=size*13;

var currStep=0;

var ymouse=0;

var xmouse=0;

var props="<font face="+font+" size="+size+" color="+color+">";




if (ie)

window.pageYOffset=0



// writes the message

if (ns){

for (i=0; i < n; i++)

document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');


}

else if (ie||dom){

document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');

for (i=0; i < n; i++)

document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');


document.write('</div></div>');

}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;



function Mouse(evnt){

ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position

xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position


}



if (ns||ie||dom)

(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

var y=new Array();

var x=new Array();

var Y=new Array();

var X=new Array();

for (i=0; i < n; i++){


y[i]=0;

x[i]=0;

Y[i]=0;

X[i]=0;

}



var iecompattest=function(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;


}



var makecircle=function(){ // rotation properties

if (ie) outer.style.top=iecompattest().scrollTop+'px';

currStep-=rotation;

for (i=0; i < n; i++){ // makes the circle

var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;

d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');


d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval

}

}



var drag=function(){ // makes the resistance

y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

for (var i=1; i < n; i++){


y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);



}

makecircle();

// not rotation speed, leave at zero

setTimeout(function(){drag();},10);

}

if (ns||ie||dom)


if ( typeof window.addEventListener != "undefined" )

window.addEventListener( "load", drag, false );

else if ( typeof window.attachEvent != "undefined" )

window.attachEvent( "onload", drag );

else {

if ( window.onload != null ) {

var oldOnload = window.onload;

window.onload = function ( e ) {

oldOnload( e );


drag();

};

}

else

window.onload = drag;

}



}

cursor_text_circle();




</script>





















7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda


8. Klik Simpan

9. Selesai



Selamat mencoba, semoga bermanfaat

Menambah Status Yahoo Messenger Di Gagdet Profil

Gadget profil adalah gadget dimana Anda bisa manampilkan foto, deskripsi tentang Anda dan link profil blogger Anda kedalam blog Anda.

Untuk menambahkan widget ini cukup mudah yaitu dari menu "Layout/tata letak" kemudian klik "Add a gagdet" lalu pilih "Profile". Dan untuk mengedit profil dan foto Anda bisa melalui Dashboard blogger Anda dengan mengklik "Edit Profile" yang ada di sebelah kanan dashboard Anda.
Nah kali ini Saya akan membahas tentang bagaimana caranya menambah Status Yahoo Messenger kedalam gadget Anda, yang berhubungan dengan postingan Saya yang dulu tentang menambah Status Yahoo Messenger ke dalam blog.

Nah dibawah ini adalah caranya :

1. Langkah pertama yang Anda harus lakukan Adalah Log In ke Blogger lalu menuju bagian "Layout" kemudian masuk "Edit HTML"

2. Setelah itu centang "Expand Widget Templates"

3. Kemudian cari code dibawah ini :

<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>


4. Setelah ketemu code diatas lalu tambahkan code dibawah ini diatasnya
&lt;a href='ymsgr:sendIM?rafianisimammalik@ymail.com'&gt; &lt;img src='http://opi.yahoo.com/online?u=ok3_dj&amp;amp;m=g&amp;amp;t=1&amp;amp;l=us'/&gt;
&lt;/a&gt;&lt;br/&gt;

Code yang berwarna merah diatas ganti dengan ID YM kamu, dan angka yang berwarna hijau adalah bentuk dari lambang status YM,

5. Kalau sudah kemudia SAVE

Nah diatas adalah cara menambah Status Yahoo Messenger kedalam gadget profil, Anda juga bisa Status YM dengan status Camfrog, G-Talk dan lainya.
 . Semoga bermanfaat dan silahkan menuliskan komentar dibawah ini untuk tanggapan dan pertanyaan.

Cara Mengganti Template Blogger


Langsung aja...

  1. Log in ke dashbord Blogger anda menggunakan akun Blogger atau Google anda

  2. Pada windows Layout, klik Edit HTML tab.

  3. Save dulu template lama yang anda pakai sekarang. Siapa tahu anda tidak suka dengan template baru itu, anda bisa kembali menggunakan template lama anda.

    Klik 
    Download Full Template dan simpan file template lama tersebut di hardisk anda

  4. Klik Browse untuk mencari file template baru yang mau diinstall (yaitu dalam bentuk .xml) dan tekan tombol Upload jika sudah muncu di kotaknya. Tunggu sebentar.... Jika blog anda masih baru (masih sedikit posting dan widgetnya), prosesnya biasanya akan cepat dan template baru bisa diinstall dengan aman.

    Tetapi, apakah anda dapat pesan seperti pada gambar di bawah ini? Anda tidak perlu panik! Itu artinya template baru yang sedang anda install itu tidak mempunyai widget yang ditunjukkan. Anda bisa mempertahankan widget anda, tapi tampilannya mungkin akan kacau. Bagaimana kalau delete saja? Silakan, yang penting anda sudah 
    backed upsemua widget sebagaimana disarankan di atas.

  5. Lakukan preview tampilan blog anda dengan template barunya. Bagaimana?
  6. Install ulang semua widget anda yang sudah anda save tadi.