Minggu, 31 Juli 2011

Animasi flash dengan efek mask (Gambar)

Pada bagian 1 saya sudah membahas cara menggunakan efek mask pada text,dan sekarang akan membahas cara menggunakan efek mask pada gambar .Caranya adalah sebagai berikut :
1. Silahkan anda import gambar pada library dengan cara :
a) Pada menu utama pilih File > Import to library .
b) Tentukan gambar yang akan kita import dengan menekan tombol Ok dari kotak dialog Open File.
c) Untuk membuka library caranya dengan pilih windows > library kemudian Flash akan menampilkan Panel library seperti terlihat pada gambar berikut :

d) Untuk menggunakan gambar yang tersedia pada library ,caranya dengan clik and drag ke stage.
2. Setelah gambar anda drag ke stage kemudian anda atur ukuranya dan klik kanan pada gambar pilih convert to symbol,pilih type graphic.Properties > color pilih Brightness dan Brightness amountnya pilih -60% sehingga gambar akan lebih gelap sperti gambar dibawah ini


3. Buat layer baru dan ambil gambar yang telah di ubah menjadi symbol di library kemudian anda drag symbol ke stage,samakan posisi gambar pada layer 1


4. Kemudian anda buat layer baru dan pada layer baru anda buat objek (jangan lupa kunci dulu layer 1 dan 2 agar posisi gambar tidak berubah) setelah itu klik kanan pada frame dan pilih Create Motion Tween .
5. Klik Kanan pada layer 1 dan frame 60 pilih Insert Key frame ,untuk layer 1 & 2 klik kanan pada frame 60 dan pilih Insert Frame .


6. Untuk variasi gerakan objek,pada layer 3 frame 30 klik kanan dan pilih Insert Key frame. Pada frame 30 ubah posisi objek ke kanan bawah


7. Untuk perputaran objeknya klik objek pada layer 3 frame 1 dan ubah properties > Rotate menjadi CCW dan times 5.Begitu juga dengan layer 3 frame 30.


8. Kemudian anda klik kanan pada layer 3 pilih mask
9. Untuk melihat hasilnya tekan Ctrl + Enter

Hasilnya seperti di bawah ini



Sabtu, 30 Juli 2011

Membuat Animasi Button / Tombol Dengan Macromedia Flash

Animasi button biasanya digunakan untuk:
• membuat link atau tautan
• memulai movie
• dan dalam presentasi untuk menuju ke slide selanjutnya
Berikut adalah langkah pembuatannya

1. Silahkan anda buat sebuah objek pada stage dengan rectangle tool dan pilih set corner radius pada option untuk membuat sudut persegi tumpul dan isikan 50 untuk points corner radius



2. Selanjutnya anda buat persegi di stage


3. kemudian anda buat objek menjadi symbol dengan cara klik dua kali pada objek dan klik kanan > pilih convert to symbol >pilih Button dan klik ok.Sip Objek telah menjadi button
4. Kemudian untuk memberi efek : klik dua kali pada objek hingga tampilan seperti berikut :


Ket:
• Frame up > objek berada pada frame pertama
• Frame over > saat mouse bergerak melewati objek maka objek akan berubah bisa bentuk atau warna tergantung objek yang dirubah pada frame over
• Frame down > saat mouse mengklik objek maka objek akan berubah bisa bentuk atau warna tergantung objek yang dirubah pada frame Down

5. Selanjutnya klik kanan pada frame over dan pilih insert key frame, dan ubah warna objek menjadi hijau dan beri teks KLIK ME !!! dengan brush tool



6. Kemudian anda klik kanan pada frame down dan anda ubah warna objek menjadi biru


7. Kemudian test dengan menekan Ctrl + Enter
Animasi button yang saya buat hanyalah animasi yang sederhana dan mungkin belum bagus ,semoga dengan imajinasi dan kreatif yang anda miliki animasi ini dapat menjadi inspirasi anda

Selamat mencoba

Jumat, 29 Juli 2011

Animasi flash dengan efek mask bagian 1

Animasi mask dapat mengguanakan gambar maupun tulisan,dan kali ini saya akan menggunakan tulisan atau text .Yang nantinya text yang di buat akan berubah warna ketika di lewati objek yang telah diberi mask.Cara membuatnya adalah sebagai berikut :
1. Silahkan anda buat text pada stage

