Membuat CD Interaktif dengan SWiSH MAX4

34
MODUL SWiSH Max 4 Oleh: Muhadi Tri | [email protected] 1 | Halaman

Transcript of Membuat CD Interaktif dengan SWiSH MAX4

Page 1: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

1 | H a l a m a n

Page 2: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

PENDAHULUAN

Tentang SWiSH MaxSWiSH Max merupakan aplikasi untuk membuat animasi flash seperti halnya Adobe Flash. SWiSH Max sangat mudah digunakan karena ada fasilitas animasi effect. Animasi effect ini adalah animasi instant siap pakai seperti animasi di Program Power Point. Saat ini SWiSH Max sudah dikembangkan sampai Versi 4. Di dalam versi terbaru, ada beberapa tambahan fasilitas dibandingkan versi terdahulu. Untuk mendapatkan software ini dapat download melalui website resmi SWiSH Max http://www.swishzone.com/index.php?area=products&product=max&tab=downloads

Memulai SWiSH MaxUntuk memulai program SWiSH Max

klik tombol Start pilih All Program Pilih SWiSH Max 4

Selain itu dapat melalui shortcut yang terdapat di Desktop

New Movie or ProjectJendela New Movie or Project akan muncul ketika kita membuka SWiSH Max. Pilih default untuk membuat file baru atau tekan tombol Cancel untuk menutup jendela ini.

Welcome ScreenFasilitas ini Muncul ketika jendela NewMovie or Project kita tutup.

Blank Movie: memulai SWiSH Max

New Movie: memulai SWiSH Max dengan setting yang sudah disediakan

New Project: Membuat Project baru

Open Recent: berisi movie/ project yang biasa kita edit

2 | H a l a m a n

Page 3: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Interface SWiSH Max4

MENU, berisi menu-menu SWiSH Max antara lain File, Edit, View, Insert, Modify, Control, Tool, Window dan Help.

TIMELINE, berfungsi untuk mengatur dan membuat animasi.

MOVIE CONTROL,berfungsi untuk mengatur jalannya timeline.

Play Movie, menjalankan animasi dari awal sampai akhir Play Timeline, menjalankan animasi pada timeline aktif. Fungsi tombol pada

animasi interaktif dapat berjalan selama script atau perintah masih dalam satu timeline

Preview Timeline, untuk melihat hasil animasi pada frame tertentu

TRANSFORM,berfungsi untuk mengatur ukuran, putaran, titik pusat dan posisi objek. Selain itu terdapat tools untuk mirror

3 | H a l a m a n

TIMELINE

MENUCONTROL

STAGETOOLS OUTLINE

PROPERTIES

TRANSFORM

Layer

Add Effect No Frame

Preview TimelineJenis Animasi

Stop PlayMovie

PlayTimeline

PreviewTimeline

Page 4: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

PROPERTIES,berisi properti dari masing masing objek. Tiap objek mempunyai tampilan properties yang berbeda beda. Bagian ini akan dijelaskan lebih detail pada bab berikutnya

OUTLINE, adalah hirarki susunan CD Interaktif . Selain itu, kita juga dapat menyembunyikan dan mengunci objek melalui outline. Pembahasan detail tentang outline akan dibahas pada bab berikutnya.

STAGE, area lembar kerja. Untuk mengatur ukuran Stage melaui Document Propertis yang ada di panel Scene Properties

TOOLS Selection Tools, untuk memilih objek Direct Select Tool, untuk memodifikasi objek Transform Tool, untuk transform objek - skala dan rotasi Perspective Tool, untuk transform perspektif Fill Transform Tool, untuk transformasi isi objek Move Tool, untuk membuat animasi move Line Tool, membuat garis lurus Pencil Tool, membuat garis bebas Pen Tool, membuat garis lengkung Text Tool, membuat text Elips Tool, membuat lingkaran Rectangle Tool, membuat kotak Autoshape Tool, membuat objek shape dengan bentuk yang

sudah disediakan Component Tool Knife Tool, untuk memotong objek Hand Tool, untuk menggeser tampilan stage Zoom Tool, untuk mengatur perbesaran tampilan stage

4 | H a l a m a n

Titik Pusat RotasiSkew

Ukuran (pixel)

Mirror Reset Transform

Ukuran (persen)

Page 5: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Setting Document1. Klik "Movie Properties" pada

