Tutorial Macromedia Flash

Apa itu Flash?

Sejak diperkenalkan pada tahun 1996, Flash atau Macromedia Flash menjadi sangat populer dan langsung mendapat tempat di hati masyarakat dunia web karena dapat membuat menampilkan animasi dan interaksi di web. Tetapi sejak bulan Desember 2005, perusahaan Macromedia dibeli oleh Adobe dan kini berganti nama menjadi Adobe Flash sejak versi 9 atau CS3.

Demo Karya Flash

Di mana saya bisa mendapatkan hasil karya yang dibuat dengan Flash? Di Babaflash.com sendiri banyak hasil karya orang Indonesia yang dibuat dengan Flash seperti:

• Ecards atau Kartu Ucapan Elektronik
• Coolsites atau Situs Bagus
• Game atau Permainan
• Animasi Kartun

Kelebihan dan Kemampuan Flash

• Merupakan teknologi animasi web yang paling populer saat ini sehingga banyak didukung oleh berbagai pihak.
• Ukuran file yang kecil dengan kualitas yang baik
• Kebutuhan Hardware yang tidak tinggi
• Dapat membuat website, cd-interaktif, animasi web, animasi kartun, kartu elektronik, iklan TV, banner di web, presentasi cantik, membuat permainan (game), aplikasi web dan handphone.
• Dapat ditampilkan di banyak media seperti Web, CD-ROM, VCD, DVD, Televisi, Handphone dan PDA.

Teknologi Flash

Flash sekarang bukan hanya sebagai software saja dengan nama Adobe Flash, tetapi juga merupakan suatu teknologi animasi di web. Jadi untuk membuat animasi web dengan format Flash (SWF) kita tidak harus menggunakan software Adobe Flash, tetapi bisa menggunakan software lain seperti SwishMax, Vecta 3D, Swift 3D, Amara, Kool Moves dan masih banyak lagi.

Versi Macromedia atau Adobe Flash

• Macromedia Flash 2 (1997)
• Macromedia Flash 3 (1998)
• Macromedia Flash 4 (1999)
• Macromedia Flash 5 (2000)
• Macromedia Flash 6 (2002) atau Macromedia Flash MX
• Macromedia Flash 7 (2003) atau Macromedia Flash MX 2004
• Macromedia Flash 8 (2005)
• Adobe Flash 9 (2007) atau Adobe Flash CS3

Anda tidak usah bingung untuk menggunakan versi yang mana, kalau hanya untuk keperluan menggambar atau animasi, Flash versi 4 atau 5 pun lebih dari cukup kalau komputer Anda Pentium 3. Jadi silahkan menggunakan versi yang tidak memberatkan komputer Anda, tidak usah memaksa harus menggunakan versi terbaru.

Kini adalah suatu kebutuhan atau keharusan (seperti menulis) untuk belajar suatu software perkantoran. Minimal bisa mengoperasikan produk Microsoft seperti Windows, Microsoft Word, Excel dan Power Point. Atau produk Open Source seperti Linux, Star Office.

Jadi setelah itu, silahkan memilih Flash untuk pilihan selanjutnya :)

Dasar Actionscript Flash (Bag. 1)

Actionscript adalah bahasa pemrograman yang ada di Flash. Jadi selain bisa menggambar dan animasi, Flash juga mempunyai kemampuan untuk pemrograman.

Jadi sebelum mendownload eBook atau Tutorial ini, pastikan Anda sudah mempunyai dasar menggambar dan animasi Flash. Bila belum, silahkan terlebih dahulu mempelajarinya.
Dasar Animasi Flash (Bag. 1)

Tutorial ini akan mengawali Anda untuk mempelajari Flash. Konsep dan teknik dasar dijelaskan secara mendetail sehingga dapat dengan mudah dimengerti, dicoba dan dipahami.

Tutorial ini menggunakan Macromedia Flash MX. Tetapi tidak menutup kemungkinan Anda juga bisa menggunakan Macromedia Flash MX 2004 karena konsepnya hampir sama.

Pembahasan dalam Tutorial ini adalah:
- Lingkungan Flash MX
- Shape, Stroke, Fill & Object
- Property Inspector
- Arrow & Sub Selection Tool
- Merubah Objek menjadi Symbol
- Melihat Symbol di Library
- Membuat Symbol Baru
- Merubah Master Symbol
- Merubah Instance
- Animasi
- Insert Blank Keyframe
- Insert Keyframe
- Motion Tweening
- Membuat Bola Memantul
- Movieclip

Tutorial ini dalam bentuk PDF yang dikompresi dengan format ZIP. Jadi Anda harus mempunyai Winzip untuk membuka kompresi tersebut dan Adobe Acrobat Reader untuk melihat tutorialnya.

animasi tween shape

MEMBUAT ANIMASI DENGAN MENGGUNAKAN SHAPE TWEEN

1.Buat file baru di flash. Di stage buat sebuah objek misalnya lingkaran. Bentuk lingkaran ini menjadi posisi awal animasi twening.

