[Photoshop] Efek Ubah Gambar

Subyek: [Photoshop] Efek Ubah Gambar Fri Jan 04, 2013 9:36 pm

siapin aja
-kopi pacman

-jamu

-kesabaran pacman

1.Pertama sekali yang kita butuhkan adalah membuat border, tapi tenang saja, border sudah disediakan INI POLOSAN 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

dibuka mblo:

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

dibuka mblo:

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")

dibuka mblo:

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

dibuka mblo:

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

dibuka mblo:

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

dibuka mblo:

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 :

dibuka mblo:

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

dibuka mblo:

dibuka mblo:

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

dibuka mblo:

dibuka mblo:

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

dibuka mblo:

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

dibuka mblo:

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