Download

7/28/2012

Bikin modul presentasi dengan flash

Meskipun membuat slide presentasi dengan Macromedia Flash Pro 8 lebih susah dibandingkan dengan Microsoft Power Point, namun membuat slide presentasi dengan Macromedia Flash Pro 8 dapat menghasilkan slide presentasi yang lebih menarik dan lebih dapat memberikan banyak manfaat. Dengan Macromedia Flash Pro 8 kita dapat menggunakan dasar pembuatan slide presentasi ini untuk membuat jenis presentasi-presentasi lain yang dapat ditambahkan animasi yang lebih lengkap dan menarik.
Dalam pembuatan slide presentasi dengan Macromedia Flash Pro 8, objek-objek seperti
tombol atau button, background dan teks sebaiknya diletakkan dalam layer yang berbeda. Hal ini dimaksudkan agar objek dapat dikontrol dengan baik. Tutorial kali ini membahas pembuatan slide presentasi dengan dokumen slide-slide kosong yang sudah disediakan oleh Macromedia Flash Pro 8. Kita hanya perlu menambahkan efek-efek animasi teks atau gambar dan tombol navigasi antarslide.Sebelum membuat slide presentasi sebaiknya Anda siapkan isi dari slide presentasi, teks atau
gambar yang ingin dimasukkan ke dalam slide, tombol-tombol dan suara / musik yang mendukung presentasi (jika diperlukan). Kali ini kita akan berlatih membuat 6 slide presentasi. Berikut ini contoh teks yang akan ditampilkan pada slide presentasi: 
  • Berikut contoh langkah-langkah pembuatan slide presentasi dengan Macromedia Flash Pro 8:Ketika Anda pertama kali masuk Macromedia Flash Pro 8, pilih Create New --->Flash Slide Presentation

  • Pada tampilan awal secara otomatis di sebelah kiri stage sudah ada 1 slide. Karena kita akan membuat 6 slide presentasi, maka kita tambahkan 5 slide lagi dengan mengeklik tanda (+) Atau klik kanan pada slide1 kemudian Insert Screen.
Menambahkan Screen (slide presentasi)

  • Jika ingin digunakan background yang sama untuk semua slide, maka Anda gunakan background pada panel Properties dan tidak perlu menggunakan layer khusus background.
Mengganti warna background

  • Pada tutorial ini, digunakan background yang berbeda untuk beberapa slide. Buat layer background, kemudian gunakan Rectangle Tool, pilih warna sesuai dengan keinginan Anda. Jangan lupa untuk mengunci   layer background agar tidak bergerak ketika kita mengedit pada objek-objek yang ada  pada slide. Untuk mengunci, Anda klik gambar di sebelah kanan teks background..
Mengunci layer background

  • Tambahkan 2 layer dan beri nama: teks_1 dan teks_2, pada layer teks_1 buat teks: "TRIK MEMBUAT ANIMASI "sedangkan pada layer teks_2:" DENGAN FLASH 8 ". Ubah masing-masing teks menjadi Movie Clip dan tambahkan animasi motion tween, sehingga bentuk layer menjadi seperti berikut:
Susunan layer dan urutan animasi motion tween
Keterangan:
a. Untuk layer background perlu ditambahkan frame sampai dengan frame 25.
Sebaiknya Anda ubah background menjadi Graphic (F8).
b. Layer teks_1: frame 1 sampai dengan frame 15 digunakan untuk menggerakkan
teks_1 dari luar stage ke tengah-tengah stage dengan motion tween. Frame 15
sampai frame 25 adalah animasi motion tween dengan teks_1 berputar.
c. Layer teks_2: dimulai dari frame 15, setelah teks_1 sampai tengah-tengah stage dan
di tambahkan motion tween sampai frame 25.

  • Tambahkan 1 layer dan beri nama action, insert keyframe (F6) pada frame terakhir (25) dan tekan F9 untuk ke layar Actions dan tambahkan script stop (); untuk menghentikan animasi.
  • Tambahkan 1 layer dan beri nama tombol, kemudian buat atau masukkan tombol next dari Library. Tombol ini digunakan untuk menuju ke slide berikutnya (slide 2). Anda juga dapat menambahkan efek suara pada tombol.
  • Klik tombol, plih menu Window --> Behaviours (Shift + F3). Setelah itu klik tanda (+) di kiri atas, pilih Screen dan klik Go to Slide
