Apa sebenarnya Flash itu?

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 :)

Lebih lengkapnya di http://en.wikipedia.org/wiki/Adobe_Flash
Sumber dar : http://belajar-flash.blogspot.com/2008/03/apa-itu-flash.html

Animasi Motion Shape

Animasi jenis ini adalah animasi dimana kita dapat merubah bentuk atau memecah bentuk dari objek yang kita animasikan.

Membuat animasi Motion Shape

Disini akan ditunjukkan bagaimana carapembuatan animasi Motion Shape

1. Buka file baru atau Ctrl+N
   
   
2. Pada drame pertama kita buat sebuah objek lingkaran dengan menggunakan Oval Tool.
   
   
3. Kemudian pada frame 20 buatlah sebuah keyframe.
   
   
4. Setelah itu pada frame 20 yang telah kita buat sebuah key frame, kita hapus dengan cara klik frame 20 kemudian tekan Delete pada keyboard.
   
   
5. Setelah keyframenya kosong kita buat sebuah objek persegi pada frame 20 tersebut.
   
   
   
6. Klik frame 1 kemudian buka panel properties, pada pilihan animasi tween pilih shape.
   
   
   
7. Kemudian tekan Enter untuk melihat hasilnya

untuk Mendownload file swf silahkan klik DISINI

untuk Mendownload file pdf silahkan klik DISINI

Animasi Motion Tween

Animasi motion tween digunakan apabila kita ingin membuat gerakan animasi yang teratur. Animasi ini sangat mengurangi waktu karena kita tidak perlu membuat animasi secara frame per frame. Sebaliknya Anda hanya membuat frame awal dan frame akhir saja. Dua alasan utama mengapa Animasi motion tween sangat baik yaitu karena mengurangi pekerjaan mengambar dan meminimalkan ukuran file karena isi dari setiap frame tidak perlu disimpan.

Membuat animasi motion tween

Di bawah ini akan ditunjukkanproses pembuatan animasi motion tween :

1. Buka file baru atau Ctrl+N
   
2. Kemudian kita pilih Oval tool (O) pada toolbox dan kita mulai membuat objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna fiil objek balok harus berbeda dari warna background stage.
   
3. Kemudian klik kanan di frame ke-1, pilih Create motion tween
   
   
4. Pada frame ke-10 klik kanan kita pilih Keyframe,, kemudian kita geser lingkaran ke kanan sehingga tampak seperti pada gambar
   
5. Kemudian pada frame ke-20 klik kanan kita pilih Insert Keyframe kemudian kita geser lingkaran ke bawah sehingga tampak seperti pada gambar.
   
6. Kemudian pada frame ke-30 klik kanan kita pilih Insert Keyframe, kemudian kita geser lingkaran ke kiri sehingga tampak seperti pada gambar.
   
7. Kemudian tekan Enter untuk melihat hasilnya

untuk mendownload file swf nya silahkan klik DISINI

Animasi Motion Guide

Animasi motion guide adalah animasi yang mempunyai gerakan sesuai dengan
jalur yang kita buat. Animasi ini merupakan lanjutan dari animasi motion tween.
Animasi ini sangat cocok digunakan untuk jenis animasi yang membutuhkan
ketelitian dalam pergerakan yang dikehendaki atau sesuai keinginan pembuat
animasi.

Membuat animasi motion guide

Di bawah ini akan ditunjukkanproses pembuatan animasi motion guide :

1. Buka file baru atau Ctrl+N
   
   
2. Kemudian kita pilih Oval tool (O) pada toolbox dan kita mulai membuat
   objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna
   fiil objek balok harus berbeda dari warna background stage.
   
   
3. Kemudian klik kanan di frame ke-1, pilih Create motion tween
   
   
   
4. Pada frame ke-10 klik kanan kita pilih Keyframe,, kemudian kita
   geser lingkaran ke kanan sehingga tampak seperti pada gambar
   
   
5. Kemudian klik kanan layer 1 kemudian pilih Add Motion Guide
   maka akan muncul layer baru seperti tampak pada gambar.
   
   
   
   
6. Kemudian dengan layer guide masih terseleksi kita pilih Pencil Tool untuk
   membuat jalur yang akan menjadi lintasan animasi dari lingkaran.
   
   
   
7. Agar objek lingkaran dapat bergerak sesuai jalur, maka tengah objek
   haruslah berada di tengah jalur.
   
   
8. Oleh karena itu, klik frame 1 layer 1, Kemudian pilih Free Transform
   Tool agar bulatan tengah objek terlihat. Kemudian pindahkan objek
   sampai lingkaran tengah objek berada di ujung awal jalur.
   
9. Kemudian klik frame 40 layer 1, Kemudian pilih Free Transform Tool
   agar bulatan tengah objek terlihat. Kemudian pindahkan objek sampai
   lingkaran tengah objek berada di ujung akhir jalur.
   
   
   
10. Kemudian tekan Enter untuk melihat hasilnya

Catatan : dalam Motion Guide, tengah objek harus berada di tengah (jalur).

Untuk mendownload file swf nya silahkan klik DISINI

Animasi Motion Tween Rotare

Animasi jenis ini adalah animasi dimana kita dapat memutar objek baik objek yang diam maupun objek yang berjalan. Dari namanya, jenis animasi ini memang merupakan pengembangan dari animasi motion tween.

Membuat animasi Motion Tween Rotate

Di bawah ini akan ditunjukkanproses pembuatan animasi Motion tween rotate :

