View Full Version : Text Board Animation







ganwu
September 21, 2007, 09:41
mugnkin ini tut pertamax g di WG, pertama g kenalin diri dulu Aye ini

ITlust kalo di WG pake nick GanWu aj,g salah satu penggila Photoshop dan pecinta vector Art(walopun kaga ngerti cara buatnya).mungkin tut2 buatan gue bahasanya emang nyeleneh.but try to enjoy it :D



g png ajarin bikin simple text board …
anda tau text Board ?itu lho yg biasa di bandara2 yg ada pesan jalan2,kalo masi ga ngeh dulu
textboard pernah g buat utk ucapan selamat tahun baru dan natal buat if
ok to the point pertama cara buatnya adalah :
bikin dokumen 3×3 pixel,lalu zoom sampe fit screen,klik 2x layer background
hingga layer background menjadi layer biasa …
lalu hapus warna Bg pada kanvas.http://indoupload.net/files/153/SNAG-0000%281%29.jpg
dengan pencil tool buat gambar menyerupai salib seperti ini http://indoupload.net/files/153/SNAG-0001%281%29.jpg
lalu edit>define pattern,beri nama pattern tersebut salib
http://indoupload.net/files/153/SNAG-0003%281%29.jpg
tutup dokumen tersebut bikin dokumen baru sebesar 450 * 50
beri warna hitam pada kanvas,lalu new layer edit>fill pattern dan pilih pattern salib yg tadi telah dibuat.
http://indoupload.net/files/153/SNAG-0004%281%29.jpg
sekarang buat teks dengan warna orange misalnya tulisannya “Aku sayang mama” http://www.itlust.org/index.php/category/tutorial/design/images/smilies/ym/24.gif buat layer teks tsb diantara
layer background dan layer yg td di fill pattern.
susunannya seperti ini
http://indoupload.net/files/153/SNAG-0005%281%29.jpg
Sekarang utk menganimasikannya pilih window>animation
sekarang move teks aku sayang mama tsb ke kiri layar hingga tak terlihat di kanvas.
lalu new frame dengan cara spt brkt
http://indoupload.net/files/153/SNAG-0007%281%29.jpg
buat 3 frame,lalu pilih frame ke 2 dan letakkan teks aku sayang mama tersebut ke posisi di tengah2 kanvas
kira2 spt ini
http://indoupload.net/files/153/SNAG-0008%281%29.jpg
di frame 3 geser lagi teksnya ke sisi kanan kali ini hingga tak terlihat di kanvas
selanjutnya blok frame 1 dan 2>tween
http://indoupload.net/files/153/SNAG-0009%281%29.jpg
masukan 5 frame…
perhatikan akan muncul frame2 baru di animation window sekarang blok frame 1
sampe 6 dan ubah dari 0.0 sec menjadi 0.2 sec (bisa diubah menjadi lebih kecil jika ingin pergerakan teks lebih cepat)
lalu blok lagi frame 7 sampe 8 dan tween lagi 5 frame
blok frame 7 dan ubah dari 0.0 sec menjadi 5 sec
blok frame 8-12 ubah dari 0.0 sec menjadi 0.2 sec
blok frame 13 ubah dari 0.0 sec menjadi 2 sec
and that’s done it
ingat save file dalam bentuk .gif!!!
ini hasil final gue
http://indoupload.net/files/153/final%281%29.gif
dengan sedikit kreativitas dan bereksplore dengan animation kamu bisa
buat 3 teks berbeda yg ganti2an tampil di text board
spt ini
http://indoupload.net/files/153/textboard.gif
ok,like always
no COPAS to other forum beside ifen WG en no COPAS to other webs beside itlust.org en itlust.focers.net

europe
September 21, 2007, 10:59
met dtng bro.. :D
good work.. :D

Ðêvå Ärê§
September 22, 2007, 15:29
met datang...
nice tuts...:D