2. Kemudian buat layer baru dan copy kan frame pada layer 1 ke layer 2 (agar menghasilkan text dengan ukuran dan tempat yang sama )


3. Anda ubah warna text pada layer 2 seperti gambar diatas
4. Buat layer baru ( kunci layer 1 dan layer 2 agar tidak berubah bentuk maupun berpindah tempat dengan cara mengeklik lingkaran kecil seperti gambar dibawah ini)


5. Kemudian pada layer 3 anda buat sebuah objek miasalkan lingkaran,kemudian klik kanan pada frame dan pilih Create motion tween. Dan Klik kanan pada frame 30 dan pilih Insert key frame,sedangkan untuk layer 1 dan 2 Klik kanan pada frame 30 dan pilih Insert frame.


6. Anda ubah objek lingkaran pada layer 3 dan frame 30 ke posisi akhir dari text


7. Untuk memberi efek mask ,klik kanan pada layer 3 dan pilih MASK.


8. Kemudian anda test dengan menekan Ctrl + Enter

Kamis, 28 Juli 2011

Membuat Animasi Text Dengan Macromedia Flash

Animasi yang nantinya akan anda buat adalah suatu text yang akan tertulis sendiri,dalam pembuatan animasi nantinya tidak akan terlalu banyak menggunakan tool dan sangat mudah.
1. Pertama silahkan anda buat file baru dalam flash.Klik file - >New
2. Kemudian anda menggunakan brush tool atau bias juga dengan pencil tool

,anda buat tulisan sederhana misalkan flash anda juga bias menuliskan nama anda sendiri.


3. Anda sudah membuat tulisan selanjutnya pada frame dua anda klik kanan dan pilih Insert key frame



4. kemudian anda hapus sedikit tulisan pada frame dua menggunakan erase tool

seperti gambar berikut


5. ulangi langkah 3 & 4 pada frame selanjutnya dan hapus tulisan sedikit demi sedikit hingga stage bersih






Semakin banyak frame yang dihasilkan karena anda menghapusnya sedikit demi sedikit maka animasi akan semakin terlihat bagus dan halus.
6. kemudian klik kanan pada frame satu dan anda tekan tombol shift pada keyboard dan klik kanan pada frame terakhir yang anda buat.Selanjutnya klik kanan dan pilih Reverse Frame

7. Fungsi reverse frames adalah menukar posisi dari frame-frame yang kita blok . Untuk melihat hasilnya klik tombol Ctrl+Enter
Dengan imajinasi dan kreatif anda dapat memodifikasinya menjadi sebaik munkin
Hasilnya dibawah ini

-_- Selamat mencoba -_-

Kamis, 14 Juli 2011

Macromedia Flash

I.Pendahuluan
Flash merupakan suatu perangkat yang didesain untuk menghasilkan berbagai macam animasi,presentasi,game,mendesain website dan berbagai aplikasi multimedia lainnya.Awalnya flash dipandang teknologi animasi yang berkembang di media web.Dengan ukuran file yang lebih kecil dibandingkan file video,teknologi flash menjadi solusi bagi penyebaran informasi keseluruh dunia sehingga menjadi teknologi yang popular dan berkembang saat ini.
II.Lingkungan kerja Macromedia Flash 8

1.Start Page






Saat pertama kali dijalankan ,Macromedia Flash akan menampilkan halaman awal seperti gambar diatas .Terdapat beberapa menu pada halaman awal ini.
• Open a Recent Item
Merupakan kategori yang menampilkan semua file/dokumen flash yang telah dibuat dalam bentuk extension.fla
• Open
Merupakan perintah untuk membuka dokumen yang sudah dibuat,namun tidak tercakup dalam Open a Recent Item akibat keterbatasan tempat.
• Create New
Perintah untuk membuka dokumen flash baru.
• Create From Template
Merupakan template yang disediakan macromedia flash dalam bentuk user interface
• Extend
Perintah yang digunkan untuk memanggil situs macromedia flash untuk session exchange
• Learn
Perintah untuk menuju halaman bantuan flash (help)
2.Area Kerja Flash




