Zora - One Piece -->    

Cara membuat animasi sederhana di adobe flash cs6 yang mudah di Pahami


BELAJAR FLASH : MEMBUAT ANIMASI SEDERHANA MENGGUNAKAN ADOBE FLASH
Membuat Animasi

BELAJAR FLASH : MEMBUAT ANIMASI SEDERHANA MENGGUNAKAN ADOBE FLASH

Berjumpa kembali di web desain.grafis, kali ini kita akan membahas tutorial belajar Flash. Bagaimana membuat animasi sederhana menggunakan Adobe Flash. Teknik yang digunakan untuk membuat animasi ini adalah animasi keyframe, Apa itu animasi keyframe ?kalau saya pribadi menyebut bahwa animasi keyframe itu adalah animasi yg dibuat dari kumpuluan keyframe, dimana disetiap keyframe itu diberi objek yg berbeda.


Baca juga artikel berikut : Cara mendaptkan uang dari Internet (Kontributor BaBe)
Serta
Cara Mendapatkan Ranking satu di kelas
Pembahasan UKK TKJ Paket 2 2018 | K13

Baca juga
1. Buat dokumen baru lalu berinama terserah Anda.


2. Kemudian import file gambar kedalam library. 
Perlu di ketahui bahwa didalam adobe flash ada 4 jenis import file yang pertama Import to Stage artinya file akan import dan langsung ditampilkan kedalam stage, yang ke-2 adalah Import to Library maksudnya file yang diimport tidak langsung ditampilkan kedalam stage akan tetapi file disimpan didalam panel  library, yang ke-3 Open External Library maksudnya mengimport file dari panel library pada dokumen flash yang lain dan nantinya akan masukkan pada panel library, dan yang terakhir adalah Import Video artinya adalah mengimport file video yang kemudian video tersebut langsung ditampilkan pada stage.


3. Baik sekarang kita akan gunakan saja import to Library karena kita akan mengimport banyak file, jadi file harus disimpan dulu pada library sebelum nantinya digunakan pada stage.


4. Berikut adalah cara import file, pilih menu File kemudian anda pilih Import to Library.





5. Lalu akan muncul dialog atau windows Import to Library seperti terlihat pada gambar dibawah Kemudian disitu cari file yang akan diimport.





6. Jika import berhasil, kita lihat panel library pasti disana terdapat gambar yang kita import barusan.





7.  Selanjutnya kita akan coba buat animasinya. Tapi sebelumnya kita ganti dulu nama Layer 1 menjadi karakter. Untuk mengganti nama layer tentunya anda masih ingat bukan, jika anda lupa silahkan anda buka kembali tutorial sebelumnya yang berjudul. Kancibiru.blogspot.com : Cara mendapatkan uang dari OPERA MINI





8. Jika sudah mengganti nama layer lalu kita masukan gambar yang diimport pada libary tadi kedalam stage, caranya adalah anda cukup klik lalu geser gambar kedalam stage, atau anda dapat klik 2x gambar tersebut



Kancibiru.blogspot.com





kancibiru.blogspot.com



9. Lalu kita atur posisi gambar pada stage. Agar posisi gambar sama maka buat garis bantu pada stage atau istilahnya adalah guide. Untuk menampilkan guide anda harus menampilkan dulu rules pada worksapce anda.


10. Untuk menampilkan rules caranya adalah anda pilih menu view kemudian pilih rules
Cukup sekian pembahasan animasi keyframe kali ini. Semoga bermanfaat.




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrNJ3yYzbFw9-m54ShU2oQMPoYSBucjWL7u_ThCjxD6dBW3ofgj3M_CpeCVHYBq8uOGjYdDxqQPFSsWESDC4zFLV0XcqRVLuY116JGTkAwTjNtrWzHMWDGPnHcmr5OzEWCSgdmJ0JsNO9i/s1600/005_1.jpghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo79PeNc026lqFtk5UaVwf0tuqJPneXHLU8lLrmXfQhgheZfjo0zouyu6C_WNRWe3fPUtT_SaHczcO2TTG1fFRwakzBqA2RmYktOu50xBC7AcCoE7_z0cO2P9jJ73I-sbr2uCoXWrTe96M/s1600/006.JPG
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpACbsbVVYF_OwSe_6PvkKxY4ce9Nuj2_SATTfAYc8DSte6tzyZbXFsBRAH0A8GCAoIAs2IejGg_NsAKkD6mYRmxAVJWCQjTlAFeAfjg4qSIcUvm7PK78zXxkYXexltXaKPxStSCH_gwD/s1600/007_1.jpg


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgenTKTdqZcu0sGDCaRf3WDVuyfZt8J5IdS2ALA4fIfbpzrIqPYzwZG9Smviouc2RyreoQcfW6caoaVKcQXdphWjXeJ91kaI79Rz6wVxlyoqs4YQrdNPysBJV6k2nYsCHHVicc9QYNsc19I/s1600/008.JPG