Panel Properties2. Masukan nilai

Width = 800 pixel Height = 600 pixel Frame Rate = 12 fps

3. Klik tombol "OK"

*Catatan: Ukuran 800x600 pixel mengacu pada ukuran layar standar monitor dengan perbandingan 4:3. Saat ini ukuran layar monitor mempunyai perbandingan yang bervariasi. Pada bab terakhir akan dijelaskan untuk membuat layar monitor fix fullscreen agar ukuran stage tidak berubah.

Tentang File *.swi dan *.swf*.swi adalah extensi dari file SWiSH Max. File ini adalah file project. Untuk menyimpan project klik menu File pilih Save.

*.swf adalah file animasi flash. File ini yang nantinya akan dimainkan untuk menjadi CD Interaktif.

Untuk menyimpan file dengan extensi *.swf menggunakan perintah File pilih Export pilih SWF. Pastikan file *.swf berada dalam satu folder dengan file project SWiSH Max yang berekstensi *.swi

5 | H a l a m a n

Page 6: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

MEMBUAT LAYOUT DASAR

Merancang Alur CD InteraktifLangkah pertama dalam membuat CD Interaktif adalah merancang menu apa saja yang dibutuhkan dalam CD Interaktif tersebut. Selain itu kita juga harus merancang alur CD Interaktif. Berikut ini contoh rancangan CD Interaktif Media Pembelajaran Matematika untuk Kelas XII

LATIHAN 1. Buatlah rancangan alur untuk CD Interaktif dengan 5 tombol menu utama.

Lingkaran, Kotak dan Auto ShapeUntuk membuat layout dasar, kita dapat membuat dari objek Lingkaran, Kotak dan Auto Shape. Pilih salah satu tool tersebut, arahkan mouse pada stage, drag mouse untuk membentuk objek.

GarisUntuk membuat garis, SWiSH Max4 menyediakan fasilitas- Line Tool, untuk membuat garis lurus- Pencil Tool, untuk membuat garis bebas- Pen Tool, untuk membuat garis lengkung

6 | H a l a m a n

INTRO

MENU UTAMA

- Kompetensi Dasar- Tentang CD Interaktif- Materi 1- Materi 2- Tombol Keluar

ISI HALAMANKompetensi Dasar

ISI HALAMANTentang CD Interaktif

MATERI 1

- Dasar Teori- Ilustrasi- Evaluasi

MATERI 2

- Dasar Teori- Ilustrasi- Evaluasi

drag

Lingkaran Kotak Auto Shape

Line Pencil Pen

Page 7: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Properties Text Tool1. Pilih Text Tool.2. Klik pada Stage, ketik untuk membuat

tulisan.3. Atur format text melalui panel "Text

Properties"

Import Gambar1. Klik menu File2. Pilih Import to Stage3. Pilih gambar yang akan di import, klik

tombol Open

Properties ShapeStroke, untuk mengatur stroke (garis)

Line Style, untuk memilih jenis garis.

Thickness, untuk mengatur ketebalan garis

Stroke Color, untuk mengatur warna garis

Fill Color, untuk mengatur warna objek. Di dalam fill color terdapat pilihan jenis pewarnaan

None, tidak ada warna Solid, warna blok. Gradient, warna gradasi Image, warna gambar

7 | H a l a m a n

StrokeStroke Color

Fill Color

Page 8: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Transform Tool Transform Tool, digunakan untuk mengatur

transformasi skala dan rotasi Fill Transform, digunakan untuk mengatur warna

isi Perspektif, digunakan untuk mengatur perspektif

Transformasi Objek langsung pada objek, dengan Transform Tool. Skala: Arahkan mouse pada salah satu dari 8 titik pada objek yang terseleksi, drag

titik tersebut Rotasi: Arahkan pada bagian luar titik tersebut, sehingga muncul panah lengkung,

drag untuk memutar

Modifikasi Objek Menggunakan Sub Selection ToolDengan sub selection tool, kita dapat melakukan modifikasi objek, seperti membuat garis lengkung, menambah titik vertek dll.Klik kanan pada garis objek, sehingga muncul pilihan sebagai berikut Linier, garis lurus Quadratic, Garis lengkung satu arah Cubic, Garis lengkung dua arah Insert Vertex, menambah titik

8 | H a l a m a n

Transform

FillTransform

Perspektif

