TS
viperthreon
[TUTORIAL] Adobe Flash Animation
Salam sejahtera gan, sis 
Thread ini bakal terus ane update sampe detail-detailnya (mungkin bakal lebih banyak penjelasan mengenai tool-tool dan info pembantu daripada Animasi itu sendiri, karena TS disini hanya memberikan pengarahan bagaimana cara menggunakan Flash sedangkan animasi sendiri tergantung kreatifitas kaskuser masing-masing
Adobe Flash adalah salah satu produk software unggulan Adobe. Flash mampu membuat gambar vektor maupun animasi sampai program interaktif. Mampu memproduksi file berekstensi gif, jpg, exe dan andalannya, .swf. Nah, file swf inilah yang akan kita gunakan nanti.
Langsung aja, berikut ini adalah tampilan awal dan lembar kerjanya :
![[TUTORIAL] Adobe Flash Animation](https://s.kaskus.id/images/2015/01/09/5063576_20150109062613.jpg)
[/SPOILER]
![[TUTORIAL] Adobe Flash Animation](https://s.kaskus.id/images/2015/01/09/5063576_20150109062823.jpg)
Dan didalam Interface Flash diatas, inilah bagian-bagian didalamnya, yaitu :
![[TUTORIAL] Adobe Flash Animation](https://s.kaskus.id/images/2015/01/09/5063576_20150109064247.jpg)
Agan" semua yang pernah belajar materi komputer di SD pasti kenal sama ini
![[TUTORIAL] Adobe Flash Animation](https://s.kaskus.id/images/2015/01/09/5063576_20150109065053.jpg)
Toolbar ini tempat alat-alat yang bakal kita gunakan buat menggambar, menghapus, memutar, memindah, mengganti ukuran, mewarnai dll.
[SPOILER=Timeline]
![[TUTORIAL] Adobe Flash Animation](https://s.kaskus.id/images/2015/01/09/5063576_20150109065647.jpg)
Kotak-kotak yang agan liat diatas itu adalah FRAME, dan frame-frame nanti jika play akan menjadi sebuah animasi...
Animasi di Adobe Flash dibagi menjadi 5 bagian, yaitu:
[SPOILER=Pertama]
![[TUTORIAL] Adobe Flash Animation](https://dl.kaskus.id/cnfmedia.files.wordpress.com/2008/05/contoh-frame.jpg)
Frame by Frame sendiri adalah konsep dari animasi murni sendiri, jadi kita bakal menempatkan gambar ditiap frame satu per satu yang seperti contoh diatas yang kemudian akan menjadi gambar bergerak (animasi) ketika kita tekan play (shortcut: Enter). Untuk selanjutnya Frame by Frame akan disebut FF
Jadi segala sesuatu yang bergerak dengan FF adalah murni gambar yang agan gerakin secara manual (move, rotate, scale)
![[TUTORIAL] Adobe Flash Animation](https://dl.kaskus.id/www.kroojan.com/flash/images/6-5.jpg)
Motion Tween itu sohib nya FF yang lebih otomatis gan. Jadi jika kita membuat sebuah objek di lokasi A di keyframe 1 kemudian kita seret langsung ke lokasi B di keyframe 10, maka objek itu agan otomatis bergerak ke titik B secara otomatis. (KeyFrame bakal ane jelasin nanti ya
, pokok keyframe disimbolkan bulet, titik sebesar upil di kotak frame di timeline) Tidak seperti FF yang kita harus gerakan satu per satu tiap frame 
Begitu juga saat kita rotate dan scale nanti si objek bakal otomatis ngikutin. Hanya saja jika kita sudah mengubah objek menjadi Motion Tween , maka kita ga bisa mengubah bentuk si objek tersebut. Jika bentuknya bulat g bisa diganti kotak. Motion Tween disimbolkan frame berwarna Ungu
![[TUTORIAL] Adobe Flash Animation](https://dl.kaskus.id/learningame.inforef.be/images/flash/shape_tween.jpg)
Motion Shape diibaratkan sodaranya Motion Tween. Jika si Tween adalah seorang yang kaku dan keras kepala karena g bisa berubah, si Shape ini orangnya kebalikannya gan, bebas! Free! yo man!Mereka mempunyai kesamaan yaitu animasinya bakal otomatis ngikutin keyframe. Jika di keyframe 1 agan membuat si objek bulat, kemudian di keyframe 10 kotak, maka si objek akan otomatis bertransformasi menjadi kotak. Motion Shape disimbolkan frame berwarna Ijo Enak ya, serba otomatis. Eiits tunggu dulu, Motion Shape ini sensitif, ada pantangannya agar si objek tidak gagal bertransformasi yang nanti ane jelasin di Update selanjutnya. 
okey? Ok-in aja deh, nurut aja ama gue
Motion Guide
![[TUTORIAL] Adobe Flash Animation](https://dl.kaskus.id/www.aevision.com/tutorials/images/guide_layer_final.jpg)
Seperti namanya, Guide. Animasi ini akan membantu si objek bergerak menuruti garis rute Motion Guide. Sebenarnya sih si Guide ini hanyalah fitur pembantu. Kenapa disebut pembantu? Karena tanpa menggunakan FF, Tween atau Shape, si Motion bakal useless. Seperti namanya gan. Jika agan membuat rute berliku-liku, dengan objek di titik A keyframe 1 dan menaruh objek ke titik B di frame 15, si objek bakal ngikut bergerak zig-zag, menuruti rute Motion Guide itu tadi. Tapi ada sedikit syarat sah agar si Motion Guide ini bekerja dengan bener. Jujur, ane sendiri masih sekarang masih bingung dengan motion yang satu ini
. Syaratnye bakal ikut update selanjutnya.
Maaf ye gan, kelima ikut update selanjutnya. DIkarenakan udah mulai larut, ane harus pulang ke kandang. Di cariin emak nanti ane
Billing ane juga mulai kritis nih, ane ijin ke UGD dulu gan, ngantre si Billing. Baru pulang kerumah
Pertama-tama, ane mau ngucapin susu atu kpd momod yang berkuasa di forsup ini "tolong jangan di sunat dolo thread ini gan gara-gara belum ngasih tutorialnya gan 
. Sibuk banget bulan ini gaaaaan "
OK. Kita sudahin drama ini. hapus air mata
Oh ya, untuk saat ini ane nyomot gambar dari si Mbah dolo semuanya. Beberapa gambar udah duduk manis dibaris antri, tinggal nunggu tulisan materinya selese.
. Sibuk banget bulan ini gaaaaan "OK. Kita sudahin drama ini. hapus air mata
Oh ya, untuk saat ini ane nyomot gambar dari si Mbah dolo semuanya. Beberapa gambar udah duduk manis dibaris antri, tinggal nunggu tulisan materinya selese.
Thread ini bakal terus ane update sampe detail-detailnya (mungkin bakal lebih banyak penjelasan mengenai tool-tool dan info pembantu daripada Animasi itu sendiri, karena TS disini hanya memberikan pengarahan bagaimana cara menggunakan Flash sedangkan animasi sendiri tergantung kreatifitas kaskuser masing-masing
Quote:
[/SPOILER]Quote:
Introduction
Adobe Flash adalah salah satu produk software unggulan Adobe. Flash mampu membuat gambar vektor maupun animasi sampai program interaktif. Mampu memproduksi file berekstensi gif, jpg, exe dan andalannya, .swf. Nah, file swf inilah yang akan kita gunakan nanti.
Langsung aja, berikut ini adalah tampilan awal dan lembar kerjanya :
[/SPOILER]
Spoiler for Lembar Kerja:
Dan didalam Interface Flash diatas, inilah bagian-bagian didalamnya, yaitu :
Spoiler for Menu Bar:
Agan" semua yang pernah belajar materi komputer di SD pasti kenal sama ini
Spoiler for Tool Bar:
Toolbar ini tempat alat-alat yang bakal kita gunakan buat menggambar, menghapus, memutar, memindah, mengganti ukuran, mewarnai dll.
[SPOILER=Timeline]
Kotak-kotak yang agan liat diatas itu adalah FRAME, dan frame-frame nanti jika play akan menjadi sebuah animasi...
Quote:
Quote:
Animation
Animasi di Adobe Flash dibagi menjadi 5 bagian, yaitu:
[SPOILER=Pertama]
Frame by Frame
Frame by Frame sendiri adalah konsep dari animasi murni sendiri, jadi kita bakal menempatkan gambar ditiap frame satu per satu yang seperti contoh diatas yang kemudian akan menjadi gambar bergerak (animasi) ketika kita tekan play (shortcut: Enter). Untuk selanjutnya Frame by Frame akan disebut FF
Jadi segala sesuatu yang bergerak dengan FF adalah murni gambar yang agan gerakin secara manual (move, rotate, scale)
Spoiler for Kedua:
Motion Tween
Sumber: http://www.kroojan.com
Motion Tween itu sohib nya FF yang lebih otomatis gan. Jadi jika kita membuat sebuah objek di lokasi A di keyframe 1 kemudian kita seret langsung ke lokasi B di keyframe 10, maka objek itu agan otomatis bergerak ke titik B secara otomatis. (KeyFrame bakal ane jelasin nanti ya
, pokok keyframe disimbolkan bulet, titik sebesar upil di kotak frame di timeline) Tidak seperti FF yang kita harus gerakan satu per satu tiap frame Begitu juga saat kita rotate dan scale nanti si objek bakal otomatis ngikutin. Hanya saja jika kita sudah mengubah objek menjadi Motion Tween , maka kita ga bisa mengubah bentuk si objek tersebut. Jika bentuknya bulat g bisa diganti kotak. Motion Tween disimbolkan frame berwarna Ungu
Spoiler for Ketiga:
Motion Shape
Sumber: http://learningame.inforef.be
Motion Shape diibaratkan sodaranya Motion Tween. Jika si Tween adalah seorang yang kaku dan keras kepala karena g bisa berubah, si Shape ini orangnya kebalikannya gan, bebas! Free! yo man!
Mereka mempunyai kesamaan yaitu animasinya bakal otomatis ngikutin keyframe. Jika di keyframe 1 agan membuat si objek bulat, kemudian di keyframe 10 kotak, maka si objek akan otomatis bertransformasi menjadi kotak. Motion Shape disimbolkan frame berwarna Ijo Enak ya, serba otomatis. Eiits tunggu dulu, Motion Shape ini sensitif, ada pantangannya agar si objek tidak gagal bertransformasi yang nanti ane jelasin di Update selanjutnya. okey? Ok-in aja deh, nurut aja ama gue
Spoiler for Keempat:
Motion Guide
Sumber: http://www.aevision.com
Seperti namanya, Guide. Animasi ini akan membantu si objek bergerak menuruti garis rute Motion Guide. Sebenarnya sih si Guide ini hanyalah fitur pembantu. Kenapa disebut pembantu? Karena tanpa menggunakan FF, Tween atau Shape, si Motion bakal useless. Seperti namanya gan. Jika agan membuat rute berliku-liku, dengan objek di titik A keyframe 1 dan menaruh objek ke titik B di frame 15, si objek bakal ngikut bergerak zig-zag, menuruti rute Motion Guide itu tadi. Tapi ada sedikit syarat sah agar si Motion Guide ini bekerja dengan bener. Jujur, ane sendiri masih sekarang masih bingung dengan motion yang satu ini
. Syaratnye bakal ikut update selanjutnya.
Spoiler for Kelima:
Maaf ye gan, kelima ikut update selanjutnya. DIkarenakan udah mulai larut, ane harus pulang ke kandang. Di cariin emak nanti ane
Billing ane juga mulai kritis nih, ane ijin ke UGD dulu gan, ngantre si Billing. Baru pulang kerumah
Diubah oleh viperthreon 09-01-2015 12:28
nona212 dan latifbastian123 memberi reputasi
2
12.8K
33
Komentar yang asik ya
Urutan
Terbaru
Terlama
Komentar yang asik ya
Komunitas Pilihan