Membuat Image Scroll di Adobe Flash

Posted by janudin oke Minggu 0 komentar
Apa kabar semua? pasti luar biasakan?. Kali ini saya ingin membahas tutorial tentang bagaimana membuat scroll memakai Adobe Flash, tapi bukan menggunakan text seperti tutorial yang sudah ada . Dalam tutorial kali ini  saya menggunakan image, penasarankan?  yuk langsung simak tutorialnya!.

Langkah 1

Siapkan Image Atau Gambar yang mau dimasukkan.
Screen shot 2013-01-25 at 3.33.44 PM

Langkah 2

Buka Adobe Flash, Pada Bagian Create New saya Pilih Flash File (action script 2.0).
Screen shot 2013-01-25 at 3.33.57 PM

Langkah 3

Atur Backgroundnya terlebih dahulu.
Screen shot 2013-01-25 at 3.34.04 PM

Langkah 4

Masukkan Gambar dengan Cara >Tekan File – Import To stage.
Screen shot 2013-01-25 at 3.34.22 PM
Sesuaikan Posisi Gambar terlebih dahulu Posisi Gambar

Langkah 5

Klik Kanan Pada Gambar , Pilih Convert To Symbol, Pilih Tipe – Movie Clip , beri nama : gambar 1 di bagian name.
Screen shot 2013-01-25 at 3.34.32 PM

Langkah 6

Di dalam Library  , klik gambar 1 –Klik kanan – Pilih Linkage.
Screen shot 2013-01-25 at 3.34.41 PM
Muncul menu selanjutnya, setelah kita tekan linkage, pilih /centang export for ActionScript, pada identifier akan tertulis sesuai nama ketika pemberian nama movie clip di langkah ke 5.
Screen shot 2013-01-25 at 3.34.48 PM

Langkah 7

Selanjutnya pilih window – component  atau bisa juga dengan cara tekan Ctrl+F7.
Screen shot 2013-01-25 at 3.34.54 PM
Buka bagian User Interface > Pilih ScrollPane.
Screen shot 2013-01-25 at 4.18.15 PM
Pilih dan drag SCROLL PANE ke stage, ubah ukuran sesuai kebutuhan menggunakan  free transform Tool.
Screen shot 2013-01-25 at 3.35.07 PM
Klik Scroll Pane yang sudah Di drag Ke stage

Langkah 8

Pilih Window – Properties — Parameters.
Screen shot 2013-01-25 at 3.35.12 PM
Di Parameter, pada bagian contentPath  isikan gb1 sesuai nama identifier di bagian linkage.
Screen shot 2013-01-25 at 3.35.18 PM

Langkah 9

Terakhir, Hapus image/Gambar yang Ada di stage , tapi scroll pane nya  jangan dihapus.
Screen shot 2013-01-25 at 3.35.25 PM


0 komentar:

Posting Komentar

Total Tayangan Laman

Ubah Bahasamu

[ Arsip Blog ]