create animated gif

gif maker

Membuat pohon #2

Membuat pohon #1

Membuat pohon #4

Belajar Membuat Flash

Belajar Membuat Flash

membuat animasi teks autotyping dengan flash

VIDEO TUTORIAL MEMBUAT ANIMASI OBYEK BERPUTAR

animasi bola melompat

belajar animasi flash membuat bola sederhana

Membuat Animasi Gelembung

Animasi gelembung ini bergerak ke atas, jika kita sentuh gelembung udara tersebut dengan kursor mouse maka yang terjadi adalah gelembung tersebut akan menghilang seperti seolah-olah pecah seperti nyata.

Langkah-langkahnya :

1. Buatlah sebuah flash document dengan background berwarna biru (disini saya pakai Adobe Flash CS3).

2. Buatlah sebuah objek lingkaran berwarna biru dengan warna putih sebagai warna garisnya. Buat juga garis melengkung yang di tempatkan di sisi dalam lingkaran seperti berikut :

3. Kita seleksi objek lingkaran dan garis melengkung yang tadi kita buat dan tekan F8. Pada panel properties yang muncul beri “gelembung” sebagai name dan movie clip sebagai type kemudian pilih titik registrationnya yang berada di tengah-tengah.

4. Hapus movie clip gelembung dari stage lalu tekan Ctrl+L. Kemudian pada panel library yang muncul klik kanan movie clip gelembung dan pilih linkage.

5. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan “gelembung” sebagai idetifier lalu tekan ok. (biasanya sudah otomatis terisi sama dengan nama pada panel properties jika kita contreng pada Export for ActionScript).

6. Klik pada frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

//berisi perintah2 yang akan dijalankan ketika frame dimainkan
onEnterFrame = function () {
//kondisi jika nilai acak(random) 10 bernilai 5
if (random(10) == 5) {
//masukkan movie clip berlinkage gelembung ke dalam stage dengan posisi sumbu x sesuai nilai acak panjang stage dan posisi sumbu y sesuai lebar stage ditambah 20
gelembung = attachMovie(“gelembung”, “gelembung”+_root.getNextHighestDepth(), _root.getNextHighestDepth(), {_x:random(Stage.width), _y:Stage.height+20});
//membuat agar variabel waktu di dalam movie clip gelembung dengan nilai acak 40
gelembung.waktu = random(40);
//berisi perintah2 yang akan dijalankan ketika frame di dalam movie clip gelembung dimainkan
gelembung.onEnterFrame = function() {
//membuat koordinat sumbu y movie clip ini dikurangi 4 dan movie clip gelembung bergerak ke atas
this._y -= 4;
//variable waktu movie clip ini ditambah 1
this.waktu++;
//jika nilai variable waktu kurang dari 20
if (this.waktu<20) {
//membuat koordinat sumbu x movie clip ini ditambah 1 dan movie clip gelembung bergerak ke kanan
this._x++;
}
//jika nilai variable waktu lebih dari 20 dan jika nilai variable waktu kurang dari 40
if (this.waktu>20 && this.waktu<40) {
//membuat koordinat x movie clip ini dikurangi 1 dan movie clip gelembung bergerak ke kiri
this._x–;
}
//jika nilai variable waktu lebih dari 40
if (this.waktu>40) {
//untuk mengubah nilai variable waktu menjadi 0
this.waktu = 0;
}
//jika koordinat sumbu y movie clip ini kurang dari -20
if (this._y<-20) {
//digunakan untuk menghapus move clip ini
removeMovieClip(this);
}
};
//jika mouse berada di atas movie clip gelembung
gelembung.onRollOver = function() {
//digunakan untuk menghapus movie clip ini
removeMovieClip(this);
};
}
};

7. Tekan Ctrl+Enter untuk melihat hasilnya. Coba arahkan kursor mouse anda ke gelembung-gelembung yang muncul.

Animasi ini juga bisa di tambah objek atau animasi lain seperti ikan berenang atau hiasan akuarium tergantung dari kreasi anda sendiri.

source: http://cingciripit.com/archives/membuat-animasi-gelembung#more-666

SWF Quicker

SWF Quicker adalah Editor SWF Flash. Aplikasi ini untuk mengedit file SWF yang ada atau membuat animasi Flash profesional dari awal. Mendukung, mengimpor atau mengekspor film-film dari Flash CS3 (V9), Flash CS4 (V10), ActionScript 3.0 untuk pengguna tingkat lanjut, dan film ekspor ke Flash, Lite 2.0 2.1 dan 3.0.

Fitur Utama:

* Mengimpor dan mengedit file SWF Flash V6, v7, V8, V9 (CS3), V10 (CS4) dan Flash CS5.
* Mendukung pengeditan elemen Flash misalnya Teks, Shape, Movie Clip, URL, ActionScript, dll
* Sebuah ActionScript Editor cerdas yang mendukung Sorot Sintaks, Auto Completion dan Dynamic Prompt tertanam dalam Flash Editor.
* Mampu untuk merancang permainan interaktif dengan ActionScript 2.0/3.0 Kelas dan pemrograman Berorientasi Obyek.
* Lebih dari 60 + built-in efek animasi dan 7 Flash filter.
* Template Flash Album yang melimpah, Banner, Tombol Navigasi dan Slide Show.
* Menyediakan Flash Creation berfungsi seperti timeline, desain bentuk, Motion/Shape/Gambar Tween, dan sebagainya.
* Menyediakan Object Snapping, Pixel Snapping dan Snap Alignment untuk menyelaraskan objek.
* Penuh dengan set alat unguk menggambar vektor, seperti Persegi Panjang, Pen, Brush, Eraser, Paint Bucket, dll.
* Mendukung mengimpor berbagai jenis media, seperti AI, MP3, MPEG, AVI, MOV, AVI, MPEG, WMV / ASF, MOV / QT, RM / RMVB, DivX / XviD, dll.
* Format output kaya – SWF (termasuk 10.0), EXE, GIF, AVI dan Flash Lite (2.0, 2.1, 3.0).