1. Buka file baru atau Ctrl+N
   
   
2. Buatlah sebuah animasi motion tween seperti tutorial yang pernah dipostingkan. Tetapi disini objek kita rubah dengan objek kotak atau persegi dengan tujuan agar proses perputarannya kelihatan.
   
   
3. Setelah selesai, dengan mengklik ditengah motion tween kita rubah propertisnya. Pada pilihan rotare pilih CW untuk putaran searah jarum jam atau CCW untuk putaran yang berlawanan dengan arah jarum jam. Untuk Times adalah untuk mengatur berapa kali perputaran yang terjadi sepanjang Motion Tween yang kalian buat.
   
   
4. Kemudian tekan Enter untuk melihat hasilnya

Untuk mendownload file swf nya silahkan dklik DISINI

Untuk mendownload file pdf nya silahkan dklik DISINI

Mengubah Ukuran (Dimensi) Gambar / Foto

Berapa langkah yang harus anda lakukan untuk mengubah ukuran dimensi foto dengan photoshop? Berikut langkah yang bisa dilakukan untuk mengubah ukuran gambar dengan Photoshop: 1. Jalankan aplikasi photoshop, 2. Buka gambar/foto (File > Open), 3. Klik menu Image > Image Size..., 4.Masukkan nilai dimensi baru > OK, 5. Simpan. Kurang lebih ada lima langkah.

Ada sebuah software lain yang dapat digunakan untuk mengubah ukuran gambar selain photoshop. Software tersebut hanya menangani urusan resizing gambar. Ada banyak sekali software yang kusus menangani image resizer kalau anda ingin tahu, cari saja di google dengan mengetikkan kata kunci 'photo image resizer' atau 'image resizer'.

Saya menggunakan EvJo Photo-Image Resizer untuk mengubah ukuran dimensi gambar. Keunggulan software yang satu ini adalah mampu mengubah beberapa file gambar yang ada dalam satu folder sekaligus. Hal ini sangat menguntungkan sekali ketika saya akan mengupload foto yang banyak ke friendster atau mentransfer ke handphone. Download EvJo Photo-Image Resizer fersi trial di www.EvJoSoft.com

Cara mengubah ukuran dimensi foto dengan EvJo Photo-Image Resizer:

1. Download dulu EvJo Photo-Image Resize kemudian install di hardisk anda
2. Luncurkan aplikasi tersebut
3. Klik tab Work with one file jika anda ingin mengubah dimensi satu file foto. Jika anda ingin mengubah lebih dari satu file, klik tab Work with mulitple files.
   Jika anda memilih Work with one file, maka akan muncul 3 from yaitu Load Picture (lokasi file gambar yang akan anda ubah dimensinya), Resize Options (untuk menentukan ukuran dimensi baru), Output Options (Menentukan format dan kualitas file baru).
   
   
   
   Jika anda memilih work with multiple files, maka akan muncul 3 yang sama. Hanyasaja pada form nomor 1 berisi Source Folder dan Destination folder.
   
   
   
4. Dari menu tab tersebut, Cari File > Tentukan lokasi penyimpanan (untuk Work with multiple files) > Atur ukuran baru > Klik Convert > Tenukan lokasi penyimpanan > Save (untuk Work with one file)

Membuat Tombol Flash 8 (Drop Down Menu)

Saya membuat tombol drop down menu dengan menggunakan Action Scrip untuk menyembunyikan dan menampilkan sub menu. Ketika mouse mengklik ke tombol utama maka sub tombol lainnya akan muncul dibawah menu utama. Saya pikir sudah jelas tentang apa yang akan kita buat nanti. Langsung saja kita mulai.

1. Buat sebuah dokumen baru (dimensinya terserah anda)

2. Rename layer 1 menjadi Button

3. Buat 4 tombol, kemudian susun secara vertikal.

Agar lebih mudah dan menyingkat waktu, anda cukup membuat 1 tombol saja kemudian digandakan (duplicate). Belum tahu cara menggandakannya...?? Caranya: Setelah anda selesai membuat satu tombol, buka Panel Library (CTRL+L) > klik kanan tombol yang ada didalamnya > Klik Duplicate.



Agar tombol yang satu dengan yang lainnya tampak berbeda, anda harus mengeditnya satu per satu. Caranya: Klik kanan tombol baru dari hasil duplikasi > Klik Edit.

4. Beri instance name pada masing-masing tombol. Caranya: Klik tombol yang akan diberi instance name > Buka penel Properties (CTRL+F3) > Cari kotak bertuliskan instance name.



Tombol menu 1 (lihat gambar pada poin nomor 3) diberi instace name menu, tombol Sub 1 diberi instace name sub1_btn, Sub 2 diberi instace name sub2_btn dan Sub 3 diberi instace name sub3_btn.

5. Buat keyframe baru pada frame 10 pada layer Button (Klik frame 10 > F6). Klik frame 1 kemudian hapus (delete) tombol Sub 1, Sub 2 dan Sub 3 .

6. Buat sebuah layer baru dengan nama Actions. Klik kanan frame pertama > Actions, tuliskan action script berikut:

stop();
menu.onRelease = function(){
gotoAndStop(10);
}



6. Klik kanan pada frame 10 (layer Actions) > Actions, tuliskan action script berikut:

stop();
menu.onRelease = function(){
gotoAndStop(1);
}
sub1_btn.onRelease = function(){
getURL("http://www.tujuan1.com/", "_self");
}
sub2_btn.onRelease = function(){
getURL("http://www.tujuan2.com/", "_self");
}
sub3_btn.onRelease = function(){
getURL("http://www.tujuan3.com/", "_self");
}



7. Selesai. Tekan tombol CTRL+ENTER untuk melihat hasilnya.

Toko Online Murah | Jasa Pembuatan Web Toko Online Murah | Jasa Pembuatan Web Toko Online WordPress