Insert Vertex

Quadratic

Cubic

Page 9: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Mengatur Perataan (alignment)1. Pilih 2 objek atau lebih yang akan

diatur2. Klik menu Window pilih Align3. Pada bagian Align to , pilih acuan

perataan4. Pilih kategori perataan

LATIHAN 2. Membuat Halaman Statis Dengan SWiSH Max

Layout Menu Utama CD Interaktif "Apresiasi Tari Klasik Gaya Yogyakarta"

Sub Menu CD Interaktif "Apresiasi Tari Klasik Gaya Yogyakarta"

9 | H a l a m a n

Page 10: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Intro CD Interaktif "Multimedia Interaktif Pariwisata Kab. Kutai Kartanegara"

Menu CD Interaktif "Multimedia Interaktif Pariwisata Kab. Kutai Kartanegara"

10 | H a l a m a n

Page 11: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

ANIMASI SWiSH MAX

Tentang AnimasiAnimasi adalah gerakan dari sebuah objek. Untuk membuat animasi ada beberapa istilah yang harus dipahami

Frame Rate, adalah kecepatan animasi. Satuan yang biasa digunakan adalah fps (frame per scond). Pengaturan frame rate buka kembali halaman 1.

Timeline, tempat untuk mengatur animasi. Di dalam SWiSH Max4 satuan pengukuran yang dipakai adalah frame.

Frame, adalah panjang atau durasi animasi. Keyframe, adalah titik kunci perubahan animasi.

Di SWiSH max, keyframe sudah dibuat otomatis, sehingga kita hanya menentukan Frame atau durasi animasi. Selain itu, SWiSH MAX menyediakan animasi effect yang siap pakai

Fungsi Place, Remove dan MoveUntuk memunculkan menu tersebut langkahnya sebagai berikut

1. Pilih salah satu objek yang akan dijadikan animasi2. Klik kanan Frame berapa animasi tersebut akan dibuat pada Panel Timeline.

Perhatikan letak frame jika lebih dari satu objek, tiap objek mempunyai jalur sendiri-sendiri.

3. Pilih salah satu menu yang ada Place : keyframe muncul Remove : keyframe hilang Move : animasi gerak bebas

Animasi MoveSeperti yang sudah dijelaskan di atas, animasi move digunakan untuk membuat animasi gerak bebeas. Sebenarnya animasi ini tidak terbatas hanya pada gerakan objek, tetapi bisa juga untuk animasi perubahan warna, ukuran, rotasi dll. Untuk membuat animasi move langkah-langkahnya sebagai berikut:

1. Pilih salah satu objek yang akan dijadikan animasi

11 | H a l a m a n

Page 12: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

2. Klik kanan Frame berapa animasi tersebut akan dibuat pada Panel Timeline. Perhatikan letak frame jika lebih dari satu objek, tiap objek mempunyai jalur sendiri-sendiri.

3. Pilih Move4. Aktifkan Preview Timeline pada panel Control. Jika tombol Preview Timeline

aktif maka akan muncul garis merah pada timeline.

5. Untuk membuat animasi gerak, kita tinggal menggeser objek dengan Select Tool. jika benar maka akan muncul garis titik titik. Selain itu, kita dapat mengatur animasi melalui panel Effect.

6. Ulangi langkah 3 dan 5 untuk membuat gerakan selanjutnya.7. Jangan lupa matikan Preview Timeline jika sudah selesai membuat animasi.

Latihan 3. Membuat animasi bola memantul1. Buat objek lingkaran2. Warnai objek dengan warna radial Gradient

3. Atur posisi fill Gradient agar objek yang kita buat terlihat seperti bola

12 | H a l a m a n

Preview Timeline

Garis Move

Warna & Transparansi

Rotasi

Skala

Titik Awal

Titik Akhir

Page 13: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

4. Klik kanan layer shape pada frame 1, pilih Place. Pada panel Effect ubah _alpha menjadi Transparant.

5. Klik kanan layer shape pada frame 2, pilih Move. Geser objek tersebut, panel Effect ubah _alpha menjadi To 100% Opaque.

6. Klik kanan layer shape pada frame setelah Move pertama, sehingga kita memiliki 2 Move. Geser objek tersebut

7. Ulangi langkah tersebut untuk mendapatkan animasi yang diinginkan