Source: http://islam-download.net/software-free-gratis-terbaru/imaging-graphics/membuat-dan-mengedit-animasi-flash-anda-dengan-swf-quicker.html#ixzz1837GvNee

Membuat Animasi Web dengan Flash

Flash adalah program grafis multimedia keluaran Macromedia yang banyak dipakai untuk pengembangan situs web yang interaktif dan kebanyakan digunakan untuk membuat gambar bergerak/animasi (lengkap dengan suara). Untuk memahami animasi di flash, haruslah mengerti apa itu tweening?

Tweening berasal dari kata ‘between in’ (diantara). Dalam flash, tweening adalah istilah yang digunakan untuk animasi. Dengan tweening kita bisa memindahkan objek/symbol dari satu titik ke titik yang lain, lalu flash melakukan animasi diantara kedua titik tersebut. Selain itu, tweening juga bisa melakukan pemutaran objek ketika bergerak (seperti roda), objek yang berganti warna, objek yang memudar dan lain-lain. Kita akan memulainya dengan tweening yang pertama, yaitu Motion Tween (jangan khawatir, ini mudah,sederhana dan menyenangkan). Ikutilah langkah-langkah berikut ini:

	ATUR MOVIE Pengaturan movie dapat dilakukan melalui Movie Properties. Klik menu Modify > Movie…, isikan Width: 200 px, Height: 100 px dan Background Color: Hitam.
	MENGATUR DAN MENULIS TEKS Aturlah huruf yang akan dituliskan, klik menu Text > Character…, lalu pilih Arial Black pada bagian Font dan ukurannya: 14. Kemudian pada bagian Colors yang terletak di bagian kiri layar Flash, klik Text Tool , dan tulislah kalimat ‘NeoTek’ di Movie.
	MEMBUAT SYMBOL Sebelum bisa dianimasikan, tulisan tersebut harus diubah menjadi symbol. Klik Arrow Tool yang terdapat pada bagian Colors, lalu klik pada tulisan untuk memilihnya. Selanjutnya, klik menu Insert > Convert to Symbol…, isikan name: Neotek, lalu pilih Graphic pada bagian Behaviour dan klik tombol OK. Maka akan terlihat tanda plus (+) ditengah tulisan yang menandakan tulisan tersebut sudah menjadi symbol.
	MENGATUR TIMELINE Timeline terletak diatas Movie, terdiri dari frame-frame. Sekarang klik pada frame 15 lalu klik menu Insert > Keyframe untuk memberikan Keyframe pada frame 15. Lakukan hal yang sama pada frame 30.
	MEMPERBESAR TULISAN Klik pada frame 15, lalu klik menu Modify > Transform > Scale and Rotate…, isikan Scale: 150 %, lalu klik tombol OK.
	ANIMASI TULISAN Inilah saatnya untuk memberikan animasi. Klik pada frame 1 lalu pilih menu Modify > Frame…, pilihlah Motion pada bagian Tweening. Lakukan hal yang sama pada frame 15.
	JALANKAN ANIMASI Motion Tween ditunjukkan dengan frame berwarna ungu dan garis panah yang menunjuk dari titik hitam ke titik hitam lainnya . Sekarang klik menu Control >Test Movie untuk menjalankan animasi.
	TAMBAHKAN EFEK TINT Hentikan animasi yang telah dijalankan, sekarang kita akan menambahkan sedikit efek pada animasi yang sudah kita buat tadi. Klik pada frame 1, lalu klik menu Window > Panels > Effect, Pilihlah Tint pada drop-down menu dan Tint Color: Biru. Lakukan hal yang sama pada frame 15 dengan Tint Color: Merah dan frame 30 dengan Tint Color: Ungu.
	MENAMBAHKAN SUARA Agar tampak lebih cool, tambahkan suara ketika animasi dimainkan. Klik pada frame 1, lalu klik menu Window > Common Libraries > Sounds, maka daftar Libray Sounds yang telah disediakan Flash akan tampil, pilih salah satu, misalnya: Beam Scan. Drag ke atas tulisan ‘NeoTek’ yang berada di Movie.
	PUBLIKASI KE BROWSER Sebelum dipublikasikan simpanlah terlebih dahulu animasi yang telah dibuat, klik menu File > Save As…. Selanjutnya, untuk menampilkan di browser, klik menu File > Publish Preview > HTML. Maka sekarang anda sudah mempunyai file neotek.html.

Daftar Istilah:

Motion Tween: Jenis tweening yang berfungsi menggerakkan objek dari satu tempat ke tempat yang lain atau bisa juga dengan mengubah ukuran dari yang kecil menjadi besar atau sebaliknya.

Movie: Layar atau tempat menempatkan semua objek yang akan dianimasikan, sering disebut dengan Stage.

Symbol: Objek dalam Flash, sehingga objek tersebut bisa dianimasikan, bisa berupa Movie Clip, Button dan Graphic.

Timeline: Tempat pengaturan timing (waktu) animasi, yang terdiri dari frame-frame.

Keyframe: Ini ditandai dengan titik hitam tebal pada frame, jika kita memasukkan Keyframe pada frame, berarti mengkopi frame sebelumnya.