Rabu, 19 Maret 2008

Pre-loader

Pre-loader

1. Buat sebuah kotak, hilangkan garis pinggirnya dan buat warnanya menjadi gradient pada toolbox "color mixer" dengan cara memilih model linier

2. ubah kotak tersebut menjadi simbol dan beri nama "bar" dengan tipe simbol "graphic"

3. buat movie-clip baru dengan cara menekan ctrl+F8, beri nama "preloader"

4. Buat gambar zig-zag pada frame 1 dan masukkan hingga frame ke 90

5. Buat layer dibawah gambar tersebut dan masukkan simbol "bar" pada bidang kerja

6. Modifikasi ukuran gambar zig-zag dengan bar sehingga sama tingginya

7. Atur gambar bar dan zig-zag seperti dibawah ini

8. Masukkan keyframe pada frame 35 dan pindahkan gambar bar menjadi posisi seperti dibawah ini

9. Buat motion tween antara frame 1 hingga frame 34.

10. Masukkan keyframe pada frame ke 40, dan rubah gambar bar sehingga arahnya berlawanan dengan cara klik Modify > Transform > Flip Horizontal

11. Masukkan keyframe pada frame ke 85, dan buat motion tween antara frame 40 hingga 85

12. Buat "mask" pada layer yang paling atas

Bagian Scene

1. Masuk bagian scene1

2. Buat bidang kerja supaya memiliki 3 layer

3. Masukkan "preloader" pada bidang area kerja dan masukkan frame baru pada urutan frame ke-2

4. Ketikkan kata "Loading..." pada layer 2

5. Masukkan "Action script" pada layer3 di frame 1, seperti dibawah ini

ifFrameLoaded ("end") {
gotoAndPlay ("start");
}

6. Masukkan keyframe baru dan isikan "action script" berikut ini pada frame ke 2

gotoAndPlay (1);

7. Test Movie, sehingga menghasilkan seperti ini

Download .fla


Clock

1. Buat 3 layer dengan nama "background", "text", dan "action" seperti berikut

frame background digunakan untuk memberikan tampilan layar untuk clock

masukkan frame baru dengan menekan F5

2. Pada layer text masukkan Dynamic Text kemudian masukkan frame baru dengan menekan F5

Cara membuat Dynamic Text, ambil fungsi Text dari toolbox kemudia ubah propertynya dari static text menjadi dynamic text

3. Beri nama dynamic text tersebut "clock_txt"

4. Pada frame1 layer action masukkan action script dibawah ini

time=new Date(); // time object
var seconds = time.getSeconds()
var minutes = time.getMinutes()
var hours = time.getHours()
if (hours<12) {
ampm = "AM";
}
else{
ampm = "PM";
}
while(hours >12){
hours = hours - 12;
}
if(hours<10)
{
hours = "0" + hours;
}
if(minutes<10)
{
minutes = "0" + minutes;
}
if(seconds<10)
{
seconds = "0" + seconds;
}
clock_txt.text = hours + ":" + minutes + ":" + seconds +" "+ ampm;

5. Kemudian buat frame baru dan masukkan action script berikut ini]

gotoAndPlay(1);

6. Test Movie, sehingga akan tampil seperti berikut ini

Download .fla


Modifikasi Mouse Cursor

Membuat movie-clip

1. Tekan Ctrl+F8 untuk membuat clip movie yang baru

2. Beri nama simbol tersebut dengan nama "CurserNew_mc"

3. Buat tipe simbol itu dengan tipe movie-clip

4. Buat gambar mouse sesuai dengan keinginan, atau seperti dibawah ini

5. Kemudian kembali lagi ke Scene1

Pada Scene1

1. Masukkan clip "CurserNew_mc" dari Library pada bidang kerja

2. Berinama simbol tersebut dengan nama "cursernew"

3. Pada frame1 di layer1, masukkan action script berikut ini

Mouse.hide()
startDrag(cursernew,true)

4. Test Movie

Download .fla


Audio

Sebelum memulai tutorial ini, carilah file suara bisa berupa wav, mp3, midi dll

1. Buat file flash baru, dan buat 2 layer actions dan controls

2. Import file suara pada library

3. Buka actions - frame

Masukkan action script dibawah ini pada frame 1

stop();

Masukkan action script dibawah ini pada frame 2

stop();
stopAllSounds();

Pada frame 1 rubah property sound dengan file suara yang kita import dan rubah menjadi event loop

4. Buat 2 buah button

Letakkan button stop pada frame 1 dan button start pada frame 2

5. Pada frame 1 isikan action script seperti dibawah ini

on (release) {
gotoAndPlay(2);
}

Pada frame 2 isikan dengan action script seperti dibawah ini

on (release) {
gotoAndPlay(1);
}

6. Test Movie

Download .fla


Dreamweaver

Persiapan menggunakan Macromedia Dreamweaver

1. Membuat profile web baru, klik “edit sites”

2. Mempersiapkan folder untuk disisi lokal komputer



3. Memilih tipe koneksi yang akan digunakan, FTP atau Local/Network


3.a. Apabila menggunakan FTP


3.b Apabila menggunakan Network Neiborhood, persiapkan folder disisi server, kemudian mapping di suatu drive


4. Klik “done” untuk memulai pembuatan website


5. Klik connect to remote server


6. Untuk meng-upload file klik panah keatas


Hujan Salju

Saya sangat suka salju, dingin lo.... Salah satu benda terindah di dunia.

Download Fla (23.0kb)

Oke, oke. Mungkin salju saya tidak seindah yang asli. Bagaimana cara membuatnya? Sama sekali tidak sulit. Anda cukup memahami Animasi Dengan Jalur. Di sini digunakan beberapa jalur dan beberapa bola salju. Tiga buah tepatnya. Anda mau lihat seperti apa waktu diedit?

Garis-garis kuning itu adalah jalur yang dilalui bola salju. Cukup berantakan. Cobalah! Selamat main bola salju!

Animasi Film Tua

Saya sedikit bingung untuk menerjemahkan nama efek ini ke dalam Bahasa Indonesia. Tapi yang saya maksud adalah efek seperti di film-film tua. Perhatikan contoh ini.


Download Fla (23.5kb)

Cara membuatnya mudah. Anda tinggal membuat sebuah movie berisi garis-garis kecil yang digambar dengan tool pencil yang berubah-ubah setiap satu frame. Anda juga bisa menambahkan garis lurus. Tidak sulit, hanya saja memakan waktu.

Tidak ada komentar:

Name:*

Email Address:*

Feedback: