t h e
m a g i c
o f
macromedia director
Tutorial # A-02 : Slide Show 1. PENDAHULUAN Tutorial ini mengajak anda membuat presentasi slide show interaktif dengan komponen gambar, teks, audio dan video. Halaman tampil dari awal berurutan sampai akhir (dan sebaliknya). Unsur yang dilibatkan antara lain text, musik latar *.mp3 dan animasi GIF, bitmap, Flash *.swf video AVI dan transisi antar halaman seperti powerpoint. Kasus ini biasa dipakai saat presentasi seminar, tugas akhir, pameran, rapat dll. Berikut adalah tampilan alur halaman slide show interaktif.
2. PERSIAPAN Mengatur bidang kerja / Movie 1. Pastikan Panel Set menggunakan gaya Macromedia Director 8. Klik menu Window Panel Sets Director 8 2. Buat file movie baru, klik menu File New Movie
Hendi Hendratman ST
17
Penerbit Inform atika
t h e
m a g i c
o f
macromedia director
3. Di Property Inspector Pastikan Stage Size : 640 X 480 pixel dengan warna background misal: hitam.
3. IMPORT & MENYUSUN DATA Kita akan mengimport beberapa format file dan menyusunnya di Score dan Stage sehingga menjadi sebuah presentasi slide show.
Background 1. Untuk pertama kali, kita akan memberi gambar latar belakang / background. Klik menu File Import , Di folder bab ini, pilih file background.jpg.
2. Di kotak dialog untuk file *.jpg, atur Color Depth : 16 bit, karena gambar tidak mempunyai transparansi / alpha channels, agar pemakaian memori komputer lebih hemat. OK. 3. Drag background dari Cast Member ke Score sehingga tampil seperti gambar kanan. Catatan: Untuk memudahkan tampilan Cast Member klik icon Cast View Style. Hendi Hendratman ST
18
Penerbit Inform atika
t h e
m a g i c
o f
macromedia director
4. Untuk memanjangkan sprite, drag ujung sprite ke Frame 100 atau di Property Inspector, atur End = 100.
Drag ujung sprite
Marker Di Awal Halaman Rencananya 100 Frame tersebut terbagi menjadi 4 halaman. Untuk menandai awal halaman perlu ditambahkan marker di awal halaman. 1. Klik di baris marker pada Frame 1, maka akan muncul tulisan new marker, beri nama hal1 sebagai berikut: Klik
2. Dengan cara sama, buat marker hal2 di Frame 25, marker hal3 di Frame 50, dan marker hal4 di Frame 75. Catatan: untuk membuang marker, drag marker ke bawah.
Hendi Hendratman ST
19
Penerbit Inform atika
t h e
m a g i c
o f
macromedia director
3. Sebelum masuk awal halaman, perlu ditambahkan perintah agar Playback Head berhenti sebelum masuk halaman berikutnya. Dobel klik di Frame Script 24 lalu ketik: go the frame.
Dobel klik
4. Untuk halaman lain, anda tidak perlu dobel klik lagi dan menulis Script tersebut, tapi Copy dan Paste saja di Frame berikut. Paste (Ctrl+V)
Paste (Ctrl+V)
Copy (Ctrl+C)
Paste (Ctrl+V)
5. Play Movie , Playback Head akan berhenti (jalan di tempat) jika melalui Frame Script tersebut.
Judul format Flash di Halaman 1 Setelah keempat halaman siap, namun masih belum ada isi / contentnya. Untuk halaman 1 kita akan isi dengan judul yang dibuat dengan format flash *.swf 1. Klik menu File Import file Titlecar.swf, atau klik kanan slot yang kosong di Cast Member lalu pilih menu Import.
Klik kanan
2. Sama seperti sebelumnya, drag Titlecar dari Cast Member ke Score sehingga tampil seperti gambar kanan.
Hendi Hendratman ST
20
Penerbit Inform atika
t h e
m a g i c
o f
macromedia director
3. Di Stage, sprite Titlecar terlihat background putih. Untuk menghilangkannya klik sprite tsb, di Property Inspector ganti ink : Copy menjadi Background Transparent.
4. Penulis buat dengan Frame Rate 25 fps, namun director selalu merubahnya menjadi 15 fps. Untuk mengatur sesuai kondisi asli file swf, aktifkan dulu sprite tersebut lalu di Property Inspector atur Rate = Lock Step
Hendi Hendratman ST
21
Penerbit Inform atika
t h e
m a g i c
o f
macromedia director
Text di Halaman 2 Untuk halaman 2 kita akan isi dengan teks yang anda buat sendiri di Macromedia Director. 1. Pastikan Playback Head berada di Frame 25 sprite channel 2.
Frame 25
2. Klik tool Text . Di Stage, Drag di tempat anda ingin menempatkan teks, lalu ketikkan teks sesuka anda
3. Aktifkan objek teks di Stage dengan tool Arrow , Tekan tombol Enter di Keyboard, maka akan jendela untuk pengetikan lebih mudah lengkap seperti di Microsoft Word atau Wordpad. Lebih jelasnya silakan bereksperimen OK.
Jarak antar baris
Jarak antar huruf
Foreground
Background
Catatan: Untuk merubah kata dengan font lain, caranya: sorot / block teks misal ‘Visi & Misi’ lalu klik daftar font pilih dengan Arial Black. Dengan cara tersebut anda dapat mengatur spasi antar baris dan spasi antar huruf
Hendi Hendratman ST
22
Penerbit Inform atika
