membuat multimedia pembelajaran interaktif_adobe flas cs6

Upload: albertus-rano-setiawan

Post on 02-Mar-2018

237 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    1/13

    Membuat Multimedia Pembelajaran Interaktif dengan Adobe Flash CS6

    1. Jalankan aplikasi Adobe Flash pada komputer, kemudian pilih Create New / Actionscript 2.0

    2. Kem

    udia

    n

    settin document denan menekan Ctrl ! J pada ke"board untuk membuka #endela $ocument

    %ettin. $an atur $imension n"a 102&p' ( )*+p', unakan rame rate standar 2& ps dan

    backround color terserah atau biarkan warna deault -putih.

    . ilih Fit in indow untuk merubah tampilan stae aar terlihat keseluruhan.

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    2/13

    &. anti nama 3a"er1 men#adi 4ackround untuk memudahkan peneditan -apabila #umlah la"er "an

    diunakan ban"ak pada nantin"a denan klik kiri dua kali pada mouse tepat di teks 3a"er1.

    5. 6asukkan ambar backround "an sudah disedikan denan cara, klik ile / import / import to

    librar". Kemudian cari ile ambar 4ackround.#p "an ada dalam hardisk.

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    3/13

    *. %etelah ile ambar di import buka #endela librar" denan menekan Ctrl ! 3. 3alu klik and dra ile

    ambar -4ackround.#p "an ada disana kedalam stae.

    ). 4uka #endela Alin untuk menatur posisi imae. 7ekan Ctrl ! K untuk membuka #endela Alin dan

    centan pada pilihan Alin to stae, lalu klik center pada baian Alin dan $istribute. 4ila benar

    maka ile imae -4ackround.#p akan berada di tenah8tenah stae.

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    4/13

    +. Kunci la"er backround untuk men#aa semua ile "an ada pada la"er tersebut tidak teranu atau

    berubah posisi.

    9. 7ambahkan la"er baru pada timeline denan cara klik insert / timeline / la"er, atau klik icon New

    3a"er pada panel timeline. $an rubah nama 3a"er2 men#adi :eader. -Klik kiri mouse dua kali tepat

    di atas teks 3a"er2 untuk menanti nama la"er. 3ihat nomor &.

    10. ambarlah pada la"er :eader menunakan ;ectanle 7ool -7ekan ; pada ke"board atau klik icon

    ;ectanle 7ool pada menu panels denan tahan tarik dari atas kiri pada stae ke kanan -sesuaikan

    denan pan#an backround.

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    5/13

    12. Kunci la"er header aar

    tidak teranu atau

    berubah posisi.

    1. 7ambahkan la"er baru diatas la"er :eader. 4eri nama Footer.

    1&. Kemudian ambar menunakan ;ectanle 7ool denan tarik dari bawah kiri pada stae ke kanan

    -sesuaikan denan pan#an backround. unakan %election 7ool untuk merubah bentuk ooter.

    15. 7ambahkan teks pada ooter.

    1*. %eperti biasa kunci la"er Footer aar tidak teranu atau terubah posisi.

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    6/13

    1). 7ambahkan la"er baru dan beri nama 4utton.

    1+. ada la"er 4utton, ambarlah sebuah bu#ur sankar menunakan ;ectanle 7ool. ert to s"mbol atau bisa #ua tekan F+

    pada ke"board.

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    7/13

    20. ada #endela Con>ert to s"mbol isikan nama s"mbol ?tombol@btn, pilihan pada t"pe adalah

    ?button dan reistration n"a ?center. 3alu klik oke, maka bu#ur sankar telah men#adi sebuah

    tombol.

    21.

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    8/13

    2&. Klik dua kali pada salah

    satu dari empat tombol "an sudah #adi tadi. 6aka secara otomatis kita akan masuk pada baian edittombol, lihatlah pada panel 7imeline. Ke"rame pada 7imeline sekaran berubah. $isana ada er, $own dan :it.

    25. 7ambahkan Ke"rame pada rame B>er. Caran"a klik kanan tepat pada rame B>er kemudian pilih

    nsert Ke"rame. 6aka pada rame B>er bertambah titik hitam pada rame n"a, ini menandakan

    berarti rame pada B>er sudah men#adi Ke"rame.

    http://www.belajarmultimedia.com/membuat-media-interaktif-basic-dengan-adobe-flash-cs6-2/http://www.belajarmultimedia.com/membuat-media-interaktif-basic-dengan-adobe-flash-cs6-2/
  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    9/13

    2*. 3akukan hal "an sama pada rame $own dan :it.

    2). Kemudian klik pada rame B>er. antilah warna pada ambar bu#ur sankar denan men8klik color

    pada panel Color dan turunkan batasan kursor ke bawah untuk mendapatkan warna "an lebih tua

    -atau anda dapat menati warnan"a sesuai selera anda.

    2+.

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    10/13

    29. ada la"er 4ackround 8 4utton, blok di rame 5 klik kanan lalu klik nsert Ke"rame E

    0. 7ambahan la"er baru dan beri nama 6ateri

    1.

    ada la"er 6ateri, di rame 10 klik kanan lalu klik nsert Ke"rame.

    2. 3alu tambahkan materi, seperti contoh di bawah ini

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    11/13

    . %elan#utn"a klik

    pada la"ar

    4utton, pada rame 5 klik kanan lalu pilih Actions, 7ulis script berikut ini E

    &. 3alu klik di luar %tae, selan#utn"a klik 4utton 6ateri dan pada Actions, 7ulis script berikut ini E

    -nat pada status Actions harus pada posisi Actions G 4utton.

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    12/13

    5. %elan#utn"a klik pada la"ar 6ateri, pada rame 10 klik kanan lalu pilih Actions, 7ulis script berikut

    ini E

    *. Kita #ua bisa menambahkan 4utton 4ack, untuk kembali ke 6enu

  • 7/26/2019 Membuat Multimedia Pembelajaran Interaktif_Adobe Flas CS6

    13/13

    9.