Behaviours Go to Slide
  • Pilih presentation dan klik slide2. Sebenarnya Anda dapat memilih submenu Screen Go to Next Slide secara langsung. Namun tujuan agar tidak memilih langsung mengunakan Go to Next Slide adalah supaya Anda dapat memilih slide yang dituju tidak hanya slide berikutnya, karena hal ini untuk mengantisipasi jika Anda ingin menuju slide sembarang
Pilihan untuk menuju ke slide 2
  • Slide presentasi akan lebih menarik jika Anda berikan efek transisi, caranya: pilih slide 1-->klik menu Window-->Behaviours (Shift + F3)-->klik tanda (+)-->Screen-->Transition
Efek transisi slide
  • Keluar kotak dialog dan pilih efek Fade.
Tipe-tipe efek transisi slide
  • Untuk mengecek tombol yang dibuat berfungsi atau tidak, Anda dapat melakukan test movie (Ctrl + Enter).
  • Selanjutnya kita bekerja pada slide 2, dengan Rectangle Tool buat background yang berbedadengan background pada slide 1, kemudian kunci background.
  • Berikut ini adalah urutan layer dan urutan animasi pada slide 2
Susunan layer pada slide 2
Keterangan:
a. Layer background dibuat sampai dengan frame 20.
b. Pada layer teks_1 buat teks: "Untuk membuat animasi dengan Flash 8, Anda harus
berlatih daluhu ". Ubah teks menjadi tombol atau Button (F8) dan beri efek pada
tombol. Beri efek motion tween sampai dengan frame 5, yang bergerak dari luar
stage atas ke stage bagian atas. Setelah itu tambahkan frame sampai dengan frame
20.
c. Pada layer teks_2 buat teks: "Animasi Dasar". Ubah teks menjadi tombol atau
Button (F8) dan beri efek pada tombol. Beri efek motion tween dari frame 5
Pilihan untuk ke Slide 1
  • Klik pada tombol di layer teks_2 kemudian pilih menu Window-->Behaviors (Shift + F3). Klik tanda (+) di kiri atas-->Screen-->Go to Slide. Pilih presentation-->slide3.
  • Berikut kotak dialog untuk tombol_1
Pilihan untuk ke slide 3
  • Dengan cara yang sama lakukan pula untuk tombol pada layer teks_3 dan teks_4. Hanya saja tombol pada layer teks_3 menuju ke slide 4 sedangkan tombol pada layer teks_4 menuju ke slide 5. Anda dapat melakukan test movie (Ctrl + Enter) untuk mengecek apakah tombol yang dibuat sudah dapat berfungsi atau belum.
  • Selanjutnya kita bekerja pada slide 3. Slide 3 merupakan submenu Animasi Dasar. Untuk background pada slide 3 sampai dengan slide 5 sama dengan slide 2. Agar sama, maka kita Copy background yang ada pada slide 2. Buka terlebih dahulu kunci yang ada pada layer background slide 2. Kemudian klik layer background frame 1 pada slide 2 Copy (Ctrl + C) Paste (Ctrl + V) pada layer 1 frame 1 slide 3 atau Paste in Place (Ctrl + Shift + V) agar letak objek tidak berubah. Ubah nama layer menjadi background.
  • Berikut ini urutan layer pada slide 3:
Susunan awal layer slide 3
Keterangan:
a. Layer background dibuat satu frame saja dan kunci layer.
b. Layer teks, berisi judul: "Animasi Dasar" dan isi: "Animasi dasar terdiri dari: animasi
Motion tween, Shape tween dan Motion Guide ".
c. Dalam layer tombol terdapat dua tombol yaitu tombol untuk menuju slide 2 dan
tombol untuk menuju slide 4. Gunakan Behaviors pada langkah ini.
Behaviors untuk tombol pada slide 3
d. Tambahkan efek Blinds pada slide 3. Caranya: Pilih slide 3-->Window-->Behaviors-->keluar kotak dialog dan pilih Blinds.
Menambahkan efek Blinds pada slide 3
  • Selanjutnya kita bekerja pada slide 4. Susunan layer pada slide 4 sama dengan slide 3, yang berbeda hanya pada isi teks dan tombol. Berikut ini urutan layer pada slide 4:
