Animasi Paru-Paru Manusia Dengan Flash

Berikut ini merupakan sebuah animasi yang menjelaskan tentang bagian-bagian dari sebuah organ dalam manusia yg berfungsi dalam pernafasan manusia setiap harinya yaitu paru-paru.
Animasi ini bersifat interaktif, jadi ada interaksi pengguna dengan sistem.

Cara penggunaannya anda tinggal mengklik salah satu keterangan di masing-masing bagian, sehingga nantinya akan muncul penjelasan secara detail untuk tiap bagian yang anda pilih. Kemudian dibagian kanan bawah ada sebuah navigasi yang akan mengarah pada animasi paru-paru selanjutnya.

berikut screenshot animasinya

• Tampilan depan animasi 

• Silahkan klik pada keterangan gambar untuk memunculkan penjelasan masing-masing bagian. Kemudian pada bagian bawah kanan layar ada navigasi text yang mengarah pada animasi selanjutnya seperti berikut 

• Klik pada bagian gambar untuk melihat bagian dalam gambar hati sehingga muncul seperti berikut 

• Animasi selanjutnya adalah animasi penyebab TBC seperti berikut

• Klik pada linkaran hitam pada gambar untuk melihat gambar selanjutnya seperti berikut

Link Source   Demo

Semoga Bermanfaat :)

Read More

Download Animasi Sederhana Orang Berlari

Animasi orang berlari

Download   Demo

Read More

Animasi Bandul Sederhana Dengan Flash

Animasi bandul sederhana menggunakan Adobe Flash CS3, tidak memerlukan action script karena hanya berupa animasi semata tanpa ada interaksi dari user. Kemungkinan pada artikel selanjutnya akan ditambahkan interaksi dengan user :)

Berikut screenshoot animasi bandul yang telah dibuat

Pada artikel ini memang gak akan saya terangkan bagaimana membuatnya. Tapi tenang sorcenya akan saya share secara free, gratis, :D

silahkan di Download

Semoga  bermanfaat :)

Read More

Kalkulator Dengan Flash

Aplikasi ini menggunakan flash cs3 dalam penbuatannya yg akan melakukan konversi panjang pada ukuran dalam matematika. Aplikasi ini saya beri nama L-conversion yg berawal dari kata Lenght convertion.

Berikut screen shot dari aplikasi

1. Tampilan awal

2. Contoh penggunaannya

3. Help

Source:  Link Download

Semoga bermanfaat :)

Read More

Game Flash Borneo War Game

Setelah terpendam beberapa tahun akhirnya game ini ketemu, daripada terpendam kembali lebih baik diupload moga-moga saja ada yang tertarik :D

Sebenarnya game ini ada syarat untuk menyelesaikan studi Program Profesioanal (PP) saya waktu masih kuliah, dan sekrang kalo diliat agak aneh juga sih game ini :D

Antara judul sama game agak gak nyambung, trus alur ceritanya juga..tapi overal gamenya lumayan aja. Semoga gamenya bisa menjadi ide buat pembuat game lainnya dan bisa memperbaharui konsep-konsepnya nantinya. Berikut screen shot dari game ini

• Tampilan awal game

• Storyboard game

• Menu Utama Game
  
  
  
  
  
• Peta game atau stage yang harus dilewati pemain

• Tampilan credit game

• Menu Bantuan game

• Stage 1 game

Source : Link Download

Semoga bermanfaat :)

Read More

Teknik Masking Dengan Flash CS3

Masking adalah sebuah teknik untuk menampilkan sebuah objek pada area tertentu. Teknik ini biasanya digunakan pada animasi tertentu seperti animasi cahaya lampu sorot yang menerangi area tertentu

• Berikut contoh sederhana teknik masking pada flash
• Buka aplikasi flash anda pada tutorial ini saya menggunakan Flash CS3
• Buat 3 buah layer seperti berikut ini

   

• Ganti nama layer masing dengan layer 1=Text, Layer2=Ling.Penuh, Layer3=Ling.Garis Layer text berisi teks yang akan dimasking, Layer Ling.Penuh berisi objek lingkaran yang berisi garis tepi putih dan solid color hitam, Layer Ling.Garis hanya berisi objek lingkaran yang bergaris tepi putih tanpa solid color. Seperti berikut

• Kemudian tambahkan klik 2x Layer Ling.Penuh pilih Mask dan klik 2x Text pilih Masking, sehingga layer berubah menjadi seperti berikut

• Klik layer Text pada frame 30 kemudian tekan F5

