TOMBOL PLAY N STOP

kali ini kita akan mencoba membuat tombol play and stop yang sederhana dan dengan script sederhana pula. kita cobakan pada sebuah animasi motion tween pada objek bergerak
langkah-langkah nya dibawah ini :

1. buatlah sebuah obyek lingkaran. rubahlah ke status graphic dengan menggunakan klik kanan pada obyek tersebut pilih convert to symbol dengan behavier : graphic

2. pada frame ke -15 (gak harus 15 y) buatlah sebuah keyframe dengan cara klik kanan pada frame 15 dan pilih insert key frame. Pindahkan obyek tersebut ke posisi yang baru.
3. ciptakan sebuah motion tween dengan cara diantara frame 1 sampai frame 15 klik kanan pilih create motion tween.

4. lebih baik kita coba dulu tekan tombol enter untuk mencobanya atau plh menu control - enter
5. selanjutnya kita akan mengkontrol aktifitas pergerakan dengan menggunkan tombol play and stop
6. buatlah sebuah layer baru dengan cara klik insert layer. sehingga dimungkinkan muncul layer 2
7. pada layer 2 tersebut kita ciptakan dua buat tombol mungkin seperti pada gambar di bawah ini

8. setelah kedua obyek terbentuk kita lakukan pada tombol play dan tombol stop convert to symbol dengan behavier button
9. pada layer 2 kita klik tombol play. dan buka jendela action script. pilih play dan klik 2 x. sedangkan tombol stop pada action script pilih tombol stop
kl sudah kita coba test movie dengan cara tekan control enter. tetapi hasilnya obyek akan bergerak terlebih dahulu walaupun belum kita beri perintah play. oleh karena itu pada frame 1 layer 1 untuk membuat obyek tidak bergerak kita klik jendela actions dan pilh stop. yang akan berfungsi menghentikan animasi sebelum di beri perintah

hasilnya setelah ti test movie seperti di bawah ini :

TOMBOL FLASH

untuk membuat tombol dalam flash. kali ini saya manfaatkan corel draw untuk membuat objeknya.
Obyek kebetulan saya buat dari dari objek yang berbeda. Kedua obyek tersebut akan kita simpan masing2 dengan nama gambar1 dan gambar2. kebetulan kali ini untuk menyimpannya supaya objek bisa di masukkan ke dalam flash dengan indah saya menggunakan fasilitas KLIK FILE - KLIK EXPORT, dengan save nama yang disukai dan type SWF
Selanjutnya kedua gambar tersebut akan kita masukkan ke dalam macromedia flash dengan menggunakan fasiltis KLIK FILE - KLIK IMPORT TO LIBERY. Munculkan dengan KLIK WINDOWS - LIBERY
Yang dimana akan terlisah seperti gambar diatas.
selanjutnya kita masukkan gambar2 tersebut kedalam macromedia flash. masing-masing 1 layer
usahakan dan biasakan kita selalu memberi nama layer kita. Dengan cara pada nama layer 1 kita klik 2 x dan lakukan rename nama layer tersebut dan tekan enter. Contoh pada layer 1 kita ganti menjadi gambar 1. Pada layer selanjutnya kita ganti gambar 2


Setelah kedua obyek terdapat pada masing-masing layer. obyek kita tata dan kita bentuk menyerupai sebuah tombol.
Langkah selanjutnya. Obyek akan kita rubah menjadi sebuah symbol dengan cara klik arrow tool
lakukan blok atau drag and drop pada kedua obyek tersebut.
langkah selanjutnya adalah menjadikan obyek menjadi symbol botton dengan cara klik kanan pada obyek. pilih convert to symbol. pada bihavier kita pilih option botton dan ada lebih baiknya kita juga ganti nama symbolnya
Setelah objek terconvert menjadi symbol. tugas kita selanjutnya adalah melalkukan animasi di dalam symbol botton tersebut. dengan cara ...??
1. Klik objek tombol tersebut 2 x sehingga anda akan memasuki area di dalam objek / objek editor
dengan di tandai munculnya katerangan nama symbol pada area status stage kita yang semua hanya scene sekarang akan ditambah button/tombol {sesuai dengan nama symbol pada langkah diatas}. perubahan juga bisa terlihat dari deretan frame pada time line akan berubah menjadi frame botton dengan informasi Up - over - down - hit

2. langkah selanjutnya adalah. membuat animasi ketika mouse di gerakkan pada objek. oleh karena tujuan kita membuat sebuah animasi gerak/motion dengan sentuhan mouse frame yang kita gunakan adalah over. sehingga pada over kita klik kanan insert keyframe.

