Cara membuat Form Login dengan Adobe Flash

Cara membuat Form Login dengan Adobe Flash

Create: Mahdani | Selasa, 20 Mei 2014 | 22:31:40 WITA | dibaca: 5100

 Assalamualaikum, Bismillahirahmannirahim, kali ini saya akan berbagi sedikit tentang bagaimana caranya membuat form login dengan menggunakan (Flash), pertama-tama buka Adobe Flash  Anda yang telah tersedia.

 

1.    Kemudian   buat 3 layer dengan cara Klik New Layer yang terletak dibagian kira bawah jiklo anda menggunakan Adobe Flash CS6.

 

 

 

2.    Ini hasilnya untuk membuat 3 layernya

 

 

 

3.    Ganti nama ketiga Object agar mudah diingat, Perhatikan caranya.

 

 

 

4.    Perhatikan gambar dibawah ini adalah hasil Actions,Admin dan Objects. Kemudian kunci layer Actions dan Admin.

 

 

 

5.    Buatlah Username dan Password dengan menggunakan Text Tools. Seperti contoh berikut ini.

 

 

6.    Setelah anda buat Bloklah Objek Username dan Password seperti gambar berikut ini untuk di jadikan static (supaya tidak bisa diubah pada saat anda jalankan).

 

7.    Kemudian buat lagi yang disebelahnya, tapi beda caranya tadi kita pake Static Text sekarang kita pake Input text agar nantinya bisa diinput pada saat dijalankan.

 

 

8.    Selanjutnya pilihlah Instance namenya isikan terserah bisa juga dengan nama anda , karna nantinya kita gunakan pada saat di Actions nantinya seperti variable,  perhatikan gambar berikut ini.

 

 

9.    Pilih Show Border around text agar nantinya bisa berbentuk Persegi panjang.

 

 

10.  Kemudian buat lagi satu text dengan menggunakan  Text Tools  tapi tidak disertakan @Mahdaniismailnya  hehe….ingat ini buat pesan nantinya dan jangan lupa Instance namenya juga anda harus beri  My_Message_text_dhani  dan Pilih Dynamic text.

 

 

 

11.  Kemudian pilih Rectangle Tools untuk membuat Button Clik Loginnya Stroke Color tidak aktif. Seperti gambar berikut ini.

 

 

12.  Setelah dibuat buttonnya klik pada buttonnya kemudian tekan F8 SETELAH itu perhatikan gambar berikut.

 

 

13.  Kemudian klik ganda pada buttonnya setelah itu muncul seperti gambar berikut ini.

 

 

14. Lalu klik pada Over > klik kanan Insert Keyframe.

 

 

15.  Pilih warna yang disukai yeah seperti contoh berikut.

 

 

16.  Perhatikan gambar berikut ini pada gambar 1 itu hasilnya,
--pada gambar 2 buat layer baru untuk di buat kan text dengan menggunkan Text Tools
--pada Gambar ke 3 sama seperti tadi dibuatnya.

 

 

17.  Setelah anda ikut tahan pertama,kedua dan ke 3 maka tekan Scene1 untuk kembali ke Halaman awal.

 

 

18.  Kemudian Aktifkan Layer Admin Untuk membuat Blank baru atau ibarat kertas buat kertas ke dua (2) atau halaman baru.

 

 

19.  Klik kanan Insert Keframe (Halaman Baru).

 

20.  Buatlah bisa juga seperti gambar dibuat ini, atau kreasi kalian juga bisa.

 

 

21.  Untuk selanjutnya geser ke Frame 20 kemudian ke Frame 35.

 

 

22.  Kemudian klik kanan pada objects pada frame 34  pilih Insert Frame.

 

 

23.  Klik pada layer action layer , frame 1 tekan F9 dan Frame 35 tekan F9.

 

 

 

 

24.  Tambahkan Layer yang nantinya kita dinamakan Loading dan baut objek persegi panjang seperti gambar berikut.

 

 

25.  Klik pada Frame 35 pilih insert keyframe 35.

 

 

26.  Kemudian geser budar yang di frame 1 ke frame 2.

 

 

 

 

27.  Kemudian geser yang yang pada lingkaran kekiri.

 

 

 

28.  Kemudian pilih pada frame 20 klik pilih Create Shape Tween.

 

 

29.   Hasilnya Seperti gambar berikut

 

 

30.  Klik frame 35 layer loading geser ke frame 34. 

 

 

SELAMAT MENCOBA