Membuat Photo Gallery

1. Buatlah File baru. atur besar Document Size yang diinginkan.



2. Buatlah 4 buah layer dan renam menjadi seperti gambar dibawah ini.


3. Buatlah tulisan "Next >" pada frame 1 di layer Next.






4. Klik tulisan "Next >" dengan selection tool untuk men-convert menjadi button dengan menekan F8 pada keyboard, akan muncul tampilan seperti gambar di bawah ini.

 (pilih type > Button, dan ubah Name > Next)

 5. Setelah di-convert to button, kita masukan script dengan mengklik tombol "Next >" dengan selection tool yang telah kita buat, tekan F9 akan muncul panel "Action-Button" dan masukan-lah script seperti di bawah ini.

on (release) {
                         nextFrame();
}

 


6. Setelah itu kita akan buat Button Previous.

7. Buatlah tulisan "< Prev" pada frame 1 di layer Prev.



8. Klik tulisan "< Prev" dengan selection tool untuk men-convert menjadi button dengan menekan F8 pada keyboard, akan muncul tampilan seperti gambar di bawah ini.


 (pilih type > Button, dan ubah Name > Prev)

 9. Setelah di-convert to button, kita masukan script dengan mengklik tombol "Next >" dengan selection tool yang telah kita buat, tekan F9 akan muncul panel "Action-Button" dan masukan-lah script seperti di bawah ini.

on (release) {
          prevFrame();
    }


10.Selanjutnya kita akan memasukan image yang akan kita gunakan ke dalam panel "Library".

11. Pilihlah Layer Photo pada project Flash kita. pilih menu File > import > import to Library lalu pilihlah image yang akan kita gunakan. (pilih semua gambar yang diinginkan > Open)



12. Setelah semua image masuk ke dalam panel Librar seperti gambar di bawah ini.


13. Kita pilih Frame 1 pada Layer Photo.


14. Drag satu image dari Library ke tengah-tengan Document Page.


15. Untuk memudahkan dalam peletakan Image ke tengah-tengah Document Page. kita buat Rules dengan cara klik View  > Rules. Buatlah garis bantu seperti gambar di bawah ini.


16. Selanjutnya buatlah "Blank KeyFrame" di frame 2, frame 3, frame 4 dst (sesuai kebutuhan) pada layer Photo.

17. Masukanlah image ke frame 3, 4, 5 dst, dengan cara klik frame 3 dan lakunlah langkah seperti langkah 14. setelah itu lakukan pada frame 4, 5 dst dengan langkah yang sama.


18. Selanjutnya kita akan membuat tombol Prev terlihat hingga Frame terakhir. caranya pilih layer Prev klik frame (dibawah frame image terakhir) klik kanan insert frame

19. Lakukan langkah 18 untuk layer Next sehinggan menjadi seperti gambar di bawah ini.


20. Langkah terakhir adalah memasukan script Stop agar gambar tidak berjalan otomatis. Klik frame 1 pada layer Stop kemudian tekan tombol F9 pada keyboard, dan masukanlah script Stop. serperti gambar di bawah ini.


# Tekan Ctrl+Enter untuk melihat hasilnya.








0 Comments