11. Jika rules sudah muncul lalu tarik ke bawah ke arah stage untuk membuat guide horizontal,  lalu klik rules yang sebelah kiri kemudian tarik ke kanan ke arah stage untuk membuat guide vertikal, untuk lebih jelasnya dapat dilihat pada gambar dibawah ini.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQiTIpVKyjNMzTS4Xa2MeV40f1zgz6KStH13BW9G2f_fNEd-P2MVZwyVLGWbDTuvwzbw4Eo8VmikVsL-YZZ2te01Dk3F3lg0ejaFW8k77o9aHH7d-U9UqHWbSoN2iastMZmQgviJdMrfoy/s1600/009_1.jpg


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWYWFqc5-QPYu5FaF2vIXUxNOh3G4RoEnKYIcwsftn3-74KQIBJSs-BXQvlcGlJCYXxUEsReIa58EMlicQB-nuvgWO8vTjSNMGh2TfBJlIdGbGxEXshS38uPrvtmT2-TTcHcel6CFN1x2a/s1600/010_1.jpg


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0oCGRiDWTA8roVYfeM0KY7fIoBfd1zdPclR_TSlC-48rAl5IBPNAkiOD_2Cqyo5LhiKVNFcapj3apvIMecwjU7Vs2reuDXEtggFeMuX0xXDUSRUZN5AqMyamkM_jQF7anIA6rfTQhEDRH/s1600/011_1.jpg


12. Jika pembuatan guide sudah selesai. Lalu kita tambahkan blankKeyFrame pada Layer Karakter di frame 3, cara untuk menambahkan blankKeyFrame adalah klik kanan pada frame tersebut kemudian pilih InserBlanktKeyFrame  atau anda tekan F7 pada keyboard untuk menambahkan BlankKeyFrame


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzPIMrIaUSDdbhkIeOn3-1SIMFKt4JiMnesmgJ5zO6gROiwBU_Qi9smjJJsCIUseJLmDMoGwaLMXCSlPmzQPMPcI737I1mDAoVlt-Z-ELkwJluvjUYZoQ2-9vLfahIq1bOd1fNYpiQX61k/s1600/012_1.jpg


13. Jika keyframe sudah terbuat masukan gambar ke-2 kedalam stage.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIi79KXcfZDlAS9Lsbsqe5CHiG4kDET-d2Ka0fdnaRDu8E09ucp6fSniLYewechyphenhyphenSUR9RJWCohtepFweTMOEgkVsWYFurKE3lw-2Gnzxt_rTkqxJ5bhyphenhyphenM4kO_-yO3m7BCPCXsD61faZklW/s1600/014_1.jpg'
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0lmaC8ZzxwZJp2YDIkD_MWieB4JsAEjgxDYrWJcjC9aVIDFPVU7IeIdaKT2McYtfYQlHyRbxezw7fhtZqlwJGbNxaELGewksf0aC34Rf5zdKk4E296SHd4uufsDwDQ3OalqCZCNq7fogV/s1600/015_1.jpg


14. Selanjutnya lakukan hal yang sama yaitu tambahkan keyframe pada frame selanjutnya masing-masing keyframe beri jeda 1 frame (misalnya 1,3,5,....) kemudian masukan gambar lainnya pada keyframe tersebut.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTchH5WHRL0KqgL1LrizOLjS4Mm2W7E40cvkeaYBVMX0rErK-qCGdsiurwe_zqnXu2Jo4PzjIbuIcnm6ahyphenhyphen_lDAbC-RUIEbEG_Mxgl1gOvQe2PR3uDm1vDUM4-dqddFvWLZRDtD8A10mu/s1600/016_1.jpg


15. Untuk keyframe yang terakhir (frame 15) tambahkan satu frame didepannya (frame 16) untuk memberi jeda agar sama dengan yang lainnya sebelum nanti kembali lagi untuk membaca frame satu. Untuk lebih jenaslnya dapat dilihat gambar dibawah ini.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5yXr7Af-JCySU5AY_yEAszXtTnbFSjkmqmB1UA1IXM1I-3-nh8K2axXhRjsHphrd0UmdDYUj4ewp3CPCXvjvyFMEKPqAweuVQAx2_0PtLqXvDGxgXqOYobU3g49idisM2MHjUYwiCJwU/s1600/017_1.jpg


16. Berikut adalah hasil akhirnya.



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuPrT2ISKx-iP2Ta45JtBmacaC8E0eVCddKpop2ok0xYEuIzFjqq0LxKb1NrDNcnH4OTZwAFzpk0T45GWVNAWA_Pu3kBMTAnIXaQ7KeyeYPP13S09KNkzlDwlwObd29_JbfIvzJ77rC5TB/s1600/018_1.jpg


17. Jika sudah selesai silahkan anda test movie, untuk melihat animasinya. Untuk melakukan test movie anda dapat menekan tombol CTRL + Enter.


/>

Subscribe to receive free email updates:

0 Response to "Cara membuat animasi sederhana di adobe flash cs6 yang mudah di Pahami"

Post a Comment

Berikan Komentar yang membangun untuk kami

Zora - One Piece