• Klik Layer Ling.Penuh pada frame 30 kemudian tekan F6 lalu tekan rendam keyboard arah kanan untuk menggeser objek lingkaran ke kanan sampai pada ujung text

• Klik Layer Ling.Garis pada frame 30 kemudian tekan F6 lalu tekan rendam keyboard arah kanan untuk menggeser objek lingkaran ke kanan sampai pada ujung text. Usahakan objek ini posisinya sama dengan posisi objek lingkaran layer Ling.Penuh sehingga akan menjadi seperti berikut

• Jika sudah klik kanan pada frame 20 layer Ling.Garis pilih Create Motion Tween seperti berikut

• Lakukan hal yang sama pada Layer Ling.Penuh sehingga hasilnya menjadi seperti berikut

• Jika sudah tekan Ctrl+Enter untuk eksekusinya sehingga hasilnya seperti berikut

Source : Link Download

Semoga bermanfaat :)

Read More

Peta Lokasi Ujian Dengan Flash - Kalimantan Tengah

Aplikasi ini dibuat menggunakan adobe flash cs3 dimana aplikasi ini akan menampilkan informasi lokasi dan informasi detail pengelola masing-masing lokasi. Informasi real yang ada di dalam aplikasi telah saya ubah untuk menjaga kerahhasiaan data, sehingga informasi yang ada hanya tinggal kerangka yang bisa diisi dengan informasi yang lain.

Seperti berikut :

• Tampilan awal aplikasi 

• Dengan navigasi lokasi

• Detail informasi

• Dengab menu help

• Dengan legenda

Source silahkan di download dibwah ini

Link Download

Semoga bermanfaat :)

Read More

Wallpaper Jembatan Kahayan Dengan Flash

Untuk membuat sebuah desain, baik gambar statis maupun maupun gambar bergerak diperlukan sebuah teknik khusus. Setiap orang atau desainer memiliki teknik khusu untuk melakukan itu, selain teknik yang paling penting adalah tools/aplikasi yang akan digunakan untuk melakukan hal tersebut.

Biasanya untuk sebuah gambar statis atau bisa juga disebut Wallpaper, Background, dsb. kita berpikir untuk membuat dengan tools/aplikasi yang lebih kompleks seperti Adobe Photoshop, Coreldraw, Gimp, dll.

Pada materi ini saya hanya menggunakan Flash CS3 untuk membuat hal tersebut. Ada teknik yang paling mudah untuk melaksanakan hal tersebut yaitu dengan menggunakan teknik tracing. Berikut secara singkat langkah-langkahnya

• Buka program Flash CS3 
• Sediakan sebuah gambar jembatan, dalam contoh ini saya menggunakan gambar jembatan di daerah tempat saya tinggal yaitu Jembatan Kahayan Palangka Raya  
• Pada menu File pilih Import >Import to stage sehingga jadinya seperti dibawah ini

• Kemudian perbesar gambar dengan zoom 200-400%

• Lalu buat 1 layer lagi (Layer 2) diatas layer gambar yg kita import, seperti berikut

• Kemudian klik icon kunci di layer 1, agar gambar tidak teredit saat kita mulai menggambar

• Pilih Line Tool (N) untuk mulai menggambar seperti berikut 

• Teruskan menggambar dengan mengikuti bentuk-bentuk gambar yg diimport. Semakin detail semakin baik. Usahakan saat menggambar setiap garis menyatu agar saat memberi warna pada bagian-bagian gambar nanti bisa berhasil. 

Berikut salah satu contoh desain menggunakan teknik ini Link

Semoga bermanfaat :)

Read More

Teknik Guiding Flash CS3

eknik guiding (guide) pada flash memiliki fungsi untuk memandu sebuah benda bergerak sesuai dengan lintasan yang telah ditentukan. Jadi dalam pembuatan sebuah animasi menggunakan guide diperlukan minimal 2 layer yang masing-masing layer berfungsi sebagai tempat lintasan dan tempat objek yang akan digerakan. 

Baiklah kita langsung saja menuju TKP.

• Buka program Flash CS anda, dalam hal ini saya gunakan Flash CS3 Professional.
• Pilih Actionscript 2.0 dan klik seperti berikut

• Maka akan muncul halaman kosong tempat kita bekerja

• Kemudian siapkan 2 buah layer pada timeline dengan masing-masing diberi nama Lintasan dan Objek seperti berikut

• Klik pada frame 1 layer Lintasan dan buat sebuah garis melengkung ke atas seperti berikut

