Scrolling text dengan Gambar
Untuk scrolling konten yang mengandung elemen grafis seperti gambar, baik component maupun dynamic text tidak mendukung, sehingga untuk melakukannya diperlukan sebuah Movieclip untuk menghandle konten yang akan di scroll. Untuk lebih jelasnya ikuti langkah berikut :
1. Siapkan gambar yang akan di tampilkan dalam konten scrolling. Dalam contoh ini akan digunakan 3 buah gambar sepeda.
2. Buatlah sebuah file baru, kemudian import gambar tersebut ke stage dengan memilih menu File > Import > Import to Stage, kemudian atur posisi gambar tersebut dan lengkapi dengan static text sehingga menjadi isi dari konten yang akan di scrol.
3. Seleksi seluruh elemen yang akan dijadikan konten scrolling tersebut, lalu Convert to Symbol menjadi movieClip "konten"
Gambar 169. Movieclip konten scroll
4. Klik movieclip "konten" tersebut buka panel properties dan tambahkan instance name "konten".
5. Seleksi kembali movieClip "konten" tersebut kemudian Convert to Symbol kembali menjadi movieclip "info_sepeda". Hal ini dimaksukan untuk menambahkan efek masking ke dalam movieclip konten.
Gambar 170. Mengconvert movieclip “info sepeda”
6. Dobel klik MovieClip "info sepeda" untuk mengeditnya, kemudian tambahkan layer baru dan berikan masking agar area yang terlihat menjadi terbatas. Langkah ini dimaksudkan agar konten yang berada diluar area scroll menjadi tertutup oleh masking.
Gambar 171. Penambahan masking
7. Kembali ke scene utama dengan menekan Ctrl+E, kemudian buatlah 2 buah tombol untuk panah atas, dan panah bawah. Kemudian tambahkan instance name pada masing-masing objek yaitu info_sepeda, up_btn dan down_btn.
Gambar 172. Pengaturan instance name
8. Buatlah sebuah layer baru (layer 2). Klik frame 1 layer 2 buka panel Action (F9) dan ketikan kode berikut :
“Sumber Informasi”
Thanks for reading Scrolling text dengan Gambar. Please share...!
