Tutorial membuat web dengan Flash

1.     

Tutorial Macromedia Flash “Pembuatan Web Interaktif dengan Flash MX”

Buka Program Flash MX, kemudian pada panel Properties ubah size = 770 x 600 pixel, dan ubah background menjadi warna hitam, lalu ubah frame rate menjadi 30.

2.      Pada layer 1, buat object “rectangle” dengan ukuran W = 188, H = 418, X = 21.4, Y = 139.3.

3.      Kemudian buat layer baru dan beri nama “mask”, pada frame 1, buat obyek “rectangle” dengan ukuran W=251, H=28, X= -10, Y=104.

4.      Klik pada frame 30, kemudian tekan F6 pada keyboard, lalu ubah ukuran rectangle menjadi W=251, H=471, X=-10, Y=104.

5.      Diantara frame 1 – 30 pada layer “mask”, Anda beri motion shape dengan cara mengubah tween pada panel Properties dengan shape.

6.      Pada layer mask Anda klik kanan kemudian pilih “mask”.

7.      Buat Layer baru dan beri nama “header”.

8.      pada frame 30 Anda tekan F7 pada keyboard, kemudian buat obyek dengan bentuk rectangle dengan ukuran W=10, H=10, X= 21, Y=138.

1.      pada frame 60 Anda tekan F6 pada keyboard, kemudian ubah ukuran garis menjadi W=10, H=10, X= 21, Y=138.

2.      Buat symbol button, dengan cara klik menu Insert à New Symbol à Button dan ubah nama simbol menjadi “Homepage”.

3.      Setelah masuk simbol button, pada frame “UP”, buat rectangle dengan W= 427.9, H=91.5, X=-182, Y=-43, lalu ubah warnanya menjadi warna linear, caranya klik paint bucket tool (K) lalu ubah fill color menjadi linier, untuk menerapkan warna linear klik dalam obyek linear dan drag secara vertical atau horizontal.

4.      Buat Text “homepage” tepat ditengah kotak.

5.      Pada frame “Over” tekan F6 dan ubah warna linear menjadi “orange dan putih”

6.      Pada frame “down” tekan F6 dan ubah warna linear menjadi “merah dan putih”, lakukan langkah ke 14 pada frame “hit”

7.      Buat tombol button satu lagi dengan nama “gallery”, seperti langkah 11 – 14.

8.      Buat layer baru dan beri nama “button”

9.      Drag symbol “homepage” ke stage, kemudian ubah ukuran & posisi sebagai berikut : W=148, H=31, X=38, Y=164,6. Kemudian drag juga Simbol “Gallery” ke stage kemudian ubah ukuran & posisi sebagai berikut : W=148, H=31, X=38, Y=206,6.

10.  Buat layer baru dengan nama “Picture”. Pada frame 61 tekan F6, kemudian buat obyek rectangle dengan ukuran w : 523.1, h : 393, x : 224.6, y : 160.3, ubah warna menjadi gray (abu-abu).

11.  Import file gambar, dengan cara klik menu File à Import à Import to Stage lalu pilih file “riyani.jpg” kemudian klik Open. Setelah itu ubah ukuran menjadi w : 492.8 h : 269.6, x : 240.2, y : 171.8

12.  Kemudian pada frame 90 tekan F6 pada layer “picture”.

13.  Buat layer baru tepat diatas layer “picture”, ubah namanya menjadi “mask picture”

14.  Pada mask picture klik pada frame 61 dan tekan F7, lalu buat rectangle dengan ukuran w : 19.9, h : 19.9, x : 476.9, y : 346.9.

15.  Pada frame 90, tekan F6 dan ubah ukuran “oval” menjadi w : 691, h : 691, x : 158.3, y : – 8.

16.  Pada layer “picture” klik frame 91 dan tekan F7, lalu buat rectangle dengan ukuran w : 523.1, h : 393, x : 224.6, y : 160.3.

17.  Import gambar dengan cara klik menu file à import à import to stage à pilih “irma.jpg” klik “Open”

18.  Ubah ukuran gambar menjadi w : 492.8, h : 369.6, x : 240.2, y : 171.8, setelah itu Anda klik pada frame 115 dan tekan F6 pada keyboard.

19.  Pada layer “mask picture” klik frame 91 dan buat obyek “rectangle” dengan ukuran w : 575, h : 7.6, x : 191.7, y : 350.6.

20.  Klik pada frame 115, lalu tekan F6, kemudian ubah ukuran rectangle dengan ukuran w : 575.1, h : 419.5, x : 191.7, y : 145.3.

21.  Klik pada frame antara 91 – 115 pada layer mask picture, lalu diberi “motion shape” pada panel Properties.

22.  Klik pada layer “mask picture” kemudian klik kanan dan pilih “mask”

23.  Buat layer baru dan ubah nama menjadi “text”

24.  Klik pada frame 35 pada layer text, kemudian tekan F7 pada keyboard.

25.  Pada frame 35 buat obyek text “HOMEPAGE” dengan text “arial black” size : 43, kemudian klik kanan text dan pilih “convert to symbol”, pilih graphic dan klik Ok.

26.  Kemudian klik frame 60 dan tekan F6,

27.  Klik pada frame 30 pilih obyek teks, kemudian pada panel properties ubah color menjadi “Alpha” dan ubah prosentase menjadi 0%, kemudian antara 30 – 60 dan Anda beri “motion tween.”

28.  Klik frame 90 pada layer “text” kemudian tekan F6 pada keyboard.

29.  Klik frame 91 pada layer “text” kemudian tekan F7 pada keyboard.

30.  Buat obyek text “gallery” (type Arial black, 43), ubah positionnya menjadi x : 31739, y : 48.8, kemudian klik kanan text “gallery” dan pilih “convert to symbol”, pilih graphic dan klik Ok.

31.  Kemudian klik frame 60 dan tekan F6

32.  Klik pada frame 30 pilih obyek teks, kemudian pada panel properties ubah color menjadi “Alpha” dan ubah prosentase menjadi 0%, kemudian antara 30 – 60 dan Anda beri “motion tween.”

33.  Buat layer satu lagi kemudian beri nama “action”

34.  Klik pada frame 90 kemudian pilih “panel action” kemudian klik tanda ( + ) kemudian akan muncul pilihan, pilih Global Function à Movie Controller à Stop

35.  Klik pada frame 115, kemudian beri juga action “stop”

36.  Klik pada symbol button “homepage”, kemudian pada panel Action tuliskan action sebagai berikut :

On (release) {gotoAndPlay (1);}

37.  Klik pada symbol button kedua yaitu “Gallery”, kemudian pada panel Action tuliskan action sebagai berikut :

On (release) {gotoAndPlay (91);} 

38.  Setelah semua langkah-langkah selesai maka lakukan “Test Movie” atau dengan cara tekan “Ctrl + Enter”, jika terdapat Comment Dialog, berarti masih terdapat kesalahan pada actionscript yang telah Anda buat.

Iklan