Susunan layer pada slide 4
Keterangan:
a. Background sama dengan slide 2 dan 3.
b. Layer teks, judul: "Membuat Tombol" dan isi: "Untuk membuat tombol Anda dapat
menggunakan teks, gambar atau kombinasi antara teks dan gambar ".
c. Dalam layer tombol terdapat dua tombol yaitu tombol untuk menuju slide 3 dan
tombol untuk menuju slide 5
d. Tambahkan efek transisi Photo pada slide 4.
  • Susunan layer pada slide 5 juga sama dengan slide 3 dan 4
Susunan layer pada slide 5
Keterangan:
a. Background sama dengan slide 2, 3 dan 4.
b. Layer teks, judul: "Mengontrol Movie Clip" dan isi: "Movie Clip memiliki peran
penting dalam pembuatan animasi. Dengan Movie Clip objek-objek dalam flash
dapat dikontrol dengan baik dan dapat dibuat animasi yang menarik dan interaktif ".
c. Dalam layer tombol terdapat dua tombol yaitu tombol untuk menuju slide 4 dan
tombol untuk menuju slide 6.
d. Tambahkan efek transisi Wipe pada slide 5
  • Untuk slide 6, dibuat berbeda dengan slide-slide sebelumnya. Berikut susunan layer pada slide 6:
Susunan akhir layer pada slide 6
Keterangan:
a. Background pada layer 6 sama dengan background pada slide 1. Tambahkan frame
(F5) sampai dengan frame 30.
b. Layer teks_1, isi teks: "Trik lebih lanjut". Buat animasi motion tween, sampai
dengan frame 5, teks bergerak dari kiri stage ke kanan stage, dari
frame 6 sampai dengan frame 15, teks bergerak dari sebelah kanan panggung ke tengah-
tengah stage dan dari frame 16 sampai dengan frame 30, teks kembali lagi ke posisi
kembali.
c. Layer teks_2, isi teks: "Banyak berlatih". Tambahkan keyframe (F6) sampai dengan
frame 10. Setelah itu teks dihapus.
d. Layer teks_3, isi teks: "Mencari tutorial-tutorial di internet". Tambahkan keyframe
(F6) pada frame 11 sampai dengan frame 20.
e. Layer teks_4, isi teks: "Mengikuti forum-forum tentang animasi Flash". Tambahkan
keyframe (F6) pada frame 21 sampai dengan frame 30.
f. Layer bintang: buat bintang di akhir presentasi dan letakkan di tengah stage.
Tambahkan keyframe (F6) sampai dengan frame 11, setelah itu pilih bintang dan
ganti warna menjadi biru. Tambahkan keyframe (F6) sampai dengan frame 21.
kemudian pilih bintang dan ganti warna menjadi merah. Tambahkan keyframe (F6)
kembali sampai dengan frame 30, kemudian pilih bintang dan ganti warna menjadi
kuning (warna kembali).
g. Layer tombol: berisi satu tombol saja, yaitu hanya tombol untuk menuju ke slide
sebelumnya. Tambahkan keyframe (F6) pada frame 30, agar tombol tidak berkedap-
kedip saat dilakukan test movie.
h. Lakukan test movie (Ctrl + Enter) untuk melihat hasil slide presentasi yang Anda buat.
i. Jika Anda ingin menambahkan efek suara pada tombol, maka Anda klik dua kali
tombol yang ingin beri efek suara, setelah itu tambahkan satu layer dan beri nama
layer suara. Drag file suara yang sudah ada di Library ke stage. Pastikan bahwa
Anda hanya menambahkan keyframe (F6) pada efek Down saja, yang mengakibatkan
tombol berbunyi jika ditekan.
Menambahkan suara pada tombol
j. Anda cukup menambahkan suara dua kali saja, yaitu pada tombol untuk menuju
slide sebelum dan sesudahnya.
k. Lakukan test movie (Ctrl + Enter) untuk melihat hasil suara yang sudah Anda
tambahkan pada tombol.

Langkah-langkah pada tutorial ini hanyalah salah satu contoh saja. Kini Anda dapat mengkreasi sendiri slide-slide presentasi yang Anda buat dengan menambahkan background, suara atau tombol yang menarik. Pemilihan warna berpengaruh terhadap slide presentasi yang Anda buat, sehingga perhatikan dengan baik ketika Anda akan memilih warna

0 komentar:

Post a Comment

Newer Post Older Post Home
Aulia DirUt. Powered by Blogger.
 

Blog Archive

Followers

 

Templates by Nano Yulianto | CSS3 by David Walsh | Powered by {N}Code & Blogger