Main My profile Registration Log out Login
Welcome Guest | RSS
Minggu
01 Des 2024
10:13 AM
..:::  Forum gratiss  :::..   "semuanya serba gratis di situs ini"
[ New posts · Members · Forum rules · Search · RSS ]
  • Page 1 of 1
  • 1
Membuat Animasi Banner Sederhana
ireneeeTanggal: Senin, 13 Apr 2009, 9:23 PM | Posting # 1
Private
Group: Users
Total posting: 1
Reputasi: 0
Status: Offline
tau banner kan?
biasanya banner itu ada dibagian atas situs... banner bisa berupa iklan, promosi, berita
agar lebih menarik, banner dibuat dengan animasi sederhana

hasil akhirnya seperti ini

pengen bisa? silakan baca tutorial nya disini

1. buka photoshop
2. klik file - new.. atur width dan height, dan warna background (up2u)
(kami menggunakan ukuran canvas nya 400 x 200 pixel
3. copy paste image/gambar sembarang, kami menggunakan gbr jeruk
4. atur posisi jeruk sesuai selera

5. klik new layer, klik huruf T (text) di toolbar samping
kemudian beri tulisan "Membuat Banner Sederhana" dibagian atas

6. beri efek drop shaddow, klik 2x layer Membuat Banner Sederhana, klik drop shaddow, atur sesuai selera
(kami menggunakan blend mode Multiply, opacity 25%, angle 120°, distance 5px, size 5px)
7. buat 3 layer baru, masing2 di isi tulisan sesuai selera (untuk nanti di animasikan)
(catatan : jumlah layer juga sesuai selera masing2)
kata2/tulisan juga sesuai selera.. atur posisinya juga sesuai selera
perhatikan gambar

8. setelah dirasa pas...pindah (jump) ke imageReady, klik aja icon JUMP dr toolbar samping bagian bawah
atow bisa juga mencet ctrl+shift+M

9. setelah ke imageReady. munculkan toolbar/jendela animasi (kalo belum muncul)
10. sesuai no 7 diatas, ada 3 layer yg akan dianimasikan, maka di jendela animasi tambahkan 3 frame baru (atur kecepatan animasi (sec) sesuai selera)
(kami menggunakan kecepatan 0.5sec per frame, kecuali untuk frame terakhir, 0sec)

11. klik frame 1, hilangkan tanda Mata di layer terus kenapa & ya gakpapa...sehingga yg tampak hanya tulisan ini jeruk

12. klik frame 2, munculkan tanda Mata di layer terus kenapa?, hilangkan tanda Mata di layer ini jeruk

13. klik frame 3, munculkan tanda Mata di layer ya gakapapa... , hilangkan tanda Mata di layer ini jeruk & terus kenapa

14. klik frame 4, hilangkan tanda Mata di layer ini jeruk & terus kenapa, ubah kecepatan animasi menjadi 0.5sec,
klik layer ya gakpapa , ubah opacity nya menjadi 0

15. klik tombol Tween di toolbar/jendela animasi

16. atur setting tween nya sesuai selera, perhatikan gambar

17. selesai
18. save dengan cara file - save optimized as , simpan dalam format gif
19. semoga bermanfaat
terimakasih

sumber:
http://www.sejutablog.com/langkah-mudah-membuat-banner-animasi/
http://www.duniainformasi.site90.com/?p=51
http://ilmukomputer.org/2008/06/24/membuat-animasi-dengan-adobe-imageready/

Created by :
Irene 12
Linda 15
Monica 17
Rency 18

Isi posting telah diubah oleh ireneee - Senin, 13 Apr 2009, 10:25 PM
 
denny_adhitamaTanggal: Selasa, 02 Jun 2009, 10:14 AM | Posting # 2
Generalissimo
Group: Administrators
Total posting: 331
Reputasi: 21
Status: Offline
waduh yg ini kelewat blom saya kasih nilai.
akhirnya ada jg yg buat tutorial membuat animasi dgn photoshop.
klo di CS3, pembuatan animasi tdk lg menggunakan image ready ttp sudah include di photoshopnya,
tinggal mengaktifkan panel animasi dr menu windows.

nilai : 80

 
  • Page 1 of 1
  • 1
Search:


 Denny's Page © 2024
Make a free website with uCoz