• Jika sudah klik layer Objek frame 1 buat sebuah gambar bola. Klik Free Transform, dan dan klik bola sehingga muncul bulatan kecil di bagian tengah bola. Kemudian arahkan bola ke ujung lintasan seperti berikut.

• Setelah langkah diatas selesai, klik 2x frame Lintasan kemudian pilih Guide dan Objek dengan Guided sehingga layernya akan berubah seperti berikut.

• Jika sudah berhasil lanjutkan dengan mengklik frame 30 layer Lintasan dan tekan F5. Kemudian frame 30 layer Objek tekan F6 maka akan menjadi seperti berikut.

• Klik frame 30 layer Objek, kemudian klik bola pindahkan ke ujung lintasan yang satunya seperti berikut.

• Klik kanan frame 20 pada layer objek kemudian pilih Create Motion Tween, jika berhasil akan muncul gambar panah pada frame seperti berikut

• Jika sudah tinggal kita coba jalankan dengan menekan tombol Ctrl+Enter

Semoga bermanfaat ...

Link Download

Read More

Animasi Medan Magnet Dengan Flash

Cara membuat Animasi medan magnet dengan Flash tidak begitu sulit, hanya perlu butuh konsentrasi sedikit sama tidak pernah lelah dengan trial and error. 
Sebagai informasi animasi ini menggunakan Flash CS3 Professional, agar pada saat dibuka tidak ada yang error dan sebagainya.

Berikut gambaran secara umum pembuatan animasi ini

• Buka Flash CS3 Professional anda, disini saya asumsikan dikomputer atau laptop anda telah terinstal aplikasi ini.
• Kemudian kita gambarkan sebuah kerangka berpikir sebuah magnet yang kemudian dengan ada sebuah lintasan yang mengarah dari ujung satu ke ujung laiinya, serta ada benda yang bergerak di lintasan tersebut. 
• Jika sebuah ilustrasi dari gambaran magnet beserta animasinya telah tergambar maka tinggal diimplementasikan di Flash anda
• Pertama buat 3 layer dalam flash anda kira-kira seperti  dibawah ini 

• Setelah itu buat gambar lintasan untuk arah gaya medan magnet dan tulisan magnet yang diletakan di layer Magnet seperti dibawah ini

• Dari gambar diatas sudah dapat kita lihat arah pergerakan dari gaya magnet selanjutnya akan seperti apa. Untuk membuat animasi magnet digunakan teknik khusus yang sudah ada dalam flash itu sendiri yaitu teknik Guiding (Guide), dapat anda lihat Disini.  
• Untuk lebih jelasnya dapat anda download secara langsung sourcenya disini

Semoga bermanfaat... 

Read More

Kalkulator Dengan Flash

Daripada terpendam di hardisk terus jadi sarang laba-laba, lebih baik di share kalo saja ada yang membutuhkan.

Sebenarnya ini aplikasi dengan program flash versi lama (MX) dengan kebutuhan yang sederhana, yang hanya menghandle operasi dasar dari aritmatika jadi fungsinya masih jauh dari sempurna :D

Berikut gambaran dari aplikasi kalkulator menggunakan flash

• Tampilan awal program saat pertama kali dijalankan. Terlihat disana bahwa bentuk tampilan program yang menyerupai pemutar film (media player), dengan tombol-tombol angka dan operator yang memiliki ukuran yang berbeda-beda untuk menutupi celah-celah yang kosong, serta sebuah layar untuk masukan nilai yang akan dieksekusi.

Tampilan program saat nilai-nilai dan operator mulai dimasukan melalui tombol-tombol yang telah tersedia di dalam tampilan program. Kemudian akan muncul sebuah hasil dari eksekusi program tersebut, yaitu dengan menekan tombol samadengan ( = ).

• Misalnya sebuah bilangan perkalian misalnya, 6 x 3 = 18. seperti contoh dalam program berikut :
  
• Kemudian untuk tampilannya selanjutnya adalah saat nilai-nilai yang telah dimasukan yang terdapat di dalam layar selesai digunakan, yaitu layar akan dibersihkan dengan menekan tombol yang berwarna merah dengan label C (clear) yang berada disebelah kanan layar. Untuk tombol yang berwarna merah dengan label 0,  merupakan tombol angka nol. Saat layar menjadi kosong, tanda operator yang berada disebelah kiri layar akan tetap ada sebagai tanda, agar saat user ingin melakukan perhitungan kembali dengan operator yang sama, user tidak lagi menekan tombol operator yang ada. User hanya perlu memasukan nilai yang ingin dihitung, dan menekan tombol samadengan.

Link Download 

Read More