3. Setelah keyframe tercipta dengan arrow tool obyek kita blok drag and drop lalu kita klik kanan convert to symbol dengan option behavier kali ini movie. Jangan lupa beri nama symbil juga.
4. langkah selanjutnya dengan menggunakan arrow tool kita klik objek yang sudah berstatus movie tersebut 2x dengan tujuan pada frame OVER kita akan melakukan animasi di dalam objek movie
5. setelah di dalam movie editing ..kita lakukan pemisah objek yang terdiri dari 2 objek gambar 1 dan gambar 2 dan kembali menjadikan menjadi 2 layer yang berbeda dengan memanfaatkan cut and paste.

begini caranya... kita klik objek 2...lalu kita klik kanan pilih cut.

selanjutnya ciptakan layer baru dengan klik insert layer dan klik kanan pada stage kosong dan pilih paste
Setelah kedua obyek di dalam masing-masing layer. kemudian kita tata lagi sedemikian rupa seperti awalnya.
setelah tertata. pada layer 2. objek akan kita buat bergeser ke kanan apabila mouse menyentuh objek tersebut. dengan cara pada layer 2 kita convert to symbol dengan option bihavier : graphic.
Langkah keberapa ya...@#$@%@ LANJUT
setelah layer2 menjadi symbol graphic. pada layer 1. kita pilih frame ke 15 klik kanan insert frame (bertujuan layer 1 akan selalu ada sampai frame ke 15)
pada layer 2 kita pilih frame ke 15 klik kanan insert key frame. (bertujuan memberikan animasi di dalam frame 15 dari frame 1) setelah itu pindahkan posisi objek ke posisi terbaru. selanjutnya ciptakan motion tween pada layer 2 dengan cara klik kanan create motion tween

langkakh selanjutnya agar ketika mouse disentuhkan dan tombol bergerak lalu bisa berhenti dan tidak kembali kita manfaatkan option action. dengan cara pada layer 2 frame terakhir. kita pilih action. pilih Action - movie control - pilih stop. klik stop 1 x hasilnya script stop akan masuk kedalam frame 15 ditandai dengan simbol huruf a pada frame tersebut
Yup selanjutnya tinggal kita coba aja..dengan cara test movie ..
hasilnya akan seperti di bawah ini.



bagi yang ingin melanjutkan supaya ketika tombol di klik bisa terhubung dengan halaman web. silahkan pada botton edit masuk ke frame DOWN. klik insert keyframe. dengan menggunakan arrow tool convert to botton. silahkan lanjutkan dengan memilih action browser network pilih url. semga berhasil ya

PeRaNgKaT FLASH

LINE TOOL digunakan untuk membuat garis lurus
PEN TOOL digunakan untuk membuat garis lurus dan lengkung.
OVAL TOOL digunakan untuk membuat objek elips dan lingkaran
RECTANGLE TOOL digunakan untuk membuat objek kotak
PENCIL TOOL digunakan untuk membuat garis sketsa bebas atau freehand
BRUSH TOOL digunakan untuk melukis dengan goresan warna
INK BOTTLE TOOL digunakan untuk mengganti warna stroke atau garis pada objek
PAINT BUCKET TOOL digunakan untuk menggati warna stroke dan fill color
EYEDROPPER TOOL digunakan untuk mengambil sampel warna suatu objek untuk digunakan pada objek lain
ERASER TOOL digunakan untuk menghapus stroke maupun objek. beberapa eraser mdoe di bagian option dapat dipilih sesuai kebutuhan anda antara lain ; ERASER NORMAL digunakan untuk menghapus bagian mana pun pada objek seperti biasa ERASER FILLS khusus menghapus bagian fill ERASER LINE khusus menghapus bagian stroke ERASER SELECTED FILLS digunakan untuk menghapus bagian yang terseleksi ERASER INSIDE digunakan untuk menghapus bagian fill objek yang berada di lapisan paling atas

TWEENED ANIMATION - 4

ANIMASI warna
selain perpindahan/gerak, putaran/rotasi, dan skala kita juga bisa melakukan perubahan warna.
kali ini kita akan bahas perubahan warna dengan memanfaatkan animasi-animasi sebelumnya

mari kita coba langkah-langkah di bawah ini...
1. SIAPkan sebuah STAGE baru / kosong
2. Buatlah sebuah objek bebas, contoh objek yang kita buat adalah lingkarang dengan menggunakan Oval tool

3. dengan menggunakan arrow tool, blok seluruh objek { Bila objek ter blok akan di tunjukkan dengan simbol bintik2 pada objek tersebut}
setelah itu klik kanan convert to symbol pilih Graphic

yang hasilnya objek akan berubah symbol