Sebelum memulai membuat objek (animasi), anda perlu mengenal beberapa interface dalam macromedia flash 8. Interface-interface tersebut nantinya akan banyak membantu anda mengatur atau mengedit objek animasi yang digunakan.
Salah satu bagian terpenting dalam interface macromedia flash 8 adalah Drawing Tools yang berguna untuk membuat dan memanipulasi gambar atau objek, bila saya perhatikan macromedia flash 8 tidak jauh berbeda dengan versi sebelumnya.Drawing Tools dibagi menjadi 4 bagian yaitu : Tools, View, Colors dan Options.
• Toolbox




Tools
Tool berfungsi untuk mengatur atau mengedit objek atau animasi yang sedang kita buat. Tool ini juga adalah salah satu bagian terpenting dalam macromedia flash 8.
• Arrow Tool, digunakan untuk memilih objek. Dengan sebuah klik berarti kita memilih objek tersebut, dengan klik ganda berarti kita memilih objek dan seluruh komponen yang dimilikinya.
• Subselect Tool, digunakan untuk memodifikasi suatu garis yang dibuat dengan Pen Tool.
• Free Transform Tool, digunakan untuk memodifikasi bentuk dari suatu objek.
• Fill Transform Tool, digunakan untuk memodifikasi bentuk dan posisi dari gradient fills.
• Line Tool, digunakan untuk membuat garis. Bila kita membuat garis sembari menekan tombol SHIFT, maka akan terbentuk garis yang tepat horizontal, vertical atau miring 45 derajat.
• Lasso Tool, digunakan untuk memilih suatu area secara tidak teratur. Semua yang termasuk areanya akan terpilih.
• Pen Tool, digunakan untuk membuat kurva-kurva atau bentuk bebas.
• Text Tool, digunakan untuk membuat teks box yang dapat kita isi dengan berbagai tulisan.
• Oval Tool, digunakan untuk membuat objek elips (oval). untuk membuat lingkaran sempurna, pergunakan tool ini sembari meneka tombol SHIFT
• Ractangle Tool, digunakan untuk membuat bentuk persegi. Bila kita ingin membuat bentuk bujur sangkar secara sempurna, gunakan tool ini sembari menekan tombol SHIFT.
• Pencil Tool, digunakan untuk membuat garis. Bila kita membuat garis sembari menekan tombol SHIFT, maka akan terbentuk garis yang tepat horizontal, vertical atau miring 45 derajat.
• Brush Tool, digunakan untuk menggambar dengan kuas secara bebas, tool ini mempunyai beberapa pilihan untuk mengontrol beberapa efek dari sapuan kuas kita.
• Ink Bottle Tool, digunakan untuk mewarnai suatu garis.
• Paint Bucket Tool, digunakan untuk memodifikasi warna dan gradasi warna didalam suatu objek.
• Eyedropper Tool, digunakan untuk mengambil warna yang berasal dari suatu objek didalam stage sehingga kita bisa menyamakan warna ketika menggambar.
Eraser Tool, digunakan untuk menghapus suatu gambar/objek.

View
• Hand Tool, digunakan untuk menggulung stage disegala arah seolah oleh anda menggunakan scroller 360 derajat.
• Zoom Tool, digunakan untuk memperbesar atau memperkecil tampilan objek.

Colors

• Stroke Color, digunakan untuk memodifikasi outline/border warna suatu objek.
• Fill Color, digunakan untuk memodifikasi isi warna pada objek.

Options
bagian options menyediakan tool setting yang menyertai tool yang sedang aktif.
• Stage
Stage adalah area tempat kita bekerja dan membuat objek atau animasi. Ibarat kita seorang Pelukis, stage adalah kertas gambarnya.

• Timeline




Timeline adalah jalur/garis untuk mengatur berjalannya animasi dari frame ke frame.

• Panel




Panel merupakan kotak dialog yang berguna untuk melihat, mengatur dan mengubah elemen-elemen atau objek didalam macromedia flash 8. Color serta Library juga termasuk kepada panel.

• Property Inspector




Property inspector dalam Flash berisi property dari objek yang kita pilih menggunakan Selection Tool. Tiap objek yang kita pilih memilikin property yang berbeda-beda dengan objek lainnya.