2.Menentukan kondisi akhir yang berada dalam keyframe lain,klik kanan frame 20 dan pilih insert keyframe untuk membuat keyframe baru

3.Di dalam frame 20 hapus linkaran yang ada dan buat

objek lain. Di sini saya membuat kotak/persegi.

4.Klik salah satu frame

antara frame 1 dan 20.dan perhatikan bahwa objek masih berbentuk lingkaran

5.Dari panel properties,aktifkan Tween:Shape

6.Perhatikan bahwa di frame 1-20 akan muncul panah dan frame ditandai dengan warna hijau. Objek yang ada di stage tidak lagi lingkaran tapi perpaduan antara lingkaran dan kotak.

7.Untuk melihat hasil animasinya kita menekan

Ctrl+Enter,maka akan terlihat lingkaran yang sedikit demi sedikit menjadi kotak.

program macro media flash

File Name	:	instalasi program macromedia flash.doc
Filesize	:	580.5 KB
Header	:	cara instalasi macromedia flash 8
Content-Type	:	Microsoft Word Documents
Snippets	:	v cara instalasi macromedia flash 8. 1. buka file master macromedia flash 8. gambar 1.1. 2. lalu pilih setup dan akan muncul gambar seperti ini. gambar 1.2 microsoft word - accessible macromedia flash. barriers to accessibility with flash. the power of flash is in its timeline-based flexibility. the scripting features of flash microsoft word - macromedia flash mx - toolbox. the flash toolbox is divided into four sections; tools, view, colors, and options. 1. tools: this is where the tools that are microsoft word - macromedia flash adalah program aplikasi yang banyak diguanakan dalam pembuatan animasi, maupun presentasi, dan web site interaktif, yang berbasis vector. microsoft word - flash 5 and generator 2 are two authoring tools of macromedia web site development products. the former provides a platform to create animated, vector-based microsoft word - macromedia flash – 01 macromedia flash - 02. macromedia flash – 03 macromedia flash - 04. macromedia flash – 05 macromedia flash - 06. macromedia flash – 07 microsoft word - macromedia flash trafficking guide. summary: on january 11, 2001, macromedia announced a method to track clicks on flash ads with the use of variables. microsoft word - in macromedia flash player 8, macromedia has extended the flash player security environment to provide special permissions for files loaded from the local microsoft word - build rich internet applications with a familiar forms-based development environment and powerful data binding with macromedia flash mx 2004 professional. modul ini disusun macromedia flash merupakan standar profesional yang digunakan untuk area kerja program macromedia flash terdiri dari enam bagian utama.....

animasi flash frame by frame

Animasi Flash Frame by Frame

Flash merupakan software yang banyak dimanfaatkan untuk membuat profile company, presentasi serta media interaktif. Dengan kemampuan dinamis yang handal, flash sangat digemari oleh kalangan software house maupun para presenter.

Perkembangan SDM di Indonesia, flash sudah mulai menjamur di kalangan pendidikan tanpa terkecuali para guru juga mempelajari flash sebagai media presentasi bahan ajar serta media presentasi interaktif.

Secara umum flash memiliki 2 animasi yaitu animasi tween dan animasi frame by frame. Pada kesempatan ini akan dipelajari animasi frame by frame sebagai presentasi bahan ajar bagi para guru. Untuk lebih jelas penguasaan animasi tersebut, lakukan langkah-langkah sebagai berikut :

1.      Aktifkan program flash 8

2.      Pilihlah create new flash document

3.      Secara default (standar) pada timeline memiliki layer 1 dan terletak pada frame 1 (ada bulatan berlubang di frame 1). Jika bulatan berlubang artinya frame kosong/tidak berisi obyek dan jika bulatan berwarna hitam maka frame terisi oleh obyek baik teks/gambar).

4.      Simpanlah file tersebut dengan nama : latihan_1.

5.      Lakukan double klik pada layer 1 (berfungsi untuk mengubah nama layer). Tulislah layer 1 menjadi teks (berfungsi untuk mengisi frame teks).

6.      Arahkan kursor pada frame 1 dan lakukan klik kanan serta pilihlah Insert Keyframe (berfungsi untuk membuat obyek teks pada frame).

7.      Menggunakan Text Tool (lambang huruf A) untuk membuat tulisan pada stage.

8.      Lakukan insert keyframe pada frame selanjutnya dan gunakan text tool untuk menulis.

a.       Frame 1 : Ketiklah ”Animasi Frame by Frame pada Flash 8 (Warna merah, font Verdana, ukuran 40), oleh Adi Wibawa (Warna Biru, font Arial, ukuran 30)”.

b.      Frame 2 : Ketiklah ”Standar Kompetensi (Warna Biru, font Arial, ukuran 40), pembuatan presentasi menggunakan flash 8 (Warna Biru, font Arial, ukuran 30)”.

c.       Frame 3 : Ketiklah ”Kompetensi Dasar (Warna Hitam, font Arial, ukuran 40), tips membuat presentasi bahan ajar menggunakan flash 8 (Warna Hitam, font Arial, ukuran 30)”.