4. pilihlah posisi Frame selanjutnya yang dimungkinkan kita akan menempatkan posisi terbaru objek lingkaran itu. sebagai contoh Frame 25. Pada frame ke 25 kita ciptakan Keyframe dengan cara klik kanan pilih insert keyframe atau tekan F6
Setelah keyframe di ciptakan pada frame ke 25. objek lingkaran kita pindahkan ke posisi terbaru dengan menggunakan Arrow tool.

5. di antara frame awal (frame 1) sampai frame terakhir (frame 25) kita tempatkan kursos dengan menggunakan klik kanan pada frame tersebut ciptakan Motion tween. yang ditandai frame 1 sampai dengan frame 25 akan berubah warna menjadi biru muda dengan garis panah hitam diantaranya.

6. pada frame terakhir (frame 25) buka jendela property perhatikan pilihan color. apabilan option color pada jendela property tidak muncul dengan menggunakan arrow tool klik objek benda tersebut. sehingga option color akan muncul. dan pilih Tiny.

dan pilih warna yang dinginkan

klik Control - Play untuk mencoba hasilnya atau silahkan tekan enter atau Ctrl + Enter untuk melihat hasil animasi tersebut

TWEENED ANIMATION - 3

Animasi SKala (Transform)
kali ini yang akan kita pelajari adalah animasi gerak yang di gabungkan dengan animasi skala.
Lankah-langkah yang di ambil sama dengan materi Animasi Gerak dengan beberapa tambahan

mari kita coba langkah-langkah di bawah ini...
1. SIAPkan sebuah STAGE baru / kosong
2. Buatlah sebuah objek bebas, contoh objek yang kita buat adalah lingkarang dengan menggunakan Oval tool

3. dengan menggunakan arrow tool, blok seluruh objek { Bila objek ter blok akan di tunjukkan dengan simbol bintik2 pada objek tersebut}
setelah itu klik kanan convert to symbol pilih Graphic

yang hasilnya objek akan berubah symbol

4. pilihlah posisi Frame selanjutnya yang dimungkinkan kita akan menempatkan posisi terbaru objek lingkaran itu. sebagai contoh Frame 25. Pada frame ke 25 kita ciptakan Keyframe dengan cara klik kanan pilih insert keyframe atau tekan F6
Setelah keyframe di ciptakan pada frame ke 25. objek lingkaran kita pindahkan ke posisi terbaru dengan menggunakan Arrow tool.

5. di antara frame awal (frame 1) sampai frame terakhir (frame 25) kita tempatkan kursos dengan menggunakan klik kanan pada frame tersebut ciptakan Motion tween. yang ditandai frame 1 sampai dengan frame 25 akan berubah warna menjadi biru muda dengan garis panah hitam diantaranya.

6. Pada Frame ke 25 dengan menggunakan arrow tool klik objek tersebut dan klik free transform



klik Control - Play untuk mencoba hasilnya atau silahkan tekan enter atau Ctrl + Enter untuk melihat hasil animasi tersebut

TWEENED ANIMATION - 2

Animasi PUTAR
Selain tipe animasi gerak ada juga Tween motion dengan animasi putar.
gunakan langkah2 berikut ini untuk mencobanya ;
1. buatlah sebuah objek. kali ini kita gunakan aja sebuah bidang berbentuk roda. {gambar bisa di buat sendiri}

2. dengan cara yang sama ketika membuat objek animasi gerak. Dengan menggunakan arrow tool. Obyek roda klik kanan convert to symbol - pilih Graphic

3. Tentukan titik Frame ke -2 . misalnya pada frame ke 25. Klik kanan pada frame tersebut ciptakan keyframe

4. antara frame awal (frame 1) sampai frame terakhir (frame 25) ciptakan motion tween.

5. setelah motion tween tercipta. Klik frame 1. dah pilih jendela property. Pada pilihan Tween akan terdapat keterangan motion. ini dikarenakan kita menggunakan motion tween. Pada pilihan Rotate pilih salah satu putaran yang diinginkan. CW digunakan untuk memutar objek searah jarum jam, sedangkan CCW digunakan untuk memutar objek berlawanan arah jarum jam. sebagai contoh pilih CW

6. Tekan Ctrl + Enter untuk mencoba animasi tersebut

TWEENED ANIMATION

Teknik Tweened Animation mempunyai dua tipe animasi yaitu, motion Tween dan Shape Tween. Animasi Motion Tween biasa digunakan untuk membuat animasi objek bergerak (dari posisi satu ke posisi lain), berputar dan mengubah ukuran (skala). Motion Tween dapat diterapkan pada objek instance (simbol) grup dan teks. Adapun animasi shape Tween merupakan animasi perubahan bentuk sebuah objek, misalnya dari bentuk kotak berubah menjadi bentuk lingkaran. Shape tween dapat diterapkan pada objek shape (Rectangle, oval dan pencil tool)

