Membuat Motion Shape dari Image

Hai..
Kali ini Blog Anak Sismul mau berbagi tutorial tentang Membuat Motion Shape Image. Seperti yang kita ketahui Motion Shape adalah merubah bentuk awal menjadi bentuk yang lain, bagaimana kalau kita merubah sebuah image menjadi image yang lainnya? Berikut Blog Anak Sismul akan memberikan tutorial singkat


1. Masukkan Sebuah gambar (.Jpg atau .Jpeg) kedalam stage

2. Buatlah Blank Keyframe di frame 50 (Klik kanan pada frame pilih insert Blank Keyframe)

3. Masukkan gambar baru (.Jpg atau .Jpeg) ke frame 50

3. Kembalilah Ke frame 1, klik gambar dan klik Modify lalu Pilih Bitmap dan Trace Bitmap, Lalu pilih OK

4. Lalu setelah itu pindah ke Frame 50  Klik gambar tersebut dan klik Modify lalu Pilih Bitmap dan Trace Bitmap, Isi Color Treshold dengan 15 dan Minimum area 2 Pixel

5. Klik kanan pada pertengahan frame(Frame 25) dan Pilih Create Motion Shape

6. Hasil Akhirnya akan seperti ini 

Cara Membuat Masking di Flash Professional

Halo semua kali ini kami dari Blog Anak Sismul akan memberikan tutorial bagaimana cara membuat masking di Flash Professional, berikut tahapannya :

1. Buatlah 2 buah layer saat memulai project (layer 1 dan layer 2), setelah itu buatlah sebuah tulisan (Misal saya membuat "Blog anak sismul")

 2. Buatlah keyframe pada layer 1 di frame 50

3. Pada Layer 2 Frame 1, buatlah sebuah balok untuk menutupi seluruh bagian tulisan yang telah dibuat

4. Setelah itu buatlah keyframe pada layer 2 pada frame 50, pindahkan balok sehingga menutupi tulisan tersebut.

5. Klik kanan di pertengahan frame (frame 25), pilih Create Motion Tween

6. Setelah itu klik kanan pada Layer 2, pilih Mask seperti gambar dibawah.

7. Tampilan setelah klik Mask

 8. Hasil masking di Flash Professional

Sekian dari kami Blog Anak Sismul semoga bermanfaat kunjungi tutorial kami yang lain yaa :)

Memasukkan Audio di Flash Professional

Halo sobat Blog Anak Sismul, pada kesempatan kali ini saya mau share lagi bagaimana cara Memasukkan Audio di Flash Professional . Berikut saya akan menjelaskan beberapa tahapannya

1. Buka Flash Professional kamu
2. Buatlah sebuah button menggunakan Rectangle, kemudian msukkan Instance Name dengan "btnStop" seperti gambar dibawah ini

4. Setelah itu tekan "f9", dan masukkan script dibawah ini :

*Note : Pastikan file audio berada satu folder dengan file Flash anda

stop();

var lokasi = new URLRequest('music.mp3');

var sound = new Sound();
sound.load(lokasi);

var sc = new SoundChannel();

sc = sound.play();

btnStop.addEventListener(MouseEvent.CLICK, berhenti);

function berhenti(e)
{
sc.stop();
}

Sekian dari kami Blog Anak Sismul, selamat mencoba :)

Membuat Validasi Form di Flash

Pada postingan sebelumnya saya sudah membahas cara membuat form di flash, kali ini saya akan membuat Validasi Form di flash, berikut langkah-langkah pembuatannya :

1. Buka File Form sebelumnya
2. Gunakan Textool letakkan di bawah Alamat, ganti Static Text menjadi Dynamic Text 

3. Gantilah Instance Name untuk inisial componentnya
Text Input => txtName
NumericStepper => txtUmur
radiobutton(Male) => male
radiobutton(Female) => female
Checkbox(berenang) => berenang
Checkbox(membaca) => membaca
Checkbox(coding) => coding
TextArea(Alamat) => txtAlamat

Berikut Script untuk validasi form tersebut :

stop();

btnSubmit.addEventListener(MouseEvent.CLICK, register);

var nama, umur, alamat, gender;

function register(e)
{
nama = txtNama.text;
umur = txtUmur.value;
alamat = txtAlamat.text;

if( nama.length < 5 || nama.length > 10 )
{
txtError.text = "panjang nama harus 5 - 10";
}
else if(umur < 17){
txtError.text = "umur harus > 17";
}
else if( male.selected == false
&& female.selected == false ) {
txtError.text = "gender harus dipilih";
}

else if( berenang.selected == false
&& membaca.selected == false && coding.selected == false ) {
txtError.text = "Hobby harus dipilih";
}
else if(alamat.length <1){
txtError.text = "Alamat tidak boleh kosong";
}
else
{
txtError.text = "Register Success";
}

}