d.      Frame 4 : Ketiklah ”Materi 1 (Warna Biru, font Arial, ukuran 40)”.

e.       Frame 5 : Ketiklah ”Materi 2 (Warna Merah, font Arial, ukuran 40)”.

f.        Frame 6 : Ketiklah ”Materi 3 (Warna Hitam, font Arial, ukuran 40)”.

g.       Frame 7 : Ketiklah ”Materi 4 (Warna Hijau, font Arial, ukuran 40)”.

h.       Frame 8 : Ketiklah ”Materi 5 (Warna Merah, font Arial, ukuran 40)”.

i.         Frame 9 : Ketiklah ”TERIMA KASIH (Warna Biru, font Arial, ukuran 40)”.

9.      Untuk melihat hasil sementara lakukan klik control pilihlah test movie (atau gunakan tombol kombinasi Ctrl + Enter). Hasilnya akan bergerak terus menerus. Klik tanda x (close) untuk menghentikan pengaruh test movie.

10.  Klik insert pilihlah timeline dan kliklah layer. Sehingga di timeline bertambah layer 2. Ubahlah layer 2 menjadi action dengan cara double klik pada layer 2 (lihat langkah 4).

11.  Arahkan kursor pada frame 1 dan pilihlah action pada properties atau klik window pilih action (F9).

12.  Pada action.

Ketiklah :

stop( );  

Action ini berfungsi untuk menghentikan setiap frame agar tidak bergerak terus menerus ke masing-maisng frame.

13.  Tambahkan layer baru (layer 3). Ubahlah layer 3 menjadi tombol_N. (lihat langkah 9 untuk menambah layer dan mengubahnya).

14.  Letakkan kursor di frame 1 pada layer tombol_N (membuat tombol next/lanjut). Manfaatkan tombol pada flash dengan cara : klik window pilih Common Libraries dan klik Buttons. Hasilnya akan ada library buttons.

15.  Menggunakan scroll vertikal pada library buttons, carilah classic button. Lakukan double klik folder pada classic button dan carilah playback, kemudian pilih gel right. Pada library buttons akan muncul tombol panah ke kanan berwarna hitam dan background hijau.

16.  Lakukan pemindahan (drag) gel right ke stage bagian bawah dengan cara klik gel right tahan kemudian pindahkan ke stage dan lepaskan mouse.

17.  Klik action pada layer tombol_N ( Ingat !! action dibuat pada frame yang berisi tombol)

Ketiklah :

on (release) {

            nextFrame();

}

Action ini berfungsi untuk berpindah frame 1 ke frame selanjutnya.

18.  Arahkan kursor pada frame 9 layer tombol_N. Klik kanan, pilihlah Insert Blank Keyframe. Tujuannya untuk menghilangkan tombol_N (lanjut) pada frame 9 sebab pada frame 9 adalah frame terakhir yang tidak memiliki kelanjutannya.

19.  Tambahkan layer baru (layer 4). Ubahlah layer 4 menjadi tombol_P. (lihat langkah 9 untuk menambah layer dan mengubahnya).

20.  Letakkan kursor di frame 2 pada layer tombol_P (membuat tombol back/Kembali). Mengapa kursor berada di frame 2 ? Karena pada frame 1 tidak memiliki frame sebelumnya. Manfaatkan tombol pada flash dengan cara : klik window pilih Common Libraries dan klik Buttons. Hasilnya akan ada a.

21.  Menggunakan scroll vertikal pada library buttons, carilah classic button. Lakukan double klik folder pada classic button dan carilah playback, kemudian pilih gel left. Pada library buttons akan muncul tombol panah ke kiri berwarna hitam dan background hijau.

22.  Lakukan pemindahan (drag) gel left ke stage bagian bawah dengan cara klik gel left tahan kemudian pindahkan ke stage dan lepaskan mouse.

23.  Klik action pada layer tombol_P (

Ketiklah :

on (release) {

            prevFrame();

}

Action ini berfungsi untuk berpindah frame n ke frame sebelumnya.

24.  Untuk melihat hasil sementara lakukan klik control pilihlah test movie (atau gunakan tombol kombinasi Ctrl + Enter). Klik tanda x (close) untuk menghentikan pengaruh test movie.

25.  Jika hasilnya sudah bagus sesuai dengan harapan kita maka lakukan klik gembok/kunci  dengan tujuan pada layer tidak mengalami perubahan. Jika ingin mengubah pada layer maka lakukan klik kembali pada gembok. Hasil flash ini masih mentah karena berektens fla (Flash document)

26.  Jika hasilnya ingin di ubah dalam Flash movie, lakukan : klik file >  publish. Hasilnya menjadi file berketensi swf (Flash movie). File ini dapat di jalankan jika di komputer anda memiliki software flash player.

27.  Jika hasilnya ingin bergerak mandiri tanpa flash player, lakukan : klik file > publish settings > berilah tanda centang pada windows projector (*.exe) > klik publish, kemudian klik ok. Silahkan hasilnya di cek dan di coba.