8. Atur bentuk gerakan objek dengan mengatur Path animasi Move

Animasi EffectKelebihan SWiSH Max dibanding software animasi yang lain adalah fasilitas animasi effect, yaitu animasi yang sudah siap pakai (instant). Animasi effect mempunyai delapan kategori

Fade, animasi transparansi Zoom, animasi ukuran objek Slide, animasi pergerakan objek Appear Into Position, animasi muncul Disappear From Position, animasi keluar Looping Continuously, animasi berulang. Animasi jenis ini biasanya diterapkan

pada objek Movie Clip One Off, Animasi 1 kali Return To Start, animasi yang kembali pada posisi semula

Dalam aturan pembuatan animasi effect, object yang sudah mendapat kategori OUT atau DISAPPEAR maka objek tersebut tidak akan muncul lagi di stage meskipun diberi PLACE

Untuk melihat hasil animasi yang sudah dibuat, klik tombol Play Movie.

Trick Animasi Effect Pada Objek Foto1. Buat sebuah project2. Masukkan gambar melalui perintah File pilih Import To Stage pilih Image

13 | H a l a m a n

Mengatur Path animasi Move

Garis animasi Move

Page 14: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

3. Setelah gambar masuk, pecah gambar tersebut dengan perintah Modify pilih Break pilih Break Into Pieces

4. Pilih jenis pemecahan objek. Klik tombol OK.5. Beri animasi effek pada objek tersebut

Latihan 4. Aplikasikan animasi yang sudah dipelajari ke dalam Layout CD Interaktif pada latihan 2

14 | H a l a m a n

Page 15: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

ANIMASI INTERAKTIF

Tentang Animasi InteraktifYang dimaksud dengan interaktif adalah keterlibatan user (pengguna) dalam mengontrol animasi. SWiSH Max4 menyediakan fasilitas cukup lengkap untuk membuat animasi interaktif. Di bab ini kita akan mempelajari pembuatan Button, Movie Clip dan Action Script sederhana untuk mengontrol animasi yang kita buat.

Scene dan OutlineScene adalah halaman di SWiSH Max. Pada panel Properties Scene terdapat fasilitas yang dapat digunakan untuk membuat CD Interaktif.

Background tint, untuk mewarnai background.

Stop playing at end, menghentikan animasi pada akhir scene.

Use as background, memanfaatkan scene tersebut untuk background pada scne selanjutnya.

Outline adalah hirarki susunan CD Interaktif. Melalui outline kita dapat menambah Scene, Button, Movie Clip dll. Selain itu fungsi outline juga digunakan untuk mengatur tumpukan, menyembunyikan dan mengunci objek di dalam SWiSH Max.

ButtonButton atau tombol berfungsi untuk mengontrol animasi sehingga menjadi interaktif. Untuk membuat tombol di SWiSH Max langkahnya sebagai berikut.

1. Buat objek di SWiSH Max (boleh objek shape, text atau image).

2. Klik menu Modify, pilih Convert, pilih Convert to Button.

3. Pada panel Properties, kita dapat mengatur parameter tombol. Over state, kondisi tombol saat mouse

menyentuh tombol Down state, kondisi tombol saat di klik tahan Hit state, area tombol

4. Klik tanda + pada panel outline untuk membuka hirarki tombol, sehingga kita dapat mengatur tombol yang kita buat.

*Catatan: Jangan lupa kembalikan lagi hirarki tersebut pada posisi tertutup dengan menekan tanda - jika pengeditan sudah selesai.

15 | H a l a m a n

Page 16: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Movie ClipMovie Clip berfungsi banyak dalam animasi interaktif. Fungsi Movie Clip di SWiSH Max4 antara lain:

Membuat animasi di dalam objek animasi Membuat masking Sebagai target

Untuk membuat movie clip langkah nya sebagai berikut

1. Buat objek di SWiSH Max (boleh objek shape, text atau image).

2. Klik menu Modify, pilih Convert, pilih Convert to Movie Clip.

3. Pada panel Properties, kita dapat mengatur Movie Clip. Stop playing at end, berfungsi untuk

menghentikan animasi movie clip sehingga tidak looping

Use bottom object as mask, berfungsi sebagai masking

4. Klik tanda + pada panel outline untuk membuka hirarki movie clip, sehingga kita dapat mengatur movie clip yang kita buat.

