Juli 22, 2013 actionscript-featured

Membuat Custom Scrolling dengan Action Script 2.0 Flash

Dalam tutorial kali ini penulis ingin share tentang bagaimana cara membuat custom scrolling dalam flash. Teknik ini sering digunakan untuk membuat scrolling text dengan gaya sendiri dan tidak bergantung pada template yang disediakan pada flash. Manfaat dari teknik ini adalah anda bisa menyesuaikan gaya scrolling text sesuai dengan tema desain dan anda juga bisa menyisipkan gambar didalam scrolling text yang mungkin sulit dilakukan atau belum ada template pada flash itu sendiri. Selama ini belum begitu banyak tutorial mengenai teknik ini. Dengan adanya tutorial ini semoga bisa menambah teknik baru yang selama ini anda cari. Dengan bahasa yang simple dan disertai gambar mungkin bisa menambah pemahaman anda semakin cepat. Teknik  membuat custom scrolling dalam flash cukuplah mudah dilakukan cukup dengan mengikuti step by step pada tutorial ini.

Langkah pertama buka Adobe Flash versi berapa pun pada laptop maupun komputer yang anda miliki dalam kesempatan ini penulis menggunakan adobe flash CS 4, kemudian ikuti secara berurutan step by step yang ditunjukkan dalam tutorial di bawah ini:

  1. Buat lembar kerja baru dalam flash dengan dengan format  ActionScript 2.0 dan atur pada panel properties untuk ukuran dokumen sesuai kebutuhan. Misalkan (1280 x 800)px.
    scrolling text action script langkah 1
  2. Buat dan masukkan konten yang anda inginkan dalam stage misalanya ada 2 konten yaitu text (static) dan gambar. Pastikan konten yang anda masukkan tersebut melebihi area kerja flash sehingga membutuhkan teknik scrolling untuk menampilkan semua konten.
    scrolling text action script langkah 2
  3. Select gambar dan text  tersebut dan convert menjadi simbol movieClip. Kemudian pastikan instance name movieclip tersebut adalah “textnpic”. Kemudian convert kembali menjadi movieClip dan berikan instance name “textnpicMC”. Perlu diingat bahwa telah terjadi 2 kali convert simbol menjadi movieClip pada objek yang sama dan pembedanya hanyalah instance name.
    scrolling text action script langkah 3
  4. Buat 2 kotak panjang dan pendek menggunakan rectangle tool.
    scrolling text action script langkah 4
  5. Select kotak pendek yang baru anda buat dan convert menjadi simbol button kemudian pada simbol button tersebut berikan actionscript sebagai berikut:
    scrolling text action script langkah 5
    Nilai -9 diperoleh dari panjang tinggi dari konten scroll/objek. Dan nilai 500 diperoleh dari panjang scroll bar/kotak panjang. Dan nilai ini mungkin nanti bisa berubah-ubah oleh karena itu sesuaikan berdasarkan desain anda .
  6. Select button dan convert kembali menjadi simbol movieClip dengan instance name “scroller”. Kemudian convert sekali lagi menjadi movieClip dengan instance name “scrollerMC”.
    scrolling text action script langkah 6
  7. Buat movieClip kosong dengan cara insert->new simbol->movieclip. Kemudian di dalam stage movieclip buat 3 keyframe pada timeline.
    scrolling text action script langkah 7
  8. Kemudian pada frame pertama berikan actionscript sebagai berikut:
    scrolling text action script langkah 8
  9. Kemudian pada frame kedua berikan actionscript sebagai berikut:
    scrolling text action script langkah 9
    -1  disini merupakan parameter nilai dari mensinkronkan antara gerakan scolling dengan Objek scrolling dan nilai ini nantinya juga bisa anda rubah sesuai dengan kebutuhan anda.
  10. Kemudian pada frame ketiga berikan actionscript sebagai berikut:
    scrolling text action script langkah 10
  11. Setelah semua beres kembali ke scene1 dan drag movieclip kosong pada panel Library ke stage.
    article-scrolling-text-11
  12. Langkah terakhir anda bisa melakukan test movie (ctrl enter).

Demikian tutorial singkat mengenai bagaimana membuat custom scrolling AS.2 pada flash semoga bermanfaat dan menambah teknik baru untuk mempercantik  desain anda dengan scrolling gaya anda sendiri.

Download source codenya disini http://app.box.com/s/ffsqj0po032rrbq418xs

Ditulis Oleh Sultan Arif Rahmadianto, S.Sn (Instruktur Creative Graphic Design Binus center bandung)

Binus Center Bandung & Bintaro lembaga kursus & pelatihan komputer menyediakan materi-materi kursus desain grafis yang disusun sesuai dengan trend teknologi terbaru serta berstandar internasional. Dan jangan khawatir bingung setelah lulus mau kerja dimana!! Binuscareer akan memberikan bantuan informasi mengenai lowongan pekerjaan bagi binusian.

Share This:

Di-tag pada:

10 tanggapan untuk “Membuat Custom Scrolling dengan Action Script 2.0 Flash

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *