Membuat Scroll pada Text, Gambar dan Video

Sebelumnya saya telah menjelaskan cara membuat Scroll Text yang hanya dapat di terapkan pada teks saja. Nah, kali ini agak berbeda dengan yang sebelumnya, yaitu membuat Scroll yang dapat memuat Text, Gambar dan Video. Langkah-langkah yang dapat dilakukan antara lain:

Langkah pertama, buatlah ukuran dimensi Flash sebesar 800 x 600 pixel dan FPS 24scroll1

Langkah kedua, aktifkan Rulers (buka view>rulers).scroll2

Langkah ketiga, tarik garis bantu (guides) secara vertikal dan horizontal aturlah posisi tengah, garis tepi kanan kiri atas dan bawah (sesuai selera) dan kuncilah (Lock Guides) dengan cara klik kanan pada Stage (warna dapat diubah sesuai selera pada Edit Guide).scroll3

Langkah keempat, letak Scroll Pane ke Stage (layar putih) dengan cara buka Window>Component>UserInterface>Scroll Pane, lakukan dengan cara klik & drag.pane1Langkah kelima, atur ukuran Scroll Pane menggunakan Free Transform Tool (tekan Q), usahakan ukuran Scroll Pane sesuai dengan bingkai yang sudah dipersiapkan (sama dengan bingkai).pane2Langkah keenam, sentuh Scroll Pane dengan Selecton Tool (tekan V), kemudian pada properties berikan nama Content Path: isi (nama Content Path sesuai selera, yang harus diperhatikan adalah nama Content Path harus sama dengan nama Identifier pada Movie Clip).pane3Langkah ketujuh, buatlah sebuah Movie Clip (bisa dilakukan dengan cara Insert New Symbol atau Convert to Symbol), misal kita buat tulisan dan gambar yang panjang seperti gambar di bawah. jangan lupa beri nama Identifier: isi (buka Advance>checklist Export for Action).pane4pane6Langkah kedelapan, lakukan Test movie (Tekan CTRL+ENTER).pane7Langkah ketujuh, sesuaikan ukuran Scroll Pane dengan ukuran teks pada Movie Clip. Misal: Movie Clip di atur posisinya dengan cara klik kanan Edit in Place. pane8Langkah kedelapan, sesuaikan ukuran Scroll pane dan movie clip serta atur jarak titik pusat (Registration Point).pane9Langkah kesembilan, kembali ke Scene 1 (tekan Scene 1) dan hapuslah Movie Clip isi yang ada di Stage. Jika suatu saat ingin mengedit kembali Movie Clip tersebut, maka buka Libraries dan double klik Movie Clip isi.pane10 Langkah kesepuluh, tambahkan gambar dan desainlah pada layer yang berbeda.pane12Langkah kesebelas, buat layer bingkai untuk memberi warna background Scroll Pane dan layer background untuk memberi warna latar.pane13

Langkah ke duabelas, lakukan Test Movie (CTRL + ENTER), Begini lah hasil akhirnya.pane14 Selamat mencoba, Semoga bermanfaat!

 

Lihat fullscreen

Leave a Reply

Your email address will not be published. Required fields are marked *