*Catatan: Jangan lupa kembalikan lagi hirarki tersebut pada posisi tertutup dengan menekan tanda - jika pengeditan sudah selesai.

Latihan 5. Membuat Efek Animasi Masking1. Import gambar Layar Monitor.

2. Buat objek shape seukuran layar monitor menggunakan Pen Tool

16 | H a l a m a n

Page 17: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

3. Import gambar (bisa gambar awan atau pemandangan) posisikan di atas objek shape

4. Seleksi objek shape dan gambar yang di import, klik menu Modify, pilih Grouping, pilih Goup As Movie Clip

5. Buka hirarki Movie Clip pada panel Outline6. Buat animasi Move pada Gambar

7. Jika sudah selesai, tutup hirarki8. Aktifkan Use bottom object as mask pada panel Properties Movie Clip.9. Tekan tombol Play Movie untuk melihat hasilnya

Action Script Stop, Play dan gotoAndPlay/StopAction script berfungsi sebagai perintah. Action script dapat diletakkan di dalam timeline atau objek. Perhatikan perbedaan penulisan action script di bawah ini

Action Script pada Timeline Action Script pada ObjectonFrame (1) { stop();}

on (release) { stop();}

Setiap action script yang kita buat terdiri dari Kondisi dan Perintah. onFrame (1) merupakan kondisi pada frame 1. Sedangkan perintah berada pada tanda { } yaitu stop. Jika perintah tersebut dikhususkan pada objek tertentu maka penulisan perintah script menjadi namaobjek.perintah(). Agar objek yang kita buat dapat diperintah melalui script, maka objek yang kita buat harus dijadikan Target.

Untuk menerapkan Script langkahnya sebagai berikut:1. Pilih Objek atau Scene yang akan kita beri

script2. Buka Panel Script, klik tombol Add Script3. Pilih Movie Control

Play(), perintah menjalankan animasi Stop(), perintah menghentikan animasi gotoAndPlay, menuju ke Frame/ Scene

dan play gotoAndStop , menuju ke Frame/ Scene

dan stop

SWiSH Max akan menentukan Event secara default on(release) untuk tombol dan onFrame() untuk timeline jika kita langsung memilih perintah

17 | H a l a m a n

Page 18: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Latihan 5. Membuat Text Scroll SederhanaTahap 1. Membuat Animasi Masking

1. Buat sebuah kotak untuk area teks menggunakan rectangle tool2. Buat sebuah teks dengan lebar maksimal seukuran kotak area teks. Panjang

tulisan sebaiknya lebih besar dari kotak, agar bisa di scroll3. Seleksi 2 objek tersebut, klik menu Modify pilih Grouping pilih Group as Movie

Clip.4. Pada properti Movie Clip, beri nama "text_scroll" dan aktifkan Use bottom object

as mask

5. Buka hirarki Movie Clip "text_scroll" buat animasi. Pada frame 1 layer "text_scroll" beri perintah "STOP"

6. Pada frame 1 layer text, buat animasi Place7. Pada frame 2 layer text, buat animasi Move dengan gerakan dari atas ke bawah.8. Tutup hirarki Movie Clip "text_scroll"

Tahap 2. Membuat tombol controler

1. Buat 2 buah objek sebagai tombol. Bisa memanfaatkan objek Autoshape tool bentuk Polygon

18 | H a l a m a n

Page 19: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

2. Seleksi kedua Objek yang akan dijadikan tombol tersebut, klik menu Modify pilih Convert pilih Convert to Button.

3. Pilih tombol yang ada di bawah. Aktifkan Has separate over state pada panel Properties Button.

4. Buka hirarki tombol tersebut pada panel Outline, pilih objek yang berada di dalam Over state. Conver objek tersebut menjadi Movie Clip

Objek sebelum di convert jadi movie clip Objek di convert jadi Movie Clip

5. Buka hirarki objek Movie Clip objek tombol, pada frame 1 layer objek, beri animasi Place. pada frame 2 beri animasi Remove. (lihat gambar di bawah ini)

6. Tutup Hirarki pada Panel Outline

Tahap 3. Action Script

1. Pilih objek Tombol bawah. Klik Add Script, pilih gotoAndStop pilih nextFrameAndStop.

2. Pada opsi Target pilih "text_scroll"

3. Lakukan Test Movie dengan klik menu File pilih Test, pilih SWF in flash player.

