Tutorial [Tutorial]Cara Membuat Avatar Efek Blur(Untuk Newbie Photoshop/Yang Belum Tau)

1.Pertama sekali yang kita butuhkan adalah membuat border, tapi tenang saja, border sudah disediakan [Ini Link Bordernya], silahkan sedot terlebih dahulu. (ukuran ini hanya 100×100 pixels, tapi bisa ente buat sendiri border dengan ukuran yg lebih besar lagi)

2. Oke jika sudah didownload bordernya, silahkan buka photoshopnya. Lalu klik file > open > pilih folder yg ada border tadi > klik dua kali bordernya sehingga tampilannya seperti ini :



3. Lalu pilih beberapa gambar yang ingin dijadikan efek blur ini, ane ambil 3 gambar aja. Dan open gambar tersebut pada photoshop seperti tadi ketika open border.

4. Setelah itu, resize gambar yg tadi jika ukurannya terlalu besar, dengan cara image > image size. Ubah width dan height menjadi 100×100 pixels atau mendekati angka 100, tapi usahakan jangan sampai dibawah angka 100 pixels, lalu klik ok. Maka otomatis gambar akan berubah menjadi lebih kecil. Lakukan itu pada ketiga gambar :



5. Setelah gambar diresize, maka ukurannya sekarang hampir menyamai ukuran border yg kita download tadi yaitu 100×100 pixels. Sekarang kita duplikat layer gambar ke layer border, dengan cara klik kanan pada layer ‘background’(Pilih "Duplicate Layer")


 
 lalu pilih “Duplicate Layer” > ubah document yg dituju dengan nama layer border, seperti ini :

sekarang lihatlah layer gambar yg barusan kita duplikat, telah ada pada layer border seperti gambar dibawah ini. Ulangi langkah menduplikat layer tersebut pada 2 gambar lainnya :
 

6. Sekarang kita membuat clipping mask agar layer gambar bersatu dengan layer border, dengan cara klik layer gambar > tekan alt+ctrl+G. Sehingga seperti ini :



7. Selanjutnya copy layer bakcground/gambar yg telah di clipping mask tadi, 1 gambar 1 copy, dengan cara tekan ctrl+J pada layer tersebut. Jangan lupa copy-annya juga di clipping mask (alt+ctrl+g) Sehingga seperti ini :
 




8. Tahap selanjutnya adalah membuat efek blur pada setiap copy-an layer gambar, dengan cara klik layer backgrund copy > hilangkan tanda ‘mata’ pada semua layer background kecuali di background copy > filter > motion blur > ubah angle sesuai selera > ubah distance sesuai selera (saran ane 10-15) > ok

Kalau bingung, perhatikan ss berikut :



Ulangi langkah tersebut pada layer background copy 2 dan layer bakcground copy 3

9. Selanjutnya, buka jendela animasi dengan cara, window > animation. Maka otomatis jendela animasi muncul dibawah

10. Pada frame pertama, klik tanda ‘mata’ pada layer background, lalu frame kedua, klik tanda ‘mata’ pada layer background copy, frame ketiga klik tanda ‘mata’ pada layer atasnya, jadi urut dari bawah ke atas. Agar lebih jelas, perhatikan ss berikut :



terus begitu sampai layer bakcground copy yg paling atas, jadi terakhir ada 6 frames yg terbuat seperti ss dibawah ini :



11. Yap, tahap terakhir adalah mengatur delay (kecepatan) gif tersebut, perhatikan ss berikut :

DELAY FRAMES yg ada efek Blurnya HARUS LEBIH CEPAT DARI DELAY GAMBARNYA

12. Sekarang tinggal disave pekerjaan agan dengan cara, file > save for web & devices > ubah format menjadi gif > ubah color menjadi 256 (semakin banyak warna, kualitasnya semakin bagus) > ok :



Tarrrraaaa Ini dia Hasilnya :