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.
--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.