4. Dengan langkah yang sama, coba lah di tombol atas.

19 | H a l a m a n

Page 20: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Action Script Load Level dan Load Movie ClipTeknik loadMovie digunakan untuk memanggil file animasi SWF dan gambar JPEG ke dalam animasi yang kita buat. Teknik ini dipakai agar pengeditan lebih efektif, karena kita hanya membuka file yang akan kita panggil. Yang perlu diperhatikan dalam membuat halaman loadMovie adalah

File harus berada dalam satu folder penulisan nama file tidak boleh ada spasi. Bisa menggunakan garis bawah,

contoh materi_matematika_dasar.swf

Untuk memanggil file menggunakan loadMovie klik menu Add Script pilih External files and data pilih Load/unload Movie Clip atau Load/Unload Level

Load Levelscript ini digunakan untuk memanggil file swf atau JPEG dengan sistem layer. Layer pemanggil ada di Level 0.Jika file yang dipanggil berada di level yang sama, maka file tersebut akan digantikan oleh file yang dipanggil.

loadMovie Clipscript ini digunakan untuk memanggil file swf atau JPEG dengan sistem target. Karena menggunakan target maka file yang kita panggil lebih mudah diatur posisinya.

20 | H a l a m a n

Page 21: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Latihan 6. Membuat Gallery FotoTahap 1. Menyiapkan Foto & Document

1. Siapkan beberapa foto yang akan dijadikan galeri. Masukkan foto tersebut dalam satu folder, misal Gallery Foto

2. Atur ukuran foto tersebut, misal 400 pixel x 300 pixel. Untuk merubah ukuran foto bisa menggunakan software Adobe Photoshop

3. Buka SWiSH Max, atur ukuran stage melalui Movie Properties seperti berikut

Tahap 2. Menyiapkan Target

1. Buat sebuah kotak, dengan ukuran 400 pixel x 300 pixel atau sesuai ukuran foto yang telah Anda setting melalui panel Transform. Pastikan titik pusat berada di pojok kiri atas.

2. Ubah kotak tersebut menjadi Movie Clip dan diberi nama. Kotak movie clip ini yang akan kita pakai sebagai Target

Tahap 3. Membuat Tombol

1. Buat objek shape sebagai tombol, Jumlah tombol sesuai dengan jumlah gambar yang akan dipanggil. Agar tombol tersebut menarik, beri warna fill Image, sesuai dengan gambar yang akan dipanggil.

21 | H a l a m a n

Gallery FotoTempat

Foto Muncul

Page 22: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

2. Berkreasilah dengan memanfaatkan fasilitas properties pada tombol

Tahap 4. Action Script

1. Pilih salah satu tombol. Buat script seperti berikut

on (release) {

namaFileYangDipanggil.loadMovie("nama_file_yang_dipanggil");

}

2. Untuk tombol yang lain perintahnya sama, hanya nama file yang dipanggil diubah sesuai gambar yang dipanggil.

3. Simpan file satu folder dengan gambar tersebut. Jangan lupa export menjadi SWF4. Lakukan test movie.

22 | H a l a m a n

nama file yang dipanggil

nama MovieClip

Page 23: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

SOUND & VIDEO

Membuat BacksoundUntuk membuat backsound animasi interaktif yang kita buat langkahnya sebagai berikut

1. Pilih Scene yang akan kita beri suara2. Buka panel Script, klik tombol Add Script

pilih Sound pilih stopAllSound().3. Klik Add Script pilih Sound pilih

playSound()4. Klik tombol Import Sound pada panel

Script Assistant5. Klik lagu yang sudah kita import

6. Klik tombol Sound Effect, sehingga akan keluar kotak dialog seperti berikut

7. Pada Loop sound, isi dengan nilai 999 agar sound tersebut berulang ulang sampai 999x

*Catatan: Pastikan kondisi perintah playSound() pada frame setelah stopAllSound. Pada contoh tersebut stopAllSound berad di Frame 1 sedang Play Sound berada di Frame2

Latihan 7. Membuat Tombol Suara

1. Pilih Tombol yang akan kita beri suara2. Buka panel Script, klik tombol Add Script pilih Event pilih button pilih

on(rollOver)3. Klik Add Script pilih Sound pilih playSound()4. Klik tombol Import Sound pada panel Script Assistant5. Klik lagu yang sudah kita import

