Membuat Animasi Text Glitter Sederhana dengan Image Ready

1. Votes
Quantcast


Huh…. akhirnya… bisa juga nulis2 lagi… sbenerny ide bwt nulis bagi lmu yg ntu ini dah lama… cma blm da waktu jadi ya…. (wah kbnykan ngomong nih… )
Ya dah langsung azza… kali ini sy coba bagi ilmu buat Glowing Neon Text… ya… masih animasi sederhana… (sebelumnya minta maaf kalo bagi ilmu yg sbelumny… pas buat Glitter Text ga jelas, coz klupaan pake gambar alias print screen tiap tahap…
mo nyisipin nanggung… ya… maaf deh…)
Inilah tampilnya… (wah fales…)… inilah dia… (waduh… kaya’ si jali2 azza…)… ya dah… inilah… ya… beginilah….
1. Mari yang paling tua dipersilahkan terlebih dahulu… (lho… wah ngacow nih…) …yah.. pertama kita buat tulisannya pake Photoshop dulu… Buka Photoshop, buat file baru… File >> New >> ukurannya dibuat 320×240 dan beri nama, misal Glowing Neon >> OK
2. Agar cahaya nantinya terlihat jelas, kita gunakan background warna hitam saja… Klik Edit >> Fill >> Pada contents > use > gunakan Black… >> OK
3. Selanjutnya kita buat tulisan yang menarik… sebagai contoh saya gunakan font standar,”Comic Sans MS”, warna biru, ukuran 48pt (klo yg ini ga ada menariknya sama skali… tp ya… ga pentng lah…) saya tuliskan seperti pada gambar berikut…

4. Berikutnya kita buat duplikat text tersebut … pilih layer text tersebut… tekan ctrl+j, nah sekarang ada 2 layer berupa text…
5. Kita mulai untuk memberi cahaya pada layer text pertama… klik kanan layer text pertama… pilih Blending Option… pada Blending Option:Custom, Fill Opacity buat saja 0%, lalu pada Outer Glow, biar jelas pakai warna kuning… lalu tentukan Opacity 100%,Noise 14%, Spread 14%, dan Size 14px, pada Inner Glow, beri centang saja tidak perlu mengubah nilainya, lalu klik OK. Kau mau mencoba dengan nilai yang berbeda silahkan… tidak berdosa dan tidak ada undang2 yang mengaturnya…

6. Pindah ke layer text kedua… klik kanan.. pilih Blending Option… pada Blending Option:Custom, Fill Opacity buat 100%, lalu pada Outer Glow, pakai warna kuning juga… lalu Opacity 100%,Noise 21%, Spread 21%, dan Size 28px, pada Inner Glow, juga centang saja, lalu klik OK.
7. Nah sekarang kita sudah punya 2 layer text untuk di-animasi-kan (wah… istilahnya ga enak bgtz…)… langsung saja… klik File >> Edit In ImageReady (shift+ctrl+m)… maka sekarang kita akan bekerja dengan Image Ready…
8. Setahu saya pada saat pertama membuka Image Ready.. tidak ada jendela Animation… jadi kita tampilkan dulu dengan klik Windows >> pilih Animation, maka akan muncul jendela kecil seperti ini…

9. Nah… di jendela animation kan baru ada 1 frame… kita tambahkan 1 frame lagi dengan klik anak panah kecil di pojok kanan atas >> pilih new frame…

10. Selanjutnya… kita akan masuk ke inti dari animasi ini, yaitu pengaturan layer pada tiap frame… langsung saja… pilih frame pertama… lalu pada jendela layers, beri centang (lambang mata) pada layer background dan layer text pertama…

11. Kemudian pindah ke frame kedua… pilih frame kedua… lalu pada jendela layers, beri centang pada layer background dan layer text kedua…

12. Tahap berikutnya kita atur waktu tampil tiap frame… pilih kedua frame yang ada… klik tiap layer sambil tekan ctrl… lalu klik tanda waktu dibawah frame tersebut… lalu tentukan saja 0,1 detik tiap frame (0,1 second)

13. Terakhir kita simpan gambar tersebut dalam format GIF, tapi tidak dengan Save As… yang akan kita gunakan adalah klik File >> Save Optimized As… >> beri nama >> Save… jika sudah.. maka inilah hasilnya… (kira2 begini…)
Maka berakhirlah sesi bagi ilmu kali ini… kalau ada kritik dan saran bolehlah kita menumpang mandi… kalau ada sumur di ladang langsung saja kirimkan/ungkapkan disini (lho….)… yang jelas kalau da makian langsung azza ungkapkan sepenuh hati… (apa lagiii… ni…)
Ya sudah lah… mungkin ini dulu yang bisa saya bagikan ilmunya… walau tak seberapa… mudah-mudahan berguna… akhir kata wassalamu’alaikum wr.wb……
Selamat mencoba…