Bagaimana Membuat Animasi Motion Tween dengan objek bergerak....?????
mari kita coba langkah-langkah di bawah ini...
1. SIAPkan sebuah STAGE baru / kosong
2. Buatlah sebuah objek bebas, contoh objek yang kita buat adalah lingkarang dengan menggunakan Oval tool

3. dengan menggunakan arrow tool, blok seluruh objek { Bila objek ter blok akan di tunjukkan dengan simbol bintik2 pada objek tersebut}
setelah itu klik kanan convert to symbol pilih Graphic

yang hasilnya objek akan berubah symbol

4. pilihlah posisi Frame selanjutnya yang dimungkinkan kita akan menempatkan posisi terbaru objek lingkaran itu. sebagai contoh Frame 25. Pada frame ke 25 kita ciptakan Keyframe dengan cara klik kanan pilih insert keyframe atau tekan F6
Setelah keyframe di ciptakan pada frame ke 25. objek lingkaran kita pindahkan ke posisi terbaru dengan menggunakan Arrow tool.

5. di antara frame awal (frame 1) sampai frame terakhir (frame 25) kita tempatkan kursos dengan menggunakan klik kanan pada frame tersebut ciptakan Motion tween. yang ditandai frame 1 sampai dengan frame 25 akan berubah warna menjadi biru muda dengan garis panah hitam diantaranya.

6. klik Control - Play untuk mencoba hasilnya atau silahkan tekan enter atau Ctrl + Enter untuk melihat hasil animasi tersebut

ANIMASI

animasi dasar terbagi menjadi tiga, yaitu gerak, skala dan Putar. Animasi gerak menggerakkan objek dari posisi satu ke posisi lainnya. animasi skala mengubah skala atau ukuran sebuah objek. animasi putar atau rotasi adalah animasi di mana sebuah objek mempunyai gerak berputar pada titik poros yang ditentukan. Penggabungan ketiga animasi dasar tersebut bisa menghasilkan sebuah animasi yang menarik. MACROMEDIA Flash MX menyediakan dua teknik pembuatan animasi, frame by frame dan tweened animation. dUA teknik animasi tersebut cukup andal untuk menghasilkan animasi yang luar biasa, ditambah dengan imajinasi dan kreativitas si animator
Animasi tween adalah jalan yang efektif untuk membuat gerakan dan mengatur waktu sambil mengecilkan ukuran file. Dalam animasi tween, flash hanya menyimpan jumlah perubahan antar frame. Dalam animasi frame by frame, flash menyimpan setiap objek pada masing-masing frame

LAlu apa Yang dimaksud dengan KEYFRAME ?
keyframe adalah sebuah fram tempat anda menetapkan perubahan di dalam animasi. Ketika anda membuat animasi frame by frame, setiap frame adalah sebuah keyframe.
BAGAIMANA cara membuat sebuah KEYFRAME?
keyframe dapat dibuat dengan cara :

• Pilih sebuah frame dalam timeline dan pilih menu insert timeline lalu pilih dan klik keyframe
• atau klik kanan pada frame dalam timeline dan pilih insert keyframe
• atau pilih frame tertentu dan tekan F6 pada keyboard

selain keyfram ada juga kecepatan frame. kecepatan frame yang terlalu pelan akan membuat sebuah animasi tampak patah-patah. Namun kecepatan frame yang terlalu cepat justru akan menggaburkan tampilan animasi itu sendiri. kecepatan 12 frame per detik biasanya memberikan hasil animasi yang lebih baik pada halaman web. kerumitan animasi dan kecepatan komputer pada animasi yang ditampolkan mempengaruhi kehalusan dari gerak animasi

GAMBARAN ANIMASI DALAM TIMELINE
di dalam macromedia flash, di bedakan antara animasi tween dengan animasi frame-by-frame terutama di dalam Timelinenya, antaralain seperti di bawah ini :
Keyframe TWEEN : MOTION ditunjukkan dengan sebuah titik hitam dan mempunyai panah hitam dengan backgrond warna biru terang
Keyframe TWEEN : SHAPE ditunjukkan dengan sebuah titik hitam dan mempunyai panah dengan background warna hijau terang
sebuah keyframe tunggal ditunjukkan dengan sebuah titik hitam frame berwarna abu-abu setelah keyframe tunggal diisi dengan objek dan mempunyai sebuah kotak kosong pada akhir frame

sebuah frame dengan simbol huruf a kecil menunjukkan bahwa frame tersebut berisi sebuah script actions di panel actions

sebuah frame dengan simbol bendera menunjukkan bahwa frame tersebut berisi sebuah label atau keterangan