Bagi Ilmu : Membuat Animasi Text Glitter Sederhana dengan Image Ready

Ketemu lagi deh… mmm… kali ini memang agak beda yah bagi ilmu-nya, soalnya sekarang tidak menggunakan Photoshop, tetapi dengan Image Ready. Bagi temen2 yang sudah terbiasa dengan Photoshop tentunya juga tahu dong dengan Image Ready… klo tetep ada yang belum tahu… Image Ready itu satu paket instalasi dengan Photoshop. Guna sebenarnya saya juga belum tahu, tapi beberapa saat yang lalu saat saya coba2 ternyata Image Ready bisa dimanfaatkan untuk membuat animasi sederhana.
Oleh karena ini (pales yah…) ya dah… oleh karena itu kali ini saya coba bagi ilmu untuk membuat animasi text sederhana dengan Image Ready…

Sebenarnya sih bisa saja kalau kita mau buat langsung di Image Ready, tapi saya lebih enak editing lewat Photoshop dulu, baru nanti penggunaan layer tiap frame akan kita atur dengan Image Ready…
So… kupas dulu Photoshop nya… lalu inilah langkah2 nya :

1. Kalau untuk file animasi (dalam ini kita akan membuat file GIF) sebaiknya kita gunakan ukuran sedang untuk menghemat memory, oleh karena itu kita buat file baru dengan klik File >> New >> beri nama dan tentukan ukuran (kalau yang saya pakai nama teks 1 dan ukuran 320×240 serta Backgroun contents >> transparent) >> OK
2. Lalu kita buat text menggunakan Horizontal Type Tool, pilih jenis huruf favorit masing2… dan ketik kata2 yang diinginkan… saya ambil contoh font yang umum saya… Comic Sans MS, saya buat bold, ukuran 70, lalu Blending Options (klik kanan layer >> Blending Options…) dengan Gradient Overlay >> merah-kuning-merah, Stroke warna hitam ukuran 7px.
3. Sekarang agar efek Blending Option menyatu dengan teks, kita duplikasikan 1 kali dengan tekan ctrl+j, lalu kita gabungkan dengan tekan ctrl+shift+e (memang langkah ini terasa tidak merubah apa2, tapi inilah cara yang saya gunakan agar teks ini bisa diberi efek cahaya nantinya)
4. Setelah tulisan jadi… kita duplikasi menjadi 3 layer dengan tekan ctrl+j 2 kali… beri nama tiap layer (sebagai contoh saya beri nama urut 1, 2, dan 3 agar mempermudah nanti saat dipakai dalam tiap frame)
5. Kalau 3 layer tersebut sudah jadi, kita beri efek mulai dari layer 1 dengan efek Lens Flare, caranya klik Filter >> Render >> Lens Flare… disitu kita pakai ukuran yang berbeda-beda (saya menggunakan ukuran 35, 50 dan 70) dan ulangi efek tersebut pada tempat yang berbeda-beda… lalu ulangi pada layer 2 dan 3 dengan letak cahaya yang berbeda juga… (tips dari saya : gunakan cahaya secukupnya, jangan kurang dan jangan berlebihan)
6. 3 Layer telah jadi, sekarang kita pindah ke Image Ready, caranya klik File >> Edit in ImageReady (shift+ctrl+m), lalu kita akan berpindah ke tampilan ImageReady… memang tampilan serta menu2nya nggak beda jauh dengan Photoshop, hanya beda beberapa tool saja…
7. Kini… aktifkan (tampilkan) jendela animasi dengan klik Windows >> Animation, taruh tiap layer pada tiap frame sesuai urutannya dan klik File>>Save Optimized as (jangan yang Save As…)… jadilah
Maaf ya… untuk bagi ilmu kali ini tidak saya sertakan screenshot nya… tp inilah hasil jadinya jika mengikuti tips diatas…
animasi_teks_1a

17 tanggapan

7 12 2008
kambing_santai

kerennnn…..

30 05 2009
herlands kagurazaka

hehehhe boleh juga
okey aja deh

30 05 2009
riadyawan

he7x… makasih dah sempet mampir… ^^

10 06 2009
HidekiRyuga

Image Ready di mana dunlud-nya????

11 06 2009
HidekiRyuga

Kk bisa request gak????? klo bisa tolong bikinin animasi text seperti di atas tapi dengan nama ARADEA ARJANGGI bisa gak????

15 06 2009
riadyawan

low kamu pakai photoshop 7 sampai photoshop 8 (CS) image ready-nya dah satu paket, jd begitu install photoshop-nya otomatis image ready-nya ikut ke-install, low kamu pake photoshop cs3 g’ ada image ready-nya cz fasilitas animasi dah terintegrasi di photoshop-nya… tp diriku g’ tau low versi cs2 cz belom pernah pakai… ^^

15 06 2009
riadyawan

boleh, tp tolong diriku diberi penjelasan selengkap-lengkapnya, misal resolusi/ukuran-nya berapa?? misal 320×240 atau berapa gitu… truz warnanya pingin yg kaya’ apa??? tp oke lah tak usahakan… tp harap sabar yah cz kompie dirumah lagi ngadat… untuk kedua kalinya power supply rusak n untuk kesekian kalinya kompie rumah nganggur… xb

moga aja di tempat magang besok da waktu buat ngerjain request kamu… ^^

16 06 2009
Didik Nurdiyanto

kurang lengkap mas, gimana proses jalannya, terus penarikan layer ke frame tidak dijelaskan, tolong dijelaskan, mantap banget

16 06 2009
riadyawan

hi7x… maaf mas pas nulis ntu posting diriku lg puyeng jd buru2 gitu nulisnya asal jadi tulisan gitu… sebenernya mo kasih banyak screenshot tp ya gitu deh… yah low punya cukup waktu tak tambah deh… ^^

16 06 2009
Request Glitter Text « Riadyawan’s Blog

[...] Bagi Ilmu : Membuat Animasi Text Glitter Sederhana dengan Image Ready [...]

16 06 2009
riadyawan

mas hideki, itu request-nya dah tak posting, coba liat di postingan-ku yg terakhir… low da yg perlu dirubah silahkan kirim pesen lg aja… ^^

9 07 2009
Ulum

numpang belajar. thanks ^_^

9 07 2009
Noda

Loh Boss Blending tu dimananya??
kok kagak ada yah??

10 07 2009
riadyawan

hi7x… sama2 thanks juga dah mampir… semangat truz belajarnya… ^^

10 07 2009
riadyawan

Blending Option ntu ada kq di tiap layer, coba klik kanan layer yg pingin dikasih efek di menu kanan bawah, ada kq…

13 07 2009
Pasa Firaya, ST

Sip artikelnya, sukses yach …

16 07 2009
riadyawan

aammmiinnn… makasih banyak mas bwat kunjungannya… ^^

Tinggalkan komentar