Animasi Background Bergerak
Hari Minggu, tidak libur, tetap masuk sekolah seperti biasa, karena hari ini memang ada upacara bendera memperingati hari kemerdekaan RI kita tercinta ke-63. Upacara berlangsung singkat, hampir 40 menit dan semuanya lancar, artinya tidak ada yang harus diulang-ulang karena salah (maklum, 1 tahun hanya upacara 1 kali). Namun, semua komponen sekolah (guru, karyawan dan siswa) tetap bersemangat untuk mengikuti upacara, meskipun terik matahari menyengat. Buktinya, banyak siswa yang memakai seragam dengan tertib, tidak “awut-awutan” dan yang pasti mudah diatur.Pulang dari sekolah, makan sebentar (masakan padang), terus melakukan aktivitas seperti biasa (ngeblog). Pada posting ini saya akan memberikan tutorial flash, yaitu langkah-langkah pembuatan animasi background bergerak (background moving). Tutorial tersebut sebenarn yasudah saya siapkan sejak tadi malam, sambil membuat video tutorialnya. Namun, karena file videonya terlalu besar (200 an MB), maka saya tidak jadi mentautkan dalam posting kali ini. Kalau di download bisa sampai berapa jam ya ? Dipikir-pikir kembali, akhirnya saya putuskan untuk langsung membuat tutorialnya di blog dan tutorial tersebut tidak saya buat file pdf-nya. Anda dapat melihat hasil animai pada gambar di atas. Mau baca tutorialnya ?
Animasi ini biasanya digunakan untuk membuat background pada game-game seperti game flash, yang backgroundnya bergerak secara berulang-ulang. Jika Anda masih pemula, harap baca tutorial dasar animasi flash dan video tutorialnya. Berikut langkah-langkah pembuatan animasinya:Langkah 1:
Siapkan dua buah file, 1 background dan 1 objek (misalnya, foto Anda). Sesuaikan ukuran foto dengan ukuran stage pada flash yang Anda inginkan. Untuk foto objeknya, jangan lupa untuk menghilangkan backgroundnya/dibuat transparan, agar foto tersebut dapat diletakkan secara baik di atas background. Untuk mengolah kedua foto tersebut, Anda dapat menggunakan Adobe Photoshop.
Anda dapat menggunakan 2 foto berikut:
Langkah 2:
Buka software flash, kemudian tekan Ctrl + R untuk mengimpor file background ke stage. Atur agar image Anda sesuai dengan ukuran stage, tekan Ctrl+J untuk mengatur ukuran stage dan ganti kecepatan animasinya menjadi 29 fps. Ganti nama layer menjadi background.
Langkah 3:
Tekan Ctr + D (duplicate) pada gambar backgroundnya, kemudian lakukan group (klik kanan–>Group) dan tekan F8 (Convert to Symbol) –> pilih Graphic –> beri nama bg pada kotak dialog name.
Langkah 4:
Ganti nama layer menjadi background, kemudian klik frame 100 dan 200 –> F6 (Insert Keyframe). Klik frame 100, kemudian , pindahkan/geser gambar background ke kiri sehingga posisi gambar yang disebelah kanan, tepat di atas stage.
Langkah 5:
Klik kanan sembarang frame di antara frame 0 s.d 100 –> Create Motion Tween. Lakukan langkah yang sama, untuk frame di antara 100 dan 200. Sampai lrangkah ini, sebenarnya Anda sudah dapat mencobanya (Ctrl + Enter).
Langkah 6:
Klik kanan pada layer background –> beri nama layer dengan nama artis. Klik frame 1 –> Ctrl + R (Import) dan masukkan gambar objek/artis/foto Anda. Gunakan Free Transform Tool untuk mengatur objek agar tampil menarik di atas background.
Langkah 7:
Tekan Ctrl + Enter (Test Movie). Have fun and enjoy it.
Wah tips yg ok banget mas..:)
Diahs last blog post..Aku Punya Adik Kecil
@Diah:Terima kasih ya Mbak
Nggak pernah mengerti tentang Flash.
imcws last blog post..Turunkan Berat Badan Dengan Tidur
@imcw:harus sabar Mas untuk belajar
kebetulan lagi belajar flash nih…, Thanks tutorialnya mas, langsung praktek.
Feris last blog post..PTC Lokal Penghasil Rupiah
@Feri:Terima kasih mas feri sudah mengunjungi blog saya
mas,ksih yang ad action scriptnya donk..eh,..lah..
tQ
sip usulannya diterima, tunggu posting saya selanjutnya.
aku belajar kemarin tentang flash, coz dah lama jadi agk lupe gitu dech, wah sekarang aku lagi giat-nya ama photoshop…thanks ya infonya
blog photoshops last blog post..Trik Melewatin Friendster Lagi Maintenance
Sama-sama mas. Selamat Belajar.
bagus,mas tipsnya,saya jd pengen coba. Langkanya mudah jg yah
apik tenan her.. thanks….tp halaman’e kok item kbh.. kursor g kliatan..
herys last blog post..Tips Mengkonfigurasi Network dan Internet
@hery:matur nuwun nggeh mas. Saran dan kritiknya ditampung dulu.
Sayang tuh, padahal videonya sudah buat susah2,tapi jadinya tidak diupload.. hikshiks
(
Gmana kalo videonya tuh diconvert dan dikompress biar ukuranny lebih kecil.. Bs ga.?
Tapi, gpp. Di sini, juga tutorialnya jelas, dan lagi, tidak perlu capek2 download. Tapi, kalo dari video, aku lebih cepet pahamnya daripada nonvideo.. =.=”
hendrys last blog post..Persamaan Linear Diophantine
Cink, ysh
saya dikalimantan tengah
kasih tau donk system apa saja yang bisa buat bg bergerak
@syarif:mohon dijelaskan system apa yang Anda maksud. Digunakan untuk apa ? (presentasi, atau pemrograman).
wah tips ok banget nih dan mas kamu baek ati banget, wah bagus buat kita2 yang masih nol soal animasinya… eh bisa gak hasil animasinya di tampilkan di email. maksudnya kalo mo kirim email ke orang dan disertai animasi itu dan gambarnya langsung tampil bisa gak? kalo bisa gimana caranya? thanks ya mass. sory kalo banyak tanya….
@agung:terima kasih, untuk membuat animasi di email diperlukan trik2 khusus, tapi biasanya dianggap spam atau virus oleh yahoo ataupun google.
ternyata jd mudah ya, liat cara2 yg ditunjukin . thx a lot ya mas,smua yg ditampilin di blog ini bs bantu sy to ngajar nti (pengalaman ngajar HTML pertma ni..) wish me luck yup
sangat bagus terima kasih atas pengajarannya,lain kali buat yang lebih bagus
ToLoNG bantuin saya yaw,,,
buat bikin flash animation..
Soalnya ini tugas mendadak n harus cepat dikumpulkan….
kirim ke gayusean.zopawm@gmail.com yaw…
cepet…
N yang mudah aja…
Ok…
Thanks!!
@vonezyo:sudah ada tutorialnya mas di blog ini, tingal dipraktikkan saja.
mas tolong kirimin tutorial html,dari awal saya mengalami ke sulitan.
ok, deh mas, tolong kirim juga artikel lain cara membuat animasi beberapa gambar untuk presentasi
Apa tidak buka kursun khusu Flash di Jogja?
Saya pengin kursus, pak.
Di jogja sebenarnya sudah banyak Pak kursus tentang Flash di lembaga-lembaga komputer. VCD interaktifnya juga sudah banyak yang beredar.
skripsi berbasis flash judul yang bagus apa ya ? thank
bingung nyari judul skripsi berbasis flash, (gampang dan menarik)
@amink: kl saya boleh usul, buat e-learning saja mas dengan flash untuk pembelajaran, anak SD, SMP atau SMA
ass.
saya siswi jurusan multimedia saya ingin sxekali bisa menguasai ilmu tentang animasi tentang background bergerak bisakah anda membantu saya untuk mengetahui cara yang sedetailnya tentang animasi tersebut.
kirin saja di e-mail saya
uti_biauti@yahoo.co.id
atas pengajarannya saya ucapkan terima kasih
@keyla:silahkan bisa kontak saya melalui email
mas tolong di kirim modul membuat background bergerak karena saya masih awam sekali kalo bisa sekalian modul accses dan cara gunanya. terimakasih
@nurokhis:modul access sudah saya sediakan di blog ini. Silahkan di download sepuasnya.
Aslm
mas… saya mau ambil skripsi, menggunakan media berbasis komputer gitu buat pembelajaran di kelas X SMA, materi dimensi tiga….
kira2 bisa bantu kirimin modul buat belajar program animasi, macromedia flash atau apalah yang sederhana…
masih awam bgt nih…
Cool! Keren! Thanks ya dah berbagi!
Saya juga lagi belajar animasi dengan Adobe Flash nih:
http://wiziq-indonesia.blogspot.com/2009/04/belajar-animasi.html
Semoga bermanfaat!
heheheheheheeheh lumayan lah sebagai pemula saya bisa blajar dari we ini
trimx
GBU
minta yang bagus
mas .. kaseh tahu dunk,, gmana cara buat website … ??
ne email aq mas .. areiz_mussollinino@yahoo.com .. ntar kabari ke sini aje ye …
aslm…
maaf mengganggu…
bisa minta tlg ajari buat flash gak?
tpi aq blm pux program flash,,,,
gmn download flash pak?
makasih………..
background ini bisa untuk background di blog ga ya..???
Dear Mas Istiyanto
Thanks banget atas info nya, saya memang pemula untuk dunia blog, dan saya berharap hasil creative anda dapat tersalurkan ke anak didik semuanya, agar masa depan bangsa jadi lebih baik dan maju (High technologies) salam sukse selalu
Wassalam
mas klo yang pke script gmna?
wah..pengen donk belajar privat ^_^
thanks banget ya mas buat artikelnya. saya baru kali ini masuk dalam komunitas blog. jadi kalau tidak merepotkan, saya mohon sumbangan pengetahuannya ya khususnya di bidang blog. saya lihat di blognya mas ada iklan dari adsense. saya sudah coba berulang-ulang tapi asyik gagal terus. gmn ya?
hebat mas tutorial nya.
bagus banget mas qu ska
Even buy thesis services couldn’t perform such good enough writing thesis relating with this good topic and perhaps, you do work for dissertation writing service. If yes case we will buy dissertations from your firm straightaway.
ernyata setelah mencoba asyik juga ya
There are lots of dissertation writing service or thesis writing but your hot release just like this good post. Furthermore, to get more knowledge you should buy the dissertation structure.
Hai….
Thanks ya atas informasinya & mau berbagi….
saya juga lagi belajar animasi nich :
http://ilmci.com/feat/dpmaster/
thanks atas informasinya & saya senag banget dan saya masih dalam belajar
Nice posting guys, and let’s flashing our world…
(idene apik mas)
Ijin belajar dari website ini yah mas bro
wah lumayan nih tips tapi jangan lupa klik http://mamaszipper.blogspot.com
yah lumayan tapi alatnya di download dimana yaiaaaaa aku Bingung biasanya ada tulisan klik disni tapi kok g ada yaaa.
wahhh,,,,sngat membantu sekali buat saya yg pemula,,, smua nya bgus@ jd sys semangat lg ..tuk belajar,,,klo ada yg lain lg tlng email ke saya ya mas:)
Perlu di coba
wah keren nihn tipsnya bos…!
bagus banget bro,makasih
Maaf ya, masih kurang jelas tutorial Animasi Background Bergerak. tlg di ulang dari awal pembuatan
Thank Bos, tp Q masih bingung cara menyimpanannya, ksh infonya dong….
mantap gan,,,,??
BAGAIMANA BUAT GAMBAR JD BERGERAK DAN TERASA HIDUP…
Di coba dulu gan tipsnya..