*Catatan: kondisi on(rollOver) adalah kondisi saat tombol tersentuh mouse. Anda bisa memodifikasi kondisi tombol tersebut sesuai kapan tombol tersebut akan bersuara.

Membuat Narasi melalui Audacity

Audacity adalah software gratis untuk merekam suara. Untuk mengunduh software ini bisa melalui http://audacity.sourceforge.net/

23 | H a l a m a n

Page 24: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

1. Siapkan microfon untuk melakukan rekaman. 2. Jalankan software Audacity yang sudah terinstall pada PC/ Laptop anda

3. Klik tombol Record (lingkaran merah), suara yang masuk dapat terlihat dari waveform. Klik tombol Stop (kotak) untuk mengakhiri rekaman.

4. Untuk menyimpan suara dalam format WAV/ MP3, klik menu File pilih Export.

*Catatan: Untuk menghasilkan suara yang bagus, sebaiknya proses rekaman dilakukan di ruang kedap suara agar tidak ada suara lain yang masuk.Teknik lain untuk proses rekaman kita dapat memanfaatkan fasilitas rekording dari perangkat Handphone atau Voice Recorder

24 | H a l a m a n

Page 25: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Import VideoUntuk memasukkan video ke dalam SWiSH Max melalui perintah File pilih Import to Stage pilih Video. Pastikan format video yang kita import berupa flv

Pada saat kita tekan tombol Open, maka akan keluar kotak dialog konfirmasi.

Pilih No, maka video akan diimport secara embeded, Pilih YES, maka video akan diimport sebagai external file. Pastikan jika kita

memilih YES video tersebut sudah dalam 1 folder dengan file SWF yang akan kita export

*Catatan: Untuk memasukkan video secara external agar lebih ringan dapat menggunakan teknik loadMovie dengan catatan video harus dalam format SWF

Convert Video melalui Format Factory

Format Factory merupakan software yang dibuat oleh PCFreetime. Software ini dapat diunduh gratis melalui http://www.pcfreetime.com/. Format Factory berfungsi untuk mengconvert Video ke dalam format FLV atau SWF.

25 | H a l a m a n

Page 26: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

Untuk menggunakan software ini langkahnya sebagai berikut

Pilih jenis output video yang akan dihasilkan, bisa pilih FLV atau SWF. sehingga akan keluar setting seperti berikut. (dalam contoh ini saya pilih SWF)

Klik tombol Output Setting untuk menentukan kualitas serta ukuran video

Klik tombol Add File untuk memilih video yang akan di convert Klik tombol OK untuk melanjutkan klik tombol Start untuk mengconvert file video

26 | H a l a m a n

Page 27: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

FINISHING CD INTERAKTIF

Action Script fscommandScript ini digunakan untuk perintah Fullscreen, skala animasi, perintah keluar dll. Untuk membuat perintah fscommand langkahnya Klik Add Script pilih Browser/ Network pilih fscommand ().

FullScreen, untuk menampilkan CD Interaktif agar tampil ukuran penuh. Perintah ini biasanya dipasang pada frame 1. Command: FullScreen Argument: true

Membuat Tombol ExitPerintah ini biasanya dipasang pada tombol. Command: Quit Argument: true

EXE ProjectorEXE Projector berfungsi agar CD Interaktif yang kita buat dapat dijalankan di pada komputer manapun tanpa harus install Flash Player. Jika kita menggunakan sistem Load Movie, maka yang kita export hanya File pemanggil saja.

Klik menu File pilih Export pilih EXE(projector)

Pilih lokasi tempat menyimpan, file ini juga harus jadi satu folder dengan file swf

Membuat AUTORUN.INFautorun.inf adalah file yang berfungsi agar CD Interaktif menjadi autoplay. Untuk membuat file ini bisa menggunakan notepad. Ketik isi notepad sebagai berikut:

[AUTORUN]open=namafile.exeicon=namaicon.ico

27 | H a l a m a n

Page 28: Membuat CD Interaktif dengan SWiSH MAX4

MODUL SWiSH Max 4Oleh: Muhadi Tri | [email protected]

BONUS

External Text

Membuat Quiz Pilihan Ganda

Membuat Tombol Volume Suara

Browsing Folder

Menonaktifkan Tombol ESC

Membuat Menu Drop Down

28 | H a l a m a n