Membuat Form di Flash

Halo semuanya, kali ini Blog Anak Sismul akan membahas bagaimana cara membuat form menggunakan flash professional. Membuat form salah satu kriteria project yang akan kalian kumpulkan jadi harus bisa bikin form di flash, untuk tahapan pembuatannya silahkan disimak ya :

1. Buka Flash Professional Cs3 kamu

2. Klik tab "Windows" lalu pilih Components

3. Buatlah judul/title formnya dan komponen yang akan dibuat(nama, umur, gender, hobby, alamat, dll) 

4. Masukkan Component dengan cara drag/geser ke layer (text input, NumericStepper, Radio button, checkbox, Text Area, Button)

5. Setelah selesai semuanya, ganti semua tulisan labelnya dengan cara klik label yang akan diganti, lalu pindahkan ke tab Parameter, setelah itu ganti tulisan label sesuai keinginan anda (mis. Male, female)

6. Setelah semuanya diganti akan seperti dibawah ini 

7. Setelah itu silahkan coba dengan menekan "Shift+Enter"

*Note : Untuk Validasi form dapat kunjungi Halaman berikut Membuat Validasi Form di Flash

Sekian dari saya semoga bermanfaat selamat mencoba :)

Membuat Animasi Motion Guide

Bersama saya lagi Blog Anak Sismul, kali ini saya mau share lagi cara Membuat Animasi Motion Guide. Setelah Postingan saya kemarin Membuat Animasi Motion Tween dan Membuat Animasi Shape Tween kali ini saya akan membahas Animasi Motion Guide. Animasi Motion Guide ini seperti animasi biasanya tetapi memiliki track, jd kita harus membuat tracknya agar objeknya berjalan sesuai dengan track yang dibuat. Berikut langkah-langkah pembuatannya :

1. Buka Flash Professional kamu, dan buat New Flash File

2. Setelah terbuka klik kanan di frame pertama dan pilih Add Motion Guide

3. Buatlah sebuat track menggunakan pensil seperti dibawah ini

4. Buatlah Keyframe di frame 40 dengan klik kanan di frame 40 tersebut pilih "Insert Keyframe"

5. Buatlah objek sebuah bintang atau objek lainnya, lalu drag/geser objek tersebut tepat di garis track (Terlihat bulatan di tengah bintang tersebut letakkan tepat di garis)

6. "Insert keyframe" di Layer 1 pada frame ke 40, setelah itu klik kanan di antara frame tersebut dan pilih "Create Motion Tween"    

 7. Klik pada frame 40 pada layer 1, Lalu geser Bintang tersebut ke ujung track seperti gambar dibawah

8. Setelah itu coba compile dengan menggunakan "shift+Enter"

Membuat Animasi Shape Tween

Halo bertemu lagi bersama saya, setelah postingan saya yang kemarin Membuat Animasi Motion Tween kali Blog Anak sismul akan membahas Membuat Animasi Shape Tween, sama seperti sebelumnya tetapi disini kita akan mengubah bentuk objek awal menjadi bentuk baru. Untuk tahapan pembuatannya silahkan perhatikan ya :

1. Pertama buatlah sebuah lingkaran menggunakan tools Rectangle

2. Pada frame ke 30 klik kanan dan pilih "Insert Blank Keyframe"

 3. Setelah "Insert Blank Keyframe" akan muncul frame kosong seperti gambar dibawah

 4. Buatlah sebuah objek baru dengan tools Rectangle, Misalnya saya membuat bintang di frame kosong tersebut.

 5. Setelah itu, klik kanan di antara frame tersebut dan pilih "Create Shape Tween"

 6. Maka hasilnya akan seperti dibawah ini

Sekian dari saya Blog Anak Sismul semoga bermanfaat dan selamat mencoba :)

Membuat Animasi Motion Tween

Hai semua kali ini saya mau berbagi pengetahuan tentang Membuat Animasi Motion Tween . Membuat animasi Motion Tween berupakan dasar dari pembelajaran Flash. Berikut tahapan pembuatannya :

1. Buka Flash Professional kamu (saya menggunakan Cs 3 sesuai dengan di kampus)

2. Buat sebuah Lingkaran seperti gambar dibawah menggunakan Oval Tools

3. Masukkan keyframe pada frame ke 25 dengan mengklik kanan di bagian frame dan pilih "Insert Keyframe"

 4. Pindahkan lingkaran tersebut kesebelah kanan atau tempat yang ada inginkan

5. Di antara frame pertama dan frame yang anda masukkan tadi klik kanan pada mouse dan pilih "Create motion Tween"

6. Hasilnya menjadi seperti ini 

Sekian dari saya terimakasih :)