Anda di halaman 1dari 3

*artikel sebelumnya: membuat animasi gambar bergerak gif dengan photoshop

Setelah kemaren mebuat animasi pergerakan warna, kita akan mencoba mmbuat scrolled
text alias text berjalan gambar gif menggunakan photoshop. Mari kita buka
photoshopnya
uat dokumen baru, file!!new. "ilih ukuran gambar, saya mengunakan ukuran #$% x $%
pixel.
&angan lupa tampilkan jendela animation di 'windows( ! 'animation
)kay, selanjutnya buat layar baru, yang berisi text yang kita tampilkan. *lik 'new layer(
pada jendela layer:
setelah itu klik text tool yang ada di sebelah kiri,
kemudian kettikan tulisan yang ingin kita animasikan, saya mengetikkan 'antoro.net(
eralih ke jendela animasi. +isini kita akan membuat text tersebut berjalan dari ujung
kanan ke ujung kulon eh ujung kiri. &adi pada frame pertama pada jendela animasi,
geser tulisan tadi ke kanan dengan menggunakan arah kanan pada keyboard. *ita bisa
juga menggunakan mouse, tapi kalau tidak cermat, nanti animasinya tidak berjalan
mulus. ,eser ke kanan sampai ujung depan tulisan tidak terlihat lagi,
kemudian, klik duplicate selected layar pada jendela animasi,
klik frame kedua -yang di duplikasi tadi.. *emudian kita geser text tadi ke kiri memakai
arah kiri keyboard sampai ujung belakang tulisan tidak terlihat.
/gar gerakan text berjalan dengan mulus, kita berikan frame tambahan dengan meng0klik
'tween animation frames( pada frame pertama,
lalu akan muncul jendela seperti berikut:
"ada tween with, pilih yang next frame.
"ada frame to add, masukkan jumlah frame yang kehendaki, masukkan angka lebih dari $
bila ingin animasi berjalan mulus, saya menggunakan '1$2, lanjutkan dengan klik )*.
/gar animasi terus berjalan, pilih yang 'fore3er(. kemudian tekan tombol play dalam
jendela animasi, kira0kira hasilnya akan seperti ini
4hoops5 6ampir lupa, untuk menyimpan gambarnya, kita gunakan 'sa3e for web 7
de3ice( nya photoshop. 8aranya klik file ! Sa3e for web 7 de3ice atau shortcut
89:;</;9<S6=>9<S
"ilih file gif, lalu sa3e, muncul jendela sa3e, masukkan nama gambar, dan sa3e.
MEMBUAT FAVICON AGAR BERGERAK
8aranya hampir sama, cuma ukuran standard fa3icon adalah 1? x 1? pixel -sempat tidak
sempat harus enambelas, lhoh5.. uat aja ukuran 1? x 1? pixel, lalu ikuti langkah di atas
untuk menganimasikan. *emudian yang paling penting adalah cara sa3e gambar fa3icon
tersebut. >a3icon memiliki extensi gambar .ico -yang pada photoshop 8S @ yang saya
pakai tidak ada.. tapi kita bisa mengakalinya dengan mengetikkan sendiri. 8aranya klik
file ! Sa3e for web 7 de3ice atau shortcut 89:;</;9<S6=>9<S, pilih gambar gif,
kemudian sa3e.

Anda mungkin juga menyukai