Hendi Hendratman ST Penerbit Informatika

17

macromediat h e m a g i c o f 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 Penerbit Informatika

18

macromediat h e m a g i c o f 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 Penerbit Informatika

19

macromediat h e m a g i c o f 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 Penerbit Informatika

20

macromediat h e m a g i c o f 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.

Copy (Ctrl+C)

Paste (Ctrl+V)

Paste (Ctrl+V)

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 Penerbit Informatika

21

macromediat h e m a g i c o f 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 Penerbit Informatika

22

macromediat h e m a g i c o f 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.

Foreground

Background

Jarak antar baris

Jarak antar huruf

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